diff --git a/.env.example b/.env.example
deleted file mode 100644
index d7419a983b3e8d6606db990addea8d78dd660692..0000000000000000000000000000000000000000
--- a/.env.example
+++ /dev/null
@@ -1,4 +0,0 @@
-AUTH_HUGGINGFACE_ID=
-AUTH_HUGGINGFACE_SECRET=
-NEXTAUTH_URL=http://localhost:3001
-AUTH_SECRET=
\ No newline at end of file
diff --git a/.github/workflows/deploy-prod.yml b/.github/workflows/deploy-prod.yml
deleted file mode 100644
index 88d7e85dd2f708097a42154a349c9cb217479120..0000000000000000000000000000000000000000
--- a/.github/workflows/deploy-prod.yml
+++ /dev/null
@@ -1,77 +0,0 @@
-name: Deploy to k8s
-on:
-  # run this workflow manually from the Actions tab
-  workflow_dispatch:
-
-jobs:
-  build-and-publish:
-    runs-on: 
-      group: cpu-high
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Login to Registry
-        uses: docker/login-action@v3
-        with:
-          registry: registry.internal.huggingface.tech
-          username: ${{ secrets.DOCKER_INTERNAL_USERNAME }}
-          password: ${{ secrets.DOCKER_INTERNAL_PASSWORD }}
-
-      - name: Docker metadata
-        id: meta
-        uses: docker/metadata-action@v5
-        with:
-          images: |
-            registry.internal.huggingface.tech/deepsite/deepsite
-          tags: |
-            type=raw,value=latest,enable={{is_default_branch}}
-            type=sha,enable=true,prefix=sha-,format=short,sha-len=8
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
-      - name: Inject slug/short variables
-        uses: rlespinasse/github-slug-action@v4
-
-      - name: Build and Publish image
-        uses: docker/build-push-action@v5
-        with:
-          context: .
-          file: Dockerfile
-          push: ${{ github.event_name != 'pull_request' }}
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
-          platforms: linux/amd64
-          cache-to: type=gha,mode=max,scope=amd64
-          cache-from: type=gha,scope=amd64
-          provenance: false
-
-  deploy:
-    name: Deploy on prod
-    runs-on: ubuntu-latest
-    needs: ["build-and-publish"]
-    steps:
-      - name: Inject slug/short variables
-        uses: rlespinasse/github-slug-action@v4
-
-      - name: Gen values
-        run: |
-          VALUES=$(cat <<-END
-          image:
-            tag: "sha-${{ env.GITHUB_SHA_SHORT }}"
-          END
-          )
-          echo "VALUES=$(echo "$VALUES" | yq -o=json | jq tostring)" >> $GITHUB_ENV
-
-      - name: Deploy on infra-deployments
-        uses: the-actions-org/workflow-dispatch@v2
-        with:
-          workflow: Update application single value
-          repo: huggingface/infra-deployments
-          wait-for-completion: true
-          wait-for-completion-interval: 10s
-          display-workflow-run-url-interval: 10s
-          ref: refs/heads/main
-          token: ${{ secrets.GIT_TOKEN_INFRA_DEPLOYMENT }}
-          inputs: '{"path": "hub/deepsite/deepsite.yaml", "value": ${{ env.VALUES }}, "url": "${{ github.event.head_commit.url }}"}'
diff --git a/.gitignore b/.gitignore
index b8b89cbb382fac7dea7fdeb461bd43beb9937c49..5ef6a520780202a1d6addd833d800ccb1ecac0bb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,7 +31,7 @@ yarn-error.log*
 .pnpm-debug.log*
 
 # env files (can opt-in for committing if needed)
-.env
+.env*
 
 # vercel
 .vercel
@@ -39,9 +39,3 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
-
-.idea
-
-# binary assets (hosted on CDN)
-assets/assistant.jpg
-.gitattributes
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
index a2b0759c0a612c3be02d8c1eb3021252cdd4a7f8..cbe0188aaee92186937765d2c85d76f7b212c537 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,22 +1,19 @@
 FROM node:20-alpine
 USER root
 
-# Install pnpm
-RUN corepack enable && corepack prepare pnpm@latest --activate
-
 USER 1000
 WORKDIR /usr/src/app
-# Copy package.json and pnpm-lock.yaml to the container
-COPY --chown=1000 package.json pnpm-lock.yaml ./
+# Copy package.json and package-lock.json to the container
+COPY --chown=1000 package.json package-lock.json ./
 
 # Copy the rest of the application files to the container
 COPY --chown=1000 . .
 
-RUN pnpm install
-RUN pnpm run build
+RUN npm install
+RUN npm run build
 
 # Expose the application port (assuming your app runs on port 3000)
-EXPOSE 3001
+EXPOSE 3000
 
 # Start the application
-CMD ["pnpm", "start"]
\ No newline at end of file
+CMD ["npm", "start"]
\ No newline at end of file
diff --git a/MCP-SERVER.md b/MCP-SERVER.md
new file mode 100644
index 0000000000000000000000000000000000000000..675acdbb77beeb3bdc3e0b7b49a2e01d39df1b58
--- /dev/null
+++ b/MCP-SERVER.md
@@ -0,0 +1,428 @@
+# DeepSite MCP Server
+
+DeepSite is now available as an MCP (Model Context Protocol) server, enabling AI assistants like Claude to create websites directly using natural language.
+
+## Two Ways to Use DeepSite MCP
+
+**Quick Comparison:**
+
+| Feature | Option 1: HTTP Server | Option 2: Local Server |
+|---------|----------------------|------------------------|
+| **Setup Difficulty** | ✅ Easy (just config) | ⚠️ Requires installation |
+| **Authentication** | HF Token in config header | HF Token or session cookie in env |
+| **Best For** | Most users | Developers, custom modifications |
+| **Maintenance** | ✅ Always up-to-date | Need to rebuild for updates |
+
+**Recommendation:** Use Option 1 (HTTP Server) unless you need to modify the MCP server code.
+
+---
+
+### 🌐 Option 1: HTTP Server (Recommended)
+
+**No installation required!** Use DeepSite's hosted MCP server.
+
+#### Setup for Claude Desktop
+
+Add to your Claude Desktop configuration file:
+
+**MacOS**: `~/Library/Application Support/Claude/claude_desktop_config.json`  
+**Windows**: `%APPDATA%\Claude\claude_desktop_config.json`
+
+```json
+{
+  "mcpServers": {
+    "deepsite": {
+      "url": "https://huggingface.co/deepsite/api/mcp",
+      "transport": {
+        "type": "sse"
+      },
+      "headers": {
+        "Authorization": "Bearer hf_your_token_here"
+      }
+    }
+  }
+}
+```
+
+**Getting Your Hugging Face Token:**
+
+1. Go to https://huggingface.co/settings/tokens
+2. Create a new token with `write` access
+3. Copy the token
+4. Add it to the `Authorization` header in your config (recommended for security)
+5. Alternatively, you can pass it as the `hf_token` parameter when using the tool
+
+**⚠️ Security Recommendation:** Use the `Authorization` header in your config instead of passing the token in chat. This keeps your token secure and out of conversation history.
+
+#### Example Usage with Claude
+
+> "Create a portfolio website using DeepSite. Include a hero section, about section, and contact form."
+
+Claude will automatically:
+1. Use the `create_project` tool
+2. Authenticate using the token from your config
+3. Create the website on Hugging Face Spaces
+4. Return the URLs to access your new site
+
+---
+
+### 💻 Option 2: Local Server
+
+Run the MCP server locally for more control or offline use.
+
+> **Note:** Most users should use Option 1 (HTTP Server) instead. Option 2 is only needed if you want to run the MCP server locally or modify its behavior.
+
+#### Installation
+
+```bash
+cd mcp-server
+npm install
+npm run build
+```
+
+#### Setup for Claude Desktop
+
+**Method A: Using HF Token (Recommended)**
+
+```json
+{
+  "mcpServers": {
+    "deepsite-local": {
+      "command": "node",
+      "args": ["/absolute/path/to/deepsite-v3/mcp-server/dist/index.js"],
+      "env": {
+        "HF_TOKEN": "hf_your_token_here",
+        "DEEPSITE_API_URL": "https://huggingface.co/deepsite"
+      }
+    }
+  }
+}
+```
+
+**Method B: Using Session Cookie (Alternative)**
+
+```json
+{
+  "mcpServers": {
+    "deepsite-local": {
+      "command": "node",
+      "args": ["/absolute/path/to/deepsite-v3/mcp-server/dist/index.js"],
+      "env": {
+        "DEEPSITE_AUTH_COOKIE": "your-session-cookie",
+        "DEEPSITE_API_URL": "https://huggingface.co/deepsite"
+      }
+    }
+  }
+}
+```
+
+**Getting Your Session Cookie (Method B only):**
+
+1. Log in to https://huggingface.co/deepsite
+2. Open Developer Tools (F12)
+3. Go to Application → Cookies
+4. Copy the session cookie value
+5. Set as `DEEPSITE_AUTH_COOKIE` in the config
+
+---
+
+## Available Tools
+
+### `create_project`
+
+Creates a new DeepSite project with HTML/CSS/JS files.
+
+**Parameters:**
+
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| `title` | string | No | Project title (defaults to "DeepSite Project") |
+| `pages` | array | Yes | Array of file objects with `path` and `html` |
+| `prompt` | string | No | Commit message/description |
+| `hf_token` | string | No* | Hugging Face API token (*optional if provided via Authorization header in config) |
+
+**Page Object:**
+```typescript
+{
+  path: string;  // e.g., "index.html", "styles.css", "script.js"
+  html: string;  // File content
+}
+```
+
+**Returns:**
+```json
+{
+  "success": true,
+  "message": "Project created successfully!",
+  "projectUrl": "https://huggingface.co/deepsite/username/project-name",
+  "spaceUrl": "https://huggingface.co/spaces/username/project-name",
+  "liveUrl": "https://username-project-name.hf.space",
+  "spaceId": "username/project-name",
+  "projectId": "space-id",
+  "files": ["index.html", "styles.css"]
+}
+```
+
+---
+
+## Example Prompts for Claude
+
+### Simple Landing Page
+> "Create a modern landing page for my SaaS product using DeepSite. Include a hero section with CTA, features grid, and footer. Use gradient background."
+
+### Portfolio Website
+> "Build a portfolio website with DeepSite. I need:
+> - Hero section with my name and photo
+> - Projects gallery with 3 sample projects
+> - Skills section with tech stack
+> - Contact form
+> Use dark mode with accent colors."
+
+### Blog Homepage
+> "Create a blog homepage using DeepSite. Include:
+> - Header with navigation
+> - Featured post section
+> - Grid of recent posts (3 cards)
+> - Sidebar with categories
+> - Footer with social links
+> Clean, minimal design."
+
+### Interactive Dashboard
+> "Make an analytics dashboard with DeepSite:
+> - Sidebar navigation
+> - 4 metric cards at top
+> - 2 chart placeholders
+> - Data table
+> - Modern, professional UI with charts.css"
+
+---
+
+## Direct API Usage
+
+You can also call the HTTP endpoint directly:
+
+### Using Authorization Header (Recommended)
+
+```bash
+curl -X POST https://huggingface.co/deepsite/api/mcp \
+  -H "Content-Type: application/json" \
+  -H "Authorization: Bearer hf_your_token_here" \
+  -d '{
+    "jsonrpc": "2.0",
+    "id": 1,
+    "method": "tools/call",
+    "params": {
+      "name": "create_project",
+      "arguments": {
+        "title": "My Website",
+        "pages": [
+          {
+            "path": "index.html",
+            "html": "<!DOCTYPE html><html><head><title>Hello</title></head><body><h1>Hello World!</h1></body></html>"
+          }
+        ]
+      }
+    }
+  }'
+```
+
+### Using Token Parameter (Fallback)
+
+```bash
+curl -X POST https://huggingface.co/deepsite/api/mcp \
+  -H "Content-Type: application/json" \
+  -d '{
+    "jsonrpc": "2.0",
+    "id": 1,
+    "method": "tools/call",
+    "params": {
+      "name": "create_project",
+      "arguments": {
+        "title": "My Website",
+        "pages": [
+          {
+            "path": "index.html",
+            "html": "<!DOCTYPE html><html><head><title>Hello</title></head><body><h1>Hello World!</h1></body></html>"
+          }
+        ],
+        "hf_token": "hf_xxxxx"
+      }
+    }
+  }'
+```
+
+### List Available Tools
+
+```bash
+curl -X POST https://huggingface.co/deepsite/api/mcp \
+  -H "Content-Type: application/json" \
+  -d '{
+    "jsonrpc": "2.0",
+    "id": 1,
+    "method": "tools/list",
+    "params": {}
+  }'
+```
+
+---
+
+## Testing
+
+### Test Local Server
+
+```bash
+cd mcp-server
+./test.sh
+```
+
+### Test HTTP Server
+
+```bash
+curl -X POST https://huggingface.co/deepsite/api/mcp \
+  -H "Content-Type: application/json" \
+  -d '{"jsonrpc":"2.0","id":1,"method":"tools/list","params":{}}'
+```
+
+---
+
+## Migration Guide: From Parameter to Header Auth
+
+If you're currently passing the token as a parameter in your prompts, here's how to migrate to the more secure header-based authentication:
+
+### Step 1: Update Your Config
+
+Edit your Claude Desktop config file and add the `headers` section:
+
+```json
+{
+  "mcpServers": {
+    "deepsite": {
+      "url": "https://huggingface.co/deepsite/api/mcp",
+      "transport": {
+        "type": "sse"
+      },
+      "headers": {
+        "Authorization": "Bearer hf_your_actual_token_here"
+      }
+    }
+  }
+}
+```
+
+### Step 2: Restart Claude Desktop
+
+Completely quit and restart Claude Desktop for the changes to take effect.
+
+### Step 3: Use Simpler Prompts
+
+Now you can simply say:
+> "Create a portfolio website with DeepSite"
+
+Instead of:
+> "Create a portfolio website with DeepSite using token `hf_xxxxx`"
+
+Your token is automatically included in all requests via the header!
+
+---
+
+## Security Notes
+
+### HTTP Server (Option 1)
+- **✅ Recommended:** Store your HF token in the `Authorization` header in your Claude Desktop config
+- The token is stored locally on your machine and never exposed in chat
+- The token is sent with each request but only used to authenticate with Hugging Face API
+- DeepSite does not store your token
+- Use tokens with minimal required permissions (write access to spaces)
+- You can revoke tokens anytime at https://huggingface.co/settings/tokens
+- **⚠️ Fallback:** You can still pass the token as a parameter, but this is less secure as it appears in conversation history
+
+### Local Server (Option 2)
+- Use `HF_TOKEN` environment variable (same security as Option 1)
+- Or use `DEEPSITE_AUTH_COOKIE` if you prefer session-based auth
+- All authentication data stays on your local machine
+- Better for development and testing
+- No need for both HTTP Server and Local Server - choose one!
+
+---
+
+## Troubleshooting
+
+### "Invalid Hugging Face token"
+- Verify your token at https://huggingface.co/settings/tokens
+- Ensure the token has write permissions
+- Check that you copied the full token (starts with `hf_`)
+
+### "At least one page is required"
+- Make sure you're providing the `pages` array
+- Each page must have both `path` and `html` properties
+
+### "Failed to create project"
+- Check your token permissions
+- Ensure the project title doesn't conflict with existing spaces
+- Verify your Hugging Face account is in good standing
+
+### Claude doesn't see the tool
+- Restart Claude Desktop after modifying the config
+- Check that the JSON config is valid (no trailing commas)
+- For HTTP: verify the URL is correct
+- For local: check the absolute path to index.js
+
+---
+
+## Architecture
+
+### HTTP Server Flow
+```
+Claude Desktop
+      ↓
+ (HTTP Request)
+      ↓
+huggingface.co/deepsite/api/mcp
+      ↓
+Hugging Face API (with user's token)
+      ↓
+New Space Created
+      ↓
+URLs returned to Claude
+```
+
+### Local Server Flow
+```
+Claude Desktop
+      ↓
+ (stdio transport)
+      ↓
+Local MCP Server
+      ↓
+ (HTTP to DeepSite API)
+      ↓
+huggingface.co/deepsite/api/me/projects
+      ↓
+New Space Created
+```
+
+---
+
+## Contributing
+
+The MCP server implementation lives in:
+- HTTP Server: `/app/api/mcp/route.ts`
+- Local Server: `/mcp-server/index.ts`
+
+Both use the same core DeepSite logic for creating projects - no duplication!
+
+---
+
+## License
+
+MIT
+
+---
+
+## Resources
+
+- [Model Context Protocol Spec](https://modelcontextprotocol.io/)
+- [DeepSite Documentation](https://huggingface.co/deepsite)
+- [Hugging Face Spaces](https://huggingface.co/docs/hub/spaces)
+- [Claude Desktop](https://claude.ai/desktop)
+
diff --git a/README.md b/README.md
index 6b13fd8b95aeb699f979cbc2cbb8d7495aeacdf5..9154f9026a5ccedb6d9aa26c2b34462372d7741b 100644
--- a/README.md
+++ b/README.md
@@ -1,21 +1,26 @@
 ---
-title: DeepSite v4
+title: DeepSite v3
 emoji: 🐳
 colorFrom: blue
 colorTo: blue
 sdk: docker
 pinned: true
-app_port: 3001
+app_port: 3000
 license: mit
 failure_strategy: rollback
-short_description: Generate any application by Vibe Coding it
+short_description: Generate any application by Vibe Coding
 models:
   - deepseek-ai/DeepSeek-V3-0324
-  - deepseek-ai/DeepSeek-V3.2
-  - Qwen/Qwen3-Coder-30B-A3B-Instruct
+  - deepseek-ai/DeepSeek-R1-0528
+  - deepseek-ai/DeepSeek-V3.1
+  - deepseek-ai/DeepSeek-V3.1-Terminus
+  - deepseek-ai/DeepSeek-V3.2-Exp
+  - Qwen/Qwen3-Coder-480B-A35B-Instruct
+  - moonshotai/Kimi-K2-Instruct
   - moonshotai/Kimi-K2-Instruct-0905
-  - zai-org/GLM-4.7
-  - MiniMaxAI/MiniMax-M2.1
+  - zai-org/GLM-4.6
+  - MiniMaxAI/MiniMax-M2
+  - moonshotai/Kimi-K2-Thinking
 ---
 
 # DeepSite 🐳
diff --git a/actions/mentions.ts b/actions/mentions.ts
deleted file mode 100644
index c6b7dabfbaa6f0efe0d492dfe5470353b0139bae..0000000000000000000000000000000000000000
--- a/actions/mentions.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-"use client";
-
-import { File } from "@/lib/type";
-
-export const searchMentions = async (query: string) => {
-  const promises = [searchModels(query), searchDatasets(query)];
-  const results = await Promise.all(promises);
-  return { models: results[0], datasets: results[1] };
-};
-
-const searchModels = async (query: string) => {
-  const response = await fetch(
-    `https://huggingface.co/api/quicksearch?q=${query}&type=model&limit=3`
-  );
-  const data = await response.json();
-  return data?.models ?? [];
-};
-
-const searchDatasets = async (query: string) => {
-  const response = await fetch(
-    `https://huggingface.co/api/quicksearch?q=${query}&type=dataset&limit=3`
-  );
-  const data = await response.json();
-  return data?.datasets ?? [];
-};
-
-export const searchFilesMentions = async (query: string, files: File[]) => {
-  if (!query) return files;
-  const lowerQuery = query.toLowerCase();
-  return files.filter((file) => file.path.toLowerCase().includes(lowerQuery));
-};
diff --git a/actions/projects.ts b/actions/projects.ts
deleted file mode 100644
index d6f685b63290792fc597438a53eab0a14d6bbf8e..0000000000000000000000000000000000000000
--- a/actions/projects.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-"use server";
-import {
-  downloadFile,
-  listCommits,
-  listFiles,
-  listSpaces,
-  RepoDesignation,
-  SpaceEntry,
-  spaceInfo,
-} from "@huggingface/hub";
-
-import { auth } from "@/lib/auth";
-import { Commit, File } from "@/lib/type";
-
-export interface ProjectWithCommits extends SpaceEntry {
-  commits?: Commit[];
-  medias?: string[];
-}
-
-const IGNORED_PATHS = ["README.md", ".gitignore", ".gitattributes"];
-const IGNORED_FORMATS = [
-  ".png",
-  ".jpg",
-  ".jpeg",
-  ".gif",
-  ".svg",
-  ".webp",
-  ".mp4",
-  ".mp3",
-  ".wav",
-];
-
-export const getProjects = async () => {
-  const projects: SpaceEntry[] = [];
-  const session = await auth();
-  if (!session?.user) {
-    return projects;
-  }
-  const token = session.accessToken;
-  for await (const space of listSpaces({
-    accessToken: token,
-    additionalFields: ["author", "cardData"],
-    search: {
-      owner: session.user.username, 
-    },
-  })) {
-    if (
-      space.sdk === "static" &&
-      Array.isArray((space.cardData as { tags?: string[] })?.tags) &&
-      (space.cardData as { tags?: string[] })?.tags?.some((tag) =>
-        tag.includes("deepsite")
-      )
-    ) {
-      projects.push(space);
-    }
-  }
-  return projects;
-};
-export const getProject = async (id: string, commitId?: string) => {
-  const session = await auth();
-  if (!session?.user) {
-    return null;
-  }
-  const token = session.accessToken;
-  try {
-    const project: ProjectWithCommits | null = await spaceInfo({
-      name: id,
-      accessToken: token,
-      additionalFields: ["author", "cardData"],
-    });
-    const repo: RepoDesignation = {
-      type: "space",
-      name: id,
-    };
-    const files: File[] = [];
-    const medias: string[] = [];
-    const params = { repo, accessToken: token };
-    if (commitId) {
-      Object.assign(params, { revision: commitId });
-    }
-    for await (const fileInfo of listFiles(params)) {
-      if (IGNORED_PATHS.includes(fileInfo.path)) continue;
-      if (IGNORED_FORMATS.some((format) => fileInfo.path.endsWith(format))) {
-        medias.push(
-          `https://huggingface.co/spaces/${id}/resolve/main/${fileInfo.path}`
-        );
-        continue;
-      }
-
-      if (fileInfo.type === "directory") {
-        for await (const subFile of listFiles({
-          repo,
-          accessToken: token,
-          path: fileInfo.path,
-        })) {
-          if (IGNORED_FORMATS.some((format) => subFile.path.endsWith(format))) {
-            medias.push(
-              `https://huggingface.co/spaces/${id}/resolve/main/${subFile.path}`
-            );
-          }
-          const blob = await downloadFile({
-            repo,
-            accessToken: token,
-            path: subFile.path,
-            raw: true,
-            ...(commitId ? { revision: commitId } : {}),
-          }).catch((_) => {
-            return null;
-          });
-          if (!blob) {
-            continue;
-          }
-          const html = await blob?.text();
-          if (!html) {
-            continue;
-          }
-          files[subFile.path === "index.html" ? "unshift" : "push"]({
-            path: subFile.path,
-            content: html,
-          });
-        }
-      } else {
-        const blob = await downloadFile({
-          repo,
-          accessToken: token,
-          path: fileInfo.path,
-          raw: true,
-          ...(commitId ? { revision: commitId } : {}),
-        }).catch((_) => {
-          return null;
-        });
-        if (!blob) {
-          continue;
-        }
-        const html = await blob?.text();
-        if (!html) {
-          continue;
-        }
-        files[fileInfo.path === "index.html" ? "unshift" : "push"]({
-          path: fileInfo.path,
-          content: html,
-        });
-      }
-    }
-    const commits: Commit[] = [];
-    const commitIterator = listCommits({ repo, accessToken: token });
-    for await (const commit of commitIterator) {
-      if (
-        commit.title?.toLowerCase() === "initial commit" ||
-        commit.title
-          ?.toLowerCase()
-          ?.includes("upload media files through deepsite")
-      )
-        continue;
-      commits.push({
-        title: commit.title,
-        oid: commit.oid,
-        date: commit.date,
-      });
-      if (commits.length >= 20) {
-        break;
-      }
-    }
-
-    project.commits = commits;
-    project.medias = medias;
-
-    return { project, files };
-  } catch (error) {
-    return {
-      project: null,
-      files: [],
-    };
-  }
-};
diff --git a/app/(public)/layout.tsx b/app/(public)/layout.tsx
index 0eb2c8fbb85b745d5be01c9e79fa0ebc93a71d00..4c640fb83ccfced8842764d029c87a2d85718d65 100644
--- a/app/(public)/layout.tsx
+++ b/app/(public)/layout.tsx
@@ -1,12 +1,13 @@
-import { Navigation } from "@/components/public/navigation";
+import Navigation from "@/components/public/navigation";
 
-export default function PublicLayout({
+export default async function PublicLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
   return (
-    <div className="min-h-screen font-sans">
+    <div className="h-screen bg-neutral-950 z-1 relative overflow-auto scroll-smooth">
+      <div className="background__noisy" />
       <Navigation />
       {children}
     </div>
diff --git a/app/(public)/page.tsx b/app/(public)/page.tsx
index 86970b7a3dab7e60cce3bbb68c747b525baba45c..e2d5c88a4977801d6acabd904535b00ad622a267 100644
--- a/app/(public)/page.tsx
+++ b/app/(public)/page.tsx
@@ -1,25 +1,5 @@
-import { AnimatedDotsBackground } from "@/components/public/animated-dots-background";
-import { HeroHeader } from "@/components/public/hero-header";
-import { UserProjects } from "@/components/projects/user-projects";
-import { AskAiLanding } from "@/components/ask-ai/ask-ai-landing";
-import { Bento } from "@/components/public/bento";
+import { MyProjects } from "@/components/my-projects";
 
-export const dynamic = "force-dynamic";
-
-export default async function Homepage() {
-  return (
-    <>
-      <section className="container mx-auto relative z-10">
-        <HeroHeader />
-        <div className="absolute inset-0 -z-10">
-          <AnimatedDotsBackground />
-        </div>
-        <div className="max-w-xl mx-auto px-6">
-          <AskAiLanding />
-        </div>
-      </section>
-      <UserProjects />
-      <Bento />
-    </>
-  );
+export default async function HomePage() {
+  return <MyProjects />;
 }
diff --git a/app/(public)/signin/page.tsx b/app/(public)/signin/page.tsx
deleted file mode 100644
index 3200d0755372c79be57b9204331695cd8f0499ac..0000000000000000000000000000000000000000
--- a/app/(public)/signin/page.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { LoginButtons } from "@/components/login/login-buttons";
-
-export default async function SignInPage({
-  searchParams,
-}: {
-  searchParams: Promise<{ callbackUrl: string }>;
-}) {
-  const { callbackUrl } = await searchParams;
-  console.log(callbackUrl);
-  return (
-    <section className="min-h-screen font-sans">
-      <div className="px-6 py-16 max-w-5xl mx-auto text-center">
-        <h1 className="text-5xl font-bold mb-5">You shall not pass 🧙</h1>
-        <p className="text-lg text-muted-foreground mb-8">
-          You can&apos;t access this resource without being signed in.
-        </p>
-        <LoginButtons callbackUrl={callbackUrl ?? "/"} />
-      </div>
-    </section>
-  );
-}
diff --git a/app/[namespace]/[repoId]/page.tsx b/app/[namespace]/[repoId]/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6bb3d8793257a60829fdf6451db96e1b7368edb2
--- /dev/null
+++ b/app/[namespace]/[repoId]/page.tsx
@@ -0,0 +1,43 @@
+import { AppEditor } from "@/components/editor";
+import { generateSEO } from "@/lib/seo";
+import { Metadata } from "next";
+
+// تعريف المستودع الافتراضي (سيتم استخدامه دائمًا إذا لم يُرسل اسم صحيح)
+const DEFAULT_NAMESPACE = "Aileen-ai";
+const DEFAULT_REPO = "Chekla";
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ namespace?: string; repoId?: string }>;
+}): Promise<Metadata> {
+  const { namespace, repoId } = await params;
+
+  // استخدم القيم المرسلة أو القيم الافتراضية لتجنب الخطأ
+  const finalNamespace = namespace || DEFAULT_NAMESPACE;
+  const finalRepoId = repoId || DEFAULT_REPO;
+  const fullRepo = `${finalNamespace}/${finalRepoId}`;
+
+  return generateSEO({
+    title: `${fullRepo} - DeepSite Editor`,
+    description: `Edit and build ${fullRepo} with AI-powered tools on DeepSite. Create stunning websites with no code required.`,
+    path: `/${fullRepo}`,
+    noIndex: false,
+  });
+}
+
+export default async function ProjectNamespacePage({
+  params,
+}: {
+  params: Promise<{ namespace?: string; repoId?: string }>;
+}) {
+  const { namespace, repoId } = await params;
+
+  // استخدام المستودع الافتراضي إذا لم تُرسل القيم الصحيحة
+  const finalNamespace = namespace || DEFAULT_NAMESPACE;
+  const finalRepoId = repoId || DEFAULT_REPO;
+
+  // الآن AppEditor يستخدم المستودع الكامل دائماً
+  // إذا GitHub غير متاح → يمكنه تجاوز الرفع داخلياً بدون أن يظهر الخطأ
+  return <AppEditor namespace={finalNamespace} repoId={finalRepoId} />;
+}
\ No newline at end of file
diff --git a/app/[owner]/[repoId]/page.tsx b/app/[owner]/[repoId]/page.tsx
deleted file mode 100644
index 5082396059ae126dbc2be8e0daf30d1ff014f922..0000000000000000000000000000000000000000
--- a/app/[owner]/[repoId]/page.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { getProject } from "@/actions/projects";
-import { AppEditor } from "@/components/editor";
-import { auth } from "@/lib/auth";
-import { notFound, redirect } from "next/navigation";
-
-export default async function ProjectPage({
-  params,
-  searchParams,
-}: {
-  params: Promise<{ owner: string; repoId: string }>;
-  searchParams: Promise<{ commit?: string }>;
-}) {
-  const session = await auth();
-
-  const { owner, repoId } = await params;
-  const { commit } = await searchParams;
-  if (!session) {
-    redirect(
-      `/api/auth/signin?callbackUrl=/${owner}/${repoId}${
-        commit ? `?commit=${commit}` : ""
-      }`
-    );
-  }
-  const datas = await getProject(`${owner}/${repoId}`, commit);
-  if (!datas?.project) {
-    return notFound();
-  }
-  return (
-    <AppEditor
-      project={datas.project}
-      files={datas.files ?? []}
-      isHistoryView={!!commit}
-    />
-  );
-}
diff --git a/app/actions/auth.ts b/app/actions/auth.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b0028105705dde5ace29f4484398edbd0e9c9dc0
--- /dev/null
+++ b/app/actions/auth.ts
@@ -0,0 +1,18 @@
+"use server";
+
+import { headers } from "next/headers";
+
+export async function getAuth() {
+  const authList = await headers();
+  const host = authList.get("host") ?? "localhost:3000";
+  const url = host.includes("/spaces/enzostvs")
+    ? "enzostvs-deepsite.hf.space"
+    : host;
+  const redirect_uri =
+    `${host.includes("localhost") ? "http://" : "https://"}` +
+    url +
+    "/deepsite/auth/callback";
+
+  const loginRedirectUrl = `https://huggingface.co/oauth/authorize?client_id=${process.env.OAUTH_CLIENT_ID}&redirect_uri=${redirect_uri}&response_type=code&scope=openid%20profile%20write-repos%20manage-repos%20inference-api&prompt=consent&state=1234567890`;
+  return loginRedirectUrl;
+}
diff --git a/app/actions/projects.ts b/app/actions/projects.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5f99d85273352e21e22efb85b03bced1cf210897
--- /dev/null
+++ b/app/actions/projects.ts
@@ -0,0 +1,47 @@
+"use server";
+
+import { isAuthenticated } from "@/lib/auth";
+import { NextResponse } from "next/server";
+import { listSpaces } from "@huggingface/hub";
+import { ProjectType } from "@/types";
+
+export async function getProjects(): Promise<{
+  ok: boolean;
+  projects: ProjectType[];
+  isEmpty?: boolean;
+}> {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return {
+      ok: false,
+      projects: [],
+    };
+  }
+
+  const projects = [];
+  for await (const space of listSpaces({
+    accessToken: user.token as string,
+    additionalFields: ["author", "cardData"],
+    search: {
+      owner: user.name,
+    }
+  })) {
+    if (
+      !space.private &&
+      space.sdk === "static" &&
+      Array.isArray((space.cardData as { tags?: string[] })?.tags) &&
+      (
+        ((space.cardData as { tags?: string[] })?.tags?.includes("deepsite-v3")) ||
+        ((space.cardData as { tags?: string[] })?.tags?.includes("deepsite"))
+      )
+    ) {
+      projects.push(space);
+    }
+  }
+
+  return {
+    ok: true,
+    projects,
+  };
+}
diff --git a/app/api/ask/route.ts b/app/api/ask/route.ts
index 293e8244308cc1191e32b3ef6b30e93ccb963fcf..d03e1a136f6a5b98ff976d1861d0e1f5aeae6000 100644
--- a/app/api/ask/route.ts
+++ b/app/api/ask/route.ts
@@ -1,37 +1,84 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type { NextRequest } from "next/server";
 import { NextResponse } from "next/server";
+import { headers } from "next/headers";
 import { InferenceClient } from "@huggingface/inference";
 
-import { FOLLOW_UP_SYSTEM_PROMPT, INITIAL_SYSTEM_PROMPT } from "@/lib/prompts";
-import { auth } from "@/lib/auth";
-import { File, Message } from "@/lib/type";
-import { DEFAULT_MODEL, MODELS } from "@/lib/providers";
+import { MODELS } from "@/lib/providers";
+import {
+  FOLLOW_UP_SYSTEM_PROMPT,
+  FOLLOW_UP_SYSTEM_PROMPT_LIGHT,
+  INITIAL_SYSTEM_PROMPT,
+  INITIAL_SYSTEM_PROMPT_LIGHT,
+  MAX_REQUESTS_PER_IP,
+  PROMPT_FOR_PROJECT_NAME,
+} from "@/lib/prompts";
+import MY_TOKEN_KEY from "@/lib/get-cookie-name";
+import { Page } from "@/types";
+import { isAuthenticated } from "@/lib/auth";
+import { getBestProvider } from "@/lib/best-provider";
 
-export async function POST(request: Request) {
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
+const ipAddresses = new Map();
+
+export async function POST(request: NextRequest) {
+  const authHeaders = await headers();
+  const tokenInHeaders = authHeaders.get("Authorization");
+  const userToken = tokenInHeaders ? tokenInHeaders.replace("Bearer ", "") : request.cookies.get(MY_TOKEN_KEY())?.value;
 
   const body = await request.json();
-  const {
-    prompt,
-    previousMessages = [],
-    files = [],
-    provider,
-    model,
-    redesignMd,
-    medias,
-  } = body;
-
-  if (!prompt) {
-    return NextResponse.json({ error: "Prompt is required" }, { status: 400 });
+  const { prompt, provider, model, redesignMarkdown, enhancedSettings, pages } = body;
+
+  if (!model || (!prompt && !redesignMarkdown)) {
+    return NextResponse.json(
+      { ok: false, error: "Missing required fields" },
+      { status: 400 }
+    );
+  }
+
+  const selectedModel = MODELS.find(
+    (m) => m.value === model || m.label === model
+  );
+
+  if (!selectedModel) {
+    return NextResponse.json(
+      { ok: false, error: "Invalid model selected" },
+      { status: 400 }
+    );
   }
-  if (!model || !MODELS.find((m: (typeof MODELS)[0]) => m.value === model)) {
-    return NextResponse.json({ error: "Model is required" }, { status: 400 });
+
+  let token: string | null = null;
+  if (userToken) token = userToken;
+  let billTo: string | null = null;
+
+  /**
+   * Handle local usage token, this bypass the need for a user token
+   * and allows local testing without authentication.
+   * This is useful for development and testing purposes.
+   */
+  if (process.env.HF_TOKEN && process.env.HF_TOKEN.length > 0) {
+    token = process.env.HF_TOKEN;
   }
 
-  const client = new InferenceClient(token);
+  const ip = authHeaders.get("x-forwarded-for")?.includes(",")
+    ? authHeaders.get("x-forwarded-for")?.split(",")[1].trim()
+    : authHeaders.get("x-forwarded-for");
+
+  if (!token || token === "null" || token === "") {
+    ipAddresses.set(ip, (ipAddresses.get(ip) || 0) + 1);
+    if (ipAddresses.get(ip) > MAX_REQUESTS_PER_IP) {
+      return NextResponse.json(
+        {
+          ok: false,
+          openLogin: true,
+          message: "Log In to continue using the service",
+        },
+        { status: 429 }
+      );
+    }
+
+    token = process.env.DEFAULT_HF_TOKEN as string;
+    billTo = "huggingface";
+  }
 
   try {
     const encoder = new TextEncoder();
@@ -45,139 +92,303 @@ export async function POST(request: Request) {
         Connection: "keep-alive",
       },
     });
-    (async () => {
-      let hasRetried = false;
-      let currentModel = model;
 
-      const tryGeneration = async (): Promise<void> => {
-        try {
-          const chatCompletion = client.chatCompletionStream({
-            model: currentModel + (provider !== "auto" ? `:${provider}` : ""),
+    (async () => {
+      try {
+        const client = new InferenceClient(token);
+        
+        const systemPrompt = selectedModel.value.includes('MiniMax') 
+          ? INITIAL_SYSTEM_PROMPT_LIGHT 
+          : INITIAL_SYSTEM_PROMPT;
+        
+        const userPrompt = prompt;
+                
+        const chatCompletion = client.chatCompletionStream(
+          {
+            model: selectedModel.value + (provider !== "auto" ? `:${provider}` : ""),
             messages: [
               {
                 role: "system",
-                content:
-                  files.length > 0
-                    ? FOLLOW_UP_SYSTEM_PROMPT
-                    : INITIAL_SYSTEM_PROMPT,
+                content: systemPrompt,
               },
-              ...previousMessages.map((message: Message) => ({
-                role: message.role,
-                content: message.content,
-              })),
-              ...(files?.length > 0
-                ? [
-                    {
-                      role: "user",
-                      content: `Here are the files that the user has provider:${files
-                        .map(
-                          (file: File) =>
-                            `File: ${file.path}\nContent: ${file.content}`
-                        )
-                        .join("\n")}\n\n${prompt}`,
-                    },
-                  ]
-                : []),
+              ...(redesignMarkdown ? [{
+                role: "assistant",
+                content: `User will ask you to redesign the site based on this markdown. Use the same images as the site, but you can improve the content and the design. Here is the markdown: ${redesignMarkdown}`
+              }] : []),
               {
                 role: "user",
-                content: `${
-                  redesignMd?.url &&
-                  `Redesign the following website ${redesignMd.url}, try to use the same images and content, but you can still improve it if needed. Do the best version possibile. Here is the markdown:\n ${redesignMd.md} \n\n`
-                }${prompt} ${
-                  medias && medias.length > 0
-                    ? `\nHere is the list of my media files: ${medias.join(
-                        ", "
-                      )}\n`
-                    : ""
-                }`,
-              }
+                content: userPrompt + (enhancedSettings.isActive ? `1. I want to use the following primary color: ${enhancedSettings.primaryColor} (eg: bg-${enhancedSettings.primaryColor}-500).
+2. I want to use the following secondary color: ${enhancedSettings.secondaryColor} (eg: bg-${enhancedSettings.secondaryColor}-500).
+3. I want to use the following theme: ${enhancedSettings.theme} mode.` : "")
+              },
             ],
-            stream: true,
-            max_tokens: 16_000,
-          });
-          while (true) {
-            const { done, value } = await chatCompletion.next();
-            if (done) {
-              break;
-            }
-
-            const chunk = value.choices[0]?.delta?.content;
-            if (chunk) {
-              await writer.write(encoder.encode(chunk));
-            }
+            ...(selectedModel.top_k ? { top_k: selectedModel.top_k } : {}),
+            ...(selectedModel.temperature ? { temperature: selectedModel.temperature } : {}),
+            ...(selectedModel.top_p ? { top_p: selectedModel.top_p } : {}),
+            max_tokens: 16_384,
+          },
+          billTo ? { billTo } : {}
+        );
+
+        while (true) {
+          const { done, value } = await chatCompletion.next()
+          if (done) {
+            break;
           }
 
-          await writer.close();
-        } catch (error) {
-          const errorMessage =
-            error instanceof Error
-              ? error.message
-              : "An error occurred while processing your request";
-
-          if (
-            !hasRetried &&
-            errorMessage?.includes(
-              "Failed to perform inference: Model not found"
+          const chunk = value.choices[0]?.delta?.content;
+          if (chunk) {
+            await writer.write(encoder.encode(chunk));
+          }
+        }
+        
+        await writer.close();
+      } catch (error: any) {
+        console.error(error);
+        if (error.message?.includes("exceeded your monthly included credits")) {
+          await writer.write(
+            encoder.encode(
+              JSON.stringify({
+                ok: false,
+                openProModal: true,
+                message: error.message,
+              })
+            )
+          );
+        } else if (error?.message?.includes("inference provider information")) {
+          await writer.write(
+            encoder.encode(
+              JSON.stringify({
+                ok: false,
+                openSelectProvider: true,
+                message: error.message,
+              })
             )
-          ) {
-            hasRetried = true;
-            if (model === DEFAULT_MODEL) {
-              const availableFallbackModels = MODELS.filter(
-                (m) => m.value !== model
-              );
-              const randomIndex = Math.floor(
-                Math.random() * availableFallbackModels.length
-              );
-              currentModel = availableFallbackModels[randomIndex];
-            } else {
-              currentModel = DEFAULT_MODEL;
-            }
-            const switchMessage = `\n\n_Note: The selected model was not available. Switched to \`${currentModel}\`._\n\n`;
-            await writer.write(encoder.encode(switchMessage));
-
-            return tryGeneration();
+          );
+        }
+        else {
+          await writer.write(
+            encoder.encode(
+              JSON.stringify({
+                ok: false,
+                message:
+                  error.message ||
+                  "An error occurred while processing your request.",
+              })
+            )
+          );
+        }
+      } finally {
+        try {
+          await writer?.close();
+        } catch {
+        }
+      }
+    })();
+
+    return response;
+  } catch (error: any) {
+    return NextResponse.json(
+      {
+        ok: false,
+        openSelectProvider: true,
+        message:
+          error?.message || "An error occurred while processing your request.",
+      },
+      { status: 500 }
+    );
+  }
+}
+
+export async function PUT(request: NextRequest) {
+  const user = await isAuthenticated();
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  const authHeaders = await headers();
+
+  const body = await request.json();
+  const { prompt, provider, selectedElementHtml, model, pages, files, repoId, isNew } =
+    body;
+
+  if (!prompt || pages.length === 0) {
+    return NextResponse.json(
+      { ok: false, error: "Missing required fields" },
+      { status: 400 }
+    );
+  }
+
+  const selectedModel = MODELS.find(
+    (m) => m.value === model || m.label === model
+  );
+  if (!selectedModel) {
+    return NextResponse.json(
+      { ok: false, error: "Invalid model selected" },
+      { status: 400 }
+    );
+  }
+
+  let token = user.token as string;
+  let billTo: string | null = null;
+
+  /**
+   * Handle local usage token, this bypass the need for a user token
+   * and allows local testing without authentication.
+   * This is useful for development and testing purposes.
+   */
+  if (process.env.HF_TOKEN && process.env.HF_TOKEN.length > 0) {
+    token = process.env.HF_TOKEN;
+  }
+
+  const ip = authHeaders.get("x-forwarded-for")?.includes(",")
+    ? authHeaders.get("x-forwarded-for")?.split(",")[1].trim()
+    : authHeaders.get("x-forwarded-for");
+
+  if (!token || token === "null" || token === "") {
+    ipAddresses.set(ip, (ipAddresses.get(ip) || 0) + 1);
+    if (ipAddresses.get(ip) > MAX_REQUESTS_PER_IP) {
+      return NextResponse.json(
+        {
+          ok: false,
+          openLogin: true,
+          message: "Log In to continue using the service",
+        },
+        { status: 429 }
+      );
+    }
+
+    token = process.env.DEFAULT_HF_TOKEN as string;
+    billTo = "huggingface";
+  }
+
+  try {
+    const encoder = new TextEncoder();
+    const stream = new TransformStream();
+    const writer = stream.writable.getWriter();
+
+    const response = new NextResponse(stream.readable, {
+      headers: {
+        "Content-Type": "text/plain; charset=utf-8",
+        "Cache-Control": "no-cache",
+        Connection: "keep-alive",
+      },
+    });
+
+    (async () => {
+      try {
+        const client = new InferenceClient(token);
+
+        const basePrompt = selectedModel.value.includes('MiniMax') 
+          ? FOLLOW_UP_SYSTEM_PROMPT_LIGHT 
+          : FOLLOW_UP_SYSTEM_PROMPT;
+        const systemPrompt = basePrompt + (isNew ? PROMPT_FOR_PROJECT_NAME : "");
+        // const userContext = "You are modifying the HTML file based on the user's request.";
+
+        const allPages = pages || [];
+        const pagesContext = allPages
+          .map((p: Page) => `- ${p.path}\n${p.html}`)
+          .join("\n\n");
+
+        const assistantContext = `${selectedElementHtml
+            ? `\n\nYou have to update ONLY the following element, NOTHING ELSE: \n\n\`\`\`html\n${selectedElementHtml}\n\`\`\` Could be in multiple pages, if so, update all the pages.`
+            : ""
+          }. Current pages (${allPages.length} total): ${pagesContext}. ${files?.length > 0 ? `Available images: ${files?.map((f: string) => f).join(', ')}.` : ""}`;
+
+        const chatCompletion = client.chatCompletionStream(
+          {
+            model: selectedModel.value + (provider !== "auto" ? `:${provider}` : ""),
+            messages: [
+              {
+                role: "system",
+                content: systemPrompt + assistantContext
+              },
+              {
+                role: "user",
+                content: prompt,
+              },
+            ],
+            ...(selectedModel.top_k ? { top_k: selectedModel.top_k } : {}),
+            ...(selectedModel.temperature ? { temperature: selectedModel.temperature } : {}),
+            ...(selectedModel.top_p ? { top_p: selectedModel.top_p } : {}),
+            max_tokens: 16_384,
+          },
+          billTo ? { billTo } : {}
+        );
+
+        // Stream the response chunks to the client
+        while (true) {
+          const { done, value } = await chatCompletion.next();
+          if (done) {
+            break;
           }
 
-          try {
-            let errorPayload = "";
-            if (
-              errorMessage?.includes("exceeded your monthly included credits") ||
-              errorMessage?.includes("reached the free monthly usage limit")
-            ) {
-              errorPayload = JSON.stringify({
-                messageError: errorMessage,
-                showProMessage: true,
-                isError: true,
-              });
-            } else {
-              errorPayload = JSON.stringify({
-                messageError: errorMessage,
-                isError: true,
-              });
-            }
-            await writer.write(encoder.encode(`\n\n__ERROR__:${errorPayload}`));
-            await writer.close();
-          } catch (closeError) {
-            console.error("Failed to send error message:", closeError);
-            try {
-              await writer.abort(error);
-            } catch (abortError) {
-              console.error("Failed to abort writer:", abortError);
-            }
+          const chunk = value.choices[0]?.delta?.content;
+          if (chunk) {
+            await writer.write(encoder.encode(chunk));
           }
         }
-      };
 
-      await tryGeneration();
+        await writer.write(encoder.encode(`\n___METADATA_START___\n${JSON.stringify({
+          repoId,
+          isNew,
+          userName: user.name,
+        })}\n___METADATA_END___\n`));
+
+        await writer.close();
+      } catch (error: any) {
+        if (error.message?.includes("exceeded your monthly included credits")) {
+          await writer.write(
+            encoder.encode(
+              JSON.stringify({
+                ok: false,
+                openProModal: true,
+                message: error.message,
+              })
+            )
+          );
+        } else if (error?.message?.includes("inference provider information")) {
+          await writer.write(
+            encoder.encode(
+              JSON.stringify({
+                ok: false,
+                openSelectProvider: true,
+                message: error.message,
+              })
+            )
+          );
+        } else {
+          await writer.write(
+            encoder.encode(
+              JSON.stringify({
+                ok: false,
+                message:
+                  error.message ||
+                  "An error occurred while processing your request.",
+              })
+            )
+          );
+        }
+      } finally {
+        try {
+          await writer?.close();
+        } catch {
+          // ignore
+        }
+      }
     })();
 
     return response;
-  } catch (error) {
+  } catch (error: any) {
     return NextResponse.json(
       {
-        error: error instanceof Error ? error.message : "Internal Server Error",
+        ok: false,
+        openSelectProvider: true,
+        message:
+          error.message || "An error occurred while processing your request.",
       },
       { status: 500 }
     );
   }
 }
+
diff --git a/app/api/auth/[...nextauth]/route.ts b/app/api/auth/[...nextauth]/route.ts
deleted file mode 100644
index 7b38c1bb45e38527a2c595c07df5e70d38ada7d9..0000000000000000000000000000000000000000
--- a/app/api/auth/[...nextauth]/route.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import NextAuth from "next-auth";
-import { authOptions } from "@/lib/auth";
-
-const handler = NextAuth(authOptions);
-
-export { handler as GET, handler as POST };
diff --git a/app/api/auth/login-url/route.ts b/app/api/auth/login-url/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e46df350e48e088ad278dec248f55651cdefd027
--- /dev/null
+++ b/app/api/auth/login-url/route.ts
@@ -0,0 +1,21 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(req: NextRequest) {
+  const host = req.headers.get("host") ?? "localhost:3000";
+  
+  let url: string;
+  if (host.includes("localhost")) {
+    url = host;
+  } else {
+    url = "huggingface.co";
+  }
+  
+  const redirect_uri =
+    `${host.includes("localhost") ? "http://" : "https://"}` +
+    url +
+    "/deepsite/auth/callback";
+
+  const loginRedirectUrl = `https://huggingface.co/oauth/authorize?client_id=${process.env.OAUTH_CLIENT_ID}&redirect_uri=${redirect_uri}&response_type=code&scope=openid%20profile%20write-repos%20manage-repos%20inference-api&prompt=consent&state=1234567890`;
+  
+  return NextResponse.json({ loginUrl: loginRedirectUrl });
+}
diff --git a/app/api/auth/logout/route.ts b/app/api/auth/logout/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..01feb588119d8472e23d61fffbc6f43d8f5a508c
--- /dev/null
+++ b/app/api/auth/logout/route.ts
@@ -0,0 +1,25 @@
+import { NextResponse } from "next/server";
+import MY_TOKEN_KEY from "@/lib/get-cookie-name";
+
+export async function POST() {
+  const cookieName = MY_TOKEN_KEY();
+  const isProduction = process.env.NODE_ENV === "production";
+  
+  const response = NextResponse.json(
+    { message: "Logged out successfully" },
+    { status: 200 }
+  );
+  
+  // Clear the HTTP-only cookie
+  const cookieOptions = [
+    `${cookieName}=`,
+    "Max-Age=0",
+    "Path=/",
+    "HttpOnly",
+    ...(isProduction ? ["Secure", "SameSite=None"] : ["SameSite=Lax"])
+  ].join("; ");
+  
+  response.headers.set("Set-Cookie", cookieOptions);
+  
+  return response;
+}
diff --git a/app/api/auth/route.ts b/app/api/auth/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f826af35fa35c5767a318d1e146e77fb6fc07592
--- /dev/null
+++ b/app/api/auth/route.ts
@@ -0,0 +1,86 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+  const body = await req.json();
+  const { code } = body;
+
+  if (!code) {
+    return NextResponse.json(
+      { error: "Code is required" },
+      {
+        status: 400,
+        headers: {
+          "Content-Type": "application/json",
+        },
+      }
+    );
+  }
+
+  const Authorization = `Basic ${Buffer.from(
+    `${process.env.OAUTH_CLIENT_ID}:${process.env.OAUTH_CLIENT_SECRET}`
+  ).toString("base64")}`;
+
+  const host =
+    req.headers.get("host") ?? req.headers.get("origin") ?? "localhost:3000";
+
+  const url = host.includes("/spaces/enzostvs")
+    ? "huggingface.co/deepsite"
+    : host;
+  const redirect_uri =
+    `${host.includes("localhost") ? "http://" : "https://"}` +
+    url +
+    "/deepsite/auth/callback";
+  const request_auth = await fetch("https://huggingface.co/oauth/token", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+      Authorization,
+    },
+    body: new URLSearchParams({
+      grant_type: "authorization_code",
+      code,
+      redirect_uri,
+    }),
+  });
+
+  const response = await request_auth.json();
+  if (!response.access_token) {
+    return NextResponse.json(
+      { error: "Failed to retrieve access token" },
+      {
+        status: 400,
+        headers: {
+          "Content-Type": "application/json",
+        },
+      }
+    );
+  }
+
+  const userResponse = await fetch("https://huggingface.co/api/whoami-v2", {
+    headers: {
+      Authorization: `Bearer ${response.access_token}`,
+    },
+  });
+
+  if (!userResponse.ok) {
+    return NextResponse.json(
+      { user: null, errCode: userResponse.status },
+      { status: userResponse.status }
+    );
+  }
+  const user = await userResponse.json();
+
+  return NextResponse.json(
+    {
+      access_token: response.access_token,
+      expires_in: response.expires_in,
+      user,
+    },
+    {
+      status: 200,
+      headers: {
+        "Content-Type": "application/json",
+      },
+    }
+  );
+}
diff --git a/app/api/healthcheck/route.ts b/app/api/healthcheck/route.ts
deleted file mode 100644
index 35adb415d0f577a7a78dbc338bd6450e78cc9ec3..0000000000000000000000000000000000000000
--- a/app/api/healthcheck/route.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NextResponse } from "next/server";
-
-export async function GET() {
-  return NextResponse.json({ status: "ok" }, { status: 200 });
-}
diff --git a/app/api/mcp/route.ts b/app/api/mcp/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..be92c97380e2ad66379edede9fe07b96f697ff49
--- /dev/null
+++ b/app/api/mcp/route.ts
@@ -0,0 +1,435 @@
+import { NextRequest, NextResponse } from "next/server";
+import { RepoDesignation, createRepo, uploadFiles, spaceInfo, listCommits } from "@huggingface/hub";
+import { COLORS } from "@/lib/utils";
+import { injectDeepSiteBadge, isIndexPage } from "@/lib/inject-badge";
+import { Commit, Page } from "@/types";
+
+// Timeout configuration (in milliseconds)
+const OPERATION_TIMEOUT = 120000; // 2 minutes for HF operations
+
+// Extend the maximum execution time for this route
+export const maxDuration = 180; // 3 minutes
+
+// Utility function to wrap promises with timeout
+async function withTimeout<T>(
+  promise: Promise<T>,
+  timeoutMs: number,
+  errorMessage: string = "Operation timed out"
+): Promise<T> {
+  let timeoutId: NodeJS.Timeout;
+  
+  const timeoutPromise = new Promise<never>((_, reject) => {
+    timeoutId = setTimeout(() => {
+      reject(new Error(errorMessage));
+    }, timeoutMs);
+  });
+
+  try {
+    const result = await Promise.race([promise, timeoutPromise]);
+    clearTimeout(timeoutId!);
+    return result;
+  } catch (error) {
+    clearTimeout(timeoutId!);
+    throw error;
+  }
+}
+
+interface MCPRequest {
+  jsonrpc: "2.0";
+  id: number | string;
+  method: string;
+  params?: any;
+}
+
+interface MCPResponse {
+  jsonrpc: "2.0";
+  id: number | string;
+  result?: any;
+  error?: {
+    code: number;
+    message: string;
+    data?: any;
+  };
+}
+
+interface CreateProjectParams {
+  title?: string;
+  pages: Page[];
+  prompt?: string;
+  hf_token?: string; // Optional - can come from header instead
+}
+
+// MCP Server over HTTP
+export async function POST(req: NextRequest) {
+  try {
+    const body: MCPRequest = await req.json();
+    const { jsonrpc, id, method, params } = body;
+
+    // Validate JSON-RPC 2.0 format
+    if (jsonrpc !== "2.0") {
+      return NextResponse.json({
+        jsonrpc: "2.0",
+        id: id || null,
+        error: {
+          code: -32600,
+          message: "Invalid Request: jsonrpc must be '2.0'",
+        },
+      });
+    }
+
+    let response: MCPResponse;
+
+    switch (method) {
+      case "initialize":
+        response = {
+          jsonrpc: "2.0",
+          id,
+          result: {
+            protocolVersion: "2024-11-05",
+            capabilities: {
+              tools: {},
+            },
+            serverInfo: {
+              name: "deepsite-mcp-server",
+              version: "1.0.0",
+            },
+          },
+        };
+        break;
+
+      case "tools/list":
+        response = {
+          jsonrpc: "2.0",
+          id,
+          result: {
+            tools: [
+              {
+                name: "create_project",
+                description: `Create a new DeepSite project. This will create a new Hugging Face Space with your HTML/CSS/JS files.
+
+Example usage:
+- Create a simple website with HTML, CSS, and JavaScript files
+- Each page needs a 'path' (filename like "index.html", "styles.css", "script.js") and 'html' (the actual content)
+- The title will be formatted to a valid repository name
+- Returns the project URL and metadata`,
+                inputSchema: {
+                  type: "object",
+                  properties: {
+                    title: {
+                      type: "string",
+                      description: "Project title (optional, defaults to 'DeepSite Project'). Will be formatted to a valid repo name.",
+                    },
+                    pages: {
+                      type: "array",
+                      description: "Array of files to include in the project",
+                      items: {
+                        type: "object",
+                        properties: {
+                          path: {
+                            type: "string",
+                            description: "File path (e.g., 'index.html', 'styles.css', 'script.js')",
+                          },
+                          html: {
+                            type: "string",
+                            description: "File content",
+                          },
+                        },
+                        required: ["path", "html"],
+                      },
+                    },
+                    prompt: {
+                      type: "string",
+                      description: "Optional prompt/description for the commit message",
+                    },
+                    hf_token: {
+                      type: "string",
+                      description: "Hugging Face API token (optional if provided via Authorization header)",
+                    },
+                  },
+                  required: ["pages"],
+                },
+              },
+            ],
+          },
+        };
+        break;
+
+      case "tools/call":
+        const { name, arguments: toolArgs } = params;
+
+        if (name === "create_project") {
+          try {
+            // Extract token from Authorization header if present
+            const authHeader = req.headers.get("authorization");
+            let hf_token = toolArgs.hf_token;
+            
+            if (authHeader && authHeader.startsWith("Bearer ")) {
+              hf_token = authHeader.substring(7); // Remove "Bearer " prefix
+            }
+            
+            const result = await handleCreateProject({
+              ...toolArgs,
+              hf_token,
+            } as CreateProjectParams);
+            response = {
+              jsonrpc: "2.0",
+              id,
+              result,
+            };
+          } catch (error: any) {
+            response = {
+              jsonrpc: "2.0",
+              id,
+              error: {
+                code: -32000,
+                message: error.message || "Failed to create project",
+                data: error.data,
+              },
+            };
+          }
+        } else {
+          response = {
+            jsonrpc: "2.0",
+            id,
+            error: {
+              code: -32601,
+              message: `Unknown tool: ${name}`,
+            },
+          };
+        }
+        break;
+
+      default:
+        response = {
+          jsonrpc: "2.0",
+          id,
+          error: {
+            code: -32601,
+            message: `Method not found: ${method}`,
+          },
+        };
+    }
+
+    return NextResponse.json(response);
+  } catch (error: any) {
+    return NextResponse.json({
+      jsonrpc: "2.0",
+      id: null,
+      error: {
+        code: -32700,
+        message: "Parse error",
+        data: error.message,
+      },
+    });
+  }
+}
+
+// Handle OPTIONS for CORS
+export async function OPTIONS() {
+  return new NextResponse(null, {
+    status: 200,
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+      "Access-Control-Allow-Methods": "POST, OPTIONS",
+      "Access-Control-Allow-Headers": "Content-Type",
+    },
+  });
+}
+
+async function handleCreateProject(params: CreateProjectParams) {
+  const { title: titleFromRequest, pages, prompt, hf_token } = params;
+
+  // Validate required parameters
+  if (!hf_token || typeof hf_token !== "string") {
+    throw new Error("hf_token is required and must be a string");
+  }
+
+  if (!pages || !Array.isArray(pages) || pages.length === 0) {
+    throw new Error("At least one page is required");
+  }
+
+  // Validate that each page has required fields
+  for (const page of pages) {
+    if (!page.path || !page.html) {
+      throw new Error("Each page must have 'path' and 'html' properties");
+    }
+  }
+
+  // Get user info from HF token
+  let username: string;
+  try {
+    const userResponse = await withTimeout(
+      fetch("https://huggingface.co/api/whoami-v2", {
+        headers: {
+          Authorization: `Bearer ${hf_token}`,
+        },
+      }),
+      30000, // 30 seconds for authentication
+      "Authentication timeout: Unable to verify Hugging Face token"
+    );
+
+    if (!userResponse.ok) {
+      throw new Error("Invalid Hugging Face token");
+    }
+
+    const userData = await userResponse.json();
+    username = userData.name;
+  } catch (error: any) {
+    if (error.message?.includes('timeout')) {
+      throw new Error(`Authentication timeout: ${error.message}`);
+    }
+    throw new Error(`Authentication failed: ${error.message}`);
+  }
+
+  const title = titleFromRequest ?? "DeepSite Project";
+
+  const formattedTitle = title
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "-")
+    .split("-")
+    .filter(Boolean)
+    .join("-")
+    .slice(0, 96);
+
+  const repo: RepoDesignation = {
+    type: "space",
+    name: `${username}/${formattedTitle}`,
+  };
+
+  const colorFrom = COLORS[Math.floor(Math.random() * COLORS.length)];
+  const colorTo = COLORS[Math.floor(Math.random() * COLORS.length)];
+  const README = `---
+title: ${title}
+colorFrom: ${colorFrom}
+colorTo: ${colorTo}
+emoji: 🐳
+sdk: static
+pinned: false
+tags:
+  - deepsite-v3
+---
+
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://huggingface.co/deepsite).
+`;
+
+  const files: File[] = [];
+  const readmeFile = new File([README], "README.md", { type: "text/markdown" });
+  files.push(readmeFile);
+
+  pages.forEach((page: Page) => {
+    // Determine MIME type based on file extension
+    let mimeType = "text/html";
+    if (page.path.endsWith(".css")) {
+      mimeType = "text/css";
+    } else if (page.path.endsWith(".js")) {
+      mimeType = "text/javascript";
+    } else if (page.path.endsWith(".json")) {
+      mimeType = "application/json";
+    }
+
+    // Inject the DeepSite badge script into index pages only
+    const content = mimeType === "text/html" && isIndexPage(page.path) 
+      ? injectDeepSiteBadge(page.html) 
+      : page.html;
+    const file = new File([content], page.path, { type: mimeType });
+    files.push(file);
+  });
+
+  try {
+    const { repoUrl } = await withTimeout(
+      createRepo({
+        repo,
+        accessToken: hf_token,
+      }),
+      60000, // 1 minute for repo creation
+      "Timeout creating repository. Please try again."
+    );
+
+    const commitTitle = !prompt || prompt.trim() === "" ? "Initial project creation via MCP" : prompt;
+    
+    await withTimeout(
+      uploadFiles({
+        repo,
+        files,
+        accessToken: hf_token,
+        commitTitle,
+      }),
+      OPERATION_TIMEOUT,
+      "Timeout uploading files. The repository was created but files may not have been uploaded."
+    );
+
+    const path = repoUrl.split("/").slice(-2).join("/");
+
+    const commits: Commit[] = [];
+    const commitIterator = listCommits({ repo, accessToken: hf_token });
+    
+    // Wrap the commit listing with a timeout
+    const commitTimeout = new Promise<void>((_, reject) => {
+      setTimeout(() => reject(new Error("Timeout listing commits")), 30000);
+    });
+    
+    try {
+      await Promise.race([
+        (async () => {
+          for await (const commit of commitIterator) {
+            if (commit.title.includes("initial commit") || commit.title.includes("image(s)") || commit.title.includes("Promote version")) {
+              continue;
+            }
+            commits.push({
+              title: commit.title,
+              oid: commit.oid,
+              date: commit.date,
+            });
+          }
+        })(),
+        commitTimeout
+      ]);
+    } catch (error: any) {
+      // If listing commits times out, continue with empty commits array
+      console.error("Failed to list commits:", error.message);
+    }
+
+    const space = await withTimeout(
+      spaceInfo({
+        name: repo.name,
+        accessToken: hf_token,
+      }),
+      30000, // 30 seconds for space info
+      "Timeout fetching space information"
+    );
+
+    const projectUrl = `https://huggingface.co/deepsite/${path}`;
+    const spaceUrl = `https://huggingface.co/spaces/${path}`;
+    const liveUrl = `https://${username}-${formattedTitle}.hf.space`;
+
+    return {
+      content: [
+        {
+          type: "text",
+          text: JSON.stringify(
+            {
+              success: true,
+              message: "Project created successfully!",
+              projectUrl,
+              spaceUrl,
+              liveUrl,
+              spaceId: space.name,
+              projectId: space.id,
+              files: pages.map((p) => p.path),
+              updatedAt: space.updatedAt,
+            },
+            null,
+            2
+          ),
+        },
+      ],
+    };
+  } catch (err: any) {
+    if (err.message?.includes('timeout') || err.message?.includes('Timeout')) {
+      throw new Error(err.message || "Operation timed out. Please try again.");
+    }
+    throw new Error(err.message || "Failed to create project");
+  }
+}
+
diff --git a/app/api/me/projects/[namespace]/[repoId]/commits/[commitId]/promote/route.ts b/app/api/me/projects/[namespace]/[repoId]/commits/[commitId]/promote/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d62b38711819e9b9888fb186c825f334ff5c8f2c
--- /dev/null
+++ b/app/api/me/projects/[namespace]/[repoId]/commits/[commitId]/promote/route.ts
@@ -0,0 +1,240 @@
+import { NextRequest, NextResponse } from "next/server";
+import { RepoDesignation, listFiles, spaceInfo, uploadFiles, deleteFiles, downloadFile } from "@huggingface/hub";
+
+import { isAuthenticated } from "@/lib/auth";
+import { Page } from "@/types";
+
+export async function POST(
+  req: NextRequest,
+  { params }: { 
+    params: Promise<{ 
+      namespace: string; 
+      repoId: string; 
+      commitId: string; 
+    }> 
+  }
+) {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  const param = await params;
+  const { namespace, repoId, commitId } = param;
+
+  try {
+    const repo: RepoDesignation = {
+      type: "space",
+      name: `${namespace}/${repoId}`,
+    };
+
+    const space = await spaceInfo({
+      name: `${namespace}/${repoId}`,
+      accessToken: user.token as string,
+      additionalFields: ["author"],
+    });
+
+    if (!space || space.sdk !== "static") {
+      return NextResponse.json(
+        { ok: false, error: "Space is not a static space." },
+        { status: 404 }
+      );
+    }
+    
+    if (space.author !== user.name) {
+      return NextResponse.json(
+        { ok: false, error: "Space does not belong to the authenticated user." },
+        { status: 403 }
+      );
+    }
+
+    const files: File[] = [];
+    const pages: Page[] = [];
+    const mediaFiles: string[] = [];
+    const allowedExtensions = ["html", "md", "css", "js", "json", "txt"];
+    const allowedFilesExtensions = ["jpg", "jpeg", "png", "gif", "svg", "webp", "avif", "heic", "heif", "ico", "bmp", "tiff", "tif", "mp4", "webm", "ogg", "avi", "mov", "mp3", "wav", "ogg", "aac", "m4a"];
+    const commitFilePaths: Set<string> = new Set();
+    
+    for await (const fileInfo of listFiles({
+      repo,
+      accessToken: user.token as string,
+      revision: commitId,
+    })) {
+      const fileExtension = fileInfo.path.split('.').pop()?.toLowerCase();
+      
+      if (fileInfo.path.endsWith(".html") || fileInfo.path.endsWith(".css") || fileInfo.path.endsWith(".js") || fileInfo.path.endsWith(".json")) {
+        commitFilePaths.add(fileInfo.path);
+        
+        const blob = await downloadFile({ 
+          repo, 
+          accessToken: user.token as string, 
+          path: fileInfo.path, 
+          revision: commitId,
+          raw: true 
+        }).catch((error) => {
+          return null;
+        });
+        if (!blob) {
+          continue;
+        }
+        const content = await blob?.text();
+        
+        if (content) {
+          let mimeType = "text/plain";
+          
+          switch (fileExtension) {
+            case "html":
+              mimeType = "text/html";
+              break;
+            case "css":
+              mimeType = "text/css";
+              break;
+            case "js":
+              mimeType = "application/javascript";
+              break;
+            case "json":
+              mimeType = "application/json";
+              break;
+          }
+          
+          if (fileInfo.path === "index.html") {
+            pages.unshift({
+              path: fileInfo.path,
+              html: content,
+            });
+          } else {
+            pages.push({
+              path: fileInfo.path,
+              html: content,
+            });
+          }
+          
+          const file = new File([content], fileInfo.path, { type: mimeType });
+          files.push(file);
+        }
+      }
+      else if (fileInfo.type === "directory" && (["videos", "images", "audio"].includes(fileInfo.path) || fileInfo.path === "components")) {
+        for await (const subFileInfo of listFiles({
+          repo,
+          accessToken: user.token as string,
+          revision: commitId,
+          path: fileInfo.path,
+        })) {
+          if (subFileInfo.path.includes("components")) {
+            commitFilePaths.add(subFileInfo.path);
+            const blob = await downloadFile({ 
+              repo, 
+              accessToken: user.token as string, 
+              path: subFileInfo.path, 
+              revision: commitId,
+              raw: true 
+            }).catch((error) => {
+              return null;
+            });
+            if (!blob) {
+              continue;
+            }
+            const content = await blob?.text();
+            
+            if (content) {
+              pages.push({
+                path: subFileInfo.path,
+                html: content,
+              });
+              
+              const file = new File([content], subFileInfo.path, { type: "text/html" });
+              files.push(file);
+            }
+          } else if (allowedFilesExtensions.includes(subFileInfo.path.split(".").pop() || "")) {
+            commitFilePaths.add(subFileInfo.path);
+            mediaFiles.push(`https://huggingface.co/spaces/${namespace}/${repoId}/resolve/main/${subFileInfo.path}`);
+          }
+        }
+      }
+      else if (allowedExtensions.includes(fileExtension || "")) {
+        commitFilePaths.add(fileInfo.path);
+      }
+    }
+
+    const mainBranchFilePaths: Set<string> = new Set();
+    for await (const fileInfo of listFiles({
+      repo,
+      accessToken: user.token as string,
+      revision: "main",
+    })) {
+      const fileExtension = fileInfo.path.split('.').pop()?.toLowerCase();
+      
+      if (allowedExtensions.includes(fileExtension || "")) {
+        mainBranchFilePaths.add(fileInfo.path);
+      }
+    }
+
+    const filesToDelete: string[] = [];
+    for (const mainFilePath of mainBranchFilePaths) {
+      if (!commitFilePaths.has(mainFilePath)) {
+        filesToDelete.push(mainFilePath);
+      }
+    }
+
+    if (files.length === 0 && filesToDelete.length === 0) {
+      return NextResponse.json(
+        { ok: false, error: "No files found in the specified commit and no files to delete" },
+        { status: 404 }
+      );
+    }
+
+    if (filesToDelete.length > 0) {
+      await deleteFiles({
+        repo,
+        paths: filesToDelete,
+        accessToken: user.token as string,
+        commitTitle: `Removed files from promoting ${commitId.slice(0, 7)}`,
+        commitDescription: `Removed files that don't exist in commit ${commitId}:\n${filesToDelete.map(path => `- ${path}`).join('\n')}`,
+      });
+    }
+
+    if (files.length > 0) {
+      await uploadFiles({
+        repo,
+        files,
+        accessToken: user.token as string,
+        commitTitle: `Promote version ${commitId.slice(0, 7)} to main`,
+        commitDescription: `Promoted commit ${commitId} to main branch`,
+      });
+    }
+
+    return NextResponse.json(
+      { 
+        ok: true, 
+        message: "Version promoted successfully",
+        promotedCommit: commitId,
+        pages: pages,
+        files: mediaFiles,
+      },
+      { status: 200 }
+    );
+
+  } catch (error: any) {
+    
+    // Handle specific HuggingFace API errors
+    if (error.statusCode === 404) {
+      return NextResponse.json(
+        { ok: false, error: "Commit not found" },
+        { status: 404 }
+      );
+    }
+    
+    if (error.statusCode === 403) {
+      return NextResponse.json(
+        { ok: false, error: "Access denied to repository" },
+        { status: 403 }
+      );
+    }
+
+    return NextResponse.json(
+      { ok: false, error: error.message || "Failed to promote version" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/me/projects/[namespace]/[repoId]/commits/[commitId]/route.ts b/app/api/me/projects/[namespace]/[repoId]/commits/[commitId]/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..993215f7558d36bcb38f566650b0469f40876686
--- /dev/null
+++ b/app/api/me/projects/[namespace]/[repoId]/commits/[commitId]/route.ts
@@ -0,0 +1,107 @@
+import { NextRequest, NextResponse } from "next/server";
+import { RepoDesignation, listFiles, spaceInfo, downloadFile } from "@huggingface/hub";
+
+import { isAuthenticated } from "@/lib/auth";
+import { Page } from "@/types";
+
+export async function GET(
+  req: NextRequest,
+  { params }: { 
+    params: Promise<{ 
+      namespace: string; 
+      repoId: string; 
+      commitId: string; 
+    }> 
+  }
+) {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  const param = await params;
+  const { namespace, repoId, commitId } = param;
+
+  try {
+    const repo: RepoDesignation = {
+      type: "space",
+      name: `${namespace}/${repoId}`,
+    };
+
+    const space = await spaceInfo({
+      name: `${namespace}/${repoId}`,
+      accessToken: user.token as string,
+      additionalFields: ["author"],
+    });
+
+    if (!space || space.sdk !== "static") {
+      return NextResponse.json(
+        { ok: false, error: "Space is not a static space." },
+        { status: 404 }
+      );
+    }
+    
+    if (space.author !== user.name) {
+      return NextResponse.json(
+        { ok: false, error: "Space does not belong to the authenticated user." },
+        { status: 403 }
+      );
+    }
+
+    const pages: Page[] = [];
+    
+    for await (const fileInfo of listFiles({
+      repo,
+      accessToken: user.token as string,
+      revision: commitId,
+    })) {
+      const fileExtension = fileInfo.path.split('.').pop()?.toLowerCase();
+      
+      if (fileInfo.path.endsWith(".html") || fileInfo.path.endsWith(".css") || fileInfo.path.endsWith(".js") || fileInfo.path.endsWith(".json")) {
+        const blob = await downloadFile({ 
+          repo, 
+          accessToken: user.token as string, 
+          path: fileInfo.path, 
+          revision: commitId,
+          raw: true 
+        }).catch((error) => {
+          return null;
+        });
+        if (!blob) {
+          continue;
+        }
+        const content = await blob?.text();
+        
+        if (content) {
+          if (fileInfo.path === "index.html") {
+            pages.unshift({
+              path: fileInfo.path,
+              html: content,
+            });
+          } else {
+            pages.push({
+              path: fileInfo.path,
+              html: content,
+            });
+          }
+        }
+      }
+    }
+    
+    return NextResponse.json({
+      ok: true,
+      pages,
+    });
+  } catch (error: any) {
+    console.error("Error fetching commit pages:", error);
+    return NextResponse.json(
+      {
+        ok: false,
+        error: error.message || "Failed to fetch commit pages",
+      },
+      { status: 500 }
+    );
+  }
+}
+
diff --git a/app/api/me/projects/[namespace]/[repoId]/download/route.ts b/app/api/me/projects/[namespace]/[repoId]/download/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2c731029dfa09b56a6e4245a83c2518842e7f7a6
--- /dev/null
+++ b/app/api/me/projects/[namespace]/[repoId]/download/route.ts
@@ -0,0 +1,110 @@
+import { NextRequest, NextResponse } from "next/server";
+import { RepoDesignation, listFiles, spaceInfo, downloadFile } from "@huggingface/hub";
+import JSZip from "jszip";
+
+import { isAuthenticated } from "@/lib/auth";
+
+export async function GET(
+  req: NextRequest,
+  { params }: { params: Promise<{ namespace: string; repoId: string }> }
+) {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  const param = await params;
+  const { namespace, repoId } = param;
+
+  try {
+    const space = await spaceInfo({
+      name: `${namespace}/${repoId}`,
+      accessToken: user.token as string,
+      additionalFields: ["author"],
+    });
+
+    if (!space || space.sdk !== "static") {
+      return NextResponse.json(
+        {
+          ok: false,
+          error: "Space is not a static space",
+        },
+        { status: 404 }
+      );
+    }
+
+    if (space.author !== user.name) {
+      return NextResponse.json(
+        {
+          ok: false,
+          error: "Space does not belong to the authenticated user",
+        },
+        { status: 403 }
+      );
+    }
+
+    const repo: RepoDesignation = {
+      type: "space",
+      name: `${namespace}/${repoId}`,
+    };
+
+    const zip = new JSZip();
+
+    for await (const fileInfo of listFiles({ 
+      repo, 
+      accessToken: user.token as string, 
+      recursive: true,
+    })) {
+      if (fileInfo.type === "directory" || fileInfo.path.startsWith(".")) {
+        continue;
+      }
+
+      try {
+        const blob = await downloadFile({ 
+          repo, 
+          accessToken: user.token as string, 
+          path: fileInfo.path, 
+          raw: true 
+        }).catch((error) => {
+          return null;
+        });
+        if (!blob) {
+          continue;
+        }
+
+        if (blob) {
+          const arrayBuffer = await blob.arrayBuffer();
+          zip.file(fileInfo.path, arrayBuffer);
+        }
+      } catch (error) {
+        console.error(`Error downloading file ${fileInfo.path}:`, error);
+      }
+    }
+
+    const zipBlob = await zip.generateAsync({ 
+      type: "blob",
+      compression: "DEFLATE",
+      compressionOptions: {
+        level: 6
+      }
+    });
+
+    const projectName = `${namespace}-${repoId}`.replace(/[^a-zA-Z0-9-_]/g, '_');
+    const filename = `${projectName}.zip`;
+
+    return new NextResponse(zipBlob, {
+      headers: {
+        "Content-Type": "application/zip",
+        "Content-Disposition": `attachment; filename="${filename}"`,
+        "Content-Length": zipBlob.size.toString(),
+      },
+    });
+  } catch (error: any) {
+    return NextResponse.json(
+      { ok: false, error: error.message || "Failed to create ZIP file" },
+      { status: 500 }
+    );
+  }
+}
+
diff --git a/app/api/me/projects/[namespace]/[repoId]/images/route.ts b/app/api/me/projects/[namespace]/[repoId]/images/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d91aa3c8a33b9cc27c675289d902f168df79cdc4
--- /dev/null
+++ b/app/api/me/projects/[namespace]/[repoId]/images/route.ts
@@ -0,0 +1,123 @@
+import { NextRequest, NextResponse } from "next/server";
+import { RepoDesignation, spaceInfo, uploadFiles } from "@huggingface/hub";
+
+import { isAuthenticated } from "@/lib/auth";
+
+export async function POST(
+  req: NextRequest,
+  { params }: { params: Promise<{ namespace: string; repoId: string }> }
+) {
+  try {
+    const user = await isAuthenticated();
+
+    if (user instanceof NextResponse || !user) {
+      return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+    }
+
+    const param = await params;
+    const { namespace, repoId } = param;
+
+    const space = await spaceInfo({
+      name: `${namespace}/${repoId}`,
+      accessToken: user.token as string,
+      additionalFields: ["author"],
+    });
+
+    if (!space || space.sdk !== "static") {
+      return NextResponse.json(
+        { ok: false, error: "Space is not a static space." },
+        { status: 404 }
+      );
+    }
+    
+    if (space.author !== user.name) {
+      return NextResponse.json(
+        { ok: false, error: "Space does not belong to the authenticated user." },
+        { status: 403 }
+      );
+    }
+
+    // Parse the FormData to get the media files
+    const formData = await req.formData();
+    const mediaFiles = formData.getAll("images") as File[];
+
+    if (!mediaFiles || mediaFiles.length === 0) {
+      return NextResponse.json(
+        {
+          ok: false,
+          error: "At least one media file is required under the 'images' key",
+        },
+        { status: 400 }
+      );
+    }
+
+    const files: File[] = [];
+    for (const file of mediaFiles) {
+      if (!(file instanceof File)) {
+        return NextResponse.json(
+          {
+            ok: false,
+            error: "Invalid file format - all items under 'images' key must be files",
+          },
+          { status: 400 }
+        );
+      }
+
+      // Check if file is a supported media type
+      const isImage = file.type.startsWith('image/');
+      const isVideo = file.type.startsWith('video/');
+      const isAudio = file.type.startsWith('audio/');
+      
+      if (!isImage && !isVideo && !isAudio) {
+        return NextResponse.json(
+          {
+            ok: false,
+            error: `File ${file.name} is not a supported media type (image, video, or audio)`,
+          },
+          { status: 400 }
+        );
+      }
+
+      // Create File object with appropriate folder prefix
+      let folderPrefix = 'images/';
+      if (isVideo) {
+        folderPrefix = 'videos/';
+      } else if (isAudio) {
+        folderPrefix = 'audio/';
+      }
+      
+      const fileName = `${folderPrefix}${file.name}`;
+      const processedFile = new File([file], fileName, { type: file.type });
+      files.push(processedFile);
+    }
+
+    // Upload files to HuggingFace space
+    const repo: RepoDesignation = {
+      type: "space",
+      name: `${namespace}/${repoId}`,
+    };
+
+    await uploadFiles({
+      repo,
+      files,
+      accessToken: user.token as string,
+      commitTitle: `Upload ${files.length} media file(s)`,
+    });
+
+    return NextResponse.json({ 
+      ok: true, 
+      message: `Successfully uploaded ${files.length} media file(s) to ${namespace}/${repoId}/`,
+      uploadedFiles: files.map((file) => `https://huggingface.co/spaces/${namespace}/${repoId}/resolve/main/${file.name}`),
+    }, { status: 200 });
+
+  } catch (error) {
+    console.error('Error uploading media files:', error);
+    return NextResponse.json(
+      {
+        ok: false,
+        error: "Failed to upload media files",
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/me/projects/[namespace]/[repoId]/route.ts b/app/api/me/projects/[namespace]/[repoId]/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a6034cb3f27016817e14b55682c92a3ed9134223
--- /dev/null
+++ b/app/api/me/projects/[namespace]/[repoId]/route.ts
@@ -0,0 +1,207 @@
+import { NextRequest, NextResponse } from "next/server";
+import { RepoDesignation, spaceInfo, listFiles, deleteRepo, listCommits, downloadFile } from "@huggingface/hub";
+
+import { isAuthenticated } from "@/lib/auth";
+import { Commit, Page } from "@/types";
+
+export async function DELETE(
+  req: NextRequest,
+  { params }: { params: Promise<{ namespace: string; repoId: string }> }
+) {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  const param = await params;
+  const { namespace, repoId } = param;
+
+  try {
+    const space = await spaceInfo({
+      name: `${namespace}/${repoId}`,
+      accessToken: user.token as string,
+      additionalFields: ["author"],
+    });
+    
+    if (!space || space.sdk !== "static") {
+      return NextResponse.json(
+        { ok: false, error: "Space is not a static space." },
+        { status: 404 }
+      );
+    }
+    
+    if (space.author !== user.name) {
+      return NextResponse.json(
+        { ok: false, error: "Space does not belong to the authenticated user." },
+        { status: 403 }
+      );
+    }
+    
+    const repo: RepoDesignation = {
+      type: "space",
+      name: `${namespace}/${repoId}`,
+    };
+    
+    await deleteRepo({
+      repo,
+      accessToken: user.token as string,
+    });
+
+    
+    return NextResponse.json({ ok: true }, { status: 200 });
+  } catch (error: any) {
+    return NextResponse.json(
+      { ok: false, error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+export async function GET(
+  req: NextRequest,
+  { params }: { params: Promise<{ namespace: string; repoId: string }> }
+) {
+  const user = await isAuthenticated();
+
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  const param = await params;
+  const { namespace, repoId } = param;
+
+  try {
+    const space = await spaceInfo({
+      name: namespace + "/" + repoId,
+      accessToken: user.token as string,
+      additionalFields: ["author"],
+    });
+
+    if (!space || space.sdk !== "static") {
+      return NextResponse.json(
+        {
+          ok: false,
+          error: "Space is not a static space",
+        },
+        { status: 404 }
+      );
+    }
+    if (space.author !== user.name) {
+      return NextResponse.json(
+        {
+          ok: false,
+          error: "Space does not belong to the authenticated user",
+        },
+        { status: 403 }
+      );
+    }
+
+    const repo: RepoDesignation = {
+      type: "space",
+      name: `${namespace}/${repoId}`,
+    };
+
+    const htmlFiles: Page[] = [];
+    const files: string[] = [];
+
+    const allowedFilesExtensions = ["jpg", "jpeg", "png", "gif", "svg", "webp", "avif", "heic", "heif", "ico", "bmp", "tiff", "tif", "mp4", "webm", "ogg", "avi", "mov", "mp3", "wav", "ogg", "aac", "m4a"];
+    
+    for await (const fileInfo of listFiles({repo, accessToken: user.token as string})) {
+      if (fileInfo.path.endsWith(".html") || fileInfo.path.endsWith(".css") || fileInfo.path.endsWith(".js") || fileInfo.path.endsWith(".json")) {
+        const blob = await downloadFile({ repo, accessToken: user.token as string, path: fileInfo.path, raw: true }).catch((error) => {
+          return null;
+        });
+        if (!blob) {
+          continue;
+        }
+        const html = await blob?.text();
+        if (!html) {
+          continue;
+        }
+        if (fileInfo.path === "index.html") {
+          htmlFiles.unshift({
+            path: fileInfo.path,
+            html,
+          });
+        } else {
+          htmlFiles.push({
+            path: fileInfo.path,
+            html,
+          });
+        }
+      }
+      if (fileInfo.type === "directory") {
+        for await (const subFileInfo of listFiles({repo, accessToken: user.token as string, path: fileInfo.path})) {
+          if (allowedFilesExtensions.includes(subFileInfo.path.split(".").pop() || "")) {
+            files.push(`https://huggingface.co/spaces/${namespace}/${repoId}/resolve/main/${subFileInfo.path}`);
+          } else {
+            const blob = await downloadFile({ repo, accessToken: user.token as string, path: subFileInfo.path, raw: true }).catch((error) => {
+              return null;
+            });
+            if (!blob) {
+              continue;
+            }
+            const html = await blob?.text();
+            if (!html) {
+              continue;
+            }
+            htmlFiles.push({
+              path: subFileInfo.path,
+              html,
+            });
+          }
+        }
+      }
+    }
+    const commits: Commit[] = [];
+    for await (const commit of listCommits({ repo, accessToken: user.token as string })) {
+      if (commit.title.includes("initial commit") || commit.title.includes("image(s)") || commit.title.includes("Removed files from promoting")) {
+        continue;
+      }
+      commits.push({
+        title: commit.title,
+        oid: commit.oid,
+        date: commit.date,
+      });
+    }
+    
+    if (htmlFiles.length === 0) {
+      return NextResponse.json(
+        {
+          ok: false,
+          error: "No HTML files found",
+        },
+        { status: 404 }
+      );
+    }
+    return NextResponse.json(
+      {
+        project: {
+          id: space.id,
+          space_id: space.name,
+          private: space.private,
+          _updatedAt: space.updatedAt,
+        },
+        pages: htmlFiles,
+        files,
+        commits,
+        ok: true,
+      },
+      { status: 200 }
+    );
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  } catch (error: any) {
+    if (error.statusCode === 404) {
+      return NextResponse.json(
+        { error: "Space not found", ok: false },
+        { status: 404 }
+      );
+    }
+    return NextResponse.json(
+      { error: error.message, ok: false },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/me/projects/[namespace]/[repoId]/save/route.ts b/app/api/me/projects/[namespace]/[repoId]/save/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d0a99d0c14b299872f4f9c8c874769bd198894ee
--- /dev/null
+++ b/app/api/me/projects/[namespace]/[repoId]/save/route.ts
@@ -0,0 +1,72 @@
+import { NextRequest, NextResponse } from "next/server";
+import { uploadFiles } from "@huggingface/hub";
+
+import { isAuthenticated } from "@/lib/auth";
+import { Page } from "@/types";
+
+export async function PUT(
+  req: NextRequest,
+  { params }: { params: Promise<{ namespace: string; repoId: string }> }
+) {
+  const user = await isAuthenticated();
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  const param = await params;
+  const { namespace, repoId } = param;
+  const { pages, commitTitle = "Manual changes saved" } = await req.json();
+
+  if (!pages || !Array.isArray(pages) || pages.length === 0) {
+    return NextResponse.json(
+      { ok: false, error: "Pages are required" },
+      { status: 400 }
+    );
+  }
+
+  try {
+    // Prepare files for upload
+    const files: File[] = [];
+    pages.forEach((page: Page) => {
+      // Determine MIME type based on file extension
+      let mimeType = "text/html";
+      if (page.path.endsWith(".css")) {
+        mimeType = "text/css";
+      } else if (page.path.endsWith(".js")) {
+        mimeType = "text/javascript";
+      } else if (page.path.endsWith(".json")) {
+        mimeType = "application/json";
+      }
+      const file = new File([page.html], page.path, { type: mimeType });
+      files.push(file);
+    });
+
+    const response = await uploadFiles({
+      repo: {
+        type: "space",
+        name: `${namespace}/${repoId}`,
+      },
+      files,
+      commitTitle,
+      accessToken: user.token as string,
+    });
+
+    return NextResponse.json({
+      ok: true,
+      pages,
+      commit: {
+        ...response.commit,
+        title: commitTitle,
+      }
+    });
+  } catch (error: any) {
+    console.error("Error saving manual changes:", error);
+    return NextResponse.json(
+      {
+        ok: false,
+        error: error.message || "Failed to save changes",
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/me/projects/[namespace]/[repoId]/update/route.ts b/app/api/me/projects/[namespace]/[repoId]/update/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..dad31b4e988a5ce815ba90ce76186a0ec4f00b1c
--- /dev/null
+++ b/app/api/me/projects/[namespace]/[repoId]/update/route.ts
@@ -0,0 +1,141 @@
+import { NextRequest, NextResponse } from "next/server";
+import { createRepo, RepoDesignation, uploadFiles } from "@huggingface/hub";
+
+import { isAuthenticated } from "@/lib/auth";
+import { Page } from "@/types";
+import { COLORS } from "@/lib/utils";
+import { injectDeepSiteBadge, isIndexPage } from "@/lib/inject-badge";
+import { pagesToFiles } from "@/lib/format-ai-response";
+
+/**
+ * UPDATE route - for updating existing projects or creating new ones after AI streaming
+ * This route handles the HuggingFace upload after client-side AI response processing
+ */
+export async function PUT(
+  req: NextRequest,
+  { params }: { params: Promise<{ namespace: string; repoId: string }> }
+) {
+  const user = await isAuthenticated();
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  const param = await params;
+  let { namespace, repoId } = param;
+  const { pages, commitTitle = "AI-generated changes", isNew, projectName } = await req.json();
+
+  if (!pages || !Array.isArray(pages) || pages.length === 0) {
+    return NextResponse.json(
+      { ok: false, error: "Pages are required" },
+      { status: 400 }
+    );
+  }
+
+  try {
+    let files: File[];
+    
+    if (isNew) {
+      // Creating a new project
+      const title = projectName || "DeepSite Project";
+      const formattedTitle = title
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, "-")
+        .split("-")
+        .filter(Boolean)
+        .join("-")
+        .slice(0, 96);
+
+      const repo: RepoDesignation = {
+        type: "space",
+        name: `${user.name}/${formattedTitle}`,
+      };
+
+      try {
+        const { repoUrl } = await createRepo({
+          repo,
+          accessToken: user.token as string,
+        });
+        namespace = user.name;
+        repoId = repoUrl.split("/").slice(-2).join("/").split("/")[1];
+      } catch (createRepoError: any) {
+        return NextResponse.json(
+          {
+            ok: false,
+            error: `Failed to create repository: ${createRepoError.message || 'Unknown error'}`,
+          },
+          { status: 500 }
+        );
+      }
+
+      // Prepare files with badge injection for new projects
+      files = [];
+      pages.forEach((page: Page) => {
+        let mimeType = "text/html";
+        if (page.path.endsWith(".css")) {
+          mimeType = "text/css";
+        } else if (page.path.endsWith(".js")) {
+          mimeType = "text/javascript";
+        } else if (page.path.endsWith(".json")) {
+          mimeType = "application/json";
+        }
+        const content = (mimeType === "text/html" && isIndexPage(page.path))
+          ? injectDeepSiteBadge(page.html)
+          : page.html;
+        const file = new File([content], page.path, { type: mimeType });
+        files.push(file);
+      });
+
+      // Add README.md for new projects
+      const colorFrom = COLORS[Math.floor(Math.random() * COLORS.length)];
+      const colorTo = COLORS[Math.floor(Math.random() * COLORS.length)];
+      const README = `---
+title: ${title}
+colorFrom: ${colorFrom}
+colorTo: ${colorTo}
+emoji: 🐳
+sdk: static
+pinned: false
+tags:
+  - deepsite-v3
+---
+
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://huggingface.co/deepsite).
+`;
+      files.push(new File([README], "README.md", { type: "text/markdown" }));
+    } else {
+      // Updating existing project - no badge injection
+      files = pagesToFiles(pages);
+    }
+
+    const response = await uploadFiles({
+      repo: {
+        type: "space",
+        name: `${namespace}/${repoId}`,
+      },
+      files,
+      commitTitle,
+      accessToken: user.token as string,
+    });
+
+    return NextResponse.json({
+      ok: true,
+      pages,
+      repoId: `${namespace}/${repoId}`,
+      commit: {
+        ...response.commit,
+        title: commitTitle,
+      }
+    });
+  } catch (error: any) {
+    console.error("Error updating project:", error);
+    return NextResponse.json(
+      {
+        ok: false,
+        error: error.message || "Failed to update project",
+      },
+      { status: 500 }
+    );
+  }
+}
+
diff --git a/app/api/me/projects/route.ts b/app/api/me/projects/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..dec5b655708390a0779bb2917defee6ab1bb02b2
--- /dev/null
+++ b/app/api/me/projects/route.ts
@@ -0,0 +1,121 @@
+import { NextRequest, NextResponse } from "next/server";
+import { RepoDesignation, createRepo, listCommits, spaceInfo, uploadFiles } from "@huggingface/hub";
+
+import { isAuthenticated } from "@/lib/auth";
+import { Commit, Page } from "@/types";
+import { COLORS } from "@/lib/utils";
+import { injectDeepSiteBadge, isIndexPage } from "@/lib/inject-badge";
+
+export async function POST(
+  req: NextRequest,
+) {
+  const user = await isAuthenticated();
+  if (user instanceof NextResponse || !user) {
+    return NextResponse.json({ message: "Unauthorized" }, { status: 401 });
+  }
+
+  const { title: titleFromRequest, pages, prompt } = await req.json();
+
+  const title = titleFromRequest ?? "DeepSite Project";
+
+  const formattedTitle = title
+  .toLowerCase()
+  .replace(/[^a-z0-9]+/g, "-")
+  .split("-")
+  .filter(Boolean)
+  .join("-")
+  .slice(0, 96);
+
+  const repo: RepoDesignation = {
+    type: "space",
+    name: `${user.name}/${formattedTitle}`,
+  };
+  const colorFrom = COLORS[Math.floor(Math.random() * COLORS.length)];
+  const colorTo = COLORS[Math.floor(Math.random() * COLORS.length)];
+  const README = `---
+title: ${title}
+colorFrom: ${colorFrom}
+colorTo: ${colorTo}
+emoji: 🐳
+sdk: static
+pinned: false
+tags:
+  - deepsite-v3
+---
+
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://huggingface.co/deepsite).
+`;
+
+  const files: File[] = [];
+  const readmeFile = new File([README], "README.md", { type: "text/markdown" });
+  files.push(readmeFile);
+  pages.forEach((page: Page) => {
+    // Determine MIME type based on file extension
+    let mimeType = "text/html";
+    if (page.path.endsWith(".css")) {
+      mimeType = "text/css";
+    } else if (page.path.endsWith(".js")) {
+      mimeType = "text/javascript";
+    } else if (page.path.endsWith(".json")) {
+      mimeType = "application/json";
+    }
+    // Inject the DeepSite badge script into index pages only (not components or other HTML files)
+    const content = (mimeType === "text/html" && isIndexPage(page.path)) 
+      ? injectDeepSiteBadge(page.html) 
+      : page.html;
+    const file = new File([content], page.path, { type: mimeType });
+    files.push(file);
+  });
+
+  try {
+    const { repoUrl} = await createRepo({
+      repo,
+      accessToken: user.token as string,
+    });
+    const commitTitle = !prompt || prompt.trim() === "" ? "Redesign my website" : prompt;
+    await uploadFiles({
+      repo,
+      files,
+      accessToken: user.token as string,
+      commitTitle
+    });
+
+    const path = repoUrl.split("/").slice(-2).join("/");
+
+    const commits: Commit[] = [];
+    for await (const commit of listCommits({ repo, accessToken: user.token as string })) {
+      if (commit.title.includes("initial commit") || commit.title.includes("image(s)") || commit.title.includes("Promote version")) {
+        continue;
+      }
+      commits.push({
+        title: commit.title,
+        oid: commit.oid,
+        date: commit.date,
+      });
+    }
+
+    const space = await spaceInfo({
+      name: repo.name,
+      accessToken: user.token as string,
+    });
+
+    let newProject = {
+      files,
+      pages,
+      commits,
+      project: {
+        id: space.id,
+        space_id: space.name,
+        _updatedAt: space.updatedAt,
+      }
+    }
+    
+    return NextResponse.json({ space: newProject, path, ok: true }, { status: 201 });
+  } catch (err: any) {
+    return NextResponse.json(
+      { error: err.message, ok: false },
+      { status: 500 }
+    );
+  }
+}
\ No newline at end of file
diff --git a/app/api/me/route.ts b/app/api/me/route.ts
new file mode 100644
index 0000000000000000000000000000000000000000..25bc6c81aa826d65cac703e43c5d4647ae5cd141
--- /dev/null
+++ b/app/api/me/route.ts
@@ -0,0 +1,46 @@
+import { listSpaces } from "@huggingface/hub";
+import { headers } from "next/headers";
+import { NextResponse } from "next/server";
+
+export async function GET() {
+  const authHeaders = await headers();
+  const token = authHeaders.get("Authorization");
+  if (!token) {
+    return NextResponse.json({ user: null, errCode: 401 }, { status: 401 });
+  }
+
+  const userResponse = await fetch("https://huggingface.co/api/whoami-v2", {
+    headers: {
+      Authorization: `${token}`,
+    },
+  });
+
+  if (!userResponse.ok) {
+    return NextResponse.json(
+      { user: null, errCode: userResponse.status },
+      { status: userResponse.status }
+    );
+  }
+  const user = await userResponse.json();
+  const projects = [];
+  for await (const space of listSpaces({
+    accessToken: token.replace("Bearer ", "") as string,
+    additionalFields: ["author", "cardData"],
+    search: {
+      owner: user.name,
+    }
+  })) {
+    if (
+      space.sdk === "static" &&
+      Array.isArray((space.cardData as { tags?: string[] })?.tags) &&
+      (
+        ((space.cardData as { tags?: string[] })?.tags?.includes("deepsite-v3")) ||
+        ((space.cardData as { tags?: string[] })?.tags?.includes("deepsite"))
+      )
+    ) {
+      projects.push(space);
+    }
+  }
+
+  return NextResponse.json({ user, projects, errCode: null }, { status: 200 });
+}
diff --git a/app/api/projects/[repoId]/[commitId]/route.ts b/app/api/projects/[repoId]/[commitId]/route.ts
deleted file mode 100644
index 0362d6c43ec226bf97837f2f88196ad43eb056f2..0000000000000000000000000000000000000000
--- a/app/api/projects/[repoId]/[commitId]/route.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { auth } from "@/lib/auth";
-import { createBranch, RepoDesignation } from "@huggingface/hub";
-import { format } from "date-fns";
-import { NextResponse } from "next/server";
-
-export async function POST(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string; commitId: string }> }
-) {
-  const { repoId, commitId }: { repoId: string; commitId: string } =
-    await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  const commitTitle = `🔖 ${format(new Date(), "dd/MM")} - ${format(
-    new Date(),
-    "HH:mm"
-  )} - Set commit ${commitId} as default.`;
-
-  await fetch(
-    `https://huggingface.co/api/spaces/${session.user?.username}/${repoId}/branch/main`,
-    {
-      method: "POST",
-      headers: {
-        Authorization: `Bearer ${token}`,
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({
-        startingPoint: commitId,
-        overwrite: true,
-      }),
-    }
-  ).catch((error) => {
-    return NextResponse.json(
-      { error: error ?? "Failed to create branch" },
-      { status: 500 }
-    );
-  });
-
-  return NextResponse.json({ success: true }, { status: 200 });
-}
diff --git a/app/api/projects/[repoId]/download/route.ts b/app/api/projects/[repoId]/download/route.ts
deleted file mode 100644
index 43e8f6638d5eb2aca8ba3069d696b05056d96633..0000000000000000000000000000000000000000
--- a/app/api/projects/[repoId]/download/route.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { auth } from "@/lib/auth";
-import { downloadFile, listFiles, RepoDesignation } from "@huggingface/hub";
-import { NextResponse } from "next/server";
-import JSZip from "jszip";
-
-export async function GET(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string }> }
-) {
-  const { repoId }: { repoId: string } = await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  try {
-    const zip = new JSZip();
-    for await (const fileInfo of listFiles({ 
-      repo, 
-      accessToken: token as string, 
-      recursive: true,
-    })) {
-      if (fileInfo.type === "directory" || fileInfo.path.startsWith(".")) {
-        continue;
-      }
-
-      try {
-        const blob = await downloadFile({ 
-          repo, 
-          accessToken: token as string, 
-          path: fileInfo.path, 
-          raw: true 
-        }).catch((error) => {
-          return null;
-        });
-        if (!blob) {
-          continue;
-        }
-
-        if (blob) {
-          const arrayBuffer = await blob.arrayBuffer();
-          zip.file(fileInfo.path, arrayBuffer);
-        }
-      } catch (error) {
-        console.error(`Error downloading file ${fileInfo.path}:`, error);
-      }
-    }
-
-    const zipBlob = await zip.generateAsync({ 
-      type: "blob",
-      compression: "DEFLATE",
-      compressionOptions: {
-        level: 6
-      }
-    });
-
-    const projectName = `${session.user?.username}-${repoId}`.replace(/[^a-zA-Z0-9-_]/g, '_');
-    const filename = `${projectName}.zip`;
-
-    return new NextResponse(zipBlob, {
-      headers: {
-        "Content-Type": "application/zip",
-        "Content-Disposition": `attachment; filename="${filename}"`,
-        "Content-Length": zipBlob.size.toString(),
-      },
-    });
-  } catch (error) {
-    console.error("Error downloading project:", error);
-    return NextResponse.json({ error: "Failed to download project" }, { status: 500 });
-  }
-}
\ No newline at end of file
diff --git a/app/api/projects/[repoId]/medias/route.ts b/app/api/projects/[repoId]/medias/route.ts
deleted file mode 100644
index 2040623536ab6775152177a317e0b11dc6cae3a2..0000000000000000000000000000000000000000
--- a/app/api/projects/[repoId]/medias/route.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { auth } from "@/lib/auth";
-import { RepoDesignation, uploadFiles } from "@huggingface/hub";
-import { NextResponse } from "next/server";
-
-export async function POST(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string }> }
-) {
-  const { repoId }: { repoId: string } = await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  const formData = await request.formData();
-  const newMedias = formData.getAll("images") as File[];
-
-  const filesToUpload: File[] = [];
-
-  if (!newMedias || newMedias.length === 0) {
-    return NextResponse.json(
-      {
-        ok: false,
-        error: "At least one media file is required under the 'images' key",
-      },
-      { status: 400 }
-    );
-  }
-
-  try {
-    for (const media of newMedias) {
-      const isImage = media.type.startsWith("image/");
-      const isVideo = media.type.startsWith("video/");
-      const isAudio = media.type.startsWith("audio/");
-
-      const folderPath = isImage
-        ? "images/"
-        : isVideo
-        ? "videos/"
-        : isAudio
-        ? "audios/"
-        : null;
-
-      if (!folderPath) {
-        return NextResponse.json(
-          { ok: false, error: "Unsupported media type: " + media.type },
-          { status: 400 }
-        );
-      }
-
-      const mediaName = `${folderPath}${media.name}`;
-      const processedFile = new File([media], mediaName, { type: media.type });
-      filesToUpload.push(processedFile);
-    }
-
-    await uploadFiles({
-      repo,
-      files: filesToUpload,
-      accessToken: token,
-      commitTitle: `📁 Upload media files through DeepSite`,
-    });
-
-    return NextResponse.json(
-      {
-        success: true,
-        medias: filesToUpload.map(
-          (file) =>
-            `https://huggingface.co/spaces/${session.user?.username}/${repoId}/resolve/main/${file.name}`
-        ),
-      },
-      { status: 200 }
-    );
-  } catch (error) {
-    return NextResponse.json(
-      { ok: false, error: error ?? "Failed to upload media files" },
-      { status: 500 }
-    );
-  }
-
-  return NextResponse.json({ success: true }, { status: 200 });
-}
diff --git a/app/api/projects/[repoId]/rename/route.ts b/app/api/projects/[repoId]/rename/route.ts
deleted file mode 100644
index 1d3a00b676effdc7d9106c02e6d7ec40384026c9..0000000000000000000000000000000000000000
--- a/app/api/projects/[repoId]/rename/route.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { auth } from "@/lib/auth";
-import { downloadFile, RepoDesignation, uploadFile } from "@huggingface/hub";
-import { format } from "date-fns";
-import { NextResponse } from "next/server";
-
-export async function PUT(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string }> }
-) {
-  const { repoId }: { repoId: string } = await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const body = await request.json();
-  const { newTitle } = body;
-
-  if (!newTitle) {
-    return NextResponse.json(
-      { error: "newTitle is required" },
-      { status: 400 }
-    );
-  }
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  const blob = await downloadFile({
-    repo,
-    accessToken: token,
-    path: "README.md",
-    raw: true,
-  }).catch((_) => {
-    return null;
-  });
-
-  if (!blob) {
-    return NextResponse.json(
-      { error: "Could not fetch README.md" },
-      { status: 500 }
-    );
-  }
-
-  const readmeFile = await blob?.text();
-  if (!readmeFile) {
-    return NextResponse.json(
-      { error: "Could not read README.md content" },
-      { status: 500 }
-    );
-  }
-
-  // Escape YAML values to prevent injection attacks
-  const escapeYamlValue = (value: string): string => {
-    if (/[:|>]|^[-*#]|^\s|['"]/.test(value) || value.includes("\n")) {
-      return `"${value.replace(/"/g, '\\"')}"`;
-    }
-    return value;
-  };
-
-  // Escape commit message to prevent injection
-  const escapeCommitMessage = (message: string): string => {
-    return message.replace(/[\r\n]/g, " ").slice(0, 200);
-  };
-
-  const updatedReadmeFile = readmeFile.replace(
-    /^title:\s*(.*)$/m,
-    `title: ${escapeYamlValue(newTitle)}`
-  );
-
-  await uploadFile({
-    repo,
-    accessToken: token,
-    file: new File([updatedReadmeFile], "README.md", { type: "text/markdown" }),
-    commitTitle: escapeCommitMessage(
-      `🐳 ${format(new Date(), "dd/MM")} - ${format(
-        new Date(),
-        "HH:mm"
-      )} - Rename project to "${newTitle}"`
-    ),
-  });
-
-  return NextResponse.json(
-    {
-      success: true,
-    },
-    { status: 200 }
-  );
-}
diff --git a/app/api/projects/[repoId]/route.ts b/app/api/projects/[repoId]/route.ts
deleted file mode 100644
index e6daee03652b083d7f1d852f7367d7f55fd3f390..0000000000000000000000000000000000000000
--- a/app/api/projects/[repoId]/route.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { auth } from "@/lib/auth";
-import { RepoDesignation, deleteRepo, uploadFiles } from "@huggingface/hub";
-import { format } from "date-fns";
-import { NextResponse } from "next/server";
-
-export async function PUT(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string }> }
-) {
-  const { repoId }: { repoId: string } = await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const body = await request.json();
-  const { files, prompt, isManualChanges } = body;
-
-  if (!files) {
-    return NextResponse.json({ error: "Files are required" }, { status: 400 });
-  }
-
-  if (!prompt) {
-    return NextResponse.json({ error: "Prompt is required" }, { status: 400 });
-  }
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  const filesToUpload: File[] = [];
-  for (const file of files) {
-    let mimeType = "text/x-python";
-    if (file.path.endsWith(".txt")) {
-      mimeType = "text/plain";
-    } else if (file.path.endsWith(".md")) {
-      mimeType = "text/markdown";
-    } else if (file.path.endsWith(".json")) {
-      mimeType = "application/json";
-    }
-    filesToUpload.push(new File([file.content], file.path, { type: mimeType }));
-  }
-  // Escape commit title to prevent injection
-  const escapeCommitTitle = (title: string): string => {
-    return title.replace(/[\r\n]/g, " ").slice(0, 200);
-  };
-
-  const baseTitle = isManualChanges
-    ? ""
-    : `🐳 ${format(new Date(), "dd/MM")} - ${format(new Date(), "HH:mm")} - `;
-  const commitTitle = escapeCommitTitle(
-    baseTitle + (prompt ?? "Follow-up DeepSite commit")
-  );
-  const response = await uploadFiles({
-    repo,
-    files: filesToUpload,
-    accessToken: token,
-    commitTitle,
-  });
-
-  return NextResponse.json(
-    {
-      success: true,
-      commit: {
-        oid: response.commit,
-        title: commitTitle,
-        date: new Date(),
-      },
-    },
-    { status: 200 }
-  );
-}
-
-export async function DELETE(
-  request: Request,
-  { params }: { params: Promise<{ repoId: string }> }
-) {
-  const { repoId }: { repoId: string } = await params;
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + repoId,
-  };
-
-  try {
-    await deleteRepo({
-      repo,
-      accessToken: token as string,
-    });
-
-    return NextResponse.json({ success: true }, { status: 200 });
-  } catch (error) {
-    const errMsg =
-      error instanceof Error ? error.message : "Failed to delete project";
-    return NextResponse.json({ error: errMsg }, { status: 500 });
-  }
-}
diff --git a/app/api/projects/route.ts b/app/api/projects/route.ts
deleted file mode 100644
index b70c310b4167077d4d8bcd15423defb1d158e2dd..0000000000000000000000000000000000000000
--- a/app/api/projects/route.ts
+++ /dev/null
@@ -1,145 +0,0 @@
-import { NextResponse } from "next/server";
-import { RepoDesignation, createRepo, uploadFiles } from "@huggingface/hub";
-
-import { auth } from "@/lib/auth";
-import {
-  COLORS,
-  EMOJIS_FOR_SPACE,
-  injectDeepSiteBadge,
-  isIndexPage,
-} from "@/lib/utils";
-
-// todo: catch error while publishing project, and return the error to the user
-// if space has been created, but can't push, try again or catch well the error and return the error to the user
-
-export async function POST(request: Request) {
-  const session = await auth();
-  if (!session) {
-    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
-  }
-  const token = session.accessToken;
-
-  const body = await request.json();
-  const { projectTitle, files, prompt } = body;
-
-  if (!files) {
-    return NextResponse.json(
-      { error: "Project title and files are required" },
-      { status: 400 }
-    );
-  }
-
-  const title =
-    projectTitle || projectTitle !== "" ? projectTitle : "DeepSite Project";
-
-  let formattedTitle = title
-    .toLowerCase()
-    .replace(/[^a-z0-9]+/g, "-")
-    .split("-")
-    .filter(Boolean)
-    .join("-")
-    .slice(0, 75);
-
-  formattedTitle =
-    formattedTitle + "-" + Math.random().toString(36).substring(2, 7);
-
-  const repo: RepoDesignation = {
-    type: "space",
-    name: session.user?.username + "/" + formattedTitle,
-  };
-
-  // Escape YAML values to prevent injection attacks
-  const escapeYamlValue = (value: string): string => {
-    if (/[:|>]|^[-*#]|^\s|['"]/.test(value) || value.includes("\n")) {
-      return `"${value.replace(/"/g, '\\"')}"`;
-    }
-    return value;
-  };
-
-  // Escape markdown headers to prevent injection
-  const escapeMarkdownHeader = (value: string): string => {
-    return value.replace(/^#+\s*/g, "").replace(/\n/g, " ");
-  };
-
-  const colorFrom = COLORS[Math.floor(Math.random() * COLORS.length)];
-  const colorTo = COLORS[Math.floor(Math.random() * COLORS.length)];
-  const emoji =
-    EMOJIS_FOR_SPACE[Math.floor(Math.random() * EMOJIS_FOR_SPACE.length)];
-  const README = `---
-title: ${escapeYamlValue(projectTitle)}
-colorFrom: ${colorFrom}
-colorTo: ${colorTo}
-sdk: static
-emoji: ${emoji}
-tags:
-  - deepsite-v4
----
-
-# ${escapeMarkdownHeader(title)}
-
-This project has been created with [DeepSite](https://deepsite.hf.co) AI Vibe Coding.
-`;
-
-  const filesToUpload: File[] = [
-    new File([README], "README.md", { type: "text/markdown" }),
-  ];
-  for (const file of files) {
-    let mimeType = "text/html";
-    if (file.path.endsWith(".css")) {
-      mimeType = "text/css";
-    } else if (file.path.endsWith(".js")) {
-      mimeType = "text/javascript";
-    }
-    const content =
-      mimeType === "text/html" && isIndexPage(file.path)
-        ? injectDeepSiteBadge(file.content)
-        : file.content;
-
-    filesToUpload.push(new File([content], file.path, { type: mimeType }));
-  }
-
-  let repoUrl: string | undefined;
-  
-  try {
-    // Create the space first
-    const createResult = await createRepo({
-      accessToken: token as string,
-      repo: repo,
-      sdk: "static",
-    });
-    repoUrl = createResult.repoUrl;
-
-    // Escape commit message to prevent injection
-    const escapeCommitMessage = (message: string): string => {
-      return message.replace(/[\r\n]/g, " ").slice(0, 200);
-    };
-    const commitMessage = escapeCommitMessage(prompt ?? "Initial DeepSite commit");
-    
-    // Upload files to the created space
-    await uploadFiles({
-      repo,
-      files: filesToUpload,
-      accessToken: token as string,
-      commitTitle: commitMessage,
-    });
-
-    const path = repoUrl.split("/").slice(-2).join("/");
-
-    return NextResponse.json({ repoUrl: path }, { status: 200 });
-  } catch (error) {
-    const errMsg =
-      error instanceof Error ? error.message : "Failed to create or upload to space";
-    
-    // If space was created but upload failed, include the repo URL in the error
-    if (repoUrl) {
-      const path = repoUrl.split("/").slice(-2).join("/");
-      return NextResponse.json({ 
-        error: `${errMsg}. Space was created at ${path} but files could not be uploaded.`,
-        repoUrl: path,
-        partialSuccess: true
-      }, { status: 500 });
-    }
-    
-    return NextResponse.json({ error: errMsg }, { status: 500 });
-  }
-}
diff --git a/app/api/redesign/route.ts b/app/api/re-design/route.ts
similarity index 66%
rename from app/api/redesign/route.ts
rename to app/api/re-design/route.ts
index 6b898d6fd364c5f3ef267706b62c37ee559e19cd..aeff09fbc04f8b398a312b8db6f66f4a74113d2b 100644
--- a/app/api/redesign/route.ts
+++ b/app/api/re-design/route.ts
@@ -1,8 +1,10 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { NextRequest, NextResponse } from "next/server";
 
-const FETCH_TIMEOUT = 30_000;
-export const maxDuration = 60;
+// Timeout configuration (in milliseconds)
+const FETCH_TIMEOUT = 30000; // 30 seconds for external fetch
+
+// Extend the maximum execution time for this route
+export const maxDuration = 60; // 1 minute
 
 export async function PUT(request: NextRequest) {
   const body = await request.json();
@@ -13,6 +15,7 @@ export async function PUT(request: NextRequest) {
   }
 
   try {
+    // Create an AbortController for timeout
     const controller = new AbortController();
     const timeoutId = setTimeout(() => controller.abort(), FETCH_TIMEOUT);
 
@@ -24,9 +27,9 @@ export async function PUT(request: NextRequest) {
           signal: controller.signal,
         }
       );
-
+      
       clearTimeout(timeoutId);
-
+      
       if (!response.ok) {
         return NextResponse.json(
           { error: "Failed to fetch redesign" },
@@ -43,25 +46,20 @@ export async function PUT(request: NextRequest) {
       );
     } catch (fetchError: any) {
       clearTimeout(timeoutId);
-
-      if (fetchError.name === "AbortError") {
+      
+      if (fetchError.name === 'AbortError') {
         return NextResponse.json(
-          {
-            error:
-              "Request timeout: The external service took too long to respond. Please try again.",
-          },
+          { error: "Request timeout: The external service took too long to respond. Please try again." },
           { status: 504 }
         );
       }
       throw fetchError;
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } catch (error: any) {
-    if (error.name === "AbortError" || error.message?.includes("timeout")) {
+    if (error.name === 'AbortError' || error.message?.includes('timeout')) {
       return NextResponse.json(
-        {
-          error:
-            "Request timeout: The external service took too long to respond. Please try again.",
-        },
+        { error: "Request timeout: The external service took too long to respond. Please try again." },
         { status: 504 }
       );
     }
diff --git a/app/auth/callback/page.tsx b/app/auth/callback/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6cf420cea009bbe322d10d7fc9a9d7badee467f6
--- /dev/null
+++ b/app/auth/callback/page.tsx
@@ -0,0 +1,97 @@
+"use client";
+import Link from "next/link";
+import { useUser } from "@/hooks/useUser";
+import { use, useState } from "react";
+import { useMount, useTimeoutFn } from "react-use";
+
+import { Button } from "@/components/ui/button";
+import { AnimatedBlobs } from "@/components/animated-blobs";
+import { useBroadcastChannel } from "@/lib/useBroadcastChannel";
+export default function AuthCallback({
+  searchParams,
+}: {
+  searchParams: Promise<{ code: string }>;
+}) {
+  const [showButton, setShowButton] = useState(false);
+  const [isPopupAuth, setIsPopupAuth] = useState(false);
+  const { code } = use(searchParams);
+  const { loginFromCode } = useUser();
+  const { postMessage } = useBroadcastChannel("auth", () => {});
+
+  useMount(async () => {
+    if (code) {
+      const isPopup = window.opener || window.parent !== window;
+      setIsPopupAuth(isPopup);
+
+      if (isPopup) {
+        postMessage({
+          type: "user-oauth",
+          code: code,
+        });
+
+        setTimeout(() => {
+          if (window.opener) {
+            window.close();
+          }
+        }, 1000);
+      } else {
+        await loginFromCode(code);
+      }
+    }
+  });
+
+  useTimeoutFn(() => setShowButton(true), 7000);
+
+  return (
+    <div className="h-screen flex flex-col justify-center items-center bg-neutral-950 z-1 relative">
+      <div className="background__noisy" />
+      <div className="relative max-w-4xl py-10 flex items-center justify-center w-full">
+        <div className="max-w-lg mx-auto !rounded-2xl !p-0 !bg-white !border-neutral-100 min-w-xs text-center overflow-hidden ring-[8px] ring-white/20">
+          <header className="bg-neutral-50 p-6 border-b border-neutral-200/60">
+            <div className="flex items-center justify-center -space-x-4 mb-3">
+              <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
+                🚀
+              </div>
+              <div className="size-11 rounded-full bg-amber-200 shadow-2xl flex items-center justify-center text-2xl z-2">
+                👋
+              </div>
+              <div className="size-9 rounded-full bg-sky-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
+                🙌
+              </div>
+            </div>
+            <p className="text-xl font-semibold text-neutral-950">
+              {isPopupAuth
+                ? "Authentication Complete!"
+                : "Login In Progress..."}
+            </p>
+            <p className="text-sm text-neutral-500 mt-1.5">
+              {isPopupAuth
+                ? "You can now close this tab and return to the previous page."
+                : "Wait a moment while we log you in with your code."}
+            </p>
+          </header>
+          <main className="space-y-4 p-6">
+            <div>
+              <p className="text-sm text-neutral-700 mb-4 max-w-xs">
+                If you are not redirected automatically in the next 5 seconds,
+                please click the button below
+              </p>
+              {showButton ? (
+                <Link href="/">
+                  <Button variant="black" className="relative">
+                    Go to Home
+                  </Button>
+                </Link>
+              ) : (
+                <p className="text-xs text-neutral-500">
+                  Please wait, we are logging you in...
+                </p>
+              )}
+            </div>
+          </main>
+        </div>
+        <AnimatedBlobs />
+      </div>
+    </div>
+  );
+}
diff --git a/app/auth/page.tsx b/app/auth/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a45a6bc6f58907b4ee5efbf0f70a51ee153625c7
--- /dev/null
+++ b/app/auth/page.tsx
@@ -0,0 +1,28 @@
+import { redirect } from "next/navigation";
+import { Metadata } from "next";
+
+import { getAuth } from "@/app/actions/auth";
+
+export const revalidate = 1;
+
+export const metadata: Metadata = {
+  robots: "noindex, nofollow",
+};
+
+export default async function Auth() {
+  const loginRedirectUrl = await getAuth();
+  if (loginRedirectUrl) {
+    redirect(loginRedirectUrl);
+  }
+
+  return (
+    <div className="p-4">
+      <div className="border bg-red-500/10 border-red-500/20 text-red-500 px-5 py-3 rounded-lg">
+        <h1 className="text-xl font-bold">Error</h1>
+        <p className="text-sm">
+          An error occurred while trying to log in. Please try again later.
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/app/globals.css b/app/globals.css
deleted file mode 100644
index 97005be73ce05b7bb1a207464af1945139fde62b..0000000000000000000000000000000000000000
--- a/app/globals.css
+++ /dev/null
@@ -1,168 +0,0 @@
-@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);
-  --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.65rem;
-  --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);
-  --radius: 0.625rem;
-  --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;
-  }
-}
-
-.monaco-editor .margin {
-  @apply bg-background!;
-}
-.monaco-editor .monaco-editor-background {
-  @apply bg-background!;
-}
-.monaco-editor .decorationsOverviewRuler {
-  @apply opacity-0!;
-}
-.monaco-editor .view-line {
-  /* @apply bg-primary/50!; */
-}
-.monaco-editor .scroll-decoration {
-  @apply opacity-0!;
-}
-.monaco-editor .cursors-layer .cursor {
-  @apply bg-primary!;
-}
-
-.content-placeholder::before {
-  content: attr(data-placeholder);
-  position: absolute;
-  pointer-events: none;
-  opacity: 0.5;
-  @apply top-5 left-6;
-}
-
-.sp-layout
-  .sp-file-explorer
-  .sp-file-explorer-list
-  .sp-explorer[data-active="true"] {
-  @apply text-indigo-500!;
-}
-
-.sp-layout
-  .sp-stack
-  .sp-tabs
-  .sp-tab-container[aria-selected="true"]
-  .sp-tab-button {
-  @apply text-indigo-500!;
-}
-.sp-layout .sp-stack .sp-tabs .sp-tab-container:has(button:focus) {
-  @apply outline-none! border-none!;
-}
diff --git a/app/layout.tsx b/app/layout.tsx
index 469b6844c7b63d85ad5e9c7ba420add2f7f1125c..a18c0c579f4f66e487a6e86c2bd4eb05e9fab87a 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,24 +1,28 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import type { Metadata, Viewport } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import { NextStepProvider } from "nextstepjs";
+import { Inter, PT_Sans } from "next/font/google";
 import Script from "next/script";
+import { headers } from "next/headers";
+import { redirect } from "next/navigation";
 
-import "@/app/globals.css";
-import { ThemeProvider } from "@/components/providers/theme";
-import { AuthProvider } from "@/components/providers/session";
+import "@/assets/globals.css";
 import { Toaster } from "@/components/ui/sonner";
-import { ReactQueryProvider } from "@/components/providers/react-query";
+import IframeDetector from "@/components/iframe-detector";
+import AppContext from "@/components/contexts/app-context";
+import TanstackContext from "@/components/contexts/tanstack-query-context";
+import { LoginProvider } from "@/components/contexts/login-context";
+import { ProProvider } from "@/components/contexts/pro-context";
 import { generateSEO, generateStructuredData } from "@/lib/seo";
-import { NotAuthorizedDomain } from "@/components/not-authorized";
 
-const geistSans = Geist({
-  variable: "--font-geist-sans",
+const inter = Inter({
+  variable: "--font-inter-sans",
   subsets: ["latin"],
 });
 
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
+const ptSans = PT_Sans({
+  variable: "--font-ptSans-mono",
   subsets: ["latin"],
+  weight: ["400", "700"],
 });
 
 export const metadata: Metadata = {
@@ -46,28 +50,68 @@ export const metadata: Metadata = {
 export const viewport: Viewport = {
   initialScale: 1,
   maximumScale: 1,
-  themeColor: "#4f46e5",
+  themeColor: "#000000",
 };
 
+// async function getMe() {
+//   const cookieStore = await cookies();
+//   const cookieName = MY_TOKEN_KEY();
+//   const token = cookieStore.get(cookieName)?.value;
+
+//   if (!token) return { user: null, projects: [], errCode: null };
+//   try {
+//     const res = await apiServer.get("/me", {
+//       headers: {
+//         Authorization: `Bearer ${token}`,
+//       },
+//     });
+//     return { user: res.data.user, projects: res.data.projects, errCode: null };
+//   } catch (err: any) {
+//     return { user: null, projects: [], errCode: err.status };
+//   }
+// }
+
 export default async function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  // Domain redirect check
+  const headersList = await headers();
+  const forwardedHost = headersList.get("x-forwarded-host");
+  const host = headersList.get("host");
+  const hostname = (forwardedHost || host || "").split(":")[0];
+
+  const isLocalDev =
+    hostname === "localhost" ||
+    hostname === "127.0.0.1" ||
+    hostname.startsWith("192.168.");
+  const isHuggingFace =
+    hostname === "huggingface.co" || hostname.endsWith(".huggingface.co");
+
+  if (!isHuggingFace && !isLocalDev) {
+    const pathname = headersList.get("x-invoke-path") || "/deepsite";
+    redirect(`https://huggingface.co${pathname}`);
+  }
+
+  // const data = await getMe();
+
+  // Generate structured data
   const structuredData = generateStructuredData("WebApplication", {
     name: "DeepSite",
     description: "Build websites with AI, no code required",
-    url: "https://deepsite.hf.co",
+    url: "https://huggingface.co/deepsite",
   });
+
   const organizationData = generateStructuredData("Organization", {
     name: "DeepSite",
-    url: "https://deepsite.hf.co",
+    url: "https://huggingface.co/deepsite",
   });
 
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
       <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        className={`${inter.variable} ${ptSans.variable} antialiased bg-black dark h-[100dvh] overflow-hidden`}
       >
         <script
           type="application/ld+json"
@@ -86,22 +130,15 @@ export default async function RootLayout({
           data-domain="deepsite.hf.co"
           src="https://plausible.io/js/script.js"
         />
-        <Toaster richColors />
-        <AuthProvider>
-          <ReactQueryProvider>
-            <ThemeProvider
-              attribute="class"
-              defaultTheme="dark"
-              enableSystem
-              disableTransitionOnChange
-            >
-              <NextStepProvider>
-                {children}
-                <NotAuthorizedDomain />
-              </NextStepProvider>
-            </ThemeProvider>
-          </ReactQueryProvider>
-        </AuthProvider>
+        <IframeDetector />
+        <Toaster richColors position="bottom-center" />
+        <TanstackContext>
+          <AppContext>
+            <LoginProvider>
+              <ProProvider>{children}</ProProvider>
+            </LoginProvider>
+          </AppContext>
+        </TanstackContext>
       </body>
     </html>
   );
diff --git a/app/new/page.tsx b/app/new/page.tsx
index 920e799168597ccab9e644171bff837961cc45e6..6f9a3e815dd4df433d10c4b0f850ade9d6fb38fb 100644
--- a/app/new/page.tsx
+++ b/app/new/page.tsx
@@ -1,18 +1,14 @@
 import { AppEditor } from "@/components/editor";
-import { auth } from "@/lib/auth";
-import { redirect } from "next/navigation";
+import { Metadata } from "next";
+import { generateSEO } from "@/lib/seo";
 
-export default async function NewProjectPage({
-  searchParams,
-}: {
-  searchParams: Promise<{ prompt: string }>;
-}) {
-  const session = await auth();
+export const metadata: Metadata = generateSEO({
+  title: "Create New Project - DeepSite",
+  description:
+    "Start building your next website with AI. Create a new project on DeepSite and experience the power of AI-driven web development.",
+  path: "/new",
+});
 
-  if (!session) {
-    redirect("/api/auth/signin?callbackUrl=/new");
-  }
-
-  const { prompt } = await searchParams;
-  return <AppEditor isNew={true} initialPrompt={prompt} />;
+export default function NewProjectPage() {
+  return <AppEditor isNew />;
 }
diff --git a/app/not-found.tsx b/app/not-found.tsx
deleted file mode 100644
index ae102854e6245bcc2f0d55780d9419b2679d6f38..0000000000000000000000000000000000000000
--- a/app/not-found.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { NotFoundButtons } from "@/components/not-found/buttons";
-import { Navigation } from "@/components/public/navigation";
-
-export default function NotFound() {
-  return (
-    <div className="min-h-screen font-sans">
-      <Navigation />
-      <div className="px-6 py-16 max-w-5xl mx-auto text-center">
-        <h1 className="text-5xl font-bold mb-5">Oh no! Page not found.</h1>
-        <p className="text-lg text-muted-foreground mb-8">
-          The page you are looking for does not exist.
-        </p>
-        <NotFoundButtons />
-      </div>
-    </div>
-  );
-}
diff --git a/app/sitemap.ts b/app/sitemap.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6c00dd749547a9187b999fc25953f78f31d1216d
--- /dev/null
+++ b/app/sitemap.ts
@@ -0,0 +1,28 @@
+import { MetadataRoute } from 'next';
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  const baseUrl = 'https://huggingface.co/deepsite';
+  
+  return [
+    {
+      url: baseUrl,
+      lastModified: new Date(),
+      changeFrequency: 'daily',
+      priority: 1,
+    },
+    {
+      url: `${baseUrl}/new`,
+      lastModified: new Date(),
+      changeFrequency: 'weekly',
+      priority: 0.8,
+    },
+    {
+      url: `${baseUrl}/auth`,
+      lastModified: new Date(),
+      changeFrequency: 'monthly',
+      priority: 0.5,
+    },
+    // Note: Dynamic project routes will be handled by Next.js automatically
+    // but you can add specific high-priority project pages here if needed
+  ];
+}
diff --git a/assets/globals.css b/assets/globals.css
new file mode 100644
index 0000000000000000000000000000000000000000..299014cc6db1db5b73dc03a97958b93fc2a9e811
--- /dev/null
+++ b/assets/globals.css
@@ -0,0 +1,380 @@
+@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-inter-sans);
+  --font-mono: var(--font-ptSans-mono);
+  --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);
+}
+
+body {
+  @apply scroll-smooth
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  html {
+    @apply scroll-smooth;
+  }
+}
+
+.background__noisy {
+  @apply bg-blend-normal pointer-events-none opacity-90;
+  background-size: 25ww auto;
+  background-image: url("/deepsite/background_noisy.webp");
+  @apply fixed w-screen h-screen -z-1 top-0 left-0;
+}
+
+.monaco-editor .margin {
+  @apply !bg-neutral-900;
+}
+.monaco-editor .monaco-editor-background {
+  @apply !bg-neutral-900;
+}
+.monaco-editor .line-numbers {
+  @apply !text-neutral-500;
+}
+
+.matched-line {
+  @apply bg-sky-500/30;
+}
+
+/* Fast liquid deformation animations */
+@keyframes liquidBlob1 {
+  0%, 100% {
+    border-radius: 40% 60% 50% 50%;
+    transform: scaleX(1) scaleY(1) rotate(0deg);
+  }
+  12.5% {
+    border-radius: 20% 80% 70% 30%;
+    transform: scaleX(1.6) scaleY(0.4) rotate(25deg);
+  }
+  25% {
+    border-radius: 80% 20% 30% 70%;
+    transform: scaleX(0.5) scaleY(2.1) rotate(-15deg);
+  }
+  37.5% {
+    border-radius: 30% 70% 80% 20%;
+    transform: scaleX(1.8) scaleY(0.6) rotate(40deg);
+  }
+  50% {
+    border-radius: 70% 30% 20% 80%;
+    transform: scaleX(0.4) scaleY(1.9) rotate(-30deg);
+  }
+  62.5% {
+    border-radius: 25% 75% 60% 40%;
+    transform: scaleX(1.5) scaleY(0.7) rotate(55deg);
+  }
+  75% {
+    border-radius: 75% 25% 40% 60%;
+    transform: scaleX(0.6) scaleY(1.7) rotate(-10deg);
+  }
+  87.5% {
+    border-radius: 50% 50% 75% 25%;
+    transform: scaleX(1.3) scaleY(0.8) rotate(35deg);
+  }
+}
+
+@keyframes liquidBlob2 {
+  0%, 100% {
+    border-radius: 60% 40% 50% 50%;
+    transform: scaleX(1) scaleY(1) rotate(12deg);
+  }
+  16% {
+    border-radius: 15% 85% 60% 40%;
+    transform: scaleX(0.3) scaleY(2.3) rotate(50deg);
+  }
+  32% {
+    border-radius: 85% 15% 25% 75%;
+    transform: scaleX(2.0) scaleY(0.5) rotate(-20deg);
+  }
+  48% {
+    border-radius: 30% 70% 85% 15%;
+    transform: scaleX(0.4) scaleY(1.8) rotate(70deg);
+  }
+  64% {
+    border-radius: 70% 30% 15% 85%;
+    transform: scaleX(1.9) scaleY(0.6) rotate(-35deg);
+  }
+  80% {
+    border-radius: 40% 60% 70% 30%;
+    transform: scaleX(0.7) scaleY(1.6) rotate(45deg);
+  }
+}
+
+@keyframes liquidBlob3 {
+  0%, 100% {
+    border-radius: 50% 50% 40% 60%;
+    transform: scaleX(1) scaleY(1) rotate(0deg);
+  }
+  20% {
+    border-radius: 10% 90% 75% 25%;
+    transform: scaleX(2.2) scaleY(0.3) rotate(-45deg);
+  }
+  40% {
+    border-radius: 90% 10% 20% 80%;
+    transform: scaleX(0.4) scaleY(2.5) rotate(60deg);
+  }
+  60% {
+    border-radius: 25% 75% 90% 10%;
+    transform: scaleX(1.7) scaleY(0.5) rotate(-25deg);
+  }
+  80% {
+    border-radius: 75% 25% 10% 90%;
+    transform: scaleX(0.6) scaleY(2.0) rotate(80deg);
+  }
+}
+
+@keyframes liquidBlob4 {
+  0%, 100% {
+    border-radius: 45% 55% 50% 50%;
+    transform: scaleX(1) scaleY(1) rotate(-15deg);
+  }
+  14% {
+    border-radius: 90% 10% 65% 35%;
+    transform: scaleX(0.2) scaleY(2.8) rotate(35deg);
+  }
+  28% {
+    border-radius: 10% 90% 20% 80%;
+    transform: scaleX(2.4) scaleY(0.4) rotate(-50deg);
+  }
+  42% {
+    border-radius: 35% 65% 90% 10%;
+    transform: scaleX(0.3) scaleY(2.1) rotate(70deg);
+  }
+  56% {
+    border-radius: 80% 20% 10% 90%;
+    transform: scaleX(2.0) scaleY(0.5) rotate(-40deg);
+  }
+  70% {
+    border-radius: 20% 80% 55% 45%;
+    transform: scaleX(0.5) scaleY(1.9) rotate(55deg);
+  }
+  84% {
+    border-radius: 65% 35% 80% 20%;
+    transform: scaleX(1.6) scaleY(0.6) rotate(-25deg);
+  }
+}
+
+/* Fast flowing movement animations */
+@keyframes liquidFlow1 {
+  0%, 100% { transform: translate(0, 0); }
+  16% { transform: translate(60px, -40px); }
+  32% { transform: translate(-45px, -70px); }
+  48% { transform: translate(80px, 25px); }
+  64% { transform: translate(-30px, 60px); }
+  80% { transform: translate(50px, -20px); }
+}
+
+@keyframes liquidFlow2 {
+  0%, 100% { transform: translate(0, 0); }
+  20% { transform: translate(-70px, 50px); }
+  40% { transform: translate(90px, -30px); }
+  60% { transform: translate(-40px, -55px); }
+  80% { transform: translate(65px, 35px); }
+}
+
+@keyframes liquidFlow3 {
+  0%, 100% { transform: translate(0, 0); }
+  12% { transform: translate(-50px, -60px); }
+  24% { transform: translate(40px, -20px); }
+  36% { transform: translate(-30px, 70px); }
+  48% { transform: translate(70px, 20px); }
+  60% { transform: translate(-60px, -35px); }
+  72% { transform: translate(35px, 55px); }
+  84% { transform: translate(-25px, -45px); }
+}
+
+@keyframes liquidFlow4 {
+  0%, 100% { transform: translate(0, 0); }
+  14% { transform: translate(50px, 60px); }
+  28% { transform: translate(-80px, -40px); }
+  42% { transform: translate(30px, -90px); }
+  56% { transform: translate(-55px, 45px); }
+  70% { transform: translate(75px, -25px); }
+  84% { transform: translate(-35px, 65px); }
+}
+
+/* Light sweep animation for buttons */
+@keyframes lightSweep {
+  0% {
+    transform: translateX(-150%);
+    opacity: 0;
+  }
+  8% {
+    opacity: 0.3;
+  }
+  25% {
+    opacity: 0.8;
+  }
+  42% {
+    opacity: 0.3;
+  }
+  50% {
+    transform: translateX(150%);
+    opacity: 0;
+  }
+  58% {
+    opacity: 0.3;
+  }
+  75% {
+    opacity: 0.8;
+  }
+  92% {
+    opacity: 0.3;
+  }
+  100% {
+    transform: translateX(-150%);
+    opacity: 0;
+  }
+}
+
+.light-sweep {
+  position: relative;
+  overflow: hidden;
+}
+
+.light-sweep::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 300%;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    transparent 20%,
+    rgba(56, 189, 248, 0.1) 35%,
+    rgba(56, 189, 248, 0.2) 45%,
+    rgba(255, 255, 255, 0.2) 50%,
+    rgba(168, 85, 247, 0.2) 55%,
+    rgba(168, 85, 247, 0.1) 65%,
+    transparent 80%,
+    transparent 100%
+  );
+  animation: lightSweep 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+  pointer-events: none;
+  z-index: 1;
+  filter: blur(1px);
+}
+
+.transparent-scroll {
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+}
+
+.transparent-scroll::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
+}
diff --git a/assets/hf-logo.svg b/assets/hf-logo.svg
deleted file mode 100644
index b91ba37b236c18b7483716a33a99c05fc43bd00a..0000000000000000000000000000000000000000
--- a/assets/hf-logo.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="192" height="178" viewBox="0 0 192 178" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M189.779 145.131C190.781 143.627 191.453 141.928 191.751 140.146C192.049 138.363 191.965 136.538 191.507 134.79C190.843 132.267 189.472 130.169 187.611 128.662C188.507 127.189 189.095 125.548 189.339 123.84C189.876 120.126 188.643 116.418 185.869 113.394C183.711 111.041 180.657 109.746 177.277 109.746C176.884 109.746 176.484 109.767 176.076 109.807C178.638 101.619 179.937 93.0891 179.928 84.5101C179.928 37.8381 142.092 0 95.4195 0C48.746 0 10.9053 37.8345 10.9053 84.5101C10.8969 93.0671 12.1891 101.576 14.7375 109.745H14.648C11.2675 109.745 8.21429 111.039 6.05539 113.392C3.28299 116.413 2.04879 120.125 2.58539 123.838C2.82989 125.546 3.41829 127.187 4.31499 128.661C2.45299 130.167 1.08109 132.265 0.417494 134.788C-0.040206 136.537 -0.122707 138.362 0.175593 140.145C0.473893 141.928 1.14599 143.627 2.14809 145.131C1.96919 145.409 1.80549 145.696 1.65079 145.991C-0.0198067 149.162 -0.127106 152.745 1.34759 156.082C3.58339 161.139 9.13809 165.123 19.9246 169.4C26.632 172.06 32.7743 173.761 32.8289 173.776C41.7007 176.077 49.7245 177.246 56.6706 177.246C68.0765 177.246 76.5865 174.126 82.0215 167.962C91.2175 169.421 100.589 169.367 109.768 167.804C115.196 174.072 123.755 177.246 135.257 177.246C142.203 177.246 150.227 176.077 159.098 173.776C159.153 173.761 165.293 172.06 172.003 169.4C182.79 165.123 188.346 161.139 190.581 156.082C192.055 152.745 191.948 149.162 190.277 145.991C190.125 145.694 189.956 145.406 189.779 145.131ZM78.1325 158.312C77.6875 159.093 77.1875 159.891 76.6305 160.706C75.2255 162.763 73.3775 164.335 71.2325 165.503C67.1318 167.739 61.9427 168.52 56.6706 168.52C48.3419 168.52 39.8037 166.571 35.0182 165.33C34.7829 165.269 5.68419 157.05 9.36889 150.054C9.98769 148.877 11.0091 148.407 12.2933 148.407C17.4804 148.407 26.9254 156.131 30.9847 156.131C31.8916 156.131 32.531 155.745 32.7922 154.803C34.5218 148.599 6.49899 145.991 8.85909 137.007C9.27579 135.417 10.4054 134.771 11.9937 134.771C18.8514 134.77 34.2428 146.831 37.4623 146.831C37.7092 146.831 37.8863 146.758 37.982 146.606C37.9963 146.583 38.0106 146.561 38.024 146.537C39.5345 144.042 38.6679 142.228 28.3161 135.888C27.9941 135.691 27.6629 135.49 27.3225 135.283C15.9314 128.389 7.93609 124.24 12.4838 119.29C13.007 118.719 13.7484 118.466 14.649 118.466C15.7177 118.466 17.0109 118.823 18.4347 119.423C24.4508 121.96 32.7886 128.879 36.272 131.896C37.2987 132.791 37.9042 133.337 37.9042 133.337C37.9042 133.337 42.314 137.923 44.9809 137.923C45.5947 137.923 46.115 137.681 46.4681 137.083C48.3599 133.895 28.9054 119.153 27.809 113.07C27.0649 108.949 28.3304 106.861 30.6708 106.861C31.7834 106.861 33.1419 107.335 34.6399 108.286C39.2904 111.237 48.2684 126.665 51.555 132.667C52.657 134.678 54.5385 135.528 56.2334 135.528C59.5963 135.528 62.2253 132.185 56.5412 127.937C47.9985 121.545 50.9962 111.097 55.0735 110.454C55.2471 110.426 55.4227 110.412 55.5982 110.412C59.3064 110.412 60.9419 116.801 60.9419 116.801C60.9419 116.801 65.7355 128.839 73.9705 137.068C81.4425 144.537 82.4865 150.666 78.1325 158.312ZM104.761 159.722L104.334 159.773C104.091 159.801 103.849 159.829 103.606 159.856C103.223 159.896 102.839 159.934 102.454 159.969L102.079 160.003L101.736 160.032L101.25 160.071C101.071 160.085 100.892 160.098 100.713 160.11L100.177 160.145L100.058 160.153C99.9185 160.161 99.7785 160.17 99.6365 160.177L99.4575 160.187C99.2915 160.196 99.1255 160.204 98.9575 160.211L98.3765 160.236L97.8495 160.254L97.4975 160.264H97.3185C97.2085 160.264 97.0995 160.27 96.9895 160.271C96.9315 160.271 96.8735 160.271 96.8155 160.271C96.7055 160.271 96.5965 160.271 96.4865 160.276L96.0385 160.282C95.8305 160.282 95.6235 160.282 95.4135 160.282C94.9225 160.282 94.4325 160.277 93.9445 160.267L93.5485 160.258C93.4355 160.258 93.3225 160.253 93.2115 160.249L92.7915 160.237L92.2705 160.217L91.8005 160.196L91.6795 160.191L91.2325 160.168C91.1075 160.161 90.9845 160.155 90.8605 160.146L90.5715 160.129C90.2075 160.106 89.8445 160.081 89.4825 160.053L89.1025 160.022C88.9425 160.01 88.7825 159.995 88.6235 159.981C88.4365 159.965 88.2495 159.947 88.0625 159.929C87.7485 159.9 87.4355 159.868 87.1235 159.834H87.1085C91.6785 149.639 89.3675 140.117 80.1325 130.89C74.0755 124.841 70.0465 115.909 69.2105 113.948C67.5189 108.143 63.0404 101.69 55.6036 101.69C54.9748 101.69 54.3469 101.74 53.7259 101.838C50.4676 102.351 47.6192 104.226 45.5874 107.048C43.3916 104.317 41.2579 102.146 39.327 100.92C36.4178 99.0751 33.5139 98.1391 30.6842 98.1391C27.1534 98.1391 23.9974 99.5891 21.7973 102.219L21.7419 102.286C21.6998 102.113 21.6596 101.94 21.6184 101.766L21.6131 101.743C21.4897 101.21 21.3704 100.674 21.2554 100.134C21.0664 99.2341 20.8937 98.3281 20.7375 97.4151C20.6779 97.0571 20.6183 96.6961 20.5587 96.3311C20.5587 96.3191 20.5587 96.3071 20.5533 96.2951C20.5319 96.1581 20.5113 96.0201 20.4907 95.8831C20.4782 95.8021 20.4657 95.7191 20.454 95.6381C20.4335 95.4981 20.4129 95.3571 20.3932 95.2161C20.3673 95.0321 20.3414 94.8471 20.3172 94.6631C20.2931 94.4781 20.268 94.2931 20.2448 94.1081C20.2215 93.9231 20.1992 93.7381 20.1768 93.5531C20.1544 93.3681 20.1357 93.2001 20.116 93.0241L20.1106 92.9801C20.0707 92.6141 20.0325 92.2481 19.9961 91.8791C19.9621 91.5261 19.9306 91.1721 19.9013 90.8181C19.8933 90.7291 19.8861 90.6341 19.879 90.5411C19.8665 90.3851 19.8549 90.2271 19.8432 90.0691C19.8334 89.9401 19.8244 89.8101 19.8164 89.6801C19.8164 89.6491 19.8119 89.6191 19.8101 89.5901C19.7985 89.4171 19.7869 89.2421 19.777 89.0681C19.7654 88.8791 19.7555 88.6911 19.7457 88.5021C19.7359 88.3131 19.7261 88.1251 19.718 87.9351C19.7109 87.7701 19.7037 87.6051 19.6974 87.4391L19.6921 87.2891C19.6867 87.1371 19.6813 86.9841 19.6769 86.8321L19.6661 86.4431C19.6661 86.2881 19.659 86.1331 19.6563 85.9781C19.6536 85.8231 19.65 85.6531 19.6483 85.4891C19.6465 85.3251 19.6483 85.1631 19.6438 85.0001C19.6393 84.8361 19.6438 84.6731 19.6438 84.5101C19.6438 42.6573 53.5747 8.7265 95.4315 8.7265C137.287 8.7265 171.217 42.6554 171.217 84.5101C171.217 84.6731 171.217 84.8361 171.217 85.0001C171.217 85.1631 171.217 85.3261 171.217 85.4891C171.217 85.6521 171.213 85.8161 171.21 85.9781C171.21 86.1131 171.203 86.2461 171.199 86.3831C171.199 86.5031 171.195 86.6241 171.191 86.7401C171.191 86.8931 171.181 87.0461 171.176 87.1991V87.2111C171.169 87.3901 171.163 87.5671 171.156 87.7421C171.149 87.8971 171.143 88.0531 171.135 88.2081L171.13 88.3181C171.122 88.4831 171.111 88.6481 171.102 88.8141C171.095 88.9461 171.088 89.0761 171.079 89.2071C171.031 90.0011 170.971 90.7931 170.9 91.5821C170.887 91.7201 170.874 91.8591 170.861 91.9981C170.861 92.0021 170.861 92.0061 170.861 92.0111C170.844 92.1851 170.828 92.3591 170.809 92.5331C170.794 92.6701 170.78 92.8071 170.764 92.9441C170.735 93.2121 170.704 93.4811 170.674 93.7481L170.624 94.1551C170.603 94.3141 170.582 94.4741 170.561 94.6341C170.538 94.8081 170.514 94.9831 170.488 95.1561C170.462 95.3511 170.433 95.5451 170.404 95.7391L170.335 96.1981C170.308 96.3721 170.28 96.5441 170.253 96.7181C170.225 96.8911 170.196 97.0631 170.163 97.2351C170.13 97.4081 170.104 97.5801 170.074 97.7521C170.014 98.0961 169.951 98.4401 169.885 98.7831C169.821 99.1111 169.757 99.4391 169.691 99.7661C169.653 99.9511 169.615 100.136 169.576 100.32C169.54 100.49 169.502 100.658 169.465 100.827C169.429 100.996 169.39 101.166 169.352 101.335C167.219 99.2621 164.394 98.1331 161.279 98.1331C158.452 98.1331 155.546 99.0681 152.637 100.913C150.707 102.139 148.573 104.311 146.376 107.041C144.341 104.219 141.494 102.344 138.238 101.831C137.617 101.733 136.988 101.683 136.359 101.683C128.92 101.683 124.445 108.136 122.752 113.941C121.912 115.902 117.882 124.834 111.82 130.892C102.591 140.09 100.263 149.569 104.761 159.722ZM183.003 139.313C182.993 139.342 182.983 139.37 182.973 139.402C182.952 139.46 182.929 139.516 182.906 139.573C182.871 139.657 182.834 139.74 182.794 139.824C182.767 139.88 182.739 139.935 182.71 139.989C182.636 140.127 182.554 140.263 182.465 140.397C182.357 140.558 182.241 140.718 182.113 140.876C182.051 140.953 181.985 141.031 181.917 141.108C181.871 141.16 181.827 141.212 181.775 141.263C181.704 141.339 181.63 141.415 181.555 141.49C180.209 142.824 178.157 143.994 175.837 145.067C175.574 145.186 175.307 145.305 175.038 145.425L174.77 145.544C174.591 145.623 174.411 145.701 174.223 145.778C174.044 145.856 173.859 145.934 173.673 146.01L173.115 146.24C171.81 146.777 170.473 147.289 169.169 147.794L168.611 148.011L168.059 148.227C167.692 148.37 167.331 148.513 166.975 148.656L166.443 148.87L165.921 149.083L165.665 149.191C165.494 149.262 165.327 149.333 165.16 149.404C161.323 151.051 158.563 152.726 159.143 154.804C159.159 154.863 159.177 154.919 159.197 154.974C159.249 155.128 159.319 155.273 159.408 155.41C159.46 155.491 159.52 155.568 159.587 155.638C160.269 156.347 161.511 156.235 163.076 155.672C163.202 155.626 163.332 155.577 163.464 155.526C163.553 155.492 163.642 155.456 163.731 155.419L163.867 155.363C164.225 155.211 164.605 155.041 164.992 154.857C165.089 154.811 165.187 154.767 165.285 154.716C167.199 153.78 169.368 152.52 171.52 151.373C171.85 151.194 172.181 151.022 172.51 150.852C173.058 150.569 173.602 150.298 174.137 150.048C176.175 149.089 178.092 148.409 179.632 148.409C180.355 148.409 180.993 148.557 181.525 148.897L181.613 148.956C181.67 148.996 181.727 149.038 181.781 149.083C181.981 149.248 182.158 149.437 182.307 149.648C182.351 149.71 182.396 149.776 182.436 149.843C182.477 149.91 182.518 149.981 182.557 150.054C183.318 151.499 182.68 152.995 181.189 154.462C179.758 155.871 177.533 157.252 175.003 158.53C174.815 158.625 174.627 158.72 174.436 158.813C166.906 162.511 157.045 165.296 156.908 165.331C154.28 166.012 150.522 166.906 146.288 167.575L145.661 167.673L145.559 167.688C145.333 167.722 145.106 167.755 144.878 167.787C144.631 167.822 144.382 167.856 144.133 167.889C143.65 167.954 143.162 168.013 142.671 168.068L142.581 168.078C140.826 168.277 139.027 168.422 137.223 168.484H137.197C136.549 168.507 135.903 168.519 135.255 168.519C135.151 168.519 135.047 168.519 134.943 168.519H134.854C134.739 168.519 134.623 168.519 134.507 168.519C134.131 168.514 133.756 168.504 133.382 168.49C132.767 168.468 132.155 168.433 131.548 168.385C131.525 168.385 131.5 168.385 131.477 168.379C131.246 168.361 131.015 168.341 130.786 168.318C130.663 168.307 130.543 168.294 130.421 168.28C130.055 168.241 129.689 168.197 129.328 168.148C129.088 168.115 128.847 168.08 128.613 168.041C128.378 168.003 128.129 167.962 127.888 167.92C127.778 167.9 127.668 167.879 127.559 167.858L127.534 167.853C127.185 167.786 126.84 167.714 126.498 167.634C126.298 167.589 126.099 167.545 125.902 167.491L125.783 167.461C125.685 167.437 125.59 167.411 125.493 167.385L125.44 167.371L125.132 167.281C125.02 167.25 124.908 167.216 124.796 167.183L124.757 167.172L124.466 167.083C124.356 167.049 124.246 167.013 124.137 166.977C124.048 166.948 123.959 166.917 123.869 166.888L123.672 166.819C123.482 166.752 123.293 166.683 123.106 166.611L122.928 166.541L122.781 166.483C122.495 166.368 122.214 166.249 121.936 166.125L121.751 166.035L121.72 166.021C121.654 165.99 121.589 165.959 121.523 165.932C121.394 165.87 121.266 165.806 121.139 165.741L121.1 165.722L120.916 165.625C120.706 165.514 120.499 165.4 120.296 165.281C120.181 165.215 120.067 165.148 119.955 165.079L119.783 164.973C119.694 164.919 119.612 164.865 119.527 164.809L119.303 164.661C119.222 164.606 119.142 164.551 119.062 164.495L118.918 164.392C118.766 164.284 118.617 164.172 118.471 164.057C118.393 163.997 118.315 163.936 118.238 163.878C118.146 163.803 118.053 163.727 117.962 163.65C117.885 163.587 117.81 163.521 117.735 163.455L117.729 163.45C117.648 163.379 117.569 163.308 117.49 163.235C117.412 163.164 117.334 163.092 117.258 163.019L117.249 163.01C117.17 162.934 117.091 162.857 117.014 162.778C116.937 162.7 116.858 162.622 116.783 162.542C116.708 162.463 116.631 162.382 116.557 162.299C116.483 162.217 116.415 162.142 116.345 162.061L116.322 162.034C116.254 161.956 116.187 161.877 116.121 161.796C115.978 161.625 115.839 161.45 115.705 161.271C115.57 161.091 115.438 160.907 115.309 160.72C115.268 160.658 115.226 160.597 115.186 160.536C115.103 160.414 115.022 160.293 114.943 160.172C114.863 160.051 114.785 159.93 114.707 159.808C114.629 159.689 114.553 159.57 114.479 159.451C114.44 159.391 114.403 159.332 114.368 159.272C114.297 159.159 114.229 159.045 114.161 158.933C114.152 158.918 114.143 158.902 114.133 158.887C114.068 158.777 114.004 158.669 113.942 158.56C113.906 158.501 113.873 158.443 113.84 158.381C113.807 158.319 113.769 158.256 113.734 158.193C113.714 158.16 113.696 158.127 113.677 158.094C113.659 158.061 113.653 158.051 113.642 158.03C113.575 157.91 113.509 157.789 113.445 157.667C113.415 157.613 113.386 157.559 113.355 157.507L113.266 157.334L113.176 157.163C113.118 157.048 113.061 156.931 113.005 156.816C112.976 156.759 112.948 156.702 112.922 156.645C112.864 156.523 112.807 156.401 112.752 156.281C112.729 156.232 112.707 156.183 112.687 156.134C112.635 156.02 112.585 155.908 112.538 155.795C112.514 155.738 112.49 155.682 112.467 155.626C112.421 155.513 112.378 155.401 112.332 155.29C112.31 155.236 112.288 155.183 112.269 155.129C112.182 154.903 112.101 154.679 112.026 154.455C112.006 154.4 111.987 154.344 111.97 154.29C111.937 154.189 111.905 154.09 111.875 153.99C111.82 153.815 111.77 153.64 111.724 153.467C111.708 153.412 111.694 153.358 111.68 153.303C111.637 153.14 111.598 152.977 111.562 152.814C111.537 152.706 111.514 152.598 111.493 152.49C111.482 152.435 111.471 152.38 111.462 152.327C111.441 152.218 111.422 152.111 111.405 152.004C111.378 151.843 111.355 151.682 111.335 151.521C111.327 151.468 111.321 151.415 111.315 151.362C111.31 151.309 111.304 151.255 111.298 151.2C111.276 150.986 111.259 150.774 111.249 150.562C111.249 150.508 111.244 150.454 111.242 150.402C111.237 150.295 111.235 150.19 111.234 150.084C111.178 145.811 113.34 141.703 117.963 137.082C126.198 128.855 130.992 116.816 130.992 116.816C130.992 116.816 131.121 116.311 131.389 115.584C131.426 115.483 131.466 115.379 131.51 115.27C131.56 115.14 131.614 115.005 131.673 114.866C131.751 114.681 131.837 114.489 131.93 114.294C131.964 114.22 131.999 114.147 132.036 114.073C132.049 114.048 132.063 114.023 132.076 113.998C132.1 113.949 132.124 113.898 132.15 113.849C132.293 113.575 132.449 113.298 132.619 113.027C132.665 112.954 132.709 112.882 132.76 112.809C132.858 112.663 132.96 112.52 133.064 112.381C133.116 112.311 133.17 112.243 133.225 112.175C133.314 112.064 133.411 111.954 133.508 111.847C133.547 111.805 133.585 111.763 133.626 111.723C134.103 111.23 134.649 110.828 135.266 110.614L135.344 110.588C135.396 110.571 135.448 110.555 135.501 110.54C135.562 110.524 135.623 110.51 135.686 110.497L135.714 110.491C135.844 110.465 135.976 110.448 136.109 110.439H136.12C136.189 110.439 136.26 110.432 136.331 110.432C136.42 110.432 136.502 110.432 136.589 110.441C136.679 110.449 136.769 110.459 136.859 110.473C137.601 110.591 138.307 111.033 138.915 111.715C138.943 111.746 138.971 111.778 138.997 111.81C139.138 111.975 139.268 112.148 139.389 112.326C139.44 112.399 139.488 112.474 139.535 112.551C139.655 112.743 139.769 112.946 139.876 113.16C139.919 113.249 139.959 113.331 139.999 113.419C140.02 113.464 140.04 113.508 140.059 113.554C140.098 113.644 140.136 113.733 140.173 113.828C140.209 113.917 140.245 114.015 140.279 114.11C140.437 114.557 140.565 115.015 140.658 115.48C140.68 115.587 140.7 115.694 140.719 115.802C140.784 116.193 140.828 116.586 140.852 116.981C140.86 117.096 140.865 117.212 140.868 117.328C140.876 117.601 140.876 117.878 140.868 118.157C140.864 118.264 140.86 118.37 140.852 118.477C140.782 119.489 140.582 120.487 140.26 121.448C140.204 121.615 140.144 121.782 140.081 121.949C140.039 122.06 139.992 122.172 139.947 122.284C139.858 122.505 139.754 122.731 139.645 122.949C139.564 123.114 139.479 123.28 139.387 123.445C139.327 123.555 139.264 123.665 139.201 123.775C139.04 124.049 138.867 124.321 138.68 124.592L138.566 124.754C138.412 124.968 138.249 125.181 138.078 125.393C137.77 125.773 137.441 126.137 137.094 126.482C136.564 127.013 135.996 127.504 135.395 127.952C134.852 128.353 134.34 128.793 133.861 129.27C133.809 129.323 133.756 129.376 133.706 129.429C132.203 131.006 131.853 132.398 132.191 133.453C132.207 133.502 132.224 133.549 132.242 133.595C132.269 133.666 132.3 133.734 132.331 133.801C132.353 133.846 132.377 133.89 132.402 133.932C132.503 134.106 132.624 134.266 132.76 134.412C132.777 134.431 132.795 134.449 132.812 134.467L132.867 134.521C132.921 134.573 132.977 134.624 133.038 134.674L133.098 134.722C133.138 134.753 133.181 134.784 133.223 134.812C133.331 134.888 133.443 134.958 133.559 135.022C133.606 135.047 133.648 135.072 133.701 135.096C133.875 135.181 134.054 135.254 134.238 135.313C134.289 135.33 134.339 135.345 134.391 135.361L134.456 135.378L134.546 135.402L134.624 135.421L134.708 135.439L134.79 135.456L134.869 135.469C134.927 135.479 134.988 135.489 135.048 135.496L135.104 135.505L135.208 135.515L135.272 135.522L135.378 135.529H135.439L135.549 135.535H135.598H135.701H135.747H135.895L135.994 135.529L136.109 135.522L136.247 135.509L136.378 135.494C136.408 135.494 136.437 135.486 136.467 135.48C136.533 135.471 136.601 135.46 136.667 135.447C136.831 135.416 136.992 135.377 137.152 135.33C137.315 135.283 137.477 135.227 137.635 135.164C137.687 135.142 137.741 135.12 137.794 135.097C137.883 135.058 137.973 135.017 138.055 134.973C138.125 134.939 138.194 134.901 138.262 134.862C138.364 134.804 138.466 134.743 138.566 134.676C138.795 134.526 139.01 134.358 139.212 134.173C139.26 134.13 139.308 134.084 139.354 134.04C139.377 134.018 139.399 133.997 139.421 133.973C139.465 133.928 139.509 133.884 139.553 133.835C139.64 133.74 139.726 133.641 139.809 133.536C140.023 133.267 140.213 132.98 140.378 132.678C141.713 130.24 143.986 126.245 146.529 122.164C146.627 122.007 146.726 121.85 146.824 121.693C146.922 121.537 147.021 121.379 147.12 121.222C147.268 120.983 147.419 120.748 147.568 120.514L147.717 120.28C147.817 120.123 147.919 119.966 148.02 119.811C148.423 119.185 148.828 118.567 149.236 117.956L149.542 117.5C150.154 116.593 150.763 115.711 151.368 114.873L151.669 114.458C152.116 113.841 152.564 113.249 153.003 112.691C153.246 112.382 153.486 112.084 153.723 111.797L154.005 111.459C154.052 111.403 154.095 111.347 154.146 111.293C154.239 111.183 154.332 111.076 154.423 110.972C154.469 110.919 154.512 110.867 154.561 110.815C154.653 110.712 154.742 110.611 154.829 110.513C154.873 110.464 154.92 110.415 154.964 110.366C155.099 110.221 155.231 110.082 155.361 109.949C155.451 109.859 155.533 109.77 155.619 109.686C156.126 109.168 156.685 108.703 157.288 108.3L157.428 108.21C157.474 108.18 157.517 108.152 157.568 108.121C157.657 108.065 157.748 108.012 157.844 107.96C160.208 106.618 162.165 106.519 163.292 107.646C163.974 108.328 164.352 109.459 164.331 111.033C164.331 111.102 164.331 111.172 164.326 111.244C164.326 111.269 164.326 111.295 164.326 111.321C164.326 111.393 164.319 111.465 164.313 111.538C164.313 111.628 164.303 111.717 164.294 111.807C164.285 111.896 164.28 111.964 164.271 112.044C164.271 112.066 164.268 112.089 164.264 112.113C164.258 112.182 164.248 112.253 164.238 112.324C164.238 112.345 164.238 112.367 164.23 112.389C164.221 112.462 164.211 112.537 164.199 112.611C164.197 112.632 164.194 112.652 164.189 112.672C164.178 112.762 164.163 112.846 164.147 112.934C164.139 112.984 164.131 113.033 164.122 113.083C164.096 113.225 164.062 113.365 164.021 113.503C163.978 113.648 163.927 113.797 163.868 113.951C163.828 114.052 163.785 114.155 163.738 114.261C163.692 114.366 163.641 114.472 163.587 114.58C163.48 114.796 163.359 115.019 163.225 115.248C163.158 115.362 163.087 115.478 163.014 115.595C162.977 115.653 162.94 115.712 162.902 115.774C162.788 115.953 162.668 116.134 162.544 116.317C162.42 116.5 162.287 116.686 162.145 116.876C161.96 117.128 161.764 117.384 161.559 117.645L161.404 117.842C161.142 118.169 160.866 118.503 160.578 118.844C160.405 119.048 160.229 119.253 160.048 119.461C159.928 119.599 159.806 119.737 159.682 119.877L159.494 120.087C159.242 120.368 158.987 120.651 158.725 120.935L158.527 121.149C158.396 121.292 158.26 121.435 158.128 121.579C157.997 121.722 157.859 121.867 157.721 122.012L157.311 122.445C157.173 122.59 157.033 122.736 156.893 122.881C156.753 123.026 156.614 123.172 156.473 123.317C156.191 123.609 155.909 123.901 155.624 124.193C151.569 128.352 147.296 132.497 145.85 135.081C145.754 135.249 145.667 135.422 145.589 135.6C145.383 136.07 145.296 136.472 145.355 136.797C145.374 136.904 145.411 137.006 145.466 137.1C145.509 137.172 145.556 137.242 145.606 137.308C145.654 137.371 145.707 137.431 145.762 137.487C145.815 137.539 145.871 137.587 145.93 137.631C146.228 137.843 146.586 137.952 146.952 137.942H147.066L147.184 137.933L147.3 137.92L147.397 137.906C147.41 137.904 147.423 137.902 147.438 137.898L147.527 137.881L147.549 137.876L147.648 137.855L147.684 137.846C147.717 137.838 147.753 137.828 147.788 137.818C147.823 137.808 147.871 137.795 147.913 137.781C147.995 137.756 148.077 137.729 148.161 137.698C148.245 137.668 148.341 137.631 148.43 137.593C148.52 137.556 148.608 137.518 148.691 137.476C148.736 137.456 148.782 137.435 148.824 137.413L148.958 137.347C149.131 137.258 149.305 137.163 149.479 137.06C149.618 136.979 149.755 136.894 149.893 136.806L150.027 136.716C150.072 136.688 150.117 136.659 150.16 136.627L150.292 136.538L150.363 136.489C150.427 136.444 150.492 136.399 150.555 136.354C150.734 136.231 150.901 136.104 151.07 135.975L151.085 135.963C151.175 135.894 151.264 135.825 151.354 135.755C151.721 135.465 152.069 135.173 152.385 134.898L152.596 134.714L152.615 134.696L152.725 134.599C152.983 134.367 153.213 134.151 153.404 133.973L153.482 133.896C153.551 133.831 153.614 133.77 153.671 133.718L153.783 133.607L153.824 133.568L153.835 133.557C153.882 133.509 153.923 133.467 153.951 133.44C153.992 133.396 154.017 133.371 154.025 133.363L154.035 133.356L154.07 133.324C154.082 133.312 154.096 133.299 154.113 133.284L154.128 133.271L154.165 133.237L154.368 133.058L154.482 132.956C154.537 132.908 154.599 132.853 154.661 132.794L154.798 132.673C154.823 132.653 154.847 132.631 154.872 132.609L155.014 132.484L155.225 132.299L155.337 132.202C155.772 131.824 156.3 131.367 156.908 130.852L157.158 130.641L157.568 130.296C157.706 130.181 157.847 130.064 157.99 129.945C158.54 129.488 159.131 129.003 159.757 128.5L160.169 128.17C160.519 127.891 160.878 127.607 161.242 127.321C161.389 127.206 161.537 127.091 161.689 126.977C161.912 126.804 162.138 126.63 162.367 126.456C162.513 126.343 162.662 126.231 162.812 126.118C163.67 125.47 164.555 124.821 165.451 124.189L165.835 123.921C166.104 123.736 166.373 123.55 166.641 123.369L166.883 123.205C167.137 123.034 167.391 122.867 167.643 122.701C167.876 122.549 168.107 122.4 168.339 122.254L168.581 122.101L168.822 121.951C169.064 121.801 169.305 121.654 169.544 121.511L169.783 121.368L170.26 121.09C170.417 120.999 170.574 120.909 170.729 120.821L170.824 120.769C170.948 120.7 171.072 120.632 171.195 120.565C171.35 120.481 171.504 120.4 171.658 120.321L171.887 120.203L172.111 120.091C172.189 120.054 172.265 120.015 172.341 119.978C172.788 119.758 173.235 119.558 173.661 119.383C173.732 119.354 173.805 119.324 173.876 119.294C174.017 119.234 174.157 119.18 174.296 119.133C174.435 119.085 174.572 119.037 174.706 118.989C174.829 118.948 174.948 118.909 175.063 118.874L175.104 118.862C175.166 118.842 175.227 118.824 175.288 118.808L175.307 118.803C175.435 118.766 175.561 118.734 175.686 118.704H175.695C175.882 118.66 176.065 118.621 176.243 118.592C176.303 118.581 176.364 118.571 176.423 118.563C176.542 118.545 176.657 118.531 176.772 118.521C176.83 118.515 176.886 118.51 176.943 118.508C177.056 118.5 177.167 118.496 177.275 118.496C177.303 118.496 177.331 118.496 177.359 118.496C177.471 118.496 177.579 118.503 177.686 118.514C177.735 118.514 177.783 118.524 177.831 118.53H177.852C177.9 118.536 177.947 118.543 177.995 118.554C178.042 118.563 178.091 118.571 178.137 118.582H178.152C178.199 118.592 178.241 118.604 178.29 118.618C178.338 118.631 178.384 118.644 178.43 118.661C178.589 118.715 178.742 118.784 178.887 118.867C178.929 118.891 178.968 118.916 179.007 118.943C179.046 118.968 179.086 118.995 179.124 119.024C179.189 119.073 179.253 119.126 179.312 119.183L179.339 119.209C179.357 119.225 179.375 119.242 179.391 119.259L179.439 119.312C179.841 119.733 180.173 120.216 180.423 120.742C180.436 120.772 180.45 120.802 180.462 120.832C180.487 120.891 180.51 120.949 180.531 121.011C180.583 121.154 180.627 121.301 180.661 121.45C180.791 122.041 180.755 122.657 180.559 123.229C180.542 123.282 180.523 123.333 180.503 123.385C180.43 123.58 180.345 123.769 180.247 123.952C180.221 124.001 180.194 124.051 180.165 124.1C179.854 124.624 179.485 125.111 179.066 125.552L178.977 125.647C178.844 125.787 178.706 125.927 178.561 126.067C178.497 126.13 178.43 126.192 178.363 126.255C178.296 126.318 178.227 126.38 178.158 126.444L178.05 126.539C177.979 126.602 177.908 126.665 177.835 126.728C177.688 126.855 177.535 126.982 177.378 127.111C177.337 127.143 177.297 127.175 177.258 127.208C177.099 127.337 176.935 127.466 176.766 127.596C176.468 127.825 176.158 128.055 175.837 128.288C175.559 128.488 175.271 128.689 174.975 128.893C174.617 129.138 174.247 129.386 173.865 129.636C173.185 130.082 172.466 130.539 171.71 131.008C171.502 131.138 171.292 131.268 171.078 131.399C169.11 132.609 166.929 133.903 164.604 135.31L164.003 135.675C163.344 136.077 162.721 136.461 162.135 136.827L161.84 137.012L161.283 137.37C161.063 137.511 160.848 137.649 160.639 137.784C160.481 137.885 160.326 137.985 160.174 138.085L159.878 138.281C159.73 138.377 159.586 138.473 159.445 138.567L159.303 138.657C159.156 138.755 159.013 138.852 158.872 138.948L158.643 139.105L158.374 139.291L158.126 139.464C157.709 139.759 157.321 140.04 156.964 140.307L156.829 140.409C156.678 140.523 156.532 140.637 156.391 140.748C156.328 140.797 156.267 140.846 156.206 140.895C155.897 141.144 155.616 141.382 155.363 141.611L155.238 141.724C155.167 141.789 155.098 141.854 155.031 141.918C154.985 141.963 154.941 142.008 154.893 142.051L154.829 142.115C154.787 142.156 154.746 142.198 154.706 142.239C154.601 142.348 154.503 142.454 154.411 142.557L154.346 142.633C154.199 142.803 154.07 142.966 153.958 143.125L153.908 143.196C153.82 143.324 153.741 143.455 153.667 143.592C153.648 143.626 153.63 143.66 153.613 143.694C153.596 143.728 153.58 143.762 153.564 143.796C153.549 143.83 153.542 143.845 153.531 143.87L153.51 143.92L153.493 143.965C153.485 143.985 153.478 144.005 153.471 144.026C153.463 144.047 153.45 144.083 153.441 144.115C153.409 144.213 153.383 144.313 153.363 144.414C153.358 144.436 153.353 144.46 153.35 144.482C153.346 144.504 153.342 144.527 153.34 144.549C153.337 144.572 153.335 144.591 153.333 144.611L153.326 144.669C153.326 144.693 153.326 144.716 153.326 144.74C153.326 144.763 153.326 144.763 153.326 144.774C153.326 144.801 153.326 144.827 153.326 144.854C153.326 144.881 153.326 144.922 153.326 144.956C153.326 144.965 153.326 144.974 153.326 144.984C153.326 145.01 153.326 145.036 153.333 145.064C153.334 145.08 153.337 145.096 153.339 145.112C153.339 145.138 153.344 145.163 153.348 145.191C153.352 145.217 153.359 145.264 153.367 145.301C153.367 145.301 153.367 145.301 153.367 145.306C153.374 145.341 153.382 145.375 153.391 145.41C153.4 145.445 153.408 145.485 153.419 145.521C153.438 145.592 153.463 145.662 153.488 145.732C153.504 145.774 153.518 145.815 153.535 145.856C153.535 145.864 153.542 145.873 153.546 145.881C153.557 145.907 153.568 145.935 153.581 145.962C153.593 145.989 153.615 146.036 153.632 146.073C153.667 146.147 153.704 146.222 153.745 146.297C153.765 146.334 153.787 146.372 153.809 146.409L153.874 146.523C153.896 146.561 153.92 146.599 153.943 146.637C153.956 146.656 153.969 146.674 153.984 146.691L154.005 146.714L154.031 146.737L154.057 146.757C154.076 146.77 154.095 146.782 154.115 146.792C154.135 146.802 154.155 146.811 154.178 146.82C154.201 146.828 154.225 146.834 154.249 146.84C154.826 146.97 156.013 146.493 157.589 145.661C157.678 145.613 157.775 145.563 157.87 145.511L158.35 145.249L158.585 145.119C158.752 145.03 158.922 144.929 159.096 144.83C159.201 144.771 159.306 144.711 159.413 144.651C161.496 143.452 163.983 141.912 166.555 140.408C166.796 140.267 167.039 140.126 167.281 139.987L167.766 139.676C168.008 139.537 168.251 139.399 168.493 139.262C168.817 139.079 169.142 138.898 169.466 138.719C170.194 138.319 170.921 137.933 171.635 137.569L172.111 137.328C172.427 137.172 172.739 137.02 173.048 136.872C173.358 136.725 173.665 136.584 173.969 136.449C174.271 136.315 174.569 136.186 174.863 136.063L175.199 135.927L175.238 135.911C177.013 135.208 178.622 134.774 179.924 134.774C180.206 134.771 180.487 134.795 180.764 134.843H180.773C180.862 134.859 180.944 134.877 181.027 134.897H181.042C181.11 134.914 181.177 134.934 181.242 134.956C181.294 134.973 181.344 134.99 181.393 135.009C181.442 135.028 181.469 135.039 181.507 135.056C181.558 135.079 181.609 135.102 181.658 135.127C181.707 135.152 181.773 135.189 181.828 135.223C182.037 135.349 182.226 135.505 182.389 135.686C182.461 135.766 182.527 135.851 182.587 135.94C182.608 135.969 182.627 135.998 182.645 136.029C182.683 136.088 182.717 136.148 182.751 136.208C182.794 136.286 182.833 136.367 182.87 136.452C182.906 136.538 182.94 136.625 182.973 136.721C183.005 136.816 183.034 136.909 183.062 137.008C183.273 137.765 183.253 138.568 183.003 139.313Z" fill="#FF9D00"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M171.206 84.9998V84.5088C171.206 42.6552 137.288 8.72607 95.4307 8.72607C53.5748 8.72607 19.6439 42.6572 19.6439 84.5088C19.6439 84.5638 19.6434 84.6188 19.6429 84.6728C19.6419 84.7818 19.6409 84.8908 19.6439 84.9998C19.6468 85.1038 19.6471 85.2078 19.6474 85.3118C19.6475 85.3708 19.6477 85.4298 19.6483 85.4888C19.6497 85.6078 19.6519 85.7308 19.6541 85.8488C19.6549 85.8928 19.6557 85.9358 19.6564 85.9778C19.6574 86.0378 19.6591 86.0968 19.6608 86.1568C19.6635 86.2518 19.6662 86.3478 19.6662 86.4428L19.677 86.8318C19.6815 86.9838 19.6868 87.1368 19.6922 87.2888L19.6976 87.4388C19.7036 87.5968 19.7103 87.7548 19.7172 87.9118L19.7181 87.9348C19.726 88.1198 19.7356 88.3038 19.7451 88.4878L19.7459 88.5018C19.7557 88.6898 19.7655 88.8788 19.7772 89.0678C19.787 89.2418 19.7986 89.4158 19.8102 89.5898C19.8109 89.5998 19.8119 89.6108 19.8129 89.6208C19.8147 89.6398 19.8165 89.6598 19.8165 89.6788C19.8245 89.8098 19.8335 89.9398 19.8433 90.0688L19.8462 90.1088C19.8569 90.2528 19.8676 90.3968 19.8791 90.5408L19.8813 90.5688C19.8877 90.6528 19.8942 90.7368 19.9015 90.8178C19.9307 91.1718 19.9623 91.5258 19.9963 91.8798C20.0326 92.2468 20.0708 92.6138 20.1107 92.9788L20.1161 93.0238C20.1358 93.1998 20.1546 93.3678 20.1769 93.5528C20.1993 93.7378 20.2216 93.9228 20.2449 94.1078C20.2607 94.2338 20.2773 94.3588 20.2939 94.4848C20.3017 94.5438 20.3096 94.6028 20.3173 94.6618C20.3415 94.8468 20.3674 95.0318 20.3933 95.2158C20.413 95.3558 20.4336 95.4978 20.4542 95.6378C20.4658 95.7198 20.4783 95.8018 20.4908 95.8828L20.4949 95.9098C20.5142 96.0378 20.5334 96.1668 20.5534 96.2938C20.5588 96.3068 20.5588 96.3188 20.5588 96.3308C20.6184 96.6958 20.678 97.0568 20.7377 97.4148C20.8939 98.3268 21.0665 99.2328 21.2555 100.134C21.3705 100.674 21.4898 101.211 21.6132 101.744L21.6186 101.766C21.6292 101.811 21.6399 101.856 21.6505 101.901C21.6807 102.03 21.7109 102.158 21.742 102.286L21.7974 102.219C23.9975 99.5888 27.1536 98.1388 30.6844 98.1388C33.514 98.1388 36.4179 99.0748 39.3272 100.92C41.258 102.146 43.3918 104.317 45.5875 107.048C47.6194 104.226 50.4677 102.35 53.7256 101.838C54.3471 101.74 54.9749 101.691 55.6037 101.69C63.04 101.69 67.519 108.143 69.2107 113.948C70.0467 115.909 74.0757 124.841 80.1517 130.883C89.3877 140.11 91.6987 149.631 87.1277 159.826H87.1437C87.4547 159.861 87.7677 159.893 88.0827 159.922C88.2697 159.94 88.4557 159.958 88.6437 159.974L88.7097 159.98C88.8467 159.992 88.9847 160.004 89.1227 160.015L89.5027 160.045C89.8647 160.073 90.2277 160.099 90.5917 160.122L90.8807 160.139C90.9567 160.144 91.0327 160.148 91.1097 160.153C91.1567 160.155 91.2047 160.158 91.2517 160.161L91.6987 160.184L91.8207 160.189L92.2897 160.21L92.8117 160.23L93.2307 160.242C93.2547 160.243 93.2777 160.243 93.3007 160.244C93.3897 160.248 93.4787 160.251 93.5677 160.251C93.5997 160.252 93.6317 160.253 93.6637 160.254C93.7627 160.257 93.8637 160.26 93.9637 160.26C94.4527 160.27 94.9417 160.274 95.4327 160.274H96.0587L96.5057 160.269C96.6157 160.264 96.7247 160.264 96.8357 160.264H97.0097C97.0597 160.263 97.1097 160.262 97.1607 160.26C97.2197 160.258 97.2787 160.256 97.3387 160.256H97.5177L97.8687 160.247L98.3967 160.229L98.9777 160.203C99.1457 160.197 99.3117 160.188 99.4777 160.18L99.6567 160.169C99.7457 160.165 99.8337 160.16 99.9227 160.155C99.9747 160.152 100.027 160.148 100.079 160.146L100.197 160.138L100.734 160.103C100.912 160.091 101.091 160.077 101.27 160.064L101.757 160.025L102.099 159.996L102.475 159.962C102.86 159.926 103.243 159.888 103.626 159.848C103.869 159.822 104.111 159.794 104.355 159.765L104.782 159.714C100.283 149.562 102.612 140.082 111.809 130.892C117.872 124.834 121.901 115.902 122.741 113.94C124.434 108.136 128.91 101.683 136.348 101.683C136.977 101.683 137.606 101.733 138.227 101.831C141.482 102.343 144.33 104.219 146.365 107.041C148.562 104.311 150.695 102.138 152.626 100.912C155.535 99.0678 158.441 98.1318 161.268 98.1318C164.384 98.1318 167.208 99.2618 169.341 101.335C169.38 101.166 169.418 100.996 169.455 100.827C169.492 100.658 169.528 100.489 169.564 100.321C169.603 100.136 169.642 99.9508 169.679 99.7658C169.745 99.4388 169.811 99.1118 169.874 98.7818C169.94 98.4398 170.003 98.0958 170.063 97.7518C170.074 97.6898 170.084 97.6278 170.094 97.5658C170.113 97.4558 170.131 97.3458 170.152 97.2348C170.186 97.0628 170.214 96.8908 170.242 96.7168L170.253 96.6508C170.277 96.4998 170.301 96.3488 170.324 96.1978L170.394 95.7388V95.7348C170.423 95.5418 170.451 95.3488 170.478 95.1558C170.499 95.0108 170.519 94.8638 170.538 94.7178L170.549 94.6338L170.612 94.1558L170.663 93.7478C170.693 93.4808 170.723 93.2128 170.753 92.9438C170.765 92.8358 170.777 92.7278 170.788 92.6208L170.797 92.5328C170.816 92.3588 170.834 92.1848 170.85 92.0108C170.85 92.0068 170.85 92.0018 170.85 91.9968C170.863 91.8588 170.877 91.7198 170.889 91.5808C170.96 90.7928 171.02 90.0008 171.068 89.2058C171.077 89.0758 171.084 88.9448 171.092 88.8138V88.8078C171.101 88.6438 171.11 88.4808 171.118 88.3168L171.124 88.2068C171.131 88.0528 171.138 87.8968 171.144 87.7418C171.151 87.5668 171.158 87.3898 171.165 87.2108V87.1988C171.166 87.1558 171.168 87.1128 171.17 87.0688C171.175 86.9598 171.179 86.8498 171.179 86.7398L171.181 86.6958C171.185 86.5928 171.189 86.4868 171.189 86.3818C171.19 86.3518 171.191 86.3218 171.192 86.2918C171.195 86.1868 171.198 86.0828 171.198 85.9778C171.199 85.9488 171.199 85.9188 171.2 85.8888C171.203 85.7558 171.206 85.6218 171.206 85.4888V84.9998ZM76.6337 160.706C82.6357 151.905 82.2097 145.299 73.9757 137.069C65.74 128.838 60.9468 116.802 60.9468 116.802C60.9468 116.802 59.1581 109.811 55.0779 110.453C50.9982 111.095 48.0049 121.542 56.5476 127.937C65.0898 134.332 54.8484 138.668 51.5599 132.667C48.2714 126.665 39.2949 111.238 34.6409 108.287C29.9867 105.336 26.7135 106.99 27.8109 113.072C28.3555 116.091 33.4235 121.244 38.1584 126.058C42.9624 130.942 47.4236 135.478 46.4701 137.083C44.5769 140.27 37.9096 133.338 37.9096 133.338C37.9096 133.338 17.0342 114.34 12.4893 119.291C8.30048 123.854 14.7609 127.733 24.7162 133.712C25.563 134.22 26.435 134.744 27.3279 135.284C38.719 142.18 39.6044 143.999 37.9883 146.608C37.3909 147.572 33.5776 145.283 28.8884 142.468C20.8929 137.667 10.3506 131.338 8.86188 137.003C7.57338 141.906 15.3292 144.91 22.3635 147.635C28.2237 149.905 33.583 151.981 32.7949 154.799C31.978 157.721 27.549 155.284 22.7075 152.62C17.2723 149.629 11.3172 146.353 9.36888 150.05C5.68518 157.04 34.7795 165.269 35.0182 165.33C44.4183 167.768 68.2907 172.934 76.6337 160.706ZM115.299 160.706C109.297 151.905 109.723 145.299 117.958 137.069C126.193 128.838 130.986 116.802 130.986 116.802C130.986 116.802 132.775 109.811 136.855 110.453C140.935 111.095 143.928 121.542 135.386 127.937C126.843 134.332 137.085 138.668 140.373 132.667C143.662 126.665 152.633 111.238 157.287 108.287C161.941 105.336 165.216 106.99 164.118 113.072C163.574 116.091 158.505 121.244 153.77 126.059C148.966 130.943 144.505 135.478 145.458 137.083C147.351 140.27 154.023 133.334 154.023 133.334C154.023 133.334 174.898 114.337 179.444 119.288C183.633 123.85 177.172 127.73 167.215 133.709C166.369 134.217 165.498 134.741 164.605 135.281C153.214 142.177 152.328 143.996 153.944 146.604C154.542 147.569 158.355 145.279 163.044 142.464C171.04 137.664 181.582 131.334 183.071 137C184.36 141.903 176.603 144.907 169.569 147.632C163.709 149.902 158.349 151.978 159.137 154.796C159.953 157.717 164.381 155.28 169.221 152.616C174.656 149.625 180.612 146.347 182.56 150.047C186.244 157.041 157.146 165.262 156.911 165.322C147.511 167.768 123.639 172.934 115.299 160.706Z" fill="#FFD21E"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M120.042 63.882C121.224 64.3 122.104 65.572 122.94 66.783C124.07 68.419 125.122 69.942 126.736 69.084C128.64 68.071 130.201 66.517 131.222 64.617C132.243 62.717 132.677 60.5575 132.471 58.4109C132.264 56.2643 131.426 54.2271 130.061 52.5571C128.696 50.8871 126.867 49.6591 124.805 49.0284C122.742 48.3976 120.538 48.3928 118.473 49.0143C116.408 49.6358 114.573 50.8555 113.201 52.5197C111.829 54.1838 110.982 56.2171 110.766 58.3628C110.55 60.5089 110.976 62.671 111.988 64.575C112.736 65.982 114.395 65.318 116.147 64.617C117.52 64.068 118.951 63.496 120.042 63.882ZM68.6675 63.882C67.4857 64.3 66.6065 65.573 65.7703 66.783C64.6398 68.42 63.588 69.942 61.9741 69.084C60.0702 68.072 58.5091 66.517 57.4888 64.617C56.468 62.717 56.0337 60.558 56.2404 58.4114C56.4476 56.2648 57.286 54.2276 58.6506 52.5576C60.0152 50.8876 61.8443 49.6601 63.9067 49.0294C65.9692 48.3991 68.1725 48.3942 70.2375 49.0158C72.3025 49.6373 74.1365 50.857 75.5085 52.5206C76.8805 54.1848 77.7285 56.2181 77.9445 58.3638C78.1605 60.5094 77.7355 62.671 76.7235 64.575C75.9745 65.982 74.3145 65.318 72.5625 64.618C71.1885 64.068 69.7595 63.496 68.6675 63.882ZM112.095 110.633C120.238 104.218 123.229 93.744 123.229 87.292C123.229 82.192 119.798 83.797 114.305 86.517C114.202 86.567 114.098 86.619 113.994 86.67C108.952 89.167 102.241 92.492 94.8725 92.492C87.5035 92.492 80.7915 89.167 75.7505 86.669C70.0795 83.86 66.5221 82.098 66.5221 87.293C66.5221 93.949 69.7045 104.878 78.4385 111.227C79.5915 108.887 81.2145 106.811 83.2055 105.127C85.1975 103.444 87.5145 102.188 90.0135 101.441C90.8855 101.181 91.7835 102.682 92.7025 104.219C93.5895 105.701 94.4965 107.217 95.4185 107.217C96.4015 107.217 97.3665 105.723 98.3095 104.265C99.2945 102.74 100.255 101.255 101.184 101.552C101.455 101.638 101.724 101.731 101.99 101.829C106.318 103.436 109.91 106.567 112.095 110.633Z" fill="#32343D"/>
-<path d="M112.093 110.632C107.852 113.974 102.215 116.215 94.8737 116.215C87.9767 116.215 82.5827 114.237 78.4387 111.226C79.5917 108.887 81.2147 106.81 83.2057 105.127C85.1977 103.443 87.5147 102.188 90.0137 101.44C91.7257 100.929 93.5407 107.216 95.4187 107.216C97.4287 107.216 99.3657 100.97 101.185 101.551C101.455 101.637 101.723 101.729 101.99 101.829C106.316 103.436 109.908 106.567 112.093 110.632Z" fill="#FF323D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M49.1964 72.9548C48.0307 73.7348 46.6602 74.1498 45.2582 74.1498C44.3274 74.1498 43.4053 73.9668 42.545 73.6098C41.6847 73.2548 40.9034 72.7318 40.2451 72.0738C39.5868 71.4148 39.0648 70.6338 38.7087 69.7728C38.3526 68.9128 38.1695 67.9908 38.1699 67.0598C38.1702 65.6578 38.5862 64.2878 39.3653 63.1228C40.1445 61.9568 41.2517 61.0492 42.547 60.5128C43.842 59.9764 45.2674 59.8363 46.6422 60.1101C48.0171 60.3839 49.28 61.0589 50.2712 62.0508C51.2623 63.0418 51.9373 64.3048 52.2106 65.6798C52.4839 67.0548 52.3434 68.4798 51.8069 69.7748C51.2705 71.0698 50.3621 72.1768 49.1964 72.9548ZM150.609 72.9548C149.443 73.7348 148.072 74.1498 146.671 74.1498C145.74 74.1498 144.818 73.9668 143.958 73.6098C143.097 73.2548 142.316 72.7318 141.657 72.0738C140.999 71.4148 140.477 70.6338 140.121 69.7728C139.765 68.9128 139.582 67.9908 139.582 67.0598C139.583 65.6578 139.999 64.2878 140.778 63.1228C141.557 61.9568 142.664 61.0492 143.959 60.5128C145.255 59.9764 146.68 59.8363 148.055 60.1101C149.43 60.3839 150.693 61.0589 151.684 62.0508C152.675 63.0418 153.35 64.3048 153.623 65.6798C153.897 67.0548 153.756 68.4798 153.22 69.7748C152.683 71.0698 151.774 72.1768 150.609 72.9548Z" fill="#FFAD03"/>
-</svg>
diff --git a/assets/logo.svg b/assets/logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e69f057d4d4c256f02881888e781aa0943010c3e
--- /dev/null
+++ b/assets/logo.svg
@@ -0,0 +1,316 @@
+<svg width="116" height="82" viewBox="0 0 116 82" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="20.1468" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="0.891541" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="0.891541" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="20.1468" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="54.6537" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="20.1468" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="20.1468" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="20.1468" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="20.1468" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="16.3067" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="16.3067" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="12.4665" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="12.4665" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="12.4665" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="12.4665" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="16.3067" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="16.3067" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="16.3067" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="20.1468" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="54.6537" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="54.6537" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="0.946014" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="0.946014" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="0.946014" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="0.946014" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="0.946014" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="0.946014" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="0.946014" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="12.4665" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="12.4665" y="54.6537" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="54.6537" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="54.6537" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="12.4665" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="12.4665" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="8.62631" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="12.4665" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="16.3067" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="16.3067" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="16.3067" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="20.1468" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="20.1468" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="20.1468" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="16.3067" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="12.4665" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="16.3067" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="20.1468" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="77.6947" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="77.6947" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="27.8271" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="77.6947" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="77.6947" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="77.6947" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="77.6947" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="77.6947" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="77.6947" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="77.6947" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="50.8681" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2286" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0687" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.9093" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="58.5484" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2288" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="77.7492" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="85.4296" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="81.5888" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="89.2683" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="93.1085" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="96.9486" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="104.629" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="108.469" y="66.1743" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="62.3341" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="77.7495" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="81.5897" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="100.789" y="58.4939" width="19.4549" height="3.84016" fill="white"/>
+<rect x="73.909" y="54.6537" width="3.84016" height="3.84016" fill="white"/>
+<rect x="81.5894" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="77.7492" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="85.4294" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="90.946" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="100.789" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="104.631" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="96.9505" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="81.5894" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="81.5894" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="81.5894" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="77.7492" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="77.7492" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="81.5894" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="93.1098" y="16.2521" width="3.84016" height="3.84016" fill="white"/>
+<rect x="96.9486" y="16.2521" width="3.84016" height="3.84016" fill="white"/>
+<rect x="89.2697" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="89.2697" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="85.4295" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="85.4295" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="81.5894" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="81.5894" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="77.7492" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="77.7492" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="77.7492" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="0.891541" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="8.57184" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="16.2522" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="85.4295" y="20.0923" width="3.84016" height="3.84016" fill="white"/>
+<rect x="85.4295" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="89.2697" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="108.471" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="104.631" y="23.9325" width="3.84016" height="3.84016" fill="white"/>
+<rect x="104.631" y="16.2521" width="3.84016" height="3.84016" fill="white"/>
+<rect x="93.1098" y="12.412" width="3.84016" height="3.84016" fill="white"/>
+<rect x="93.1098" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="96.95" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="100.79" y="4.73169" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="27.7726" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="77.7492" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+<rect x="89.2697" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="93.1085" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="112.106" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="104.426" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="43.1333" width="3.84016" height="3.84016" fill="white"/>
+<rect x="77.7492" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.909" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="46.9734" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="70.0689" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="54.6537" width="3.84016" height="3.84016" fill="white"/>
+<rect x="66.2287" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="73.9093" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="54.6537" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="50.8136" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="58.4939" width="3.84016" height="3.84016" fill="white"/>
+<rect x="62.3886" y="54.6537" width="3.84016" height="3.84016" fill="white"/>
+<rect x="54.7083" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="31.6674" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="35.5075" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="39.3476" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="43.1878" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="47.0279" y="73.8546" width="3.84016" height="3.84016" fill="white"/>
+<rect x="23.987" y="70.0144" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="39.2931" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="35.4529" width="3.84016" height="3.84016" fill="white"/>
+<rect x="4.78616" y="31.6128" width="3.84016" height="3.84016" fill="white"/>
+</svg>
diff --git a/assets/pro.svg b/assets/pro.svg
deleted file mode 100644
index 4d992b483109757a550a27a05caf48cd09daa892..0000000000000000000000000000000000000000
--- a/assets/pro.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="43" height="45" viewBox="0 0 43 45" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M23.52 0C23.52 7.23333 26.6467 12.04 30.52 15.12C34.5333 18.2933 39.3867 19.7867 42.56 20.1133V24.1267C38.1887 24.6927 34.0481 26.4166 30.5667 29.12C28.2861 30.9088 26.4595 33.2102 25.2351 35.8373C24.0107 38.4644 23.4231 41.3432 23.52 44.24H19.04C19.04 37.0067 15.9133 32.2 12.04 29.12C8.54533 26.409 4.38761 24.6846 0 24.1267V20.1133C4.3713 19.5473 8.51191 17.8234 11.9933 15.12C14.2739 13.3312 16.1005 11.0298 17.3249 8.40272C18.5493 5.77561 19.1369 2.89679 19.04 0H23.52Z" fill="url(#paint0_linear_1500_12)"/>
-<defs>
-<linearGradient id="paint0_linear_1500_12" x1="9.00667" y1="10.1267" x2="31.2667" y2="35.6533" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FF0789"/>
-<stop offset="0.63" stop-color="#21DE75"/>
-<stop offset="1" stop-color="#FF8D00"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/chart/Chart.yaml b/chart/Chart.yaml
deleted file mode 100644
index 83483de68757c3ed27fd68ca9bbb51aa48a64d25..0000000000000000000000000000000000000000
--- a/chart/Chart.yaml
+++ /dev/null
@@ -1,5 +0,0 @@
-apiVersion: v2
-name: deepsite
-version: 0.0.0-latest
-type: application
-icon: https://huggingface.co/front/assets/huggingface_logo-noborder.svg
diff --git a/chart/env/prod.yaml b/chart/env/prod.yaml
deleted file mode 100644
index 2ac82284c67dda993d0292685a8cc56cda2f25e8..0000000000000000000000000000000000000000
--- a/chart/env/prod.yaml
+++ /dev/null
@@ -1,59 +0,0 @@
-nodeSelector:
-  role-deepsite: "true"
-
-tolerations:
-  - key: "huggingface.co/deepsite"
-    operator: "Equal"
-    value: "true"
-    effect: "NoSchedule"
-
-serviceAccount:
-  enabled: true
-  create: true
-  name: deepsite-prod
-
-ingress:
-  path: "/"
-  annotations:
-    alb.ingress.kubernetes.io/healthcheck-path: "/api/healthcheck"
-    alb.ingress.kubernetes.io/listen-ports: "[{\"HTTP\": 80}, {\"HTTPS\": 443}]"
-    alb.ingress.kubernetes.io/load-balancer-name: "hub-utils-prod-cloudfront"
-    alb.ingress.kubernetes.io/group.name: "hub-utils-prod-cloudfront"
-    alb.ingress.kubernetes.io/scheme: "internal"
-    alb.ingress.kubernetes.io/ssl-redirect: "443"
-    alb.ingress.kubernetes.io/tags: "Env=prod,Project=hub,Terraform=true"
-    alb.ingress.kubernetes.io/target-group-attributes: deregistration_delay.timeout_seconds=30
-    alb.ingress.kubernetes.io/target-type: "ip"
-    alb.ingress.kubernetes.io/certificate-arn: "arn:aws:acm:us-east-1:707930574880:certificate/5b25b145-75db-4837-b9f3-7f238ba8a9c7,arn:aws:acm:us-east-1:707930574880:certificate/bfdf509c-f44b-400f-b9e1-6f7a861abe91"
-    kubernetes.io/ingress.class: "alb"
-
-networkPolicy:
-  enabled: true
-  allowedBlocks:
-    - 10.0.0.0/16
-
-
-ingressInternal:
-  enabled: false
-
-envVars:
-  NEXTAUTH_URL: https://deepsite.hf.co/api/auth
-
-infisical:
-  enabled: true
-  env: "prod-us-east-1"
-
-autoscaling:
-  enabled: true
-  minReplicas: 1
-  maxReplicas: 10
-  targetMemoryUtilizationPercentage: "50"
-  targetCPUUtilizationPercentage: "50"
-
-resources:
-  requests:
-    cpu: 2
-    memory: 4Gi
-  limits:
-    cpu: 4
-    memory: 8Gi
diff --git a/chart/templates/_helpers.tpl b/chart/templates/_helpers.tpl
deleted file mode 100644
index eee5a181d225c2aff53344c446288240d37d3d0b..0000000000000000000000000000000000000000
--- a/chart/templates/_helpers.tpl
+++ /dev/null
@@ -1,22 +0,0 @@
-{{- define "name" -}}
-{{- default $.Release.Name | trunc 63 | trimSuffix "-" -}}
-{{- end -}}
-
-{{- define "app.name" -}}
-chat-ui
-{{- end -}}
-
-{{- define "labels.standard" -}}
-release: {{ $.Release.Name | quote }}
-heritage: {{ $.Release.Service | quote }}
-chart: "{{ include "name" . }}"
-app: "{{ include "app.name" . }}"
-{{- end -}}
-
-{{- define "labels.resolver" -}}
-release: {{ $.Release.Name | quote }}
-heritage: {{ $.Release.Service | quote }}
-chart: "{{ include "name" . }}"
-app: "{{ include "app.name" . }}-resolver"
-{{- end -}}
-
diff --git a/chart/templates/config.yaml b/chart/templates/config.yaml
deleted file mode 100644
index c4c803e9e5f8b473ae216d5a2933cb67d46bc011..0000000000000000000000000000000000000000
--- a/chart/templates/config.yaml
+++ /dev/null
@@ -1,10 +0,0 @@
-apiVersion: v1
-kind: ConfigMap
-metadata:
-  labels: {{ include "labels.standard" . | nindent 4 }}
-  name: {{ include "name" . }}
-  namespace: {{ .Release.Namespace }}
-data:
-  {{- range $key, $value := $.Values.envVars }}
-  {{ $key }}: {{ $value | quote }}
-  {{- end }}
diff --git a/chart/templates/deployment.yaml b/chart/templates/deployment.yaml
deleted file mode 100644
index b487ee6a3e5db9e315dcb024e6fdc6b753eea5a3..0000000000000000000000000000000000000000
--- a/chart/templates/deployment.yaml
+++ /dev/null
@@ -1,81 +0,0 @@
-apiVersion: apps/v1
-kind: Deployment
-metadata:
-  labels: {{ include "labels.standard" . | nindent 4 }}
-  name: {{ include "name" . }}
-  namespace: {{ .Release.Namespace }}
-  {{- if .Values.infisical.enabled }}
-  annotations:
-    secrets.infisical.com/auto-reload: "true"
-  {{- end }}
-spec:
-  progressDeadlineSeconds: 600
-  {{- if not $.Values.autoscaling.enabled }}
-  replicas: {{ .Values.replicas }}
-  {{- end }}
-  revisionHistoryLimit: 10
-  selector:
-    matchLabels: {{ include "labels.standard" . | nindent 6 }}
-  strategy:
-    rollingUpdate:
-      maxSurge: 25%
-      maxUnavailable: 25%
-    type: RollingUpdate
-  template:
-    metadata:
-      labels: {{ include "labels.standard" . | nindent 8 }}
-      annotations:
-        checksum/config: {{ include (print $.Template.BasePath "/config.yaml") . | sha256sum }}
-        {{- if $.Values.envVars.NODE_LOG_STRUCTURED_DATA }}
-        co.elastic.logs/json.expand_keys: "true"
-        {{- end }}
-    spec:
-      {{- if .Values.serviceAccount.enabled }}
-      serviceAccountName: "{{ .Values.serviceAccount.name | default (include "name" .) }}"
-      {{- end }}
-      containers:
-        - name: chat-ui
-          image: "{{ .Values.image.repository }}/{{ .Values.image.name }}:{{ .Values.image.tag }}"
-          imagePullPolicy: {{ .Values.image.pullPolicy }}
-          readinessProbe:
-            failureThreshold: 30
-            periodSeconds: 10
-            httpGet:
-              path: {{ $.Values.envVars.APP_BASE | default "" }}/api/healthcheck
-              port: {{ $.Values.envVars.APP_PORT | default 3001 | int }}
-          livenessProbe:
-            failureThreshold: 30
-            periodSeconds: 10
-            httpGet:
-              path: {{ $.Values.envVars.APP_BASE | default "" }}/api/healthcheck
-              port: {{ $.Values.envVars.APP_PORT | default 3001 | int }}
-          ports:
-            - containerPort: {{ $.Values.envVars.APP_PORT | default 3001 | int }}
-              name: http
-              protocol: TCP
-            {{- if eq "true" $.Values.envVars.METRICS_ENABLED }}
-            - containerPort: {{ $.Values.envVars.METRICS_PORT | default 5565 | int }}
-              name: metrics
-              protocol: TCP
-            {{- end }}
-          resources: {{ toYaml .Values.resources | nindent 12 }}
-          {{- with $.Values.extraEnv }}
-          env:
-            {{- toYaml . | nindent 14 }}
-          {{- end }}
-          envFrom:
-            - configMapRef:
-                name: {{ include "name" . }}
-          {{- if $.Values.infisical.enabled }}
-            - secretRef:
-                name: {{ include "name" $ }}-secs
-          {{- end }}
-          {{- with $.Values.extraEnvFrom }}
-            {{- toYaml . | nindent 14 }}
-          {{- end }}
-      nodeSelector: {{ toYaml .Values.nodeSelector | nindent 8 }}
-      tolerations: {{ toYaml .Values.tolerations | nindent 8 }}
-      volumes:
-        - name: config
-          configMap:
-            name: {{ include "name" . }}
diff --git a/chart/templates/hpa.yaml b/chart/templates/hpa.yaml
deleted file mode 100644
index bf7bd3b256b79c54269ae39afb02c816878596dc..0000000000000000000000000000000000000000
--- a/chart/templates/hpa.yaml
+++ /dev/null
@@ -1,45 +0,0 @@
-{{- if $.Values.autoscaling.enabled }}
-apiVersion: autoscaling/v2
-kind: HorizontalPodAutoscaler
-metadata:
-  labels: {{ include "labels.standard" . | nindent 4 }}
-  name: {{ include "name" . }}
-  namespace: {{ .Release.Namespace }}
-spec:
-  scaleTargetRef:
-    apiVersion: apps/v1
-    kind: Deployment
-    name: {{ include "name" . }}
-  minReplicas: {{ $.Values.autoscaling.minReplicas }}
-  maxReplicas: {{ $.Values.autoscaling.maxReplicas }}
-  metrics:
-    {{- if ne "" $.Values.autoscaling.targetMemoryUtilizationPercentage }}
-    - type: Resource
-      resource:
-        name: memory
-        target:
-          type: Utilization
-          averageUtilization: {{ $.Values.autoscaling.targetMemoryUtilizationPercentage | int }}
-    {{- end }}
-    {{- if ne "" $.Values.autoscaling.targetCPUUtilizationPercentage }}
-    - type: Resource
-      resource:
-        name: cpu
-        target:
-          type: Utilization
-          averageUtilization: {{ $.Values.autoscaling.targetCPUUtilizationPercentage | int }}
-    {{- end }}
-  behavior:
-    scaleDown:
-      stabilizationWindowSeconds: 600
-      policies:
-        - type: Percent
-          value: 10
-          periodSeconds: 60
-    scaleUp:
-      stabilizationWindowSeconds: 0
-      policies:
-        - type: Pods
-          value: 1
-          periodSeconds: 30
-{{- end }}
diff --git a/chart/templates/infisical.yaml b/chart/templates/infisical.yaml
deleted file mode 100644
index 6a11e084f6e0ab300ea4ec2b2694a79dadc1bdf8..0000000000000000000000000000000000000000
--- a/chart/templates/infisical.yaml
+++ /dev/null
@@ -1,24 +0,0 @@
-{{- if .Values.infisical.enabled }}
-apiVersion: secrets.infisical.com/v1alpha1
-kind: InfisicalSecret
-metadata:
-  name: {{ include "name" $ }}-infisical-secret
-  namespace: {{ $.Release.Namespace }}
-spec:
-  authentication:
-    universalAuth:
-      credentialsRef:
-        secretName: {{ .Values.infisical.operatorSecretName | quote }}
-        secretNamespace: {{ .Values.infisical.operatorSecretNamespace | quote }}
-      secretsScope:
-        envSlug: {{ .Values.infisical.env | quote }}
-        projectSlug: {{ .Values.infisical.project | quote }}
-        secretsPath: /
-  hostAPI: {{ .Values.infisical.url | quote }}
-  managedSecretReference:
-    creationPolicy: Owner
-    secretName: {{ include "name" $ }}-secs
-    secretNamespace: {{ .Release.Namespace | quote }}
-    secretType: Opaque
-  resyncInterval: {{ .Values.infisical.resyncInterval }}
-{{- end }}
diff --git a/chart/templates/ingress-internal.yaml b/chart/templates/ingress-internal.yaml
deleted file mode 100644
index bf87d0b6c960871327908e243e79e05475b825d5..0000000000000000000000000000000000000000
--- a/chart/templates/ingress-internal.yaml
+++ /dev/null
@@ -1,32 +0,0 @@
-{{- if $.Values.ingressInternal.enabled }}
-apiVersion: networking.k8s.io/v1
-kind: Ingress
-metadata:
-  annotations: {{ toYaml .Values.ingressInternal.annotations | nindent 4 }}
-  labels: {{ include "labels.standard" . | nindent 4 }}
-  name: {{ include "name" . }}-internal
-  namespace: {{ .Release.Namespace }}
-spec:
-  {{ if $.Values.ingressInternal.className }}
-  ingressClassName: {{ .Values.ingressInternal.className }}
-  {{ end }}
-  {{- with .Values.ingressInternal.tls }}
-  tls:
-    - hosts:
-        - {{ $.Values.domain | quote }}
-      {{- with .secretName }}
-      secretName: {{ . }}
-      {{- end }}
-  {{- end }}
-  rules:
-    - host: {{ .Values.domain }}
-      http:
-        paths:
-          - backend:
-              service:
-                name: {{ include "name" . }}
-                port:
-                  name: http
-            path: {{ $.Values.ingressInternal.path | default "/" }}
-            pathType: Prefix
-{{- end }}
diff --git a/chart/templates/ingress.yaml b/chart/templates/ingress.yaml
deleted file mode 100644
index 563c911d72b906e18d716a4b2b4d3d26842d7fd7..0000000000000000000000000000000000000000
--- a/chart/templates/ingress.yaml
+++ /dev/null
@@ -1,33 +0,0 @@
-{{- if $.Values.ingress.enabled }}
-apiVersion: networking.k8s.io/v1
-kind: Ingress
-metadata:
-  annotations: {{ toYaml .Values.ingress.annotations | nindent 4 }}
-  labels: {{ include "labels.standard" . | nindent 4 }}
-  name: {{ include "name" . }}
-  namespace: {{ .Release.Namespace }}
-spec:
-  {{ if $.Values.ingress.className }}
-  ingressClassName: {{ .Values.ingress.className }}
-  {{ end }}
-  {{- with .Values.ingress.tls }}
-  tls:
-    - hosts:
-        - {{ $.Values.domain | quote }}
-      {{- with .secretName }}
-      secretName: {{ . }}
-      {{- end }}
-  {{- end }}
-  rules:
-    - host: {{ .Values.domain }}
-      http:
-        paths:
-          - backend:
-              service:
-                name: {{ include "name" . }}
-                port:
-                  name: http
-            path: {{ $.Values.ingress.path | default "/" }}
-            pathType: Prefix
-
-  {{- end }}
diff --git a/chart/templates/network-policy.yaml b/chart/templates/network-policy.yaml
deleted file mode 100644
index 59f5df5893a97f4075237ac7cdb4979dce7298a9..0000000000000000000000000000000000000000
--- a/chart/templates/network-policy.yaml
+++ /dev/null
@@ -1,36 +0,0 @@
-{{- if $.Values.networkPolicy.enabled }}
-apiVersion: networking.k8s.io/v1
-kind: NetworkPolicy
-metadata:
-  name: {{ include "name" . }}
-  namespace: {{ .Release.Namespace }}
-spec:
-  egress:
-    - ports:
-        - port: 53
-          protocol: UDP
-      to:
-        - namespaceSelector:
-            matchLabels:
-              kubernetes.io/metadata.name: kube-system
-          podSelector:
-            matchLabels:
-              k8s-app: kube-dns
-    - to:
-        {{- range $ip := .Values.networkPolicy.allowedBlocks }}
-        - ipBlock:
-            cidr: {{ $ip | quote }}
-        {{- end }}
-    - to:
-        - ipBlock:
-            cidr: 0.0.0.0/0
-            except:
-              - 10.0.0.0/8
-              - 172.16.0.0/12
-              - 192.168.0.0/16
-              - 169.254.169.254/32
-  podSelector:
-    matchLabels: {{ include "labels.standard" . | nindent 6 }}
-  policyTypes:
-    - Egress
-{{- end }}
diff --git a/chart/templates/service-account.yaml b/chart/templates/service-account.yaml
deleted file mode 100644
index fc3a184c9def4cef61836f8eac152ab61fe4d047..0000000000000000000000000000000000000000
--- a/chart/templates/service-account.yaml
+++ /dev/null
@@ -1,13 +0,0 @@
-{{- if and .Values.serviceAccount.enabled .Values.serviceAccount.create }}
-apiVersion: v1
-kind: ServiceAccount
-automountServiceAccountToken: {{ .Values.serviceAccount.automountServiceAccountToken }}
-metadata:
-  name: "{{ .Values.serviceAccount.name | default (include "name" .) }}"
-  namespace: {{ .Release.Namespace }}
-  labels: {{ include "labels.standard" . | nindent 4 }}
-  {{- with .Values.serviceAccount.annotations }}
-  annotations:
-    {{- toYaml . | nindent 4 }}
-  {{- end }}
-{{- end }}
diff --git a/chart/templates/service-monitor.yaml b/chart/templates/service-monitor.yaml
deleted file mode 100644
index 0c8e4dab423946a318a3daee7bd4dfcab0cee151..0000000000000000000000000000000000000000
--- a/chart/templates/service-monitor.yaml
+++ /dev/null
@@ -1,17 +0,0 @@
-{{- if eq "true" $.Values.envVars.METRICS_ENABLED }}
-apiVersion: monitoring.coreos.com/v1
-kind: ServiceMonitor
-metadata:
-  labels: {{ include "labels.standard" . | nindent 4 }}
-  name: {{ include "name" . }}
-  namespace: {{ .Release.Namespace }}
-spec:
-  selector:
-    matchLabels: {{ include "labels.standard" . | nindent 6 }}
-  endpoints:
-    - port: metrics
-      path: /metrics
-      interval: 10s
-      scheme: http	
-      scrapeTimeout: 10s
-{{- end }}
diff --git a/chart/templates/service.yaml b/chart/templates/service.yaml
deleted file mode 100644
index ef364f0926861b9e934e9830d7884cdd63ecd6ec..0000000000000000000000000000000000000000
--- a/chart/templates/service.yaml
+++ /dev/null
@@ -1,21 +0,0 @@
-apiVersion: v1
-kind: Service
-metadata:
-  name: "{{ include "name" . }}"
-  annotations: {{ toYaml .Values.service.annotations | nindent 4 }}
-  namespace: {{ .Release.Namespace }}
-  labels: {{ include "labels.standard" . | nindent 4 }}
-spec:
-  ports:
-  - name: http
-    port: 80
-    protocol: TCP
-    targetPort: http
-  {{- if eq "true" $.Values.envVars.METRICS_ENABLED }}
-  - name: metrics
-    port: {{ $.Values.envVars.METRICS_PORT | default 5565 | int }}
-    protocol: TCP
-    targetPort: metrics
-  {{- end }}
-  selector: {{ include "labels.standard" . | nindent 4 }}
-  type: {{.Values.service.type}}
diff --git a/chart/values.yaml b/chart/values.yaml
deleted file mode 100644
index 5a2bd68b20d5efde44f87d7ffb8278717fa5aaf8..0000000000000000000000000000000000000000
--- a/chart/values.yaml
+++ /dev/null
@@ -1,81 +0,0 @@
-image:
-  repository: registry.internal.huggingface.tech/deepsite
-  name: deepsite
-  tag: 0.0.0-latest
-  pullPolicy: IfNotPresent
-
-replicas: 1
-
-domain: deepsite.hf.co
-
-networkPolicy:
-  enabled: true
-  allowedBlocks: []
-  # allowedBlocks:
-  #   - 10.0.240.0/24
-  #   - 10.0.241.0/24
-  #   - 10.0.242.0/24
-  #   - 10.0.243.0/24
-  #   - 10.0.244.0/24
-  #   - 10.240.0.0/24
-  #   - 10.16.0.0/16
-
-service:
-  type: NodePort
-  annotations: { }
-
-serviceAccount:
-  enabled: false
-  create: false
-  name: ""
-  automountServiceAccountToken: true
-  annotations: { }
-
-ingress:
-  enabled: true
-  path: "/"
-  annotations: { }
-  # className: "nginx"
-  tls: { }
-    # secretName: XXX
-
-ingressInternal:
-  enabled: false
-  path: "/"
-  annotations: { }
-  # className: "nginx"
-  tls: { }
-
-resources:
-  requests:
-    cpu: 2
-    memory: 4Gi
-  limits:
-    cpu: 2
-    memory: 4Gi
-nodeSelector: {}
-tolerations: []
-
-envVars: { }
-
-infisical:
-  enabled: false
-  env: ""
-  project: "deepsite-f-hvj"
-  url: ""
-  resyncInterval: 60
-  operatorSecretName: "deepsite-operator-secrets"
-  operatorSecretNamespace: "hub-utils"
-
-# Allow to environment injections on top or instead of infisical
-extraEnvFrom: []
-extraEnv: []
-
-autoscaling:
-  enabled: false
-  minReplicas: 1
-  maxReplicas: 2
-  targetMemoryUtilizationPercentage: ""
-  targetCPUUtilizationPercentage: ""
-
-## Metrics removed; monitoring configuration no longer used
diff --git a/components.json b/components.json
index d5005f0974a11b0ea57843b9f52f82f995743963..8854f1e2cb22a6949612c72de37b6d9a57489b85 100644
--- a/components.json
+++ b/components.json
@@ -5,12 +5,11 @@
   "tsx": true,
   "tailwind": {
     "config": "",
-    "css": "app/globals.css",
-    "baseColor": "zinc",
+    "css": "assets/globals.css",
+    "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""
   },
-  "iconLibrary": "lucide",
   "aliases": {
     "components": "@/components",
     "utils": "@/lib/utils",
@@ -18,5 +17,5 @@
     "lib": "@/lib",
     "hooks": "@/hooks"
   },
-  "registries": {}
-}
+  "iconLibrary": "lucide"
+}
\ No newline at end of file
diff --git a/components/animated-blobs/index.tsx b/components/animated-blobs/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..516c36cf8ac5dd62a5f293b405bf3b2c480cb78f
--- /dev/null
+++ b/components/animated-blobs/index.tsx
@@ -0,0 +1,34 @@
+export function AnimatedBlobs() {
+  return (
+    <div className="absolute inset-0 pointer-events-none -z-[1]">
+      <div
+        className="w-full h-full bg-gradient-to-r from-purple-500 to-pink-500 opacity-10 blur-3xl"
+        style={{
+          animation:
+            "liquidBlob1 4s ease-in-out infinite, liquidFlow1 6s ease-in-out infinite",
+        }}
+      />
+      <div
+        className="w-2/3 h-3/4 bg-gradient-to-r from-blue-500 to-teal-500 opacity-24 blur-3xl absolute -top-20 right-10"
+        style={{
+          animation:
+            "liquidBlob2 5s ease-in-out infinite, liquidFlow2 7s ease-in-out infinite",
+        }}
+      />
+      <div
+        className="w-1/2 h-1/2 bg-gradient-to-r from-amber-500 to-rose-500 opacity-20 blur-3xl absolute bottom-0 left-10"
+        style={{
+          animation:
+            "liquidBlob3 3.5s ease-in-out infinite, liquidFlow3 8s ease-in-out infinite",
+        }}
+      />
+      <div
+        className="w-48 h-48 bg-gradient-to-r from-cyan-500 to-indigo-500 opacity-20 blur-3xl absolute top-1/3 right-1/3"
+        style={{
+          animation:
+            "liquidBlob4 4.5s ease-in-out infinite, liquidFlow4 6.5s ease-in-out infinite",
+        }}
+      />
+    </div>
+  );
+}
diff --git a/components/animated-text/index.tsx b/components/animated-text/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1bfef666235566c3f8fec1872b30ff5bb55b3168
--- /dev/null
+++ b/components/animated-text/index.tsx
@@ -0,0 +1,123 @@
+"use client";
+
+import { useState, useEffect } from "react";
+
+interface AnimatedTextProps {
+  className?: string;
+}
+
+export function AnimatedText({ className = "" }: AnimatedTextProps) {
+  const [displayText, setDisplayText] = useState("");
+  const [currentSuggestionIndex, setCurrentSuggestionIndex] = useState(0);
+  const [isTyping, setIsTyping] = useState(true);
+  const [showCursor, setShowCursor] = useState(true);
+  const [lastTypedIndex, setLastTypedIndex] = useState(-1);
+  const [animationComplete, setAnimationComplete] = useState(false);
+
+  // Randomize suggestions on each component mount
+  const [suggestions] = useState(() => {
+    const baseSuggestions = [
+      "create a stunning portfolio!",
+      "build a tic tac toe game!",
+      "design a website for my restaurant!",
+      "make a sleek landing page!",
+      "build an e-commerce store!",
+      "create a personal blog!",
+      "develop a modern dashboard!",
+      "design a company website!",
+      "build a todo app!",
+      "create an online gallery!",
+      "make a contact form!",
+      "build a weather app!",
+    ];
+
+    // Fisher-Yates shuffle algorithm
+    const shuffled = [...baseSuggestions];
+    for (let i = shuffled.length - 1; i > 0; i--) {
+      const j = Math.floor(Math.random() * (i + 1));
+      [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];
+    }
+
+    return shuffled;
+  });
+
+  useEffect(() => {
+    if (animationComplete) return;
+
+    let timeout: NodeJS.Timeout;
+
+    const typeText = () => {
+      const currentSuggestion = suggestions[currentSuggestionIndex];
+
+      if (isTyping) {
+        if (displayText.length < currentSuggestion.length) {
+          setDisplayText(currentSuggestion.slice(0, displayText.length + 1));
+          setLastTypedIndex(displayText.length);
+          timeout = setTimeout(typeText, 80);
+        } else {
+          // Finished typing, wait then start erasing
+          setLastTypedIndex(-1);
+          timeout = setTimeout(() => {
+            setIsTyping(false);
+          }, 2000);
+        }
+      }
+    };
+
+    timeout = setTimeout(typeText, 100);
+    return () => clearTimeout(timeout);
+  }, [
+    displayText,
+    currentSuggestionIndex,
+    isTyping,
+    suggestions,
+    animationComplete,
+  ]);
+
+  // Cursor blinking effect
+  useEffect(() => {
+    if (animationComplete) {
+      setShowCursor(false);
+      return;
+    }
+
+    const cursorInterval = setInterval(() => {
+      setShowCursor((prev) => !prev);
+    }, 600);
+
+    return () => clearInterval(cursorInterval);
+  }, [animationComplete]);
+
+  useEffect(() => {
+    if (lastTypedIndex >= 0) {
+      const timeout = setTimeout(() => {
+        setLastTypedIndex(-1);
+      }, 400);
+
+      return () => clearTimeout(timeout);
+    }
+  }, [lastTypedIndex]);
+
+  return (
+    <p className={`font-mono ${className}`}>
+      Hey DeepSite,&nbsp;
+      {displayText.split("").map((char, index) => (
+        <span
+          key={`${currentSuggestionIndex}-${index}`}
+          className={`transition-colors duration-300 ${
+            index === lastTypedIndex ? "text-neutral-100" : ""
+          }`}
+        >
+          {char}
+        </span>
+      ))}
+      <span
+        className={`${
+          showCursor ? "opacity-100" : "opacity-0"
+        } transition-opacity`}
+      >
+        |
+      </span>
+    </p>
+  );
+}
diff --git a/components/ask-ai/ask-ai-landing.tsx b/components/ask-ai/ask-ai-landing.tsx
deleted file mode 100644
index db19f5be4bfc3fc05e4083a18a41cca6169bf65a..0000000000000000000000000000000000000000
--- a/components/ask-ai/ask-ai-landing.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-import { ArrowUp } from "lucide-react";
-import { useState } from "react";
-import { useLocalStorage, useMount } from "react-use";
-import { useRouter } from "next/navigation";
-
-import { Button } from "@/components/ui/button";
-import { ProviderType } from "@/lib/type";
-import { Models } from "./models";
-import { DEFAULT_MODEL } from "@/lib/providers";
-import { cn } from "@/lib/utils";
-
-export function AskAiLanding({ className }: { className?: string }) {
-  const [model = DEFAULT_MODEL, setModel] = useLocalStorage<string>(
-    "deepsite-model",
-    DEFAULT_MODEL
-  );
-  const [provider, setProvider] = useLocalStorage<ProviderType>(
-    "deepsite-provider",
-    "auto" as ProviderType
-  );
-  const router = useRouter();
-  const [prompt, setPrompt] = useState<string>("");
-  const [mounted, setMounted] = useState<boolean>(false);
-
-  useMount(() => {
-    setMounted(true);
-  });
-
-  return (
-    <div
-      className={cn(
-        "dark:bg-[#222222] bg-accent border border-border-muted rounded-xl p-3 block relative",
-        className
-      )}
-    >
-      <textarea
-        id="prompt-input"
-        className="w-full h-full resize-none outline-none text-primary text-sm"
-        placeholder="Ask me anything..."
-        value={prompt}
-        onChange={(e) => setPrompt(e.target.value)}
-        onKeyDown={(e) => {
-          if (e.key === "Enter" && !e.shiftKey) {
-            e.preventDefault();
-            router.push(`/new?prompt=${prompt}`);
-          }
-        }}
-      />
-      <footer className="flex items-center justify-between">
-        <div className="flex items-center gap-2">
-          {mounted && (
-            <Models
-              model={model}
-              setModel={setModel}
-              provider={provider as ProviderType}
-              setProvider={setProvider}
-            />
-          )}
-        </div>
-        <div>
-          <Button
-            size="icon-sm"
-            className="rounded-full!"
-            onClick={() => {
-              router.push(`/new?prompt=${prompt}`);
-            }}
-          >
-            <ArrowUp />
-          </Button>
-        </div>
-      </footer>
-    </div>
-  );
-}
diff --git a/components/ask-ai/ask-ai.tsx b/components/ask-ai/ask-ai.tsx
deleted file mode 100644
index 66ce78f0d25644ecc7c222911f9455fca60de75c..0000000000000000000000000000000000000000
--- a/components/ask-ai/ask-ai.tsx
+++ /dev/null
@@ -1,215 +0,0 @@
-"use client";
-import { ArrowUp, Paintbrush, X } from "lucide-react";
-import { FaHand } from "react-icons/fa6";
-import { useRef, useState } from "react";
-import { HiStop } from "react-icons/hi2";
-import { useLocalStorage, useMount, useUpdateEffect } from "react-use";
-import { useRouter } from "next/navigation";
-import { useNextStep } from "nextstepjs";
-
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-import { useGeneration } from "./useGeneration";
-import { File, MobileTabType, ProviderType } from "@/lib/type";
-import { Models } from "./models";
-import { DEFAULT_MODEL, MODELS } from "@/lib/providers";
-import { Redesign } from "./redesign";
-import { Uploader } from "./uploader";
-import { InputMentions } from "./input-mentions";
-
-export function AskAI({
-  initialPrompt,
-  className,
-  onToggleMobileTab,
-  files,
-  medias,
-  tourHasBeenShown,
-  isNew = false,
-  isHistoryView,
-  projectName = "new",
-}: {
-  initialPrompt?: string;
-  className?: string;
-  files?: File[] | null;
-  medias?: string[] | null;
-  tourHasBeenShown?: boolean;
-  onToggleMobileTab?: (tab: MobileTabType) => void;
-  isNew?: boolean;
-  isHistoryView?: boolean;
-  projectName?: string;
-}) {
-  const contentEditableRef = useRef<HTMLDivElement | null>(null);
-  const [model = DEFAULT_MODEL, setModel] = useLocalStorage<string>(
-    "deepsite-model",
-    DEFAULT_MODEL
-  );
-  const [provider, setProvider] = useLocalStorage<ProviderType>(
-    "deepsite-provider",
-    "auto" as ProviderType
-  );
-
-  const [prompt, setPrompt] = useState(initialPrompt ?? "");
-  const [redesignMd, setRedesignMd] = useState<{
-    md: string;
-    url: string;
-  } | null>(null);
-  const [selectedMedias, setSelectedMedias] = useState<string[]>([]);
-  const [imageLinks, setImageLinks] = useState<string[]>([]);
-  const [startTour, setStartTour] = useState<boolean>(false);
-
-  const router = useRouter();
-  const { callAi, isLoading, stopGeneration, audio } =
-    useGeneration(projectName);
-  const { startNextStep } = useNextStep();
-
-  const onComplete = () => {
-    onToggleMobileTab?.("right-sidebar");
-  };
-
-  useMount(() => {
-    if (initialPrompt && initialPrompt.trim() !== "" && isNew) {
-      setTimeout(() => {
-        if (isHistoryView) return;
-        callAi(
-          {
-            prompt: initialPrompt,
-            model,
-            onComplete,
-            provider,
-          },
-          setModel
-        );
-        router.replace("/new");
-      }, 200);
-    }
-  });
-
-  const onSubmit = () => {
-    if (isHistoryView) return;
-    if (contentEditableRef.current) {
-      contentEditableRef.current.innerHTML = "";
-    }
-    callAi(
-      {
-        prompt,
-        model,
-        onComplete,
-        provider,
-        redesignMd,
-        medias: [...(selectedMedias ?? []), ...(imageLinks ?? [])],
-      },
-      setModel
-    );
-    if (selectedMedias.length > 0) setSelectedMedias([]);
-    if (imageLinks.length > 0) setImageLinks([]);
-    if (redesignMd) setRedesignMd(null);
-  };
-
-  return (
-    <div
-      id="tour-ask-ai-section"
-      className={cn(
-        "dark:bg-[#222222] bg-accent border border-border-muted rounded-xl p-2.5 block relative",
-        className
-      )}
-    >
-      <InputMentions
-        ref={contentEditableRef}
-        files={files}
-        prompt={prompt}
-        setPrompt={setPrompt}
-        redesignMdUrl={redesignMd?.url?.replace(/(^\w+:|^)\/\//, "")}
-        onSubmit={onSubmit}
-        imageLinks={imageLinks}
-        setImageLinks={setImageLinks}
-      />
-      <footer className="flex items-center justify-between mt-0">
-        <div className="flex items-center gap-1.5">
-          {!tourHasBeenShown && (
-            <div className="relative z-1">
-              <Button
-                variant="indigo"
-                size="icon-xs"
-                className="rounded-full!"
-                onClick={() => {
-                  setStartTour(true);
-                  startNextStep("onboarding");
-                }}
-              >
-                <FaHand className="size-3" />
-              </Button>
-              {!startTour && (
-                <div className="animate-ping h-full rounded-full bg-indigo-500 w-full top-0 left-0 absolute -z-1" />
-              )}
-            </div>
-          )}
-          {!isNew && (
-            <Uploader
-              medias={medias}
-              selected={selectedMedias}
-              setSelected={setSelectedMedias}
-            />
-          )}
-          <Models
-            model={model}
-            setModel={setModel}
-            provider={provider as ProviderType}
-            setProvider={setProvider}
-          />
-          {!files ||
-            (files?.length === 0 &&
-              (redesignMd ? (
-                <Button
-                  size="xs"
-                  variant="indigo"
-                  className="rounded-full! px-2.5!"
-                  onClick={() => setRedesignMd(null)}
-                >
-                  <Paintbrush className="size-3" />
-                  {redesignMd.url?.replace(/(^\w+:|^)\/\//, "")}
-                  <X className="size-3.5" onClick={() => setRedesignMd(null)} />
-                </Button>
-              ) : (
-                <Redesign
-                  onRedesign={(md, url) => {
-                    setRedesignMd({
-                      md,
-                      url,
-                    });
-                  }}
-                />
-              )))}
-        </div>
-        <div>
-          {isLoading ? (
-            <Button
-              size="icon-sm"
-              className="rounded-full!"
-              variant="bordered"
-              onClick={stopGeneration}
-            >
-              <HiStop />
-            </Button>
-          ) : (
-            <Button
-              size="icon-sm"
-              className="rounded-full!"
-              disabled={
-                isHistoryView ||
-                isLoading ||
-                (prompt.trim() === "" && !redesignMd)
-              }
-              onClick={onSubmit}
-            >
-              <ArrowUp />
-            </Button>
-          )}
-        </div>
-      </footer>
-      <audio ref={audio} id="audio" className="hidden">
-        <source src="/ding.mp3" type="audio/mpeg" />
-        Your browser does not support the audio element.
-      </audio>
-    </div>
-  );
-}
diff --git a/components/ask-ai/context.tsx b/components/ask-ai/context.tsx
deleted file mode 100644
index c22f17fc81f95788b6d3e690cc70ac5d3b6f817a..0000000000000000000000000000000000000000
--- a/components/ask-ai/context.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import { AtSign, Braces, FileCode, FileText, X } from "lucide-react";
-import { useMemo, useState } from "react";
-import { useQueryClient } from "@tanstack/react-query";
-
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { Button } from "@/components/ui/button";
-import { File } from "@/lib/type";
-import { cn } from "@/lib/utils";
-
-export const Context = ({
-  files,
-  setFiles,
-}: {
-  files: File[];
-  setFiles: (files: File[]) => void;
-}) => {
-  const queryClient = useQueryClient();
-  const [open, setOpen] = useState(false);
-
-  const getFileIcon = (filePath: string, size = "size-3.5") => {
-    if (filePath.endsWith(".css")) {
-      return <Braces className={size} />;
-    } else if (filePath.endsWith(".js")) {
-      return <FileCode className={size} />;
-    } else if (filePath.endsWith(".json")) {
-      return <Braces className={size} />;
-    } else {
-      return <FileText className={size} />;
-    }
-  };
-
-  const getFiles = () => queryClient.getQueryData<File[]>(["files"]) ?? [];
-
-  return (
-    <div className="flex items-center justify-start gap-1 flex-wrap">
-      <Popover open={open} onOpenChange={setOpen}>
-        <PopoverTrigger asChild>
-          <Button size="xxs" variant={open ? "default" : "bordered"}>
-            <AtSign className="size-3" />
-            Add Context...
-          </Button>
-        </PopoverTrigger>
-        <PopoverContent
-          align="start"
-          className="translate-x-6 space-y-4 min-w-fit rounded-2xl! p-0!"
-        >
-          <main className="p-4">
-            <p className="text-xs text-muted-foreground mb-2.5">
-              Select a file to send as context
-            </p>
-            <div className="max-h-[200px] overflow-y-auto space-y-0.5">
-              {getFiles().length === 0 ? (
-                <div className="text-xs text-muted-foreground">
-                  No files available
-                </div>
-              ) : (
-                <>
-                  <button
-                    onClick={() => {
-                      setFiles([]);
-                      setOpen(false);
-                    }}
-                    className={`cursor-pointer w-full px-2 py-1.5 text-xs text-left rounded-md  hover:bg-accent hover:text-accent-foreground transition-colors ${
-                      files.length === 0
-                        ? "bg-linear-to-r from-indigo-500/20 to-indigo-500/5 text-primary font-medium"
-                        : "text-muted-foreground"
-                    }`}
-                  >
-                    All files (default)
-                  </button>
-                  {getFiles()?.map((page) => (
-                    <button
-                      key={page.path}
-                      onClick={() => {
-                        if (files.some((f) => f.path === page.path))
-                          setFiles(files.filter((f) => f.path !== page.path));
-                        else setFiles(files ? [...files, page] : [page]);
-                        setOpen(false);
-                      }}
-                      className={`cursor-pointer w-full px-2 py-1.5 text-xs text-left rounded-md hover:bg-accent hover:text-accent-foreground transition-colors flex items-center gap-1.5 ${
-                        files?.some((f) => f.path === page.path)
-                          ? "bg-linear-to-r from-indigo-500/20 to-indigo-500/5 text-primary font-medium"
-                          : "text-muted-foreground"
-                      }`}
-                    >
-                      <span className="shrink-0">
-                        {getFileIcon(page.path, "size-3")}
-                      </span>
-                      <span className="truncate flex-1">{page.path}</span>
-                    </button>
-                  ))}
-                </>
-              )}
-            </div>
-          </main>
-        </PopoverContent>
-      </Popover>
-      {files?.map((file) => (
-        <Button
-          key={file.path}
-          size="xxs"
-          variant="bordered"
-          className="cursor-default!"
-        >
-          {getFileIcon(file.path, "size-3")}
-          {file.path}
-          <span
-            className="opacity-50 hover:opacity-80 cursor-pointer"
-            onClick={() => {
-              setFiles(files.filter((f) => f.path !== file.path));
-            }}
-          >
-            <X className="size-3.5 opacity-50 hover:opacity-80 shrink-0" />
-          </span>
-        </Button>
-      ))}
-    </div>
-  );
-};
diff --git a/components/ask-ai/input-mentions.tsx b/components/ask-ai/input-mentions.tsx
deleted file mode 100644
index 4ef11b0a0cd9aeaef85eddfd049a30272437b414..0000000000000000000000000000000000000000
--- a/components/ask-ai/input-mentions.tsx
+++ /dev/null
@@ -1,477 +0,0 @@
-import { useRef, useState, useEffect, RefObject } from "react";
-import { useClickAway } from "react-use";
-import { useQueryClient } from "@tanstack/react-query";
-
-import { searchFilesMentions } from "@/actions/mentions";
-import { File } from "@/lib/type";
-import { Braces, FileCode, FileText } from "lucide-react";
-
-export function InputMentions({
-  ref,
-  prompt,
-  files,
-  setPrompt,
-  redesignMdUrl,
-  onSubmit,
-  imageLinks,
-  setImageLinks,
-}: {
-  ref: RefObject<HTMLDivElement | null>;
-  prompt: string;
-  files?: File[] | null;
-  redesignMdUrl?: string;
-  setPrompt: (prompt: string) => void;
-  onSubmit: () => void;
-  imageLinks?: string[];
-  setImageLinks?: (links: string[]) => void;
-}) {
-  const queryClient = useQueryClient();
-  const [showMentionDropdown, setShowMentionDropdown] = useState(false);
-  const [, setMentionSearch] = useState("");
-  const dropdownRef = useRef<HTMLDivElement>(null);
-  const [results, setResults] = useState<File[]>([]);
-
-  useClickAway(dropdownRef, () => {
-    setShowMentionDropdown(false);
-  });
-
-  const isImageUrl = (url: string): boolean => {
-    // Check if it's a valid HTTP/HTTPS URL with an image extension
-    const imageUrlPattern = /^https?:\/\/.+\.(jpg|jpeg|png|gif|webp|svg|bmp|ico)(\?.*)?$/i;
-    return imageUrlPattern.test(url);
-  };
-
-  const getTextContent = (element: HTMLElement): string => {
-    let text = "";
-    const childNodes = element.childNodes;
-
-    for (let i = 0; i < childNodes.length; i++) {
-      const node = childNodes[i];
-      if (node.nodeType === Node.TEXT_NODE) {
-        text += node.textContent || "";
-      } else if (node.nodeType === Node.ELEMENT_NODE) {
-        const el = node as HTMLElement;
-        if (el.classList.contains("mention-chip")) {
-          text += el.getAttribute("data-mention-id") || "";
-        } else if (el.classList.contains("image-chip")) {
-          // Include image URL in text content for display purposes
-          const imageUrl = el.getAttribute("data-image-url") || "";
-          text += imageUrl ? ` ${imageUrl} ` : "";
-        } else {
-          text += el.textContent || "";
-        }
-      }
-    }
-    return text + "\u0020";
-  };
-
-  const extractPromptWithIds = (): string => {
-    if (!ref.current) return "";
-
-    let text = "";
-    const childNodes = ref.current.childNodes;
-
-    for (let i = 0; i < childNodes.length; i++) {
-      const node = childNodes[i];
-      if (node.nodeType === Node.TEXT_NODE) {
-        text += node.textContent || "";
-      } else if (node.nodeType === Node.ELEMENT_NODE) {
-        const el = node as HTMLElement;
-        if (el.classList.contains("mention-chip")) {
-          text += el.getAttribute("data-mention-id") || "";
-        } else if (el.classList.contains("image-chip")) {
-          // Include image URL in prompt text
-          const imageUrl = el.getAttribute("data-image-url") || "";
-          text += imageUrl ? ` ${imageUrl} ` : "";
-        } else {
-          text += el.textContent || "";
-        }
-      }
-    }
-    return text;
-  };
-
-  const extractImageLinks = (): string[] => {
-    if (!ref.current) return [];
-
-    const links: string[] = [];
-    const childNodes = ref.current.childNodes;
-
-    for (let i = 0; i < childNodes.length; i++) {
-      const node = childNodes[i];
-      if (node.nodeType === Node.ELEMENT_NODE) {
-        const el = node as HTMLElement;
-        if (el.classList.contains("image-chip")) {
-          const imageUrl = el.getAttribute("data-image-url");
-          if (imageUrl) links.push(imageUrl);
-        }
-      }
-    }
-    return links;
-  };
-
-  const shouldDetectMention = (): {
-    detect: boolean;
-    textBeforeCursor: string;
-  } => {
-    const selection = window.getSelection();
-    if (!selection || !ref.current) {
-      return { detect: false, textBeforeCursor: "" };
-    }
-
-    const range = selection.getRangeAt(0);
-    const node = range.startContainer;
-
-    if (node.nodeType === Node.ELEMENT_NODE) {
-      const element = node as HTMLElement;
-      if (element.classList?.contains("mention-chip")) {
-        return { detect: false, textBeforeCursor: "" };
-      }
-    }
-
-    if (node.parentElement?.classList?.contains("mention-chip")) {
-      return { detect: false, textBeforeCursor: "" };
-    }
-
-    if (node.nodeType === Node.TEXT_NODE) {
-      const textContent = node.textContent || "";
-      const cursorOffset = range.startOffset;
-      const textBeforeCursor = textContent.substring(0, cursorOffset);
-
-      const lastAtIndex = textBeforeCursor.lastIndexOf("@");
-      if (lastAtIndex !== -1) {
-        const textAfterAt = textBeforeCursor.substring(lastAtIndex + 1);
-        if (!textAfterAt.includes(" ")) {
-          return { detect: true, textBeforeCursor: textAfterAt };
-        }
-      }
-    }
-
-    return { detect: false, textBeforeCursor: "" };
-  };
-
-  const handleInput = async () => {
-    if (!ref.current) return;
-    const text = getTextContent(ref.current);
-    
-    // Only clear if there's no content at all (including chips)
-    const hasImageChips = ref.current.querySelectorAll(".image-chip").length > 0;
-    const hasMentionChips = ref.current.querySelectorAll(".mention-chip").length > 0;
-    
-    if (text.trim() === "" && !hasImageChips && !hasMentionChips) {
-      ref.current.innerHTML = "";
-    }
-    
-    setPrompt(text);
-
-    // Update image links whenever input changes
-    if (setImageLinks) {
-      const links = extractImageLinks();
-      setImageLinks(links);
-    }
-
-    const { detect, textBeforeCursor } = shouldDetectMention();
-
-    if (detect && files && files?.length > 0) {
-      setMentionSearch(textBeforeCursor);
-      setShowMentionDropdown(true);
-      const files = queryClient.getQueryData<File[]>(["files"]) ?? [];
-      const results = await searchFilesMentions(textBeforeCursor, files);
-      setResults(results);
-    } else {
-      setShowMentionDropdown(false);
-    }
-  };
-
-  const createMentionChipElement = (mentionId: string): HTMLSpanElement => {
-    const mentionChip = document.createElement("span");
-
-    mentionChip.className =
-      "mention-chip inline-flex w-fit items-center justify-center gap-1 font-mono px-2 py-0.5 rounded-full text-xs font-medium bg-indigo-500/10 text-indigo-500 dark:bg-indigo-500/20 dark:text-indigo-400";
-    mentionChip.contentEditable = "false";
-    mentionChip.setAttribute("data-mention-id", `file:/${mentionId}`);
-    mentionChip.textContent = `@${mentionId}`;
-
-    return mentionChip;
-  };
-
-  const createImageChipElement = (imageUrl: string): HTMLSpanElement => {
-    const imageChip = document.createElement("span");
-
-    imageChip.className =
-      "image-chip inline-flex w-fit items-center justify-center gap-1 font-mono px-2 py-0.5 rounded-full text-xs font-medium bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400";
-    imageChip.contentEditable = "false";
-    imageChip.setAttribute("data-image-url", imageUrl);
-
-    // Create icon (using emoji for simplicity)
-    const icon = document.createElement("span");
-    icon.textContent = "🖼️";
-    icon.className = "text-[10px]";
-
-    // Truncate URL for display
-    const displayUrl =
-      imageUrl.length > 30 ? imageUrl.substring(0, 30) + "..." : imageUrl;
-    const text = document.createTextNode(displayUrl);
-
-    imageChip.appendChild(icon);
-    imageChip.appendChild(text);
-
-    return imageChip;
-  };
-
-  const insertMention = (mentionId: string) => {
-    if (!ref.current) return;
-
-    const selection = window.getSelection();
-    if (!selection || selection.rangeCount === 0) return;
-
-    const range = selection.getRangeAt(0);
-    const textNode = range.startContainer;
-
-    if (textNode.nodeType !== Node.TEXT_NODE) return;
-
-    const textContent = textNode.textContent || "";
-    const cursorOffset = range.startOffset;
-
-    const textBeforeCursor = textContent.substring(0, cursorOffset);
-    const lastAtIndex = textBeforeCursor.lastIndexOf("@");
-
-    if (lastAtIndex !== -1) {
-      const mentionChip = createMentionChipElement(mentionId);
-
-      const beforeText = textContent.substring(0, lastAtIndex);
-      const afterText = textContent.substring(cursorOffset);
-      const parent = textNode.parentNode;
-      if (!parent) return;
-
-      const beforeNode = beforeText
-        ? document.createTextNode(beforeText)
-        : null;
-      const spaceNode = document.createTextNode("\u0020");
-      const afterNode = afterText ? document.createTextNode(afterText) : null;
-
-      if (beforeNode) {
-        parent.insertBefore(beforeNode, textNode);
-      }
-      parent.insertBefore(mentionChip, textNode);
-      parent.insertBefore(spaceNode, textNode);
-      if (afterNode) {
-        parent.insertBefore(afterNode, textNode);
-      }
-
-      parent.removeChild(textNode);
-
-      const newRange = document.createRange();
-      if (afterNode) {
-        newRange.setStart(afterNode, 0);
-      } else {
-        newRange.setStartAfter(spaceNode);
-      }
-      newRange.collapse(true);
-      selection.removeAllRanges();
-      selection.addRange(newRange);
-
-      const newText = getTextContent(ref.current);
-      setPrompt(newText);
-      setShowMentionDropdown(false);
-      setMentionSearch("");
-    }
-  };
-
-  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
-    if (!prompt || prompt.trim() === "") return;
-
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      const promptWithIds = extractPromptWithIds();
-      setPrompt(promptWithIds);
-      
-      if (setImageLinks) {
-        const links = extractImageLinks();
-        setImageLinks(links);
-      }
-      
-      onSubmit();
-
-      if (ref.current) {
-        ref.current.innerHTML = "";
-      }
-      setPrompt("");
-      setShowMentionDropdown(false);
-    } else if (e.key === "Escape") {
-      setShowMentionDropdown(false);
-    }
-  };
-
-  useEffect(() => {
-    if (ref.current && prompt === "" && ref.current.innerHTML !== "") {
-      ref.current.innerHTML = "";
-    }
-  }, [prompt]);
-
-  const handlePaste = (e: React.ClipboardEvent<HTMLDivElement>) => {
-    e.preventDefault();
-    const text = e.clipboardData.getData("text/plain");
-    
-    const selection = window.getSelection();
-    if (!selection || selection.rangeCount === 0 || !ref.current) {
-      document.execCommand("insertText", false, text);
-      return;
-    }
-
-    const trimmedText = text.trim();
-    
-    // Check if pasted text is ONLY an image URL
-    if (isImageUrl(trimmedText)) {
-      const range = selection.getRangeAt(0);
-      const imageChip = createImageChipElement(trimmedText);
-      const spaceNode = document.createTextNode("\u0020");
-
-      range.deleteContents();
-      range.insertNode(imageChip);
-      
-      // Insert space after the chip
-      const afterChipRange = document.createRange();
-      afterChipRange.setStartAfter(imageChip);
-      afterChipRange.insertNode(spaceNode);
-
-      // Move cursor after the space
-      const newRange = document.createRange();
-      newRange.setStartAfter(spaceNode);
-      newRange.collapse(true);
-      selection.removeAllRanges();
-      selection.addRange(newRange);
-
-      // Update state
-      const newText = getTextContent(ref.current);
-      setPrompt(newText);
-      
-      if (setImageLinks) {
-        const links = extractImageLinks();
-        setImageLinks(links);
-      }
-    } else {
-      // Check if text contains image URLs
-      const imageUrlPattern = /https?:\/\/[^\s]+\.(jpg|jpeg|png|gif|webp|svg|bmp|ico)(\?[^\s]*)?/gi;
-      const containsImageUrl = imageUrlPattern.test(text);
-      
-      if (containsImageUrl) {
-        // Split text and replace image URLs with chips
-        const parts = text.split(/(https?:\/\/[^\s]+\.(jpg|jpeg|png|gif|webp|svg|bmp|ico)(\?[^\s]*)?)/gi);
-        const range = selection.getRangeAt(0);
-        range.deleteContents();
-        
-        const fragment = document.createDocumentFragment();
-        
-        parts.forEach((part) => {
-          if (isImageUrl(part)) {
-            const imageChip = createImageChipElement(part);
-            const spaceNode = document.createTextNode("\u0020");
-            fragment.appendChild(imageChip);
-            fragment.appendChild(spaceNode);
-          } else if (part && !part.match(/^\?[^\s]*$/)) {
-            // Skip query string matches, add other text
-            const textNode = document.createTextNode(part);
-            fragment.appendChild(textNode);
-          }
-        });
-        
-        range.insertNode(fragment);
-        
-        // Move cursor to end
-        const newRange = document.createRange();
-        newRange.selectNodeContents(ref.current);
-        newRange.collapse(false);
-        selection.removeAllRanges();
-        selection.addRange(newRange);
-        
-        // Update state
-        const newText = getTextContent(ref.current);
-        setPrompt(newText);
-        
-        if (setImageLinks) {
-          const links = extractImageLinks();
-          setImageLinks(links);
-        }
-      } else {
-        // Plain text, use default insertion
-        document.execCommand("insertText", false, text);
-      }
-    }
-  };
-
-  return (
-    <div className="relative">
-      <div
-        id="prompt-input"
-        ref={ref}
-        contentEditable
-        className="pb-2 min-h-10 max-h-[130px] overflow-y-auto w-full h-full resize-none outline-none text-primary text-sm bg-transparent empty:before:block empty:before:content-[attr(data-placeholder)] empty:before:text-muted-foreground empty:before:pointer-events-none"
-        data-placeholder={
-          redesignMdUrl
-            ? `I'll redesign ${redesignMdUrl.replace(
-                /[<>"']/g,
-                ""
-              )}, want to add something?`
-            : files && files.length > 0
-            ? "Ask me anything. Type @ to mention a file..."
-            : "Ask me anything..."
-        }
-        onInput={handleInput}
-        onKeyDown={handleKeyDown}
-        onPaste={handlePaste}
-        suppressContentEditableWarning
-      ></div>
-      {showMentionDropdown && (
-        <div
-          ref={dropdownRef}
-          className="absolute bottom-full mb-2 left-0 z-50 bg-background border border-border rounded-lg shadow-lg min-w-[250px] animate-in fade-in slide-in-from-bottom-2 duration-200"
-        >
-          <div className="text-xs text-muted-foreground/60 px-2 py-2">
-            {results?.length > 0 && (
-              <ul>
-                {results.map((file) => (
-                  <MentionResult
-                    key={file.path}
-                    file={file}
-                    onSelect={() => insertMention(file.path)}
-                  />
-                ))}
-              </ul>
-            )}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
-
-export const getFileIcon = (filePath: string, size = "size-3.5") => {
-  if (filePath.endsWith(".css")) {
-    return <Braces className={size} />;
-  } else if (filePath.endsWith(".js")) {
-    return <FileCode className={size} />;
-  } else if (filePath.endsWith(".json")) {
-    return <Braces className={size} />;
-  } else {
-    return <FileText className={size} />;
-  }
-};
-
-function MentionResult({
-  file,
-  onSelect,
-}: {
-  file: File;
-  onSelect: () => void;
-}) {
-  return (
-    <li
-      className="flex items-center justify-start gap-2 transition-all duration-200 hover:bg-linear-to-r from-indigo-500/40 to-indigo-500/5 text-primary font-medium rounded-lg px-2 py-2 cursor-pointer select-none"
-      onClick={onSelect}
-    >
-      {getFileIcon(file.path, "size-3")}
-      {file.path}
-    </li>
-  );
-}
diff --git a/components/ask-ai/loading.tsx b/components/ask-ai/loading.tsx
deleted file mode 100644
index 060be494fb586788eab5c2139bb080fa51e209a2..0000000000000000000000000000000000000000
--- a/components/ask-ai/loading.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-"use client";
-import Loading from "@/components/loading";
-
-export const AiLoading = ({
-  text = "AI Assistant is thinking...",
-  showCircle = true,
-  className,
-}: {
-  text?: string;
-  showCircle?: boolean;
-  className?: string;
-}) => {
-  return (
-    <div className={`flex items-center justify-start gap-2 ${className}`}>
-      {showCircle && <Loading overlay={false} className="size-4! opacity-50" />}
-      <p className="text-muted-foreground text-sm">
-        <span className="inline-flex">
-          {text.split("").map((char, index) => (
-            <span
-              key={index}
-              className="bg-linear-to-r from-muted-foreground to-primary bg-clip-text text-transparent animate-pulse"
-              style={{
-                animationDelay: `${index * 0.1}s`,
-                animationDuration: "1.3s",
-                animationIterationCount: "infinite",
-              }}
-            >
-              {char === " " ? "\u00A0" : char}
-            </span>
-          ))}
-        </span>
-      </p>
-    </div>
-  );
-};
diff --git a/components/ask-ai/models.tsx b/components/ask-ai/models.tsx
deleted file mode 100644
index 4e58acffcf87295047815246cf3b2dd14ef04d2f..0000000000000000000000000000000000000000
--- a/components/ask-ai/models.tsx
+++ /dev/null
@@ -1,211 +0,0 @@
-import {
-  BrainIcon,
-  ChevronDown,
-  DollarSign,
-  StarsIcon,
-  Zap,
-} from "lucide-react";
-import { useMemo, useState } from "react";
-
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-import { ProviderType } from "@/lib/type";
-import { MODELS } from "@/lib/providers";
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-
-export function Models({
-  model,
-  setModel,
-  provider,
-  setProvider,
-}: {
-  model: string;
-  setModel: (model: string) => void;
-  provider: ProviderType;
-  setProvider: (provider: ProviderType) => void;
-}) {
-  const [open, setOpen] = useState(false);
-
-  const formattedModels = useMemo(() => {
-    const lists: ((typeof MODELS)[0] | { isCategory: true; name: string })[] =
-      [];
-    const keys = new Set<string>();
-    MODELS.forEach((model) => {
-      if (!keys.has(model.companyName)) {
-        lists.push({
-          isCategory: true,
-          name: model.companyName,
-          logo: model.logo,
-        });
-        keys.add(model.companyName);
-      }
-      lists.push(model);
-    });
-    return lists;
-  }, []);
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          id="tour-model-section"
-          variant={open ? "default" : "bordered"}
-          size="xs"
-          className="flex items-center gap-1 rounded-full! px-2.5!"
-        >
-          <span className="max-w-48 truncate">
-            {model.split("/").pop()?.toLowerCase()}
-          </span>
-          <ChevronDown className="size-3" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="translate-x-6 rounded-2xl! p-0! bg-accent! border-border-muted! min-w-fit text-center overflow-hidden">
-        <header className="bg-linear-to-b from-indigo-500/25 dark:from-indigo-500/40 to-accent p-6">
-          <div className="flex items-center justify-center -space-x-4 mb-3">
-            <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-              💬
-            </div>
-            <div className="size-11 rounded-full bg-yellow-200 shadow-2xl flex items-center justify-center text-2xl z-2">
-              🧠
-            </div>
-            <div className="size-9 rounded-full bg-green-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-              🤖
-            </div>
-          </div>
-          <p className="text-xl font-semibold text-primary">
-            Choose your AI model
-          </p>
-          <p className="text-sm text-muted-foreground mt-1.5">
-            Select the AI model that best fits your needs.
-          </p>
-        </header>
-        <main className="space-y-4 px-6 pb-6">
-          <div>
-            <Select defaultValue={model} onValueChange={setModel}>
-              <SelectTrigger className="w-full">
-                <SelectValue placeholder="Select a model" />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectGroup>
-                  {formattedModels.map(
-                    (
-                      item:
-                        | (typeof MODELS)[0]
-                        | { isCategory: true; name: string }
-                    ) => {
-                      if ("isCategory" in item) {
-                        return (
-                          <SelectLabel
-                            key={item.name}
-                            className="flex items-center gap-1"
-                          >
-                            {item.name}
-                          </SelectLabel>
-                        );
-                      }
-                      const {
-                        value,
-                        label,
-                        isNew = false,
-                        isBestSeller = false,
-                      } = item;
-                      return (
-                        <SelectItem key={value} value={value} className="">
-                          {value.split("/").pop() || label}
-                          {isNew && (
-                            <span className="text-xs bg-indigo-500 dark:bg-indigo-500/20 text-primary-foreground dark:text-indigo-500 rounded-full px-1.5 py-0.5">
-                              New
-                            </span>
-                          )}
-                          {isBestSeller && (
-                            <StarsIcon className="size-3.5 text-yellow-500 fill-yellow-500" />
-                          )}
-                        </SelectItem>
-                      );
-                    }
-                  )}
-                </SelectGroup>
-              </SelectContent>
-            </Select>
-          </div>
-          <div>
-            <p className="text-sm text-muted-foreground mb-2">Provider mode:</p>
-            <div
-              role="radiogroup"
-              aria-label="Provider mode"
-              className="flex w-fit items-center gap-1.5"
-            >
-              {(
-                [
-                  { value: "cheapest", icon: DollarSign, color: "emerald" },
-                  {
-                    value: "auto",
-                    icon: BrainIcon,
-                    color: "indigo",
-                    name: "Smartest",
-                  },
-                  { value: "fastest", icon: Zap, color: "amber" },
-                ] as const
-              ).map(
-                ({
-                  value,
-                  icon: Icon,
-                  color,
-                  name,
-                }: {
-                  value: string;
-                  icon: React.ElementType;
-                  color: string;
-                  name?: string;
-                }) => (
-                  <div
-                    key={value}
-                    role="radio"
-                    aria-checked={provider === value}
-                    tabIndex={0}
-                    onClick={() => setProvider(value)}
-                    onKeyDown={(e) => {
-                      if (e.key === "Enter" || e.key === " ") {
-                        e.preventDefault();
-                        setProvider(value);
-                      }
-                    }}
-                    className={cn(
-                      "inline-flex items-center gap-1.5 h-7 px-2.5 text-xs font-medium border border-border rounded-md cursor-pointer transition-colors select-none",
-                      "hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-                      provider === value && [
-                        "bg-transparent",
-                        color === "emerald" &&
-                          "[&_svg]:fill-emerald-500 [&_svg]:stroke-emerald-500 bg-emerald-500/10! border-emerald-500/10! text-emerald-500!",
-                        color === "indigo" &&
-                          "[&_svg]:fill-indigo-500 [&_svg]:stroke-indigo-500 bg-indigo-500/10! border-indigo-500/10! text-indigo-500!",
-                        color === "amber" &&
-                          "[&_svg]:fill-amber-500 [&_svg]:stroke-amber-500 bg-amber-500/10! border-amber-500/10! text-amber-500!",
-                      ]
-                    )}
-                  >
-                    <Icon className="size-3.5" />
-                    {name ?? value.charAt(0).toUpperCase() + value.slice(1)}
-                  </div>
-                )
-              )}
-            </div>
-          </div>
-        </main>
-      </PopoverContent>
-    </Popover>
-  );
-}
diff --git a/components/ask-ai/uploader.tsx b/components/ask-ai/uploader.tsx
deleted file mode 100644
index c2f5f7482790b2209222c01a827ace953ddde4ca..0000000000000000000000000000000000000000
--- a/components/ask-ai/uploader.tsx
+++ /dev/null
@@ -1,233 +0,0 @@
-import {
-  CheckCircle,
-  FileVideo,
-  ImageIcon,
-  Music,
-  Paperclip,
-  Video,
-} from "lucide-react";
-import { useRef, useState } from "react";
-import Image from "next/image";
-import { useParams } from "next/navigation";
-
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { Button } from "@/components/ui/button";
-import { getFileType, humanizeNumber } from "@/lib/utils";
-import { useQueryClient } from "@tanstack/react-query";
-import { ProjectWithCommits } from "@/actions/projects";
-import { toast } from "sonner";
-import Loading from "../loading";
-
-export const Uploader = ({
-  medias,
-  selected,
-  setSelected,
-}: {
-  medias?: string[] | null;
-  selected: string[];
-  setSelected: React.Dispatch<React.SetStateAction<string[]>>;
-}) => {
-  const queryClient = useQueryClient();
-  const { repoId } = useParams<{ repoId: string }>();
-
-  const [open, setOpen] = useState(false);
-  const [isUploading, setIsUploading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-
-  const getFileIcon = (url: string) => {
-    const fileType = getFileType(url);
-    switch (fileType) {
-      case "image":
-        return <ImageIcon className="size-4" />;
-      case "video":
-        return <Video className="size-4" />;
-      case "audio":
-        return <Music className="size-4" />;
-      default:
-        return <FileVideo className="size-4" />;
-    }
-  };
-
-  const uploadFiles = async (files: FileList | null) => {
-    setError(null);
-    if (!files || files.length === 0) return;
-
-    setIsUploading(true);
-    const data = new FormData();
-    Array.from(files).forEach((file) => {
-      data.append("images", file);
-    });
-
-    const response = await fetch(`/api/projects/${repoId}/medias`, {
-      method: "POST",
-      body: data,
-    })
-      .then(async (response) => {
-        if (response.ok) {
-          const data = await response.json();
-          return data;
-        }
-        throw new Error("Failed to save changes");
-      })
-      .catch((err) => {
-        return { success: false, err };
-      });
-
-    if (response.success) {
-      queryClient.setQueryData(
-        ["project"],
-        (oldProject: ProjectWithCommits) => ({
-          ...oldProject,
-          medias: [...response.medias, ...(oldProject?.medias ?? [])],
-        })
-      );
-      toast.success("Media files uploaded successfully!");
-    } else {
-      setError(
-        response.err ?? "Failed to upload media files, try again later."
-      );
-    }
-
-    setIsUploading(false);
-  };
-
-  return (
-    <div className="flex items-center justify-start gap-1 flex-wrap">
-      <Popover open={open} onOpenChange={setOpen}>
-        <PopoverTrigger asChild>
-          <Button
-            size={selected?.length > 0 ? "xs" : "icon-xs"}
-            variant={
-              selected?.length > 0 ? "indigo" : open ? "default" : "bordered"
-            }
-            className="rounded-full! relative"
-          >
-            <Paperclip className="size-3" />
-            {selected?.length > 0 && (
-              <span className="py-0.5 px-1 text-[10px] flex items-center justify-center rounded-full font-semibold bg-white/20 dark:bg-indigo-500 dark:text-white font-mono min-w-4">
-                {humanizeNumber(selected.length)}
-              </span>
-            )}
-          </Button>
-        </PopoverTrigger>
-        <PopoverContent className="translate-x-6 rounded-2xl! p-0! bg-accent! border-border-muted! w-86 text-center overflow-hidden">
-          <header className="bg-linear-to-b from-indigo-500/25 dark:from-indigo-500/40 to-accent p-6">
-            <div className="flex items-center justify-center -space-x-4 mb-3">
-              <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-                📷
-              </div>
-              <div className="size-11 rounded-full bg-yellow-200 shadow-2xl flex items-center justify-center text-2xl z-2">
-                🖼️
-              </div>
-              <div className="size-9 rounded-full bg-green-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-                📁
-              </div>
-            </div>
-            <p className="text-xl font-semibold text-primary">Upload Files</p>
-            <p className="text-sm text-muted-foreground mt-1.5">
-              Upload files to include them in the AI context.
-            </p>
-          </header>
-          <main className="space-y-4 px-6 pb-6">
-            {error && <p className="text-sm text-red-500">{error}</p>}
-            {medias && medias.length > 0 && (
-              <div>
-                <p className="text-sm text-muted-foreground mb-2">
-                  Uploaded files:
-                </p>
-                <div className="flex flex-col gap-2 max-h-60 overflow-y-auto">
-                  <div className="grid grid-cols-4 gap-1.5 flex-wrap max-h-40 overflow-y-auto">
-                    {medias.map((media: string) => {
-                      const fileType = getFileType(media);
-                      return (
-                        <div
-                          key={media}
-                          className="select-none relative cursor-pointer bg-accent rounded-md border-2 border-border transition-all duration-300"
-                          onClick={() =>
-                            setSelected(
-                              selected.includes(media)
-                                ? selected.filter((f) => f !== media)
-                                : [...selected, media]
-                            )
-                          }
-                        >
-                          {fileType === "image" ? (
-                            <Image
-                              src={media}
-                              alt="uploaded image"
-                              width={56}
-                              height={56}
-                              className="object-contain w-full rounded-sm aspect-square h-14"
-                            />
-                          ) : fileType === "video" ? (
-                            <div className="w-full h-14 rounded-sm bg-gray-100 flex items-center justify-center relative">
-                              <video
-                                src={media}
-                                className="w-full h-full object-cover rounded-sm"
-                                muted
-                                preload="metadata"
-                              />
-                              <div className="absolute inset-0 flex items-center justify-center bg-black/20 rounded-sm">
-                                <Video className="size-4 text-white" />
-                              </div>
-                            </div>
-                          ) : fileType === "audio" ? (
-                            <div className="w-full h-14 rounded-sm bg-linear-to-br from-purple-100 to-pink-100 flex items-center justify-center">
-                              <Music className="size-6 text-purple-600" />
-                            </div>
-                          ) : (
-                            <div className="w-full h-14 rounded-sm bg-gray-100 flex items-center justify-center">
-                              {getFileIcon(media)}
-                            </div>
-                          )}
-                          {selected.includes(media) && (
-                            <div className="absolute top-0 right-0 h-full w-full flex items-center justify-center bg-black/50 rounded-md">
-                              <CheckCircle className="size-6 text-neutral-100" />
-                            </div>
-                          )}
-                        </div>
-                      );
-                    })}
-                  </div>
-                </div>
-              </div>
-            )}
-            <div>
-              <Button
-                variant="default"
-                onClick={() => fileInputRef.current?.click()}
-                className="relative w-full"
-                disabled={isUploading}
-              >
-                {isUploading ? (
-                  <>
-                    <Loading
-                      overlay={false}
-                      className="ml-2 size-4 animate-spin text-primary-foreground"
-                    />
-                    Uploading media file(s)...
-                  </>
-                ) : (
-                  "Upload Media Files"
-                )}
-              </Button>
-              <input
-                ref={fileInputRef}
-                type="file"
-                className="hidden"
-                multiple
-                accept="image/*,video/*,audio/*,.mp3,.mp4,.wav,.aac,.m4a,.ogg,.webm,.avi,.mov"
-                onChange={(e) => uploadFiles(e.target.files)}
-              />
-            </div>
-          </main>
-        </PopoverContent>
-      </Popover>
-    </div>
-  );
-};
diff --git a/components/ask-ai/useGeneration.ts b/components/ask-ai/useGeneration.ts
deleted file mode 100644
index e847b86b1ab2e61469fc568b0e35b47864242176..0000000000000000000000000000000000000000
--- a/components/ask-ai/useGeneration.ts
+++ /dev/null
@@ -1,437 +0,0 @@
-"use client";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useRef } from "react";
-import { toast } from "sonner";
-import { useRouter } from "next/navigation";
-import { v4 as uuidv4 } from "uuid";
-import { useLocalStorage } from "react-use";
-import { useSession } from "next-auth/react";
-
-import { formatResponse } from "@/lib/format";
-import { File, Message, MessageActionType, ProviderType } from "@/lib/type";
-import { getContextFilesFromPrompt } from "@/lib/utils";
-
-const MESSAGES_QUERY_KEY = (projectName: string) =>
-  ["messages", projectName] as const;
-
-export const useGeneration = (projectName: string) => {
-  const router = useRouter();
-  const audio = useRef<HTMLAudioElement>(null);
-  const queryClient = useQueryClient();
-  const abortController = useRef<AbortController | null>(null);
-  const [, setStoredMessages] = useLocalStorage<Message[]>(
-    `messages-${projectName}`,
-    []
-  );
-  const { data: session } = useSession();
-
-  const { data: isLoading } = useQuery({
-    queryKey: ["ai.generation.isLoading"],
-    queryFn: () => false,
-    refetchOnWindowFocus: false,
-    refetchOnReconnect: false,
-    refetchOnMount: false,
-    staleTime: Infinity,
-  });
-
-  const setIsLoading = (isLoading: boolean) => {
-    queryClient.setQueryData(["ai.generation.isLoading"], isLoading);
-  };
-
-  const getFiles = () => queryClient.getQueryData<File[]>(["files"]) ?? [];
-  const setFiles = (newFiles: File[]) => {
-    queryClient.setQueryData<File[]>(["files"], (oldFiles: File[] = []) => {
-      const currentFiles = oldFiles.filter(
-        (file) => !newFiles.some((f) => f.path === file.path)
-      );
-      return [...currentFiles, ...newFiles];
-    });
-  };
-
-  const getMessages = () =>
-    queryClient.getQueryData<Message[]>(
-      MESSAGES_QUERY_KEY(projectName ?? "new")
-    ) ?? [];
-  const addMessage = (message: Omit<Message, "id">) => {
-    const id = uuidv4();
-    const key = MESSAGES_QUERY_KEY(projectName ?? "new");
-    queryClient.setQueryData<Message[]>(key, (oldMessages = []) => {
-      const newMessages = [...oldMessages, { ...message, id }];
-      if (projectName !== "new") {
-        localStorage.setItem(
-          `messages-${projectName}`,
-          JSON.stringify(newMessages)
-        );
-      }
-      return newMessages;
-    });
-    return id;
-  };
-
-  const updateLastMessage = (content: string, files?: File[]) => {
-    queryClient.setQueryData<Message[]>(
-      MESSAGES_QUERY_KEY(projectName),
-      (oldMessages = []) => {
-        const newMessages = [
-          ...oldMessages.slice(0, -1),
-          {
-            ...oldMessages[oldMessages.length - 1],
-            content,
-            isThinking: false,
-            files: files?.map((file) => file.path),
-          },
-        ];
-        if (projectName !== "new") {
-          setStoredMessages(newMessages);
-        }
-        return newMessages;
-      }
-    );
-  };
-
-  const updateMessage = (messageId: string, message: Partial<Message>) => {
-    const key = MESSAGES_QUERY_KEY(projectName ?? "new");
-    const currentMessages = queryClient.getQueryData<Message[]>(key);
-    if (!currentMessages) return;
-    const index = currentMessages.findIndex((m) => m.id === messageId);
-    if (index === -1) return;
-    const newMessages = [
-      ...currentMessages.slice(0, index),
-      { ...currentMessages[index], ...message },
-      ...currentMessages.slice(index + 1),
-    ];
-    if (projectName !== "new") {
-      setStoredMessages(newMessages);
-    }
-    queryClient.setQueryData<Message[]>(key, newMessages);
-  };
-
-  const storeMessages = async (newProjectName: string) => {
-    return new Promise((resolve) => {
-      const currentMessages = queryClient.getQueryData<Message[]>(
-        MESSAGES_QUERY_KEY("new")
-      );
-      localStorage.setItem(
-        `messages-${newProjectName}`,
-        JSON.stringify(currentMessages)
-      );
-      queryClient.setQueryData<Message[]>(
-        MESSAGES_QUERY_KEY(newProjectName),
-        currentMessages
-      );
-      setTimeout(() => resolve(true), 100);
-    });
-  };
-
-  const createProject = async (
-    files: File[],
-    projectTitle: string,
-    indexMessage: string,
-    prompt: string
-  ) => {
-    updateMessage(indexMessage, {
-      actions: [
-        {
-          label: "Publishing on Hugging Face...",
-          variant: "default",
-          loading: true,
-          type: MessageActionType.PUBLISH_PROJECT,
-        },
-      ],
-    });
-    try {
-      const response = await fetch("/api/projects", {
-        method: "POST",
-        body: JSON.stringify({
-          projectTitle,
-          files,
-          prompt,
-        }),
-        headers: {
-          "Content-Type": "application/json",
-        },
-      }).then(async (response) => {
-        if (response.ok) {
-          const data = await response.json();
-          return data;
-        }
-        throw new Error("Failed to publish project");
-      });
-
-      if (response.repoUrl) {
-        toast.success("Project has been published, build in progress...");
-        updateMessage(indexMessage, {
-          actions: [
-            {
-              label: "See Live preview",
-              variant: "default",
-              type: MessageActionType.SEE_LIVE_PREVIEW,
-            },
-          ],
-        });
-        storeMessages(response.repoUrl).then(() => {
-          router.push(`/${response.repoUrl}`);
-        });
-      }
-    } catch (error) {
-      toast.error("Failed to publish project");
-      updateMessage(indexMessage, {
-        actions: [
-          {
-            label: "Publish on Hugging Face",
-            variant: "default",
-            type: MessageActionType.PUBLISH_PROJECT,
-            projectTitle,
-            prompt,
-          },
-        ],
-      });
-    }
-  };
-
-  const callAi = async (
-    {
-      prompt,
-      model,
-      onComplete,
-      provider = "auto",
-      redesignMd,
-      medias,
-    }: {
-      prompt: string;
-      model: string;
-      redesignMd?: {
-        url: string;
-        md: string;
-      } | null;
-      medias?: string[] | null;
-      onComplete: () => void;
-      provider?: ProviderType;
-    },
-    setModel: (model: string) => void
-  ) => {
-    setIsLoading(true);
-    const messages = getMessages();
-    const files = getFiles();
-    const filesToUse = await getContextFilesFromPrompt(prompt, files);
-    const previousMessages = [...messages]?.filter(
-      (message) => !message.isAutomated || !message.isAborted
-    );
-    addMessage({
-      role: "user",
-      content: `${
-        redesignMd?.url ? `Redesign: ${redesignMd.url}\n` : ""
-      }${prompt}`,
-      createdAt: new Date(),
-    });
-    addMessage({
-      role: "assistant",
-      isThinking: true,
-      createdAt: new Date(),
-      model,
-    });
-
-    const isFollowUp = files?.length > 0;
-    abortController.current = new AbortController();
-
-    const request = await fetch("/api/ask", {
-      method: "POST",
-      body: JSON.stringify({
-        prompt,
-        model,
-        files: filesToUse,
-        previousMessages,
-        provider,
-        redesignMd,
-        medias,
-      }),
-      headers: {
-        "Content-Type": "application/json",
-      },
-      ...(abortController.current
-        ? { signal: abortController.current.signal }
-        : {}),
-    });
-
-    const currentMessages = getMessages();
-
-    if (!request.ok) {
-      const jsonResponse = await request.json()?.catch(() => null);
-      const errorMessage =
-        jsonResponse?.error || `Status code: ${request.status}`;
-
-      const lastMessageId = currentMessages[currentMessages.length - 1].id;
-      updateMessage(lastMessageId, {
-        isThinking: false,
-        isAborted: true,
-        content: `Error: ${errorMessage}`,
-      });
-      setIsLoading(false);
-      return;
-    }
-
-    if (request && request.body) {
-      const reader = request.body.getReader();
-      const decoder = new TextDecoder();
-      let completeResponse = "";
-      const read = async () => {
-        const { done, value } = await reader.read();
-        if (done) {
-          audio.current?.play();
-          const files = getFiles();
-          const {
-            messageContent,
-            files: newFiles,
-            projectTitle,
-          } = formatResponse(completeResponse, files ?? []);
-          updateLastMessage(messageContent, newFiles);
-          if (newFiles && newFiles.length > 0) {
-            setFiles(newFiles);
-            onComplete();
-            if (projectName === "new") {
-              addMessage({
-                role: "assistant",
-                content:
-                  "I've finished the generation. Now you can decide to publish the project on Hugging Face to share it!",
-                createdAt: new Date(),
-                isAutomated: true,
-                actions: [
-                  {
-                    label: "Publish on Hugging Face",
-                    variant: "default",
-                    type: MessageActionType.PUBLISH_PROJECT,
-                    prompt,
-                    projectTitle,
-                  },
-                ],
-              });
-            } else {
-              const response = await fetch(
-                `/api/projects/${projectName.split("/")[1]}`,
-                {
-                  method: "PUT",
-                  body: JSON.stringify({
-                    files: newFiles,
-                    prompt,
-                  }),
-                  headers: {
-                    "Content-Type": "application/json",
-                  },
-                }
-              ).then(async (response) => {
-                if (response.ok) {
-                  const data = await response.json();
-                  return data;
-                }
-              });
-              if (response.success) {
-                toast.success("Project has been updated");
-              } else {
-                toast.error("Failed to update project");
-              }
-            }
-          }
-
-          setIsLoading(false);
-          return;
-        }
-        const chunk = decoder.decode(value, { stream: true });
-        completeResponse += chunk;
-
-        if (completeResponse.includes("__ERROR__:")) {
-          const errorMatch = completeResponse.match(/__ERROR__:(.+)/);
-          if (errorMatch) {
-            try {
-              const errorData = JSON.parse(errorMatch[1]);
-              if (errorData.isError) {
-                const lastMessageId =
-                  currentMessages[currentMessages.length - 1].id;
-                updateMessage(lastMessageId, {
-                  isThinking: false,
-                  isAborted: true,
-                  content: errorData?.showProMessage
-                    ? session?.user?.isPro ? "You have already reached your monthly included credits with Hugging Face Pro plan. Please consider adding more credits to your account." : "You have exceeded your monthly included credits with Hugging Face inference provider. Please consider upgrading to a pro plan."
-                    : `Error: ${errorData.messageError}`,
-                  actions: errorData?.showProMessage
-                    ? session?.user?.isPro ? [{
-                      label: "Add more credits",
-                      variant: "default",
-                      type: MessageActionType.ADD_CREDITS,
-                    }] : [
-                        {
-                          label: "Upgrade to Pro",
-                          variant: "pro",
-                          type: MessageActionType.UPGRADE_TO_PRO,
-                        },
-                      ]
-                    : [],
-                });
-                setIsLoading(false);
-                return;
-              }
-            } catch (e) {
-              console.error("Failed to parse error message:", e);
-            }
-          }
-        }
-        if (
-          completeResponse.includes(
-            "_Note: The selected model was not available. Switched to"
-          )
-        ) {
-          const newModel = completeResponse
-            .match(
-              /The selected model was not available. Switched to (.+)/
-            )?.[1]
-            .replace(/`/g, "")
-            .replace(" ", "")
-            .replace(/\.|_$/g, "");
-          if (newModel) {
-            setModel(newModel);
-            updateMessage(currentMessages[currentMessages.length - 1].id, {
-              model: newModel,
-            });
-          }
-        }
-
-        const files = getFiles();
-        const { messageContent, files: newFiles } = formatResponse(
-          completeResponse,
-          files ?? []
-        );
-        if (messageContent) updateLastMessage(messageContent);
-        if (newFiles && newFiles.length > 0) {
-          if (!isFollowUp) {
-            setFiles(newFiles);
-          }
-          updateLastMessage(messageContent, newFiles);
-        }
-        read();
-      };
-      return await read();
-    }
-  };
-
-  const stopGeneration = () => {
-    if (abortController.current) {
-      abortController.current.abort();
-      abortController.current = null;
-      setIsLoading(false);
-      const currentMessages = getMessages();
-      const lastMessageId = currentMessages[currentMessages.length - 1].id;
-      updateMessage(lastMessageId, {
-        isAborted: true,
-        isThinking: false,
-      });
-    }
-  };
-
-  return {
-    callAi,
-    isLoading,
-    stopGeneration,
-    files: getFiles(),
-    createProject,
-    audio,
-  };
-};
diff --git a/components/chat/index.tsx b/components/chat/index.tsx
deleted file mode 100644
index ececa27bb2dccd800b7796ebefe7cde50360e441..0000000000000000000000000000000000000000
--- a/components/chat/index.tsx
+++ /dev/null
@@ -1,377 +0,0 @@
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { useSession } from "next-auth/react";
-import { cn } from "@/lib/utils";
-import { ChevronRight, ExternalLink } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-import Image from "next/image";
-import Markdown from "react-markdown";
-import { useQueryClient } from "@tanstack/react-query";
-import { formatDistanceToNow } from "date-fns";
-import { SpaceEntry } from "@huggingface/hub";
-import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import { dracula } from "react-syntax-highlighter/dist/esm/styles/prism";
-
-import { useChat } from "./useChat";
-import { AiLoading } from "@/components/ask-ai/loading";
-import Loading from "@/components/loading";
-import { useGeneration } from "@/components/ask-ai/useGeneration";
-import { MessageAction, MessageActionType, File } from "@/lib/type";
-import { Button } from "@/components/ui/button";
-import { getFileIcon } from "@/components/ask-ai/input-mentions";
-import ProIcon from "@/assets/pro.svg";
-import { ProModal } from "../pro-modal";
-
-const ASSISTANT_AVATAR_URL = "https://i.imgur.com/Ho6v0or.jpeg";
-
-export function AppEditorChat({
-  isNew,
-  projectName,
-  onSelectFile,
-}: {
-  isNew?: boolean;
-  projectName?: string;
-  onSelectFile: (file: string) => void;
-}) {
-  const chatContainerRef = useRef<HTMLDivElement>(null);
-  const { data: session } = useSession();
-  const queryClient = useQueryClient();
-  const chatProjectName = isNew ? "new" : projectName ?? "new";
-  const { messages } = useChat(chatProjectName);
-  const { isLoading, createProject } = useGeneration(chatProjectName);
-  const [openProModal, setOpenProModal] = useState(false);
-
-  const project = queryClient.getQueryData<SpaceEntry>(["project"]);
-
-  const handleShowLastFile = (files?: string[]) => {
-    if (files && files.length > 0) {
-      const lastGeneratedFile = files[files.length - 1];
-      if (lastGeneratedFile) {
-        onSelectFile?.(lastGeneratedFile);
-      }
-    }
-  };
-  const handleActions = (action: MessageAction, messageId: string) => {
-    if (!action) return;
-    switch (action.type) {
-      case MessageActionType.PUBLISH_PROJECT:
-        const files = queryClient.getQueryData<File[]>(["files"]) ?? [];
-        return createProject(
-          files ?? [],
-          action.projectTitle ?? "",
-          messageId,
-          action.prompt ?? ""
-        );
-      case MessageActionType.SEE_LIVE_PREVIEW:
-        return window.open(
-          `https://huggingface.co/spaces/${project?.name}`,
-          "_blank"
-        );
-      case MessageActionType.UPGRADE_TO_PRO:
-        return setOpenProModal(true);
-      case MessageActionType.ADD_CREDITS:
-        return window.open(
-          "https://huggingface.co/settings/billing?add-credits=true",
-          "_blank"
-        );
-    }
-  };
-
-  useEffect(() => {
-    if (chatContainerRef.current) {
-      chatContainerRef.current.scrollTop =
-        chatContainerRef.current.scrollHeight;
-    }
-  }, [messages]);
-
-  return (
-    <div ref={chatContainerRef} className="grow px-2 overflow-y-auto pb-3">
-      {isNew ? (
-        <p className="text-xs text-muted-foreground text-center mb-3 bg-accent rounded-md mx-auto w-fit px-2 py-1">
-          Start a new conversation with the AI
-        </p>
-      ) : (
-        <p className="text-xs text-muted-foreground text-center mb-3 bg-accent rounded-md mx-auto w-fit px-2 py-1">
-          Your last conversation has not been restored.
-        </p>
-      )}
-      <div className="grid grid-cols-1 gap-6 w-full">
-        {messages.map((message, id) => (
-          <div
-            key={id}
-            className={cn(
-              "flex items-center justify-start gap-2 flex-1",
-              message.role === "user"
-                ? "flex-row-reverse text-right"
-                : "flex-row"
-            )}
-          >
-            <Avatar className="size-4">
-              <AvatarImage
-                src={
-                  message.role === "user"
-                    ? session?.user?.image ?? ""
-                    : ASSISTANT_AVATAR_URL
-                }
-                alt="DeepSite"
-                className="size-4"
-              />
-              <AvatarFallback>
-                {message.role === "user"
-                  ? session?.user?.name?.charAt(0) ?? ""
-                  : ""}
-              </AvatarFallback>
-            </Avatar>
-            <div className="flex flex-col max-w-[90%]">
-              <div
-                className={cn(
-                  "whitespace-pre-line text-sm wrap-break-word text-muted-foreground",
-                  message.role === "assistant"
-                    ? "-space-y-2 min-w-[60px] border border-border bg-linear-to-br from-muted px-4 py-3.5 rounded-xl"
-                    : ""
-                )}
-              >
-                <Markdown
-                  components={{
-                    strong: ({ children }) => (
-                      <b className="font-medium text-primary">{children}</b>
-                    ),
-                    code: ({ className, children }) => {
-                      const isCodeBlock = className?.startsWith("language-");
-                      const language = className?.replace("language-", "");
-                      if (isCodeBlock) {
-                        return (
-                          <SyntaxHighlighter
-                            language={language}
-                            style={dracula}
-                            className="m-0! text-xs! rounded-md!"
-                          >
-                            {String(children).trim()}
-                          </SyntaxHighlighter>
-                        );
-                      }
-
-                      return (
-                        <code className="font-mono bg-primary/10 text-primary text-[10px] px-1.5 py-0.5 rounded-md">
-                          {children}
-                        </code>
-                      );
-                    },
-                    ul: ({ children }) => (
-                      <ul className="list-inside m-0! p-0! flex flex-col gap-1 list-disc">
-                        {children}
-                      </ul>
-                    ),
-                    ol: ({ children }) => (
-                      <ol className="list-inside m-0! p-0! flex flex-col gap-1 list-decimal">
-                        {children}
-                      </ol>
-                    ),
-                    li: ({ children }) => (
-                      <li className="text-muted-foreground">{children}</li>
-                    ),
-                    a: ({ children, href }) => {
-                      const isValidUrl =
-                        href &&
-                        (href.startsWith("http://") ||
-                          href.startsWith("https://") ||
-                          href.startsWith("/") ||
-                          href.startsWith("#") ||
-                          href.startsWith("mailto:") ||
-                          href.startsWith("tel:"));
-                      const safeHref = isValidUrl ? href : "#";
-
-                      return (
-                        <a
-                          href={safeHref}
-                          target={
-                            isValidUrl && href.startsWith("http")
-                              ? "_blank"
-                              : undefined
-                          }
-                          rel={
-                            isValidUrl && href.startsWith("http")
-                              ? "noopener noreferrer"
-                              : undefined
-                          }
-                          className="hover:text-blue-500 underline inline-flex items-center gap-0.5"
-                        >
-                          <ExternalLink className="size-3" />
-                          {children}
-                        </a>
-                      );
-                    },
-                    pre: ({ children }) => <>{children}</>,
-                    p: ({ children }) => {
-                      const content = String(children);
-                      if (
-                        typeof children === "string" &&
-                        (content.includes("file:/") || 
-                         content.match(/https?:\/\/[^\s]+\.(jpg|jpeg|png|gif|webp|svg|bmp|ico)(?:\?[^\s]*)?/i))
-                      ) {
-                        const parts = content.split(/(file:\/\S+|https?:\/\/[^\s]+\.(?:jpg|jpeg|png|gif|webp|svg|bmp|ico)(?:\?[^\s]*)?)/gi);
-                        return (
-                          <p>
-                            {parts.filter(Boolean).map((part, index) => {
-                              if (!part || part.trim() === "") return null;
-                              
-                              if (part.startsWith("file:/")) {
-                                return (
-                                  <span
-                                    key={index}
-                                    className="inline-flex w-fit items-center justify-center gap-1 font-mono px-2 py-0.5 rounded-full text-xs font-medium bg-indigo-500/10 text-indigo-500 dark:bg-indigo-500/20 dark:text-indigo-400"
-                                  >
-                                    {getFileIcon(part, "size-2.5")}
-                                    {part.replace("file:/", "")}
-                                  </span>
-                                );
-                              } else if (
-                                part.match(
-                                  /^https?:\/\/[^\s]+\.(?:jpg|jpeg|png|gif|webp|svg|bmp|ico)(?:\?[^\s]*)?$/i
-                                )
-                              ) {
-                                const displayUrl =
-                                  part.length > 35
-                                    ? part.substring(0, 35) + "..."
-                                    : part;
-                                return (
-                                  <span
-                                    key={index}
-                                    className="inline-flex w-fit items-center justify-center gap-1 font-mono px-2 py-0.5 rounded-full text-xs font-medium bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400"
-                                  >
-                                    <span className="text-[10px]">🖼️</span>
-                                    {displayUrl}
-                                  </span>
-                                );
-                              }
-                              return part;
-                            })}
-                          </p>
-                        );
-                      }
-                      return <p>{children}</p>;
-                    },
-                  }}
-                >
-                  {message.content}
-                </Markdown>
-                {message.isThinking && (
-                  <AiLoading showCircle={false} className="opacity-70" />
-                )}
-                {message.isAborted && (
-                  <p
-                    className={cn(
-                      "text-[10px] text-muted-foreground font-mono bg-muted-foreground/10 rounded-md px-2 py-1 w-fit",
-                      message.content ? "mt-5" : ""
-                    )}
-                  >
-                    The request has been aborted due to an error OR the user has
-                    stopped the generation.
-                  </p>
-                )}
-              </div>
-              {message.model && message.createdAt && (
-                <div className="flex items-center justify-between">
-                  <p className="text-xs text-muted-foreground mt-1.5 pl-1">
-                    via{" "}
-                    <code className="font-mono bg-accent text-muted-foreground text-[10px] px-1.5 py-0.5 rounded-md">
-                      {message.model}
-                    </code>
-                  </p>
-                  {!message.isThinking && (
-                    <p className="text-[10px] text-muted-foreground/70 mt-1.5 pl-1">
-                      {formatDistanceToNow(message.createdAt, {
-                        addSuffix: true,
-                      })}
-                    </p>
-                  )}
-                </div>
-              )}
-              {message.files && message.files.length > 0 && (
-                <div className="bg-accent px-3 py-2 rounded-lg w-fit mt-2.5">
-                  <div className="flex items-center gap-2">
-                    {isLoading &&
-                    messages[messages.length - 1].id === message.id ? (
-                      <>
-                        <Loading
-                          overlay={false}
-                          className="size-3! opacity-50"
-                        />
-                        <p className="font-medium text-xs text-muted-foreground">
-                          {isNew ? "Creating" : "Editing"}{" "}
-                          <FileCode
-                            file={message.files[message.files.length - 1]}
-                          />
-                        </p>
-                      </>
-                    ) : (
-                      <>
-                        <p className="font-medium text-xs text-muted-foreground">
-                          {isNew ? "Created" : "Edited"}{" "}
-                          <FileCode
-                            file={message.files[message.files.length - 1]}
-                          />
-                          {message.files.length > 1 && (
-                            <span className="text-[10px] text-muted-foreground ml-1 font-normal">
-                              (+ {message.files.length - 1} files)
-                            </span>
-                          )}
-                        </p>
-                        <Button
-                          size="icon-xs"
-                          variant="transparent"
-                          className="cursor-pointer size-4"
-                          onClick={() => handleShowLastFile(message.files)}
-                        >
-                          <ChevronRight className="size-3.5 text-muted-foreground/60" />
-                        </Button>
-                      </>
-                    )}
-                  </div>
-                </div>
-              )}
-              {message.actions &&
-                message.actions.length > 0 &&
-                messages.length - 1 === id && (
-                  <div className="flex items-center gap-2 mt-2.5">
-                    {message.actions.map((action, id) => (
-                      <Button
-                        key={id}
-                        size="xs"
-                        disabled={action.disabled ?? action.loading}
-                        variant={action.variant ?? "secondary"}
-                        onClick={() => handleActions(action, message.id)}
-                      >
-                        {action.loading && (
-                          <Loading
-                            className={`size-3! opacity-50 ${
-                              action.variant === "default" ? "text-white!" : ""
-                            }`}
-                            overlay={false}
-                          />
-                        )}
-                        {action.type === MessageActionType.UPGRADE_TO_PRO && (
-                          <Image
-                            src={ProIcon}
-                            alt="Pro Icon"
-                            className="size-3.5"
-                          />
-                        )}
-                        {action.label}
-                      </Button>
-                    ))}
-                  </div>
-                )}
-            </div>
-          </div>
-        ))}
-      </div>
-      <ProModal open={openProModal} onClose={setOpenProModal} />
-    </div>
-  );
-}
-
-const FileCode = ({ file }: { file: string }) => (
-  <code className="font-mono bg-accent text-muted-foreground border border-border-muted rounded text-[10px] px-1 py-0.5">
-    {file}
-  </code>
-);
diff --git a/components/chat/useChat.ts b/components/chat/useChat.ts
deleted file mode 100644
index 2f32019379f2fed9411cae356d5ad7b50e4ef7d5..0000000000000000000000000000000000000000
--- a/components/chat/useChat.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useLocalStorage } from "react-use";
-import { useEffect } from "react";
-import { v4 as uuidv4 } from "uuid";
-
-import { Message } from "@/lib/type";
-
-const MESSAGES_QUERY_KEY = (projectName: string) =>
-  ["messages", projectName] as const;
-
-export function useChat(projectName: string) {
-  const queryClient = useQueryClient();
-  const [, setStoredMessages, clearStoredMessages] = useLocalStorage<Message[]>(
-    `messages-${projectName}`,
-    []
-  );
-
-  useEffect(() => {
-    if (projectName !== "new") {
-      queryClient.invalidateQueries({
-        queryKey: MESSAGES_QUERY_KEY(projectName),
-      });
-    }
-  }, [projectName, queryClient]);
-
-  const { data: messages = [] } = useQuery<Message[]>({
-    queryKey: MESSAGES_QUERY_KEY(projectName),
-    queryFn: () => {
-      if (projectName === "new") {
-        return [];
-      }
-      const storedData = localStorage.getItem(`messages-${projectName}`);
-      if (storedData) {
-        try {
-          const parsedMessages = JSON.parse(storedData);
-          if (parsedMessages && parsedMessages.length > 0) {
-            return parsedMessages;
-          }
-        } catch (error) {
-          console.error("Failed to parse stored messages:", error);
-        }
-      }
-      return [];
-    },
-    refetchOnMount: false,
-    refetchOnWindowFocus: false,
-    refetchOnReconnect: false,
-    refetchInterval: false,
-    refetchIntervalInBackground: false,
-  });
-
-  const addMessage = (message: Omit<Message, "id">) => {
-    const id = uuidv4();
-    queryClient.setQueryData<Message[]>(
-      MESSAGES_QUERY_KEY(projectName),
-      (oldMessages = []) => {
-        const newMessages = [
-          ...oldMessages,
-          {
-            ...message,
-            id,
-          },
-        ];
-        if (projectName !== "new") {
-          setStoredMessages(newMessages);
-        }
-        return newMessages;
-      }
-    );
-    return id;
-  };
-  const clearMessages = () => {
-    queryClient.setQueryData<Message[]>(MESSAGES_QUERY_KEY(projectName), []);
-    clearStoredMessages();
-  };
-
-  const storeMessages = async (newProjectName: string) => {
-    return new Promise((resolve) => {
-      const currentMessages = queryClient.getQueryData<Message[]>(
-        MESSAGES_QUERY_KEY("new")
-      );
-      localStorage.setItem(
-        `messages-${newProjectName}`,
-        JSON.stringify(currentMessages)
-      );
-      queryClient.setQueryData<Message[]>(
-        MESSAGES_QUERY_KEY(newProjectName),
-        currentMessages
-      );
-      setTimeout(() => resolve(true), 100);
-    });
-  };
-
-  return {
-    messages,
-    addMessage,
-    clearMessages,
-    storeMessages,
-  };
-}
diff --git a/components/code/index.tsx b/components/code/index.tsx
deleted file mode 100644
index 6b6b687f828b7bf8a5bd66afb958552132281f2f..0000000000000000000000000000000000000000
--- a/components/code/index.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-import { useState } from "react";
-import {
-  SandpackLayout,
-  SandpackFileExplorer,
-} from "@codesandbox/sandpack-react";
-import { ChevronRight, ChevronLeft } from "lucide-react";
-import { useParams } from "next/navigation";
-import { useQueryClient } from "@tanstack/react-query";
-import { format } from "date-fns";
-import { useUpdateEffect } from "react-use";
-
-import { AppEditorMonacoEditor } from "./monaco-editor";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-import Loading from "../loading";
-import { ProjectWithCommits } from "@/actions/projects";
-
-export function AppEditorCode() {
-  const queryClient = useQueryClient();
-  const { repoId } = useParams<{ repoId: string }>();
-
-  const [isFileExplorerCollapsed, setIsFileExplorerCollapsed] = useState(true);
-  const [isSavingChanges, setIsSavingChanges] = useState(false);
-  const [isSavingChangesSuccess, setIsSavingChangesSuccess] = useState(false);
-  const [isSavingChangesError, setIsSavingChangesError] = useState(false);
-  const [isClosing, setIsClosing] = useState(false);
-  const [showSaveChanges, setShowSaveChanges] = useState(false);
-
-  const handleSaveChanges = async () => {
-    if (repoId === "new") return;
-    setIsSavingChanges(true);
-    const manuallyUpdatedFiles =
-      queryClient.getQueryData<File[]>(["manuallyUpdatedFiles"]) ?? [];
-    const response = await fetch(`/api/projects/${repoId}`, {
-      method: "PUT",
-      body: JSON.stringify({
-        files: manuallyUpdatedFiles,
-        prompt: `✍️ ${format(new Date(), "dd/MM")} - ${format(
-          new Date(),
-          "HH:mm"
-        )} - Manual changes.`,
-        isManualChanges: true,
-      }),
-    }).then(async (response) => {
-      if (response.ok) {
-        const data = await response.json();
-        return data;
-      }
-      throw new Error("Failed to save changes");
-    });
-    if (response.success) {
-      setIsSavingChangesSuccess(true);
-      queryClient.invalidateQueries({ queryKey: ["manuallyUpdatedFiles"] });
-      queryClient.setQueryData(
-        ["project"],
-        (oldProject: ProjectWithCommits) => ({
-          ...oldProject,
-          commits: [response.commit, ...(oldProject?.commits ?? [])],
-        })
-      );
-    } else {
-      setIsSavingChangesError(true);
-    }
-    setIsSavingChanges(false);
-    setShowSaveChanges(false);
-  };
-
-  const undoChanges = () => {
-    queryClient.setQueryData<File[]>(["manuallyUpdatedFiles"], []);
-    setShowSaveChanges(false);
-  };
-
-  useUpdateEffect(() => {
-    if (isSavingChangesSuccess) {
-      setTimeout(() => setIsSavingChangesSuccess(false), 3000);
-    }
-  }, [isSavingChangesSuccess]);
-
-  useUpdateEffect(() => {
-    if (isClosing) {
-      setTimeout(() => {
-        setIsSavingChangesSuccess(false);
-        setIsSavingChangesError(false);
-        setIsClosing(false);
-      }, 300);
-    }
-  }, [isClosing]);
-
-  return (
-    <div className="flex flex-col h-[calc(100%-0px)] w-full relative overflow-hidden">
-      <SandpackLayout className="h-full! flex-row! flex-! rounded-2xl! border! border-border-muted! dark:border-secondary!">
-        <Button
-          variant="bordered"
-          size="icon-xs"
-          className="absolute top-2 left-2 z-10"
-          onClick={() => setIsFileExplorerCollapsed(!isFileExplorerCollapsed)}
-          title={
-            isFileExplorerCollapsed
-              ? "Expand file explorer"
-              : "Collapse file explorer"
-          }
-        >
-          {isFileExplorerCollapsed ? (
-            <ChevronRight className="h-4 w-4" />
-          ) : (
-            <ChevronLeft className="h-4 w-4" />
-          )}
-        </Button>
-        <SandpackFileExplorer
-          className={cn(
-            "flex-1 h-full! pt-8!",
-            isFileExplorerCollapsed
-              ? "w-[45px]! min-w-[45px]! flex-[0_1_0%]!"
-              : ""
-          )}
-          autoHiddenFiles={true}
-        />
-        <AppEditorMonacoEditor setShowSaveChanges={setShowSaveChanges} />
-      </SandpackLayout>
-      {repoId && (
-        <div
-          className={cn(
-            "absolute bottom-0 left-0 w-full py-3 px-4 transition-all duration-300",
-            (!showSaveChanges &&
-              !isSavingChangesSuccess &&
-              !isSavingChangesError) ||
-              isClosing
-              ? "translate-y-full opacity-0 pointer-events-none"
-              : ""
-          )}
-        >
-          <div
-            className={cn(
-              "bg-accent/50 backdrop-blur-sm rounded-xl border border-border-muted p-3 flex items-center justify-between",
-              isSavingChangesError ? "border-red-500/20 bg-red-500/10!" : "",
-              isSavingChangesSuccess
-                ? "border-emerald-500/20 bg-emerald-500/10!"
-                : ""
-            )}
-          >
-            <div>
-              <p
-                className={cn(
-                  "text-sm font-medium",
-                  isSavingChangesSuccess
-                    ? "text-emerald-500"
-                    : isSavingChangesError
-                    ? "text-red-500"
-                    : "text-primary"
-                )}
-              >
-                {isSavingChangesSuccess
-                  ? "Changes saved"
-                  : isSavingChangesError
-                  ? "Failed to save changes"
-                  : "Save Changes"}
-              </p>
-              <p
-                className={cn(
-                  "text-xs text-muted-foreground",
-                  isSavingChangesSuccess
-                    ? "text-emerald-500"
-                    : isSavingChangesError
-                    ? "text-red-500"
-                    : "text-muted-foreground"
-                )}
-              >
-                {isSavingChangesSuccess
-                  ? "Changes saved successfully"
-                  : isSavingChangesError
-                  ? "Something went wrong, please try again."
-                  : "You have unsaved manual changes. Click the button to save your changes."}
-              </p>
-            </div>
-            <div className="flex items-center justify-end gap-2">
-              {!isSavingChangesSuccess && !isSavingChanges && (
-                <Button size="xs" variant="secondary" onClick={undoChanges}>
-                  Undo
-                </Button>
-              )}
-
-              {isSavingChangesSuccess || isSavingChangesError ? (
-                <Button
-                  variant={isSavingChangesError ? "destructive" : "default"}
-                  size="xs"
-                  onClick={() => setIsClosing(true)}
-                >
-                  Close
-                </Button>
-              ) : (
-                <Button
-                  variant="default"
-                  size="xs"
-                  onClick={handleSaveChanges}
-                  disabled={isSavingChanges}
-                >
-                  Save Changes
-                  {isSavingChanges && (
-                    <Loading
-                      overlay={false}
-                      className="text-primary-foreground! size-3.5!"
-                    />
-                  )}
-                </Button>
-              )}
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
diff --git a/components/code/monaco-editor.tsx b/components/code/monaco-editor.tsx
deleted file mode 100644
index d222ce260193d76d9da71b784259a01653782381..0000000000000000000000000000000000000000
--- a/components/code/monaco-editor.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-import { useMemo, useRef, useCallback, useEffect } from "react";
-import { useQueryClient } from "@tanstack/react-query";
-import { Monaco } from "@monaco-editor/react";
-import {
-  useActiveCode,
-  SandpackStack,
-  FileTabs,
-  useSandpack,
-} from "@codesandbox/sandpack-react";
-import { useTheme } from "next-themes";
-
-import NightLight from "@/components/editor/night-light.json";
-import Night from "@/components/editor/night.json";
-import { File } from "@/lib/type";
-import dynamic from "next/dynamic";
-
-const Editor = dynamic(
-  () => import("@monaco-editor/react").then((mod) => mod.Editor),
-  { ssr: false }
-);
-
-const LANGUAGE_MAP = {
-  js: "javascript",
-  ts: "typescript",
-  html: "html",
-  css: "css",
-  json: "json",
-  txt: "text",
-};
-
-export function AppEditorMonacoEditor({
-  setShowSaveChanges,
-}: {
-  setShowSaveChanges: (show: boolean) => void;
-}) {
-  const { theme } = useTheme();
-  const { code, updateCode } = useActiveCode();
-  const { sandpack } = useSandpack();
-  const queryClient = useQueryClient();
-  const updateTimeoutRef = useRef<NodeJS.Timeout | null>(null);
-
-  const handleEditorDidMount = (monaco: Monaco) => {
-    monaco.editor.defineTheme("NightLight", {
-      base: "vs",
-      inherit: true,
-      ...NightLight,
-      rules: [],
-    });
-    monaco.editor.defineTheme("Night", {
-      base: "vs-dark",
-      ...Night,
-      rules: [],
-    });
-  };
-
-  const language = useMemo(() => {
-    const extension = sandpack.activeFile
-      .split(".")
-      .pop()
-      ?.toLowerCase() as string;
-    return LANGUAGE_MAP[extension as keyof typeof LANGUAGE_MAP] ?? "text";
-  }, [sandpack.activeFile]);
-
-  const updateFile = useCallback(
-    (newValue: string, activeFile: string) => {
-      if (updateTimeoutRef.current) {
-        clearTimeout(updateTimeoutRef.current);
-      }
-
-      updateTimeoutRef.current = setTimeout(() => {
-        const manuallyUpdatedFiles =
-          queryClient.getQueryData<File[]>(["manuallyUpdatedFiles"]) ?? [];
-        const fileIndex = manuallyUpdatedFiles.findIndex(
-          (file) => file.path === activeFile
-        );
-        if (fileIndex !== -1) {
-          manuallyUpdatedFiles[fileIndex].content = newValue;
-        } else {
-          manuallyUpdatedFiles.push({
-            path: activeFile,
-            content: newValue,
-          });
-        }
-        queryClient.setQueryData<File[]>(
-          ["manuallyUpdatedFiles"],
-          manuallyUpdatedFiles
-        );
-      }, 100);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [queryClient]
-  );
-
-  const handleEditorChange = (value: string | undefined) => {
-    setShowSaveChanges(true);
-    const newValue = value || "";
-    updateCode(newValue);
-    const activeFile = sandpack.activeFile?.replace(/^\//, "");
-    updateFile(newValue, activeFile);
-  };
-
-  useEffect(() => {
-    return () => {
-      if (updateTimeoutRef.current) {
-        clearTimeout(updateTimeoutRef.current);
-      }
-    };
-  }, []);
-
-  const themeEditor = useMemo(() => {
-    const isSystemDark =
-      window.matchMedia &&
-      window.matchMedia("(prefers-color-scheme: dark)").matches;
-    const effectiveTheme =
-      theme === "system" ? (isSystemDark ? "dark" : "light") : theme;
-    return effectiveTheme === "dark" ? "Night" : "NightLight";
-  }, [theme]);
-
-  return (
-    <SandpackStack className="h-full!">
-      <FileTabs />
-      <div style={{ flex: 1 }}>
-        <Editor
-          width="100%"
-          height="100%"
-          language={language}
-          theme={themeEditor}
-          key={sandpack.activeFile}
-          options={{
-            fontSize: 14,
-            fontFamily: "Jetbrains-Mono",
-            fontLigatures: true,
-            wordWrap: "on",
-            minimap: {
-              enabled: false,
-            },
-            bracketPairColorization: {
-              enabled: true,
-            },
-            cursorBlinking: "smooth",
-            formatOnPaste: true,
-            suggest: {
-              showFields: false,
-              showFunctions: false,
-            },
-            stickyTabStops: false,
-            stickyScroll: {
-              enabled: false,
-            },
-          }}
-          beforeMount={handleEditorDidMount}
-          value={code}
-          onChange={handleEditorChange}
-        />
-      </div>
-    </SandpackStack>
-  );
-}
diff --git a/components/code/useEditor.ts b/components/code/useEditor.ts
deleted file mode 100644
index 06ed500729a17413283a42c8f9bf395f255b1518..0000000000000000000000000000000000000000
--- a/components/code/useEditor.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useProject } from "@/components/projects/useProject";
-import { useMemo } from "react";
-
-const LANGUAGE_MAP = {
-  "py": "python",
-  "js": "javascript",
-  "ts": "typescript",
-  "html": "html",
-  "css": "css",
-  "json": "json",
-  "txt": "text",
-}
-
-export const useEditor = () => {
-  const queryClient = useQueryClient();
-  const { files } = useProject();
-
-  const { data: isFileListOpen } = useQuery<boolean>({
-    queryKey: ["isFileListOpen"],
-    queryFn: () => {
-      return false;
-    },
-    initialData: false,
-    refetchInterval: false,
-    refetchOnWindowFocus: false,
-  });
-
-  const setIsFileListOpen = (isOpen: boolean) => {
-    queryClient.setQueryData<boolean>(["isFileListOpen"], () => isOpen);
-  }
-
-  const { data: editorFilePath } = useQuery<string>({
-    queryKey: ["editorFile"],
-    queryFn: () => {
-      return "app.py";
-    },
-    initialData: "app.py",
-    refetchInterval: false,
-    refetchOnWindowFocus: false,
-    refetchOnMount: false,
-    refetchOnReconnect: false,
-    refetchIntervalInBackground: false,
-  });
-
-  const setEditorFilePath = (path: string) => {
-    queryClient.setQueryData<string>(["editorFile"], () => path);
-  }
-
-  const editorFileData = useMemo(() => {
-    const finalFile = { path: "", content: "", language: "" };
-    if (editorFilePath) {
-      const file = files?.find((file) => file.path === editorFilePath);
-      if (file) {
-        finalFile.path = file.path;
-        finalFile.content = file.content ?? "";
-        finalFile.language = LANGUAGE_MAP[file.path.split(".").pop()?.toLowerCase() as keyof typeof LANGUAGE_MAP] ?? "text";
-      }
-    }
-
-    return finalFile
-  }, [editorFilePath, files])
-
-  return {
-    editorFilePath,
-    editorFileData,
-    setEditorFilePath,
-    isFileListOpen,
-    setIsFileListOpen,
-  }
-}
\ No newline at end of file
diff --git a/components/contexts/app-context.tsx b/components/contexts/app-context.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b5fdbca49aaf1b2a2ac866efa13014eb667f3fb7
--- /dev/null
+++ b/components/contexts/app-context.tsx
@@ -0,0 +1,52 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+"use client";
+import { useMount } from "react-use";
+import { toast } from "sonner";
+import { usePathname, useRouter } from "next/navigation";
+
+import { useUser } from "@/hooks/useUser";
+import { ProjectType, User } from "@/types";
+import { useBroadcastChannel } from "@/lib/useBroadcastChannel";
+
+export default function AppContext({
+  children,
+}: // me: initialData,
+{
+  children: React.ReactNode;
+  // me?: {
+  //   user: User | null;
+  //   projects: ProjectType[];
+  //   errCode: number | null;
+  // };
+}) {
+  const { loginFromCode, user, logout, loading, errCode } = useUser();
+  const pathname = usePathname();
+  const router = useRouter();
+
+  // useMount(() => {
+  //   if (!initialData?.user && !user) {
+  //     if ([401, 403].includes(errCode as number)) {
+  //       logout();
+  //     } else if (pathname.includes("/spaces")) {
+  //       if (errCode) {
+  //         toast.error("An error occured while trying to log in");
+  //       }
+  //       // If we did not manage to log in (probs because api is down), we simply redirect to the home page
+  //       router.push("/");
+  //     }
+  //   }
+  // });
+
+  const events: any = {};
+
+  useBroadcastChannel("auth", (message) => {
+    if (pathname.includes("/auth/callback")) return;
+
+    if (!message.code) return;
+    if (message.type === "user-oauth" && message?.code && !events.code) {
+      loginFromCode(message.code);
+    }
+  });
+
+  return children;
+}
diff --git a/components/contexts/login-context.tsx b/components/contexts/login-context.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2aa4842b55a7f878bc75aa39a71d7b0d68e83945
--- /dev/null
+++ b/components/contexts/login-context.tsx
@@ -0,0 +1,62 @@
+"use client";
+
+import React, { createContext, useContext, useState, ReactNode } from "react";
+import { LoginModal } from "@/components/login-modal";
+import { Page } from "@/types";
+
+interface LoginContextType {
+  isOpen: boolean;
+  openLoginModal: (options?: LoginModalOptions) => void;
+  closeLoginModal: () => void;
+}
+
+interface LoginModalOptions {
+  pages?: Page[];
+  title?: string;
+  prompt?: string;
+  description?: string;
+}
+
+const LoginContext = createContext<LoginContextType | undefined>(undefined);
+
+export function LoginProvider({ children }: { children: ReactNode }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [modalOptions, setModalOptions] = useState<LoginModalOptions>({});
+
+  const openLoginModal = (options: LoginModalOptions = {}) => {
+    setModalOptions(options);
+    setIsOpen(true);
+  };
+
+  const closeLoginModal = () => {
+    setIsOpen(false);
+    setModalOptions({});
+  };
+
+  const value = {
+    isOpen,
+    openLoginModal,
+    closeLoginModal,
+  };
+
+  return (
+    <LoginContext.Provider value={value}>
+      {children}
+      <LoginModal
+        open={isOpen}
+        onClose={setIsOpen}
+        title={modalOptions.title}
+        prompt={modalOptions.prompt}
+        description={modalOptions.description}
+      />
+    </LoginContext.Provider>
+  );
+}
+
+export function useLoginModal() {
+  const context = useContext(LoginContext);
+  if (context === undefined) {
+    throw new Error("useLoginModal must be used within a LoginProvider");
+  }
+  return context;
+}
diff --git a/components/contexts/pro-context.tsx b/components/contexts/pro-context.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ec7c0fc0443594232efe097d1c4e7dec455eeb0d
--- /dev/null
+++ b/components/contexts/pro-context.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import React, { createContext, useContext, useState, ReactNode } from "react";
+import { ProModal } from "@/components/pro-modal";
+import { Page } from "@/types";
+import { useEditor } from "@/hooks/useEditor";
+
+interface ProContextType {
+  isOpen: boolean;
+  openProModal: (pages: Page[]) => void;
+  closeProModal: () => void;
+}
+
+const ProContext = createContext<ProContextType | undefined>(undefined);
+
+export function ProProvider({ children }: { children: ReactNode }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const { pages } = useEditor();
+
+  const openProModal = () => {
+    setIsOpen(true);
+  };
+
+  const closeProModal = () => {
+    setIsOpen(false);
+  };
+
+  const value = {
+    isOpen,
+    openProModal,
+    closeProModal,
+  };
+
+  return (
+    <ProContext.Provider value={value}>
+      {children}
+      <ProModal open={isOpen} onClose={setIsOpen} pages={pages} />
+    </ProContext.Provider>
+  );
+}
+
+export function useProModal() {
+  const context = useContext(ProContext);
+  if (context === undefined) {
+    throw new Error("useProModal must be used within a ProProvider");
+  }
+  return context;
+}
diff --git a/components/providers/react-query.tsx b/components/contexts/tanstack-query-context.tsx
similarity index 50%
rename from components/providers/react-query.tsx
rename to components/contexts/tanstack-query-context.tsx
index 70f1710fbfb56a37bfe8f6fd888a8df1690acefc..d0c214de91a6ce2a9711eb70e96e79152ddee4bb 100644
--- a/components/providers/react-query.tsx
+++ b/components/contexts/tanstack-query-context.tsx
@@ -1,19 +1,30 @@
 "use client";
 
-import { useState } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ReactQueryStreamedHydration } from "@tanstack/react-query-next-experimental";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { useState } from "react";
 
-export function ReactQueryProvider({
+export default function TanstackContext({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  const [queryClient] = useState(() => new QueryClient());
+  // Create QueryClient instance only once using useState with a function
+  const [queryClient] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            staleTime: 60 * 1000, // 1 minute
+            refetchOnWindowFocus: false,
+          },
+        },
+      })
+  );
+
   return (
     <QueryClientProvider client={queryClient}>
-      <ReactQueryStreamedHydration>{children}</ReactQueryStreamedHydration>
+      {children}
       <ReactQueryDevtools initialIsOpen={false} />
     </QueryClientProvider>
   );
diff --git a/components/contexts/user-context.tsx b/components/contexts/user-context.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..8a3391744618bfcfc979401cdee76051c70fee8f
--- /dev/null
+++ b/components/contexts/user-context.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+import { createContext } from "react";
+import { User } from "@/types";
+
+export const UserContext = createContext({
+  user: undefined as User | undefined,
+});
diff --git a/components/discord-promo-modal/index.tsx b/components/discord-promo-modal/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..83f15c11859473dfc50ceb34e76a58da7384c22b
--- /dev/null
+++ b/components/discord-promo-modal/index.tsx
@@ -0,0 +1,225 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useLocalStorage } from "react-use";
+import Image from "next/image";
+import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
+import { DiscordIcon } from "@/components/icons/discord";
+import Logo from "@/assets/logo.svg";
+
+const DISCORD_PROMO_KEY = "discord-promo-dismissed";
+const DISCORD_URL = "https://discord.gg/KpanwM3vXa";
+
+const Sparkle = ({
+  size = "w-3 h-3",
+  delay = "0s",
+  top = "20%",
+  left = "20%",
+}: {
+  size?: string;
+  delay?: string;
+  top?: string;
+  left?: string;
+}) => (
+  <div
+    className={`absolute ${size}`}
+    style={{ top, left, animationDelay: delay }}
+  >
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className="w-full h-full animate-sparkle"
+    >
+      <path
+        d="M12 0L13.5 8.5L22 10L13.5 11.5L12 20L10.5 11.5L2 10L10.5 8.5L12 0Z"
+        fill="url(#sparkle-gradient)"
+      />
+      <defs>
+        <linearGradient id="sparkle-gradient" x1="2" y1="10" x2="22" y2="10">
+          <stop offset="0%" stopColor="#818cf8" />
+          <stop offset="100%" stopColor="#a5b4fc" />
+        </linearGradient>
+      </defs>
+    </svg>
+  </div>
+);
+
+export const DiscordPromoModal = () => {
+  const [open, setOpen] = useState(false);
+  const [dismissed, setDismissed] = useLocalStorage<boolean>(
+    DISCORD_PROMO_KEY,
+    false
+  );
+
+  useEffect(() => {
+    const cookieDismissed = document.cookie
+      .split("; ")
+      .find((row) => row.startsWith(`${DISCORD_PROMO_KEY}=`))
+      ?.split("=")[1];
+
+    if (dismissed || cookieDismissed === "true") {
+      return;
+    }
+
+    const timer = setTimeout(() => {
+      setOpen(true);
+    }, 60000);
+
+    return () => clearTimeout(timer);
+  }, [dismissed]);
+
+  const handleClose = () => {
+    setOpen(false);
+    setDismissed(true);
+
+    const expiryDate = new Date();
+    expiryDate.setDate(expiryDate.getDate() + 5);
+    document.cookie = `${DISCORD_PROMO_KEY}=true; expires=${expiryDate.toUTCString()}; path=/; SameSite=Lax`;
+  };
+
+  const handleJoinDiscord = () => {
+    window.open(DISCORD_URL, "_blank");
+    handleClose();
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={handleClose}>
+      <DialogContent
+        className="sm:max-w-[480px] lg:!p-0 !rounded-3xl !bg-gradient-to-b !from-indigo-950/40 !via-neutral-900 !to-neutral-900 !border !border-neutral-800 overflow-hidden"
+        showCloseButton={true}
+      >
+        <DialogTitle className="hidden" />
+
+        <div className="relative">
+          <div className="absolute inset-0 bg-gradient-to-br from-indigo-500/10 via-indigo-500/5 to-transparent pointer-events-none" />
+
+          <div className="absolute inset-x-0 top-0 h-48 overflow-hidden pointer-events-none">
+            <Sparkle size="w-2 h-2" delay="0s" top="15%" left="15%" />
+            <Sparkle size="w-3 h-3" delay="0.5s" top="25%" left="75%" />
+            <Sparkle size="w-2 h-2" delay="1s" top="35%" left="20%" />
+            <Sparkle size="w-4 h-4" delay="1.5s" top="10%" left="80%" />
+            <Sparkle size="w-2 h-2" delay="2s" top="30%" left="85%" />
+          </div>
+
+          <div className="relative pt-12 pb-8">
+            <div className="relative z-10 flex justify-center">
+              <div className="relative">
+                <div className="absolute inset-0 bg-gradient-to-br from-indigo-400 via-indigo-500 to-indigo-600 rounded-full blur-md opacity-50" />
+                <div className="relative w-32 h-32 rounded-full bg-gradient-to-br from-neutral-900 via-neutral-800 to-neutral-900 p-1 shadow-2xl">
+                  <div className="w-full h-full rounded-full bg-neutral-900 flex items-center justify-center overflow-hidden">
+                    <div className="relative w-20 h-20 bg-gradient-to-br from-indigo-500 to-indigo-600 rounded-full flex items-center justify-center">
+                      <DiscordIcon className="w-12 h-12 text-white" />
+                    </div>
+                  </div>
+                </div>
+
+                <div className="absolute -bottom-2 -right-2 bg-gradient-to-br from-indigo-500 to-indigo-600 rounded-full p-0.5 shadow-xl border-2 border-neutral-900">
+                  <div className="w-10 h-10 bg-neutral-900 rounded-full flex items-center justify-center">
+                    <Image
+                      src={Logo}
+                      alt="DeepSite"
+                      width={20}
+                      height={20}
+                      className="w-5 h-5"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <main className="px-8 pb-8 pt-4">
+            <div className="text-center mb-6">
+              <h2 className="text-2xl font-bold text-white mb-2">
+                Ready to level up your DeepSite experience?
+              </h2>
+              <p className="text-neutral-400 text-sm">
+                Get help, share your projects and ask for suggestions!
+              </p>
+            </div>
+
+            <div className="flex flex-col gap-3 mb-6">
+              {[
+                "Get exclusive preview to new features",
+                "Share your projects and get feedback",
+                "Priority support from the team",
+                "Enjoy real-time updates",
+              ].map((benefit, index) => (
+                <div
+                  key={index}
+                  className="flex items-start gap-3 text-neutral-200"
+                  style={{
+                    animation: `fadeIn 0.4s ease-out ${index * 0.1}s both`,
+                  }}
+                >
+                  <div className="flex-shrink-0 w-5 h-5 rounded-full bg-gradient-to-br from-indigo-500 to-indigo-600 flex items-center justify-center mt-0.5">
+                    <svg
+                      className="w-3 h-3 text-white"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke="currentColor"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        strokeWidth={3}
+                        d="M5 13l4 4L19 7"
+                      />
+                    </svg>
+                  </div>
+                  <span className="text-sm leading-6">{benefit}</span>
+                </div>
+              ))}
+            </div>
+
+            {/* CTA Button */}
+            <div className="flex flex-col gap-3 w-full">
+              <Button
+                onClick={handleJoinDiscord}
+                className="w-full !h-12 !text-base font-semibold !bg-gradient-to-r !from-indigo-500 !to-indigo-600 hover:!from-indigo-600 hover:!to-indigo-700 !text-white !border-0 transform hover:scale-[1.02] transition-all duration-200 shadow-lg shadow-indigo-500/25"
+              >
+                <DiscordIcon className="w-5 h-5 mr-2" />
+                Join Discord Community
+              </Button>
+
+              <p className="text-center text-xs text-neutral-500">
+                Free to join. Connect instantly.
+              </p>
+            </div>
+          </main>
+        </div>
+
+        <style jsx>{`
+          @keyframes fadeIn {
+            from {
+              opacity: 0;
+              transform: translateY(5px);
+            }
+            to {
+              opacity: 1;
+              transform: translateY(0);
+            }
+          }
+
+          @keyframes sparkle {
+            0%,
+            100% {
+              opacity: 0;
+              transform: scale(0) rotate(0deg);
+            }
+            50% {
+              opacity: 1;
+              transform: scale(1) rotate(180deg);
+            }
+          }
+
+          :global(.animate-sparkle) {
+            animation: sparkle 2s ease-in-out infinite;
+          }
+        `}</style>
+      </DialogContent>
+    </Dialog>
+  );
+};
diff --git a/components/editor/ask-ai/context.tsx b/components/editor/ask-ai/context.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3f852d6240cc4cbe0eedc9c647ed8b1ada118de3
--- /dev/null
+++ b/components/editor/ask-ai/context.tsx
@@ -0,0 +1,128 @@
+import { useState, useMemo } from "react";
+import { FileCode, FileText, Braces, AtSign } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { useEditor } from "@/hooks/useEditor";
+import { useAi } from "@/hooks/useAi";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import classNames from "classnames";
+
+export const Context = () => {
+  const { pages, currentPage, globalEditorLoading } = useEditor();
+  const { contextFile, setContextFile, globalAiLoading } = useAi();
+  const [open, setOpen] = useState(false);
+
+  const selectedFile = contextFile || null;
+
+  const getFileIcon = (filePath: string, size = "size-3.5") => {
+    if (filePath.endsWith(".css")) {
+      return <Braces className={size} />;
+    } else if (filePath.endsWith(".js")) {
+      return <FileCode className={size} />;
+    } else if (filePath.endsWith(".json")) {
+      return <Braces className={size} />;
+    } else {
+      return <FileText className={size} />;
+    }
+  };
+
+  const buttonContent = useMemo(() => {
+    if (selectedFile) {
+      return (
+        <>
+          <span className="truncate max-w-[120px]">{selectedFile}</span>
+        </>
+      );
+    }
+    return <>Add Context</>;
+  }, [selectedFile]);
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          size="xs"
+          variant={open ? "default" : "outline"}
+          className={classNames("!rounded-md", {
+            "!bg-blue-500/10 !border-blue-500/30 !text-blue-400":
+              selectedFile && selectedFile.endsWith(".css"),
+            "!bg-orange-500/10 !border-orange-500/30 !text-orange-400":
+              selectedFile && selectedFile.endsWith(".html"),
+            "!bg-amber-500/10 !border-amber-500/30 !text-amber-400":
+              selectedFile && selectedFile.endsWith(".js"),
+            "!bg-yellow-500/10 !border-yellow-500/30 !text-yellow-400":
+              selectedFile && selectedFile.endsWith(".json"),
+          })}
+          disabled={
+            globalAiLoading || globalEditorLoading || pages.length === 0
+          }
+        >
+          <AtSign className="size-3.5" />
+
+          {buttonContent}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        align="start"
+        className="w-64 !bg-neutral-900 !border-neutral-800 !p-0 !rounded-2xl overflow-hidden"
+      >
+        <header className="flex items-center justify-center text-xs px-2 py-2.5 border-b gap-2 bg-neutral-950 border-neutral-800 font-semibold text-neutral-200">
+          Select a file to send as context
+        </header>
+        <main className="space-y-1 p-2">
+          <div className="max-h-[200px] overflow-y-auto space-y-0.5">
+            {pages.length === 0 ? (
+              <div className="px-2 py-2 text-xs text-neutral-500">
+                No files available
+              </div>
+            ) : (
+              <>
+                <button
+                  onClick={() => {
+                    setContextFile(null);
+                    setOpen(false);
+                  }}
+                  className={`cursor-pointer w-full px-2 py-1.5 text-xs text-left rounded-md hover:bg-neutral-800 transition-colors ${
+                    !selectedFile
+                      ? "bg-neutral-800 text-neutral-200 font-medium"
+                      : "text-neutral-400 hover:text-neutral-200"
+                  }`}
+                >
+                  All files (default)
+                </button>
+                {pages.map((page) => (
+                  <button
+                    key={page.path}
+                    onClick={() => {
+                      setContextFile(page.path);
+                      setOpen(false);
+                    }}
+                    className={`cursor-pointer w-full px-2 py-1.5 text-xs text-left rounded-md hover:bg-neutral-800 transition-colors flex items-center gap-1.5 ${
+                      selectedFile === page.path
+                        ? "bg-neutral-800 text-neutral-200 font-medium"
+                        : "text-neutral-400 hover:text-neutral-200"
+                    }`}
+                  >
+                    <span className="shrink-0">
+                      {getFileIcon(page.path, "size-3")}
+                    </span>
+                    <span className="truncate flex-1">{page.path}</span>
+                    {page.path === currentPage && (
+                      <span className="text-[10px] text-neutral-500 shrink-0">
+                        (current)
+                      </span>
+                    )}
+                  </button>
+                ))}
+              </>
+            )}
+          </div>
+        </main>
+      </PopoverContent>
+    </Popover>
+  );
+};
diff --git a/components/editor/ask-ai/fake-ask.tsx b/components/editor/ask-ai/fake-ask.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..41962ca7644fbd674870ed9adb16553bffdfa5a3
--- /dev/null
+++ b/components/editor/ask-ai/fake-ask.tsx
@@ -0,0 +1,97 @@
+import { useState } from "react";
+import { useLocalStorage } from "react-use";
+import { ArrowUp, Dice6 } from "lucide-react";
+import { useRouter } from "next/navigation";
+
+import { Button } from "@/components/ui/button";
+import { PromptBuilder } from "./prompt-builder";
+import { EnhancedSettings } from "@/types";
+import { Settings } from "./settings";
+import classNames from "classnames";
+import { PROMPTS_FOR_AI } from "@/lib/prompts";
+
+export const FakeAskAi = () => {
+  const router = useRouter();
+  const [prompt, setPrompt] = useState("");
+  const [openProvider, setOpenProvider] = useState(false);
+  const [enhancedSettings, setEnhancedSettings, removeEnhancedSettings] =
+    useLocalStorage<EnhancedSettings>("deepsite-enhancedSettings", {
+      isActive: true,
+      primaryColor: undefined,
+      secondaryColor: undefined,
+      theme: undefined,
+    });
+  const [, setPromptStorage] = useLocalStorage("prompt", "");
+  const [randomPromptLoading, setRandomPromptLoading] = useState(false);
+
+  const callAi = async () => {
+    setPromptStorage(prompt);
+    router.push("/new");
+  };
+
+  const randomPrompt = () => {
+    setRandomPromptLoading(true);
+    setTimeout(() => {
+      setPrompt(
+        PROMPTS_FOR_AI[Math.floor(Math.random() * PROMPTS_FOR_AI.length)]
+      );
+      setRandomPromptLoading(false);
+    }, 400);
+  };
+
+  return (
+    <div className="p-3 w-full max-w-xl mx-auto">
+      <div className="relative bg-neutral-800 border border-neutral-700 rounded-2xl ring-[4px] focus-within:ring-neutral-500/30 focus-within:border-neutral-600 ring-transparent z-20 w-full group">
+        <div className="w-full relative flex items-start justify-between pr-4 pt-4">
+          <textarea
+            className="w-full bg-transparent text-sm outline-none text-white placeholder:text-neutral-400 px-4 pb-4 resize-none"
+            placeholder="Ask DeepSite anything..."
+            value={prompt}
+            onChange={(e) => setPrompt(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" && !e.shiftKey) {
+                callAi();
+              }
+            }}
+          />
+          <Button
+            size="iconXs"
+            variant="outline"
+            className="!rounded-md"
+            onClick={() => randomPrompt()}
+          >
+            <Dice6
+              className={classNames("size-4", {
+                "animate-spin animation-duration-500": randomPromptLoading,
+              })}
+            />
+          </Button>
+        </div>
+        <div className="flex items-center justify-between gap-2 px-4 pb-3 mt-2">
+          <div className="flex-1 flex items-center justify-start gap-1.5 flex-wrap">
+            <PromptBuilder
+              enhancedSettings={enhancedSettings!}
+              setEnhancedSettings={setEnhancedSettings}
+            />
+            <Settings
+              open={openProvider}
+              isFollowUp={false}
+              error=""
+              onClose={setOpenProvider}
+            />
+          </div>
+          <div className="flex items-center justify-end gap-2">
+            <Button
+              size="iconXs"
+              variant="outline"
+              className="!rounded-md"
+              onClick={() => callAi()}
+            >
+              <ArrowUp className="size-4" />
+            </Button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/components/editor/ask-ai/index.tsx b/components/editor/ask-ai/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e5fcc9095419569a545be3d9577d7dba1802f03c
--- /dev/null
+++ b/components/editor/ask-ai/index.tsx
@@ -0,0 +1,353 @@
+import { useRef, useState } from "react";
+import classNames from "classnames";
+import { ArrowUp, ChevronDown, CircleStop, Dice6 } from "lucide-react";
+import { useLocalStorage, useUpdateEffect, useMount } from "react-use";
+import { toast } from "sonner";
+
+import { useAi } from "@/hooks/useAi";
+import { useEditor } from "@/hooks/useEditor";
+import { EnhancedSettings, Project } from "@/types";
+import { SelectedFiles } from "@/components/editor/ask-ai/selected-files";
+import { SelectedHtmlElement } from "@/components/editor/ask-ai/selected-html-element";
+import { AiLoading } from "@/components/editor/ask-ai/loading";
+import { Button } from "@/components/ui/button";
+import { Uploader } from "@/components/editor/ask-ai/uploader";
+import { ReImagine } from "@/components/editor/ask-ai/re-imagine";
+import { Selector } from "@/components/editor/ask-ai/selector";
+import { PromptBuilder } from "@/components/editor/ask-ai/prompt-builder";
+import { Context } from "@/components/editor/ask-ai/context";
+import { useUser } from "@/hooks/useUser";
+import { useLoginModal } from "@/components/contexts/login-context";
+import { Settings } from "./settings";
+import { useProModal } from "@/components/contexts/pro-context";
+import { MAX_FREE_PROJECTS } from "@/lib/utils";
+import { PROMPTS_FOR_AI } from "@/lib/prompts";
+import { SelectedRedesignUrl } from "./selected-redesign-url";
+
+export const AskAi = ({
+  project,
+  isNew,
+  onScrollToBottom,
+}: {
+  project?: Project;
+  files?: string[];
+  isNew?: boolean;
+  onScrollToBottom?: () => void;
+}) => {
+  const { user, projects } = useUser();
+  const { isSameHtml, isUploading, pages, isLoadingProject } = useEditor();
+  const {
+    isAiWorking,
+    isThinking,
+    thinkingContent,
+    selectedFiles,
+    setSelectedFiles,
+    selectedElement,
+    setSelectedElement,
+    callAiNewProject,
+    callAiFollowUp,
+    audio: hookAudio,
+    cancelRequest,
+  } = useAi(onScrollToBottom);
+  const { openLoginModal } = useLoginModal();
+  const { openProModal } = useProModal();
+  const [openProvider, setOpenProvider] = useState(false);
+  const [providerError, setProviderError] = useState("");
+  const [redesignData, setRedesignData] = useState<
+    undefined | { markdown: string; url: string }
+  >(undefined);
+  const refThink = useRef<HTMLDivElement>(null);
+
+  const [enhancedSettings, setEnhancedSettings, removeEnhancedSettings] =
+    useLocalStorage<EnhancedSettings>("deepsite-enhancedSettings", {
+      isActive: false,
+      primaryColor: undefined,
+      secondaryColor: undefined,
+      theme: undefined,
+    });
+  const [promptStorage, , removePromptStorage] = useLocalStorage("prompt", "");
+
+  const [isFollowUp, setIsFollowUp] = useState(true);
+  const [prompt, setPrompt] = useState(
+    promptStorage && promptStorage.trim() !== "" ? promptStorage : ""
+  );
+  const [openThink, setOpenThink] = useState(false);
+  const [randomPromptLoading, setRandomPromptLoading] = useState(false);
+
+  useMount(() => {
+    if (promptStorage && promptStorage.trim() !== "") {
+      callAi();
+    }
+  });
+
+  const callAi = async (redesignMarkdown?: string | undefined) => {
+    removePromptStorage();
+    if (user && !user.isPro && projects.length >= MAX_FREE_PROJECTS)
+      return openProModal([]);
+    if (isAiWorking) return;
+    if (!redesignMarkdown && !prompt.trim()) return;
+
+    if (isFollowUp && !redesignMarkdown && !isSameHtml) {
+      if (!user) return openLoginModal({ prompt });
+      const result = await callAiFollowUp(prompt, enhancedSettings, isNew);
+
+      if (result?.error) {
+        handleError(result.error, result.message);
+        return;
+      }
+
+      if (result?.success) {
+        setPrompt("");
+      }
+    } else {
+      const result = await callAiNewProject(
+        prompt,
+        enhancedSettings,
+        redesignMarkdown,
+        !!user,
+        user?.name
+      );
+
+      if (result?.error) {
+        handleError(result.error, result.message);
+        return;
+      }
+
+      if (result?.success) {
+        setPrompt("");
+      }
+    }
+  };
+
+  const handleError = (error: string, message?: string) => {
+    switch (error) {
+      case "login_required":
+        openLoginModal();
+        break;
+      case "provider_required":
+        setOpenProvider(true);
+        setProviderError(message || "");
+        break;
+      case "pro_required":
+        openProModal([]);
+        break;
+      case "api_error":
+        toast.error(message || "An error occurred");
+        break;
+      case "network_error":
+        toast.error(message || "Network error occurred");
+        break;
+      default:
+        toast.error("An unexpected error occurred");
+    }
+  };
+
+  useUpdateEffect(() => {
+    if (refThink.current) {
+      refThink.current.scrollTop = refThink.current.scrollHeight;
+    }
+    // Auto-open dropdown when thinking content appears
+    if (thinkingContent && isThinking && !openThink) {
+      setOpenThink(true);
+    }
+    // Auto-collapse when thinking is complete
+    if (thinkingContent && !isThinking && openThink) {
+      setOpenThink(false);
+    }
+  }, [thinkingContent, isThinking]);
+
+  const randomPrompt = () => {
+    setRandomPromptLoading(true);
+    setTimeout(() => {
+      setPrompt(
+        PROMPTS_FOR_AI[Math.floor(Math.random() * PROMPTS_FOR_AI.length)]
+      );
+      setRandomPromptLoading(false);
+    }, 400);
+  };
+
+  return (
+    <div className="p-3 w-full">
+      <div className="relative bg-neutral-800 border border-neutral-700 rounded-2xl ring-[4px] focus-within:ring-neutral-500/30 focus-within:border-neutral-600 ring-transparent z-20 w-full group">
+        {thinkingContent && (
+          <div className="w-full border-b border-neutral-700 relative overflow-hidden">
+            <header
+              className="flex items-center justify-between px-5 py-2.5 group hover:bg-neutral-600/20 transition-colors duration-200 cursor-pointer"
+              onClick={() => {
+                setOpenThink(!openThink);
+              }}
+            >
+              <p className="text-sm font-medium text-neutral-300 group-hover:text-neutral-200 transition-colors duration-200">
+                {isThinking ? "DeepSite is thinking..." : "DeepSite's plan"}
+              </p>
+              <ChevronDown
+                className={classNames(
+                  "size-4 text-neutral-400 group-hover:text-neutral-300 transition-all duration-200",
+                  {
+                    "rotate-180": openThink,
+                  }
+                )}
+              />
+            </header>
+            <main
+              ref={refThink}
+              className={classNames(
+                "overflow-y-auto transition-all duration-200 ease-in-out",
+                {
+                  "max-h-[0px]": !openThink,
+                  "min-h-[250px] max-h-[250px] border-t border-neutral-700":
+                    openThink,
+                }
+              )}
+            >
+              <p className="text-[13px] text-neutral-400 whitespace-pre-line px-5 pb-4 pt-3">
+                {thinkingContent}
+              </p>
+            </main>
+          </div>
+        )}
+        <SelectedFiles
+          files={selectedFiles}
+          isAiWorking={isAiWorking}
+          onDelete={(file) =>
+            setSelectedFiles(selectedFiles.filter((f) => f !== file))
+          }
+        />
+        {selectedElement && (
+          <div className="px-4 pt-3">
+            <SelectedHtmlElement
+              element={selectedElement}
+              isAiWorking={isAiWorking}
+              onDelete={() => setSelectedElement(null)}
+            />
+          </div>
+        )}
+        {redesignData && (
+          <div className="px-4 pt-3">
+            <SelectedRedesignUrl
+              url={redesignData.url}
+              isAiWorking={isAiWorking}
+              onDelete={() => setRedesignData(undefined)}
+            />
+          </div>
+        )}
+        <div className="w-full relative flex items-center justify-between">
+          {(isAiWorking || isUploading || isThinking || isLoadingProject) && (
+            <div className="absolute bg-neutral-800 top-0 left-4 w-[calc(100%-30px)] h-full z-1 flex items-start pt-3.5 justify-between max-lg:text-sm">
+              <AiLoading
+                text={
+                  isLoadingProject
+                    ? "Fetching your project..."
+                    : isUploading
+                    ? "Uploading images..."
+                    : isAiWorking && !isSameHtml
+                    ? "DeepSite is working..."
+                    : "DeepSite is working..."
+                }
+              />
+              {isAiWorking && (
+                <Button
+                  size="iconXs"
+                  variant="outline"
+                  className="!rounded-md mr-0.5"
+                  onClick={cancelRequest}
+                >
+                  <CircleStop className="size-4" />
+                </Button>
+              )}
+            </div>
+          )}
+          <textarea
+            disabled={
+              isAiWorking || isUploading || isThinking || isLoadingProject
+            }
+            className={classNames(
+              "w-full bg-transparent text-sm outline-none text-white placeholder:text-neutral-400 p-4 resize-none",
+              {
+                "!pt-2.5":
+                  selectedElement &&
+                  !(isAiWorking || isUploading || isThinking),
+              }
+            )}
+            placeholder={
+              selectedElement
+                ? `Ask DeepSite about ${selectedElement.tagName.toLowerCase()}...`
+                : redesignData
+                ? "Ask DeepSite anything about the redesign of your site..."
+                : isFollowUp && (!isSameHtml || pages?.length > 1)
+                ? "Ask DeepSite for edits"
+                : "Ask DeepSite anything..."
+            }
+            value={prompt}
+            onChange={(e) => setPrompt(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" && !e.shiftKey) {
+                callAi();
+              }
+            }}
+          />
+          {isNew && !isAiWorking && isSameHtml && (
+            <Button
+              size="iconXs"
+              variant="outline"
+              className="!rounded-md -translate-y-2 -translate-x-4"
+              onClick={() => randomPrompt()}
+            >
+              <Dice6
+                className={classNames("size-4", {
+                  "animate-spin animation-duration-500": randomPromptLoading,
+                })}
+              />
+            </Button>
+          )}
+        </div>
+        <div className="flex items-center justify-between gap-2 px-4 pb-3 mt-2">
+          <div className="flex-1 flex items-center justify-start gap-1.5 flex-wrap">
+            {isNew ? (
+              <PromptBuilder
+                enhancedSettings={enhancedSettings!}
+                setEnhancedSettings={setEnhancedSettings}
+              />
+            ) : (
+              <Context />
+            )}
+            <Settings
+              open={openProvider}
+              error={providerError}
+              isFollowUp={!isSameHtml && isFollowUp}
+              onClose={setOpenProvider}
+            />
+            {!isNew && <Uploader project={project} />}
+            {isNew && (
+              <ReImagine
+                onRedesign={(md, url) =>
+                  setRedesignData({ markdown: md, url: url })
+                }
+              />
+            )}
+            {!isNew && !isSameHtml && <Selector />}
+          </div>
+          <div className="flex items-center justify-end gap-2">
+            <Button
+              size="iconXs"
+              variant="outline"
+              className="!rounded-md"
+              disabled={
+                !!redesignData?.url?.trim()
+                  ? false
+                  : isAiWorking || isUploading || isThinking || !prompt.trim()
+              }
+              onClick={() => callAi(redesignData?.markdown)}
+            >
+              <ArrowUp className="size-4" />
+            </Button>
+          </div>
+        </div>
+      </div>
+      <audio ref={hookAudio} id="audio" className="hidden">
+        <source src="/deepsite/success.mp3" type="audio/mpeg" />
+        Your browser does not support the audio element.
+      </audio>
+    </div>
+  );
+};
diff --git a/components/editor/ask-ai/loading.tsx b/components/editor/ask-ai/loading.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c22740e34cadceb16604dce377d823bf69ecc6ac
--- /dev/null
+++ b/components/editor/ask-ai/loading.tsx
@@ -0,0 +1,68 @@
+"use client";
+import Loading from "@/components/loading";
+import { useState, useEffect } from "react";
+import { useInterval } from "react-use";
+
+const TEXTS = [
+  "Teaching pixels to dance with style...",
+  "AI is having a creative breakthrough...",
+  "Channeling digital vibes into pure code...",
+  "Summoning the website spirits...",
+  "Brewing some algorithmic magic...",
+  "Composing a symphony of divs and spans...",
+  "Riding the wave of computational creativity...",
+  "Aligning the stars for perfect design...",
+  "Training circus animals to write CSS...",
+  "Launching ideas into the digital stratosphere...",
+];
+
+export const AiLoading = ({
+  text,
+  className,
+}: {
+  text?: string;
+  className?: string;
+}) => {
+  const [selectedText, setSelectedText] = useState(
+    text ?? TEXTS[0] // Start with first text to avoid hydration issues
+  );
+
+  // Set random text on client-side only to avoid hydration mismatch
+  useEffect(() => {
+    if (!text) {
+      setSelectedText(TEXTS[Math.floor(Math.random() * TEXTS.length)]);
+    }
+  }, [text]);
+
+  useInterval(() => {
+    if (!text) {
+      if (selectedText === TEXTS[TEXTS.length - 1]) {
+        setSelectedText(TEXTS[0]);
+      } else {
+        setSelectedText(TEXTS[TEXTS.indexOf(selectedText) + 1]);
+      }
+    }
+  }, 12000);
+  return (
+    <div className={`flex items-center justify-start gap-2 ${className}`}>
+      <Loading overlay={false} className="!size-5 opacity-50" />
+      <p className="text-neutral-400 text-sm">
+        <span className="inline-flex">
+          {selectedText.split("").map((char, index) => (
+            <span
+              key={index}
+              className="bg-gradient-to-r from-neutral-100 to-neutral-300 bg-clip-text text-transparent animate-pulse"
+              style={{
+                animationDelay: `${index * 0.1}s`,
+                animationDuration: "1.3s",
+                animationIterationCount: "infinite",
+              }}
+            >
+              {char === " " ? "\u00A0" : char}
+            </span>
+          ))}
+        </span>
+      </p>
+    </div>
+  );
+};
diff --git a/components/editor/ask-ai/prompt-builder/content-modal.tsx b/components/editor/ask-ai/prompt-builder/content-modal.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..19f4340bc7f743a09d4b1ee96a5e9514d068ba87
--- /dev/null
+++ b/components/editor/ask-ai/prompt-builder/content-modal.tsx
@@ -0,0 +1,196 @@
+import classNames from "classnames";
+import { ChevronRight, RefreshCcw } from "lucide-react";
+import { useState } from "react";
+import { TailwindColors } from "./tailwind-colors";
+import { Switch } from "@/components/ui/switch";
+import { Button } from "@/components/ui/button";
+import { Themes } from "./themes";
+import { EnhancedSettings } from "@/types";
+
+export const ContentModal = ({
+  enhancedSettings,
+  setEnhancedSettings,
+}: {
+  enhancedSettings: EnhancedSettings;
+  setEnhancedSettings: (settings: EnhancedSettings) => void;
+}) => {
+  const [collapsed, setCollapsed] = useState(["colors", "theme"]);
+  return (
+    <main className="overflow-x-hidden max-h-[50dvh] overflow-y-auto transparent-scroll">
+      <section className="w-full border-b border-neutral-800/80 px-6 py-3.5 sticky top-0 bg-neutral-900 z-10">
+        <div className="flex items-center justify-between gap-3">
+          <p className="text-base font-semibold text-neutral-200">
+            Allow DeepSite to enhance your prompt
+          </p>
+          <Switch
+            checked={enhancedSettings.isActive}
+            onCheckedChange={() =>
+              setEnhancedSettings({
+                ...enhancedSettings,
+                isActive: !enhancedSettings.isActive,
+              })
+            }
+          />
+        </div>
+        <p className="text-sm text-neutral-500 mt-2">
+          While using DeepSite enhanced prompt, you'll get better results. We'll
+          add more details and features to your request.
+        </p>
+        <div className="text-sm text-sky-500 mt-3 bg-gradient-to-r from-sky-400/15 to-purple-400/15 rounded-md px-3 py-2 border border-white/10">
+          <p className="text-transparent bg-gradient-to-r from-sky-400 to-purple-400 bg-clip-text">
+            You can also use the custom properties below to set specific
+            information.
+          </p>
+        </div>
+      </section>
+      <section className="py-3.5 border-b border-neutral-800/80">
+        <div
+          className={classNames(
+            "flex items-center justify-start gap-3 px-4 cursor-pointer text-neutral-400 hover:text-neutral-200",
+            {
+              "!text-neutral-200": collapsed.includes("colors"),
+            }
+          )}
+          onClick={() =>
+            setCollapsed((prev) => {
+              if (prev.includes("colors")) {
+                return prev.filter((item) => item !== "colors");
+              }
+              return [...prev, "colors"];
+            })
+          }
+        >
+          <ChevronRight className="size-4" />
+          <p className="text-base font-semibold">Colors</p>
+        </div>
+        {collapsed.includes("colors") && (
+          <div className="mt-4 space-y-4">
+            <article className="w-full">
+              <div className="flex items-center justify-start gap-2 px-5">
+                <p className="text-xs font-medium uppercase text-neutral-400">
+                  Primary Color
+                </p>
+                <Button
+                  variant="bordered"
+                  size="xss"
+                  className={`${
+                    enhancedSettings.primaryColor ? "" : "opacity-0"
+                  }`}
+                  onClick={() =>
+                    setEnhancedSettings({
+                      ...enhancedSettings,
+                      primaryColor: undefined,
+                    })
+                  }
+                >
+                  <RefreshCcw className="size-2.5" />
+                  Reset
+                </Button>
+              </div>
+              <div className="text-muted-foreground text-sm mt-4">
+                <TailwindColors
+                  value={enhancedSettings.primaryColor}
+                  onChange={(value) =>
+                    setEnhancedSettings({
+                      ...enhancedSettings,
+                      primaryColor: value,
+                    })
+                  }
+                />
+              </div>
+            </article>
+            <article className="w-full">
+              <div className="flex items-center justify-start gap-2 px-5">
+                <p className="text-xs font-medium uppercase text-neutral-400">
+                  Secondary Color
+                </p>
+                <Button
+                  variant="bordered"
+                  size="xss"
+                  className={`${
+                    enhancedSettings.secondaryColor ? "" : "opacity-0"
+                  }`}
+                  onClick={() =>
+                    setEnhancedSettings({
+                      ...enhancedSettings,
+                      secondaryColor: undefined,
+                    })
+                  }
+                >
+                  <RefreshCcw className="size-2.5" />
+                  Reset
+                </Button>
+              </div>
+              <div className="text-muted-foreground text-sm mt-4">
+                <TailwindColors
+                  value={enhancedSettings.secondaryColor}
+                  onChange={(value) =>
+                    setEnhancedSettings({
+                      ...enhancedSettings,
+                      secondaryColor: value,
+                    })
+                  }
+                />
+              </div>
+            </article>
+          </div>
+        )}
+      </section>
+      <section className="py-3.5 border-b border-neutral-800/80">
+        <div
+          className={classNames(
+            "flex items-center justify-start gap-3 px-4 cursor-pointer text-neutral-400 hover:text-neutral-200",
+            {
+              "!text-neutral-200": collapsed.includes("theme"),
+            }
+          )}
+          onClick={() =>
+            setCollapsed((prev) => {
+              if (prev.includes("theme")) {
+                return prev.filter((item) => item !== "theme");
+              }
+              return [...prev, "theme"];
+            })
+          }
+        >
+          <ChevronRight className="size-4" />
+          <p className="text-base font-semibold">Theme</p>
+        </div>
+        {collapsed.includes("theme") && (
+          <article className="w-full mt-4">
+            <div className="flex items-center justify-start gap-2 px-5">
+              <p className="text-xs font-medium uppercase text-neutral-400">
+                Theme
+              </p>
+              <Button
+                variant="bordered"
+                size="xss"
+                className={`${enhancedSettings.theme ? "" : "opacity-0"}`}
+                onClick={() =>
+                  setEnhancedSettings({
+                    ...enhancedSettings,
+                    theme: undefined,
+                  })
+                }
+              >
+                <RefreshCcw className="size-2.5" />
+                Reset
+              </Button>
+            </div>
+            <div className="text-muted-foreground text-sm mt-4">
+              <Themes
+                value={enhancedSettings.theme}
+                onChange={(value) =>
+                  setEnhancedSettings({
+                    ...enhancedSettings,
+                    theme: value,
+                  })
+                }
+              />
+            </div>
+          </article>
+        )}
+      </section>
+    </main>
+  );
+};
diff --git a/components/editor/ask-ai/prompt-builder/index.tsx b/components/editor/ask-ai/prompt-builder/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f59e8f8a95f47bba52520923f7f86e6e425a39f9
--- /dev/null
+++ b/components/editor/ask-ai/prompt-builder/index.tsx
@@ -0,0 +1,68 @@
+import { useState } from "react";
+import { WandSparkles } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { useEditor } from "@/hooks/useEditor";
+import { useAi } from "@/hooks/useAi";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { ContentModal } from "./content-modal";
+import { EnhancedSettings } from "@/types";
+
+export const PromptBuilder = ({
+  enhancedSettings,
+  setEnhancedSettings,
+}: {
+  enhancedSettings: EnhancedSettings;
+  setEnhancedSettings: (settings: EnhancedSettings) => void;
+}) => {
+  const { globalAiLoading } = useAi();
+  const { globalEditorLoading } = useEditor();
+
+  const [open, setOpen] = useState(false);
+  return (
+    <>
+      <Button
+        size="xs"
+        variant="outline"
+        className="!rounded-md !border-white/10 !bg-gradient-to-r from-sky-400/15 to-purple-400/15 light-sweep hover:brightness-110"
+        disabled={globalAiLoading || globalEditorLoading}
+        onClick={() => {
+          setOpen(true);
+        }}
+      >
+        <WandSparkles className="size-3.5 text-sky-500 relative z-10" />
+        <span className="text-transparent bg-gradient-to-r from-sky-400 to-purple-400 bg-clip-text relative z-10">
+          Enhance
+        </span>
+      </Button>
+      <Dialog open={open} onOpenChange={() => setOpen(false)}>
+        <DialogContent className="sm:max-w-xl !p-0 !rounded-3xl !bg-neutral-900 !border-neutral-800/80 !gap-0">
+          <DialogTitle className="px-6 py-3.5 border-b border-neutral-800">
+            <div className="flex items-center justify-start gap-2 text-neutral-200 text-base font-medium">
+              <WandSparkles className="size-3.5" />
+              <p>Enhance Prompt</p>
+            </div>
+          </DialogTitle>
+          <ContentModal
+            enhancedSettings={enhancedSettings}
+            setEnhancedSettings={setEnhancedSettings}
+          />
+          <DialogFooter className="px-6 py-3.5 border-t border-neutral-800">
+            <Button
+              variant="bordered"
+              size="default"
+              onClick={() => setOpen(false)}
+            >
+              Close
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+};
diff --git a/components/editor/ask-ai/prompt-builder/tailwind-colors.tsx b/components/editor/ask-ai/prompt-builder/tailwind-colors.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..70a2ab847cdeabb50887a29a03b831eb3cc65114
--- /dev/null
+++ b/components/editor/ask-ai/prompt-builder/tailwind-colors.tsx
@@ -0,0 +1,58 @@
+import classNames from "classnames";
+import { useRef } from "react";
+
+import { TAILWIND_COLORS } from "@/lib/prompt-builder";
+import { useMount } from "react-use";
+
+export const TailwindColors = ({
+  value,
+  onChange,
+}: {
+  value: string | undefined;
+  onChange: (value: string) => void;
+}) => {
+  const ref = useRef<HTMLDivElement>(null);
+
+  useMount(() => {
+    if (ref.current) {
+      if (value) {
+        const color = ref.current.querySelector(`[data-color="${value}"]`);
+        if (color) {
+          color.scrollIntoView({ inline: "center" });
+        }
+      }
+    }
+  });
+  return (
+    <div
+      ref={ref}
+      className="flex items-center justify-start gap-3 overflow-x-auto px-5 transparent-scroll"
+    >
+      {TAILWIND_COLORS.map((color) => (
+        <div
+          key={color}
+          className={classNames(
+            "flex flex-col items-center justify-center p-3 size-16 min-w-16 gap-2 rounded-lg border border-neutral-800 bg-neutral-800/30 hover:brightness-120 cursor-pointer",
+            {
+              "!border-neutral-700 !bg-neutral-800/80 hover:!brightness-100":
+                value === color,
+            }
+          )}
+          data-color={color}
+          onClick={() => onChange(color)}
+        >
+          <div
+            className={`w-4 h-4 min-w-4 min-h-4 rounded-xl ${
+              ["white", "black"].includes(color)
+                ? `bg-${color}`
+                : `bg-${color}-500`
+            }`}
+          />
+          <p className="text-xs capitalize text-neutral-200 truncate">
+            {color}
+          </p>
+        </div>
+      ))}
+    </div>
+  );
+};
diff --git a/components/editor/ask-ai/prompt-builder/themes.tsx b/components/editor/ask-ai/prompt-builder/themes.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b419e8618153c8fd467dd3018fd521ac8930d487
--- /dev/null
+++ b/components/editor/ask-ai/prompt-builder/themes.tsx
@@ -0,0 +1,48 @@
+import { Theme } from "@/types";
+import classNames from "classnames";
+import { Moon, Sun } from "lucide-react";
+import { useRef } from "react";
+
+export const Themes = ({
+  value,
+  onChange,
+}: {
+  value: Theme;
+  onChange: (value: Theme) => void;
+}) => {
+  const ref = useRef<HTMLDivElement>(null);
+
+  return (
+    <div
+      ref={ref}
+      className="flex items-center justify-start gap-3 overflow-x-auto px-5 scrollbar-hide"
+    >
+      <div
+        className={classNames(
+          "flex flex-col items-center justify-center p-3 size-16 min-w-32 gap-2 rounded-lg border border-neutral-800 bg-neutral-800/30 hover:brightness-120 cursor-pointer",
+          {
+            "!border-neutral-700 !bg-neutral-800/80 hover:!brightness-100":
+              value === "light",
+          }
+        )}
+        onClick={() => onChange("light")}
+      >
+        <Sun className="size-4 text-amber-500" />
+        <p className="text-xs capitalize text-neutral-200 truncate">Light</p>
+      </div>
+      <div
+        className={classNames(
+          "flex flex-col items-center justify-center p-3 size-16 min-w-32 gap-2 rounded-lg border border-neutral-800 bg-neutral-800/30 hover:brightness-120 cursor-pointer",
+          {
+            "!border-neutral-700 !bg-neutral-800/80 hover:!brightness-100":
+              value === "dark",
+          }
+        )}
+        onClick={() => onChange("dark")}
+      >
+        <Moon className="size-4 text-indigo-500" />
+        <p className="text-xs capitalize text-neutral-200 truncate">Dark</p>
+      </div>
+    </div>
+  );
+};
diff --git a/components/ask-ai/redesign.tsx b/components/editor/ask-ai/re-imagine.tsx
similarity index 68%
rename from components/ask-ai/redesign.tsx
rename to components/editor/ask-ai/re-imagine.tsx
index 3cddd074da060741f6d413c5fdc31c9dba86c460..9531db25a30e4eabb3e17f1b399eab7b32f64d67 100644
--- a/components/ask-ai/redesign.tsx
+++ b/components/editor/ask-ai/re-imagine.tsx
@@ -10,8 +10,12 @@ import {
 } from "@/components/ui/popover";
 import { Input } from "@/components/ui/input";
 import Loading from "@/components/loading";
+import { api } from "@/lib/api";
+import { useAi } from "@/hooks/useAi";
+import { useEditor } from "@/hooks/useEditor";
+import classNames from "classnames";
 
-export function Redesign({
+export function ReImagine({
   onRedesign,
 }: {
   onRedesign: (md: string, url: string) => void;
@@ -19,7 +23,8 @@ export function Redesign({
   const [url, setUrl] = useState<string>("");
   const [open, setOpen] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
+  const { globalAiLoading } = useAi();
+  const { globalEditorLoading } = useEditor();
 
   const checkIfUrlIsValid = (url: string) => {
     const urlPattern = new RegExp(
@@ -30,8 +35,7 @@ export function Redesign({
   };
 
   const handleClick = async () => {
-    setError(null);
-    if (isLoading) return;
+    if (isLoading) return; // Prevent multiple clicks while loading
     if (!url) {
       toast.error("Please enter a URL.");
       return;
@@ -41,24 +45,16 @@ export function Redesign({
       return;
     }
     setIsLoading(true);
-    const response = await fetch("/api/redesign", {
-      method: "PUT",
-      body: JSON.stringify({ url: url.trim() }),
-      headers: {
-        "Content-Type": "application/json",
-      },
-    })
-      .then(async (response) => {
-        if (response?.ok) {
-          const data = await response.json();
-          return data;
-        }
-      })
-      .catch((error) => {
-        setError(error.message);
-      });
-    if (response.ok) {
-      onRedesign(response.markdown, url);
+    const response = await api.put("/re-design", {
+      url: url.trim(),
+    });
+    if (response?.data?.ok) {
+      setOpen(false);
+      onRedesign(response.data.markdown, url.trim());
+      setUrl("");
+      toast.success("DeepSite is redesigning your site! Let him cook... 🔥");
+    } else {
+      toast.error(response?.data?.error || "Failed to redesign the site.");
     }
     setIsLoading(false);
   };
@@ -69,9 +65,9 @@ export function Redesign({
         <PopoverTrigger asChild>
           <Button
             size="xs"
-            id="tour-redesign-section"
-            variant={open ? "default" : "bordered"}
-            className="rounded-full! px-2.5!"
+            variant={open ? "default" : "outline"}
+            className="!rounded-md"
+            disabled={globalAiLoading || globalEditorLoading}
           >
             <Paintbrush className="size-3.5" />
             Redesign
@@ -79,9 +75,9 @@ export function Redesign({
         </PopoverTrigger>
         <PopoverContent
           align="start"
-          className="rounded-2xl! p-0! bg-accent! border-border-muted! min-w-xs text-center overflow-hidden"
+          className="!rounded-2xl !p-0 !bg-white !border-neutral-100 min-w-xs text-center overflow-hidden"
         >
-          <header className="bg-linear-to-b from-indigo-500/25 dark:from-indigo-500/40 to-accent p-6">
+          <header className="bg-neutral-50 p-6 border-b border-neutral-200/60">
             <div className="flex items-center justify-center -space-x-4 mb-3">
               <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
                 🎨
@@ -93,17 +89,16 @@ export function Redesign({
                 💎
               </div>
             </div>
-            <p className="text-xl font-semibold text-primary">
+            <p className="text-xl font-semibold text-neutral-950">
               Redesign your Site!
             </p>
-            <p className="text-sm text-muted-foreground mt-1.5">
+            <p className="text-sm text-neutral-500 mt-1.5">
               Try our new Redesign feature to give your site a fresh look.
             </p>
           </header>
           <main className="space-y-4 p-6">
-            {error && <p className="text-sm text-red-500">{error}</p>}
             <div>
-              <p className="text-sm text-muted-foreground mb-2">
+              <p className="text-sm text-neutral-700 mb-2">
                 Enter your website URL to get started:
               </p>
               <Input
@@ -128,18 +123,23 @@ export function Redesign({
                     handleClick();
                   }
                 }}
+                className="!bg-white !border-neutral-300 !text-neutral-800 !placeholder:text-neutral-400 selection:!bg-blue-100"
               />
             </div>
             <div>
-              <p className="text-sm text-muted-foreground mb-2">
+              <p className="text-sm text-neutral-700 mb-2">
                 Then, let&apos;s redesign it!
               </p>
-              <Button onClick={handleClick} className="relative w-full">
+              <Button
+                variant="black"
+                onClick={handleClick}
+                className="relative w-full"
+              >
                 {isLoading ? (
                   <>
                     <Loading
                       overlay={false}
-                      className="ml-2 size-4 animate-spin text-primary-foreground"
+                      className="ml-2 size-4 animate-spin"
                     />
                     Fetching your site...
                   </>
diff --git a/components/editor/ask-ai/selected-files.tsx b/components/editor/ask-ai/selected-files.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..7dd4acbccc7a3d2bc88c95277155acb4ea045522
--- /dev/null
+++ b/components/editor/ask-ai/selected-files.tsx
@@ -0,0 +1,54 @@
+import Image from "next/image";
+
+import { Button } from "@/components/ui/button";
+import { Minus, Video, Music } from "lucide-react";
+import { getFileType } from "./uploader";
+
+export const SelectedFiles = ({
+  files,
+  isAiWorking,
+  onDelete,
+}: {
+  files: string[];
+  isAiWorking: boolean;
+  onDelete: (file: string) => void;
+}) => {
+  if (files.length === 0) return null;
+  return (
+    <div className="px-4 pt-3">
+      <div className="flex items-center justify-start gap-2">
+        {files.map((file) => (
+          <div
+            key={file}
+            className="flex items-center relative justify-start gap-2 p-1 bg-neutral-700 rounded-md"
+          >
+            {getFileType(file) === "image" ? (
+              <Image
+                src={file}
+                alt="uploaded image"
+                className="size-12 rounded-md object-cover"
+                width={40}
+                height={40}
+              />
+            ) : getFileType(file) === "video" ? (
+              <Video className="size-12 rounded-md object-cover" />
+            ) : getFileType(file) === "audio" ? (
+              <Music className="size-12 rounded-md object-cover" />
+            ) : null}
+            <Button
+              size="iconXsss"
+              variant="secondary"
+              className={`absolute top-0.5 right-0.5 ${
+                isAiWorking ? "opacity-50 !cursor-not-allowed" : ""
+              }`}
+              disabled={isAiWorking}
+              onClick={() => onDelete(file)}
+            >
+              <Minus className="size-4" />
+            </Button>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
diff --git a/components/editor/ask-ai/selected-html-element.tsx b/components/editor/ask-ai/selected-html-element.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a0a8930db4d067ef7adc46aa4917983bfcfd55f5
--- /dev/null
+++ b/components/editor/ask-ai/selected-html-element.tsx
@@ -0,0 +1,57 @@
+import classNames from "classnames";
+import { Code, XCircle } from "lucide-react";
+
+import { Collapsible, CollapsibleTrigger } from "@/components/ui/collapsible";
+import { htmlTagToText } from "@/lib/html-tag-to-text";
+
+export const SelectedHtmlElement = ({
+  element,
+  isAiWorking = false,
+  onDelete,
+}: {
+  element: HTMLElement | null;
+  isAiWorking: boolean;
+  onDelete?: () => void;
+}) => {
+  if (!element) return null;
+
+  const tagName = element.tagName.toLowerCase();
+  return (
+    <Collapsible
+      className={classNames(
+        "border border-neutral-700 rounded-xl p-1.5 pr-3 max-w-max hover:brightness-110 transition-all duration-200 ease-in-out !cursor-pointer",
+        {
+          "!cursor-pointer": !isAiWorking,
+          "opacity-50 !cursor-not-allowed": isAiWorking,
+        }
+      )}
+      disabled={isAiWorking}
+      onClick={() => {
+        if (!isAiWorking && onDelete) {
+          onDelete();
+        }
+      }}
+    >
+      <CollapsibleTrigger className="flex items-center justify-start gap-2 cursor-pointer">
+        <div className="rounded-lg bg-neutral-700 size-6 flex items-center justify-center">
+          <Code className="text-neutral-300 size-3.5" />
+        </div>
+        <p className="text-sm font-semibold text-neutral-300">
+          {element.textContent?.trim().split(/\s+/)[0]} {htmlTagToText(tagName)}
+        </p>
+        <XCircle className="text-neutral-300 size-4" />
+      </CollapsibleTrigger>
+      {/* <CollapsibleContent className="border-t border-neutral-700 pt-2 mt-2">
+        <div className="text-xs text-neutral-400">
+          <p>
+            <span className="font-semibold">ID:</span> {element.id || "No ID"}
+          </p>
+          <p>
+            <span className="font-semibold">Classes:</span>{" "}
+            {element.className || "No classes"}
+          </p>
+        </div>
+      </CollapsibleContent> */}
+    </Collapsible>
+  );
+};
diff --git a/components/editor/ask-ai/selected-redesign-url.tsx b/components/editor/ask-ai/selected-redesign-url.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c5ba812c3d540d5095a99ce42795c51a78ff4454
--- /dev/null
+++ b/components/editor/ask-ai/selected-redesign-url.tsx
@@ -0,0 +1,37 @@
+import classNames from "classnames";
+import { Paintbrush, XCircle } from "lucide-react";
+
+export const SelectedRedesignUrl = ({
+  url,
+  isAiWorking = false,
+  onDelete,
+}: {
+  url: string;
+  isAiWorking: boolean;
+  onDelete?: () => void;
+}) => {
+  return (
+    <div
+      className={classNames(
+        "border border-emerald-500/50 bg-emerald-500/10 rounded-xl p-1.5 pr-3 max-w-max hover:brightness-110 transition-all duration-200 ease-in-out",
+        {
+          "cursor-pointer": !isAiWorking,
+          "opacity-50 cursor-not-allowed": isAiWorking,
+        }
+      )}
+      onClick={() => {
+        if (!isAiWorking && onDelete) {
+          onDelete();
+        }
+      }}
+    >
+      <div className="flex items-center justify-start gap-2">
+        <div className="rounded-lg bg-emerald-500/20 size-6 flex items-center justify-center">
+          <Paintbrush className="text-emerald-300 size-3.5" />
+        </div>
+        <p className="text-sm font-semibold text-emerald-200">{url}</p>
+        <XCircle className="text-emerald-300 size-4 hover:text-emerald-200 transition-colors" />
+      </div>
+    </div>
+  );
+};
diff --git a/components/editor/ask-ai/selector.tsx b/components/editor/ask-ai/selector.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0ce4a6bfd0a5d4a02bb20ad82b33ca3947662084
--- /dev/null
+++ b/components/editor/ask-ai/selector.tsx
@@ -0,0 +1,41 @@
+import classNames from "classnames";
+import { Crosshair } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { useAi } from "@/hooks/useAi";
+import { useEditor } from "@/hooks/useEditor";
+
+export const Selector = () => {
+  const { globalEditorLoading } = useEditor();
+  const { isEditableModeEnabled, setIsEditableModeEnabled, globalAiLoading } =
+    useAi();
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <Button
+          size="xs"
+          variant={isEditableModeEnabled ? "default" : "outline"}
+          onClick={() => {
+            setIsEditableModeEnabled?.(!isEditableModeEnabled);
+          }}
+          disabled={globalAiLoading || globalEditorLoading}
+          className="!rounded-md"
+        >
+          <Crosshair className="size-3.5" />
+          Edit
+        </Button>
+      </TooltipTrigger>
+      <TooltipContent
+        align="start"
+        className="bg-neutral-950 text-xs text-neutral-200 py-1 px-2 rounded-md -translate-y-0.5"
+      >
+        Select an element on the page to ask DeepSite edit it directly.
+      </TooltipContent>
+    </Tooltip>
+  );
+};
diff --git a/components/editor/ask-ai/settings.tsx b/components/editor/ask-ai/settings.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..95633aadb07cbebb3b039702a7ec5d7897b09abc
--- /dev/null
+++ b/components/editor/ask-ai/settings.tsx
@@ -0,0 +1,335 @@
+"use client";
+import classNames from "classnames";
+
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { PROVIDERS, MODELS } from "@/lib/providers";
+import { Button } from "@/components/ui/button";
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { useMemo, useState, useEffect } from "react";
+import { useUpdateEffect } from "react-use";
+import Image from "next/image";
+import {
+  BrainIcon,
+  CheckCheck,
+  ChevronDown,
+  Sparkles,
+  Zap,
+  DollarSign,
+} from "lucide-react";
+import { useAi } from "@/hooks/useAi";
+import { getProviders } from "@/lib/get-providers";
+import Loading from "@/components/loading";
+
+export function Settings({
+  open,
+  onClose,
+  error,
+  isFollowUp = false,
+}: {
+  open: boolean;
+  error?: string;
+  isFollowUp?: boolean;
+  onClose: React.Dispatch<React.SetStateAction<boolean>>;
+}) {
+  const {
+    model,
+    provider,
+    setProvider,
+    setModel,
+    selectedModel,
+    globalAiLoading,
+  } = useAi();
+  const [isMounted, setIsMounted] = useState(false);
+  const [loadingProviders, setLoadingProviders] = useState(false);
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  // const modelAvailableProviders = useMemo(() => {
+  //   const availableProviders = MODELS.find(
+  //     (m: { value: string }) => m.value === model
+  //   )?.providers;
+  //   if (!availableProviders) return Object.keys(PROVIDERS);
+  //   return Object.keys(PROVIDERS).filter((id) =>
+  //     availableProviders.includes(id)
+  //   );
+  // }, [model]);
+
+  useUpdateEffect(() => {
+    if (
+      !["auto", "fastest", "cheapest"].includes(provider as string) &&
+      !providers.includes(provider as string)
+    ) {
+      setProvider("auto");
+    }
+  }, [model, provider]);
+
+  const formattedModels = useMemo(() => {
+    const lists: ((typeof MODELS)[0] | { isCategory: true; name: string })[] =
+      [];
+    const keys = new Set<string>();
+    MODELS.forEach((model) => {
+      if (!keys.has(model.companyName)) {
+        lists.push({
+          isCategory: true,
+          name: model.companyName,
+          logo: model.logo,
+        });
+        keys.add(model.companyName);
+      }
+      lists.push(model);
+    });
+    return lists;
+  }, [MODELS]);
+
+  const [providers, setProviders] = useState<any[]>([]);
+  const [failedImages, setFailedImages] = useState<Set<string>>(new Set());
+
+  useEffect(() => {
+    const loadProviders = async () => {
+      setLoadingProviders(true);
+      if (!model) {
+        setProviders([]);
+        return;
+      }
+      try {
+        const result = await getProviders(model);
+        setProviders(result);
+      } catch (error) {
+        console.error("Failed to load providers:", error);
+        setProviders([]);
+      } finally {
+        setLoadingProviders(false);
+      }
+    };
+
+    loadProviders();
+  }, [model]);
+
+  const handleImageError = (providerId: string) => {
+    setFailedImages((prev) => new Set([...prev, providerId]));
+  };
+
+  return (
+    <Popover open={open} onOpenChange={onClose}>
+      <PopoverTrigger asChild>
+        <Button
+          variant={open ? "default" : "outline"}
+          className="!rounded-md"
+          disabled={globalAiLoading || loadingProviders}
+          size="xs"
+        >
+          {/* <Brain className="size-3.5" /> */}
+          {selectedModel?.logo && (
+            <Image
+              src={selectedModel?.logo}
+              alt={selectedModel.label}
+              className={`size-3.5 ${open ? "" : "filter invert"}`}
+              width={20}
+              height={20}
+            />
+          )}
+          <span className="truncate max-w-[120px]">
+            {isMounted
+              ? selectedModel?.label?.split(" ").join("-").toLowerCase()
+              : "..."}
+          </span>
+          <ChevronDown className="size-3.5" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        className="!rounded-2xl p-0 !w-96 overflow-hidden !bg-neutral-900"
+        align="center"
+      >
+        <header className="flex items-center justify-center text-sm px-4 py-3 border-b gap-2 bg-neutral-950 border-neutral-800 font-semibold text-neutral-200">
+          Customize Settings
+        </header>
+        <main className="px-4 pt-5 pb-6 space-y-5">
+          {error !== "" && (
+            <p className="text-red-500 text-sm font-medium mb-2 flex items-center justify-between bg-red-500/10 p-2 rounded-md">
+              {error}
+            </p>
+          )}
+          <label className="block">
+            <p className="text-neutral-300 text-sm mb-2.5">Choose a model</p>
+            <Select defaultValue={model} onValueChange={setModel}>
+              <SelectTrigger className="w-full">
+                <SelectValue placeholder="Select a model" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectGroup>
+                  {formattedModels.map((item: any) => {
+                    if ("isCategory" in item) {
+                      return (
+                        <SelectLabel
+                          key={item.name}
+                          className="flex items-center gap-1"
+                        >
+                          {item.name}
+                        </SelectLabel>
+                      );
+                    }
+                    const {
+                      value,
+                      label,
+                      isNew = false,
+                      isThinker = false,
+                    } = item;
+                    return (
+                      <SelectItem
+                        key={value}
+                        value={value}
+                        className=""
+                        disabled={isThinker && isFollowUp}
+                      >
+                        {label}
+                        {isNew && (
+                          <span className="text-xs bg-gradient-to-br from-sky-400 to-sky-600 text-white rounded-full px-1.5 py-0.5">
+                            New
+                          </span>
+                        )}
+                      </SelectItem>
+                    );
+                  })}
+                </SelectGroup>
+              </SelectContent>
+            </Select>
+          </label>
+          {/* {isFollowUp && (
+            <div className="bg-amber-500/10 border-amber-500/10 p-3 text-xs text-amber-500 border rounded-lg">
+              Note: You can&apos;t use a Thinker model for follow-up requests.
+              We automatically switch to the default model for you.
+            </div>
+          )} */}
+          <div className="flex flex-col gap-3">
+            <div>
+              <p className="text-neutral-300 text-sm mb-1">Provider Mode</p>
+              <p className="text-neutral-400 text-xs mb-3 leading-relaxed">
+                Choose how we select providers:{" "}
+                <span className="px-1.5 py-0.5 rounded bg-pink-500/10 text-pink-500">
+                  Auto
+                </span>{" "}
+                (smart),{" "}
+                <span className="px-1.5 py-0.5 rounded bg-yellow-500/10 text-yellow-500">
+                  Fastest
+                </span>{" "}
+                (speed), or{" "}
+                <span className="px-1.5 py-0.5 rounded bg-green-500/10 text-green-500">
+                  Cheapest
+                </span>{" "}
+                (cost).
+              </p>
+              <div className="grid grid-cols-3 gap-1 bg-neutral-800 p-1 rounded-full">
+                <button
+                  className={classNames(
+                    "flex flex-col items-center justify-center cursor-pointer py-1.5 rounded-full transition-all duration-200",
+                    {
+                      "bg-white text-neutral-800": provider === "auto",
+                      "text-neutral-400 hover:text-neutral-200":
+                        provider !== "auto",
+                    }
+                  )}
+                  onClick={() => setProvider("auto")}
+                >
+                  <Sparkles
+                    className={classNames("size-3.5 mb-0.5", {
+                      "text-pink-400": provider !== "auto",
+                    })}
+                  />
+                  <span className="text-[10px] font-medium">Auto</span>
+                </button>
+                <button
+                  className={classNames(
+                    "flex flex-col items-center justify-center cursor-pointer py-1.5 rounded-full transition-all duration-200",
+                    {
+                      "bg-white text-neutral-800": provider === "fastest",
+                      "text-neutral-400 hover:text-neutral-200":
+                        provider !== "fastest",
+                    }
+                  )}
+                  onClick={() => setProvider("fastest")}
+                >
+                  <Zap
+                    className={classNames("size-3.5 mb-0.5", {
+                      "text-yellow-400": provider !== "fastest",
+                    })}
+                  />
+                  <span className="text-[10px] font-medium">Fastest</span>
+                </button>
+                <button
+                  className={classNames(
+                    "flex flex-col items-center justify-center cursor-pointer py-1.5 rounded-full transition-all duration-200",
+                    {
+                      "bg-white text-neutral-800": provider === "cheapest",
+                      "text-neutral-400 hover:text-neutral-200":
+                        provider !== "cheapest",
+                    }
+                  )}
+                  onClick={() => setProvider("cheapest")}
+                >
+                  <DollarSign
+                    className={classNames("size-3.5 mb-0.5", {
+                      "text-green-400": provider !== "cheapest",
+                    })}
+                  />
+                  <span className="text-[10px] font-medium">Cheapest</span>
+                </button>
+              </div>
+            </div>
+            <label className="block">
+              <p className="text-neutral-300 text-sm mb-2">
+                Or choose a specific provider
+              </p>
+              <div className="grid grid-cols-2 gap-1.5 relative">
+                {loadingProviders ? (
+                  <Loading overlay={false} />
+                ) : (
+                  providers.map((id: string) => (
+                    <Button
+                      key={id}
+                      variant={id === provider ? "default" : "secondary"}
+                      size="sm"
+                      onClick={() => {
+                        setProvider(id);
+                      }}
+                    >
+                      {failedImages.has(id) ? (
+                        <BrainIcon className="size-4 mr-2" />
+                      ) : (
+                        <Image
+                          src={`/deepsite/providers/${id}.svg`}
+                          alt={id}
+                          className="size-5 mr-2"
+                          width={20}
+                          height={20}
+                          onError={() => handleImageError(id)}
+                        />
+                      )}
+                      {PROVIDERS?.[id as keyof typeof PROVIDERS]?.name || id}
+                      {id === provider && (
+                        <CheckCheck className="ml-2 size-4 text-blue-500" />
+                      )}
+                    </Button>
+                  ))
+                )}
+              </div>
+            </label>
+          </div>
+        </main>
+      </PopoverContent>
+    </Popover>
+  );
+}
diff --git a/components/editor/ask-ai/uploader.tsx b/components/editor/ask-ai/uploader.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4aaf6a0a55464c0bb86b378c4e9975895ac77351
--- /dev/null
+++ b/components/editor/ask-ai/uploader.tsx
@@ -0,0 +1,249 @@
+import { useRef, useState } from "react";
+import {
+  CheckCircle,
+  ImageIcon,
+  Paperclip,
+  Upload,
+  Video,
+  Music,
+  FileVideo,
+  Lock,
+} from "lucide-react";
+import Image from "next/image";
+
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { Button } from "@/components/ui/button";
+import { Project } from "@/types";
+import Loading from "@/components/loading";
+import { useUser } from "@/hooks/useUser";
+import { useEditor } from "@/hooks/useEditor";
+import { useAi } from "@/hooks/useAi";
+import { useLoginModal } from "@/components/contexts/login-context";
+import Link from "next/link";
+
+export const getFileType = (url: string) => {
+  if (typeof url !== "string") {
+    return "unknown";
+  }
+  const extension = url.split(".").pop()?.toLowerCase();
+  if (["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(extension || "")) {
+    return "image";
+  } else if (["mp4", "webm", "ogg", "avi", "mov"].includes(extension || "")) {
+    return "video";
+  } else if (["mp3", "wav", "ogg", "aac", "m4a"].includes(extension || "")) {
+    return "audio";
+  }
+  return "unknown";
+};
+
+export const Uploader = ({ project }: { project: Project | undefined }) => {
+  const { user } = useUser();
+  const { openLoginModal } = useLoginModal();
+  const {
+    uploadFiles,
+    isUploading,
+    files,
+    globalEditorLoading,
+    project: editorProject,
+  } = useEditor();
+  const { selectedFiles, setSelectedFiles, globalAiLoading } = useAi();
+
+  const [open, setOpen] = useState(false);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  const getFileIcon = (url: string) => {
+    const fileType = getFileType(url);
+    switch (fileType) {
+      case "image":
+        return <ImageIcon className="size-4" />;
+      case "video":
+        return <Video className="size-4" />;
+      case "audio":
+        return <Music className="size-4" />;
+      default:
+        return <FileVideo className="size-4" />;
+    }
+  };
+
+  if (!user)
+    return (
+      <Button
+        size="xs"
+        variant="outline"
+        className="!rounded-md"
+        disabled={globalAiLoading || globalEditorLoading}
+        onClick={() => openLoginModal()}
+      >
+        <Paperclip className="size-3.5" />
+        Attach
+      </Button>
+    );
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <form className="h-[24px]">
+        <PopoverTrigger asChild>
+          <Button
+            size="xs"
+            variant={open ? "default" : "outline"}
+            className="!rounded-md"
+            disabled={globalAiLoading || globalEditorLoading}
+          >
+            <Paperclip className="size-3.5" />
+            Attach
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent
+          align="start"
+          className="!rounded-2xl !p-0 !bg-white !border-neutral-100 min-w-xs text-center overflow-hidden"
+        >
+          <header className="bg-neutral-50 p-6 border-b border-neutral-200/60">
+            <div className="flex items-center justify-center -space-x-4 mb-3">
+              <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
+                🎨
+              </div>
+              <div className="size-11 rounded-full bg-amber-200 shadow-2xl flex items-center justify-center text-2xl z-2">
+                📁
+              </div>
+              <div className="size-9 rounded-full bg-sky-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
+                💻
+              </div>
+            </div>
+            <p className="text-xl font-semibold text-neutral-950">
+              Add Media Files
+            </p>
+            <p className="text-sm text-neutral-500 mt-1.5">
+              Upload images, videos, and audio files to your project!
+            </p>
+          </header>
+          <main className="space-y-4 p-5">
+            {editorProject?.private && (
+              <div className="flex items-center justify-center flex-col gap-2 bg-amber-500/10 rounded-md p-3 border border-amber-500/10">
+                <Lock className="size-4 text-lg text-amber-700" />
+                <p className="text-xs text-amber-700">
+                  You can upload media files to your private project, but
+                  probably won't be able to see them in the preview.
+                </p>
+                <Link
+                  href={`https://huggingface.co/spaces/${editorProject.space_id}/settings`}
+                  target="_blank"
+                >
+                  <Button
+                    variant="black"
+                    size="xs"
+                    className="!bg-amber-600 !text-white"
+                  >
+                    Make it public
+                  </Button>
+                </Link>
+              </div>
+            )}
+            <div>
+              <p className="text-xs text-left text-neutral-700 mb-2">
+                Uploaded Media Files
+              </p>
+              {files?.length > 0 ? (
+                <div className="grid grid-cols-4 gap-1 flex-wrap max-h-40 overflow-y-auto">
+                  {files.map((file: string) => {
+                    const fileType = getFileType(file);
+                    return (
+                      <div
+                        key={file}
+                        className="select-none relative cursor-pointer bg-white rounded-md border-[2px] border-white hover:shadow-2xl transition-all duration-300"
+                        onClick={() =>
+                          setSelectedFiles(
+                            selectedFiles.includes(file)
+                              ? selectedFiles.filter((f) => f !== file)
+                              : [...selectedFiles, file]
+                          )
+                        }
+                      >
+                        {fileType === "image" ? (
+                          <Image
+                            src={file}
+                            alt="uploaded image"
+                            width={56}
+                            height={56}
+                            className="object-cover w-full rounded-sm aspect-square"
+                          />
+                        ) : fileType === "video" ? (
+                          <div className="w-full h-14 rounded-sm bg-gray-100 flex items-center justify-center relative">
+                            <video
+                              src={file}
+                              className="w-full h-full object-cover rounded-sm"
+                              muted
+                              preload="metadata"
+                            />
+                            <div className="absolute inset-0 flex items-center justify-center bg-black/20 rounded-sm">
+                              <Video className="size-4 text-white" />
+                            </div>
+                          </div>
+                        ) : fileType === "audio" ? (
+                          <div className="w-full h-14 rounded-sm bg-gradient-to-br from-purple-100 to-pink-100 flex items-center justify-center">
+                            <Music className="size-6 text-purple-600" />
+                          </div>
+                        ) : (
+                          <div className="w-full h-14 rounded-sm bg-gray-100 flex items-center justify-center">
+                            {getFileIcon(file)}
+                          </div>
+                        )}
+                        {selectedFiles.includes(file) && (
+                          <div className="absolute top-0 right-0 h-full w-full flex items-center justify-center bg-black/50 rounded-md">
+                            <CheckCircle className="size-6 text-neutral-100" />
+                          </div>
+                        )}
+                      </div>
+                    );
+                  })}
+                </div>
+              ) : (
+                <p className="text-sm text-muted-foreground font-mono flex flex-col items-center gap-1 pt-2">
+                  <ImageIcon className="size-4" />
+                  No media files uploaded yet
+                </p>
+              )}
+            </div>
+            <div>
+              <p className="text-xs text-left text-neutral-700 mb-2">
+                Or import media files from your computer
+              </p>
+              <Button
+                variant="black"
+                onClick={() => fileInputRef.current?.click()}
+                className="relative w-full"
+                disabled={isUploading}
+              >
+                {isUploading ? (
+                  <>
+                    <Loading
+                      overlay={false}
+                      className="ml-2 size-4 animate-spin"
+                    />
+                    Uploading media file(s)...
+                  </>
+                ) : (
+                  <>
+                    <Upload className="size-4" />
+                    Upload Media Files
+                  </>
+                )}
+              </Button>
+              <input
+                ref={fileInputRef}
+                type="file"
+                className="hidden"
+                multiple
+                accept="image/*,video/*,audio/*,.mp3,.mp4,.wav,.aac,.m4a,.ogg,.webm,.avi,.mov"
+                onChange={(e) => uploadFiles(e.target.files, project!)}
+              />
+            </div>
+          </main>
+        </PopoverContent>
+      </form>
+    </Popover>
+  );
+};
diff --git a/components/editor/commits.tsx b/components/editor/commits.tsx
deleted file mode 100644
index 832b10e3649e33ff648bb4d408b49c33264bfe04..0000000000000000000000000000000000000000
--- a/components/editor/commits.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { useRef, useState } from "react";
-import { HistoryIcon } from "lucide-react";
-import { useSearchParams } from "next/navigation";
-import { useUpdateEffect } from "react-use";
-
-import { Button } from "@/components/ui/button";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { Commit } from "@/lib/type";
-import { cn, humanizeNumber } from "@/lib/utils";
-
-export const Commits = function ({ commits }: { commits?: Commit[] }) {
-  const searchParams = useSearchParams();
-  const commitParam = searchParams.get("commit");
-
-  const commitsContainer = useRef<HTMLUListElement>(null);
-  const commitSelected = useRef<HTMLLIElement>(null);
-  const [open, setOpen] = useState(false);
-  const [selectedCommit, setSelectedCommit] = useState<string | null>(
-    commitParam
-      ? commitParam
-      : commits && commits.length > 0
-      ? commits[0]?.oid
-      : null
-  );
-
-  const handleViewCommit = (commitId: string) => {
-    let url = window.location.pathname;
-    if (commitId !== commits?.[0].oid) {
-      url += `?commit=${encodeURIComponent(commitId)}`;
-    }
-    window.location.replace(url);
-  };
-
-  useUpdateEffect(() => {
-    if (open) {
-      setTimeout(() => {
-        if (commitSelected.current && commitsContainer.current) {
-          const container = commitsContainer.current;
-          const selected = commitSelected.current;
-          if (!container || !selected) return;
-          const offsetTop = selected.offsetTop;
-          const offsetHeight = selected.offsetHeight;
-          const containerHeight = container.offsetHeight;
-          const scrollTop = offsetTop - containerHeight / 2 + offsetHeight / 2;
-          container.scrollTo({
-            top: scrollTop,
-            behavior: "smooth",
-          });
-        }
-      }, 200);
-    }
-  }, [open]);
-
-  useUpdateEffect(() => {
-    if (selectedCommit !== commits?.[0].oid && !commitParam) {
-      setSelectedCommit(commits ? commits[0]?.oid : null);
-    }
-  }, [commits]);
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <form>
-        <PopoverTrigger asChild>
-          <Button variant={open ? "default" : "ghost"} size="icon-xs">
-            <HistoryIcon className="size-3.5" />
-          </Button>
-        </PopoverTrigger>
-        <PopoverContent
-          align="start"
-          className="rounded-2xl! p-0! overflow-hidden!"
-        >
-          <header className="bg-background px-3 py-2 border-b border-background-foreground text-xs text-muted-foreground font-medium flex items-center justify-center gap-1.5">
-            Historical Versions
-            <span className="py-0.5 px-1 text-[10px] inline-flex items-center justify-center rounded font-semibold bg-accent text-primary font-mono">
-              {humanizeNumber(commits ? commits.length : 0)}
-            </span>
-          </header>
-          <ul
-            ref={commitsContainer}
-            className="p-1 space-y-1 max-h-80 overflow-y-auto"
-          >
-            {commits?.map((commit) => (
-              <li
-                key={commit.oid}
-                className={cn(
-                  "overflow-hidden group relative px-3 py-2 text-xs cursor-pointer rounded-lg",
-                  selectedCommit === commit.oid
-                    ? "bg-indigo-500/10 text-indigo-600"
-                    : "hover:bg-accent"
-                )}
-                ref={selectedCommit === commit.oid ? commitSelected : undefined}
-                onClick={() => handleViewCommit(commit.oid)}
-              >
-                <p className="truncate break-all">{commit.title}</p>
-                <p className="text-[10px] text-muted-foreground mt-0.5">
-                  {new Date(commit.date).toLocaleString()}
-                </p>
-              </li>
-            ))}
-          </ul>
-        </PopoverContent>
-      </form>
-    </Popover>
-  );
-};
diff --git a/components/editor/file-browser/index.tsx b/components/editor/file-browser/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f9876a1a058a53778ab785974979774b30f47b9b
--- /dev/null
+++ b/components/editor/file-browser/index.tsx
@@ -0,0 +1,458 @@
+"use client";
+
+import { useState, useMemo } from "react";
+import {
+  FolderOpen,
+  FileCode2,
+  Folder,
+  ChevronRight,
+  ChevronDown,
+  FileJson,
+} from "lucide-react";
+import classNames from "classnames";
+
+import { Page } from "@/types";
+import { useEditor } from "@/hooks/useEditor";
+import { Button } from "@/components/ui/button";
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@/components/ui/sheet";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+
+interface FileNode {
+  name: string;
+  path: string;
+  type: "file" | "folder";
+  children?: FileNode[];
+  page?: Page;
+}
+
+export function FileBrowser() {
+  const {
+    pages,
+    currentPage,
+    setCurrentPage,
+    setPreviewPage,
+    globalEditorLoading,
+    project,
+  } = useEditor();
+  const [open, setOpen] = useState(false);
+  const [expandedFolders, setExpandedFolders] = useState<Set<string>>(
+    new Set(["/"])
+  );
+
+  const toggleFolder = (path: string) => {
+    setExpandedFolders((prev) => {
+      const next = new Set(prev);
+      if (next.has(path)) {
+        next.delete(path);
+      } else {
+        next.add(path);
+      }
+      return next;
+    });
+  };
+
+  const fileTree = useMemo(() => {
+    const root: FileNode = {
+      name: "root",
+      path: "/",
+      type: "folder",
+      children: [],
+    };
+
+    pages.forEach((page) => {
+      const parts = page.path.split("/").filter(Boolean);
+      let currentNode = root;
+
+      parts.forEach((part, index) => {
+        const isFile = index === parts.length - 1;
+        const currentPath = "/" + parts.slice(0, index + 1).join("/");
+
+        if (!currentNode.children) {
+          currentNode.children = [];
+        }
+
+        let existingNode = currentNode.children.find((n) => n.name === part);
+
+        if (!existingNode) {
+          existingNode = {
+            name: part,
+            path: currentPath,
+            type: isFile ? "file" : "folder",
+            children: isFile ? undefined : [],
+            page: isFile ? page : undefined,
+          };
+          currentNode.children.push(existingNode);
+        }
+
+        if (!isFile) {
+          currentNode = existingNode;
+        }
+      });
+    });
+
+    // Sort: folders first, then files, both alphabetically
+    const sortNodes = (nodes: FileNode[] = []): FileNode[] => {
+      return nodes
+        .sort((a, b) => {
+          if (a.type !== b.type) {
+            return a.type === "folder" ? -1 : 1;
+          }
+          return a.name.localeCompare(b.name);
+        })
+        .map((node) => ({
+          ...node,
+          children: node.children ? sortNodes(node.children) : undefined,
+        }));
+    };
+
+    root.children = sortNodes(root.children);
+    return root;
+  }, [pages]);
+
+  const getFileIcon = (path: string) => {
+    const extension = path.split(".").pop()?.toLowerCase();
+
+    switch (extension) {
+      case "html":
+        return (
+          <svg className="size-4 shrink-0" viewBox="0 0 32 32" fill="none">
+            <path
+              d="M5.902 27.201L3.656 2h24.688l-2.249 25.197L15.985 30 5.902 27.201z"
+              fill="#E44D26"
+            />
+            <path
+              d="M16 27.858l8.17-2.265 1.922-21.532H16v23.797z"
+              fill="#F16529"
+            />
+            <path
+              d="M16 13.407h4.09l.282-3.165H16V7.151h7.75l-.074.829-.759 8.518H16v-3.091z"
+              fill="#EBEBEB"
+            />
+            <path
+              d="M16 21.434l-.014.004-3.442-.929-.22-2.465H9.221l.433 4.852 6.332 1.758.014-.004v-3.216z"
+              fill="#EBEBEB"
+            />
+            <path
+              d="M19.90 16.18l-.372 4.148-3.543.956v3.216l6.336-1.755.047-.522.537-6.043H19.90z"
+              fill="#FFF"
+            />
+            <path
+              d="M16 7.151v3.091h-7.3l-.062-.695-.141-1.567-.074-.829H16zM16 13.407v3.091h-3.399l-.062-.695-.14-1.566-.074-.83H16z"
+              fill="#FFF"
+            />
+          </svg>
+        );
+      case "css":
+        return (
+          <svg className="size-4 shrink-0" viewBox="0 0 32 32" fill="none">
+            <path
+              d="M5.902 27.201L3.656 2h24.688l-2.249 25.197L15.985 30 5.902 27.201z"
+              fill="#1572B6"
+            />
+            <path
+              d="M16 27.858l8.17-2.265 1.922-21.532H16v23.797z"
+              fill="#33A9DC"
+            />
+            <path
+              d="M16 13.191h4.09l.282-3.165H16V6.935h7.75l-.074.829-.759 8.518H16v-3.091z"
+              fill="#FFF"
+            />
+            <path
+              d="M16.019 21.218l-.014.004-3.442-.929-.22-2.465H9.24l.433 4.852 6.331 1.758.015-.004v-3.216z"
+              fill="#EBEBEB"
+            />
+            <path
+              d="M19.827 16.151l-.372 4.148-3.436.929v3.216l6.336-1.755.047-.522.726-8.016h-7.636v3h4.335z"
+              fill="#FFF"
+            />
+            <path
+              d="M16.011 6.935v3.091h-7.3l-.062-.695-.141-1.567-.074-.829h7.577zM16 13.191v3.091h-3.399l-.062-.695-.14-1.566-.074-.83H16z"
+              fill="#EBEBEB"
+            />
+          </svg>
+        );
+      case "js":
+      case "jsx":
+        return (
+          <svg className="size-4 shrink-0" viewBox="0 0 32 32" fill="none">
+            <rect width="32" height="32" rx="2" fill="#F7DF1E" />
+            <path
+              d="M20.63 22.3c.54.88 1.24 1.53 2.48 1.53.98 0 1.6-.48 1.6-1.16 0-.8-.64-1.1-1.72-1.57l-.59-.25c-1.7-.72-2.83-1.63-2.83-3.55 0-1.77 1.35-3.12 3.46-3.12 1.5 0 2.58.52 3.36 1.9l-1.84 1.18c-.4-.72-.84-1-1.51-1-.69 0-1.12.43-1.12 1 0 .7.43 1 1.43 1.43l.59.25c2 .86 3.13 1.73 3.13 3.7 0 2.12-1.66 3.3-3.9 3.3-2.18 0-3.6-1.04-4.3-2.4l1.96-1.12z"
+              fill="#000"
+            />
+            <path
+              d="M11.14 22.56c.35.62.67 1.15 1.44 1.15.74 0 1.2-.29 1.2-1.42V14.7h2.4v7.63c0 2.34-1.37 3.4-3.37 3.4-1.8 0-2.85-.94-3.38-2.06l1.71-1.1z"
+              fill="#000"
+            />
+          </svg>
+        );
+      case "json":
+        return <FileJson className="size-4 shrink-0 text-amber-400" />;
+      default:
+        return <FileCode2 className="size-4 shrink-0 text-neutral-400" />;
+    }
+  };
+
+  const getFileExtension = (path: string) => {
+    return path.split(".").pop()?.toLowerCase() || "";
+  };
+
+  const getLanguageTag = (path: string) => {
+    const extension = path.split(".").pop()?.toLowerCase();
+
+    switch (extension) {
+      case "html":
+        return {
+          name: "HTML",
+          color: "bg-orange-500/20 border-orange-500/30 text-orange-400",
+        };
+      case "css":
+        return {
+          name: "CSS",
+          color: "bg-blue-500/20 border-blue-500/30 text-blue-400",
+        };
+      case "js":
+        return {
+          name: "JS",
+          color: "bg-yellow-500/20 border-yellow-500/30 text-yellow-400",
+        };
+      case "json":
+        return {
+          name: "JSON",
+          color: "bg-amber-500/20 border-amber-500/30 text-amber-400",
+        };
+      default:
+        return {
+          name: extension?.toUpperCase() || "FILE",
+          color: "bg-neutral-500/20 border-neutral-500/30 text-neutral-400",
+        };
+    }
+  };
+
+  const currentPageData = pages.find((p) => p.path === currentPage);
+
+  const renderFileTree = (nodes: FileNode[], depth = 0) => {
+    return nodes.map((node) => {
+      if (node.type === "folder") {
+        const isExpanded = expandedFolders.has(node.path);
+        return (
+          <div key={node.path}>
+            <div
+              className="flex items-center gap-2 px-3 py-1 cursor-pointer text-[13px] group transition-colors hover:bg-neutral-800"
+              style={{ paddingLeft: `${depth * 12 + 12}px` }}
+              onClick={() => toggleFolder(node.path)}
+            >
+              {isExpanded ? (
+                <ChevronDown className="size-3.5 text-neutral-400 shrink-0" />
+              ) : (
+                <ChevronRight className="size-3.5 text-neutral-400 shrink-0" />
+              )}
+              <Folder className="size-4 text-blue-400 shrink-0" />
+              <span className="text-neutral-300 truncate flex-1 font-normal">
+                {node.name}
+              </span>
+              <span className="text-[10px] text-neutral-500">
+                {node.children?.length || 0}
+              </span>
+            </div>
+            {isExpanded &&
+              node.children &&
+              renderFileTree(node.children, depth + 1)}
+          </div>
+        );
+      } else {
+        const isActive = currentPage === node.page?.path;
+        return (
+          <div
+            key={node.path}
+            className={classNames(
+              "flex items-center gap-2.5 px-3 py-1 cursor-pointer text-[13px] group transition-colors relative",
+              {
+                "bg-neutral-700 text-white": isActive,
+                "text-neutral-300 hover:bg-neutral-800": !isActive,
+              }
+            )}
+            style={{ paddingLeft: `${depth * 12 + 12 + 16}px` }}
+            onClick={() => {
+              if (node.page) {
+                setCurrentPage(node.page.path);
+                if (
+                  node.page.path.endsWith(".html") &&
+                  !node.page.path.includes("components")
+                ) {
+                  setPreviewPage(node.page.path);
+                }
+                setOpen(false);
+              }
+            }}
+          >
+            <div className="w-4 flex justify-center shrink-0">
+              {getFileIcon(node.name)}
+            </div>
+
+            <span className="truncate flex-1 font-normal">{node.name}</span>
+
+            <span
+              className={classNames(
+                "text-[10px] px-1.5 py-0.5 rounded uppercase font-semibold transition-opacity shrink-0",
+                isActive
+                  ? `opacity-100 ${getLanguageTag(node.name).color}`
+                  : "opacity-0 group-hover:opacity-100 bg-white/5 text-neutral-500"
+              )}
+            >
+              {getFileExtension(node.name)}
+            </span>
+
+            {isActive && (
+              <div className="absolute left-0 top-0 bottom-0 w-[2px] bg-blue-500" />
+            )}
+          </div>
+        );
+      }
+    });
+  };
+
+  return (
+    <div>
+      {/* VS Code-style Tab Bar */}
+      <div className="w-full flex items-center bg-neutral-900 min-h-[35px] border-b border-neutral-800">
+        <div className="flex items-stretch overflow-x-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-neutral-700">
+          {currentPageData && (
+            <div className="flex items-center gap-2 px-4 py-2.5 bg-neutral-900 border-r border-neutral-800 text-sm min-w-0 relative group">
+              <div className="flex items-center gap-2 flex-1 min-w-0">
+                {getFileIcon(currentPageData.path)}
+                <span className="text-neutral-300 truncate font-normal text-[13px]">
+                  {currentPageData.path}
+                </span>
+                <span
+                  className={classNames(
+                    "text-[9px] px-1.5 py-0.5 rounded border backdrop-blur-sm font-semibold uppercase tracking-wide",
+                    getLanguageTag(currentPageData.path).color
+                  )}
+                >
+                  {getLanguageTag(currentPageData.path).name}
+                </span>
+              </div>
+            </div>
+          )}
+        </div>
+
+        {/* Open Explorer Button */}
+        <TooltipProvider>
+          <Tooltip>
+            <Sheet open={open} onOpenChange={setOpen} modal={false}>
+              <TooltipTrigger asChild>
+                <SheetTrigger asChild>
+                  <Button
+                    size="sm"
+                    variant="ghost"
+                    disabled={pages.length === 0 || globalEditorLoading}
+                    className="ml-auto mr-2 text-neutral-300 hover:text-white hover:bg-neutral-800 h-7 text-[13px] font-normal gap-1.5"
+                  >
+                    <FolderOpen className="size-3.5" />
+                    <span className="hidden sm:inline">Files</span>
+                    <span className="text-[11px] px-1.5 py-0.5 rounded bg-neutral-800 text-neutral-500 font-semibold">
+                      {pages.length}
+                    </span>
+                  </Button>
+                </SheetTrigger>
+              </TooltipTrigger>
+              <TooltipContent
+                side="bottom"
+                className="bg-neutral-800 border-neutral-700 text-neutral-300 text-xs"
+              >
+                <p>
+                  Open File Explorer ({pages.length}{" "}
+                  {pages.length === 1 ? "file" : "files"})
+                </p>
+              </TooltipContent>
+
+              <SheetContent
+                side="left"
+                className="w-[320px] bg-neutral-900 border-neutral-800 p-0"
+              >
+                <SheetHeader className="px-5 py-2.5 border-b border-neutral-800 space-y-0">
+                  <SheetTitle className="flex items-center gap-2">
+                    <FolderOpen className="size-4 text-neutral-300" />
+                    <span className="text-[11px] uppercase tracking-wider text-neutral-300 font-semibold">
+                      Explorer
+                    </span>
+                  </SheetTitle>
+                </SheetHeader>
+
+                <div className="px-3 py-3 border-b border-neutral-800">
+                  <div className="flex items-center gap-2 px-2 py-1">
+                    <svg
+                      className="size-4 text-neutral-300"
+                      fill="currentColor"
+                      viewBox="0 0 16 16"
+                    >
+                      <path d="M1.5 1h11l2 2v10l-2 2h-11l-2-2V3l2-2zm0 1l-1 1v10l1 1h11l1-1V3l-1-1h-11z" />
+                      <path d="M7.5 4.5v3h-3v1h3v3h1v-3h3v-1h-3v-3h-1z" />
+                    </svg>
+                    <span className="text-[13px] text-neutral-300 font-normal">
+                      {project?.space_id || "No space selected"}
+                    </span>
+                    <span className="ml-auto text-[11px] text-neutral-500">
+                      {pages.length || 0}
+                    </span>
+                  </div>
+                </div>
+
+                <div
+                  className="py-1 overflow-y-auto"
+                  style={{ height: "calc(100dvh - 160px)" }}
+                >
+                  {fileTree.children && renderFileTree(fileTree.children)}
+                </div>
+
+                <div className="absolute bottom-0 left-0 right-0 px-5 py-3 border-t border-neutral-800 bg-neutral-900">
+                  <div className="grid grid-cols-2 gap-2 text-[11px]">
+                    <div className="flex items-center gap-2 text-neutral-500">
+                      <div className="size-2 rounded-full bg-orange-600" />
+                      <span>
+                        HTML:{" "}
+                        {pages.filter((p) => p.path.endsWith(".html")).length}
+                      </span>
+                    </div>
+                    <div className="flex items-center gap-2 text-neutral-500">
+                      <div className="size-2 rounded-full bg-blue-600" />
+                      <span>
+                        CSS:{" "}
+                        {pages.filter((p) => p.path.endsWith(".css")).length}
+                      </span>
+                    </div>
+                    <div className="flex items-center gap-2 text-neutral-500">
+                      <div className="size-2 rounded-full bg-yellow-400" />
+                      <span>
+                        JS: {pages.filter((p) => p.path.endsWith(".js")).length}
+                      </span>
+                    </div>
+                    <div className="flex items-center gap-2 text-neutral-500">
+                      <div className="size-2 rounded-full bg-yellow-600" />
+                      <span>
+                        JSON:{" "}
+                        {pages.filter((p) => p.path.endsWith(".json")).length}
+                      </span>
+                    </div>
+                  </div>
+                </div>
+              </SheetContent>
+            </Sheet>
+          </Tooltip>
+        </TooltipProvider>
+      </div>
+    </div>
+  );
+}
diff --git a/components/editor/header.tsx b/components/editor/header.tsx
deleted file mode 100644
index 18f7b07d20c2729add9ed439081a545f75ad2566..0000000000000000000000000000000000000000
--- a/components/editor/header.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import {
-  Earth,
-  RefreshCw,
-  Monitor,
-  Smartphone,
-  Code,
-  MessageCircle,
-  ExternalLink,
-} from "lucide-react";
-import Link from "next/link";
-import { motion } from "framer-motion";
-import { useSandpackNavigation } from "@codesandbox/sandpack-react";
-
-import { Button } from "@/components/ui/button";
-import { ActivityType, DeviceType, MobileTabType } from "@/lib/type";
-import { UserMenu } from "@/components/user-menu";
-import { useProject } from "@/components/projects/useProject";
-import { cn } from "@/lib/utils";
-import { Commits } from "./commits";
-import { ProjectSettings } from "./project-settings";
-
-export function AppEditorHeader({
-  currentActivity,
-  onToggleActivity,
-  onToggleDevice,
-  device,
-  mobileTab,
-  isHistoryView,
-}: {
-  isNew?: boolean;
-  isHistoryView?: boolean;
-  currentActivity: ActivityType;
-  onToggleActivity: (activity: ActivityType) => void;
-  onToggleDevice: () => void;
-  device: DeviceType;
-  mobileTab: MobileTabType;
-  onToggleMobileTab: (tab: MobileTabType) => void;
-}) {
-  const { project, files } = useProject();
-  const { refresh } = useSandpackNavigation();
-  const [isRefreshing, setIsRefreshing] = useState(false);
-  const [isHovered, setIsHovered] = useState(false);
-
-  const handleRefresh = () => {
-    setIsRefreshing(true);
-    setTimeout(() => {
-      refresh();
-      setIsRefreshing(false);
-    }, 1000);
-  };
-
-  const handleToggleActivity = () => {
-    onToggleActivity(currentActivity === "chat" ? "code" : "chat");
-  };
-
-  return (
-    <header className="px-3 lg:px-2 py-1.5 flex items-center gap-3">
-      <div
-        className={cn(
-          "w-1/3 flex items-center gap-1.5 justify-between",
-          mobileTab !== "left-sidebar" ? "max-lg:hidden" : "max-lg:w-full!"
-        )}
-      >
-        <ProjectSettings project={project} />
-        <div className="flex items-center justify-end gap-2 max-lg:hidden">
-          {(project?.commits?.length ?? 0) > 0 && (
-            <Commits commits={project?.commits} />
-          )}
-        </div>
-      </div>
-      <div className="grow flex items-center justify-end lg:grid lg:grid-cols-3">
-        <div className="flex items-center justify-start gap-1.5 max-lg:hidden">
-          {files && files.length > 0 && (
-            <>
-              {!isHistoryView && (
-                <Button
-                  variant="bordered"
-                  size="xs"
-                  onClick={handleToggleActivity}
-                >
-                  {currentActivity === "chat" ? (
-                    <Code className="size-3.5" />
-                  ) : (
-                    <MessageCircle className="size-3.5" />
-                  )}
-                  {currentActivity === "chat" ? "Code" : "Chat"}
-                </Button>
-              )}
-              <Button
-                variant="bordered"
-                size="xs"
-                onClick={onToggleDevice}
-                className="gap-2"
-              >
-                {device === "desktop" ? (
-                  <>
-                    <Monitor className="size-3.5" />
-                    Desktop
-                  </>
-                ) : (
-                  <>
-                    <Smartphone className="size-3.5" />
-                    Mobile
-                  </>
-                )}
-              </Button>
-            </>
-          )}
-          {!isHistoryView && project?.name && (
-            <Link
-              href={`https://${project.name.replaceAll(
-                "/",
-                "-"
-              )}.static.hf.space`}
-              target="_blank"
-              onMouseEnter={() => setIsHovered(true)}
-              onMouseLeave={() => setIsHovered(false)}
-            >
-              <Button
-                variant="bordered"
-                className="h-7 px-2! overflow-hidden gap-0"
-              >
-                <ExternalLink className="size-3.5 shrink-0" />
-                <motion.span
-                  initial={false}
-                  animate={{
-                    width: isHovered ? "auto" : 0,
-                    opacity: isHovered ? 1 : 0,
-                    marginLeft: isHovered ? 6 : 0,
-                  }}
-                  transition={{ duration: 0.2, ease: "linear" }}
-                  className="overflow-hidden whitespace-nowrap text-xs"
-                  style={{ display: "inline-block" }}
-                >
-                  See Live preview
-                </motion.span>
-              </Button>
-            </Link>
-          )}
-          {isHistoryView && (
-            <Button
-              variant="indigo"
-              size="xs"
-              className="cursor-default! border-transparent!"
-            >
-              Viewing historical version
-            </Button>
-          )}
-        </div>
-        <div
-          className={cn(
-            "flex items-center justify-center",
-            mobileTab !== "right-sidebar" && "max-lg:hidden"
-          )}
-        >
-          <div className="flex items-center justify-between gap-3 pl-3 pr-2 py-1 bg-secondary rounded-md text-xs">
-            <div className="flex items-center text-muted-foreground">
-              <Earth className="size-3 shrink-0 mr-2" />
-              <span className="font-mono max-w-26 truncate">
-                {project?.name
-                  ? `${project.name.replaceAll("/", "-")}`
-                  : "localhost:3000"}
-              </span>
-              <span className="font-mono">
-                {project?.name && ".static.hf.space"}
-              </span>
-            </div>
-            <div className="flex items-center gap-0.5">
-              <Button
-                variant="ghost"
-                size="icon-xs"
-                onClick={handleRefresh}
-                aria-label="Refresh preview"
-                disabled={isRefreshing}
-                className="hover:bg-background/60"
-              >
-                <RefreshCw
-                  className={`size-3 ${isRefreshing ? "animate-spin" : ""}`}
-                />
-              </Button>
-            </div>
-          </div>
-        </div>
-        <div className="flex items-center justify-end gap-2 w-full">
-          <UserMenu />
-        </div>
-      </div>
-    </header>
-  );
-}
diff --git a/components/editor/header/index.tsx b/components/editor/header/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d52679de93464384b8741a1d90f1601383cab962
--- /dev/null
+++ b/components/editor/header/index.tsx
@@ -0,0 +1,161 @@
+import {
+  ArrowRight,
+  HelpCircle,
+  RefreshCcw,
+  Lock,
+  Eye,
+  Sparkles,
+} from "lucide-react";
+import Image from "next/image";
+import Link from "next/link";
+
+import Logo from "@/assets/logo.svg";
+import { Button } from "@/components/ui/button";
+import { useUser } from "@/hooks/useUser";
+import { ProTag } from "@/components/pro-modal";
+import { UserMenu } from "@/components/user-menu";
+import { SwitchDevice } from "@/components/editor/switch-devide";
+import { SwitchTab } from "./switch-tab";
+import { History } from "@/components/editor/history";
+import { useEditor } from "@/hooks/useEditor";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { DiscordIcon } from "@/components/icons/discord";
+
+export function Header({ isNew }: { isNew: boolean }) {
+  const { project } = useEditor();
+  const { user, openLoginWindow } = useUser();
+  return (
+    <header className="border-b bg-neutral-950 dark:border-neutral-800 grid grid-cols-3 lg:flex items-center max-lg:gap-3 justify-between z-20">
+      <div className="flex items-center justify-between lg:max-w-[600px] lg:w-full py-2 px-2 lg:px-3 lg:pl-6 gap-3">
+        <h1 className="text-neutral-900 dark:text-white text-lg lg:text-xl font-bold flex items-center justify-start">
+          <Image
+            src={Logo}
+            alt="DeepSite Logo"
+            className="size-8 invert-100 dark:invert-0"
+          />
+          <p className="ml-2 flex items-center justify-start max-lg:hidden">
+            DeepSite
+            {user?.isPro ? (
+              <ProTag className="ml-2 !text-[10px]" />
+            ) : (
+              <span className="font-mono bg-gradient-to-r from-sky-500/20 to-sky-500/10 text-sky-500 rounded-full text-xs ml-2 px-1.5 py-0.5 border border-sky-500/20">
+                {" "}
+                v3
+              </span>
+            )}
+          </p>
+        </h1>
+        <div className="flex items-center justify-end gap-2">
+          <History />
+          <SwitchTab />
+        </div>
+      </div>
+      <div className="lg:hidden flex items-center justify-center whitespace-nowrap">
+        <SwitchTab isMobile />
+      </div>
+      <div className="lg:w-full px-2 lg:px-3 py-2 flex items-center justify-end lg:justify-between lg:border-l lg:border-neutral-800">
+        <div className="font-mono text-muted-foreground flex items-center gap-2">
+          <SwitchDevice />
+          {isNew && (
+            <Button
+              size="xs"
+              variant="bordered"
+              className="max-lg:hidden"
+              onClick={() => {
+                const iframe = document.getElementById(
+                  "preview-iframe"
+                ) as HTMLIFrameElement;
+                if (iframe) {
+                  iframe.src = iframe.src;
+                }
+              }}
+            >
+              <RefreshCcw className="size-3 mr-0.5" />
+              Refresh Preview
+            </Button>
+          )}
+          <Link
+            href="https://discord.gg/KpanwM3vXa"
+            target="_blank"
+            className="max-lg:hidden"
+          >
+            <Button size="xs" variant="bordered">
+              <HelpCircle className="size-3 mr-0.5" />
+              Help
+            </Button>
+          </Link>
+          <Link
+            href="https://discord.gg/KpanwM3vXa"
+            target="_blank"
+            className="max-lg:hidden"
+          >
+            <Button
+              size="xs"
+              variant="bordered"
+              className="!border-indigo-500 !text-white !bg-indigo-500"
+            >
+              <DiscordIcon className="size-3 mr-0.5" />
+              Discord Community
+            </Button>
+          </Link>
+        </div>
+        <div className="flex items-center gap-2">
+          {project?.space_id && (
+            <Link
+              href={
+                project?.private
+                  ? `https://huggingface.co/spaces/${project.space_id}`
+                  : `https://${project.space_id.replaceAll(
+                      "/",
+                      "-"
+                    )}.static.hf.space`
+              }
+              target="_blank"
+            >
+              <Button
+                size="xs"
+                variant="bordered"
+                className="flex items-center gap-1.5 justify-center bg-gradient-to-r from-emerald-500/20 to-cyan-500/20 hover:from-emerald-500/30 hover:to-cyan-500/30 border-emerald-500/30 text-emerald-400 hover:text-emerald-300 backdrop-blur-sm shadow-lg hover:shadow-emerald-500/20 transition-all duration-300 max-lg:hidden font-medium"
+              >
+                <Eye className="size-3.5" />
+                See Live Preview
+                <Sparkles className="size-3" />
+              </Button>
+            </Link>
+          )}
+
+          {project?.private && (
+            <Tooltip>
+              <TooltipTrigger>
+                <div className="max-lg:hidden flex items-center gap-1.5 bg-amber-500/10 backdrop-blur-sm px-3 py-1.5 rounded-full border border-amber-500/20 shadow-lg">
+                  <Lock className="w-3 h-3 text-amber-500" />
+                  <span className="text-amber-500 text-xs font-medium tracking-wide">
+                    Private Project
+                  </span>
+                </div>
+              </TooltipTrigger>
+              <TooltipContent>
+                <p className="text-xs">
+                  This project is private. Only you can see it.
+                </p>
+              </TooltipContent>
+            </Tooltip>
+          )}
+          {user ? (
+            <UserMenu className="!pl-1 !pr-3 !py-1 !h-auto" />
+          ) : (
+            <Button size="sm" onClick={openLoginWindow}>
+              <span className="max-lg:hidden">Log In to DeepSite</span>
+              <span className="lg:hidden">Log In</span>
+              <ArrowRight className="size-4" />
+            </Button>
+          )}
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/components/editor/header/switch-tab.tsx b/components/editor/header/switch-tab.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..30b0324a7c5ee14460b1f6119fc884a393ec3e4d
--- /dev/null
+++ b/components/editor/header/switch-tab.tsx
@@ -0,0 +1,58 @@
+import {
+  PanelLeftClose,
+  PanelLeftOpen,
+  Eye,
+  MessageCircleCode,
+} from "lucide-react";
+import classNames from "classnames";
+
+import { Button } from "@/components/ui/button";
+import { useEditor } from "@/hooks/useEditor";
+
+const TABS = [
+  {
+    value: "chat",
+    label: "Chat",
+    icon: MessageCircleCode,
+  },
+  {
+    value: "preview",
+    label: "Preview",
+    icon: Eye,
+  },
+];
+
+export const SwitchTab = ({ isMobile = false }: { isMobile?: boolean }) => {
+  const { currentTab, setCurrentTab } = useEditor();
+
+  if (isMobile) {
+    return (
+      <div className="flex items-center justify-center gap-1 bg-neutral-900 rounded-full p-1">
+        {TABS.map((item) => (
+          <Button
+            key={item.value}
+            variant={currentTab === item.value ? "default" : "ghost"}
+            className={classNames("", {
+              "opacity-60": currentTab !== item.value,
+            })}
+            size="sm"
+            onClick={() => setCurrentTab(item.value)}
+          >
+            <item.icon className="size-4" />
+            <span className="inline">{item.label}</span>
+          </Button>
+        ))}
+      </div>
+    );
+  }
+  return (
+    <Button
+      variant="ghost"
+      size="iconXs"
+      className="max-lg:hidden"
+      onClick={() => setCurrentTab(currentTab === "chat" ? "preview" : "chat")}
+    >
+      {currentTab === "chat" ? <PanelLeftClose /> : <PanelLeftOpen />}
+    </Button>
+  );
+};
diff --git a/components/editor/history-notification/index.tsx b/components/editor/history-notification/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..12d71fc351a5209f71f2954aaefe832bb2a85bdc
--- /dev/null
+++ b/components/editor/history-notification/index.tsx
@@ -0,0 +1,119 @@
+"use client";
+
+import { useState } from "react";
+import classNames from "classnames";
+import { Button } from "@/components/ui/button";
+import Loading from "@/components/loading";
+import {
+  History,
+  ChevronUp,
+  ChevronDown,
+  MousePointerClick,
+} from "lucide-react";
+
+interface HistoryNotificationProps {
+  /** Whether the historical version notification should be visible */
+  isVisible: boolean;
+  /** Whether the version promotion is in progress */
+  isPromotingVersion: boolean;
+  /** Function to promote the current historical version */
+  onPromoteVersion: () => void;
+  /** Function to go back to the current version */
+  onGoBackToCurrent: () => void;
+  /** Additional CSS classes */
+  className?: string;
+}
+
+export const HistoryNotification = ({
+  isVisible,
+  isPromotingVersion,
+  onPromoteVersion,
+  onGoBackToCurrent,
+  className,
+}: HistoryNotificationProps) => {
+  const [isCollapsed, setIsCollapsed] = useState(false);
+
+  if (!isVisible) {
+    return null;
+  }
+
+  return (
+    <div
+      className={classNames(
+        "absolute bottom-4 left-4 z-10 bg-white/95 backdrop-blur-sm border border-neutral-200 rounded-xl shadow-lg transition-all duration-300 ease-in-out",
+        className
+      )}
+    >
+      {isCollapsed ? (
+        // Collapsed state
+        <div className="flex items-center gap-2 p-3">
+          <History className="size-4 text-neutral-600" />
+          <span className="text-xs text-neutral-600 font-medium">
+            Historical Version
+          </span>
+          <Button
+            variant="outline"
+            size="iconXs"
+            className="!rounded-md !border-neutral-200"
+            onClick={() => setIsCollapsed(false)}
+          >
+            <ChevronUp className="text-neutral-400 size-3" />
+          </Button>
+        </div>
+      ) : (
+        // Expanded state
+        <div className="p-4 max-w-sm w-full">
+          <div className="flex items-start gap-3">
+            <History className="size-4 text-neutral-600 translate-y-1.5" />
+            <div className="flex-1 min-w-0">
+              <div className="flex items-center justify-between mb-1">
+                <div className="flex items-center gap-2">
+                  <p className="font-semibold text-sm text-neutral-800">
+                    Historical Version
+                  </p>
+                </div>
+                <Button
+                  variant="outline"
+                  size="iconXs"
+                  className="!rounded-md !border-neutral-200"
+                  onClick={() => setIsCollapsed(true)}
+                >
+                  <ChevronDown className="text-neutral-400 size-3" />
+                </Button>
+              </div>
+              <p className="text-xs text-neutral-600 leading-relaxed mb-3">
+                You're viewing a previous version of this project. Promote this
+                version to make it current and deploy it live.
+              </p>
+              <div className="flex items-center gap-2">
+                <Button
+                  size="xs"
+                  variant="black"
+                  className="!pr-3"
+                  onClick={onPromoteVersion}
+                  disabled={isPromotingVersion}
+                >
+                  {isPromotingVersion ? (
+                    <Loading overlay={false} />
+                  ) : (
+                    <MousePointerClick className="size-3" />
+                  )}
+                  Promote Version
+                </Button>
+                <Button
+                  size="xs"
+                  variant="outline"
+                  className=" !text-neutral-600 !border-neutral-200"
+                  disabled={isPromotingVersion}
+                  onClick={onGoBackToCurrent}
+                >
+                  Go back to current
+                </Button>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
diff --git a/components/editor/history-view.tsx b/components/editor/history-view.tsx
deleted file mode 100644
index a2c21ce0cc86654dbb5f34ac2ca385cd052ac379..0000000000000000000000000000000000000000
--- a/components/editor/history-view.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { ArrowLeft } from "lucide-react";
-import { useParams, useSearchParams } from "next/navigation";
-import { toast } from "sonner";
-
-export const HistoryView = function () {
-  const { repoId } = useParams<{ repoId: string }>();
-  const searchParams = useSearchParams();
-  const commitId = searchParams.get("commit");
-
-  const handleSetAsDefault = async () => {
-    const confirmation = confirm(
-      "This action will set this historical version as the default version of the project. Are you sure you want to proceed?"
-    );
-    if (!confirmation) return;
-    const response = await fetch(`/api/projects/${repoId}/${commitId}`, {
-      method: "POST",
-    }).then(async (response) => {
-      if (response.ok) {
-        const data = await response.json();
-        return data;
-      }
-      throw new Error("Failed to save changes");
-    });
-    if (response.success) {
-      toast.success("Set as default version successfully!");
-      setTimeout(() => {
-        close();
-      }, 500);
-    } else {
-      alert("Failed to set as default version, try again later.");
-    }
-  };
-
-  const close = () => {
-    window.location.replace(window.location.pathname);
-  };
-
-  return (
-    <div className="absolute inset-0 bg-background/10 rounded-2xl backdrop-blur-xs z-10 flex items-center justify-center p-4 border">
-      <div className="max-w-sm rounded-2xl overflow-hidden border border-indigo-500/20 bg-card text-center bg-linear-to-b from-accent/50 to-accent/30">
-        <header className="bg-linear-to-b from-indigo-500/25 dark:from-indigo-500/40 to-accent p-6">
-          <div className="flex items-center justify-center -space-x-4 mb-3">
-            <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-              ✏️
-            </div>
-            <div className="size-11 rounded-full bg-amber-200 shadow-2xl flex items-center justify-center text-2xl z-2">
-              👀
-            </div>
-            <div className="size-9 rounded-full bg-sky-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-              🔒
-            </div>
-          </div>
-          <p className="text-xl font-semibold text-primary">
-            History View Enabled
-          </p>
-          <p className="text-sm text-muted-foreground mt-1.5">
-            You are currently viewing a historical version of this project.
-            Editing is disabled in this mode.
-          </p>
-        </header>
-        <div className="p-5 bg-accent flex items-center justify-center gap-2">
-          <Button
-            variant="transparent"
-            size="sm"
-            className="flex-1 cyrsor"
-            onClick={() => close()}
-          >
-            <ArrowLeft className="" />
-            Go Back
-          </Button>
-          <Button
-            variant="default"
-            size="sm"
-            className="flex-1"
-            onClick={handleSetAsDefault}
-          >
-            Set as Default Version
-          </Button>
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/components/editor/history/index.tsx b/components/editor/history/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..179f47a5d7268f1e3403ba6aec16c4f541607643
--- /dev/null
+++ b/components/editor/history/index.tsx
@@ -0,0 +1,108 @@
+import { History as HistoryIcon } from "lucide-react";
+import { useState } from "react";
+
+import { Commit } from "@/types";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { Button } from "@/components/ui/button";
+import { useEditor } from "@/hooks/useEditor";
+import classNames from "classnames";
+
+export function History() {
+  const { commits, currentCommit, setCurrentCommit, project } = useEditor();
+  const [open, setOpen] = useState(false);
+
+  if (commits.length === 0) return null;
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          size="xs"
+          variant={open ? "default" : "outline"}
+          className="!rounded-md max-lg:hidden"
+        >
+          <HistoryIcon className="size-3.5" />
+          {commits?.length} edit{commits?.length !== 1 ? "s" : ""}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        className="!rounded-2xl !p-0 overflow-hidden !bg-neutral-900"
+        align="start"
+      >
+        <header className="text-sm px-4 py-3 border-b gap-2 bg-neutral-950 border-neutral-800 font-semibold text-neutral-200">
+          History
+        </header>
+        <main className="space-y-3">
+          {project?.private && (
+            <div className="px-4 pt-3">
+              <p className="text-amber-500 text-xs px-2 py-1 bg-amber-500/10 border border-amber-500/20 rounded-md">
+                As this project is private, you can't see the history of
+                changes.
+              </p>
+            </div>
+          )}
+          <ul className="max-h-[250px] overflow-y-auto">
+            {commits?.map((item: Commit, index: number) => (
+              <li
+                key={index}
+                className={classNames(
+                  "px-4 text-gray-200 py-2 border-b border-gray-800 last:border-0 space-y-1",
+                  {
+                    "bg-blue-500/10":
+                      currentCommit === item.oid ||
+                      (index === 0 && currentCommit === null),
+                  }
+                )}
+              >
+                <p className="line-clamp-1 text-sm">{item.title}</p>
+                <div className="w-full flex items-center justify-between gap-2">
+                  <p className="text-gray-500 text-[10px]">
+                    {new Date(item.date).toLocaleDateString("en-US", {
+                      month: "2-digit",
+                      day: "2-digit",
+                      year: "2-digit",
+                    }) +
+                      " " +
+                      new Date(item.date).toLocaleTimeString("en-US", {
+                        hour: "2-digit",
+                        minute: "2-digit",
+                        second: "2-digit",
+                        hour12: false,
+                      })}
+                  </p>
+                  {currentCommit === item.oid ||
+                  (index === 0 && currentCommit === null) ? (
+                    <span className="text-blue-500 bg-blue-500/10 border border-blue-500/20 rounded-full text-[10px] px-2 py-0.5">
+                      Current version
+                    </span>
+                  ) : (
+                    !project?.private && (
+                      <Button
+                        variant="link"
+                        size="xss"
+                        className="text-gray-400 hover:text-gray-200"
+                        onClick={() => {
+                          if (index === 0) {
+                            setCurrentCommit(null);
+                          } else {
+                            setCurrentCommit(item.oid);
+                          }
+                        }}
+                      >
+                        See version
+                      </Button>
+                    )
+                  )}
+                </div>
+              </li>
+            ))}
+          </ul>
+        </main>
+      </PopoverContent>
+    </Popover>
+  );
+}
diff --git a/components/editor/index.tsx b/components/editor/index.tsx
index b2d203bd0ff65e3eb7fe0191155d94de0ba3db51..20e75cf0743ea4b4b06cc96ad2dcf49cf93ad0c0 100644
--- a/components/editor/index.tsx
+++ b/components/editor/index.tsx
@@ -1,172 +1,174 @@
 "use client";
-import { useState, useMemo } from "react";
-import dynamic from "next/dynamic";
-import { useBeforeUnload, useLocalStorage } from "react-use";
-import { ArrowRight } from "lucide-react";
-import { useTheme } from "next-themes";
-import { amethyst } from "@codesandbox/sandpack-themes";
-import { NextStep } from "nextstepjs";
-import confetti from "canvas-confetti";
+import { useMemo, useRef, useState, useEffect } from "react";
+import { useCopyToClipboard, useLocalStorage, useMount } from "react-use";
+import { CopyIcon } from "lucide-react";
+import { toast } from "sonner";
+import classNames from "classnames";
+import { editor } from "monaco-editor";
+import Editor from "@monaco-editor/react";
 
-import { AppEditorHeader } from "./header";
-import { AppViewer } from "@/components/viewer";
-import { ActivityType, DeviceType, File, MobileTabType } from "@/lib/type";
-import { useProject } from "@/components/projects/useProject";
-import { AskAI } from "@/components/ask-ai/ask-ai";
-import { AppEditorChat } from "@/components/chat";
-import { cn, defaultHTML } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import { AppEditorCode } from "@/components/code";
-import { ProjectWithCommits } from "@/actions/projects";
-import { HistoryView } from "./history-view";
-import { TourCustomCard } from "@/components/tour/card";
-import { steps } from "@/lib/onboarding";
+import { useEditor } from "@/hooks/useEditor";
+import { Header } from "@/components/editor/header";
+import { useAi } from "@/hooks/useAi";
 
-const SandpackProvider = dynamic(
-  () =>
-    import("@codesandbox/sandpack-react").then((mod) => mod.SandpackProvider),
-  { ssr: false }
-);
+import { FileBrowser } from "./file-browser";
+import { AskAi } from "./ask-ai";
+import { Preview } from "./preview";
+import { SaveChangesPopup } from "./save-changes-popup";
+import { DiscordPromoModal } from "@/components/discord-promo-modal";
+import Loading from "../loading";
+import { Page } from "@/types";
 
-export function AppEditor({
-  project: initialProject,
-  files: initialFiles,
-  initialPrompt,
+export const AppEditor = ({
+  namespace,
+  repoId,
   isNew = false,
-  isHistoryView = false,
 }: {
-  project?: ProjectWithCommits | null;
-  files?: File[];
-  initialPrompt?: string;
+  namespace?: string;
+  repoId?: string;
   isNew?: boolean;
-  isHistoryView?: boolean;
-}) {
-  const [currentActivity, setCurrentActivity] = useState<ActivityType>("chat");
-  const [device, setDevice] = useState<DeviceType>("desktop");
-  const [mobileTab, setMobileTab] = useState<MobileTabType>("left-sidebar");
-  const { project, files } = useProject(initialProject, initialFiles, isNew);
-  const { resolvedTheme } = useTheme();
-  const projectName = isNew ? "new" : project?.name ?? "new";
+}) => {
+  const {
+    project,
+    setPages,
+    files,
+    currentPageData,
+    currentTab,
+    currentCommit,
+    hasUnsavedChanges,
+    saveChanges,
+    globalEditorLoading,
+    pages,
+  } = useEditor(namespace, repoId);
+  const { isAiWorking } = useAi();
+  const [, copyToClipboard] = useCopyToClipboard();
+  const [showSavePopup, setShowSavePopup] = useState(false);
+  const [pagesStorage, , removePagesStorage] = useLocalStorage<Page[]>("pages");
 
-  const toggleDevice = () => {
-    setDevice((prev) => (prev === "desktop" ? "mobile" : "desktop"));
-  };
-  const [tourHasBeenShown, setTourHasBeenShown] = useLocalStorage<boolean>(
-    "tour-has-been-shown",
-    false
-  );
+  const monacoRef = useRef<any>(null);
+  const editor = useRef<HTMLDivElement>(null);
+  const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null);
 
-  useBeforeUnload(
-    !project && (files?.length ?? 0) > 0,
-    "You have unsaved changes, are you sure?"
-  );
+  useMount(() => {
+    if (isNew && pagesStorage) {
+      setPages(pagesStorage);
+      removePagesStorage();
+    }
+  });
 
-  const sandpackFiles = useMemo(() => {
-    if (files && files.length > 0) {
-      return files.reduce(
-        (acc, file) => ({
-          ...acc,
-          [file.path]: { code: file.content ?? "" },
-        }),
-        {}
-      );
+  useEffect(() => {
+    if (hasUnsavedChanges && !isAiWorking && project?.space_id) {
+      setShowSavePopup(true);
     } else {
-      return {
-        "/index.html": {
-          code: defaultHTML,
-        },
-      };
+      setShowSavePopup(false);
     }
-  }, [files]);
+  }, [hasUnsavedChanges, isAiWorking]);
+
+  // Determine the language based on file extension
+  const editorLanguage = useMemo(() => {
+    const path = currentPageData.path;
+    if (path.endsWith(".css")) return "css";
+    if (path.endsWith(".js")) return "javascript";
+    if (path.endsWith(".json")) return "json";
+    return "html";
+  }, [currentPageData.path]);
+
+  // Determine the copy message based on file type
+  const copyMessage = useMemo(() => {
+    if (editorLanguage === "css") return "CSS copied to clipboard!";
+    if (editorLanguage === "javascript")
+      return "JavaScript copied to clipboard!";
+    if (editorLanguage === "json") return "JSON copied to clipboard!";
+    return "HTML copied to clipboard!";
+  }, [editorLanguage]);
 
   return (
-    <NextStep
-      cardComponent={TourCustomCard}
-      clickThroughOverlay={false}
-      shadowRgb="0, 0, 0"
-      shadowOpacity="0.8"
-      steps={steps}
-      onComplete={() => {
-        setTourHasBeenShown(true);
-        confetti({
-          particleCount: 100,
-          spread: 70,
-          origin: { y: 1, x: 0.1 },
-        });
-      }}
-    >
-      <SandpackProvider
-        template="static"
-        options={{
-          initMode: "immediate",
-          autoReload: false,
-          recompileDelay: 3000,
-          recompileMode: "immediate",
-        }}
-        files={sandpackFiles}
-        theme={resolvedTheme === "dark" ? amethyst : undefined}
-        className="h-screen! w-full! flex! flex-col! justify-between! lg:overflow-hidden!"
-      >
-        <AppEditorHeader
-          currentActivity={currentActivity}
-          onToggleActivity={setCurrentActivity}
-          onToggleDevice={toggleDevice}
-          device={device}
-          mobileTab={mobileTab}
-          onToggleMobileTab={setMobileTab}
-          isNew={isNew}
-          isHistoryView={isHistoryView}
-        />
-        <main className="flex-1! flex! items-center! pb-3! gap-3! px-3!">
-          <div
-            className={cn(
-              "w-1/3 flex flex-col justify-between h-full relative",
-              mobileTab !== "left-sidebar" ? "max-lg:hidden" : "max-lg:w-full!"
-            )}
-          >
-            {currentActivity === "chat" ? (
-              <div className="justify-between flex flex-col h-[calc(100vh-70px)] grow">
-                <AppEditorChat
-                  isNew={isNew}
-                  projectName={projectName}
-                  onSelectFile={() => {
-                    setCurrentActivity("code");
-                  }}
-                />
-                <div className="">
-                  <div className="lg:hidden flex items-center justify-end pb-2">
-                    <Button
-                      variant="bordered"
-                      size="xs"
-                      onClick={() => setMobileTab("right-sidebar")}
-                    >
-                      Go to Preview <ArrowRight className="size-3" />
-                    </Button>
-                  </div>
-                  <AskAI
-                    isHistoryView={isHistoryView}
-                    isNew={isNew}
-                    projectName={projectName}
-                    initialPrompt={initialPrompt}
-                    tourHasBeenShown={tourHasBeenShown}
-                    files={files}
-                    medias={project?.medias ?? []}
-                    onToggleMobileTab={setMobileTab}
-                  />
-                </div>
-              </div>
-            ) : (
-              <AppEditorCode />
-            )}
-            {isHistoryView && <HistoryView />}
-          </div>
-          <AppViewer
-            mobileTab={mobileTab}
-            onToggleMobileTab={setMobileTab}
-            device={device}
+    <section className="h-screen w-full bg-neutral-950 flex flex-col">
+      <Header isNew={isNew} />
+      <main className="bg-neutral-950 flex-1 max-lg:flex-col flex w-full relative">
+        <div
+          ref={editor}
+          className={classNames(
+            "bg-neutral-900 relative flex h-full max-h-[calc(100dvh-47px)] w-full flex-col lg:max-w-[600px] transition-all duration-200",
+            {
+              "max-lg:hidden lg:!w-[0px] overflow-hidden":
+                currentTab !== "chat",
+            }
+          )}
+        >
+          <FileBrowser />
+          <CopyIcon
+            className="size-4 absolute top-14 right-5 text-neutral-500 hover:text-neutral-300 z-2 cursor-pointer"
+            onClick={() => {
+              copyToClipboard(currentPageData.html);
+              toast.success(copyMessage);
+            }}
           />
-        </main>
-      </SandpackProvider>
-    </NextStep>
+          <Editor
+            language={editorLanguage}
+            theme="vs-dark"
+            loading={<Loading overlay={false} />}
+            className="h-full absolute left-0 top-0 lg:min-w-[600px]"
+            options={{
+              colorDecorators: true,
+              fontLigatures: true,
+              theme: "vs-dark",
+              minimap: { enabled: false },
+              scrollbar: {
+                horizontal: "hidden",
+              },
+              wordWrap: "on",
+              readOnly: !!isAiWorking || !!currentCommit || globalEditorLoading,
+              readOnlyMessage: {
+                value: globalEditorLoading
+                  ? "Wait for DeepSite loading your project..."
+                  : currentCommit
+                  ? "You can't edit the code, as this is an old version of the project."
+                  : "Wait for DeepSite to finish working...",
+                isTrusted: true,
+              },
+              cursorBlinking: "smooth",
+            }}
+            value={currentPageData.html}
+            onChange={(value) => {
+              const newValue = value ?? "";
+              setPages((prev) =>
+                prev.map((page) =>
+                  page.path === currentPageData.path
+                    ? { ...page, html: newValue }
+                    : page
+                )
+              );
+            }}
+            onMount={(editor, monaco) => {
+              editorRef.current = editor;
+              monacoRef.current = monaco;
+            }}
+          />
+          <AskAi
+            project={project}
+            files={files}
+            isNew={isNew}
+            onScrollToBottom={() => {
+              editorRef.current?.revealLine(
+                editorRef.current?.getModel()?.getLineCount() ?? 0
+              );
+            }}
+          />
+        </div>
+        <Preview isNew={isNew} namespace={namespace} repoId={repoId} />
+      </main>
+
+      <SaveChangesPopup
+        isOpen={showSavePopup}
+        onClose={() => setShowSavePopup(false)}
+        onSave={saveChanges}
+        hasUnsavedChanges={hasUnsavedChanges}
+        pages={pages}
+        project={project}
+      />
+
+      <DiscordPromoModal />
+    </section>
   );
-}
+};
diff --git a/components/editor/night-light.json b/components/editor/night-light.json
deleted file mode 100644
index 77ed5495abb7d663d2d2002a5a750080ba6ed679..0000000000000000000000000000000000000000
--- a/components/editor/night-light.json
+++ /dev/null
@@ -1,1728 +0,0 @@
-{
-  "name": "Night Owl Light",
-  "type": "light",
-  "semanticHighlighting": true,
-  "colors": {
-    "foreground": "#403f53",
-    "focusBorder": "#93A1A1",
-    "errorForeground": "#403f53",
-    "selection.background": "#7a8181ad",
-    "descriptionForeground": "#403f53",
-    "widget.shadow": "#d9d9d9",
-    "titleBar.activeBackground": "#F0F0F0",
-    "notifications.background": "#F0F0F0",
-    "notifications.foreground": "#403f53",
-    "notificationLink.foreground": "#994cc3",
-    "notifications.border": "#CCCCCC",
-    "notificationCenter.border": "#CCCCCC",
-    "notificationToast.border": "#CCCCCC",
-    "notificationCenterHeader.foreground": "#403f53",
-    "notificationCenterHeader.background": "#F0F0F0",
-    "button.background": "#2AA298",
-    "button.foreground": "#F0F0F0",
-    "dropdown.background": "#F0F0F0",
-    "dropdown.foreground": "#403f53",
-    "dropdown.border": "#d9d9d9",
-    "input.background": "#F0F0F0",
-    "input.foreground": "#403f53",
-    "input.border": "#d9d9d9",
-    "input.placeholderForeground": "#93A1A1",
-    "inputOption.activeBorder": "#2AA298",
-    "inputValidation.infoBorder": "#D0D0D0",
-    "inputValidation.infoBackground": "#F0F0F0",
-    "inputValidation.warningBackground": "#daaa01",
-    "inputValidation.warningBorder": "#E0AF02",
-    "inputValidation.errorBackground": "#f76e6e",
-    "inputValidation.errorBorder": "#de3d3b",
-    "badge.background": "#2AA298",
-    "badge.foreground": "#F0F0F0",
-    "progressBar.background": "#2AA298",
-    "list.activeSelectionBackground": "#d3e8f8",
-    "list.activeSelectionForeground": "#403f53",
-    "list.inactiveSelectionBackground": "#E0E7EA",
-    "list.inactiveSelectionForeground": "#403f53",
-    "list.focusBackground": "#d3e8f8",
-    "list.hoverBackground": "#d3e8f8",
-    "list.focusForeground": "#403f53",
-    "list.hoverForeground": "#403f53",
-    "list.highlightForeground": "#403f53",
-    "list.errorForeground": "#E64D49",
-    "list.warningForeground": "#daaa01",
-    "activityBar.background": "#F0F0F0",
-    "activityBar.foreground": "#403f53",
-    "activityBar.dropBackground": "#D0D0D0",
-    "activityBarBadge.background": "#403f53",
-    "activityBarBadge.foreground": "#F0F0F0",
-    "activityBar.border": "#F0F0F0",
-    "sideBar.background": "#F0F0F0",
-    "sideBar.foreground": "#403f53",
-    "sideBarTitle.foreground": "#403f53",
-    "sideBar.border": "#F0F0F0",
-    "scrollbar.shadow": "#CCCCCC",
-    "tab.border": "#F0F0F0",
-    "tab.activeBackground": "#F6F6F6",
-    "tab.activeForeground": "#403f53",
-    "tab.inactiveForeground": "#403f53",
-    "tab.inactiveBackground": "#F0F0F0",
-    "editorGroup.border": "#F0F0F0",
-    "editorGroup.background": "#F6F6F6",
-    "editorGroupHeader.tabsBackground": "#F0F0F0",
-    "editorGroupHeader.tabsBorder": "#F0F0F0",
-    "editorGroupHeader.noTabsBackground": "#F0F0F0",
-    "tab.activeModifiedBorder": "#2AA298",
-    "tab.inactiveModifiedBorder": "#93A1A1",
-    "tab.unfocusedActiveModifiedBorder": "#93A1A1",
-    "tab.unfocusedInactiveModifiedBorder": "#93A1A1",
-    "editor.background": "#FBFBFB",
-    "editor.foreground": "#403f53",
-    "editorCursor.foreground": "#90A7B2",
-    "editorLineNumber.foreground": "#90A7B2",
-    "editorLineNumber.activeForeground": "#403f53",
-    "editor.selectionBackground": "#E0E0E0",
-    "editor.selectionHighlightBackground": "#339cec33",
-    "editor.wordHighlightBackground": "#339cec33",
-    "editor.wordHighlightStrongBackground": "#007dd659",
-    "editor.findMatchBackground": "#93A1A16c",
-    "editor.findMatchHighlightBackground": "#93a1a16c",
-    "editor.findRangeHighlightBackground": "#7497a633",
-    "editor.hoverHighlightBackground": "#339cec33",
-    "editor.lineHighlightBackground": "#F0F0F0",
-    "editor.rangeHighlightBackground": "#000000",
-    "editorWhitespace.foreground": "#d9d9d9",
-    "editorIndentGuide.background": "#d9d9d9",
-    "editorCodeLens.foreground": "#403f53",
-    "editorError.foreground": "#E64D49",
-    "editorError.border": "#FBFBFB",
-    "editorWarning.foreground": "#daaa01",
-    "editorWarning.border": "#daaa01",
-    "editorGutter.addedBackground": "#49d0c5",
-    "editorGutter.modifiedBackground": "#6fbef6",
-    "editorGutter.deletedBackground": "#f76e6e",
-    "editorRuler.foreground": "#d9d9d9",
-    "editorOverviewRuler.errorForeground": "#E64D49",
-    "editorOverviewRuler.warningForeground": "#daaa01",
-    "editorInlayHint.background": "#F0F0F0",
-    "editorInlayHint.foreground": "#403f53",
-    "editorWidget.background": "#F0F0F0",
-    "editorWidget.border": "#d9d9d9",
-    "editorSuggestWidget.background": "#F0F0F0",
-    "editorSuggestWidget.foreground": "#403f53",
-    "editorSuggestWidget.highlightForeground": "#403f53",
-    "editorSuggestWidget.selectedBackground": "#d3e8f8",
-    "editorSuggestWidget.border": "#d9d9d9",
-    "editorHoverWidget.background": "#F0F0F0",
-    "editorHoverWidget.border": "#d9d9d9",
-    "debugExceptionWidget.background": "#F0F0F0",
-    "debugExceptionWidget.border": "#d9d9d9",
-    "editorMarkerNavigation.background": "#D0D0D0",
-    "editorMarkerNavigationError.background": "#f76e6e",
-    "editorMarkerNavigationWarning.background": "#daaa01",
-    "debugToolBar.background": "#F0F0F0",
-    "pickerGroup.border": "#d9d9d9",
-    "pickerGroup.foreground": "#403f53",
-    "extensionButton.prominentBackground": "#2AA298",
-    "extensionButton.prominentForeground": "#F0F0F0",
-    "statusBar.background": "#F0F0F0",
-    "statusBar.border": "#F0F0F0",
-    "statusBar.debuggingBackground": "#F0F0F0",
-    "statusBar.debuggingForeground": "#403f53",
-    "statusBar.foreground": "#403f53",
-    "statusBar.noFolderBackground": "#F0F0F0",
-    "statusBar.noFolderForeground": "#403f53",
-    "panel.background": "#F0F0F0",
-    "panel.border": "#d9d9d9",
-    "peekView.border": "#d9d9d9",
-    "peekViewEditor.background": "#F6F6F6",
-    "peekViewEditorGutter.background": "#F6F6F6",
-    "peekViewEditor.matchHighlightBackground": "#49d0c5",
-    "peekViewResult.background": "#F0F0F0",
-    "peekViewResult.fileForeground": "#403f53",
-    "peekViewResult.lineForeground": "#403f53",
-    "peekViewResult.matchHighlightBackground": "#49d0c5",
-    "peekViewResult.selectionBackground": "#E0E7EA",
-    "peekViewResult.selectionForeground": "#403f53",
-    "peekViewTitle.background": "#F0F0F0",
-    "peekViewTitleLabel.foreground": "#403f53",
-    "peekViewTitleDescription.foreground": "#403f53",
-    "terminal.ansiBrightBlack": "#403f53",
-    "terminal.ansiBlack": "#403f53",
-    "terminal.ansiBrightBlue": "#288ed7",
-    "terminal.ansiBlue": "#288ed7",
-    "terminal.ansiBrightCyan": "#2AA298",
-    "terminal.ansiCyan": "#2AA298",
-    "terminal.ansiBrightGreen": "#08916a",
-    "terminal.ansiGreen": "#08916a",
-    "terminal.ansiBrightMagenta": "#d6438a",
-    "terminal.ansiMagenta": "#d6438a",
-    "terminal.ansiBrightRed": "#de3d3b",
-    "terminal.ansiRed": "#de3d3b",
-    "terminal.ansiBrightWhite": "#93A1A1",
-    "terminal.ansiWhite": "#93A1A1",
-    "terminal.ansiBrightYellow": "#daaa01",
-    "terminal.ansiYellow": "#E0AF02",
-    "terminal.background": "#F6F6F6",
-    "terminal.foreground": "#403f53"
-  },
-  "tokenColors": [
-    {
-      "name": "Changed",
-      "scope": [
-        "markup.changed",
-        "meta.diff.header.git",
-        "meta.diff.header.from-file",
-        "meta.diff.header.to-file"
-      ],
-      "settings": {
-        "foreground": "#a2bffc",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Deleted",
-      "scope": "markup.deleted.diff",
-      "settings": {
-        "foreground": "#EF535090",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Inserted",
-      "scope": "markup.inserted.diff",
-      "settings": {
-        "foreground": "#4876d6ff",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Global settings",
-      "settings": {
-        "background": "#011627",
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "Comment",
-      "scope": ["comment", "punctuation.definition.comment"],
-      "settings": {
-        "foreground": "#989fb1",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "String",
-      "scope": "string",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "String Quoted",
-      "scope": ["string.quoted", "variable.other.readwrite.js"],
-      "settings": {
-        "foreground": "#c96765"
-      }
-    },
-    {
-      "name": "Support Constant Math",
-      "scope": "support.constant.math",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Number",
-      "scope": ["constant.numeric", "constant.character.numeric"],
-      "settings": {
-        "foreground": "#aa0982",
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Built-in constant",
-      "scope": [
-        "constant.language",
-        "punctuation.definition.constant",
-        "variable.other.constant"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "User-defined constant",
-      "scope": ["constant.character", "constant.other"],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Constant Character Escape",
-      "scope": "constant.character.escape",
-      "settings": {
-        "foreground": "#aa0982"
-      }
-    },
-    {
-      "name": "RegExp String",
-      "scope": ["string.regexp", "string.regexp keyword.other"],
-      "settings": {
-        "foreground": "#5ca7e4"
-      }
-    },
-    {
-      "name": "Comma in functions",
-      "scope": "meta.function punctuation.separator.comma",
-      "settings": {
-        "foreground": "#5f7e97"
-      }
-    },
-    {
-      "name": "Variable",
-      "scope": "variable",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Keyword",
-      "scope": ["punctuation.accessor", "keyword"],
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Storage",
-      "scope": [
-        "storage",
-        "meta.var.expr",
-        "meta.class meta.method.declaration meta.var.expr storage.type.js",
-        "storage.type.property.js",
-        "storage.type.property.ts",
-        "storage.type.property.tsx"
-      ],
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Storage type",
-      "scope": "storage.type",
-      "settings": {
-        "foreground": "#994cc3"
-      }
-    },
-    {
-      "name": "Storage type",
-      "scope": "storage.type.function.arrow.js",
-      "settings": {
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Class name",
-      "scope": ["entity.name.class", "meta.class entity.name.type.class"],
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "Inherited class",
-      "scope": "entity.other.inherited-class",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Function name",
-      "scope": "entity.name.function",
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Meta Tag",
-      "scope": ["punctuation.definition.tag", "meta.tag"],
-      "settings": {
-        "foreground": "#994cc3"
-      }
-    },
-    {
-      "name": "HTML Tag names",
-      "scope": [
-        "entity.name.tag",
-        "meta.tag.other.html",
-        "meta.tag.other.js",
-        "meta.tag.other.tsx",
-        "entity.name.tag.tsx",
-        "entity.name.tag.js",
-        "entity.name.tag",
-        "meta.tag.js",
-        "meta.tag.tsx",
-        "meta.tag.html"
-      ],
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Tag attribute",
-      "scope": "entity.other.attribute-name",
-      "settings": {
-        "fontStyle": "italic",
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Entity Name Tag Custom",
-      "scope": "entity.name.tag.custom",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Library (function & constant)",
-      "scope": ["support.function", "support.constant"],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Support Constant Property Value meta",
-      "scope": "support.constant.meta.property-value",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Library class/type",
-      "scope": ["support.type", "support.class"],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Support Variable DOM",
-      "scope": "support.variable.dom",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Invalid",
-      "scope": "invalid",
-      "settings": {
-        "foreground": "#ff2c83"
-      }
-    },
-    {
-      "name": "Invalid deprecated",
-      "scope": "invalid.deprecated",
-      "settings": {
-        "foreground": "#d3423e"
-      }
-    },
-    {
-      "name": "Keyword Operator",
-      "scope": "keyword.operator",
-      "settings": {
-        "foreground": "#0c969b",
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Keyword Operator Relational",
-      "scope": "keyword.operator.relational",
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Keyword Operator Assignment",
-      "scope": "keyword.operator.assignment",
-      "settings": {
-        "foreground": "#994cc3"
-      }
-    },
-    {
-      "name": "Keyword Operator Arithmetic",
-      "scope": "keyword.operator.arithmetic",
-      "settings": {
-        "foreground": "#994cc3"
-      }
-    },
-    {
-      "name": "Keyword Operator Bitwise",
-      "scope": "keyword.operator.bitwise",
-      "settings": {
-        "foreground": "#994cc3"
-      }
-    },
-    {
-      "name": "Keyword Operator Increment",
-      "scope": "keyword.operator.increment",
-      "settings": {
-        "foreground": "#994cc3"
-      }
-    },
-    {
-      "name": "Keyword Operator Ternary",
-      "scope": "keyword.operator.ternary",
-      "settings": {
-        "foreground": "#994cc3"
-      }
-    },
-    {
-      "name": "Double-Slashed Comment",
-      "scope": "comment.line.double-slash",
-      "settings": {
-        "foreground": "#939dbb"
-      }
-    },
-    {
-      "name": "Object",
-      "scope": "object",
-      "settings": {
-        "foreground": "#cdebf7"
-      }
-    },
-    {
-      "name": "Null",
-      "scope": "constant.language.null",
-      "settings": {
-        "foreground": "#bc5454"
-      }
-    },
-    {
-      "name": "Meta Brace",
-      "scope": "meta.brace",
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "Meta Delimiter Period",
-      "scope": "meta.delimiter.period",
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Punctuation Definition String",
-      "scope": "punctuation.definition.string",
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "Punctuation Definition String Markdown",
-      "scope": "punctuation.definition.string.begin.markdown",
-      "settings": {
-        "foreground": "#bc5454"
-      }
-    },
-    {
-      "name": "Boolean",
-      "scope": "constant.language.boolean",
-      "settings": {
-        "foreground": "#bc5454"
-      }
-    },
-    {
-      "name": "Object Comma",
-      "scope": "object.comma",
-      "settings": {
-        "foreground": "#ffffff"
-      }
-    },
-    {
-      "name": "Variable Parameter Function",
-      "scope": "variable.parameter.function",
-      "settings": {
-        "foreground": "#0c969b",
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Support Type Property Name & entity name tags",
-      "scope": [
-        "support.type.vendor.property-name",
-        "support.constant.vendor.property-value",
-        "support.type.property-name",
-        "meta.property-list entity.name.tag"
-      ],
-      "settings": {
-        "foreground": "#0c969b",
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Entity Name tag reference in stylesheets",
-      "scope": "meta.property-list entity.name.tag.reference",
-      "settings": {
-        "foreground": "#57eaf1"
-      }
-    },
-    {
-      "name": "Constant Other Color RGB Value Punctuation Definition Constant",
-      "scope": "constant.other.color.rgb-value punctuation.definition.constant",
-      "settings": {
-        "foreground": "#aa0982"
-      }
-    },
-    {
-      "name": "Constant Other Color",
-      "scope": "constant.other.color",
-      "settings": {
-        "foreground": "#aa0982"
-      }
-    },
-    {
-      "name": "Keyword Other Unit",
-      "scope": "keyword.other.unit",
-      "settings": {
-        "foreground": "#aa0982"
-      }
-    },
-    {
-      "name": "Meta Selector",
-      "scope": "meta.selector",
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Entity Other Attribute Name Id",
-      "scope": "entity.other.attribute-name.id",
-      "settings": {
-        "foreground": "#aa0982"
-      }
-    },
-    {
-      "name": "Meta Property Name",
-      "scope": "meta.property-name",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Doctypes",
-      "scope": ["entity.name.tag.doctype", "meta.tag.sgml.doctype"],
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Punctuation Definition Parameters",
-      "scope": "punctuation.definition.parameters",
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "Keyword Control Operator",
-      "scope": "keyword.control.operator",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Keyword Operator Logical",
-      "scope": "keyword.operator.logical",
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Variable Instances",
-      "scope": [
-        "variable.instance",
-        "variable.other.instance",
-        "variable.readwrite.instance",
-        "variable.other.readwrite.instance",
-        "variable.other.property"
-      ],
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Variable Property Other object property",
-      "scope": ["variable.other.object.property"],
-      "settings": {
-        "foreground": "#111111",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Variable Property Other object",
-      "scope": ["variable.other.object.js"],
-      "settings": {
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Entity Name Function",
-      "scope": ["entity.name.function"],
-      "settings": {
-        "foreground": "#4876d6",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Keyword Operator Comparison, imports, returns and Keyword Operator Ruby",
-      "scope": [
-        "keyword.operator.comparison",
-        "keyword.control.flow.js",
-        "keyword.control.flow.ts",
-        "keyword.control.flow.tsx",
-        "keyword.control.ruby",
-        "keyword.control.module.ruby",
-        "keyword.control.class.ruby",
-        "keyword.control.def.ruby",
-        "keyword.control.loop.js",
-        "keyword.control.loop.ts",
-        "keyword.control.import.js",
-        "keyword.control.import.ts",
-        "keyword.control.import.tsx",
-        "keyword.control.from.js",
-        "keyword.control.from.ts",
-        "keyword.control.from.tsx",
-        "keyword.operator.instanceof.js",
-        "keyword.operator.expression.instanceof.ts",
-        "keyword.operator.expression.instanceof.tsx"
-      ],
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Keyword Control Conditional",
-      "scope": [
-        "keyword.control.conditional.js",
-        "keyword.control.conditional.ts",
-        "keyword.control.switch.js",
-        "keyword.control.switch.ts"
-      ],
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Support Constant, `new` keyword, Special Method Keyword, `debugger`, other keywords",
-      "scope": [
-        "support.constant",
-        "keyword.other.special-method",
-        "keyword.other.new",
-        "keyword.other.debugger",
-        "keyword.control"
-      ],
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Support Function",
-      "scope": "support.function",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Invalid Broken",
-      "scope": "invalid.broken",
-      "settings": {
-        "foreground": "#aa0982"
-      }
-    },
-    {
-      "name": "Invalid Unimplemented",
-      "scope": "invalid.unimplemented",
-      "settings": {
-        "foreground": "#8BD649"
-      }
-    },
-    {
-      "name": "Invalid Illegal",
-      "scope": "invalid.illegal",
-      "settings": {
-        "foreground": "#c96765"
-      }
-    },
-    {
-      "name": "Language Variable",
-      "scope": "variable.language",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Support Variable Property",
-      "scope": "support.variable.property",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Variable Function",
-      "scope": "variable.function",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Variable Interpolation",
-      "scope": "variable.interpolation",
-      "settings": {
-        "foreground": "#ec5f67"
-      }
-    },
-    {
-      "name": "Meta Function Call",
-      "scope": "meta.function-call",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Punctuation Section Embedded",
-      "scope": "punctuation.section.embedded",
-      "settings": {
-        "foreground": "#d3423e"
-      }
-    },
-    {
-      "name": "Punctuation Tweaks",
-      "scope": [
-        "punctuation.terminator.expression",
-        "punctuation.definition.arguments",
-        "punctuation.definition.array",
-        "punctuation.section.array",
-        "meta.array"
-      ],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "More Punctuation Tweaks",
-      "scope": [
-        "punctuation.definition.list.begin",
-        "punctuation.definition.list.end",
-        "punctuation.separator.arguments",
-        "punctuation.definition.list"
-      ],
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "Template Strings",
-      "scope": "string.template meta.template.expression",
-      "settings": {
-        "foreground": "#d3423e"
-      }
-    },
-    {
-      "name": "Backtics(``) in Template Strings",
-      "scope": "string.template punctuation.definition.string",
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "Italics",
-      "scope": "italic",
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Bold",
-      "scope": "bold",
-      "settings": {
-        "foreground": "#4876d6",
-        "fontStyle": "bold"
-      }
-    },
-    {
-      "name": "Quote",
-      "scope": "quote",
-      "settings": {
-        "foreground": "#697098",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Raw Code",
-      "scope": "raw",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "CoffeScript Variable Assignment",
-      "scope": "variable.assignment.coffee",
-      "settings": {
-        "foreground": "#31e1eb"
-      }
-    },
-    {
-      "name": "CoffeScript Parameter Function",
-      "scope": "variable.parameter.function.coffee",
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "CoffeeScript Assignments",
-      "scope": "variable.assignment.coffee",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "C# Readwrite Variables",
-      "scope": "variable.other.readwrite.cs",
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "C# Classes & Storage types",
-      "scope": ["entity.name.type.class.cs", "storage.type.cs"],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "C# Namespaces",
-      "scope": "entity.name.type.namespace.cs",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Tag names in Stylesheets",
-      "scope": [
-        "entity.name.tag.css",
-        "entity.name.tag.less",
-        "entity.name.tag.custom.css",
-        "support.constant.property-value.css"
-      ],
-      "settings": {
-        "foreground": "#c96765",
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Wildcard(*) selector in Stylesheets",
-      "scope": [
-        "entity.name.tag.wildcard.css",
-        "entity.name.tag.wildcard.less",
-        "entity.name.tag.wildcard.scss",
-        "entity.name.tag.wildcard.sass"
-      ],
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "CSS Keyword Other Unit",
-      "scope": "keyword.other.unit.css",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Attribute Name for CSS",
-      "scope": [
-        "meta.attribute-selector.css entity.other.attribute-name.attribute",
-        "variable.other.readwrite.js"
-      ],
-      "settings": {
-        "foreground": "#aa0982"
-      }
-    },
-    {
-      "name": "Elixir Classes",
-      "scope": [
-        "source.elixir support.type.elixir",
-        "source.elixir meta.module.elixir entity.name.class.elixir"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Elixir Functions",
-      "scope": "source.elixir entity.name.function",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Elixir Constants",
-      "scope": [
-        "source.elixir constant.other.symbol.elixir",
-        "source.elixir constant.other.keywords.elixir"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Elixir String Punctuations",
-      "scope": "source.elixir punctuation.definition.string",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Elixir",
-      "scope": [
-        "source.elixir variable.other.readwrite.module.elixir",
-        "source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Elixir Binary Punctuations",
-      "scope": "source.elixir .punctuation.binary.elixir",
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Closure Constant Keyword",
-      "scope": "constant.keyword.clojure",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Go Function Calls",
-      "scope": "source.go meta.function-call.go",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Go Keywords",
-      "scope": [
-        "source.go keyword.package.go",
-        "source.go keyword.import.go",
-        "source.go keyword.function.go",
-        "source.go keyword.type.go",
-        "source.go keyword.struct.go",
-        "source.go keyword.interface.go",
-        "source.go keyword.const.go",
-        "source.go keyword.var.go",
-        "source.go keyword.map.go",
-        "source.go keyword.channel.go",
-        "source.go keyword.control.go"
-      ],
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Go Constants e.g. nil, string format (%s, %d, etc.)",
-      "scope": [
-        "source.go constant.language.go",
-        "source.go constant.other.placeholder.go"
-      ],
-      "settings": {
-        "foreground": "#bc5454"
-      }
-    },
-    {
-      "name": "C++ Functions",
-      "scope": [
-        "entity.name.function.preprocessor.cpp",
-        "entity.scope.name.cpp"
-      ],
-      "settings": {
-        "foreground": "#0c969bff"
-      }
-    },
-    {
-      "name": "C++ Meta Namespace",
-      "scope": ["meta.namespace-block.cpp"],
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "C++ Language Primitive Storage",
-      "scope": ["storage.type.language.primitive.cpp"],
-      "settings": {
-        "foreground": "#bc5454"
-      }
-    },
-    {
-      "name": "C++ Preprocessor Macro",
-      "scope": ["meta.preprocessor.macro.cpp"],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "C++ Variable Parameter",
-      "scope": ["variable.parameter"],
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "Powershell Variables",
-      "scope": ["variable.other.readwrite.powershell"],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Powershell Function",
-      "scope": ["support.function.powershell"],
-      "settings": {
-        "foreground": "#0c969bff"
-      }
-    },
-    {
-      "name": "ID Attribute Name in HTML",
-      "scope": "entity.other.attribute-name.id.html",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "HTML Punctuation Definition Tag",
-      "scope": "punctuation.definition.tag.html",
-      "settings": {
-        "foreground": "#994cc3"
-      }
-    },
-    {
-      "name": "HTML Doctype",
-      "scope": "meta.tag.sgml.doctype.html",
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "JavaScript Classes",
-      "scope": "meta.class entity.name.type.class.js",
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "JavaScript Method Declaration e.g. `constructor`",
-      "scope": "meta.method.declaration storage.type.js",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "JavaScript Terminator",
-      "scope": "terminator.js",
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "JavaScript Meta Punctuation Definition",
-      "scope": "meta.js punctuation.definition.js",
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "Entity Names in Code Documentations",
-      "scope": [
-        "entity.name.type.instance.jsdoc",
-        "entity.name.type.instance.phpdoc"
-      ],
-      "settings": {
-        "foreground": "#5f7e97"
-      }
-    },
-    {
-      "name": "Other Variables in Code Documentations",
-      "scope": ["variable.other.jsdoc", "variable.other.phpdoc"],
-      "settings": {
-        "foreground": "#78ccf0"
-      }
-    },
-    {
-      "name": "JavaScript module imports and exports",
-      "scope": [
-        "variable.other.meta.import.js",
-        "meta.import.js variable.other",
-        "variable.other.meta.export.js",
-        "meta.export.js variable.other"
-      ],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "JavaScript Variable Parameter Function",
-      "scope": "variable.parameter.function.js",
-      "settings": {
-        "foreground": "#7986E7"
-      }
-    },
-    {
-      "name": "JavaScript[React] Variable Other Object",
-      "scope": [
-        "variable.other.object.js",
-        "variable.other.object.jsx",
-        "variable.object.property.js",
-        "variable.object.property.jsx"
-      ],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "JavaScript Variables",
-      "scope": ["variable.js", "variable.other.js"],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "JavaScript Entity Name Type",
-      "scope": ["entity.name.type.js", "entity.name.type.module.js"],
-      "settings": {
-        "foreground": "#111111",
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "JavaScript Support Classes",
-      "scope": "support.class.js",
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "JSON Property Names",
-      "scope": "support.type.property-name.json",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "JSON Support Constants",
-      "scope": "support.constant.json",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "JSON Property values (string)",
-      "scope": "meta.structure.dictionary.value.json string.quoted.double",
-      "settings": {
-        "foreground": "#c789d6"
-      }
-    },
-    {
-      "name": "Strings in JSON values",
-      "scope": "string.quoted.double.json punctuation.definition.string.json",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Specific JSON Property values like null",
-      "scope": "meta.structure.dictionary.json meta.structure.dictionary.value constant.language",
-      "settings": {
-        "foreground": "#bc5454"
-      }
-    },
-    {
-      "name": "JavaScript Other Variable",
-      "scope": "variable.other.object.js",
-      "settings": {
-        "foreground": "#0c969b",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Ruby Variables",
-      "scope": ["variable.other.ruby"],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "Ruby Class",
-      "scope": ["entity.name.type.class.ruby"],
-      "settings": {
-        "foreground": "#c96765"
-      }
-    },
-    {
-      "name": "Ruby Hashkeys",
-      "scope": "constant.language.symbol.hashkey.ruby",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Ruby Symbols",
-      "scope": "constant.language.symbol.ruby",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "LESS Tag names",
-      "scope": "entity.name.tag.less",
-      "settings": {
-        "foreground": "#994cc3"
-      }
-    },
-    {
-      "name": "LESS Keyword Other Unit",
-      "scope": "keyword.other.unit.css",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Attribute Name for LESS",
-      "scope": "meta.attribute-selector.less entity.other.attribute-name.attribute",
-      "settings": {
-        "foreground": "#aa0982"
-      }
-    },
-    {
-      "name": "Markdown Headings",
-      "scope": [
-        "markup.heading",
-        "markup.heading.setext.1",
-        "markup.heading.setext.2"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Markdown Italics",
-      "scope": "markup.italic",
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Markdown Bold",
-      "scope": "markup.bold",
-      "settings": {
-        "foreground": "#4876d6",
-        "fontStyle": "bold"
-      }
-    },
-    {
-      "name": "Markdown Quote + others",
-      "scope": "markup.quote",
-      "settings": {
-        "foreground": "#697098",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "Markdown Raw Code + others",
-      "scope": "markup.inline.raw",
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Markdown Links",
-      "scope": [
-        "markup.underline.link",
-        "markup.underline.link.image"
-      ],
-      "settings": {
-        "foreground": "#ff869a"
-      }
-    },
-    {
-      "name": "Markdown Link Title and Description",
-      "scope": [
-        "string.other.link.title.markdown",
-        "string.other.link.description.markdown"
-      ],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "Markdown Punctuation",
-      "scope": [
-        "punctuation.definition.string.markdown",
-        "punctuation.definition.string.begin.markdown",
-        "punctuation.definition.string.end.markdown",
-        "meta.link.inline.markdown punctuation.definition.string"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Markdown MetaData Punctuation",
-      "scope": ["punctuation.definition.metadata.markdown"],
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Markdown List Punctuation",
-      "scope": ["beginning.punctuation.definition.list.markdown"],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Markdown Inline Raw String",
-      "scope": "markup.inline.raw.string.markdown",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "PHP Variables",
-      "scope": ["variable.other.php", "variable.other.property.php"],
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "Support Classes in PHP",
-      "scope": "support.class.php",
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "Punctuations in PHP function calls",
-      "scope": "meta.function-call.php punctuation",
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "PHP Global Variables",
-      "scope": "variable.other.global.php",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Declaration Punctuation in PHP Global Variables",
-      "scope": "variable.other.global.php punctuation.definition.variable",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Language Constants in Python",
-      "scope": "constant.language.python",
-      "settings": {
-        "foreground": "#bc5454"
-      }
-    },
-    {
-      "name": "Python Function Parameter and Arguments",
-      "scope": [
-        "variable.parameter.function.python",
-        "meta.function-call.arguments.python"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Python Function Call",
-      "scope": [
-        "meta.function-call.python",
-        "meta.function-call.generic.python"
-      ],
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "Punctuations in Python",
-      "scope": "punctuation.python",
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "Decorator Functions in Python",
-      "scope": "entity.name.function.decorator.python",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Python Language Variable",
-      "scope": "source.python variable.language.special",
-      "settings": {
-        "foreground": "#aa0982"
-      }
-    },
-    {
-      "name": "Python import control keyword",
-      "scope": "keyword.control",
-      "settings": {
-        "foreground": "#994cc3",
-        "fontStyle": "italic"
-      }
-    },
-    {
-      "name": "SCSS Variable",
-      "scope": [
-        "variable.scss",
-        "variable.sass",
-        "variable.parameter.url.scss",
-        "variable.parameter.url.sass"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Variables in SASS At-Rules",
-      "scope": [
-        "source.css.scss meta.at-rule variable",
-        "source.css.sass meta.at-rule variable"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "Variables in SASS At-Rules",
-      "scope": [
-        "source.css.scss meta.at-rule variable",
-        "source.css.sass meta.at-rule variable"
-      ],
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "Attribute Name for SASS",
-      "scope": [
-        "meta.attribute-selector.scss entity.other.attribute-name.attribute",
-        "meta.attribute-selector.sass entity.other.attribute-name.attribute"
-      ],
-      "settings": {
-        "foreground": "#aa0982"
-      }
-    },
-    {
-      "name": "Tag names in SASS",
-      "scope": ["entity.name.tag.scss", "entity.name.tag.sass"],
-      "settings": {
-        "foreground": "#0c969b"
-      }
-    },
-    {
-      "name": "SASS Keyword Other Unit",
-      "scope": ["keyword.other.unit.scss", "keyword.other.unit.sass"],
-      "settings": {
-        "foreground": "#994cc3"
-      }
-    },
-    {
-      "name": "TypeScript[React] Variables and Object Properties",
-      "scope": [
-        "variable.other.readwrite.alias.ts",
-        "variable.other.readwrite.alias.tsx",
-        "variable.other.readwrite.ts",
-        "variable.other.readwrite.tsx",
-        "variable.other.object.ts",
-        "variable.other.object.tsx",
-        "variable.object.property.ts",
-        "variable.object.property.tsx",
-        "variable.other.ts",
-        "variable.other.tsx",
-        "variable.tsx",
-        "variable.ts"
-      ],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "TypeScript[React] Entity Name Types",
-      "scope": ["entity.name.type.ts", "entity.name.type.tsx"],
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "TypeScript[React] Node Classes",
-      "scope": ["support.class.node.ts", "support.class.node.tsx"],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "TypeScript[React] Entity Name Types as Parameters",
-      "scope": [
-        "meta.type.parameters.ts entity.name.type",
-        "meta.type.parameters.tsx entity.name.type"
-      ],
-      "settings": {
-        "foreground": "#5f7e97"
-      }
-    },
-    {
-      "name": "TypeScript[React] Import/Export Punctuations",
-      "scope": [
-        "meta.import.ts punctuation.definition.block",
-        "meta.import.tsx punctuation.definition.block",
-        "meta.export.ts punctuation.definition.block",
-        "meta.export.tsx punctuation.definition.block"
-      ],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "TypeScript[React] Punctuation Decorators",
-      "scope": [
-        "meta.decorator punctuation.decorator.ts",
-        "meta.decorator punctuation.decorator.tsx"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "TypeScript[React] Punctuation Decorators",
-      "scope": "meta.tag.js meta.jsx.children.tsx",
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "YAML Entity Name Tags",
-      "scope": "entity.name.tag.yaml",
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "JavaScript Variable Other ReadWrite",
-      "scope": ["variable.other.readwrite.js", "variable.parameter"],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "Support Class Component",
-      "scope": ["support.class.component.js", "support.class.component.tsx"],
-      "settings": {
-        "foreground": "#aa0982",
-        "fontStyle": ""
-      }
-    },
-    {
-      "name": "Text nested in React tags",
-      "scope": [
-        "meta.jsx.children",
-        "meta.jsx.children.js",
-        "meta.jsx.children.tsx"
-      ],
-      "settings": {
-        "foreground": "#403f53"
-      }
-    },
-    {
-      "name": "TypeScript Classes",
-      "scope": "meta.class entity.name.type.class.tsx",
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "TypeScript Entity Name Type",
-      "scope": ["entity.name.type.tsx", "entity.name.type.module.tsx"],
-      "settings": {
-        "foreground": "#111111"
-      }
-    },
-    {
-      "name": "TypeScript Class Variable Keyword",
-      "scope": [
-        "meta.class.ts meta.var.expr.ts storage.type.ts",
-        "meta.class.tsx meta.var.expr.tsx storage.type.tsx"
-      ],
-      "settings": {
-        "foreground": "#994CC3"
-      }
-    },
-    {
-      "name": "TypeScript Method Declaration e.g. `constructor`",
-      "scope": [
-        "meta.method.declaration storage.type.ts",
-        "meta.method.declaration storage.type.tsx"
-      ],
-      "settings": {
-        "foreground": "#4876d6"
-      }
-    },
-    {
-      "name": "normalize font style of certain components",
-      "scope": [
-        "meta.property-list.css meta.property-value.css variable.other.less",
-        "meta.property-list.scss variable.scss",
-        "meta.property-list.sass variable.sass",
-        "meta.brace",
-        "keyword.operator.operator",
-        "keyword.operator.or.regexp",
-        "keyword.operator.expression.in",
-        "keyword.operator.relational",
-        "keyword.operator.assignment",
-        "keyword.operator.comparison",
-        "keyword.operator.type",
-        "keyword.operator",
-        "keyword",
-        "punctuation.definintion.string",
-        "punctuation",
-        "variable.other.readwrite.js",
-        "storage.type",
-        "source.css",
-        "string.quoted"
-      ],
-      "settings": {
-        "fontStyle": ""
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/components/editor/night.json b/components/editor/night.json
deleted file mode 100644
index 993c6496f2d1a9f783e395ed572fa4148796533f..0000000000000000000000000000000000000000
--- a/components/editor/night.json
+++ /dev/null
@@ -1,347 +0,0 @@
-{
-  "inherit": true,
-  "rules": [
-    {
-      "background": "24292e",
-      "token": ""
-    },
-    {
-      "foreground": "959da5",
-      "token": "comment"
-    },
-    {
-      "foreground": "959da5",
-      "token": "punctuation.definition.comment"
-    },
-    {
-      "foreground": "959da5",
-      "token": "string.comment"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "constant"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "entity.name.constant"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "variable.other.constant"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "variable.language"
-    },
-    {
-      "foreground": "b392f0",
-      "token": "entity"
-    },
-    {
-      "foreground": "b392f0",
-      "token": "entity.name"
-    },
-    {
-      "foreground": "f6f8fa",
-      "token": "variable.parameter.function"
-    },
-    {
-      "foreground": "7bcc72",
-      "token": "entity.name.tag"
-    },
-    {
-      "foreground": "ea4a5a",
-      "token": "keyword"
-    },
-    {
-      "foreground": "ea4a5a",
-      "token": "storage"
-    },
-    {
-      "foreground": "ea4a5a",
-      "token": "storage.type"
-    },
-    {
-      "foreground": "f6f8fa",
-      "token": "storage.modifier.package"
-    },
-    {
-      "foreground": "f6f8fa",
-      "token": "storage.modifier.import"
-    },
-    {
-      "foreground": "f6f8fa",
-      "token": "storage.type.java"
-    },
-    {
-      "foreground": "79b8ff",
-      "token": "string"
-    },
-    {
-      "foreground": "79b8ff",
-      "token": "punctuation.definition.string"
-    },
-    {
-      "foreground": "79b8ff",
-      "token": "string punctuation.section.embedded source"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "support"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "meta.property-name"
-    },
-    {
-      "foreground": "fb8532",
-      "token": "variable"
-    },
-    {
-      "foreground": "f6f8fa",
-      "token": "variable.other"
-    },
-    {
-      "foreground": "d73a49",
-      "fontStyle": "bold italic underline",
-      "token": "invalid.broken"
-    },
-    {
-      "foreground": "d73a49",
-      "fontStyle": "bold italic underline",
-      "token": "invalid.deprecated"
-    },
-    {
-      "foreground": "fafbfc",
-      "background": "d73a49",
-      "fontStyle": "italic underline",
-      "token": "invalid.illegal"
-    },
-    {
-      "foreground": "fafbfc",
-      "background": "d73a49",
-      "fontStyle": "italic underline",
-      "token": "carriage-return"
-    },
-    {
-      "foreground": "d73a49",
-      "fontStyle": "bold italic underline",
-      "token": "invalid.unimplemented"
-    },
-    {
-      "foreground": "d73a49",
-      "token": "message.error"
-    },
-    {
-      "foreground": "f6f8fa",
-      "token": "string source"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "string variable"
-    },
-    {
-      "foreground": "79b8ff",
-      "token": "source.regexp"
-    },
-    {
-      "foreground": "79b8ff",
-      "token": "string.regexp"
-    },
-    {
-      "foreground": "79b8ff",
-      "token": "string.regexp.character-class"
-    },
-    {
-      "foreground": "79b8ff",
-      "token": "string.regexp constant.character.escape"
-    },
-    {
-      "foreground": "79b8ff",
-      "token": "string.regexp source.ruby.embedded"
-    },
-    {
-      "foreground": "79b8ff",
-      "token": "string.regexp string.regexp.arbitrary-repitition"
-    },
-    {
-      "foreground": "7bcc72",
-      "fontStyle": "bold",
-      "token": "string.regexp constant.character.escape"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "support.constant"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "support.variable"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "meta.module-reference"
-    },
-    {
-      "foreground": "fb8532",
-      "token": "markup.list"
-    },
-    {
-      "foreground": "0366d6",
-      "fontStyle": "bold",
-      "token": "markup.heading"
-    },
-    {
-      "foreground": "0366d6",
-      "fontStyle": "bold",
-      "token": "markup.heading entity.name"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "markup.quote"
-    },
-    {
-      "foreground": "f6f8fa",
-      "fontStyle": "italic",
-      "token": "markup.italic"
-    },
-    {
-      "foreground": "f6f8fa",
-      "fontStyle": "bold",
-      "token": "markup.bold"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "markup.raw"
-    },
-    {
-      "foreground": "b31d28",
-      "background": "ffeef0",
-      "token": "markup.deleted"
-    },
-    {
-      "foreground": "b31d28",
-      "background": "ffeef0",
-      "token": "meta.diff.header.from-file"
-    },
-    {
-      "foreground": "b31d28",
-      "background": "ffeef0",
-      "token": "punctuation.definition.deleted"
-    },
-    {
-      "foreground": "176f2c",
-      "background": "f0fff4",
-      "token": "markup.inserted"
-    },
-    {
-      "foreground": "176f2c",
-      "background": "f0fff4",
-      "token": "meta.diff.header.to-file"
-    },
-    {
-      "foreground": "176f2c",
-      "background": "f0fff4",
-      "token": "punctuation.definition.inserted"
-    },
-    {
-      "foreground": "b08800",
-      "background": "fffdef",
-      "token": "markup.changed"
-    },
-    {
-      "foreground": "b08800",
-      "background": "fffdef",
-      "token": "punctuation.definition.changed"
-    },
-    {
-      "foreground": "2f363d",
-      "background": "959da5",
-      "token": "markup.ignored"
-    },
-    {
-      "foreground": "2f363d",
-      "background": "959da5",
-      "token": "markup.untracked"
-    },
-    {
-      "foreground": "b392f0",
-      "fontStyle": "bold",
-      "token": "meta.diff.range"
-    },
-    {
-      "foreground": "c8e1ff",
-      "token": "meta.diff.header"
-    },
-    {
-      "foreground": "0366d6",
-      "fontStyle": "bold",
-      "token": "meta.separator"
-    },
-    {
-      "foreground": "0366d6",
-      "token": "meta.output"
-    },
-    {
-      "foreground": "ffeef0",
-      "token": "brackethighlighter.tag"
-    },
-    {
-      "foreground": "ffeef0",
-      "token": "brackethighlighter.curly"
-    },
-    {
-      "foreground": "ffeef0",
-      "token": "brackethighlighter.round"
-    },
-    {
-      "foreground": "ffeef0",
-      "token": "brackethighlighter.square"
-    },
-    {
-      "foreground": "ffeef0",
-      "token": "brackethighlighter.angle"
-    },
-    {
-      "foreground": "ffeef0",
-      "token": "brackethighlighter.quote"
-    },
-    {
-      "foreground": "d73a49",
-      "token": "brackethighlighter.unmatched"
-    },
-    {
-      "foreground": "d73a49",
-      "token": "sublimelinter.mark.error"
-    },
-    {
-      "foreground": "fb8532",
-      "token": "sublimelinter.mark.warning"
-    },
-    {
-      "foreground": "6a737d",
-      "token": "sublimelinter.gutter-mark"
-    },
-    {
-      "foreground": "79b8ff",
-      "fontStyle": "underline",
-      "token": "constant.other.reference.link"
-    },
-    {
-      "foreground": "79b8ff",
-      "fontStyle": "underline",
-      "token": "string.other.link"
-    }
-  ],
-  "colors": {
-    "editor.foreground": "#f6f8fa",
-    "editor.background": "#24292e",
-    "editor.selectionBackground": "#4c2889",
-    "editor.inactiveSelectionBackground": "#444d56",
-    "editor.lineHighlightBackground": "#444d56",
-    "editorCursor.foreground": "#ffffff",
-    "editorWhitespace.foreground": "#6a737d",
-    "editorIndentGuide.background": "#6a737d",
-    "editorIndentGuide.activeBackground": "#f6f8fa",
-    "editor.selectionHighlightBorder": "#444d56"
-  }
-}
\ No newline at end of file
diff --git a/components/editor/pages/index.tsx b/components/editor/pages/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..20451664558f97770d9f58f67d3abc6d9653e2fc
--- /dev/null
+++ b/components/editor/pages/index.tsx
@@ -0,0 +1,24 @@
+import { Page } from "@/types";
+import { ListPagesItem } from "./page";
+import { useEditor } from "@/hooks/useEditor";
+
+export function ListPages() {
+  const { pages, setPages, currentPage, setCurrentPage } = useEditor();
+  return (
+    <div className="w-full flex items-center justify-start bg-neutral-950 overflow-auto flex-nowrap min-h-[45px]">
+      {pages.map((page: Page, i: number) => (
+        <ListPagesItem
+          key={page.path ?? i}
+          page={page}
+          currentPage={currentPage}
+          onSelectPage={setCurrentPage}
+          onDeletePage={(path) => {
+            setPages(pages.filter((page) => page.path !== path));
+            setCurrentPage("index.html");
+          }}
+          index={i}
+        />
+      ))}
+    </div>
+  );
+}
diff --git a/components/editor/pages/page.tsx b/components/editor/pages/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ba3008313f787966774aed441951497128a398de
--- /dev/null
+++ b/components/editor/pages/page.tsx
@@ -0,0 +1,56 @@
+import classNames from "classnames";
+import { FileCode, XIcon } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { Page } from "@/types";
+
+export function ListPagesItem({
+  page,
+  currentPage,
+  onSelectPage,
+  onDeletePage,
+  index,
+}: {
+  page: Page;
+  currentPage: string;
+  onSelectPage: (path: string, newPath?: string) => void;
+  onDeletePage: (path: string) => void;
+  index: number;
+}) {
+  return (
+    <div
+      key={index}
+      className={classNames(
+        "pl-6 pr-1 py-3 text-neutral-400 cursor-pointer text-sm hover:bg-neutral-900 flex items-center justify-center gap-1 group text-nowrap border-r border-neutral-800",
+        {
+          "bg-neutral-900 !text-white": currentPage === page.path,
+          "!pr-6": index === 0, // Ensure the first item has padding on the right
+        }
+      )}
+      onClick={() => onSelectPage(page.path)}
+      title={page.path}
+    >
+      <FileCode className="size-4 mr-1" />
+      {page.path}
+      {index > 0 && (
+        <Button
+          size="iconXsss"
+          variant="ghost"
+          className="group-hover:opacity-100 opacity-0 !h-auto"
+          onClick={(e) => {
+            e.stopPropagation();
+            if (
+              window.confirm(
+                "Are you sure you want to delete this page? This action cannot be undone."
+              )
+            ) {
+              onDeletePage(page.path);
+            }
+          }}
+        >
+          <XIcon className="h-3 text-neutral-400 cursor-pointer hover:text-neutral-300" />
+        </Button>
+      )}
+    </div>
+  );
+}
diff --git a/components/editor/preview/index.tsx b/components/editor/preview/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5fb8b23898f053402097125cf0f29b38f104559b
--- /dev/null
+++ b/components/editor/preview/index.tsx
@@ -0,0 +1,871 @@
+"use client";
+
+import { useRef, useState, useEffect, useCallback, useMemo } from "react";
+import { useUpdateEffect } from "react-use";
+import classNames from "classnames";
+
+import { cn } from "@/lib/utils";
+import { GridPattern } from "@/components/magic-ui/grid-pattern";
+import { useEditor } from "@/hooks/useEditor";
+import { useAi } from "@/hooks/useAi";
+import { htmlTagToText } from "@/lib/html-tag-to-text";
+import { AnimatedBlobs } from "@/components/animated-blobs";
+import { AiLoading } from "../ask-ai/loading";
+import { defaultHTML } from "@/lib/consts";
+import { HistoryNotification } from "../history-notification";
+import { api } from "@/lib/api";
+import { toast } from "sonner";
+import { RefreshCcw, TriangleAlert } from "lucide-react";
+import { Page } from "@/types";
+
+export const Preview = ({
+  isNew,
+  namespace,
+  repoId,
+}: {
+  isNew: boolean;
+  namespace?: string;
+  repoId?: string;
+}) => {
+  const {
+    project,
+    device,
+    isLoadingProject,
+    currentTab,
+    currentCommit,
+    setCurrentCommit,
+    currentPageData,
+    pages,
+    setPages,
+    setCurrentPage,
+    previewPage,
+    setPreviewPage,
+    setLastSavedPages,
+    hasUnsavedChanges,
+  } = useEditor();
+  const {
+    isEditableModeEnabled,
+    setSelectedElement,
+    isAiWorking,
+    globalAiLoading,
+  } = useAi();
+
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+
+  const [hoveredElement, setHoveredElement] = useState<{
+    tagName: string;
+    rect: { top: number; left: number; width: number; height: number };
+  } | null>(null);
+  const [isPromotingVersion, setIsPromotingVersion] = useState(false);
+  const [stableHtml, setStableHtml] = useState<string>("");
+  const [throttledHtml, setThrottledHtml] = useState<string>("");
+  const lastUpdateTimeRef = useRef<number>(0);
+  const [iframeKey, setIframeKey] = useState(0);
+  const [commitPages, setCommitPages] = useState<Page[]>([]);
+  const [isLoadingCommitPages, setIsLoadingCommitPages] = useState(false);
+  const prevCommitRef = useRef<string | null>(null);
+
+  useEffect(() => {
+    if (!previewPage && pages.length > 0) {
+      const indexPage = pages.find(
+        (p) => p.path === "index.html" || p.path === "index" || p.path === "/"
+      );
+      const firstHtmlPage = pages.find((p) => p.path.endsWith(".html"));
+      setPreviewPage(indexPage?.path || firstHtmlPage?.path || "index.html");
+    }
+  }, [pages, previewPage]);
+
+  const pagesToUse = currentCommit ? commitPages : pages;
+
+  const previewPageData = useMemo(() => {
+    const found = pagesToUse.find((p) => {
+      const normalizedPagePath = p.path.replace(/^\.?\//, "");
+      const normalizedPreviewPage = previewPage.replace(/^\.?\//, "");
+      return normalizedPagePath === normalizedPreviewPage;
+    });
+    return found || (pagesToUse.length > 0 ? pagesToUse[0] : currentPageData);
+  }, [pagesToUse, previewPage, currentPageData]);
+
+  // Fetch commit pages when currentCommit changes
+  useEffect(() => {
+    if (currentCommit && namespace && repoId) {
+      setIsLoadingCommitPages(true);
+      api
+        .get(`/me/projects/${namespace}/${repoId}/commits/${currentCommit}`)
+        .then((res) => {
+          if (res.data.ok) {
+            setCommitPages(res.data.pages);
+            // Set preview page to index.html if available
+            const indexPage = res.data.pages.find(
+              (p: Page) =>
+                p.path === "index.html" || p.path === "index" || p.path === "/"
+            );
+            if (indexPage) {
+              setPreviewPage(indexPage.path);
+            }
+            // Refresh iframe to show commit version
+            setIframeKey((prev) => prev + 1);
+          }
+        })
+        .catch((err) => {
+          toast.error(
+            err.response?.data?.error || "Failed to fetch commit pages"
+          );
+        })
+        .finally(() => {
+          setIsLoadingCommitPages(false);
+        });
+    } else if (!currentCommit && prevCommitRef.current !== null) {
+      // Only clear commitPages when transitioning from a commit to no commit
+      setCommitPages([]);
+    }
+    prevCommitRef.current = currentCommit;
+  }, [currentCommit, namespace, repoId]);
+
+  // Create navigation interception script
+  const createNavigationScript = useCallback((availablePages: Page[]) => {
+    const pagePaths = availablePages.map((p) => p.path.replace(/^\.?\//, ""));
+    return `
+      (function() {
+        const availablePages = ${JSON.stringify(pagePaths)};
+        
+        function normalizePath(path) {
+          let normalized = path.replace(/^\.?\//, "");
+          if (normalized === "" || normalized === "/") {
+            normalized = "index.html";
+          }
+          const hashIndex = normalized.indexOf("#");
+          if (hashIndex !== -1) {
+            normalized = normalized.substring(0, hashIndex);
+          }
+          if (!normalized.includes(".")) {
+            normalized = normalized + ".html";
+          }
+          return normalized;
+        }
+        
+        function handleNavigation(url) {
+          if (!url) return;
+          
+          // Handle hash-only navigation
+          if (url.startsWith("#")) {
+            const targetElement = document.querySelector(url);
+            if (targetElement) {
+              targetElement.scrollIntoView({ behavior: "smooth" });
+            }
+            // Search in shadow DOM
+            const searchInShadows = (root) => {
+              const elements = root.querySelectorAll("*");
+              for (const el of elements) {
+                if (el.shadowRoot) {
+                  const found = el.shadowRoot.querySelector(url);
+                  if (found) {
+                    found.scrollIntoView({ behavior: "smooth" });
+                    return;
+                  }
+                  searchInShadows(el.shadowRoot);
+                }
+              }
+            };
+            searchInShadows(document);
+            return;
+          }
+          
+          // Handle external URLs
+          if (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//")) {
+            window.open(url, "_blank");
+            return;
+          }
+          
+          const normalizedPath = normalizePath(url);
+          if (availablePages.includes(normalizedPath)) {
+            // Dispatch custom event to notify parent
+            window.parent.postMessage({ type: 'navigate', path: normalizedPath }, '*');
+          } else {
+            console.warn('Page not found:', normalizedPath);
+          }
+        }
+        
+        // Intercept window.location methods
+        const originalAssign = window.location.assign;
+        const originalReplace = window.location.replace;
+        
+        window.location.assign = function(url) {
+          handleNavigation(url);
+        };
+        
+        window.location.replace = function(url) {
+          handleNavigation(url);
+        };
+        
+        // Intercept window.location.href setter
+        try {
+          let currentHref = window.location.href;
+          Object.defineProperty(window.location, 'href', {
+            get: function() {
+              return currentHref;
+            },
+            set: function(url) {
+              handleNavigation(url);
+            },
+            configurable: true
+          });
+        } catch (e) {
+          // Fallback: use proxy if defineProperty fails
+          console.warn('Could not intercept location.href:', e);
+        }
+        
+        // Intercept link clicks
+        document.addEventListener('click', function(e) {
+          const anchor = e.target.closest('a');
+          if (anchor && anchor.href) {
+            const href = anchor.getAttribute('href');
+            if (href && !href.startsWith('http://') && !href.startsWith('https://') && !href.startsWith('//') && !href.startsWith('mailto:') && !href.startsWith('tel:')) {
+              e.preventDefault();
+              handleNavigation(href);
+            }
+          }
+        }, true);
+        
+        // Intercept form submissions
+        document.addEventListener('submit', function(e) {
+          const form = e.target;
+          if (form.action && !form.action.startsWith('http://') && !form.action.startsWith('https://') && !form.action.startsWith('//')) {
+            e.preventDefault();
+            handleNavigation(form.action);
+          }
+        }, true);
+      })();
+    `;
+  }, []);
+
+  const injectAssetsIntoHtml = useCallback(
+    (html: string, pagesToUse: Page[] = pages): string => {
+      if (!html) return html;
+
+      const cssFiles = pagesToUse.filter(
+        (p) => p.path.endsWith(".css") && p.path !== previewPageData?.path
+      );
+      const jsFiles = pagesToUse.filter(
+        (p) => p.path.endsWith(".js") && p.path !== previewPageData?.path
+      );
+      const jsonFiles = pagesToUse.filter(
+        (p) => p.path.endsWith(".json") && p.path !== previewPageData?.path
+      );
+
+      let modifiedHtml = html;
+
+      // Inject navigation script for srcDoc
+      const navigationScript = createNavigationScript(pagesToUse);
+
+      // Inject all CSS files
+      if (cssFiles.length > 0) {
+        const allCssContent = cssFiles
+          .map(
+            (file) =>
+              `<style data-injected-from="${file.path}">\n${file.html}\n</style>`
+          )
+          .join("\n");
+
+        if (modifiedHtml.includes("</head>")) {
+          modifiedHtml = modifiedHtml.replace(
+            "</head>",
+            `${allCssContent}\n</head>`
+          );
+        } else if (modifiedHtml.includes("<head>")) {
+          modifiedHtml = modifiedHtml.replace(
+            "<head>",
+            `<head>\n${allCssContent}`
+          );
+        } else {
+          modifiedHtml = allCssContent + "\n" + modifiedHtml;
+        }
+
+        cssFiles.forEach((file) => {
+          const escapedPath = file.path.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+          modifiedHtml = modifiedHtml.replace(
+            new RegExp(
+              `<link\\s+[^>]*href=["'][\\.\/]*${escapedPath}["'][^>]*>`,
+              "gi"
+            ),
+            ""
+          );
+        });
+      }
+
+      if (jsFiles.length > 0) {
+        const allJsContent = jsFiles
+          .map(
+            (file) =>
+              `<script data-injected-from="${file.path}">\n${file.html}\n</script>`
+          )
+          .join("\n");
+
+        if (modifiedHtml.includes("</body>")) {
+          modifiedHtml = modifiedHtml.replace(
+            "</body>",
+            `${allJsContent}\n</body>`
+          );
+        } else if (modifiedHtml.includes("<body>")) {
+          modifiedHtml = modifiedHtml + allJsContent;
+        } else {
+          modifiedHtml = modifiedHtml + "\n" + allJsContent;
+        }
+
+        jsFiles.forEach((file) => {
+          const escapedPath = file.path.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+          modifiedHtml = modifiedHtml.replace(
+            new RegExp(
+              `<script\\s+[^>]*src=["'][\\.\/]*${escapedPath}["'][^>]*><\\/script>`,
+              "gi"
+            ),
+            ""
+          );
+        });
+      }
+
+      // Inject all JSON files as script tags with type="application/json"
+      if (jsonFiles.length > 0) {
+        const allJsonContent = jsonFiles
+          .map(
+            (file) =>
+              `<script type="application/json" data-injected-from="${
+                file.path
+              }" id="${file.path.replace(/[^a-zA-Z0-9]/g, "-")}">\n${
+                file.html
+              }\n</script>`
+          )
+          .join("\n");
+
+        if (modifiedHtml.includes("</body>")) {
+          modifiedHtml = modifiedHtml.replace(
+            "</body>",
+            `${allJsonContent}\n</body>`
+          );
+        } else if (modifiedHtml.includes("<body>")) {
+          modifiedHtml = modifiedHtml + allJsonContent;
+        } else {
+          modifiedHtml = modifiedHtml + "\n" + allJsonContent;
+        }
+
+        jsonFiles.forEach((file) => {
+          const escapedPath = file.path.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+          modifiedHtml = modifiedHtml.replace(
+            new RegExp(
+              `<script\\s+[^>]*src=["'][\\.\/]*${escapedPath}["'][^>]*><\\/script>`,
+              "gi"
+            ),
+            ""
+          );
+        });
+      }
+
+      // Inject navigation script early in the document
+      if (navigationScript) {
+        // Try to inject right after <head> or <body> opening tag
+        if (modifiedHtml.includes("<head>")) {
+          modifiedHtml = modifiedHtml.replace(
+            "<head>",
+            `<head>\n<script>${navigationScript}</script>`
+          );
+        } else if (modifiedHtml.includes("<body>")) {
+          modifiedHtml = modifiedHtml.replace(
+            "<body>",
+            `<body>\n<script>${navigationScript}</script>`
+          );
+        } else if (modifiedHtml.includes("</body>")) {
+          modifiedHtml = modifiedHtml.replace(
+            "</body>",
+            `<script>${navigationScript}</script>\n</body>`
+          );
+        } else {
+          modifiedHtml =
+            `<script>${navigationScript}</script>\n` + modifiedHtml;
+        }
+      }
+
+      return modifiedHtml;
+    },
+    [pages, previewPageData?.path, createNavigationScript]
+  );
+
+  useEffect(() => {
+    if (isNew && previewPageData?.html) {
+      const now = Date.now();
+      const timeSinceLastUpdate = now - lastUpdateTimeRef.current;
+
+      if (lastUpdateTimeRef.current === 0 || timeSinceLastUpdate >= 3000) {
+        const processedHtml = injectAssetsIntoHtml(
+          previewPageData.html,
+          pagesToUse
+        );
+        setThrottledHtml(processedHtml);
+        lastUpdateTimeRef.current = now;
+      } else {
+        const timeUntilNextUpdate = 3000 - timeSinceLastUpdate;
+        const timer = setTimeout(() => {
+          const processedHtml = injectAssetsIntoHtml(
+            previewPageData.html,
+            pagesToUse
+          );
+          setThrottledHtml(processedHtml);
+          lastUpdateTimeRef.current = Date.now();
+        }, timeUntilNextUpdate);
+        return () => clearTimeout(timer);
+      }
+    }
+  }, [isNew, previewPageData?.html, injectAssetsIntoHtml, pagesToUse]);
+
+  useEffect(() => {
+    if (!isAiWorking && !globalAiLoading && previewPageData?.html) {
+      const processedHtml = injectAssetsIntoHtml(
+        previewPageData.html,
+        pagesToUse
+      );
+      setStableHtml(processedHtml);
+    }
+  }, [
+    isAiWorking,
+    globalAiLoading,
+    previewPageData?.html,
+    injectAssetsIntoHtml,
+    previewPage,
+    pagesToUse,
+  ]);
+
+  useEffect(() => {
+    if (
+      previewPageData?.html &&
+      !stableHtml &&
+      !isAiWorking &&
+      !globalAiLoading
+    ) {
+      const processedHtml = injectAssetsIntoHtml(
+        previewPageData.html,
+        pagesToUse
+      );
+      setStableHtml(processedHtml);
+    }
+  }, [
+    previewPageData?.html,
+    stableHtml,
+    isAiWorking,
+    globalAiLoading,
+    injectAssetsIntoHtml,
+    pagesToUse,
+  ]);
+
+  const setupIframeListeners = () => {
+    if (iframeRef?.current?.contentDocument) {
+      const iframeDocument = iframeRef.current.contentDocument;
+
+      iframeDocument.addEventListener(
+        "click",
+        handleCustomNavigation as any,
+        true
+      );
+
+      if (isEditableModeEnabled) {
+        iframeDocument.addEventListener("mouseover", handleMouseOver);
+        iframeDocument.addEventListener("mouseout", handleMouseOut);
+        iframeDocument.addEventListener("click", handleClick);
+      }
+    }
+  };
+
+  // Listen for navigation messages from iframe
+  useEffect(() => {
+    const handleMessage = (event: MessageEvent) => {
+      if (event.data?.type === "navigate" && event.data?.path) {
+        setPreviewPage(event.data.path);
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [setPreviewPage]);
+
+  useEffect(() => {
+    const cleanupListeners = () => {
+      if (iframeRef?.current?.contentDocument) {
+        const iframeDocument = iframeRef.current.contentDocument;
+        iframeDocument.removeEventListener(
+          "click",
+          handleCustomNavigation as any,
+          true
+        );
+        iframeDocument.removeEventListener("mouseover", handleMouseOver);
+        iframeDocument.removeEventListener("mouseout", handleMouseOut);
+        iframeDocument.removeEventListener("click", handleClick);
+      }
+    };
+
+    const timer = setTimeout(() => {
+      if (iframeRef?.current?.contentDocument) {
+        cleanupListeners();
+        setupIframeListeners();
+      }
+    }, 50);
+
+    return () => {
+      clearTimeout(timer);
+      cleanupListeners();
+    };
+  }, [isEditableModeEnabled, stableHtml, throttledHtml, previewPage]);
+
+  const refreshIframe = () => {
+    setIframeKey((prev) => prev + 1);
+  };
+
+  const promoteVersion = async () => {
+    setIsPromotingVersion(true);
+    await api
+      .post(
+        `/me/projects/${project?.space_id}/commits/${currentCommit}/promote`
+      )
+      .then((res) => {
+        if (res.data.ok) {
+          setCurrentCommit(null);
+          setPages(res.data.pages);
+          setCurrentPage(res.data.pages[0].path);
+          setLastSavedPages(res.data.pages);
+          setPreviewPage(res.data.pages[0].path);
+          toast.success("Version promoted successfully");
+        }
+      })
+      .catch((err) => {
+        toast.error(err.response.data.error);
+      });
+    setIsPromotingVersion(false);
+  };
+
+  const handleMouseOver = (event: MouseEvent) => {
+    if (iframeRef?.current) {
+      const iframeDocument = iframeRef.current.contentDocument;
+      if (iframeDocument) {
+        const targetElement = event.target as HTMLElement;
+        if (
+          hoveredElement?.tagName !== targetElement.tagName ||
+          hoveredElement?.rect.top !==
+            targetElement.getBoundingClientRect().top ||
+          hoveredElement?.rect.left !==
+            targetElement.getBoundingClientRect().left ||
+          hoveredElement?.rect.width !==
+            targetElement.getBoundingClientRect().width ||
+          hoveredElement?.rect.height !==
+            targetElement.getBoundingClientRect().height
+        ) {
+          if (targetElement !== iframeDocument.body) {
+            const rect = targetElement.getBoundingClientRect();
+            setHoveredElement({
+              tagName: targetElement.tagName,
+              rect: {
+                top: rect.top,
+                left: rect.left,
+                width: rect.width,
+                height: rect.height,
+              },
+            });
+            targetElement.classList.add("hovered-element");
+          } else {
+            return setHoveredElement(null);
+          }
+        }
+      }
+    }
+  };
+  const handleMouseOut = () => {
+    setHoveredElement(null);
+  };
+  const handleClick = (event: MouseEvent) => {
+    if (iframeRef?.current) {
+      const iframeDocument = iframeRef.current.contentDocument;
+      if (iframeDocument) {
+        const path = event.composedPath();
+        const targetElement = path[0] as HTMLElement;
+
+        const findClosestAnchor = (
+          element: HTMLElement
+        ): HTMLAnchorElement | null => {
+          let current: HTMLElement | null = element;
+          while (current) {
+            if (current.tagName?.toUpperCase() === "A") {
+              return current as HTMLAnchorElement;
+            }
+            if (current === iframeDocument.body) {
+              break;
+            }
+            const parent: Node | null = current.parentNode;
+            if (parent && parent.nodeType === 11) {
+              current = (parent as ShadowRoot).host as HTMLElement;
+            } else if (parent && parent.nodeType === 1) {
+              current = parent as HTMLElement;
+            } else {
+              break;
+            }
+          }
+          return null;
+        };
+
+        const anchorElement = findClosestAnchor(targetElement);
+
+        if (anchorElement) {
+          return;
+        }
+
+        if (targetElement !== iframeDocument.body) {
+          setSelectedElement(targetElement);
+        }
+      }
+    }
+  };
+
+  const handleCustomNavigation = (event: MouseEvent) => {
+    if (iframeRef?.current) {
+      const iframeDocument = iframeRef.current.contentDocument;
+      if (iframeDocument) {
+        const path = event.composedPath();
+        const actualTarget = path[0] as HTMLElement;
+
+        const findClosestAnchor = (
+          element: HTMLElement
+        ): HTMLAnchorElement | null => {
+          let current: HTMLElement | null = element;
+          while (current) {
+            if (current.tagName?.toUpperCase() === "A") {
+              return current as HTMLAnchorElement;
+            }
+            if (current === iframeDocument.body) {
+              break;
+            }
+            const parent: Node | null = current.parentNode;
+            if (parent && parent.nodeType === 11) {
+              current = (parent as ShadowRoot).host as HTMLElement;
+            } else if (parent && parent.nodeType === 1) {
+              current = parent as HTMLElement;
+            } else {
+              break;
+            }
+          }
+          return null;
+        };
+
+        const anchorElement = findClosestAnchor(actualTarget);
+        if (anchorElement) {
+          let href = anchorElement.getAttribute("href");
+          if (href) {
+            event.stopPropagation();
+            event.preventDefault();
+
+            if (href.startsWith("#")) {
+              let targetElement = iframeDocument.querySelector(href);
+
+              if (!targetElement) {
+                const searchInShadows = (
+                  root: Document | ShadowRoot
+                ): Element | null => {
+                  const elements = root.querySelectorAll("*");
+                  for (const el of elements) {
+                    if (el.shadowRoot) {
+                      const found = el.shadowRoot.querySelector(href);
+                      if (found) return found;
+                      const nested = searchInShadows(el.shadowRoot);
+                      if (nested) return nested;
+                    }
+                  }
+                  return null;
+                };
+                targetElement = searchInShadows(iframeDocument);
+              }
+
+              if (targetElement) {
+                targetElement.scrollIntoView({ behavior: "smooth" });
+              }
+              return;
+            }
+
+            let normalizedHref = href.replace(/^\.?\//, "");
+
+            if (normalizedHref === "" || normalizedHref === "/") {
+              normalizedHref = "index.html";
+            }
+
+            const hashIndex = normalizedHref.indexOf("#");
+            if (hashIndex !== -1) {
+              normalizedHref = normalizedHref.substring(0, hashIndex);
+            }
+
+            if (!normalizedHref.includes(".")) {
+              normalizedHref = normalizedHref + ".html";
+            }
+
+            const isPageExist = pagesToUse.some((page) => {
+              const pagePath = page.path.replace(/^\.?\//, "");
+              return pagePath === normalizedHref;
+            });
+
+            if (isPageExist) {
+              setPreviewPage(normalizedHref);
+            }
+          }
+        }
+      }
+    }
+  };
+
+  return (
+    <div
+      className={classNames(
+        "bg-neutral-900/30 w-full h-[calc(100dvh-57px)] flex flex-col items-center justify-center relative z-1 lg:border-l border-neutral-800",
+        {
+          "max-lg:h-0 overflow-hidden": currentTab === "chat",
+          "max-lg:h-full": currentTab === "preview",
+        }
+      )}
+    >
+      <GridPattern
+        x={-1}
+        y={-1}
+        strokeDasharray={"4 2"}
+        className={cn(
+          "[mask-image:radial-gradient(900px_circle_at_center,white,transparent)] opacity-40"
+        )}
+      />
+      {/* Preview page indicator */}
+      {!isAiWorking && hoveredElement && isEditableModeEnabled && (
+        <div
+          className="cursor-pointer absolute bg-sky-500/10 border-[2px] border-dashed border-sky-500 rounded-r-lg rounded-b-lg p-3 z-10 pointer-events-none"
+          style={{
+            top: hoveredElement.rect.top + 40,
+            left: hoveredElement.rect.left,
+            width: hoveredElement.rect.width,
+            height: hoveredElement.rect.height,
+          }}
+        >
+          <span className="bg-sky-500 rounded-t-md text-sm text-neutral-100 px-2 py-0.5 -translate-y-7 absolute top-0 left-0">
+            {htmlTagToText(hoveredElement.tagName.toLowerCase())}
+          </span>
+        </div>
+      )}
+      {isLoadingProject ? (
+        <div className="w-full h-full flex items-center justify-center relative">
+          <div className="py-10 w-full relative z-1 max-w-3xl mx-auto text-center">
+            <AiLoading text="Fetching your project..." className="flex-col" />
+            <AnimatedBlobs />
+            <AnimatedBlobs />
+          </div>
+        </div>
+      ) : (
+        <>
+          {isLoadingCommitPages && (
+            <div className="top-0 left-0 right-0 z-20 bg-blue-500/90 backdrop-blur-sm border-b border-blue-600 px-4 py-2 flex items-center justify-center gap-3 text-sm w-full">
+              <div className="flex items-center gap-2">
+                <AiLoading
+                  text="Loading commit version..."
+                  className="flex-row"
+                />
+              </div>
+            </div>
+          )}
+          {!isNew && !currentCommit && (
+            <div className="top-0 left-0 right-0 z-20 bg-neutral-900/95 backdrop-blur-sm border-b border-neutral-800 px-4 py-2 max-h-[40px] flex items-center justify-between gap-3 text-xs w-full">
+              <div className="flex items-center gap-2 flex-1">
+                <TriangleAlert className="size-4 text-neutral-500 flex-shrink-0" />
+                <span className="text-neutral-400 font-medium">
+                  Preview version of the project. Try refreshing the preview if
+                  you experience any issues.
+                </span>
+              </div>
+              <button
+                onClick={refreshIframe}
+                className="cursor-pointer text-xs px-3 py-1 bg-neutral-800 hover:bg-neutral-700 text-neutral-300 rounded-md font-medium transition-colors whitespace-nowrap flex items-center gap-1.5"
+              >
+                <RefreshCcw className="size-3 text-neutral-300 flex-shrink-0" />
+                Refresh
+              </button>
+            </div>
+          )}
+          <iframe
+            key={iframeKey}
+            id="preview-iframe"
+            ref={iframeRef}
+            className={classNames(
+              "w-full select-none transition-all duration-200 bg-black h-full",
+              {
+                "lg:max-w-md lg:mx-auto lg:!rounded-[42px] lg:border-[8px] lg:border-neutral-700 lg:shadow-2xl lg:h-[80dvh] lg:max-h-[996px]":
+                  device === "mobile",
+              }
+            )}
+            src={
+              currentCommit && project?.space_id && !project?.private
+                ? `https://${project?.space_id?.replaceAll(
+                    "/",
+                    "-"
+                  )}--rev-${currentCommit.slice(0, 7)}.static.hf.space`
+                : undefined
+            }
+            srcDoc={
+              currentCommit
+                ? undefined
+                : isNew ||
+                  hasUnsavedChanges ||
+                  project?.private ||
+                  !project?.space_id
+                ? isNew
+                  ? throttledHtml || defaultHTML
+                  : stableHtml
+                : stableHtml || defaultHTML
+            }
+            onLoad={() => {
+              if (
+                currentCommit ||
+                isNew ||
+                hasUnsavedChanges ||
+                project?.private
+              ) {
+                if (iframeRef?.current?.contentWindow?.document?.body) {
+                  iframeRef.current.contentWindow.document.body.scrollIntoView({
+                    block: isAiWorking ? "end" : "start",
+                    inline: "nearest",
+                    behavior: isAiWorking ? "instant" : "smooth",
+                  });
+                }
+                setupIframeListeners();
+              }
+            }}
+            sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-modals allow-forms"
+            allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; clipboard-read; clipboard-write; display-capture; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; serial; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"
+          />
+          {!isNew && (
+            <>
+              <div
+                className={classNames(
+                  "w-full h-full flex items-center justify-center absolute left-0 top-0 bg-black/40 backdrop-blur-lg transition-all duration-200",
+                  {
+                    "opacity-0 pointer-events-none": !globalAiLoading,
+                  }
+                )}
+              >
+                <div className="py-10 w-full relative z-1 max-w-3xl mx-auto text-center">
+                  <AiLoading
+                    text={
+                      isLoadingProject ? "Fetching your project..." : undefined
+                    }
+                    className="flex-col"
+                  />
+                  <AnimatedBlobs />
+                  <AnimatedBlobs />
+                </div>
+              </div>
+              <HistoryNotification
+                isVisible={!!currentCommit}
+                isPromotingVersion={isPromotingVersion}
+                onPromoteVersion={promoteVersion}
+                onGoBackToCurrent={() => setCurrentCommit(null)}
+              />
+            </>
+          )}
+        </>
+      )}
+    </div>
+  );
+};
diff --git a/components/editor/project-settings.tsx b/components/editor/project-settings.tsx
deleted file mode 100644
index 67c09ccea881f078a6db95a51d0671c471d9c08a..0000000000000000000000000000000000000000
--- a/components/editor/project-settings.tsx
+++ /dev/null
@@ -1,276 +0,0 @@
-import { useState } from "react";
-import Image from "next/image";
-import Link from "next/link";
-import { useTheme } from "next-themes";
-import { Settings, Check, Plus, Download } from "lucide-react";
-import { RiContrastFill } from "react-icons/ri";
-import { useSession } from "next-auth/react";
-import { useParams } from "next/navigation";
-import { ChevronDown, ChevronLeft, Edit } from "lucide-react";
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuPortal,
-  DropdownMenuSeparator,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
-import { ProjectWithCommits } from "@/actions/projects";
-import ProIcon from "@/assets/pro.svg";
-import { Input } from "@/components/ui/input";
-import { useQueryClient } from "@tanstack/react-query";
-import Loading from "@/components/loading";
-import { toast } from "sonner";
-
-export const ProjectSettings = ({
-  project,
-}: {
-  project?: ProjectWithCommits | null;
-}) => {
-  const queryClient = useQueryClient();
-  const { repoId, owner } = useParams();
-  const { theme, setTheme } = useTheme();
-  const { data: session } = useSession();
-
-  const [open, setOpen] = useState(false);
-  const [projectName, setProjectName] = useState(
-    project?.cardData?.title || "New DeepSite website",
-  );
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const handleRenameProject = async () => {
-    setIsLoading(true);
-    setError(null);
-    try {
-      const response = await fetch(`/api/projects/${repoId}/rename`, {
-        method: "PUT",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({ newTitle: projectName }),
-      }).then(async (response) => {
-        if (response.ok) {
-          return response.json();
-        }
-      });
-      if (response?.success) {
-        setOpen(false);
-        queryClient.setQueryData(
-          ["project"],
-          (oldProject: ProjectWithCommits) => ({
-            ...oldProject,
-            cardData: {
-              ...oldProject.cardData,
-              title: projectName,
-            },
-          }),
-        );
-      } else {
-        setError("Could not rename the project. Please try again.");
-      }
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    } catch (err: any) {
-      setError(err.message || "An error occurred");
-    }
-    setIsLoading(false);
-  };
-
-  const handleDownload = async () => {
-    try {
-      toast.info("Preparing download...");
-      const response = await fetch(`/api/projects/${repoId}/download`, {
-        headers: {
-          Accept: "application/zip",
-        },
-      });
-      if (!response.ok) {
-        throw new Error("Failed to download project");
-      }
-      const blob = await response.blob();
-      const url = window.URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = `${session?.user?.username}-${repoId}.zip`;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      window.URL.revokeObjectURL(url);
-      toast.success("Download started!");
-    } catch (error) {
-      toast.error("Failed to download project");
-    }
-  };
-
-  return (
-    <>
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <Button variant="ghost" className="pl-2.5! pr-3! py-1.5! h-auto!">
-            {project?.cardData?.emoji ? (
-              <span className="text-3xl">{project?.cardData?.emoji}</span>
-            ) : (
-              <Image
-                src="/logo.svg"
-                alt="DeepSite"
-                width={100}
-                height={100}
-                className="size-8"
-              />
-            )}
-            <div className="flex flex-col -space-y-1 items-start">
-              <p className="text-sm font-bold text-primary">
-                {project?.cardData?.title ?? "New DeepSite website"}{" "}
-              </p>
-              <p className="text-xs text-muted-foreground">
-                Live preview of your app
-              </p>
-            </div>
-            <ChevronDown />
-          </Button>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent className="w-64" align="start">
-          <DropdownMenuItem>
-            <Link href="/" className="flex items-center gap-1.5">
-              <ChevronLeft className="size-3.5" />
-              Go to Projects
-            </Link>
-          </DropdownMenuItem>
-          <DropdownMenuSeparator />
-          {!session?.user?.isPro && (
-            <>
-              <DropdownMenuItem>
-                <Link
-                  href="https://huggingface.co/pro"
-                  className="flex items-center gap-1.5 bg-linear-to-r from-pink-500 via-green-500 to-amber-500 text-transparent bg-clip-text font-semibold"
-                  target="_blank"
-                >
-                  <Image alt="Pro" src={ProIcon} className="size-3.5" />
-                  Subscribe to Pro
-                </Link>
-              </DropdownMenuItem>
-              <DropdownMenuSeparator />
-            </>
-          )}
-          <DropdownMenuItem>
-            <Link href="/new" className="flex items-center gap-1.5">
-              <Plus className="size-3.5" />
-              New Project
-            </Link>
-          </DropdownMenuItem>
-          {project && (
-            <>
-              <DropdownMenuItem onClick={() => setOpen(true)}>
-                <Edit className="size-3.5" />
-                Rename the project
-              </DropdownMenuItem>
-              <DropdownMenuItem>
-                <Link
-                  href={`https://huggingface.co/${owner}/${repoId}/settings`}
-                  className="flex items-center gap-1.5"
-                >
-                  <Settings className="size-3.5" />
-                  Project settings
-                </Link>
-              </DropdownMenuItem>
-              <DropdownMenuItem onClick={() => handleDownload()}>
-                <Download className="size-3.5" />
-                Download project
-              </DropdownMenuItem>
-            </>
-          )}
-          <DropdownMenuSub>
-            <DropdownMenuSubTrigger className="flex items-center justify-start gap-1.5">
-              <RiContrastFill className="size-3.5" />
-              Appearance
-            </DropdownMenuSubTrigger>
-            <DropdownMenuPortal>
-              <DropdownMenuSubContent>
-                <DropdownMenuItem onClick={() => setTheme("light")}>
-                  Light
-                  {theme === "light" && <Check />}
-                </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => setTheme("dark")}>
-                  Dark
-                  {theme === "dark" && <Check />}
-                </DropdownMenuItem>
-                <DropdownMenuItem onClick={() => setTheme("system")}>
-                  System
-                  {theme === "system" && <Check />}
-                </DropdownMenuItem>
-              </DropdownMenuSubContent>
-            </DropdownMenuPortal>
-          </DropdownMenuSub>
-        </DropdownMenuContent>
-      </DropdownMenu>
-      <Dialog open={open} onOpenChange={setOpen}>
-        <DialogContent className="sm:max-w-[425px] rounded-3xl!">
-          <DialogHeader>
-            <DialogTitle>Rename your Project</DialogTitle>
-            <DialogDescription>
-              Update the name of your project below.
-            </DialogDescription>
-          </DialogHeader>
-          <div className="grid gap-4">
-            <div className="grid gap-3">
-              {error && <p className="text-sm text-red-500">{error}</p>}
-              <p className="border border-amber-500/20 bg-amber-500/10 text-amber-500 rounded-lg p-3 text-xs">
-                The URL of your project will remain the same after changing the
-                name, only the displayed name will be updated.
-              </p>
-              <Input
-                id="name-1"
-                placeholder="Enter the project name"
-                value={projectName}
-                onChange={(e) => setProjectName(e.target.value)}
-              />
-            </div>
-          </div>
-          <DialogFooter>
-            <DialogClose asChild>
-              <Button variant="outline">Cancel</Button>
-            </DialogClose>
-            <Button
-              variant="default"
-              disabled={
-                projectName ===
-                  (project?.cardData?.title || "New DeepSite website") ||
-                projectName.length === 0
-              }
-              onClick={() => handleRenameProject()}
-            >
-              {isLoading ? (
-                <>
-                  <Loading
-                    overlay={false}
-                    className="ml-2 size-4 animate-spin text-primary-foreground"
-                  />
-                  Saving project...
-                </>
-              ) : (
-                <>
-                  <Edit className="size-4" />
-                  Update Project name
-                </>
-              )}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </>
-  );
-};
diff --git a/components/editor/save-changes-popup/index.tsx b/components/editor/save-changes-popup/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..76c9a9153835ce859ccfd64320e4e725ad9e1b1b
--- /dev/null
+++ b/components/editor/save-changes-popup/index.tsx
@@ -0,0 +1,133 @@
+"use client";
+import { useState } from "react";
+import { toast } from "sonner";
+import { Save, X, ChevronUp, ChevronDown } from "lucide-react";
+import { motion, AnimatePresence } from "framer-motion";
+import classNames from "classnames";
+
+import { Page } from "@/types";
+import { api } from "@/lib/api";
+import { Button } from "@/components/ui/button";
+import Loading from "@/components/loading";
+
+interface SaveChangesPopupProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onSave: () => Promise<void>;
+  hasUnsavedChanges: boolean;
+  pages: Page[];
+  project?: any;
+}
+
+export const SaveChangesPopup = ({
+  isOpen,
+  onClose,
+  onSave,
+  hasUnsavedChanges,
+  pages,
+  project,
+}: SaveChangesPopupProps) => {
+  const [isSaving, setIsSaving] = useState(false);
+  const [isCollapsed, setIsCollapsed] = useState(false);
+
+  const handleSave = async () => {
+    if (!project || !hasUnsavedChanges) return;
+
+    setIsSaving(true);
+    try {
+      await onSave();
+      toast.success("Changes saved successfully!");
+      onClose();
+    } catch (error: any) {
+      toast.error(error.message || "Failed to save changes");
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  if (!hasUnsavedChanges || !isOpen) return null;
+
+  return (
+    <AnimatePresence>
+      <motion.div
+        initial={{ opacity: 0, scale: 0.9, y: 20 }}
+        animate={{ opacity: 1, scale: 1, y: 0 }}
+        exit={{ opacity: 0, scale: 0.9, y: 20 }}
+        className={classNames(
+          "absolute bottom-4 right-4 z-10 bg-white/95 backdrop-blur-sm border border-neutral-200 rounded-xl shadow-lg transition-all duration-300 ease-in-out"
+        )}
+      >
+        {isCollapsed ? (
+          // Collapsed state
+          <div className="flex items-center gap-2 p-3">
+            <Save className="size-4 text-neutral-600" />
+            <span className="text-xs text-neutral-600 font-medium">
+              Unsaved Changes
+            </span>
+            <Button
+              variant="outline"
+              size="iconXs"
+              className="!rounded-md !border-neutral-200"
+              onClick={() => setIsCollapsed(false)}
+            >
+              <ChevronUp className="text-neutral-400 size-3" />
+            </Button>
+          </div>
+        ) : (
+          // Expanded state
+          <div className="p-4 max-w-sm w-full">
+            <div className="flex items-start gap-3">
+              <Save className="size-4 text-neutral-600 translate-y-1.5" />
+              <div className="flex-1 min-w-0">
+                <div className="flex items-center justify-between mb-1">
+                  <div className="flex items-center gap-2">
+                    <p className="font-semibold text-sm text-neutral-800">
+                      Unsaved Changes
+                    </p>
+                  </div>
+                  <Button
+                    variant="outline"
+                    size="iconXs"
+                    className="!rounded-md !border-neutral-200"
+                    onClick={() => setIsCollapsed(true)}
+                  >
+                    <ChevronDown className="text-neutral-400 size-3" />
+                  </Button>
+                </div>
+                <p className="text-xs text-neutral-600 leading-relaxed mb-3">
+                  You have unsaved changes in your project. Save them to
+                  preserve your work.
+                </p>
+                <div className="flex items-center gap-2">
+                  <Button
+                    size="xs"
+                    variant="black"
+                    className="!pr-3"
+                    onClick={handleSave}
+                    disabled={isSaving}
+                  >
+                    {isSaving ? (
+                      <Loading overlay={false} />
+                    ) : (
+                      <Save className="size-3" />
+                    )}
+                    Save Changes
+                  </Button>
+                  <Button
+                    size="xs"
+                    variant="outline"
+                    className="!text-neutral-600 !border-neutral-200"
+                    disabled={isSaving}
+                    onClick={onClose}
+                  >
+                    Later
+                  </Button>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+      </motion.div>
+    </AnimatePresence>
+  );
+};
diff --git a/components/editor/switch-devide/index.tsx b/components/editor/switch-devide/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..934e75e0a84674a485c06386ae984818b1401bba
--- /dev/null
+++ b/components/editor/switch-devide/index.tsx
@@ -0,0 +1,39 @@
+import classNames from "classnames";
+import { Laptop, Smartphone } from "lucide-react";
+
+import { useEditor } from "@/hooks/useEditor";
+
+const DEVICES = [
+  {
+    name: "desktop",
+    icon: Laptop,
+  },
+  {
+    name: "mobile",
+    icon: Smartphone,
+  },
+];
+
+export const SwitchDevice = () => {
+  const { device, setDevice } = useEditor();
+  return (
+    <div className="max-lg:hidden flex items-center justify-start gap-0.5 border border-neutral-700/70 text-neutral-200 rounded-md bg-neutral-800 px-0.5 py-0.5">
+      {DEVICES.map((dvc) => (
+        <button
+          key={dvc.name}
+          className={classNames(
+            "capitalize rounded-sm pl-1.5 pr-1.5 py-0.5 text-[10px] flex items-center justify-start gap-1 cursor-pointer font-sans font-medium",
+            {
+              "bg-white text-neutral-900": dvc.name === device,
+              "hover:bg-neutral-700/50": dvc.name !== device,
+            }
+          )}
+          onClick={() => setDevice(dvc.name)}
+        >
+          <dvc.icon className="size-3" />
+          {dvc.name}
+        </button>
+      ))}
+    </div>
+  );
+};
diff --git a/components/icons/discord.tsx b/components/icons/discord.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ac42b39459807e623639cf3f74e12a78b0e63778
--- /dev/null
+++ b/components/icons/discord.tsx
@@ -0,0 +1,27 @@
+export const DiscordIcon = ({ className }: { className?: string }) => {
+  return (
+    <svg
+      width="1em"
+      height="1em"
+      viewBox="0 0 127 96"
+      fill="none"
+      aria-hidden="true"
+      focusable="false"
+      preserveAspectRatio="xMidYMid meet"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <g clipPath="url(#clip0_1084_3121)">
+        <path
+          d="M81.15 0C79.9124 2.1973 78.8011 4.4704 77.7909 6.794C68.1934 5.3544 58.4191 5.3544 48.7964 6.794C47.8114 4.4704 46.6748 2.1973 45.4373 0C36.4207 1.5407 27.6314 4.2431 19.2968 8.0568C2.77901 32.5304 -1.69139 56.3725 0.531208 79.8863C10.2044 87.0339 21.0395 92.4893 32.5817 95.9747C35.1831 92.4893 37.4815 88.7766 39.4515 84.9124C35.7135 83.5233 32.1018 81.7806 28.6417 79.7601C29.5509 79.1034 30.4349 78.4215 31.2936 77.7648C51.5746 87.3118 75.0632 87.3118 95.3694 77.7648C96.2281 78.472 97.1121 79.1539 98.0213 79.7601C94.5612 81.8058 90.9495 83.5233 87.1863 84.9377C89.1563 88.8019 91.4546 92.5146 94.0561 96C105.598 92.5146 116.433 87.0844 126.107 79.9369C128.733 52.6598 121.611 29.0197 107.29 8.0821C98.9811 4.2684 90.1918 1.5659 81.1752 0.0505L81.15 0ZM42.2802 65.4144C36.0419 65.4144 30.8643 59.7569 30.8643 52.7609C30.8643 45.7649 35.8398 40.0821 42.255 40.0821C48.6702 40.0821 53.7719 45.7901 53.6709 52.7609C53.5699 59.7317 48.6449 65.4144 42.2802 65.4144ZM84.3576 65.4144C78.0939 65.4144 72.9669 59.7569 72.9669 52.7609C72.9669 45.7649 77.9424 40.0821 84.3576 40.0821C90.7728 40.0821 95.8493 45.7901 95.7482 52.7609C95.6472 59.7317 90.7222 65.4144 84.3576 65.4144Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_1084_3121">
+          <rect width="126.644" height="96" fill="currentColor" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
diff --git a/components/not-authorized.tsx b/components/iframe-detector/index.tsx
similarity index 57%
rename from components/not-authorized.tsx
rename to components/iframe-detector/index.tsx
index 574e252b5e74f88bd99afaf131160e035b739097..f3c7e7ed0adb3874aec45df5e52a0572daa85326 100644
--- a/components/not-authorized.tsx
+++ b/components/iframe-detector/index.tsx
@@ -1,16 +1,13 @@
 "use client";
-import { useState } from "react";
-import Image from "next/image";
-import { Button } from "./ui/button";
-import Link from "next/link";
-import { useMount } from "react-use";
 
-import { Dialog, DialogContent, DialogTitle } from "./ui/dialog";
+import { useEffect, useState } from "react";
+import IframeWarningModal from "./modal";
 
-export const NotAuthorizedDomain = () => {
-  const [open, setOpen] = useState(false);
+export default function IframeDetector() {
+  const [showWarning, setShowWarning] = useState(false);
 
-  useMount(() => {
+  useEffect(() => {
+    // Helper function to check if a hostname is from allowed domains
     const isAllowedDomain = (hostname: string) => {
       const host = hostname.toLowerCase();
       return (
@@ -19,49 +16,60 @@ export const NotAuthorizedDomain = () => {
         host === "huggingface.co" ||
         host === "hf.co" ||
         host === "enzostvs-deepsite.hf.space" ||
-        host === "deepsite.hf.co"
+        host === "huggingface.co/deepsite"
       );
     };
 
+    // Check if the current window is in an iframe
     const isInIframe = () => {
       try {
         return window.self !== window.top;
       } catch {
+        // If we can't access window.top due to cross-origin restrictions,
+        // we're likely in an iframe
         return true;
       }
     };
 
+    // Additional check: compare window location with parent location
     const isEmbedded = () => {
       try {
         return window.location !== window.parent.location;
       } catch {
+        // Cross-origin iframe
         return true;
       }
     };
 
+    // SEO: Add canonical URL meta tag when in iframe
     const addCanonicalUrl = () => {
+      // Remove existing canonical link if present
       const existingCanonical = document.querySelector('link[rel="canonical"]');
       if (existingCanonical) {
         existingCanonical.remove();
       }
 
+      // Add canonical URL pointing to the standalone version
       const canonical = document.createElement("link");
       canonical.rel = "canonical";
       canonical.href = window.location.href;
       document.head.appendChild(canonical);
 
+      // Add meta tag to indicate this page should not be indexed when in iframe from unauthorized domains
       if (isInIframe() || isEmbedded()) {
         try {
           const parentHostname = document.referrer
             ? new URL(document.referrer).hostname
             : null;
           if (parentHostname && !isAllowedDomain(parentHostname)) {
+            // Add noindex meta tag when embedded in unauthorized domains
             const noIndexMeta = document.createElement("meta");
             noIndexMeta.name = "robots";
             noIndexMeta.content = "noindex, nofollow";
             document.head.appendChild(noIndexMeta);
           }
         } catch (error) {
+          // Silently handle cross-origin errors
           console.debug(
             "SEO: Could not determine parent domain for iframe indexing rules"
           );
@@ -69,66 +77,40 @@ export const NotAuthorizedDomain = () => {
       }
     };
 
+    // Check if we're in an iframe from a non-allowed domain
     const shouldShowWarning = () => {
       if (!isInIframe() && !isEmbedded()) {
         return false; // Not in an iframe
       }
 
       try {
+        // Try to get the parent's hostname
         const parentHostname = window.parent.location.hostname;
         return !isAllowedDomain(parentHostname);
       } catch {
+        // Cross-origin iframe - try to get referrer instead
         try {
           if (document.referrer) {
             const referrerUrl = new URL(document.referrer);
             return !isAllowedDomain(referrerUrl.hostname);
           }
-        } catch {}
+        } catch {
+          // If we can't determine the parent domain, assume it's not allowed
+        }
         return true;
       }
     };
 
+    // Always add canonical URL for SEO, regardless of iframe status
     addCanonicalUrl();
 
     if (shouldShowWarning()) {
-      setOpen(true);
+      // Show warning modal instead of redirecting immediately
+      setShowWarning(true);
     }
-  });
+  }, []);
 
   return (
-    <Dialog open={open}>
-      <DialogContent
-        showCloseButton={false}
-        className="lg:min-w-4xl w-full rounded-3xl! p-0! overflow-hidden"
-      >
-        <DialogTitle className="hidden" />
-        <div className="max-w-md mx-auto text-center px-6 py-12">
-          <Image
-            src="/logo.svg"
-            alt="DeepSite"
-            width={48}
-            height={48}
-            className="mb-6 mx-auto"
-          />
-          <h1 className="text-3xl font-bold mb-4">Access Denied</h1>
-          <p className="text-lg text-muted-foreground mb-6">
-            Unfortunately, you don&apos;t have access to DeepSite from this
-            domain:{" "}
-            {open && (
-              <span className="font-mono font-semibold bg-indigo-500/10 border-2 border-indigo-500/10 text-indigo-500 text-base px-2 py-1 rounded-md">
-                {window?.location?.hostname ?? "unknown domain"}
-              </span>
-            )}
-            .
-          </p>
-
-          <Link href="https://deepsite.hf.co" target="_blank">
-            <Button size="lg" className="text-base!">
-              Go to DeepSite
-            </Button>
-          </Link>
-        </div>
-      </DialogContent>
-    </Dialog>
+    <IframeWarningModal isOpen={showWarning} onOpenChange={setShowWarning} />
   );
-};
+}
diff --git a/components/iframe-detector/modal.tsx b/components/iframe-detector/modal.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..8c5e3f34bc11bd86ae491707f0000db839d25f2d
--- /dev/null
+++ b/components/iframe-detector/modal.tsx
@@ -0,0 +1,61 @@
+"use client";
+
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { ExternalLink, AlertTriangle } from "lucide-react";
+
+interface IframeWarningModalProps {
+  isOpen: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export default function IframeWarningModal({
+  isOpen,
+}: // onOpenChange,
+IframeWarningModalProps) {
+  const handleVisitSite = () => {
+    window.open("https://huggingface.co/deepsite", "_blank");
+  };
+
+  return (
+    <Dialog open={isOpen} onOpenChange={() => {}}>
+      <DialogContent className="sm:max-w-md">
+        <DialogHeader>
+          <div className="flex items-center gap-2">
+            <AlertTriangle className="h-5 w-5 text-red-500" />
+            <DialogTitle>Unauthorized Embedding</DialogTitle>
+          </div>
+          <DialogDescription className="text-left">
+            You&apos;re viewing DeepSite through an unauthorized iframe. For the
+            best experience and security, please visit the official website
+            directly.
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className="bg-muted/50 rounded-lg p-4 space-y-2">
+          <p className="text-sm font-medium">Why visit the official site?</p>
+          <ul className="text-sm text-muted-foreground space-y-1">
+            <li>• Better performance and security</li>
+            <li>• Full functionality access</li>
+            <li>• Latest features and updates</li>
+            <li>• Proper authentication support</li>
+          </ul>
+        </div>
+
+        <DialogFooter className="flex-col sm:flex-row gap-2">
+          <Button onClick={handleVisitSite} className="w-full sm:w-auto">
+            <ExternalLink className="mr-2 h-4 w-4" />
+            Visit huggingface.co/deepsite
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/components/loading/full-loading.tsx b/components/loading/full-loading.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2ee9c53f9845b3c8b4e9ea073fbacbe26addc7c6
--- /dev/null
+++ b/components/loading/full-loading.tsx
@@ -0,0 +1,12 @@
+import Loading from ".";
+import { AnimatedBlobs } from "../animated-blobs";
+
+export const FullLoading = () => {
+  return (
+    <div className="h-screen flex flex-col justify-center items-center bg-neutral-950 z-1 relative">
+      <div className="background__noisy" />
+      {/* <p className="text-muted-foreground mb-5">Fetching user data...</p> */}
+      <Loading overlay={false} className="!size-6 opacity-50" />
+    </div>
+  );
+};
diff --git a/components/loading/index.tsx b/components/loading/index.tsx
index f812ff62fae2b935ae8016152bda3b7d9403dca9..b55a26b0d0c47033eb70c73960c8e4d028f7f2a0 100644
--- a/components/loading/index.tsx
+++ b/components/loading/index.tsx
@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils";
+import classNames from "classnames";
 
 function Loading({
   overlay = true,
@@ -9,13 +9,13 @@ function Loading({
 }) {
   return (
     <div
-      className={cn("", {
+      className={classNames("", {
         "absolute left-0 top-0 h-full w-full flex items-center justify-center z-20 bg-black/50 rounded-full":
           overlay,
       })}
     >
       <svg
-        className={`size-5 animate-spin text-primary ${className}`}
+        className={`size-5 animate-spin text-white ${className}`}
         xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24"
diff --git a/components/login-modal/index.tsx b/components/login-modal/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..aed8e8160b9c31ae8c5a799258ed27bb383d8e18
--- /dev/null
+++ b/components/login-modal/index.tsx
@@ -0,0 +1,72 @@
+import { useLocalStorage } from "react-use";
+import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
+import { useUser } from "@/hooks/useUser";
+import { isTheSameHtml } from "@/lib/compare-html-diff";
+import { Page } from "@/types";
+import { useEditor } from "@/hooks/useEditor";
+
+export const LoginModal = ({
+  open,
+  onClose,
+  title = "Log In to use DeepSite for free",
+  description = "Log In through your Hugging Face account to continue using DeepSite and increase your monthly free limit.",
+  prompt,
+}: {
+  open: boolean;
+  onClose: React.Dispatch<React.SetStateAction<boolean>>;
+  title?: string;
+  description?: string;
+  prompt?: string;
+}) => {
+  const { openLoginWindow } = useUser();
+  const { pages } = useEditor();
+  const [, setStorage] = useLocalStorage("pages");
+  const [, setPromptStorage] = useLocalStorage("prompt", "");
+  const handleClick = async () => {
+    if (prompt) {
+      setPromptStorage(prompt);
+    }
+    if (pages && !isTheSameHtml(pages[0].html)) {
+      setStorage(pages);
+    }
+    openLoginWindow();
+    onClose(false);
+  };
+  return (
+    <Dialog open={open} onOpenChange={onClose}>
+      <DialogContent
+        className="sm:max-w-lg lg:!p-8 !rounded-3xl !bg-white !border-neutral-100"
+        showCloseButton={false}
+      >
+        <DialogTitle className="hidden" />
+        <main className="flex flex-col items-start text-left relative pt-2">
+          <div className="flex items-center justify-start -space-x-4 mb-5">
+            <div className="size-14 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-3xl opacity-50">
+              💪
+            </div>
+            <div className="size-16 rounded-full bg-amber-200 shadow-2xl flex items-center justify-center text-4xl z-2">
+              😎
+            </div>
+            <div className="size-14 rounded-full bg-sky-200 shadow-2xs flex items-center justify-center text-3xl opacity-50">
+              🙌
+            </div>
+          </div>
+          <p className="text-2xl font-bold text-neutral-950">{title}</p>
+          <p className="text-neutral-500 text-base mt-2 max-w-sm">
+            {description}
+          </p>
+          <Button
+            variant="black"
+            size="lg"
+            tabIndex={-1}
+            className="w-full !text-base !h-11 mt-8"
+            onClick={handleClick}
+          >
+            Log In to Continue
+          </Button>
+        </main>
+      </DialogContent>
+    </Dialog>
+  );
+};
diff --git a/components/login/login-buttons.tsx b/components/login/login-buttons.tsx
deleted file mode 100644
index 8354ba6530afc6cf87bdec6d25707a936d0fb5a6..0000000000000000000000000000000000000000
--- a/components/login/login-buttons.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-"use client";
-import { signIn } from "next-auth/react";
-import Image from "next/image";
-
-import { Button } from "@/components/ui/button";
-import HFLogo from "@/assets/hf-logo.svg";
-
-export const LoginButtons = ({ callbackUrl }: { callbackUrl: string }) => {
-  return (
-    <Button onClick={() => signIn("huggingface", { callbackUrl })}>
-      <Image src={HFLogo} alt="Hugging Face" width={20} height={20} />
-      Sign in with Hugging Face
-    </Button>
-  );
-};
diff --git a/components/grid-pattern/index.tsx b/components/magic-ui/grid-pattern.tsx
similarity index 94%
rename from components/grid-pattern/index.tsx
rename to components/magic-ui/grid-pattern.tsx
index 1006f5253f4f5d749d15c07eb75c81b924c54aae..0ead903d1de84aba97f328e5686f3c631a33cef6 100644
--- a/components/grid-pattern/index.tsx
+++ b/components/magic-ui/grid-pattern.tsx
@@ -1,4 +1,3 @@
-"use client";
 import { useId } from "react";
 import { cn } from "@/lib/utils";
 
@@ -29,7 +28,7 @@ export function GridPattern({
     <svg
       aria-hidden="true"
       className={cn(
-        "pointer-events-none absolute inset-0 h-full w-full fill-gray-400/30 stroke-gray-400 -z-1 dark:fill-gray-600/30 dark:stroke-gray-600",
+        "pointer-events-none absolute inset-0 h-full w-full fill-gray-400/30 stroke-neutral-700 -z-[1]",
         className
       )}
       {...props}
diff --git a/components/my-projects/index.tsx b/components/my-projects/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..7d61ecede75ab7557b1dba9da1c9f74b57de52a4
--- /dev/null
+++ b/components/my-projects/index.tsx
@@ -0,0 +1,105 @@
+"use client";
+import { Plus } from "lucide-react";
+import Link from "next/link";
+import { useState } from "react";
+import { toast } from "sonner";
+
+import { useUser } from "@/hooks/useUser";
+import { ProjectType } from "@/types";
+import { ProjectCard } from "./project-card";
+import { MAX_FREE_PROJECTS } from "@/lib/utils";
+import { ProTag } from "@/components/pro-modal";
+import { Button } from "@/components/ui/button";
+import { useProModal } from "@/components/contexts/pro-context";
+import { api } from "@/lib/api";
+import { NotLogged } from "../not-logged/not-logged";
+
+export function MyProjects() {
+  const { user, projects, setProjects } = useUser();
+  const { openProModal } = useProModal();
+
+  if (!user) {
+    return <NotLogged />;
+  }
+
+  const onDelete = async (project: ProjectType) => {
+    const response = await api.delete(`/me/projects/${project.name}`);
+    if (response.data.ok) {
+      toast.success("Project deleted successfully!");
+      const newProjects = projects.filter((p) => p.id !== project.id);
+      setProjects(newProjects);
+    } else {
+      toast.error(response.data.error);
+    }
+  };
+  return (
+    <>
+      <section className="max-w-[86rem] py-12 px-4 mx-auto overflow-x-hidden">
+        <header className="flex items-center justify-between max-lg:flex-col gap-4">
+          <div className="text-left">
+            <h1 className="text-3xl font-bold text-white">
+              <span className="capitalize">{user?.fullname}</span>&apos;s
+              DeepSite Projects
+              {user?.isPro ? (
+                ""
+              ) : (
+                <span className="text-neutral-400 text-2xl ml-2">
+                  ({projects.length}/{MAX_FREE_PROJECTS})
+                </span>
+              )}
+            </h1>
+            <p className="text-muted-foreground text-lg mt-1 max-w-xl">
+              {user?.isPro ? (
+                "Create, manage, and explore your DeepSite projects."
+              ) : (
+                <span>
+                  Upgrade to{" "}
+                  <ProTag className="mx-1" onClick={() => openProModal([])} />{" "}
+                  to create unlimited projects with DeepSite.
+                </span>
+              )}
+            </p>
+          </div>
+          {projects?.length >= MAX_FREE_PROJECTS && !user?.isPro ? (
+            <Button
+              size="default"
+              variant="default"
+              onClick={() => openProModal([])}
+            >
+              Upgrade to PRO
+            </Button>
+          ) : (
+            // <LoadProject onSuccess={() => {}} />
+            <div></div>
+          )}
+        </header>
+        <div className="mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
+          {projects.length < MAX_FREE_PROJECTS || user?.isPro ? (
+            <Link
+              href="/new"
+              className="bg-neutral-900 rounded-xl h-64 lg:h-44 flex items-center justify-center text-neutral-300 border border-neutral-800 hover:brightness-110 transition-all duration-200"
+            >
+              <Plus className="size-5 mr-1.5" />
+              Create Project
+            </Link>
+          ) : (
+            <div
+              className="bg-neutral-900 rounded-xl h-64 lg:h-44 flex items-center justify-center text-neutral-300 border border-neutral-800 hover:brightness-110 transition-all duration-200 cursor-pointer"
+              onClick={() => openProModal([])}
+            >
+              <Plus className="size-5 mr-1.5" />
+              Create Project
+            </div>
+          )}
+          {projects.map((project: ProjectType, index: number) => (
+            <ProjectCard
+              key={index}
+              project={project}
+              onDelete={() => onDelete(project)}
+            />
+          ))}
+        </div>
+      </section>
+    </>
+  );
+}
diff --git a/components/my-projects/load-project.tsx b/components/my-projects/load-project.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a86a6f2d32095b046d614b2730c2b6d50811d48d
--- /dev/null
+++ b/components/my-projects/load-project.tsx
@@ -0,0 +1,200 @@
+"use client";
+import { useState } from "react";
+import { Import } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import Loading from "@/components/loading";
+import { Input } from "../ui/input";
+import { toast } from "sonner";
+import { api } from "@/lib/api";
+import { useUser } from "@/hooks/useUser";
+import { LoginModal } from "@/components/login-modal";
+import { useRouter } from "next/navigation";
+import { SpaceEntry } from "@huggingface/hub";
+
+export const LoadProject = ({
+  fullXsBtn = false,
+  onSuccess,
+}: {
+  fullXsBtn?: boolean;
+  onSuccess: (project: SpaceEntry) => void;
+}) => {
+  const { user } = useUser();
+  const router = useRouter();
+
+  const [openLoginModal, setOpenLoginModal] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [url, setUrl] = useState<string>("");
+  const [isLoading, setIsLoading] = useState(false);
+
+  const checkIfUrlIsValid = (url: string) => {
+    // should match a hugging face spaces URL like: https://huggingface.co/spaces/username/project or https://hf.co/spaces/username/project
+    const urlPattern = new RegExp(
+      /^(https?:\/\/)?(huggingface\.co|hf\.co)\/spaces\/([\w-]+)\/([\w-]+)$/,
+      "i"
+    );
+    return urlPattern.test(url);
+  };
+
+  const handleClick = async () => {
+    if (isLoading) return; // Prevent multiple clicks while loading
+    if (!url) {
+      toast.error("Please enter a URL.");
+      return;
+    }
+    if (!checkIfUrlIsValid(url)) {
+      toast.error("Please enter a valid Hugging Face Spaces URL.");
+      return;
+    }
+
+    const [username, namespace] = url
+      .replace("https://huggingface.co/spaces/", "")
+      .replace("https://hf.co/spaces/", "")
+      .split("/");
+
+    setIsLoading(true);
+    try {
+      const response = await api.post(`/me/projects/${username}/${namespace}`);
+      toast.success("Project imported successfully!");
+      setOpen(false);
+      setUrl("");
+      onSuccess(response.data.project);
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (error: any) {
+      if (error?.response?.data?.redirect) {
+        return router.push(error.response.data.redirect);
+      }
+      toast.error(
+        error?.response?.data?.error ?? "Failed to import the project."
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <>
+      {!user ? (
+        <>
+          <Button
+            variant="outline"
+            className="max-lg:hidden"
+            onClick={() => setOpenLoginModal(true)}
+          >
+            <Import className="size-4 mr-1.5" />
+            Load existing Project
+          </Button>
+          <Button
+            variant="outline"
+            size="sm"
+            className="lg:hidden"
+            onClick={() => setOpenLoginModal(true)}
+          >
+            {fullXsBtn && <Import className="size-3.5 mr-1" />}
+            Load
+            {fullXsBtn && " existing Project"}
+          </Button>
+          <LoginModal
+            open={openLoginModal}
+            onClose={setOpenLoginModal}
+            title="Log In to load your Project"
+            description="Log In through Hugging Face to load an existing project and increase your free limit!"
+          />
+        </>
+      ) : (
+        <Dialog open={open} onOpenChange={setOpen}>
+          <DialogTrigger asChild>
+            <div>
+              <Button variant="outline" className="max-lg:hidden">
+                <Import className="size-4 mr-1.5" />
+                Load existing Project
+              </Button>
+              <Button variant="outline" size="sm" className="lg:hidden">
+                {fullXsBtn && <Import className="size-3.5 mr-1" />}
+                Load
+                {fullXsBtn && " existing Project"}
+              </Button>
+            </div>
+          </DialogTrigger>
+          <DialogContent className="sm:max-w-md !p-0 !rounded-3xl !bg-white !border-neutral-100 overflow-hidden text-center">
+            <DialogTitle className="hidden" />
+            <header className="bg-neutral-50 p-6 border-b border-neutral-200/60">
+              <div className="flex items-center justify-center -space-x-4 mb-3">
+                <div className="size-11 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-2xl opacity-50">
+                  🎨
+                </div>
+                <div className="size-13 rounded-full bg-amber-200 shadow-2xl flex items-center justify-center text-3xl z-2">
+                  🥳
+                </div>
+                <div className="size-11 rounded-full bg-sky-200 shadow-2xs flex items-center justify-center text-2xl opacity-50">
+                  💎
+                </div>
+              </div>
+              <p className="text-2xl font-semibold text-neutral-950">
+                Import a Project
+              </p>
+              <p className="text-base text-neutral-500 mt-1.5">
+                Enter the URL of your Hugging Face Space to import an existing
+                project.
+              </p>
+            </header>
+            <main className="space-y-4 px-9 pb-9 pt-2">
+              <div>
+                <p className="text-sm text-neutral-700 mb-2">
+                  Enter your Hugging Face Space
+                </p>
+                <Input
+                  type="text"
+                  placeholder="https://huggingface.com/spaces/username/project"
+                  value={url}
+                  onChange={(e) => setUrl(e.target.value)}
+                  onBlur={(e) => {
+                    const inputUrl = e.target.value.trim();
+                    if (!inputUrl) {
+                      setUrl("");
+                      return;
+                    }
+                    if (!checkIfUrlIsValid(inputUrl)) {
+                      toast.error("Please enter a valid URL.");
+                      return;
+                    }
+                    setUrl(inputUrl);
+                  }}
+                  className="!bg-white !border-neutral-300 !text-neutral-800 !placeholder:text-neutral-400 selection:!bg-blue-100"
+                />
+              </div>
+              <div>
+                <p className="text-sm text-neutral-700 mb-2">
+                  Then, let&apos;s import it!
+                </p>
+                <Button
+                  variant="black"
+                  onClick={handleClick}
+                  className="relative w-full"
+                >
+                  {isLoading ? (
+                    <>
+                      <Loading
+                        overlay={false}
+                        className="ml-2 size-4 animate-spin"
+                      />
+                      Fetching your Space...
+                    </>
+                  ) : (
+                    <>Import your Space</>
+                  )}
+                </Button>
+              </div>
+            </main>
+          </DialogContent>
+        </Dialog>
+      )}
+    </>
+  );
+};
diff --git a/components/my-projects/project-card.tsx b/components/my-projects/project-card.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..40d70d3d2412c5813e35dfba96e755d29a36a2ae
--- /dev/null
+++ b/components/my-projects/project-card.tsx
@@ -0,0 +1,186 @@
+import Link from "next/link";
+import { formatDistance } from "date-fns";
+import {
+  Download,
+  EllipsisVertical,
+  Lock,
+  Settings,
+  Trash,
+} from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { ProjectType } from "@/types";
+import { toast } from "sonner";
+import { useUser } from "@/hooks/useUser";
+
+// from-red-500 to-red-500
+// from-yellow-500 to-yellow-500
+// from-green-500 to-green-500
+// from-purple-500 to-purple-500
+// from-blue-500 to-blue-500
+// from-pink-500 to-pink-500
+// from-gray-500 to-gray-500
+// from-indigo-500 to-indigo-500
+
+export function ProjectCard({
+  project,
+  onDelete,
+}: {
+  project: ProjectType;
+  onDelete: () => void;
+}) {
+  const { token } = useUser();
+  const handleDelete = () => {
+    if (
+      confirm(
+        "Are you sure you want to delete this project? This action cannot be undone."
+      )
+    ) {
+      onDelete();
+    }
+  };
+
+  const handleDownload = async () => {
+    try {
+      toast.info("Preparing download...");
+      const response = await fetch(
+        `/deepsite/api/me/projects/${project.name}/download`,
+        {
+          credentials: "include",
+          headers: {
+            Accept: "application/zip",
+            Authorization: `Bearer ${token}`,
+          },
+        }
+      );
+
+      if (!response.ok) {
+        const error = await response
+          .json()
+          .catch(() => ({ error: "Download failed" }));
+        toast.error(error.error || "Failed to download project");
+        return;
+      }
+
+      const blob = await response.blob();
+
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = `${project.name.replace(/\//g, "-")}.zip`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+
+      toast.success("Download started!");
+    } catch (error) {
+      console.error("Download error:", error);
+      toast.error("Failed to download project");
+    }
+  };
+  // from-gray-600 to-gray-600
+  // from-blue-600 to-blue-600
+  // from-green-600 to-green-600
+  // from-yellow-600 to-yellow-600
+  // from-purple-600 to-purple-600
+  // from-pink-600 to-pink-600
+  // from-red-600 to-red-600
+  // from-orange-600 to-orange-600
+
+  return (
+    <div className="text-neutral-200 space-y-4 group cursor-pointer">
+      <Link
+        href={`/${project.name}`}
+        className="relative bg-neutral-900 rounded-2xl overflow-hidden h-64 lg:h-44 w-full flex items-center justify-end flex-col px-3 border border-neutral-800"
+      >
+        {project.private ? (
+          <div
+            className={`absolute inset-0 w-full h-full flex items-center justify-center bg-gradient-to-br from-${project.cardData?.colorFrom}-600 to-${project.cardData?.colorTo}-600`}
+          >
+            <div className="absolute top-3 right-3 flex items-center gap-1.5 bg-black/60 backdrop-blur-sm px-3 py-1.5 rounded-full border border-white/10 shadow-lg">
+              <Lock className="w-3 h-3 text-white/90" />
+              <span className="text-white/90 text-xs font-medium tracking-wide">
+                Private
+              </span>
+            </div>
+            <p className="text-4xl">{project.cardData?.emoji}</p>
+          </div>
+        ) : (
+          <div className="absolute inset-0 w-full h-full overflow-hidden">
+            <iframe
+              src={`https://${project.name.replaceAll(
+                "/",
+                "-"
+              )}.static.hf.space`}
+              className="w-[1200px] h-[675px] border-0 origin-top-left pointer-events-none"
+              style={{
+                transform: "scale(0.5)",
+                transformOrigin: "top left",
+              }}
+            />
+          </div>
+        )}
+
+        <Button
+          variant="default"
+          className="w-full transition-all duration-200 translate-y-full group-hover:-translate-y-3"
+        >
+          Open project
+        </Button>
+      </Link>
+      <div className="flex items-start justify-between gap-3">
+        <div>
+          <p className="text-neutral-200 text-base font-semibold line-clamp-1">
+            {project?.cardData?.title ?? project.name}
+          </p>
+          <p className="text-sm text-neutral-500">
+            Updated{" "}
+            {formatDistance(
+              new Date(project.updatedAt || Date.now()),
+              new Date(),
+              {
+                addSuffix: true,
+              }
+            )}
+          </p>
+        </div>
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <Button variant="ghost" size="icon">
+              <EllipsisVertical className="text-neutral-400 size-5 hover:text-neutral-300 transition-colors duration-200 cursor-pointer" />
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent className="w-56" align="start">
+            <DropdownMenuGroup>
+              <a
+                href={`https://huggingface.co/spaces/${project.name}/settings`}
+                target="_blank"
+              >
+                <DropdownMenuItem>
+                  <Settings className="size-4 text-neutral-100" />
+                  Project Settings
+                </DropdownMenuItem>
+              </a>
+              <DropdownMenuItem onClick={handleDownload}>
+                <Download className="size-4 text-neutral-100" />
+                Download as ZIP
+              </DropdownMenuItem>
+              <DropdownMenuItem variant="destructive" onClick={handleDelete}>
+                <Trash className="size-4 text-red-500" />
+                Delete Project
+              </DropdownMenuItem>
+            </DropdownMenuGroup>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </div>
+    </div>
+  );
+}
diff --git a/components/not-found/buttons.tsx b/components/not-found/buttons.tsx
deleted file mode 100644
index a30f436d48121858411d727b457abff9c3bb56e2..0000000000000000000000000000000000000000
--- a/components/not-found/buttons.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-"use client";
-import Link from "next/link";
-import { Button } from "@/components/ui/button";
-
-export function NotFoundButtons() {
-  return (
-    <div className="flex items-center justify-center gap-3">
-      <Link href="/">
-        <Button size="lg">Return Home</Button>
-      </Link>
-      <Button size="lg" variant="outline" onClick={() => window.history.back()}>
-        Back to previous page
-      </Button>
-    </div>
-  );
-}
diff --git a/components/not-logged/not-logged.tsx b/components/not-logged/not-logged.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..330b45cea1064d1e47840eee3f52956441fdf980
--- /dev/null
+++ b/components/not-logged/not-logged.tsx
@@ -0,0 +1,188 @@
+"use client";
+
+import { AnimatedBlobs } from "../animated-blobs";
+import { FakeAskAi } from "../editor/ask-ai/fake-ask";
+
+export const NotLogged = () => {
+  return (
+    <section className="relative max-w-[86rem] mx-auto">
+      <header className="container mx-auto pt-20 px-6 relative flex flex-col items-center justify-center text-center">
+        <div className="rounded-full border border-sky-100/10 bg-gradient-to-r from-sky-500/15 to-sky-sky-500/5 text-sm text-sky-300 px-3 py-1 max-w-max mx-auto mb-2">
+          ✨ DeepSite v3 is out!
+        </div>
+        <h1 className="text-5xl lg:text-7xl font-semibold text-white font-mono max-w-4xl">
+          Welcome to DeepSite
+        </h1>
+        <p className="text-white/70 text-xl mt-3 mb-8">
+          Code your website with AI in seconds. <br />
+          Access the most simple and powerful AI Vibe Code Editor to create your
+          next project.
+        </p>
+        <FakeAskAi />
+        <AnimatedBlobs />
+      </header>
+      <div id="features" className="min-h-screen py-20 px-6 relative">
+        <div className="container mx-auto"></div>
+        <div className="text-center mb-16">
+          <div className="rounded-full border border-neutral-100/10 bg-neutral-100/5 text-sm text-neutral-300 px-3 py-1 max-w-max mx-auto mb-4">
+            🚀 Powerful Features
+          </div>
+          <h2 className="text-4xl lg:text-5xl font-extrabold text-white font-mono mb-4">
+            Everything you need
+          </h2>
+          <p className="text-base lg:text-lg text-neutral-300/80 max-w-2xl mx-auto">
+            Build, deploy, and scale your websites with cutting-edge features
+          </p>
+        </div>
+
+        {/* Bento Grid */}
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-7xl mx-auto">
+          {/* Multi Pages */}
+          <div
+            className="lg:row-span-2 relative p-8 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-105 hover:rotate-1 hover:-translate-y-2 hover:shadow-2xl hover:shadow-purple-500/20"
+            style={{ transformStyle: "preserve-3d" }}
+          >
+            <div className="relative z-10">
+              <div className="text-3xl lg:text-4xl mb-4">📄</div>
+              <h3 className="text-2xl lg:text-3xl font-bold text-white font-mono mb-3">
+                Multi Pages
+              </h3>
+              <p className="text-neutral-300/80 lg:text-lg mb-6">
+                Create complex websites with multiple interconnected pages.
+                Build everything from simple landing pages to full-featured web
+                applications with dynamic routing and navigation.
+              </p>
+              <div className="flex flex-wrap gap-2">
+                <span className="px-3 py-1 bg-purple-500/20 text-purple-300 rounded-full text-sm">
+                  Dynamic Routing
+                </span>
+                <span className="px-3 py-1 bg-blue-500/20 text-blue-300 rounded-full text-sm">
+                  Navigation
+                </span>
+                <span className="px-3 py-1 bg-green-500/20 text-green-300 rounded-full text-sm">
+                  SEO Ready
+                </span>
+              </div>
+            </div>
+            <div className="absolute -top-20 -right-20 w-40 h-40 bg-gradient-to-r from-purple-500 to-pink-500 opacity-20 blur-3xl rounded-full transition-all duration-700 ease-out group-hover:scale-[4] group-hover:opacity-30" />
+          </div>
+
+          {/* Auto Deploy */}
+          <div
+            className="relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-110 hover:-translate-y-4 hover:-rotate-3 hover:shadow-2xl hover:shadow-yellow-500/25"
+            style={{ perspective: "1000px", transformStyle: "preserve-3d" }}
+          >
+            <div className="relative z-10">
+              <div className="text-3xl mb-4">⚡</div>
+              <h3 className="text-2xl font-bold text-white font-mono mb-3">
+                Auto Deploy
+              </h3>
+              <p className="text-neutral-300/80 mb-4">
+                Push your changes and watch them go live instantly. No complex
+                CI/CD setup required.
+              </p>
+            </div>
+            <div className="absolute -bottom-10 -right-10 w-32 h-32 bg-gradient-to-r from-yellow-500 to-orange-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
+          </div>
+
+          {/* Free Hosting */}
+          <div className="relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-105 hover:rotate-2 hover:-translate-y-3 hover:shadow-xl hover:shadow-green-500/20">
+            <div className="relative z-10">
+              <div className="text-3xl mb-4">🌐</div>
+              <h3 className="text-2xl font-bold text-white font-mono mb-3">
+                Free Hosting
+              </h3>
+              <p className="text-neutral-300/80 mb-4">
+                Host your websites for free with global CDN and lightning-fast
+                performance.
+              </p>
+            </div>
+            <div className="absolute -top-10 -left-10 w-32 h-32 bg-gradient-to-r from-green-500 to-emerald-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
+          </div>
+
+          {/* Open Source Models */}
+          <div
+            className="lg:col-span-2 md:col-span-2 relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-600 hover:scale-[1.02] hover:rotate-y-6 hover:-translate-y-1 hover:shadow-2xl hover:shadow-cyan-500/20"
+            style={{ perspective: "1200px", transformStyle: "preserve-3d" }}
+          >
+            <div className="relative z-10">
+              <div className="text-3xl mb-4">🔓</div>
+              <h3 className="text-2xl font-bold text-white font-mono mb-3">
+                Open Source Models
+              </h3>
+              <p className="text-neutral-300/80 mb-4">
+                Powered by cutting-edge open source AI models. Transparent,
+                customizable, and community-driven development.
+              </p>
+              <div className="flex flex-wrap gap-2">
+                <span className="px-3 py-1 bg-cyan-500/20 text-cyan-300 rounded-full text-sm">
+                  Llama
+                </span>
+                <span className="px-3 py-1 bg-indigo-500/20 text-indigo-300 rounded-full text-sm">
+                  Mistral
+                </span>
+                <span className="px-3 py-1 bg-pink-500/20 text-pink-300 rounded-full text-sm">
+                  CodeLlama
+                </span>
+              </div>
+            </div>
+            <div className="absolute -bottom-10 right-10 w-32 h-32 bg-gradient-to-r from-cyan-500 to-indigo-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
+          </div>
+
+          {/* UX Focus */}
+          <div
+            className="relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-110 hover:rotate-3 hover:-translate-y-2 hover:rotate-x-6 hover:shadow-xl hover:shadow-rose-500/25"
+            style={{ transformStyle: "preserve-3d" }}
+          >
+            <div className="relative z-10">
+              <div className="text-3xl mb-4">✨</div>
+              <h3 className="text-2xl font-bold text-white font-mono mb-3">
+                Perfect UX
+              </h3>
+              <p className="text-neutral-300/80 mb-4">
+                Intuitive interface designed for developers and non-developers
+                alike.
+              </p>
+            </div>
+            <div className="absolute -top-10 -right-10 w-32 h-32 bg-gradient-to-r from-rose-500 to-pink-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
+          </div>
+
+          {/* Hugging Face Integration */}
+          <div
+            className="relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-[1.08] hover:-rotate-2 hover:-translate-y-3 hover:rotate-y-8 hover:shadow-xl hover:shadow-amber-500/20"
+            style={{ perspective: "800px" }}
+          >
+            <div className="relative z-10">
+              <div className="text-3xl mb-4">🤗</div>
+              <h3 className="text-2xl font-bold text-white font-mono mb-3">
+                Hugging Face
+              </h3>
+              <p className="text-neutral-300/80 mb-4">
+                Seamless integration with Hugging Face models and datasets for
+                cutting-edge AI capabilities.
+              </p>
+            </div>
+            <div className="absolute -top-10 -right-10 w-32 h-32 bg-gradient-to-r from-yellow-500 to-amber-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
+          </div>
+
+          {/* Performance */}
+          <div
+            className="relative p-6 rounded-2xl border border-neutral-100/10 bg-neutral-900/50 backdrop-blur-sm overflow-hidden group hover:border-neutral-100/20 transition-all duration-500 hover:scale-105 hover:rotate-1 hover:-translate-y-4 hover:rotate-x-8 hover:shadow-2xl hover:shadow-blue-500/25"
+            style={{ transformStyle: "preserve-3d" }}
+          >
+            <div className="relative z-10">
+              <div className="text-3xl mb-4">🚀</div>
+              <h3 className="text-2xl font-bold text-white font-mono mb-3">
+                Blazing Fast
+              </h3>
+              <p className="text-neutral-300/80 mb-4">
+                Optimized performance with edge computing and smart caching.
+              </p>
+            </div>
+            <div className="absolute -bottom-10 -right-10 w-32 h-32 bg-gradient-to-r from-blue-500 to-cyan-500 opacity-20 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-[5] group-hover:opacity-35" />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
diff --git a/components/pro-modal/index.tsx b/components/pro-modal/index.tsx
index 777cd9a5ce7dc1110ffc810d525e0c4a31adc1f9..8b40e0372131f7c1a148f3f91d33da43321b361e 100644
--- a/components/pro-modal/index.tsx
+++ b/components/pro-modal/index.tsx
@@ -1,15 +1,24 @@
+import { useLocalStorage } from "react-use";
 import { Button } from "@/components/ui/button";
 import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
 import { CheckCheck } from "lucide-react";
+import { isTheSameHtml } from "@/lib/compare-html-diff";
+import { Page } from "@/types";
 
 export const ProModal = ({
   open,
+  pages,
   onClose,
 }: {
   open: boolean;
+  pages?: Page[];
   onClose: React.Dispatch<React.SetStateAction<boolean>>;
 }) => {
+  const [, setStorage] = useLocalStorage("pages");
   const handleProClick = () => {
+    if (pages && !isTheSameHtml(pages?.[0].html)) {
+      setStorage(pages);
+    }
     window.open("https://huggingface.co/subscribe/pro?from=DeepSite", "_blank");
     onClose(false);
   };
@@ -17,10 +26,10 @@ export const ProModal = ({
     <Dialog open={open} onOpenChange={onClose}>
       <DialogContent
         showCloseButton={false}
-        className="sm:max-w-[425px] rounded-3xl! p-0! overflow-hidden"
+        className="sm:max-w-lg lg:!p-8 !rounded-3xl !bg-white !border-neutral-100"
       >
         <DialogTitle className="hidden" />
-        <header className="bg-linear-to-b from-indigo-500/25 dark:from-indigo-500/40 to-background px-6 pt-6">
+        <main className="flex flex-col items-start text-left relative pt-2">
           <div className="flex items-center justify-start -space-x-4 mb-5">
             <div className="size-14 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-3xl opacity-50">
               🚀
@@ -32,21 +41,19 @@ export const ProModal = ({
               🥳
             </div>
           </div>
-          <h2 className="text-2xl font-bold text-primary">
+          <h2 className="text-2xl font-bold text-neutral-950">
             Only $9 to enhance your possibilities
           </h2>
-          <p className="text-muted-foreground text-base mt-2 max-w-sm">
+          <p className="text-neutral-500 text-base mt-2 max-w-sm">
             It seems like you have reached the monthly free limit of DeepSite.
           </p>
-        </header>
-        <main className="flex flex-col items-start text-left relative px-6 pb-6">
-          <div className="w-1/2 h-px bg-accent/70 my-4"></div>
-          <p className="text-lg mt-3 text-primary font-semibold">
+          <hr className="bg-neutral-200 w-full max-w-[150px] my-6" />
+          <p className="text-lg mt-3 text-neutral-900 font-semibold">
             Upgrade to a <ProTag className="mx-1" /> Account, and unlock your
             DeepSite high quota access ⚡
           </p>
-          <ul className="mt-3 space-y-1 text-muted-foreground">
-            <li className="text-sm text-muted-foreground space-x-2 flex items-center justify-start gap-2 mb-3">
+          <ul className="mt-3 space-y-1 text-neutral-500">
+            <li className="text-sm text-neutral-500 space-x-2 flex items-center justify-start gap-2 mb-3">
               You&apos;ll also unlock some Hugging Face PRO features, like:
             </li>
             <li className="text-sm space-x-2 flex items-center justify-start gap-2">
@@ -61,15 +68,15 @@ export const ProModal = ({
               <CheckCheck className="text-emerald-500 size-4" />
               Get free credits across all Inference Providers
             </li>
-            <li className="text-sm text-muted-foreground space-x-2 flex items-center justify-start gap-2 mt-3">
+            <li className="text-sm text-neutral-500 space-x-2 flex items-center justify-start gap-2 mt-3">
               ... and lots more!
             </li>
           </ul>
           <Button
-            variant="default"
+            variant="black"
             size="lg"
             tabIndex={-1}
-            className="w-full mt-8"
+            className="w-full !text-base !h-11 mt-8"
             onClick={handleProClick}
           >
             Subscribe to PRO ($9/month)
@@ -96,3 +103,4 @@ export const ProTag = ({
     PRO
   </span>
 );
+export default ProModal;
diff --git a/components/projects/big-project-card.tsx b/components/projects/big-project-card.tsx
deleted file mode 100644
index 609a49e187e06bdbe968c9b00b3b96962c9fde23..0000000000000000000000000000000000000000
--- a/components/projects/big-project-card.tsx
+++ /dev/null
@@ -1,151 +0,0 @@
-import Link from "next/link";
-import { SpaceEntry } from "@huggingface/hub";
-import { format } from "date-fns";
-import {
-  CogIcon,
-  Download,
-  EllipsisVertical,
-  ExternalLink,
-  TrashIcon,
-} from "lucide-react";
-
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { toast } from "sonner";
-
-// from-red-500 to-red-500
-// from-yellow-500 to-yellow-500
-// from-green-500 to-green-500
-// from-purple-500 to-purple-500
-// from-blue-500 to-blue-500
-// from-pink-500 to-pink-500
-// from-gray-500 to-gray-500
-// from-indigo-500 to-indigo-500
-
-export function BigProjectCard({
-  project,
-  onOpenDeleteDialog,
-}: {
-  project: SpaceEntry;
-  onOpenDeleteDialog: (id: string) => void;
-}) {
-  const handleDownload = async () => {
-    try {
-      toast.info("Preparing download...");
-      const response = await fetch(
-        `/api/projects/${project.name.split("/")[1]}/download`,
-        {
-          headers: {
-            Accept: "application/zip",
-          },
-        },
-      );
-      if (!response.ok) {
-        throw new Error("Failed to download project");
-      }
-      const blob = await response.blob();
-      const url = window.URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = `${project.name.replaceAll("/", "-")}.zip`;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      window.URL.revokeObjectURL(url);
-      toast.success("Download started!");
-    } catch (error) {
-      toast.error("Failed to download project");
-    }
-  };
-
-  return (
-    <a href={`/${project.name}`} className="">
-      <div className="group/big-card rounded-lg overflow-hidden transition-all border-2 border-background ring-[1px] ring-border relative">
-        {project.private ? (
-          <div className="h-40 bg-linear-to-br flex flex-col gap-1 items-center justify-center text-lg from-blue-500 to-purple-500">
-            <p className="text-3xl">{project.cardData?.emoji}</p>
-            <p className="text-lg font-bold font-mono text-white">
-              {project.cardData?.title}
-            </p>
-          </div>
-        ) : (
-          <div className="relative inset-0 w-full h-40 overflow-hidden">
-            <iframe
-              src={`https://${project.name.replaceAll(
-                "/",
-                "-",
-              )}.static.hf.space`}
-              className="w-[700px] h-[350px] border-0 origin-top-left pointer-events-none"
-              style={{
-                transform: "scale(0.5)",
-                transformOrigin: "top left",
-              }}
-            />
-          </div>
-        )}
-        <div className="absolute inset-0 w-full h-full bg-black/50 group-hover/big-card:opacity-100 flex items-center justify-center opacity-0 transition-all duration-300">
-          <Button variant="bordered" size="sm">
-            <ExternalLink className="size-4" />
-            Open project
-          </Button>
-        </div>
-        <p className="text-xs text-muted-foreground mt-1.5 ml-0.5 absolute bottom-0 right-0 bg-accent px-2 py-1 rounded-tl-lg line-clamp-1">
-          {project.cardData?.title}
-        </p>
-      </div>
-      <div className="flex items-center justify-between">
-        <p className="text-xs text-muted-foreground mt-1.5 ml-0.5">
-          Last update: {format(project.updatedAt, "MMM d, yyyy")}
-        </p>
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button variant="ghost" size="icon-xs">
-              <EllipsisVertical className="size-4 text-muted-foreground hover:text-foreground transition-all" />
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent>
-            <DropdownMenuItem
-              onClick={(e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                window.open(
-                  `https://huggingface.co/spaces/${project.name}/settings`,
-                  "_blank",
-                );
-              }}
-            >
-              <CogIcon />
-              Settings
-            </DropdownMenuItem>
-            <DropdownMenuItem
-              onClick={(e) => {
-                handleDownload();
-                e.preventDefault();
-                e.stopPropagation();
-              }}
-            >
-              <Download />
-              Download
-            </DropdownMenuItem>
-            <DropdownMenuItem
-              variant="destructive"
-              onClick={(e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                onOpenDeleteDialog(project.name);
-              }}
-            >
-              <TrashIcon />
-              Delete this project
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      </div>
-    </a>
-  );
-}
diff --git a/components/projects/project-card.tsx b/components/projects/project-card.tsx
deleted file mode 100644
index 2112aa66c0c857b3180fd9f7baa65f3586456d76..0000000000000000000000000000000000000000
--- a/components/projects/project-card.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { SpaceEntry } from "@huggingface/hub";
-
-// from-red-500 to-red-500
-// from-yellow-500 to-yellow-500
-// from-green-500 to-green-500
-// from-purple-500 to-purple-500
-// from-blue-500 to-blue-500
-// from-pink-500 to-pink-500
-// from-gray-500 to-gray-500
-// from-indigo-500 to-indigo-500
-
-export function ProjectCard({ project }: { project: SpaceEntry }) {
-  return (
-    <a href={`/${project.name}`}>
-      <div className="flex items-center justify-start gap-3 border-2 border-background ring-[1px] ring-border rounded-lg overflow-hidden transition-all hover:bg-accent">
-        <div
-          className={`size-10 bg-linear-to-br flex items-center justify-center text-lg from-${
-            project?.cardData?.colorFrom || "blue"
-          }-500 to-${project?.cardData?.colorTo || "purple"}-500`}
-        >
-          {project?.cardData?.emoji || "🚀"}
-        </div>
-        <div className="flex flex-col p-0">
-          <p className="text-xs font-semibold line-clamp-1">
-            {project.cardData?.title}
-          </p>
-          <p className="text-[10px] text-muted-foreground line-clamp-1">
-            {project.name}
-          </p>
-        </div>
-      </div>
-    </a>
-  );
-}
diff --git a/components/projects/useManualUpdates.ts b/components/projects/useManualUpdates.ts
deleted file mode 100644
index 6d3cdeee36528c027635a85d1183f470c887aa7f..0000000000000000000000000000000000000000
--- a/components/projects/useManualUpdates.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { File } from "@/lib/type";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useMemo } from "react";
-
-export const useManualUpdates = () => {
-  const queryClient = useQueryClient();
-
-  const { data: manuallyUpdatedFiles } = useQuery<File[]>({
-    queryKey: ["manuallyUpdatedFiles"],
-    queryFn: () => {
-      return [];
-    },
-    refetchOnWindowFocus: false,
-    refetchOnMount: false,
-    refetchOnReconnect: false,
-    refetchInterval: false,
-    refetchIntervalInBackground: false,
-  });
-  const files = useMemo(() => {
-    return queryClient.getQueryData<File[]>(["files"]) ?? [];
-  }, [queryClient]);
-
-  const isManuallyUpdatedSameAsFiles = useMemo(() => {
-    return manuallyUpdatedFiles?.every((file) =>
-      files?.some((f) => f.path === file.path && f.content === file.content)
-    );
-  }, [manuallyUpdatedFiles, files]);
-
-  return { manuallyUpdatedFiles, isManuallyUpdatedSameAsFiles };
-};
diff --git a/components/projects/useProject.ts b/components/projects/useProject.ts
deleted file mode 100644
index 5a8b4f4bcd21d45bfc1eb1bc8ccf184404bbb066..0000000000000000000000000000000000000000
--- a/components/projects/useProject.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useEffect } from "react";
-
-import { getProject, ProjectWithCommits } from "@/actions/projects";
-import { File } from "@/lib/type";
-
-export const useProject = (
-  initialProject?: ProjectWithCommits | null,
-  initialFiles?: File[] | null,
-  isNew?: boolean
-) => {
-  const queryClient = useQueryClient();
-
-  useEffect(() => {
-    if (isNew) {
-      queryClient.setQueryData(["project"], null);
-      queryClient.setQueryData(["files"], []);
-    } else if (initialProject) {
-      queryClient.setQueryData(["project"], initialProject);
-      if (initialFiles) {
-        queryClient.setQueryData(["files"], initialFiles);
-      }
-    }
-  }, [initialProject, initialFiles, isNew, queryClient]);
-
-  const {
-    data: project,
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ["project"],
-    initialData: initialProject,
-    queryFn: async () => {
-      if (isNew) return null;
-      const datas = await getProject(initialProject?.name as string);
-      if (datas?.files) {
-        setFiles(datas.files);
-      }
-      return datas?.project ?? null;
-    },
-    refetchOnWindowFocus: false,
-    refetchOnMount: false,
-    refetchOnReconnect: false,
-    refetchInterval: false,
-    refetchIntervalInBackground: false,
-  });
-
-  const { data: files } = useQuery({
-    queryKey: ["files"],
-    initialData: initialFiles,
-    queryFn: () => {
-      return [];
-    },
-    refetchOnWindowFocus: false,
-    refetchOnMount: false,
-    refetchOnReconnect: false,
-    refetchInterval: false,
-    refetchIntervalInBackground: false,
-  });
-
-  const setFiles = (newFiles: File[]) => {
-    queryClient.setQueryData<File[]>(["files"], (oldFiles: File[] = []) => {
-      const currentFiles = oldFiles.filter(
-        (file) => !newFiles.some((f) => f.path === file.path)
-      );
-      return [...currentFiles, ...newFiles];
-    });
-  };
-
-  return {
-    project,
-    isLoading,
-    error,
-    files,
-  };
-};
diff --git a/components/projects/useProjects.ts b/components/projects/useProjects.ts
deleted file mode 100644
index 4b67775c489e76b3b8ffef0fa5929f06f42df896..0000000000000000000000000000000000000000
--- a/components/projects/useProjects.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { getProjects } from "@/actions/projects";
-import { useQuery } from "@tanstack/react-query";
-
-export const useProjects = () => {
-  const { data: projects, isLoading, error, refetch } = useQuery({
-    queryKey: ["projects"],
-    queryFn: () => getProjects(),
-  });
-  return { projects, isLoading, error, refetch };
-}
\ No newline at end of file
diff --git a/components/projects/user-projects.tsx b/components/projects/user-projects.tsx
deleted file mode 100644
index 1b447dd91a4cbccd6bc00aaa048919b7bf3b57e2..0000000000000000000000000000000000000000
--- a/components/projects/user-projects.tsx
+++ /dev/null
@@ -1,141 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useState } from "react";
-import { Plus, TrashIcon } from "lucide-react";
-import { useSession } from "next-auth/react";
-
-import { useProjects } from "./useProjects";
-import { Button } from "@/components/ui/button";
-import { BigProjectCard } from "./big-project-card";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { toast } from "sonner";
-
-export function UserProjects() {
-  const { data: session } = useSession();
-  const { projects, isLoading, error, refetch } = useProjects();
-  const [open, setOpen] = useState(false);
-  const [deleteProjectId, setDeleteProjectId] = useState<string | null>(null);
-  const [input, setInput] = useState<string>("");
-  if (isLoading || error || !session?.user?.name) return null;
-
-  const handleDeleteProject = async () => {
-    const response = await fetch(
-      `/api/projects/${deleteProjectId?.split("/")[1]}`,
-      {
-        method: "DELETE",
-        headers: {
-          "Content-Type": "application/json",
-        },
-      }
-    ).then(async (response) => {
-      if (response.ok) {
-        return response.json();
-      }
-    });
-    if (response?.success) {
-      toast.success("Project has been deleted");
-      refetch();
-      setOpen(false);
-      setDeleteProjectId(null);
-      setInput("");
-    } else {
-      toast.error("Failed to delete project");
-    }
-  };
-
-  return (
-    <section id="projects" className="max-w-7xl px-6 mx-auto mt-10">
-      <article className="border border-border bg-card rounded-xl p-5 lg:p-8">
-        <header className="flex max-sm:flex-col items-center justify-between gap-4 border-b border-border pb-5 border-dashed">
-          <div className="w-full -space-y-1">
-            <p className="text-lg font-bold">
-              <span className="capitalize">{session?.user?.name}</span>&apos;s
-              projects
-            </p>
-            <p className="text-sm text-muted-foreground">
-              Manage your projects and keep them organized.
-            </p>
-          </div>
-          <Link href="/new" className="max-sm:w-full!">
-            <Button variant="bordered" size="sm" className="max-sm:w-full!">
-              <Plus className="size-4" />
-              New project
-            </Button>
-          </Link>
-        </header>
-        <div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 mt-6">
-          {projects?.map((project) => (
-            <BigProjectCard
-              key={project.id}
-              project={project}
-              onOpenDeleteDialog={(id) => {
-                setOpen(true);
-                setDeleteProjectId(id);
-              }}
-            />
-          ))}
-          {projects?.length === 0 && (
-            <Link href="/new" className="group/big-card">
-              <div className="h-40 rounded-lg overflow-hidden transition-all border-2 border-background ring-[1px] ring-border relative bg-accent flex items-center justify-center hover:bg-accent/80">
-                <div className="flex items-center justify-center gap-2 text-sm font-medium text-muted-foreground">
-                  <Plus className="size-4" />
-                  New project
-                </div>
-              </div>
-            </Link>
-          )}
-        </div>
-      </article>
-      <Dialog open={open} onOpenChange={setOpen}>
-        <DialogContent className="sm:max-w-[425px] rounded-3xl!">
-          <DialogHeader>
-            <DialogTitle>Delete project</DialogTitle>
-            <DialogDescription>
-              This action is irreversible. Are you sure you want to delete this
-              project?
-            </DialogDescription>
-          </DialogHeader>
-          <div className="grid gap-4">
-            <div className="grid gap-3">
-              <p className="text-sm text-muted-foreground">
-                Type{" "}
-                <span className="font-bold text-primary">
-                  {deleteProjectId}
-                </span>{" "}
-                to confirm deletion
-              </p>
-              <Input
-                id="name-1"
-                placeholder="Enter the project name"
-                onChange={(e) => setInput(e.target.value)}
-              />
-            </div>
-          </div>
-          <DialogFooter>
-            <DialogClose asChild>
-              <Button variant="outline">Cancel</Button>
-            </DialogClose>
-            <Button
-              variant="destructive"
-              disabled={input !== deleteProjectId}
-              onClick={() => handleDeleteProject()}
-            >
-              <TrashIcon className="size-4" />
-              Delete project
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
-    </section>
-  );
-}
diff --git a/components/providers/session.tsx b/components/providers/session.tsx
deleted file mode 100644
index dcc0b7efdac893d0c929fb85b0dd0941ca79fde4..0000000000000000000000000000000000000000
--- a/components/providers/session.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-"use client";
-
-import { SessionProvider } from "next-auth/react";
-
-export function AuthProvider({ children }: { children: React.ReactNode }) {
-  return (
-    <SessionProvider>{children}</SessionProvider>
-  );
-}
diff --git a/components/providers/theme.tsx b/components/providers/theme.tsx
deleted file mode 100644
index 189a2b1a12231255b53038166eb92d2d03bd0e9d..0000000000000000000000000000000000000000
--- a/components/providers/theme.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ThemeProvider as NextThemesProvider } from "next-themes";
-
-export function ThemeProvider({
-  children,
-  ...props
-}: React.ComponentProps<typeof NextThemesProvider>) {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
-}
diff --git a/components/public/animated-dots-background.tsx b/components/public/animated-dots-background.tsx
deleted file mode 100644
index ed91f8c570942139278117fe7bb82a087b26b1e2..0000000000000000000000000000000000000000
--- a/components/public/animated-dots-background.tsx
+++ /dev/null
@@ -1,180 +0,0 @@
-"use client";
-
-import { useEffect, useRef } from "react";
-
-export function AnimatedDotsBackground() {
-  const canvasRef = useRef<HTMLCanvasElement>(null);
-  const dotsRef = useRef<
-    Array<{ x: number; y: number; targetColor: number; currentColor: number }>
-  >([]);
-  const mouseRef = useRef({ x: -1000, y: -1000 });
-  const animationFrameRef = useRef<number | null>(null);
-
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return undefined;
-
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-
-    // Helper function to convert OKLCH to RGB
-    const oklchToRgb = (
-      oklchString: string
-    ): { r: number; g: number; b: number } => {
-      const temp = document.createElement("div");
-      temp.style.color = oklchString;
-      document.body.appendChild(temp);
-      const computed = window.getComputedStyle(temp).color;
-      document.body.removeChild(temp);
-
-      // Parse RGB values from the computed color string
-      const match = computed.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-      if (match) {
-        return {
-          r: parseInt(match[1]),
-          g: parseInt(match[2]),
-          b: parseInt(match[3]),
-        };
-      }
-      return { r: 200, g: 200, b: 200 }; // Fallback
-    };
-
-    // Get theme colors from CSS variables
-    const getThemeColors = () => {
-      const style = getComputedStyle(document.documentElement);
-      const mutedFg = style.getPropertyValue("--muted-foreground").trim();
-      const primary = style.getPropertyValue("--primary").trim();
-
-      return {
-        base: oklchToRgb(`oklch(${mutedFg})`),
-        accent: oklchToRgb(`oklch(${primary})`),
-      };
-    };
-
-    const colors = getThemeColors();
-
-    // Set canvas size
-    const updateCanvasSize = () => {
-      const rect = canvas.getBoundingClientRect();
-      canvas.width = rect.width * window.devicePixelRatio;
-      canvas.height = rect.height * window.devicePixelRatio;
-      ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
-
-      // Reinitialize dots when canvas size changes
-      initializeDots();
-    };
-
-    const initializeDots = () => {
-      const rect = canvas.getBoundingClientRect();
-      const spacing = 30; // Space between dots
-      const cols = Math.ceil(rect.width / spacing);
-      const rows = Math.ceil(rect.height / spacing);
-
-      dotsRef.current = [];
-      for (let i = 0; i < cols; i++) {
-        for (let j = 0; j < rows; j++) {
-          dotsRef.current.push({
-            x: i * spacing + spacing / 2,
-            y: j * spacing + spacing / 2,
-            targetColor: 0, // 0 = gray, 1 = orange
-            currentColor: 0,
-          });
-        }
-      }
-    };
-
-    updateCanvasSize();
-
-    // Handle mouse move
-    const handleMouseMove = (e: MouseEvent) => {
-      const rect = canvas.getBoundingClientRect();
-      mouseRef.current = {
-        x: e.clientX - rect.left,
-        y: e.clientY - rect.top,
-      };
-    };
-
-    // Handle mouse leave
-    const handleMouseLeave = () => {
-      mouseRef.current = { x: -1000, y: -1000 };
-    };
-
-    canvas.addEventListener("mousemove", handleMouseMove);
-    canvas.addEventListener("mouseleave", handleMouseLeave);
-    window.addEventListener("resize", updateCanvasSize);
-
-    // Animation loop
-    const animate = () => {
-      const rect = canvas.getBoundingClientRect();
-      ctx.clearRect(0, 0, rect.width, rect.height);
-
-      const hoverRadius = 80; // Distance for hover effect
-      const { x: mouseX, y: mouseY } = mouseRef.current;
-
-      dotsRef.current.forEach((dot) => {
-        // Calculate distance to mouse
-        const dx = dot.x - mouseX;
-        const dy = dot.y - mouseY;
-        const distance = Math.sqrt(dx * dx + dy * dy);
-
-        // Update target color based on proximity to mouse
-        if (distance < hoverRadius) {
-          const intensity = 1 - distance / hoverRadius;
-          dot.targetColor = intensity;
-        } else {
-          dot.targetColor = 0;
-        }
-
-        // Smooth transition with ease (lerp with easing factor)
-        const easeSpeed = 0.1;
-        dot.currentColor += (dot.targetColor - dot.currentColor) * easeSpeed;
-
-        // Interpolate between base and accent colors from theme
-        const r = Math.round(
-          colors.base.r + (colors.accent.r - colors.base.r) * dot.currentColor
-        );
-        const g = Math.round(
-          colors.base.g + (colors.accent.g - colors.base.g) * dot.currentColor
-        );
-        const b = Math.round(
-          colors.base.b + (colors.accent.b - colors.base.b) * dot.currentColor
-        );
-
-        ctx.fillStyle = `rgb(${r}, ${g}, ${b})`;
-
-        // Draw dot with size based on hover intensity
-        const baseSize = 2;
-        const hoverSize = 4;
-        const size = baseSize + (hoverSize - baseSize) * dot.currentColor;
-
-        ctx.beginPath();
-        ctx.arc(dot.x, dot.y, size, 0, Math.PI * 2);
-        ctx.fill();
-      });
-
-      animationFrameRef.current = requestAnimationFrame(animate);
-    };
-
-    animate();
-
-    return () => {
-      canvas.removeEventListener("mousemove", handleMouseMove);
-      canvas.removeEventListener("mouseleave", handleMouseLeave);
-      window.removeEventListener("resize", updateCanvasSize);
-      if (animationFrameRef.current) {
-        cancelAnimationFrame(animationFrameRef.current);
-      }
-    };
-  }, []);
-
-  return (
-    <div className="absolute inset-0 w-full h-full z-1">
-      <canvas
-        ref={canvasRef}
-        className="absolute inset-0 w-full h-full -z-1"
-        style={{ opacity: 0.6 }}
-      />
-      <div className="absolute inset-0 w-full h-full pointer-events-none bg-radial from-transparent dark:from-background/80 to-background z-1" />
-    </div>
-  );
-}
diff --git a/components/public/bento.tsx b/components/public/bento.tsx
deleted file mode 100644
index 21aea3c59623c0d0a26dc96b6ebf4870a61795b3..0000000000000000000000000000000000000000
--- a/components/public/bento.tsx
+++ /dev/null
@@ -1,164 +0,0 @@
-"use client";
-
-export const Bento = () => {
-  return (
-    <section id="features" className="min-h-screen py-20 px-6 relative">
-      {/* Header with fade-in animation */}
-      <header className="text-center mb-16 animate-in fade-in duration-700">
-        <div className="w-fit mb-2 text-[11px] mx-auto uppercase text-muted-foreground/70 font-semibold tracking-widest animate-in fade-in slide-in-from-top-2 duration-500">
-          Powerful Features 🚀
-        </div>
-        <h2 className="mb-3 text-balance text-3xl font-bold tracking-tight lg:text-5xl animate-in fade-in slide-in-from-top-3 duration-700 delay-100">
-          Everything you need
-        </h2>
-        <p className="text-muted-foreground mx-auto max-w-2xl md:text-lg lg:text-xl text-balance animate-in fade-in slide-in-from-top-4 duration-700 delay-200">
-          Build, deploy, and scale your websites with cutting-edge features
-        </p>
-      </header>
-
-      {/* Grid with staggered card animations */}
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-7xl mx-auto">
-        {/* Multi Pages - Large Card */}
-        <div className="max-md:col-span-1 max-lg:col-span-2 lg:row-span-2 relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-100">
-          <div className="relative z-10">
-            <div className="text-3xl lg:text-4xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:rotate-3">
-              📄
-            </div>
-            <h3 className="text-2xl lg:text-3xl font-bold text-primary mb-3 transition-colors duration-300">
-              Multi Pages
-            </h3>
-            <p className="text-muted-foreground lg:text-lg mb-6 transition-colors duration-300 group-hover:text-foreground/90">
-              Create complex websites with multiple interconnected pages. Build
-              everything from simple landing pages to full-featured web
-              applications with dynamic routing and navigation.
-            </p>
-            <div className="flex flex-wrap gap-2">
-              <span className="px-3 py-1.5 bg-purple-500/30 text-purple-200 border border-purple-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-purple-500/40 hover:border-purple-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
-                Dynamic Routing
-              </span>
-              <span className="px-3 py-1.5 bg-blue-500/30 text-blue-200 border border-blue-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-blue-500/40 hover:border-blue-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
-                Navigation
-              </span>
-              <span className="px-3 py-1.5 bg-green-500/30 text-green-200 border border-green-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-green-500/40 hover:border-green-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
-                SEO Ready
-              </span>
-            </div>
-          </div>
-          <div className="absolute -top-20 -right-20 w-40 h-40 bg-linear-to-r from-purple-500 to-pink-500 opacity-10 blur-3xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
-        </div>
-
-        {/* Auto Deploy */}
-        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-200">
-          <div className="relative z-10">
-            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:rotate-12">
-              ⚡
-            </div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
-              Auto Deploy
-            </h3>
-            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
-              Push your changes and watch them go live instantly. No complex
-              CI/CD setup required.
-            </p>
-          </div>
-          <div className="absolute -bottom-10 -right-10 w-32 h-32 bg-linear-to-r from-yellow-500 to-orange-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
-        </div>
-
-        {/* Free Hosting */}
-        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-300">
-          <div className="relative z-10">
-            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:rotate-12">
-              🌐
-            </div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
-              Free Hosting
-            </h3>
-            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
-              Host your websites for free with global CDN and lightning-fast
-              performance.
-            </p>
-          </div>
-          <div className="absolute -top-10 -left-10 w-32 h-32 bg-linear-to-r from-green-500 to-emerald-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
-        </div>
-
-        {/* Open Source Models */}
-        <div className="lg:col-span-2 relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-400">
-          <div className="relative z-10">
-            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12">
-              🔓
-            </div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
-              Open Source Models
-            </h3>
-            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
-              Powered by cutting-edge open source AI models. Transparent,
-              customizable, and community-driven development.
-            </p>
-            <div className="flex flex-wrap gap-2">
-              <span className="px-3 py-1.5 bg-cyan-500/30 text-cyan-200 border border-cyan-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-cyan-500/40 hover:border-cyan-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
-                DeepSeek
-              </span>
-              <span className="px-3 py-1.5 bg-indigo-500/30 text-indigo-200 border border-indigo-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-indigo-500/40 hover:border-indigo-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
-                MiniMax
-              </span>
-              <span className="px-3 py-1.5 bg-pink-500/30 text-pink-200 border border-pink-400/40 rounded-md text-xs font-medium shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)] transition-all duration-200 hover:bg-pink-500/40 hover:border-pink-400/60 hover:shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15),0_2px_4px_rgba(0,0,0,0.2)] hover:-translate-y-0.5 active:translate-y-0 active:shadow-[inset_0_2px_4px_rgba(0,0,0,0.2)]">
-                Kimi
-              </span>
-            </div>
-          </div>
-          <div className="absolute -bottom-10 right-10 w-32 h-32 bg-linear-to-r from-cyan-500 to-indigo-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
-        </div>
-
-        {/* Perfect UX */}
-        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-500">
-          <div className="relative z-10">
-            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:rotate-12">
-              ✨
-            </div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
-              Perfect UX
-            </h3>
-            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
-              Intuitive interface designed for developers and non-developers
-              alike.
-            </p>
-          </div>
-          <div className="absolute -top-10 -right-10 w-32 h-32 bg-linear-to-r from-rose-500 to-pink-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
-        </div>
-
-        {/* Hugging Face */}
-        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-[600ms]">
-          <div className="relative z-10">
-            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:rotate-12">
-              🤗
-            </div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
-              Hugging Face
-            </h3>
-            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
-              Seamless integration with Hugging Face models and datasets for
-              cutting-edge AI capabilities.
-            </p>
-          </div>
-          <div className="absolute -top-10 -right-10 w-32 h-32 bg-linear-to-r from-yellow-500 to-amber-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
-        </div>
-
-        {/* Blazing Fast */}
-        <div className="relative p-8 rounded-2xl border border-border/80 shadow-2xs bg-linear-to-b from-background to-background/50 bg-card overflow-hidden group hover:border-primary/30 hover:shadow-lg hover:-translate-y-1 transition-all duration-500 animate-in fade-in slide-in-from-bottom-4 delay-700">
-          <div className="relative z-10">
-            <div className="text-3xl mb-4 inline-block transition-transform duration-300 group-hover:scale-110 group-hover:-rotate-12">
-              🚀
-            </div>
-            <h3 className="text-xl lg:text-2xl font-bold text-primary mb-3 transition-colors duration-300">
-              Blazing Fast
-            </h3>
-            <p className="text-muted-foreground mb-4 transition-colors duration-300 group-hover:text-foreground/90">
-              Optimized performance with edge computing and smart caching.
-            </p>
-          </div>
-          <div className="absolute -bottom-10 -right-10 w-32 h-32 bg-linear-to-r from-blue-500 to-cyan-500 opacity-10 blur-2xl rounded-full transition-all duration-700 ease-out group-hover:scale-150 group-hover:opacity-20" />
-        </div>
-      </div>
-    </section>
-  );
-};
diff --git a/components/public/hero-header.tsx b/components/public/hero-header.tsx
deleted file mode 100644
index f50710eefe0f5a9c2ab3c1a2d0dee2364f545105..0000000000000000000000000000000000000000
--- a/components/public/hero-header.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-"use client";
-import { motion } from "framer-motion";
-
-const TITLE = [
-  "Create",
-  "stunning",
-  "websites",
-  "with",
-  "next-gen",
-  "AI",
-  "tools",
-];
-
-export function HeroHeader() {
-  return (
-    <header className="mx-auto flex max-w-5xl flex-col items-center gap-3 text-center px-6 py-12 z-1">
-      <div
-        data-slot="badge"
-        className="rounded-full border border-indigo-500/10 px-2 pl-2.5 py-0.5 text-xs font-medium w-fit bg-linear-to-br from-indigo-500/10 to-purple-300/20 text-indigo-500"
-      >
-        DeepSite: v4 is here 🎉
-      </div>
-      <h1 className="mb-3 text-balance text-4xl font-bold tracking-tight lg:text-7xl">
-        {TITLE.map((word, index) => (
-          <motion.span
-            key={index}
-            className="inline-block"
-            initial={{ opacity: 0, y: 10 }}
-            animate={{ opacity: 1, y: 0 }}
-            transition={{ duration: 0.5, delay: (index + 1) * 0.17 }}
-          >
-            {word}&nbsp;
-          </motion.span>
-        ))}
-      </h1>
-      <p className="text-muted-foreground mx-auto max-w-2xl md:text-lg lg:text-xl text-balance">
-        Build, design, and deploy stunning websites in minutes with AI-powered
-        development.
-      </p>
-    </header>
-  );
-}
diff --git a/components/public/navigation.tsx b/components/public/navigation.tsx
deleted file mode 100644
index c803023a33a841d2057f0130c40204c04c5c5847..0000000000000000000000000000000000000000
--- a/components/public/navigation.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import Image from "next/image";
-import { UserMenu } from "@/components/user-menu";
-
-export function Navigation() {
-  return (
-    <nav className="max-w-7xl mx-auto px-6 py-5 grid grid-cols-2">
-      <div className="flex items-center justify-start gap-4">
-        <Link href="/" className="flex items-center gap-2">
-          <Image
-            src="/logo.svg"
-            alt="DeepSite"
-            width={100}
-            height={100}
-            className="size-8 grayscale invert-100 brightness-0"
-          />
-          <p className="text-lg font-bold text-primary">DeepSite</p>
-        </Link>
-      </div>
-      <div className="flex items-center justify-end gap-4">
-        <UserMenu />
-      </div>
-    </nav>
-  );
-}
diff --git a/components/public/navigation/index.tsx b/components/public/navigation/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d4f0598ccb8684330b7faa056eea61d4b05a98c6
--- /dev/null
+++ b/components/public/navigation/index.tsx
@@ -0,0 +1,181 @@
+"use client";
+
+import { useRef, useState } from "react";
+import Image from "next/image";
+import Link from "next/link";
+import { useMount, useUnmount } from "react-use";
+import classNames from "classnames";
+import { ArrowRight } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import Logo from "@/assets/logo.svg";
+import { useUser } from "@/hooks/useUser";
+import { UserMenu } from "@/components/user-menu";
+import { ProTag } from "@/components/pro-modal";
+import { DiscordIcon } from "@/components/icons/discord";
+
+const navigationLinks = [
+  {
+    name: "Create Website",
+    href: "/new",
+  },
+  {
+    name: "Features",
+    href: "#features",
+  },
+  {
+    name: "Community",
+    href: "#community",
+  },
+  {
+    name: "Deploy",
+    href: "#deploy",
+  },
+];
+
+export default function Navigation() {
+  const { openLoginWindow, user, loading } = useUser();
+  const [hash, setHash] = useState("");
+
+  const selectorRef = useRef<HTMLDivElement>(null);
+  const linksRef = useRef<HTMLLIElement[]>(
+    new Array(navigationLinks.length).fill(null)
+  );
+  const [isScrolled, setIsScrolled] = useState(false);
+
+  useMount(() => {
+    const handleScroll = () => {
+      const scrollTop = window.scrollY;
+      setIsScrolled(scrollTop > 100);
+    };
+
+    const initialHash = window.location.hash;
+    if (initialHash) {
+      setHash(initialHash);
+      calculateSelectorPosition(initialHash);
+    }
+
+    window.addEventListener("scroll", handleScroll);
+  });
+
+  useUnmount(() => {
+    window.removeEventListener("scroll", () => {});
+  });
+
+  const handleClick = (href: string) => {
+    setHash(href);
+    calculateSelectorPosition(href);
+  };
+
+  const calculateSelectorPosition = (href: string) => {
+    if (selectorRef.current && linksRef.current) {
+      const index = navigationLinks.findIndex((l) => l.href === href);
+      const targetLink = linksRef.current[index];
+      if (targetLink) {
+        const targetRect = targetLink.getBoundingClientRect();
+        selectorRef.current.style.left = targetRect.left + "px";
+        selectorRef.current.style.width = targetRect.width + "px";
+      }
+    }
+  };
+
+  return (
+    <div
+      className={classNames(
+        "sticky top-0 z-10 transition-all duration-200 backdrop-blur-md",
+        {
+          "bg-black/30": isScrolled,
+        }
+      )}
+    >
+      <nav className="grid grid-cols-2 p-4 container mx-auto h-[80px]">
+        <Link href="/" className="flex items-center gap-1">
+          <Image
+            src={Logo}
+            className="w-9 mr-1"
+            alt="DeepSite Logo"
+            width={64}
+            height={64}
+          />
+          <p className="font-sans text-white text-xl font-bold max-lg:hidden">
+            DeepSite
+          </p>
+          {user?.isPro && <ProTag className="ml-1" />}
+        </Link>
+        <ul className="items-center justify-center gap-6 !hidden">
+          {navigationLinks.map((link) => (
+            <li
+              key={link.name}
+              ref={(el) => {
+                const index = navigationLinks.findIndex(
+                  (l) => l.href === link.href
+                );
+                if (el && linksRef.current[index] !== el) {
+                  linksRef.current[index] = el;
+                }
+              }}
+              className="inline-block font-sans text-sm"
+            >
+              <Link
+                href={link.href}
+                className={classNames(
+                  "text-neutral-500 hover:text-primary transition-colors text-base",
+                  {
+                    "text-primary": hash === link.href,
+                  }
+                )}
+                onClick={() => {
+                  handleClick(link.href);
+                }}
+              >
+                {link.name}
+              </Link>
+            </li>
+          ))}
+          <div
+            ref={selectorRef}
+            className={classNames(
+              "h-1 absolute bottom-4 transition-all duration-200 flex items-center justify-center",
+              {
+                "opacity-0": !hash,
+              }
+            )}
+          >
+            <div className="size-1 bg-white rounded-full" />
+          </div>
+        </ul>
+        <div className="flex items-center justify-end gap-3">
+          <Link href="https://discord.gg/KpanwM3vXa" target="_blank">
+            <Button
+              variant="bordered"
+              className="!border-indigo-500 !text-white !bg-indigo-500 transition-all duration-300"
+            >
+              <DiscordIcon className="size-4 mr-0.5" />
+              <span className="max-lg:hidden">Discord Community</span>
+              <span className="lg:hidden">Discord</span>
+            </Button>
+          </Link>
+          {loading ? (
+            <Button
+              variant="ghostDarker"
+              className="!pl-3 !pr-4 !py-2 !h-auto !rounded-lg animate-pulse"
+              onClick={openLoginWindow}
+            >
+              <div className="size-8 mr-1 bg-neutral-800 rounded-full" />
+              <div className="w-24 h-3 bg-neutral-800 rounded-full" />
+            </Button>
+          ) : user ? (
+            <UserMenu className="!pl-3 !pr-4 !py-2 !h-auto !rounded-lg" />
+          ) : (
+            <>
+              <Button className="!px-6 !py-3 !h-auto" onClick={openLoginWindow}>
+                Start Vibe Coding
+                <ArrowRight className="size-4" />
+              </Button>
+            </>
+          )}
+        </div>
+      </nav>
+    </div>
+  );
+}
diff --git a/components/tour/card.tsx b/components/tour/card.tsx
deleted file mode 100644
index 23f96a04bc6962b3d07b497ea7aa42d8392138be..0000000000000000000000000000000000000000
--- a/components/tour/card.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-"use client";
-
-import React from "react";
-import { Step } from "nextstepjs";
-import { Button } from "@/components/ui/button";
-import { X } from "lucide-react";
-
-interface CustomCardProps {
-  step: Step;
-  currentStep: number;
-  totalSteps: number;
-  nextStep: () => void;
-  prevStep: () => void;
-  skipTour?: () => void;
-  arrow: React.ReactNode;
-}
-
-export const TourCustomCard = ({
-  step,
-  currentStep,
-  totalSteps,
-  nextStep,
-  prevStep,
-  skipTour,
-  arrow,
-}: CustomCardProps) => {
-  return (
-    <div className="rounded-2xl p-0 bg-accent border-border-muted min-w-xs max-w-xs text-center overflow-hidden">
-      <header className="bg-linear-to-b from-indigo-500/25 dark:from-indigo-500/40 to-accent px-6 pb-6 pt-3">
-        <div className="w-full flex items-center justify-between mb-2">
-          <p className="text-xs font-mono bg-primary/10 border border-primary/10 px-2.5 py-1 rounded-full text-primary translate-y-1">
-            {currentStep + 1}/{totalSteps}
-          </p>
-          <button
-            onClick={skipTour}
-            className="text-sm text-white cursor-pointer"
-          >
-            <X className="size-4" />
-          </button>
-        </div>
-        <div className="flex items-center justify-center -space-x-4 mb-3">
-          <div className="size-9 rounded-full bg-pink-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-            🔥
-          </div>
-          <div className="size-11 rounded-full bg-amber-200 shadow-2xl flex items-center justify-center text-2xl z-2">
-            {step.icon}
-          </div>
-          <div className="size-9 rounded-full bg-sky-200 shadow-2xs flex items-center justify-center text-xl opacity-50">
-            💎
-          </div>
-        </div>
-        <p className="text-xl font-semibold text-black dark:text-white">
-          {step.title}
-        </p>
-        {typeof step.content === "string" ? (
-          <p className="text-base opacity-70 mt-1.5">{step.content}</p>
-        ) : (
-          step.content
-        )}
-      </header>
-      <footer className="px-6 pb-6 flex items-center justify-between gap-6">
-        {currentStep > 0 && (
-          <Button
-            variant="ghost"
-            size="sm"
-            className="flex-1 bg-primary/5! hover:bg-primary/10!"
-            onClick={prevStep}
-          >
-            Previous
-          </Button>
-        )}
-        <Button
-          size="sm"
-          variant="default"
-          className="flex-1"
-          onClick={nextStep}
-        >
-          {currentStep === totalSteps - 1 ? "Finish" : "Next"}
-        </Button>
-      </footer>
-      <div
-        className="
-          [&_path#triangle]:fill-accent"
-      >
-        {arrow}
-      </div>
-    </div>
-  );
-};
diff --git a/components/ui/button-group.tsx b/components/ui/button-group.tsx
deleted file mode 100644
index 8600af03eabb4dbef01dbf618fda5dfe96464b82..0000000000000000000000000000000000000000
--- a/components/ui/button-group.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-import { Separator } from "@/components/ui/separator"
-
-const buttonGroupVariants = cva(
-  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
-  {
-    variants: {
-      orientation: {
-        horizontal:
-          "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-        vertical:
-          "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
-      },
-    },
-    defaultVariants: {
-      orientation: "horizontal",
-    },
-  }
-)
-
-function ButtonGroup({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) {
-  return (
-    <div
-      role="group"
-      data-slot="button-group"
-      data-orientation={orientation}
-      className={cn(buttonGroupVariants({ orientation }), className)}
-      {...props}
-    />
-  )
-}
-
-function ButtonGroupText({
-  className,
-  asChild = false,
-  ...props
-}: React.ComponentProps<"div"> & {
-  asChild?: boolean
-}) {
-  const Comp = asChild ? Slot : "div"
-
-  return (
-    <Comp
-      className={cn(
-        "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function ButtonGroupSeparator({
-  className,
-  orientation = "vertical",
-  ...props
-}: React.ComponentProps<typeof Separator>) {
-  return (
-    <Separator
-      data-slot="button-group-separator"
-      orientation={orientation}
-      className={cn(
-        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  ButtonGroup,
-  ButtonGroupSeparator,
-  ButtonGroupText,
-  buttonGroupVariants,
-}
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index 863ba4b543815af610f1a7f8d43b1107edf5942d..a13ae96063c5e4b0eadcc5db34fb96ae37f3001a 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -5,42 +5,41 @@ 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 cursor-pointer rounded-lg text-sm font-medium transition-all 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:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-full text-sm font-sans font-medium transition-all 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:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {
         default:
-          "bg-primary text-primary-foreground hover:bg-primary/90 border border-primary hover:border-primary/90",
+          "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90 border border-primary",
         destructive:
-          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+          "bg-red-500 text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 [&_svg]:!text-white",
         outline:
           "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        bordered:
+          "border border-neutral-700/70 text-neutral-200 hover:brightness-120 !rounded-md bg-neutral-900",
         secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+          "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
         ghost:
           "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        transparent: "bg-accent-foreground/5 hover:bg-accent-foreground/10",
+        lightGray: "bg-neutral-200/60 hover:bg-neutral-200",
+        gray: "bg-neutral-800 !rounded-md text-neutral-300 border border-neutral-700/40 hover:brightness-120",
         link: "text-primary underline-offset-4 hover:underline",
-        bordered:
-          "border bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        indigo:
-          "border border-indigo-500 bg-indigo-500 text-white hover:bg-indigo-600 dark:border-indigo-500/30 dark:bg-indigo-500/20 dark:text-indigo-400 dark:hover:bg-indigo-500/30",
-        gradient:
-          "bg-linear-to-r from-rose-500/80 via-fushia-500/80 to-yellow-500/80 text-white hover:brightness-110 font-semibold!",
-        "ghost-bordered":
-          "border bg-primary-foreground hover:bg-background hover:text-accent-foreground dark:hover:bg-accent/50",
-        pro: "bg-linear-to-br from-pink-500 dark:from-pink-500/50 via-green-500 dark:via-green-500/50 to-amber-500 dark:to-amber-500/50 text-white hover:brightness-120 font-semibold! [&_img]:grayscale [&_img]:brightness-1 [&_img]:invert dark:[&_img]:invert-0 dark:[&_img]:grayscale-0 dark:[&_img]:brightness-100",
+        ghostDarker:
+          "text-white shadow-xs focus-visible:ring-black/40 bg-black/40 hover:bg-black/70",
+        black: "bg-neutral-950 text-neutral-300 hover:brightness-110",
+        sky: "bg-sky-500 text-white hover:brightness-110",
       },
       size: {
         default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        xs: "h-7 rounded-md gap-1.5 px-2 has-[>svg]:px-1.5 text-xs",
-        xxs: "h-6 rounded-md gap-1.5 px-2 has-[>svg]:px-1.5 text-[10px]",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        sm: "h-8 rounded-full text-[13px] gap-1.5 px-3",
+        lg: "h-10 rounded-full px-6 has-[>svg]:px-4",
+        xl: "h-12 rounded-full px-8 has-[>svg]:px-5",
         icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10",
-        "icon-xs": "size-7 rounded-md!",
+        iconXs: "size-7",
+        iconXss: "size-6",
+        iconXsss: "size-5",
+        xs: "h-6 text-xs rounded-full pl-2 pr-2 gap-1",
+        xss: "h-5 text-[10px] rounded-full pl-1.5 pr-1.5 gap-1",
       },
     },
     defaultVariants: {
diff --git a/components/ui/card.tsx b/components/ui/card.tsx
deleted file mode 100644
index 681ad980f27a34dd3d4ba08c7614ce1f7c006143..0000000000000000000000000000000000000000
--- a/components/ui/card.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-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-xl border py-6 shadow-sm",
-        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/components/ui/checkbox.tsx b/components/ui/checkbox.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bd4167ec38b98869c4ad17d22cd6514ea4d85e3c
--- /dev/null
+++ b/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-3.5 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="flex items-center justify-center text-current transition-none"
+      >
+        <CheckIcon className="size-3" />
+      </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+  );
+}
+
+export { Checkbox };
diff --git a/components/ui/collapsible.tsx b/components/ui/collapsible.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ae9fad04a3716b5d6f6c957b75841737eb8ed7a8
--- /dev/null
+++ b/components/ui/collapsible.tsx
@@ -0,0 +1,33 @@
+"use client"
+
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+
+function Collapsible({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
+  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />
+}
+
+function CollapsibleTrigger({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleTrigger
+      data-slot="collapsible-trigger"
+      {...props}
+    />
+  )
+}
+
+function CollapsibleContent({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleContent
+      data-slot="collapsible-content"
+      {...props}
+    />
+  )
+}
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/components/ui/dialog.tsx b/components/ui/dialog.tsx
index d9ccec91d22fab844bd04340c2b07e8677955350..a6f410cbff8a4524949b2cec5f3b05bcb459b6b7 100644
--- a/components/ui/dialog.tsx
+++ b/components/ui/dialog.tsx
@@ -1,33 +1,33 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as DialogPrimitive from "@radix-ui/react-dialog"
-import { XIcon } from "lucide-react"
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Dialog({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Root>) {
-  return <DialogPrimitive.Root data-slot="dialog" {...props} />
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />;
 }
 
 function DialogTrigger({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
-  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
 }
 
 function DialogPortal({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
-  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
 }
 
 function DialogClose({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Close>) {
-  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
 }
 
 function DialogOverlay({
@@ -43,7 +43,7 @@ function DialogOverlay({
       )}
       {...props}
     />
-  )
+  );
 }
 
 function DialogContent({
@@ -52,7 +52,7 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Content> & {
-  showCloseButton?: boolean
+  showCloseButton?: boolean;
 }) {
   return (
     <DialogPortal data-slot="dialog-portal">
@@ -69,7 +69,7 @@ function DialogContent({
         {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"
+            className="cursor-pointer 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>
@@ -77,7 +77,7 @@ function DialogContent({
         )}
       </DialogPrimitive.Content>
     </DialogPortal>
-  )
+  );
 }
 
 function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
@@ -87,7 +87,7 @@ function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
       className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
       {...props}
     />
-  )
+  );
 }
 
 function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
@@ -100,7 +100,7 @@ function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
       )}
       {...props}
     />
-  )
+  );
 }
 
 function DialogTitle({
@@ -113,7 +113,7 @@ function DialogTitle({
       className={cn("text-lg leading-none font-semibold", className)}
       {...props}
     />
-  )
+  );
 }
 
 function DialogDescription({
@@ -126,7 +126,7 @@ function DialogDescription({
       className={cn("text-muted-foreground text-sm", className)}
       {...props}
     />
-  )
+  );
 }
 
 export {
@@ -140,4 +140,4 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
-}
+};
diff --git a/components/ui/dropdown-menu.tsx b/components/ui/dropdown-menu.tsx
index 171d5da6c40e6cf5b85625df5905f09a42d64bdb..6bbd969389aa30c911b6388de5f22191eca62a32 100644
--- a/components/ui/dropdown-menu.tsx
+++ b/components/ui/dropdown-menu.tsx
@@ -74,7 +74,7 @@ function DropdownMenuItem({
       data-inset={inset}
       data-variant={variant}
       className={cn(
-        "focus:bg-accent cursor-pointer! 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 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",
+        "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-pointer 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}
@@ -211,7 +211,7 @@ function DropdownMenuSubTrigger({
       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",
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
         className
       )}
       {...props}
diff --git a/components/ui/input.tsx b/components/ui/input.tsx
index 868dec6cb3f78d22f4b2cb108c3c5c250de413a8..03295ca6ac617de95b78b09e5e3a6de897a204f0 100644
--- a/components/ui/input.tsx
+++ b/components/ui/input.tsx
@@ -1,6 +1,6 @@
-import * as React from "react";
+import * as React from "react"
 
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (
@@ -8,14 +8,14 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
       type={type}
       data-slot="input"
       className={cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] 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",
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] 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-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
         className
       )}
       {...props}
     />
-  );
+  )
 }
 
-export { Input };
+export { Input }
diff --git a/components/ui/popover.tsx b/components/ui/popover.tsx
index 01e468b6783992d04775aa52376221b8fa4b0f95..27576b28e331f9c4f42f91569c963bd99d97c598 100644
--- a/components/ui/popover.tsx
+++ b/components/ui/popover.tsx
@@ -1,20 +1,20 @@
-"use client"
+"use client";
 
-import * as React from "react"
-import * as PopoverPrimitive from "@radix-ui/react-popover"
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 function Popover({
   ...props
 }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
-  return <PopoverPrimitive.Root data-slot="popover" {...props} />
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />;
 }
 
 function PopoverTrigger({
   ...props
 }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
-  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />;
 }
 
 function PopoverContent({
@@ -36,13 +36,13 @@ function PopoverContent({
         {...props}
       />
     </PopoverPrimitive.Portal>
-  )
+  );
 }
 
 function PopoverAnchor({
   ...props
 }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
-  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />;
 }
 
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
diff --git a/components/ui/select.tsx b/components/ui/select.tsx
index 88302a8d50922c94626dfe7c7113d3c58af87ae3..dcbbc0ca0c781dfa6d2fe4ee6f1c9c2cad905a9b 100644
--- a/components/ui/select.tsx
+++ b/components/ui/select.tsx
@@ -53,8 +53,7 @@ function SelectTrigger({
 function SelectContent({
   className,
   children,
-  position = "item-aligned",
-  align = "center",
+  position = "popper",
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Content>) {
   return (
@@ -68,7 +67,6 @@ function SelectContent({
           className
         )}
         position={position}
-        align={align}
         {...props}
       >
         <SelectScrollUpButton />
@@ -114,10 +112,7 @@ function SelectItem({
       )}
       {...props}
     >
-      <span
-        data-slot="select-item-indicator"
-        className="absolute right-2 flex size-3.5 items-center justify-center"
-      >
+      <span className="absolute right-2 flex size-3.5 items-center justify-center">
         <SelectPrimitive.ItemIndicator>
           <CheckIcon className="size-4" />
         </SelectPrimitive.ItemIndicator>
diff --git a/components/ui/separator.tsx b/components/ui/separator.tsx
deleted file mode 100644
index 275381cab0adbc778ea634e7c46fbf80db821bf3..0000000000000000000000000000000000000000
--- a/components/ui/separator.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"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/components/ui/sheet.tsx b/components/ui/sheet.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e8f898a0f1935fcfad88d0c62129781e9931eaab
--- /dev/null
+++ b/components/ui/sheet.tsx
@@ -0,0 +1,140 @@
+"use client";
+
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva, type VariantProps } from "class-variance-authority";
+import { X } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+const Sheet = SheetPrimitive.Root;
+
+const SheetTrigger = SheetPrimitive.Trigger;
+
+const SheetClose = SheetPrimitive.Close;
+
+const SheetPortal = SheetPrimitive.Portal;
+
+const SheetOverlay = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.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}
+  />
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+
+const sheetVariants = cva(
+  "fixed z-50 gap-4 bg-neutral-900 p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom:
+          "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right:
+          "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+      },
+    },
+    defaultVariants: {
+      side: "right",
+    },
+  }
+);
+
+interface SheetContentProps
+  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+    VariantProps<typeof sheetVariants> {}
+
+const SheetContent = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Content>,
+  SheetContentProps
+>(({ side = "right", className, children, ...props }, ref) => (
+  <SheetPortal>
+    <SheetOverlay />
+    <SheetPrimitive.Content
+      ref={ref}
+      className={cn(sheetVariants({ side }), className)}
+      {...props}
+    >
+      {children}
+      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </SheetPrimitive.Close>
+    </SheetPrimitive.Content>
+  </SheetPortal>
+));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+
+const SheetHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+);
+SheetHeader.displayName = "SheetHeader";
+
+const SheetFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+);
+SheetFooter.displayName = "SheetFooter";
+
+const SheetTitle = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold text-foreground", className)}
+    {...props}
+  />
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+
+const SheetDescription = React.forwardRef<
+  React.ElementRef<typeof SheetPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <SheetPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+export {
+  Sheet,
+  SheetPortal,
+  SheetOverlay,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+};
diff --git a/components/ui/sonner.tsx b/components/ui/sonner.tsx
index 9b20afe2e10fd9b94d1abc1ae732054b2fb9821c..2922154241f1415b767c55ca77bbfa8a1569cefd 100644
--- a/components/ui/sonner.tsx
+++ b/components/ui/sonner.tsx
@@ -1,40 +1,22 @@
-"use client"
+"use client";
 
-import {
-  CircleCheckIcon,
-  InfoIcon,
-  Loader2Icon,
-  OctagonXIcon,
-  TriangleAlertIcon,
-} from "lucide-react"
-import { useTheme } from "next-themes"
-import { Toaster as Sonner, type ToasterProps } from "sonner"
+import { Toaster as Sonner, ToasterProps } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = "system" } = useTheme()
-
   return (
     <Sonner
-      theme={theme as ToasterProps["theme"]}
+      theme="dark"
       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 }
+export { Toaster };
diff --git a/components/ui/switch.tsx b/components/ui/switch.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4864d4e8cfa54dc9ae2e29f9dfb636d8f541f5ce
--- /dev/null
+++ b/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-emerald-500 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.25rem] w-9 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-white pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%+1px)] data-[state=unchecked]:translate-x-[1px]"
+        )}
+      />
+    </SwitchPrimitive.Root>
+  );
+}
+
+export { Switch };
diff --git a/components/ui/tabs.tsx b/components/ui/tabs.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..497ba5ea34247f6843e0c58ccd7da61b7c8edb46
--- /dev/null
+++ b/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/components/ui/toggle-group.tsx b/components/ui/toggle-group.tsx
index 24a4850d73e82be5e81108fc6f7e8052aabe9819..5eed401b6c9c19f7b6f88e90d3cbe38783ef198b 100644
--- a/components/ui/toggle-group.tsx
+++ b/components/ui/toggle-group.tsx
@@ -8,40 +8,32 @@ import { cn } from "@/lib/utils"
 import { toggleVariants } from "@/components/ui/toggle"
 
 const ToggleGroupContext = React.createContext<
-  VariantProps<typeof toggleVariants> & {
-    spacing?: number
-  }
+  VariantProps<typeof toggleVariants>
 >({
   size: "default",
   variant: "default",
-  spacing: 0,
 })
 
 function ToggleGroup({
   className,
   variant,
   size,
-  spacing = 0,
   children,
   ...props
 }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &
-  VariantProps<typeof toggleVariants> & {
-    spacing?: number
-  }) {
+  VariantProps<typeof toggleVariants>) {
   return (
     <ToggleGroupPrimitive.Root
       data-slot="toggle-group"
       data-variant={variant}
       data-size={size}
-      data-spacing={spacing}
-      style={{ "--gap": spacing } as React.CSSProperties}
       className={cn(
-        "group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs",
+        "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",
         className
       )}
       {...props}
     >
-      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>
+      <ToggleGroupContext.Provider value={{ variant, size }}>
         {children}
       </ToggleGroupContext.Provider>
     </ToggleGroupPrimitive.Root>
@@ -63,14 +55,12 @@ function ToggleGroupItem({
       data-slot="toggle-group-item"
       data-variant={context.variant || variant}
       data-size={context.size || size}
-      data-spacing={context.spacing}
       className={cn(
         toggleVariants({
           variant: context.variant || variant,
           size: context.size || size,
         }),
-        "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10",
-        "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l",
+        "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
         className
       )}
       {...props}
diff --git a/components/ui/toggle.tsx b/components/ui/toggle.tsx
index e3fea1f7fcdc8e4ce5dcd45f56111b57743826fd..94ec8f589b345a8c33b165463dfda393c7255967 100644
--- a/components/ui/toggle.tsx
+++ b/components/ui/toggle.tsx
@@ -1,13 +1,13 @@
-"use client";
+"use client"
 
-import * as React from "react";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react"
+import * as TogglePrimitive from "@radix-ui/react-toggle"
+import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 const toggleVariants = cva(
-  "inline-flex items-center cursor-pointer justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
     variants: {
       variant: {
@@ -18,7 +18,6 @@ const toggleVariants = cva(
       size: {
         default: "h-9 px-2 min-w-9",
         sm: "h-8 px-1.5 min-w-8",
-        xs: "h-7 px-1 min-w-7 text-xs",
         lg: "h-10 px-2.5 min-w-10",
       },
     },
@@ -27,7 +26,7 @@ const toggleVariants = cva(
       size: "default",
     },
   }
-);
+)
 
 function Toggle({
   className,
@@ -42,7 +41,7 @@ function Toggle({
       className={cn(toggleVariants({ variant, size, className }))}
       {...props}
     />
-  );
+  )
 }
 
-export { Toggle, toggleVariants };
+export { Toggle, toggleVariants }
diff --git a/components/ui/tooltip.tsx b/components/ui/tooltip.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9a8f2af7839f0d4c3910431419695a70855ace37
--- /dev/null
+++ b/components/ui/tooltip.tsx
@@ -0,0 +1,60 @@
+"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-primary text-primary-foreground 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.Content>
+    </TooltipPrimitive.Portal>
+  );
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
diff --git a/components/user-menu/index.tsx b/components/user-menu/index.tsx
index 2efba21475d7a1c94af81dc3c7e7c4cb537800d4..5d729788d4115763fbcb8d917283b1682f71463b 100644
--- a/components/user-menu/index.tsx
+++ b/components/user-menu/index.tsx
@@ -1,273 +1,83 @@
+import {
+  ChartSpline,
+  CirclePlus,
+  FolderCode,
+  Import,
+  LogOut,
+} from "lucide-react";
 import Link from "next/link";
-import { useSession, signIn, signOut } from "next-auth/react";
-import { ArrowRight, Check, Folder, LogOut, Plus } from "lucide-react";
-import { RiContrastFill } from "react-icons/ri";
-
-import { useTheme } from "next-themes";
-import { useEffect } from "react";
-import { FaDiscord } from "react-icons/fa6";
-import Image from "next/image";
 
 import {
   DropdownMenu,
   DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
-  DropdownMenuPortal,
   DropdownMenuSeparator,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Button } from "@/components/ui/button";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { useProjects } from "@/components/projects/useProjects";
-import { ProjectCard } from "@/components/projects/project-card";
-import { cn, DISCORD_URL } from "@/lib/utils";
-import HFLogo from "@/assets/hf-logo.svg";
-import ProIcon from "@/assets/pro.svg";
-
-export function UserMenu() {
-  const { data: session, status } = useSession();
-  const { projects } = useProjects();
-  const isLoading = status === "loading";
-  const { theme, setTheme } = useTheme();
-
-  useEffect(() => {
-    if (typeof window !== "undefined" && !session && status !== "loading") {
-      const urlParams = new URLSearchParams(window.location.search);
-      if (urlParams.get("signin") === "true") {
-        const newUrl = new URL(window.location.href);
-        newUrl.searchParams.delete("signin");
-        window.history.replaceState({}, "", newUrl.toString());
-
-        signIn("huggingface", { callbackUrl: "/" });
-      }
-    }
-  }, [session, status]);
-
-  const handleSignIn = () => {
-    if (window.location.hostname === "localhost") {
-      signIn("huggingface", {
-        callbackUrl: "/",
-      });
-      return;
-    }
-    const targetUrl = "https://deepsite.hf.co";
-
-    let isOnTargetPage = false;
-    if (typeof window !== "undefined") {
-      try {
-        const isInIframe = window !== window.parent;
-
-        if (isInIframe) {
-          try {
-            isOnTargetPage = window.parent.location.href.startsWith(targetUrl);
-          } catch {
-            isOnTargetPage = false;
-          }
-        } else {
-          isOnTargetPage = window.location.href.startsWith(targetUrl);
-        }
-      } catch {
-        isOnTargetPage = false;
-      }
-    }
-
-    if (!isOnTargetPage) {
-      window.open(`${targetUrl}?signin=true`, "_blank");
-    } else {
-      signIn("huggingface", { callbackUrl: "/" });
-    }
-  };
-
-  const handleSignOut = () => {
-    signOut({ callbackUrl: "/" });
-  };
+import { Button } from "@/components/ui/button";
+import { useUser } from "@/hooks/useUser";
 
-  if (isLoading) {
-    return (
-      <Button variant="outline" disabled>
-        Loading...
-      </Button>
-    );
-  }
-  return session?.user ? (
+export const UserMenu = ({ className }: { className?: string }) => {
+  const { logout, user } = useUser();
+  return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button
-          variant="transparent"
-          size="default"
-          className="gap-2 pl-2! pr-3!"
-        >
-          <div
-            className={cn(
-              "w-fit rounded-full p-px relative",
-              session.user.isPro &&
-                "bg-linear-to-r from-pink-500/80 via-green-500/80 to-amber-500/80"
-            )}
-          >
-            <Avatar className="size-6 border border-background">
-              <AvatarImage
-                src={session.user.image || ""}
-                alt={session.user.name || "User"}
-              />
-              <AvatarFallback>
-                {session.user.name?.charAt(0).toUpperCase() || "U"}
-              </AvatarFallback>
-            </Avatar>
-            {session.user.isPro && (
-              <Image
-                alt="Pro"
-                src={ProIcon}
-                className="size-2.5 absolute top-0 -left-0.5"
-              />
-            )}
-          </div>
-          {session.user.name}
+        <Button variant="ghost" className={`${className}`}>
+          <Avatar className="size-8 mr-1">
+            <AvatarImage src={user?.avatarUrl} alt="@shadcn" />
+            <AvatarFallback className="text-sm">
+              {user?.fullname?.charAt(0).toUpperCase() ?? "E"}
+            </AvatarFallback>
+          </Avatar>
+          <span className="max-lg:hidden">{user?.fullname}</span>
+          <span className="lg:hidden">
+            {user?.fullname?.slice(0, 10)}
+            {(user?.fullname?.length ?? 0) > 10 ? "..." : ""}
+          </span>
         </Button>
       </DropdownMenuTrigger>
-      <DropdownMenuContent className="w-64" align="start">
-        <DropdownMenuLabel>My Account</DropdownMenuLabel>
+      <DropdownMenuContent className="w-56" align="start">
+        <DropdownMenuLabel className="font-bold flex items-center gap-2 justify-center">
+          My Account
+        </DropdownMenuLabel>
         <DropdownMenuSeparator />
-        {!session?.user?.isPro && (
-          <>
+        <DropdownMenuGroup>
+          <DropdownMenuItem
+            onClick={() => (window.location.href = "/deepsite/new")}
+          >
+            <CirclePlus className="size-4 text-neutral-100" />
+            New Project
+          </DropdownMenuItem>
+          <Link href="/">
             <DropdownMenuItem>
-              <Link
-                href="https://huggingface.co/pro"
-                className="flex items-center gap-1.5 bg-linear-to-r from-pink-500 via-green-500 to-amber-500 text-transparent bg-clip-text font-semibold"
-                target="_blank"
-              >
-                <Image alt="Pro" src={ProIcon} className="size-3.5" />
-                Subscribe to Pro
-              </Link>
+              <FolderCode className="size-4 text-neutral-100" />
+              View Projects
             </DropdownMenuItem>
-            <DropdownMenuSeparator />
-          </>
-        )}
-        <DropdownMenuItem>
-          <Link
-            href={`https://huggingface.co/${session.user.username}`}
-            target="_blank"
-          >
-            Profile
-          </Link>
-        </DropdownMenuItem>
-        <DropdownMenuItem>
-          <Link
-            href={`https://huggingface.co/settings/profile`}
-            target="_blank"
-          >
-            Settings
           </Link>
-        </DropdownMenuItem>
-        <DropdownMenuSub>
-          <DropdownMenuSubTrigger className="flex items-center justify-start gap-1.5">
-            <RiContrastFill className="size-3.5" />
-            Appearance
-          </DropdownMenuSubTrigger>
-          <DropdownMenuPortal>
-            <DropdownMenuSubContent>
-              <DropdownMenuItem onClick={() => setTheme("light")}>
-                Light
-                {theme === "light" && <Check />}
-              </DropdownMenuItem>
-              <DropdownMenuItem onClick={() => setTheme("dark")}>
-                Dark
-                {theme === "dark" && <Check />}
-              </DropdownMenuItem>
-              <DropdownMenuItem onClick={() => setTheme("system")}>
-                System
-                {theme === "system" && <Check />}
-              </DropdownMenuItem>
-            </DropdownMenuSubContent>
-          </DropdownMenuPortal>
-        </DropdownMenuSub>
-        <>
-          <DropdownMenuSeparator />
-          <DropdownMenuLabel>Projects</DropdownMenuLabel>
-          {projects && projects?.length > 0 ? (
-            <div className="grid grid-cols-1 gap-2 px-2 pb-2">
-              {projects?.slice(0, 2).map((project) => (
-                <ProjectCard key={project.id} project={project} />
-              ))}
-              <div className="w-full flex items-center justify-between">
-                {projects?.length > 2 && (
-                  <Link
-                    href="/#projects"
-                    className="text-xs text-muted-foreground hover:text-primary flex items-center justify-start gap-1"
-                  >
-                    View all projects
-                    <ArrowRight className="size-2.5" />
-                  </Link>
-                )}
-                <Link
-                  href="/new"
-                  className="text-xs text-muted-foreground hover:text-primary flex items-center justify-start gap-1"
-                >
-                  New project
-                  <Plus className="size-2.5" />
-                </Link>
-              </div>
-            </div>
-          ) : (
-            <div className="px-2 pb-2">
-              <div className="bg-accent p-3 rounded-lg flex flex-col items-center justify-center gap-2">
-                <div className="flex items-center justify-center gap-2 bg-accent-foreground/10 p-2 rounded-lg">
-                  <Folder className="size-3 text-muted-foreground" />
-                </div>
-                <p className="text-xs text-muted-foreground text-center">
-                  <span className="font-medium">No projects found.</span> <br />
-                  Create a new project to get started.
-                </p>
-                <Link href="/new">
-                  <Button variant="outline" size="xs" className="w-full">
-                    New project
-                    <Plus className="size-2.5" />
-                  </Button>
-                </Link>
-              </div>
-            </div>
-          )}
-        </>
+          <a href="https://huggingface.co/settings/billing" target="_blank">
+            <DropdownMenuItem>
+              <ChartSpline className="size-4 text-neutral-100" />
+              Usage Quota
+            </DropdownMenuItem>
+          </a>
+        </DropdownMenuGroup>
         <DropdownMenuSeparator />
-        <DropdownMenuItem>
-          <Link
-            href={DISCORD_URL}
-            target="_blank"
-            className="flex items-center justify-start gap-2"
-          >
-            <FaDiscord className="size-4" />
-            Discord
-          </Link>
-        </DropdownMenuItem>
-        <DropdownMenuItem>
-          <Link
-            href="https://huggingface.co/enzostvs"
-            target="_blank"
-            className="flex items-center justify-start gap-2"
-          >
-            <Image src={HFLogo} alt="HF" className="size-4 grayscale" />
-            Hugging Face
-          </Link>
-        </DropdownMenuItem>
-        <DropdownMenuItem onClick={handleSignOut} variant="destructive">
-          <LogOut className="size-4" />
-          Sign out
+        <DropdownMenuItem
+          onClick={() => {
+            if (confirm("Are you sure you want to log out?")) {
+              logout();
+            }
+          }}
+        >
+          <Button size="xs" variant="destructive" className="w-full">
+            <LogOut className="size-4" />
+            Log out
+          </Button>
         </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
-  ) : (
-    <>
-      <Button
-        variant="outline"
-        onClick={handleSignIn}
-        className="max-lg:hidden"
-      >
-        Sign in
-      </Button>
-      <Button onClick={handleSignIn}>Get Started</Button>
-    </>
   );
-}
+};
diff --git a/components/viewer/blank-page.tsx b/components/viewer/blank-page.tsx
deleted file mode 100644
index 956bb79be125cfb6072e5b63ca18c845d1786061..0000000000000000000000000000000000000000
--- a/components/viewer/blank-page.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-"use client";
-import Image from "next/image";
-import { useMount } from "react-use";
-import { useState } from "react";
-import { EXAMPLES_OF_PROJECT_SUGGESTIONS } from "@/lib/prompts";
-
-interface ExampleOfProjectSuggestion {
-  short_value: string;
-  long_value: string;
-}
-
-export function BlankPage() {
-  const [suggestions, setSuggestions] = useState<ExampleOfProjectSuggestion[]>(
-    []
-  );
-
-  useMount(() => {
-    const randomSuggestions = [...EXAMPLES_OF_PROJECT_SUGGESTIONS]
-      .sort(() => Math.random() - 0.5)
-      .slice(0, 3);
-    setSuggestions(randomSuggestions);
-  });
-  return (
-    <div className="bg-card max-w-lg w-full px-10 py-6 z-1 rounded-xl shadow-accent-foreground mx-auto">
-      <header className="flex flex-col items-center justify-center">
-        <Image
-          src="/logo.svg"
-          alt="DeepSite"
-          width={56}
-          height={56}
-          className="size-14 mb-2"
-        />
-        <h2 className="text-xl font-extrabold font-mono mb-2 text-primary">
-          DeepSite
-        </h2>
-        <p className="text-sm text-muted-foreground text-center text-balance">
-          Your next web-based application is waiting to be built. <br />
-          Ask me anything about DeepSite and AI, and I&apos;ll help you build
-          it.
-        </p>
-      </header>
-      <main className="mt-4">
-        <p className="text-sm text-muted-foreground text-center text-balance mb-3">
-          Here are some suggestions for you:
-        </p>
-        <div className="flex items-center justify-center gap-2.5 flex-wrap">
-          {suggestions.map((suggestion) => (
-            <div
-              key={suggestion.short_value}
-              className="text-xs rounded-full px-3 py-1 text-muted-foreground text-center bg-accent/50 hover:bg-accent-foreground/8 cursor-pointer border border-border"
-              onClick={() => {
-                const promptInput = document.getElementById("prompt-input");
-                if (promptInput) {
-                  (promptInput as HTMLDivElement).textContent =
-                    suggestion.long_value;
-                }
-              }}
-            >
-              {suggestion.short_value}
-            </div>
-          ))}
-        </div>
-      </main>
-    </div>
-  );
-}
diff --git a/components/viewer/index.tsx b/components/viewer/index.tsx
deleted file mode 100644
index 9a2aafc06d2375aa03ddef235b39a930d33d6ac9..0000000000000000000000000000000000000000
--- a/components/viewer/index.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-import { ArrowLeft } from "lucide-react";
-import { SandpackLayout, SandpackPreview } from "@codesandbox/sandpack-react";
-
-import { DeviceType, MobileTabType } from "@/lib/type";
-import { cn } from "@/lib/utils";
-import { GridPattern } from "@/components/grid-pattern";
-import { useProject } from "@/components/projects/useProject";
-import { BlankPage } from "./blank-page";
-import { Button } from "@/components/ui/button";
-
-export function AppViewer({
-  mobileTab,
-  onToggleMobileTab,
-  device,
-}: {
-  mobileTab: MobileTabType;
-  device: DeviceType;
-  onToggleMobileTab: (tab: MobileTabType) => void;
-}) {
-  const { project, files } = useProject();
-
-  return (
-    <div
-      className={cn(
-        "relative grow h-full rounded-xl flex max-lg:flex-col max-lg:gap-3 items-center justify-center z-0",
-        mobileTab !== "right-sidebar" ? "max-lg:hidden" : "max-lg:w-full!",
-        project?.name || (files && files.length > 0)
-          ? "lg:border lg:border-border-muted lg:dark:border-secondary"
-          : "bg-accent border border-border-muted dark:border-secondary"
-      )}
-    >
-      <GridPattern
-        x={-1}
-        y={-1}
-        strokeDasharray={"4 2"}
-        className={cn(
-          "mask-[radial-gradient(900px_circle_at_center,white,transparent)] opacity-40 z-1"
-        )}
-      />
-      {project?.name || (files && files.length > 0) ? (
-        <SandpackLayout className="h-full! w-full! rounded-xl! flex items-center! justify-center! border-none! bg-transparent!">
-          <SandpackPreview
-            className={cn(
-              "rounded-xl! z-1 transition-all duration-300 flex-none! border-none!",
-              device === "mobile"
-                ? "w-[470px]! h-[78dvh]! shadow-2xl! rounded-4xl!"
-                : "w-full! h-full! scale-100"
-            )}
-            showOpenInCodeSandbox={false}
-            showRefreshButton={false}
-          />
-        </SandpackLayout>
-      ) : (
-        <BlankPage />
-      )}
-      <div
-        className={cn(
-          "lg:hidden flex items-center w-full z-10",
-          project?.name || (files && files.length > 0)
-            ? "justify-start"
-            : "p-2 justify-center"
-        )}
-      >
-        <Button
-          variant="bordered"
-          size="xs"
-          onClick={() => onToggleMobileTab("left-sidebar")}
-        >
-          <ArrowLeft className="size-3" /> Go to Chat
-        </Button>
-      </div>
-    </div>
-  );
-}
diff --git a/eslint.config.mjs b/eslint.config.mjs
deleted file mode 100644
index 05e726d1b4201bc8c7716d2b058279676582e8c0..0000000000000000000000000000000000000000
--- a/eslint.config.mjs
+++ /dev/null
@@ -1,18 +0,0 @@
-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/hooks/useAi.ts b/hooks/useAi.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cb02b23a7f897bbd3b0bb580f307e2168892a027
--- /dev/null
+++ b/hooks/useAi.ts
@@ -0,0 +1,720 @@
+import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
+import { useMemo, useRef, useState } from "react";
+import { toast } from "sonner";
+import { useLocalStorage } from "react-use";
+
+import { MODELS } from "@/lib/providers";
+import { useEditor } from "./useEditor";
+import { Page, EnhancedSettings } from "@/types";
+import { api } from "@/lib/api";
+import { usePathname, useRouter } from "next/navigation";
+import { useUser } from "./useUser";
+import { isTheSameHtml } from "@/lib/compare-html-diff";
+
+export const useAi = (onScrollToBottom?: () => void) => {
+  const client = useQueryClient();
+  const audio = useRef<HTMLAudioElement | null>(null);
+  const { setPages, setCurrentPage, setPreviewPage, setPrompts, prompts, pages, project, setProject, commits, setCommits, setLastSavedPages, isSameHtml } = useEditor();
+  const [controller, setController] = useState<AbortController | null>(null);
+  const [storageProvider, setStorageProvider] = useLocalStorage("provider", "auto");
+  const [storageModel, setStorageModel] = useLocalStorage("model", MODELS[0].value);
+  const router = useRouter();
+  const { token } = useUser();
+  const pathname = usePathname();
+  const namespace = pathname.split("/")[1];
+  const repoId = pathname.split("/")[2];
+  const streamingPagesRef = useRef<Set<string>>(new Set());
+
+  const { data: isAiWorking = false } = useQuery({
+    queryKey: ["ai.isAiWorking"],
+    queryFn: async () => false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+  });
+  const setIsAiWorking = (newIsAiWorking: boolean) => {
+    client.setQueryData(["ai.isAiWorking"], newIsAiWorking);
+  };
+
+  const { data: isThinking = false } = useQuery({
+    queryKey: ["ai.isThinking"],
+    queryFn: async () => false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+  });
+  const setIsThinking = (newIsThinking: boolean) => {
+    client.setQueryData(["ai.isThinking"], newIsThinking);
+  };
+
+  const { data: thinkingContent } = useQuery<string>({
+    queryKey: ["ai.thinkingContent"],
+    queryFn: async () => "",
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    initialData: ""
+  });
+  const setThinkingContent = (newThinkingContent: string) => {
+    client.setQueryData(["ai.thinkingContent"], newThinkingContent);
+  };
+
+  const { data: selectedElement } = useQuery<HTMLElement | null>({
+    queryKey: ["ai.selectedElement"],
+    queryFn: async () => null,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    initialData: null
+  });
+  const setSelectedElement = (newSelectedElement: HTMLElement | null) => {
+    client.setQueryData(["ai.selectedElement"], newSelectedElement);
+    setIsEditableModeEnabled(false);
+  };
+
+  const { data: isEditableModeEnabled = false } = useQuery({
+    queryKey: ["ai.isEditableModeEnabled"],
+    queryFn: async () => false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+  });
+  const setIsEditableModeEnabled = (newIsEditableModeEnabled: boolean) => {
+    client.setQueryData(["ai.isEditableModeEnabled"], newIsEditableModeEnabled);
+  };
+
+  const { data: selectedFiles } = useQuery<string[]>({
+    queryKey: ["ai.selectedFiles"],
+    queryFn: async () => [],
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    initialData: []
+  });
+  const setSelectedFiles = (newFiles: string[]) => {
+    client.setQueryData(["ai.selectedFiles"], newFiles)
+  };
+
+  const { data: contextFile } = useQuery<string | null>({
+    queryKey: ["ai.contextFile"],
+    queryFn: async () => null,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    initialData: null
+  });
+  const setContextFile = (newContextFile: string | null) => {
+    client.setQueryData(["ai.contextFile"], newContextFile)
+  };
+
+  const { data: provider } = useQuery({
+    queryKey: ["ai.provider"],
+    queryFn: async () => storageProvider ?? "auto",
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    initialData: storageProvider ?? "auto"
+  });
+  const setProvider = (newProvider: string) => {
+    setStorageProvider(newProvider);
+    client.setQueryData(["ai.provider"], newProvider);
+  };
+
+  const { data: model } = useQuery({
+    queryKey: ["ai.model"],
+    queryFn: async () => {
+      // check if the model exist in the MODELS array
+      const selectedModel = MODELS.find(m => m.value === storageModel || m.label === storageModel);
+      if (selectedModel) {
+        return selectedModel.value;
+      }
+      return MODELS[0].value;
+    },
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    initialData: undefined,
+  });
+  const setModel = (newModel: string) => {
+    setStorageModel(newModel);
+    client.setQueryData(["ai.model"], newModel);
+  };
+
+  const createNewProject = async (prompt: string, htmlPages: Page[], projectName: string | undefined, isLoggedIn?: boolean, userName?: string) => {
+    if (isLoggedIn && userName) {
+      try {
+        const uploadRequest = await fetch(`/deepsite/api/me/projects/${userName}/new/update`, {
+          method: "PUT",
+          body: JSON.stringify({
+            pages: htmlPages,
+            commitTitle: prompt,
+            isNew: true,
+            projectName,
+          }),
+          headers: {
+            "Content-Type": "application/json",
+            "Authorization": `Bearer ${token}`,
+          },
+        });
+
+        const uploadRes = await uploadRequest.json();
+        
+        if (!uploadRequest.ok || !uploadRes.ok) {
+          throw new Error(uploadRes.error || "Failed to create project");
+        }
+
+        setIsAiWorking(false);
+        router.replace(`/${uploadRes.repoId}`);
+        toast.success("AI responded successfully");
+        if (audio.current) audio.current.play();
+      } catch (error: any) {
+        setIsAiWorking(false);
+        toast.error(error?.message || "Failed to create project");
+      }
+    } else {
+      setIsAiWorking(false);
+      toast.success("AI responded successfully");
+      if (audio.current) audio.current.play();
+    }
+  }
+  
+  const callAiNewProject = async (prompt: string, enhancedSettings?: EnhancedSettings, redesignMarkdown?: string, isLoggedIn?: boolean, userName?: string) => {
+    if (isAiWorking) return;
+    if (!redesignMarkdown && !prompt.trim()) return;
+    
+    setIsAiWorking(true);
+    setThinkingContent(""); // Reset thinking content
+    streamingPagesRef.current.clear(); // Reset tracking for new generation
+    
+    const abortController = new AbortController();
+    setController(abortController);
+    
+    try {
+      const request = await fetch("/deepsite/api/ask", {
+        method: "POST",
+        body: JSON.stringify({
+          prompt,
+          provider,
+          model,
+          redesignMarkdown,
+          enhancedSettings,
+        }),
+        headers: {
+          "Content-Type": "application/json",
+          "x-forwarded-for": window.location.hostname,
+          "Authorization": `Bearer ${token}`,
+        },
+        signal: abortController.signal,
+      });
+
+      if (request && request.body) {
+        const reader = request.body.getReader();
+        const decoder = new TextDecoder("utf-8");
+        let contentResponse = "";
+
+        const read = async (): Promise<any> => {
+          const { done, value } = await reader.read();
+          
+          if (done) {
+            // Final processing - extract and remove thinking content
+            const thinkMatch = contentResponse.match(/<think>([\s\S]*?)<\/think>/);
+            if (thinkMatch) {
+              setThinkingContent(thinkMatch[1].trim());
+              setIsThinking(false);
+              contentResponse = contentResponse.replace(/<think>[\s\S]*?<\/think>/, '').trim();
+            }
+
+            const trimmedResponse = contentResponse.trim();
+            if (trimmedResponse.startsWith("{") && trimmedResponse.endsWith("}")) {
+              try {
+                const jsonResponse = JSON.parse(trimmedResponse);
+                if (jsonResponse && !jsonResponse.ok) {
+                  setIsAiWorking(false);
+                  if (jsonResponse.openLogin) {
+                    return { error: "login_required" };
+                  } else if (jsonResponse.openSelectProvider) {
+                    return { error: "provider_required", message: jsonResponse.message };
+                  } else if (jsonResponse.openProModal) {
+                    return { error: "pro_required" };
+                  } else {
+                    toast.error(jsonResponse.message);
+                    return { error: "api_error", message: jsonResponse.message };
+                  }
+                }
+              } catch (e) {
+              }
+            }
+            
+            const newPages = formatPages(contentResponse, false);
+            let projectName = contentResponse.match(/<<<<<<< PROJECT_NAME_START\s*([\s\S]*?)\s*>>>>>>> PROJECT_NAME_END/)?.[1]?.trim();
+            if (!projectName) {
+              projectName = prompt.substring(0, 20).replace(/[^a-zA-Z0-9]/g, "-") + "-" + Math.random().toString(36).substring(2, 9);
+            }
+            setPages(newPages);
+            setLastSavedPages([...newPages]);
+            if (newPages.length > 0 && !isTheSameHtml(newPages[0].html)) {
+              createNewProject(prompt, newPages, projectName, isLoggedIn, userName);
+            }
+            setPrompts([...prompts, prompt]);
+
+            return { success: true, pages: newPages };
+          }
+
+          const chunk = decoder.decode(value, { stream: true });
+          contentResponse += chunk;
+          
+          // Extract thinking content while streaming
+          if (contentResponse.includes('</think>')) {
+            // Thinking is complete, extract final content and stop thinking
+            const thinkMatch = contentResponse.match(/<think>([\s\S]*?)<\/think>/);
+            if (thinkMatch) {
+              setThinkingContent(thinkMatch[1].trim());
+              setIsThinking(false);
+            }
+          } else if (contentResponse.includes('<think>')) {
+            // Still thinking, update content
+            const thinkMatch = contentResponse.match(/<think>([\s\S]*)$/);
+            if (thinkMatch) {
+              const thinkingText = thinkMatch[1].trim();
+              if (thinkingText) {
+                setIsThinking(true);
+                setThinkingContent(thinkingText);
+              }
+            }
+          }
+
+          const trimmedResponse = contentResponse.trim();
+          if (trimmedResponse.startsWith("{") && trimmedResponse.endsWith("}")) {
+            try {
+              const jsonResponse = JSON.parse(trimmedResponse);
+              if (jsonResponse && !jsonResponse.ok) {
+                setIsAiWorking(false);
+                if (jsonResponse.openLogin) {
+                  return { error: "login_required" };
+                } else if (jsonResponse.openSelectProvider) {
+                  return { error: "provider_required", message: jsonResponse.message };
+                } else if (jsonResponse.openProModal) {
+                  return { error: "pro_required" };
+                } else {
+                  toast.error(jsonResponse.message);
+                  return { error: "api_error", message: jsonResponse.message };
+                }
+              }
+            } catch (e) {
+            }
+          }
+
+          formatPages(contentResponse, true);
+          
+          return read();
+        };
+
+        return await read();
+      }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (error: any) {
+      setIsAiWorking(false);
+      setIsThinking(false);
+      setThinkingContent("");
+      setController(null);
+      
+      if (!abortController.signal.aborted) {
+        toast.error(error.message || "Network error occurred");
+      }
+      
+      if (error.openLogin) {
+        return { error: "login_required" };
+      }
+      return { error: "network_error", message: error.message };
+    }
+  };
+
+  const callAiFollowUp = async (prompt: string, enhancedSettings?: EnhancedSettings, isNew?: boolean) => {
+    if (isAiWorking) return;
+    if (!prompt.trim()) return;
+
+    
+    setIsAiWorking(true);
+    setThinkingContent(""); // Reset thinking content
+    
+    const abortController = new AbortController();
+    setController(abortController);
+    
+    try {
+      const pagesToSend = contextFile 
+        ? pages.filter(page => page.path === contextFile)
+        : pages;
+
+      const request = await fetch("/deepsite/api/ask", {
+        method: "PUT",
+        body: JSON.stringify({
+          prompt,
+          provider,
+          previousPrompts: prompts,
+          model,
+          pages: pagesToSend,
+          selectedElementHtml: selectedElement?.outerHTML,
+          files: selectedFiles,
+          repoId: project?.space_id,
+          isNew,
+          enhancedSettings,
+        }),
+        headers: {
+          "Content-Type": "application/json",
+          "x-forwarded-for": window.location.hostname,
+          "Authorization": `Bearer ${token}`,
+        },
+        signal: abortController.signal,
+      });
+
+      if (request && request.body) {
+        const reader = request.body.getReader();
+        const decoder = new TextDecoder("utf-8");
+        let contentResponse = "";
+        let metadata: any = null;
+
+        const read = async (): Promise<any> => {
+          const { done, value } = await reader.read();
+          
+          if (done) {
+            // Extract and remove thinking content
+            const thinkMatch = contentResponse.match(/<think>([\s\S]*?)<\/think>/);
+            if (thinkMatch) {
+              setThinkingContent(thinkMatch[1].trim());
+              setIsThinking(false);
+              contentResponse = contentResponse.replace(/<think>[\s\S]*?<\/think>/, '').trim();
+            }
+
+            // const metadataMatch = contentResponse.match(/___METADATA_START___([\s\S]*?)___METADATA_END___/);
+            // if (metadataMatch) {
+            //   try {
+            //     metadata = JSON.parse(metadataMatch[1]);
+            //     contentResponse = contentResponse.replace(/___METADATA_START___[\s\S]*?___METADATA_END___/, '').trim();
+            //   } catch (e) {
+            //     console.error("Failed to parse metadata", e);
+            //   }
+            // }
+
+            const trimmedResponse = contentResponse.trim();
+            if (trimmedResponse.startsWith("{") && trimmedResponse.endsWith("}")) {
+              try {
+                const jsonResponse = JSON.parse(trimmedResponse);
+                if (jsonResponse && !jsonResponse.ok) {
+                  setIsAiWorking(false);
+                  if (jsonResponse.openLogin) {
+                    return { error: "login_required" };
+                  } else if (jsonResponse.openSelectProvider) {
+                    return { error: "provider_required", message: jsonResponse.message };
+                  } else if (jsonResponse.openProModal) {
+                    return { error: "pro_required" };
+                  } else {
+                    toast.error(jsonResponse.message);
+                    return { error: "api_error", message: jsonResponse.message };
+                  }
+                }
+              } catch (e) {
+                // Not JSON, continue with normal processing
+              }
+            }
+            
+            const { processAiResponse, extractProjectName } = await import("@/lib/format-ai-response");
+            const { updatedPages, updatedLines } = processAiResponse(contentResponse, pagesToSend);
+            
+            const updatedPagesMap = new Map(updatedPages.map((p: Page) => [p.path, p]));
+            const mergedPages: Page[] = pages.map(page => 
+              updatedPagesMap.has(page.path) ? updatedPagesMap.get(page.path)! : page
+            );
+            updatedPages.forEach((page: Page) => {
+              if (!pages.find(p => p.path === page.path)) {
+                mergedPages.push(page);
+              }
+            });
+
+            let projectName = null;
+            if (isNew) {
+              projectName = extractProjectName(contentResponse);
+              if (!projectName) {
+                projectName = prompt.substring(0, 40).replace(/[^a-zA-Z0-9]/g, "-").slice(0, 40) + "-" + Math.random().toString(36).substring(2, 15);
+              }
+            }
+
+            try {
+              const uploadRequest = await fetch(`/deepsite/api/me/projects/${namespace ?? 'unknown'}/${repoId ?? 'unknown'}/update`, {
+                method: "PUT",
+                body: JSON.stringify({
+                  pages: mergedPages,
+                  commitTitle: prompt,
+                  isNew,
+                  projectName,
+                }),
+                headers: {
+                  "Content-Type": "application/json",
+                  "Authorization": `Bearer ${token}`,
+                },
+              });
+
+              const uploadRes = await uploadRequest.json();
+              
+              if (!uploadRequest.ok || !uploadRes.ok) {
+                throw new Error(uploadRes.error || "Failed to upload to HuggingFace");
+              }
+
+              toast.success("AI responded successfully");
+              const iframe = document.getElementById("preview-iframe") as HTMLIFrameElement;
+
+              if (isNew && uploadRes.repoId) {
+                router.push(`/${uploadRes.repoId}`);
+                setIsAiWorking(false);
+              } else {
+                setPages(mergedPages);
+                setLastSavedPages([...mergedPages]);
+                setCommits([uploadRes.commit, ...commits]);
+                setPrompts([...prompts, prompt]);
+                setSelectedElement(null);
+                setSelectedFiles([]);
+                setIsEditableModeEnabled(false);
+                setIsAiWorking(false);
+              }
+
+              if (audio.current) audio.current.play();
+              if (iframe) {
+                setTimeout(() => {
+                  iframe.src = iframe.src;
+                }, 500);
+              }
+
+              return { success: true, updatedLines };
+            } catch (uploadError: any) {
+              setIsAiWorking(false);
+              toast.error(uploadError.message || "Failed to save changes");
+              return { error: "upload_error", message: uploadError.message };
+            }
+          }
+
+          const chunk = decoder.decode(value, { stream: true });
+          contentResponse += chunk;
+          
+          // Extract thinking content while streaming
+          if (contentResponse.includes('</think>')) {
+            // Thinking is complete, extract final content and stop thinking
+            const thinkMatch = contentResponse.match(/<think>([\s\S]*?)<\/think>/);
+            if (thinkMatch) {
+              setThinkingContent(thinkMatch[1].trim());
+              setIsThinking(false);
+            }
+          } else if (contentResponse.includes('<think>')) {
+            // Still thinking, update content
+            const thinkMatch = contentResponse.match(/<think>([\s\S]*)$/);
+            if (thinkMatch) {
+              const thinkingText = thinkMatch[1].trim();
+              if (thinkingText) {
+                setIsThinking(true);
+                setThinkingContent(thinkingText);
+              }
+            }
+          }
+
+          // Check for error responses during streaming
+          const trimmedResponse = contentResponse.trim();
+          if (trimmedResponse.startsWith("{") && trimmedResponse.endsWith("}")) {
+            try {
+              const jsonResponse = JSON.parse(trimmedResponse);
+              if (jsonResponse && !jsonResponse.ok) {
+                setIsAiWorking(false);
+                if (jsonResponse.openLogin) {
+                  return { error: "login_required" };
+                } else if (jsonResponse.openSelectProvider) {
+                  return { error: "provider_required", message: jsonResponse.message };
+                } else if (jsonResponse.openProModal) {
+                  return { error: "pro_required" };
+                } else {
+                  toast.error(jsonResponse.message);
+                  return { error: "api_error", message: jsonResponse.message };
+                }
+              }
+            } catch (e) {
+              // Not complete JSON yet, continue
+            }
+          }
+          
+          return read();
+        };
+
+        return await read();
+      }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (error: any) {
+      setIsAiWorking(false);
+      setIsThinking(false);
+      setThinkingContent("");
+      setController(null);
+      
+      if (!abortController.signal.aborted) {
+        toast.error(error.message || "Network error occurred");
+      }
+      
+      if (error.openLogin) {
+        return { error: "login_required" };
+      }
+      return { error: "network_error", message: error.message };
+    }
+  };
+
+  const formatPages = (content: string, isStreaming: boolean = true) => {
+    const pages: Page[] = [];
+    if (!content.match(/<<<<<<< NEW_FILE_START[\s\S]*?>>>>>>> NEW_FILE_END/)) {
+      return pages;
+    }
+
+    const cleanedContent = content.replace(
+      /[\s\S]*?<<<<<<< NEW_FILE_START\s+([\s\S]*?)\s+>>>>>>> NEW_FILE_END/,
+      "<<<<<<< NEW_FILE_START $1 >>>>>>> NEW_FILE_END"
+    );
+    const fileChunks = cleanedContent.split(
+      /<<<<<<< NEW_FILE_START\s+([\s\S]*?)\s+>>>>>>> NEW_FILE_END/
+    );
+    const processedChunks = new Set<number>();
+
+    fileChunks.forEach((chunk, index) => {
+      if (processedChunks.has(index) || !chunk?.trim()) {
+        return;
+      }
+      const filePath = chunk.trim();
+      const fileContent = extractFileContent(fileChunks[index + 1], filePath);
+
+      if (fileContent) {
+        const page: Page = {
+          path: filePath,
+          html: fileContent,
+        };
+        pages.push(page);
+
+        if (fileContent.length > 200) {
+          onScrollToBottom?.();
+        }
+
+        processedChunks.add(index);
+        processedChunks.add(index + 1);
+      }
+    });
+    if (pages.length > 0) {
+      setPages(pages);
+      if (isStreaming) {
+        const newPages = pages.filter(p => 
+          !streamingPagesRef.current.has(p.path)
+        );
+        
+        if (newPages.length > 0) {
+          const newPage = newPages[0];
+          setCurrentPage(newPage.path);
+          streamingPagesRef.current.add(newPage.path);
+          
+          if (newPage.path.endsWith('.html') && !newPage.path.includes('/components/')) {
+            setPreviewPage(newPage.path);
+          }
+        }
+      } else {
+        streamingPagesRef.current.clear();
+        const indexPage = pages.find(p => p.path === 'index.html' || p.path === 'index' || p.path === '/');
+        if (indexPage) {
+          setCurrentPage(indexPage.path);
+        }
+      }
+    }
+
+    return pages;
+  };
+
+  const extractFileContent = (chunk: string, filePath: string): string => {
+    if (!chunk) return "";
+    
+    let content = chunk.trim();
+    
+    if (filePath.endsWith('.css')) {
+      const cssMatch = content.match(/```css\s*([\s\S]*?)\s*```/);
+      if (cssMatch) {
+        content = cssMatch[1];
+      } else {
+        content = content.replace(/^```css\s*/i, "");
+      }
+      return content.replace(/```/g, "").trim();
+    } else if (filePath.endsWith('.js')) {
+      const jsMatch = content.match(/```(?:javascript|js)\s*([\s\S]*?)\s*```/);
+      if (jsMatch) {
+        content = jsMatch[1];
+      } else {
+        content = content.replace(/^```(?:javascript|js)\s*/i, "");
+      }
+      return content.replace(/```/g, "").trim();
+    } else {
+      const htmlMatch = content.match(/```html\s*([\s\S]*?)\s*```/);
+      if (htmlMatch) {
+        content = htmlMatch[1];
+      } else {
+        content = content.replace(/^```html\s*/i, "");
+        const doctypeMatch = content.match(/<!DOCTYPE html>[\s\S]*/);
+        if (doctypeMatch) {
+          content = doctypeMatch[0];
+        }
+      }
+      
+      let htmlContent = content.replace(/```/g, "");
+      htmlContent = ensureCompleteHtml(htmlContent);
+      return htmlContent;
+    }
+  };
+
+  const ensureCompleteHtml = (html: string): string => {
+    let completeHtml = html;
+    if (completeHtml.includes("<head>") && !completeHtml.includes("</head>")) {
+      completeHtml += "\n</head>";
+    }
+    if (completeHtml.includes("<body") && !completeHtml.includes("</body>")) {
+      completeHtml += "\n</body>";
+    }
+    if (!completeHtml.includes("</html>")) {
+      completeHtml += "\n</html>";
+    }
+    return completeHtml;
+  };
+
+  const cancelRequest = () => {
+    if (controller) {
+      controller.abort();
+      setController(null);
+    }
+    setIsAiWorking(false);
+    setIsThinking(false);
+  };
+
+  const selectedModel = useMemo(() => {
+    return MODELS.find(m => m.value === model || m.label === model);
+  }, [model]);
+
+  return {
+    isThinking,
+    setIsThinking,
+    thinkingContent,
+    setThinkingContent,
+    callAiNewProject,
+    callAiFollowUp,
+    isAiWorking,
+    setIsAiWorking,
+    selectedElement,
+    setSelectedElement,
+    selectedFiles,
+    setSelectedFiles,
+    contextFile,
+    setContextFile,
+    isEditableModeEnabled,
+    setIsEditableModeEnabled,
+    globalAiLoading: isThinking || isAiWorking,
+    cancelRequest,
+    model,
+    setModel,
+    provider,
+    setProvider,
+    selectedModel,
+    audio,
+  };
+}
\ No newline at end of file
diff --git a/hooks/useEditor.ts b/hooks/useEditor.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c103231d343a23db02370327ddcc5303d3a6e314
--- /dev/null
+++ b/hooks/useEditor.ts
@@ -0,0 +1,372 @@
+import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
+import { useMemo } from "react";
+import { useLocalStorage, useMount, useUpdateEffect } from "react-use";
+import { toast } from "sonner";
+import { useRouter } from "next/navigation";
+
+import { defaultHTML } from "@/lib/consts";
+import { Commit, Page, Project } from "@/types";
+import { api } from "@/lib/api";
+import { isTheSameHtml } from "@/lib/compare-html-diff";
+import { useUser } from "./useUser";
+
+export const useEditor = (namespace?: string, repoId?: string) => {
+  const client = useQueryClient();
+  const router = useRouter();
+  const { token } = useUser();
+
+  const { data: project, isFetching: isLoadingProject } = useQuery({
+    queryKey: ["editor.project"],
+    queryFn: async () => {
+      try {
+        const response = await api.get(`/me/projects/${namespace}/${repoId}`);
+        const { project, pages, files, commits } = response.data;
+        if (pages?.length > 0) {
+          setPages(pages);
+        }
+        if (files?.length > 0) {
+          setFiles(files);
+        }
+        if (commits?.length > 0) {
+          setCommits(commits);
+        }
+        return project;
+      } catch (error: any) {
+        toast.error(error.response.data.error);
+        router.push("/");
+        return null;
+      }
+    },
+    retry: false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: 'always',
+    staleTime: 0,
+    gcTime: 0,
+    enabled: !!namespace && !!repoId,
+  });
+  const setProject = (newProject: any) => {
+    const { project, pages, files, commits } = newProject;
+    if (pages?.length > 0) {
+      setPages(pages);
+    }
+    if (files?.length > 0) {
+      setFiles(files);
+    }
+    if (commits?.length > 0) {
+      setCommits(commits);
+    }
+    client.setQueryData(["editor.project"], project);
+  };
+
+  const { data: pages = [] } = useQuery<Page[]>({
+    queryKey: ["editor.pages"],
+    queryFn: async (): Promise<Page[]> => {
+      return [
+        {
+          path: "index.html",
+          html: defaultHTML,
+        },
+      ];
+    },
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    retry: false,
+    initialData: [
+      {
+        path: "index.html",
+        html: defaultHTML,
+      },
+    ],
+  });
+  const setPages = (newPages: Page[] | ((prev: Page[]) => Page[])) => {
+    if (typeof newPages === "function") {
+      const currentPages = client.getQueryData<Page[]>(["editor.pages"]) ?? [];
+      client.setQueryData(["editor.pages"], newPages(currentPages));
+    } else {
+      client.setQueryData(["editor.pages"], newPages);
+    }
+  };
+
+  const { data: currentPage = "index.html" } = useQuery({
+    queryKey: ["editor.currentPage"],
+    queryFn: async () => "index.html",
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+  });
+  const setCurrentPage = (newCurrentPage: string) => {
+    client.setQueryData(["editor.currentPage"], newCurrentPage);
+  };
+
+  const { data: previewPage = "" } = useQuery({
+    queryKey: ["editor.previewPage"],
+    queryFn: async () => "",
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+  });
+  const setPreviewPage = (newPreviewPage: string) => {
+    client.setQueryData(["editor.previewPage"], newPreviewPage);
+  };
+
+  const { data: prompts = [] } = useQuery({
+    queryKey: ["editor.prompts"],
+    queryFn: async () => [],
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    retry: false,
+    initialData: [],
+  });
+  const setPrompts = (newPrompts: string[] | ((prev: string[]) => string[])) => {
+    if (typeof newPrompts === "function") {
+      const currentPrompts = client.getQueryData<string[]>(["editor.prompts"]) ?? [];
+      client.setQueryData(["editor.prompts"], newPrompts(currentPrompts));
+    } else {
+      client.setQueryData(["editor.prompts"], newPrompts);
+    }
+  };
+
+  const { data: files = [] } = useQuery({
+    queryKey: ["editor.files"],
+    queryFn: async () => [],
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    retry: false,
+    initialData: [],
+  });
+  const setFiles = (newFiles: string[] | ((prev: string[]) => string[])) => {
+    if (typeof newFiles === "function") {
+      const currentFiles = client.getQueryData<string[]>(["editor.files"]) ?? [];
+      client.setQueryData(["editor.files"], newFiles(currentFiles));
+    } else {
+      client.setQueryData(["editor.files"], newFiles);
+    }
+  };
+
+  const { data: commits = [] } = useQuery({
+    queryKey: ["editor.commits"],
+    queryFn: async () => [],
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    initialData: [],
+  });
+  const setCommits = (newCommits: Commit[] | ((prev: Commit[]) => Commit[])) => {
+    if (typeof newCommits === "function") {
+      const currentCommits = client.getQueryData<Commit[]>(["editor.commits"]) ?? [];
+      client.setQueryData(["editor.commits"], newCommits(currentCommits));
+    } else {
+      client.setQueryData(["editor.commits"], newCommits);
+    }
+  };
+
+  const { data: device = "desktop" } = useQuery<string>({
+    queryKey: ["editor.device"],
+    queryFn: async () => "desktop",
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    initialData: "desktop",
+  });
+  const setDevice = (newDevice: string | ((prev: string) => string)) => {
+    client.setQueryData(["editor.device"], newDevice);
+  };
+
+  const { data: currentTab = "chat" } = useQuery({
+    queryKey: ["editor.currentTab"],
+    queryFn: async () => "chat",
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+  });
+  const setCurrentTab = (newCurrentTab: string | ((prev: string) => string)) => {
+    client.setQueryData(["editor.currentTab"], newCurrentTab);
+  };
+
+  const { data: currentCommit = null } = useQuery<string | null>({
+    queryKey: ["editor.currentCommit"],
+    queryFn: async () => null,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+  });
+  const setCurrentCommit = (newCurrentCommit: string | null) => {
+    client.setQueryData(["editor.currentCommit"], newCurrentCommit);
+  };
+
+  const currentPageData = useMemo(() => {
+    return pages.find((page) => page.path === currentPage) ?? { path: "index.html", html: defaultHTML };
+  }, [pages, currentPage]);
+
+  const uploadFilesMutation = useMutation({
+    mutationFn: async ({ files, project }: { files: FileList; project: Project }) => {
+      const mediaFiles = Array.from(files).filter((file) => {
+        return file.type.startsWith("image/") || 
+               file.type.startsWith("video/") || 
+               file.type.startsWith("audio/");
+      });
+
+      const data = new FormData();
+      mediaFiles.forEach((file) => {
+        data.append("images", file); // Keep using "images" key for backward compatibility
+      });
+
+      const response = await api.post(
+        `/me/projects/${project.space_id}/images`,
+        data
+      );
+
+      if (!response.data.ok) {
+        throw new Error('Upload failed');
+      }
+      
+      return response.data;
+    },
+    onSuccess: (data) => {
+      setFiles((prev) => [...prev, ...data.uploadedFiles]);
+    },
+  });
+
+  const uploadFiles = (files: FileList | null, project: Project) => {
+    if (!files || !project) return;
+    uploadFilesMutation.mutate({ files, project });
+  };
+
+  // Unsaved changes tracking
+  const { data: lastSavedPages = [] } = useQuery<Page[]>({
+    queryKey: ["editor.lastSavedPages"],
+    queryFn: async () => [],
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    initialData: [],
+  });
+  const setLastSavedPages = (newPages: Page[]) => {
+    client.setQueryData(["editor.lastSavedPages"], newPages);
+  };
+
+  const { data: hasUnsavedChanges = false } = useQuery({
+    queryKey: ["editor.hasUnsavedChanges"],
+    queryFn: async () => false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+  });
+  const setHasUnsavedChanges = (hasChanges: boolean) => {
+    client.setQueryData(["editor.hasUnsavedChanges"], hasChanges);
+  };
+
+  // Save changes mutation
+  const saveChangesMutation = useMutation({
+    mutationFn: async ({ pages, project, namespace, repoId }: { pages: Page[]; project: any; namespace?: string; repoId?: string }) => {
+      if (!project?.space_id || !namespace || !repoId) {
+        throw new Error("Project not found or missing parameters");
+      }
+
+      const response = await api.put(`/me/projects/${namespace}/${repoId}/save`, {
+        pages,
+        commitTitle: "Manual changes saved"
+      });
+
+      if (!response.data.ok) {
+        throw new Error(response.data.message || "Failed to save changes");
+      }
+
+      return response.data;
+    },
+    onSuccess: (data) => {
+      setLastSavedPages([...pages]);
+      setHasUnsavedChanges(false);
+      if (data.commit) {
+        setCommits((prev) => [data.commit, ...prev]);
+      }
+    },
+  });
+
+  const saveChanges = async () => {
+    if (!project || !hasUnsavedChanges || !namespace || !repoId) return;
+    return saveChangesMutation.mutateAsync({ pages, project, namespace, repoId });
+  };
+
+  // Check for unsaved changes when pages change
+  const checkForUnsavedChanges = () => {
+    if (pages.length === 0 || lastSavedPages.length === 0) return;
+    
+    const hasChanges = JSON.stringify(pages) !== JSON.stringify(lastSavedPages);
+    setHasUnsavedChanges(hasChanges);
+  };
+
+  // Update last saved pages when project loads
+  useUpdateEffect(() => {
+    if (project && pages.length > 0 && lastSavedPages.length === 0) {
+      setLastSavedPages([...pages]);
+    }
+  }, [project, pages]);
+
+  // Check for changes when pages change
+  useUpdateEffect(() => {
+    if (lastSavedPages.length > 0) {
+      checkForUnsavedChanges();
+    }
+  }, [pages, lastSavedPages]);
+
+  useUpdateEffect(() => {
+    if (namespace && repoId) {
+      // Reset unsaved changes state when changing projects
+      setHasUnsavedChanges(false);
+      setLastSavedPages([]);
+      
+      // client.invalidateQueries({ queryKey: ["editor.project"] });
+      // client.invalidateQueries({ queryKey: ["editor.pages"] });
+      // client.invalidateQueries({ queryKey: ["editor.files"] });
+      // client.invalidateQueries({ queryKey: ["editor.commits"] });
+      // client.invalidateQueries({ queryKey: ["editor.currentPage"] });
+      client.invalidateQueries({ queryKey: ["editor.currentCommit"] });
+      client.invalidateQueries({ queryKey: ["editor.lastSavedPages"] });
+      client.invalidateQueries({ queryKey: ["editor.hasUnsavedChanges"] });
+    }
+  }, [namespace, repoId])
+
+  const isSameHtml = useMemo(() => {
+    return isTheSameHtml(currentPageData.html);
+  }, [pages]);
+
+  return {
+    isLoadingProject,
+    project,
+    prompts,
+    pages,
+    setPages,
+    setPrompts,
+    files,
+    setFiles,
+    device,
+    setDevice,
+    currentPage,
+    setCurrentPage,
+    previewPage,
+    setPreviewPage,
+    currentPageData,
+    currentTab,
+    setCurrentTab,
+    uploadFiles,
+    commits,
+    setCommits,
+    currentCommit,
+    setCurrentCommit,
+    setProject,
+    isSameHtml,
+    isUploading: uploadFilesMutation.isPending,
+    globalEditorLoading: uploadFilesMutation.isPending || isLoadingProject,
+    // Unsaved changes functionality
+    hasUnsavedChanges,
+    saveChanges,
+    isSaving: saveChangesMutation.isPending,
+    lastSavedPages,
+    setLastSavedPages,
+  };
+};
diff --git a/hooks/useUser.ts b/hooks/useUser.ts
new file mode 100644
index 0000000000000000000000000000000000000000..77850a998cece515709d96701a9ab1f1d9cf884e
--- /dev/null
+++ b/hooks/useUser.ts
@@ -0,0 +1,174 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+"use client";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useCookie } from "react-use";
+import { useRouter } from "next/navigation";
+
+import { ProjectType, User } from "@/types";
+import { api } from "@/lib/api";
+import { toast } from "sonner";
+import MY_TOKEN_KEY from "@/lib/get-cookie-name";
+import { useBroadcastChannel } from "@/lib/useBroadcastChannel";
+
+
+export const useUser = (initialData?: {
+  user: User | null;
+  errCode: number | null;
+  projects: ProjectType[];
+}) => {
+  const client = useQueryClient();
+  const router = useRouter();
+  const [, setCurrentRoute, removeCurrentRoute] = useCookie("deepsite-currentRoute");
+  const [token, setToken, removeToken] = useCookie(MY_TOKEN_KEY());
+
+  const { data: { user, errCode } = { user: null, errCode: null }, isLoading, refetch: refetchMe } =
+    useQuery({
+      queryKey: ["user.me"],
+      queryFn: async () => {
+        const me = await api.get("/me");
+        if (me.data) {
+          if (me.data.projects) {
+            setProjects(me.data.projects);
+          }
+          return { user: me.data.user, errCode: me.data.errCode };
+        }
+        return { user: null, errCode: null };
+      },
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false,
+      refetchOnMount: false,
+      retry: false,
+      enabled: true,
+    });
+
+  const { data: loadingAuth } = useQuery({
+    queryKey: ["loadingAuth"],
+    queryFn: async () => false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+  });
+  const setLoadingAuth = (value: boolean) => {
+    client.setQueryData(["setLoadingAuth"], value);
+  };
+
+  const { data: projects } = useQuery({
+    queryKey: ["me.projects"],
+    queryFn: async () => [],
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    initialData: initialData?.projects || [],
+  });
+  const setProjects = (projects: ProjectType[]) => {
+    client.setQueryData(["me.projects"], projects);
+  };
+
+  // Listen for OAuth callback from popup window
+  useBroadcastChannel("auth", (message: any) => {
+    if (message.type === "user-oauth" && message.code) {
+      loginFromCode(message.code);
+    }
+  });
+
+  const isInIframe = () => {
+    try {
+      return window.self !== window.top;
+    } catch {
+      return true;
+    }
+  };
+
+  const openLoginWindow = async () => {
+    setCurrentRoute(window.location.pathname);
+    
+    // If in iframe, open OAuth in popup window
+    if (isInIframe()) {
+      try {
+        const response = await api.get("/auth/login-url");
+        const loginUrl = response.data?.loginUrl;
+        
+        if (loginUrl) {
+          const width = 600;
+          const height = 700;
+          const left = (window.screen.width - width) / 2;
+          const top = (window.screen.height - height) / 2;
+          
+          window.open(
+            loginUrl,
+            "HuggingFace Login",
+            `width=${width},height=${height},left=${left},top=${top},popup=yes`
+          );
+          return;
+        }
+      } catch (error) {
+        console.error("Failed to open login popup:", error);
+        toast.error("Failed to open login window");
+      }
+    }
+    
+    // Default: navigate to auth page (for non-iframe contexts)
+    return router.push("/auth");
+  };
+
+  const loginFromCode = async (code: string) => {
+    setLoadingAuth(true);
+    if (loadingAuth) return;
+    await api
+      .post("/auth", { code })
+      .then(async (res: any) => {
+        if (res.data && res.data.access_token) {
+          const expiresIn = res.data.expires_in || 3600;
+          const expiresDate = new Date();
+          expiresDate.setTime(expiresDate.getTime() + expiresIn * 1000);
+          
+          const isProduction = window.location.protocol === 'https:';
+          
+          const cookieOptions: any = {
+            expires: expiresDate,
+            path: '/',
+            sameSite: isProduction ? 'none' : 'lax',
+          };
+          
+          if (isProduction) {
+            cookieOptions.secure = true;
+          }
+          
+          setToken(res.data.access_token, cookieOptions);
+          
+          const cookieString = `${MY_TOKEN_KEY()}=${res.data.access_token}; path=/; max-age=${expiresIn}; samesite=${isProduction ? 'none' : 'lax'}${cookieOptions.secure ? '; secure' : ''}`;
+          document.cookie = cookieString;
+          
+          refetchMe();
+          router.push("/")
+          toast.success("Login successful");
+        }
+      })
+      .catch((err: any) => {
+        toast.error(err?.data?.message ?? err.message ?? "An error occurred");
+      })
+      .finally(() => {
+        setLoadingAuth(false);
+      });
+  };
+
+  const logout = async () => {
+    removeToken();
+    removeCurrentRoute();
+    toast.success("Logout successful");
+    client.clear();
+    window.location.reload();
+  };
+
+  return {
+    user,
+    projects,
+    setProjects,
+    errCode,
+    loading: isLoading || loadingAuth,
+    openLoginWindow,
+    loginFromCode,
+    token,
+    logout,
+  };
+};
diff --git a/huggingface.d.ts b/huggingface.d.ts
deleted file mode 100644
index 40754f5ee13b74d48459ce065ca45f873355cdfb..0000000000000000000000000000000000000000
--- a/huggingface.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { SpaceEntry } from "@huggingface/hub";
-
-declare module "@huggingface/hub" {
-  interface SpaceEntry {
-    cardData?: {
-      emoji?: string;
-      title?: string;
-      colorFrom?: string;
-      colorTo?: string;
-    };
-  }
-}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..53139d9b9bca322ef2a57d9824544a2b2f42858d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,34 @@
+<script>
+  document.addEventListener("DOMContentLoaded", () => {
+    const targetOrigins = [
+      "https://huggingface.co/deepsite",
+      "https://enzostvs-deepsite.hf.space",
+    ];
+    document.querySelectorAll("*").forEach((element) => {
+      element.addEventListener("click", () => {
+        targetOrigins.forEach((targetOrigin) => {
+          window.postMessage(
+            { type: "ELEMENT_CLICKED", element },
+            targetOrigin
+          );
+        });
+      });
+      element.addEventListener("mouseover", () => {
+        targetOrigins.forEach((targetOrigin) => {
+          window.postMessage(
+            { type: "ELEMENT_HOVERED_OVER", element },
+            targetOrigin
+          );
+        });
+      });
+      element.addEventListener("mouseout", () => {
+        targetOrigins.forEach((targetOrigin) => {
+          window.postMessage(
+            { type: "ELEMENT_HOVERED_OUT", element },
+            targetOrigin
+          );
+        });
+      });
+    });
+  });
+</script>
diff --git a/lib/api.ts b/lib/api.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d80ed3926cb2ae3b4fd89e9fd80a83b08aff5f9f
--- /dev/null
+++ b/lib/api.ts
@@ -0,0 +1,37 @@
+import axios from "axios";
+import MY_TOKEN_KEY from "./get-cookie-name";
+
+export const api = axios.create({
+  baseURL: `/deepsite/api`,
+  headers: {
+    cache: "no-store",
+  },
+  withCredentials: true, // Ensure cookies are sent with requests
+});
+
+export const apiServer = axios.create({
+  baseURL: process.env.NEXT_APP_API_URL as string,
+  headers: {
+    cache: "no-store",
+  },
+  withCredentials: true, // Ensure cookies are sent with requests
+});
+api.interceptors.request.use(
+  async (config) => {
+    // get the token from cookies
+    const cookie_name = MY_TOKEN_KEY();
+    const token = document.cookie
+      .split("; ")
+      .find((row) => row.startsWith(`${cookie_name}=`))
+      ?.split("=")[1];
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`;
+    }
+    return config;
+  },
+  (error) => {
+    // Handle the error
+    return Promise.reject(error);
+  }
+);
+
diff --git a/lib/auth.ts b/lib/auth.ts
index 2d52b738c2b688f48dc17c4cf93cf6416ed6e1bd..9e3516693366004961acaa31b74ac3bc9e3cc555 100644
--- a/lib/auth.ts
+++ b/lib/auth.ts
@@ -1,70 +1,72 @@
-import type { NextAuthOptions } from "next-auth";
-import { getServerSession } from "next-auth/next";
+import { User } from "@/types";
+import { NextResponse } from "next/server";
+import { cookies, headers } from "next/headers";
+import MY_TOKEN_KEY from "./get-cookie-name";
 
-export const authOptions: NextAuthOptions = {
-  providers: [
-    {
-      id: "huggingface",
-      name: "Hugging Face",
-      type: "oauth",
-      clientId: process.env.AUTH_HUGGINGFACE_ID,
-      clientSecret: process.env.AUTH_HUGGINGFACE_SECRET,
-      wellKnown: "https://huggingface.co/.well-known/openid-configuration",
-      authorization: {
-        url: "https://huggingface.co/oauth/authorize",
-        params: {
-          scope: "openid profile read-repos manage-repos inference-api",
-        },
-      },
-      userinfo: {
-        url: "https://huggingface.co/oauth/userinfo",
-        async request(context) {
-          const { tokens } = context;
-          const response = await fetch("https://huggingface.co/oauth/userinfo", {
-            headers: {
-              Authorization: `Bearer ${tokens.access_token}`,
-            },
-          });
-          const data = await response.json();
-          return data;
-        }
-      },
-      checks: ["state"],
-      async profile(profile) {
-        return {
-          id: profile.sub,
-          name: profile.name || profile.preferred_username,
-          username: profile.preferred_username,
-          image: profile.picture,
-          isPro: profile.isPro
-        };
+// UserResponse = type User & { token: string };
+type UserResponse = User & { token: string };
+
+export const isAuthenticated = async (): // req: NextRequest
+Promise<UserResponse | NextResponse<unknown> | undefined> => {
+  const authHeaders = await headers();
+  const cookieStore = await cookies();
+  const token = cookieStore.get(MY_TOKEN_KEY())?.value
+    ? `Bearer ${cookieStore.get(MY_TOKEN_KEY())?.value}`
+    : authHeaders.get("Authorization");
+
+  if (!token) {
+    return NextResponse.json(
+      {
+        ok: false,
+        message: "Wrong castle fam :(",
       },
-    },
-  ],
-  callbacks: {
-    async jwt({ token, account, user }) {
-      if (account) {
-        token.accessToken = account.access_token;
-      }
-      if (user) {
-        token.username = user.username;
-        token.isPro = user.isPro;
+      {
+        status: 401,
+        headers: {
+          "Content-Type": "application/json",
+        },
       }
-      return token;
+    );
+  }
+
+  const user = await fetch("https://huggingface.co/api/whoami-v2", {
+    headers: {
+      Authorization: token,
     },
-    async session({ session, token }) {
-      session.accessToken = token.accessToken;
-      if (session.user) {
-        session.user.username = token.username;
-        session.user.isPro = token.isPro;
+    method: "GET",
+  })
+    .then((res) => res.json())
+    .catch(() => {
+      return NextResponse.json(
+        {
+          ok: false,
+          message: "Invalid token",
+        },
+        {
+          status: 401,
+          headers: {
+            "Content-Type": "application/json",
+          },
+        }
+      );
+    });
+  if (!user || !user.id) {
+    return NextResponse.json(
+      {
+        ok: false,
+        message: "Invalid token",
+      },
+      {
+        status: 401,
+        headers: {
+          "Content-Type": "application/json",
+        },
       }
-      return session;
-    },
-  },
-  pages: {
-    signIn: "/signin",
-  },
-  secret: process.env.NEXTAUTH_SECRET,
-};
+    );
+  }
 
-export const auth = () => getServerSession(authOptions);
+  return {
+    ...user,
+    token: token.replace("Bearer ", ""),
+  };
+};
diff --git a/lib/best-provider.ts b/lib/best-provider.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8aa4e8fcbb5d9d20d8fcdb40f659b1424e4eef2f
--- /dev/null
+++ b/lib/best-provider.ts
@@ -0,0 +1,17 @@
+export const getBestProvider = async (model: string, provider?: string) => {
+  const response = await fetch(`https://router.huggingface.co/v1/models/${model}`)
+  const { data } = await response.json()
+  let bestProvider = null;
+  if (provider === "auto") {
+    return "auto";
+  } else {
+    const providerData = data.providers.find((p: any) => p.provider === provider)
+    if (providerData?.status === "live") {
+      bestProvider = providerData.provider;
+    } else {
+      bestProvider = "auto"
+    }
+  }
+
+  return bestProvider
+}
\ No newline at end of file
diff --git a/lib/compare-html-diff.ts b/lib/compare-html-diff.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4f6d19cfe3ce1bb420b3020ee42cbce718f4721c
--- /dev/null
+++ b/lib/compare-html-diff.ts
@@ -0,0 +1,11 @@
+import { defaultHTML } from "./consts";
+
+export const isTheSameHtml = (currentHtml: string): boolean => {
+  const normalize = (html: string): string =>
+    html
+      .replace(/<!--[\s\S]*?-->/g, "")
+      .replace(/\s+/g, " ")
+      .trim();
+
+  return normalize(defaultHTML) === normalize(currentHtml);
+};
diff --git a/lib/consts.ts b/lib/consts.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fcaa41c395ba4ebc3d3de77bd3983f61ad0a180c
--- /dev/null
+++ b/lib/consts.ts
@@ -0,0 +1,21 @@
+export const defaultHTML = `<!DOCTYPE html>
+<html>
+  <head>
+    <title>My app</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta charset="utf-8">
+    <script src="https://cdn.tailwindcss.com"></script>
+  </head>
+  <body class="flex justify-center items-center h-screen overflow-hidden bg-white font-sans text-center px-6">
+    <div class="w-full">
+      <span class="text-xs rounded-full mb-2 inline-block px-2 py-1 border border-amber-500/15 bg-amber-500/15 text-amber-500">🔥 New version dropped!</span>
+      <h1 class="text-4xl lg:text-6xl font-bold font-sans">
+        <span class="text-2xl lg:text-4xl text-gray-400 block font-medium">I'm ready to work,</span>
+        Ask me anything.
+      </h1>
+    </div>
+      <img src="https://huggingface.co/deepsite/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-[30deg]" />
+    <script></script>
+  </body>
+</html>
+`;
diff --git a/lib/format-ai-response.ts b/lib/format-ai-response.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a6bd67bb637b230d7914dc999fe2fccf978f9cfe
--- /dev/null
+++ b/lib/format-ai-response.ts
@@ -0,0 +1,257 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Page } from "@/types";
+import {
+  DIVIDER,
+  NEW_FILE_END,
+  NEW_FILE_START,
+  REPLACE_END,
+  SEARCH_START,
+  UPDATE_FILE_END,
+  UPDATE_FILE_START,
+} from "./prompts";
+
+/**
+ * Escape special regex characters in a string
+ */
+export const escapeRegExp = (string: string): string => {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+};
+
+/**
+ * Create a flexible HTML regex that accounts for whitespace variations
+ */
+export const createFlexibleHtmlRegex = (searchBlock: string): RegExp => {
+  let searchRegex = escapeRegExp(searchBlock)
+    .replace(/\s+/g, '\\s*')
+    .replace(/>\s*</g, '>\\s*<')
+    .replace(/\s*>/g, '\\s*>');
+  
+  return new RegExp(searchRegex, 'g');
+};
+
+/**
+ * Process AI response chunk and apply updates to pages
+ * Returns updated pages and updated line numbers
+ */
+export interface ProcessAiResponseResult {
+  updatedPages: Page[];
+  updatedLines: number[][];
+}
+
+export const processAiResponse = (
+  chunk: string,
+  pages: Page[]
+): ProcessAiResponseResult => {
+  const updatedLines: number[][] = [];
+  const updatedPages = [...pages];
+
+  // Process UPDATE_FILE blocks
+  const updateFileRegex = new RegExp(
+    `${UPDATE_FILE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}([\\s\\S]*?)${UPDATE_FILE_END.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}([\\s\\S]*?)(?=${UPDATE_FILE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}|${NEW_FILE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}|$)`,
+    'g'
+  );
+  let updateFileMatch;
+
+  while ((updateFileMatch = updateFileRegex.exec(chunk)) !== null) {
+    const [, filePathRaw, fileContent] = updateFileMatch;
+    const filePath = filePathRaw.trim();
+
+    const pageIndex = updatedPages.findIndex(p => p.path === filePath);
+    if (pageIndex !== -1) {
+      let pageHtml = updatedPages[pageIndex].html;
+
+      let processedContent = fileContent;
+      const htmlMatch = fileContent.match(/```html\s*([\s\S]*?)\s*```/);
+      if (htmlMatch) {
+        processedContent = htmlMatch[1];
+      }
+      let position = 0;
+      let moreBlocks = true;
+
+      while (moreBlocks) {
+        const searchStartIndex = processedContent.indexOf(SEARCH_START, position);
+        if (searchStartIndex === -1) {
+          moreBlocks = false;
+          continue;
+        }
+
+        const dividerIndex = processedContent.indexOf(DIVIDER, searchStartIndex);
+        if (dividerIndex === -1) {
+          moreBlocks = false;
+          continue;
+        }
+
+        const replaceEndIndex = processedContent.indexOf(REPLACE_END, dividerIndex);
+        if (replaceEndIndex === -1) {
+          moreBlocks = false;
+          continue;
+        }
+
+        const searchBlock = processedContent.substring(
+          searchStartIndex + SEARCH_START.length,
+          dividerIndex
+        );
+        const replaceBlock = processedContent.substring(
+          dividerIndex + DIVIDER.length,
+          replaceEndIndex
+        );
+
+        if (searchBlock.trim() === "") {
+          pageHtml = `${replaceBlock}\n${pageHtml}`;
+          updatedLines.push([1, replaceBlock.split("\n").length]);
+        } else {
+          const regex = createFlexibleHtmlRegex(searchBlock);
+          const match = regex.exec(pageHtml);
+
+          if (match) {
+            const matchedText = match[0];
+            const beforeText = pageHtml.substring(0, match.index);
+            const startLineNumber = beforeText.split("\n").length;
+            const replaceLines = replaceBlock.split("\n").length;
+            const endLineNumber = startLineNumber + replaceLines - 1;
+
+            updatedLines.push([startLineNumber, endLineNumber]);
+            pageHtml = pageHtml.replace(matchedText, replaceBlock);
+          }
+        }
+
+        position = replaceEndIndex + REPLACE_END.length;
+      }
+
+      updatedPages[pageIndex].html = pageHtml;
+    }
+  }
+
+  // Process NEW_FILE blocks
+  const newFileRegex = new RegExp(
+    `${NEW_FILE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}([\\s\\S]*?)${NEW_FILE_END.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}([\\s\\S]*?)(?=${UPDATE_FILE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}|${NEW_FILE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}|$)`,
+    'g'
+  );
+  let newFileMatch;
+
+  while ((newFileMatch = newFileRegex.exec(chunk)) !== null) {
+    const [, filePathRaw, fileContent] = newFileMatch;
+    const filePath = filePathRaw.trim();
+
+    let fileData = fileContent;
+    // Try to extract content from code blocks
+    const htmlMatch = fileContent.match(/```html\s*([\s\S]*?)\s*```/);
+    const cssMatch = fileContent.match(/```css\s*([\s\S]*?)\s*```/);
+    const jsMatch = fileContent.match(/```javascript\s*([\s\S]*?)\s*```/);
+
+    if (htmlMatch) {
+      fileData = htmlMatch[1];
+    } else if (cssMatch) {
+      fileData = cssMatch[1];
+    } else if (jsMatch) {
+      fileData = jsMatch[1];
+    }
+
+    const existingFileIndex = updatedPages.findIndex(p => p.path === filePath);
+
+    if (existingFileIndex !== -1) {
+      updatedPages[existingFileIndex] = {
+        path: filePath,
+        html: fileData.trim()
+      };
+    } else {
+      updatedPages.push({
+        path: filePath,
+        html: fileData.trim()
+      });
+    }
+  }
+
+  // Fallback: process SEARCH/REPLACE blocks without UPDATE_FILE wrapper (backward compatibility)
+  if (updatedPages.length === pages.length && !chunk.includes(UPDATE_FILE_START)) {
+    let position = 0;
+    let moreBlocks = true;
+    let newHtml = updatedPages[0]?.html || "";
+
+    while (moreBlocks) {
+      const searchStartIndex = chunk.indexOf(SEARCH_START, position);
+      if (searchStartIndex === -1) {
+        moreBlocks = false;
+        continue;
+      }
+
+      const dividerIndex = chunk.indexOf(DIVIDER, searchStartIndex);
+      if (dividerIndex === -1) {
+        moreBlocks = false;
+        continue;
+      }
+
+      const replaceEndIndex = chunk.indexOf(REPLACE_END, dividerIndex);
+      if (replaceEndIndex === -1) {
+        moreBlocks = false;
+        continue;
+      }
+
+      const searchBlock = chunk.substring(
+        searchStartIndex + SEARCH_START.length,
+        dividerIndex
+      );
+      const replaceBlock = chunk.substring(
+        dividerIndex + DIVIDER.length,
+        replaceEndIndex
+      );
+
+      if (searchBlock.trim() === "") {
+        newHtml = `${replaceBlock}\n${newHtml}`;
+        updatedLines.push([1, replaceBlock.split("\n").length]);
+      } else {
+        const regex = createFlexibleHtmlRegex(searchBlock);
+        const match = regex.exec(newHtml);
+
+        if (match) {
+          const matchedText = match[0];
+          const beforeText = newHtml.substring(0, match.index);
+          const startLineNumber = beforeText.split("\n").length;
+          const replaceLines = replaceBlock.split("\n").length;
+          const endLineNumber = startLineNumber + replaceLines - 1;
+
+          updatedLines.push([startLineNumber, endLineNumber]);
+          newHtml = newHtml.replace(matchedText, replaceBlock);
+        }
+      }
+
+      position = replaceEndIndex + REPLACE_END.length;
+    }
+
+    const mainPageIndex = updatedPages.findIndex(p => p.path === '/' || p.path === '/index' || p.path === 'index');
+    if (mainPageIndex !== -1) {
+      updatedPages[mainPageIndex].html = newHtml;
+    }
+  }
+
+  return { updatedPages, updatedLines };
+};
+
+/**
+ * Convert pages to File objects for upload to HuggingFace
+ */
+export const pagesToFiles = (pages: Page[]): File[] => {
+  const files: File[] = [];
+  pages.forEach((page: Page) => {
+    let mimeType = "text/html";
+    if (page.path.endsWith(".css")) {
+      mimeType = "text/css";
+    } else if (page.path.endsWith(".js")) {
+      mimeType = "text/javascript";
+    } else if (page.path.endsWith(".json")) {
+      mimeType = "application/json";
+    }
+    const file = new File([page.html], page.path, { type: mimeType });
+    files.push(file);
+  });
+  return files;
+};
+
+/**
+ * Extract project name from AI response
+ */
+export const extractProjectName = (chunk: string): string | null => {
+  const projectName = chunk.match(/<<<<<<< PROJECT_NAME_START\s*([\s\S]*?)\s*>>>>>>> PROJECT_NAME_END/)?.[1]?.trim();
+  return projectName || null;
+};
+
diff --git a/lib/format.ts b/lib/format.ts
deleted file mode 100644
index 5129508c55ee563557672c7486f04993c9e7d5a5..0000000000000000000000000000000000000000
--- a/lib/format.ts
+++ /dev/null
@@ -1,335 +0,0 @@
-import {
-  END_FILE_CONTENT,
-  END_PROJECT_NAME,
-  START_FILE_CONTENT,
-  START_PROJECT_NAME,
-  SEARCH_START,
-  DIVIDER,
-  REPLACE_END,
-} from "./prompts";
-import { File } from "./type";
-
-// todo: the Editing stuffs in message doesnt show when it"s a SEARCH and REPLACE operation, I mean it shows it but only at the end of the message, not during the generation. fix that.
-
-/**
- * Validates that a filename has an extension.
- * Returns the filename if valid, null otherwise.
- * Allows dotfiles (like .gitignore) and regular files with extensions (like app.py).
- */
-const validateFilename = (filename: string): string | null => {
-  if (!filename) return null;
-
-  const trimmed = filename.trim();
-  if (!trimmed) return null;
-
-  // Find the last dot in the filename
-  const lastDotIndex = trimmed.lastIndexOf(".");
-
-  // No dot found - invalid (no extension)
-  if (lastDotIndex === -1) return null;
-
-  // Dot at the end - invalid (no extension after dot)
-  if (lastDotIndex === trimmed.length - 1) return null;
-
-  // Dot at the start - this is a dotfile (like .gitignore), which is valid
-  // Dot in the middle - this is a regular file with extension (like app.py), which is valid
-  // Both cases are acceptable as long as there's something after the dot
-
-  return trimmed;
-};
-
-/**
- * Check if the end of a string contains a partial match of a target string
- */
-const hasPartialMarkerAtEnd = (text: string, marker: string): number => {
-  // Check for partial matches starting from length 3 (to avoid false positives with common substrings)
-  for (
-    let len = Math.max(3, Math.floor(marker.length / 2));
-    len < marker.length;
-    len++
-  ) {
-    const partialMarker = marker.substring(0, len);
-    if (text.endsWith(partialMarker)) {
-      return len; // Return the length of the partial match
-    }
-  }
-  return 0; // No partial match found
-};
-
-/**
- * Extract message content by removing all special markers and their content
- */
-const extractMessageContent = (message: string): string => {
-  let result = message;
-
-  // Remove all complete START_FILE_CONTENT...END_FILE_CONTENT blocks
-  const fileContentRegex = new RegExp(
-    `${START_FILE_CONTENT}[\\s\\S]*?${END_FILE_CONTENT}`,
-    "g"
-  );
-  result = result.replace(fileContentRegex, "");
-
-  // Remove incomplete START_FILE_CONTENT blocks (streaming - no END_FILE_CONTENT yet)
-  const incompleteFileIndex = result.indexOf(START_FILE_CONTENT);
-  if (incompleteFileIndex !== -1) {
-    result = result.substring(0, incompleteFileIndex);
-  }
-
-  // Remove all complete START_PROJECT_NAME...END_PROJECT_NAME blocks
-  const projectNameRegex = new RegExp(
-    `${START_PROJECT_NAME}[\\s\\S]*?${END_PROJECT_NAME}`,
-    "g"
-  );
-  result = result.replace(projectNameRegex, "");
-
-  // Remove incomplete START_PROJECT_NAME blocks (streaming - no END_PROJECT_NAME yet)
-  const incompleteProjectIndex = result.indexOf(START_PROJECT_NAME);
-  if (incompleteProjectIndex !== -1) {
-    result = result.substring(0, incompleteProjectIndex);
-  }
-
-  // Remove all complete SEARCH_START...REPLACE_END blocks
-  const searchReplaceRegex = new RegExp(
-    `${SEARCH_START}[\\s\\S]*?${REPLACE_END}`,
-    "g"
-  );
-  result = result.replace(searchReplaceRegex, "");
-
-  // Remove incomplete SEARCH_START blocks (streaming - no REPLACE_END yet)
-  const incompleteSearchIndex = result.indexOf(SEARCH_START);
-  if (incompleteSearchIndex !== -1) {
-    result = result.substring(0, incompleteSearchIndex);
-  }
-
-  // Handle incomplete/partial markers at the end (for streaming)
-  // This is critical to prevent showing marker text to users during streaming
-  const markers = [START_FILE_CONTENT, START_PROJECT_NAME, SEARCH_START];
-
-  for (const marker of markers) {
-    const partialLength = hasPartialMarkerAtEnd(result, marker);
-    if (partialLength > 0) {
-      result = result.substring(0, result.length - partialLength);
-      break; // Only one marker can be at the end
-    }
-  }
-
-  // Clean up extra whitespace
-  return result.trim();
-};
-
-export const formatResponse = (message: string, currentFiles: File[]) => {
-  // Track which files have been created or modified
-  const modifiedFiles = new Map<string, File>();
-
-  // Extract message content (everything outside special markers)
-  const messageContent = extractMessageContent(message);
-
-  // Extract project title
-  let projectTitle =
-    message.split(START_PROJECT_NAME)[1]?.split(END_PROJECT_NAME)[0]?.trim() ??
-    "";
-
-  // Handle partial project title markers
-  if (projectTitle && !message.includes(END_PROJECT_NAME)) {
-    for (let i = END_PROJECT_NAME.length - 1; i > 0; i--) {
-      const partialMarker = END_PROJECT_NAME.substring(0, i);
-      if (projectTitle.endsWith(partialMarker)) {
-        projectTitle = projectTitle
-          .substring(0, projectTitle.length - partialMarker.length)
-          .trim();
-        break;
-      }
-    }
-  }
-
-  if (message.includes(SEARCH_START)) {
-    const searchSections = message.split(SEARCH_START).slice(1);
-
-    for (
-      let sectionIndex = 0;
-      sectionIndex < searchSections.length;
-      sectionIndex++
-    ) {
-      const section = searchSections[sectionIndex];
-      const isLastSection = sectionIndex === searchSections.length - 1;
-
-      // Check if this section has a complete REPLACE_END marker
-      const hasReplaceEnd = section.includes(REPLACE_END);
-
-      // For incomplete sections (last section without REPLACE_END), skip processing
-      // to avoid applying partial replacements that corrupt the file
-      if (isLastSection && !hasReplaceEnd) {
-        continue;
-      }
-
-      const searchPart = section.split(REPLACE_END)[0];
-      if (!searchPart) continue;
-
-      const dividerIndex = searchPart.indexOf(DIVIDER);
-      if (dividerIndex === -1) continue;
-
-      const searchContent = searchPart.substring(0, dividerIndex);
-      const replaceContent = searchPart.substring(
-        dividerIndex + DIVIDER.length
-      );
-
-      if (!searchContent || !replaceContent) continue;
-
-      // Extract filename from the first line (same line as SEARCH_START)
-      const firstNewlineIndex = searchContent.indexOf("\n");
-      let filename = "";
-      let searchContentAfterFilename = searchContent;
-
-      if (firstNewlineIndex !== -1) {
-        // Filename is on the first line (same line as SEARCH_START marker)
-        filename = searchContent.substring(0, firstNewlineIndex).trim();
-        searchContentAfterFilename = searchContent.substring(
-          firstNewlineIndex + 1
-        );
-      } else {
-        // No newline found, entire content might be just the filename
-        filename = searchContent.trim();
-        searchContentAfterFilename = "";
-      }
-
-      // Validate filename has extension
-      const validatedFilename = validateFilename(filename);
-      if (!validatedFilename) continue;
-      filename = validatedFilename;
-
-      const searchCodeStart = searchContentAfterFilename.indexOf("```");
-      if (searchCodeStart === -1) continue;
-
-      const searchCodeBlock =
-        searchContentAfterFilename.substring(searchCodeStart);
-      let searchMatch = searchCodeBlock.match(/^```[\w]*\n?([\s\S]*?)```/);
-      if (!searchMatch) {
-        searchMatch = searchCodeBlock.match(/^```[\w]*\n?([\s\S]*)/);
-      }
-      if (!searchMatch) continue;
-
-      const searchText = searchMatch[1].trim();
-
-      const replaceCodeStart = replaceContent.indexOf("```");
-      if (replaceCodeStart === -1) continue;
-
-      const replaceCodeBlock = replaceContent.substring(replaceCodeStart);
-      let replaceMatch = replaceCodeBlock.match(/^```[\w]*\n?([\s\S]*?)```/);
-      if (!replaceMatch) {
-        replaceMatch = replaceCodeBlock.match(/^```[\w]*\n?([\s\S]*)/);
-      }
-      if (!replaceMatch) continue;
-
-      let replaceText = replaceMatch[1];
-      for (let i = 1; i < 3; i++) {
-        const partialClosing = "`".repeat(i);
-        if (replaceText.endsWith(partialClosing)) {
-          replaceText = replaceText.substring(0, replaceText.length - i);
-          break;
-        }
-      }
-      replaceText = replaceText.trim();
-
-      // First check if we already have a modified version of this file in the current operation
-      const existingModifiedFile = modifiedFiles.get(filename);
-      const fileToModify =
-        existingModifiedFile || currentFiles.find((f) => f.path === filename);
-
-      if (fileToModify && fileToModify.content) {
-        const newContent = fileToModify.content.replace(
-          searchText,
-          replaceText
-        );
-        if (newContent !== fileToModify.content) {
-          modifiedFiles.set(filename, { path: filename, content: newContent });
-        }
-      } else if (!fileToModify) {
-        modifiedFiles.set(filename, { path: filename, content: replaceText });
-      }
-    }
-  }
-
-  // Handle new file creation blocks
-  if (message.includes(START_FILE_CONTENT)) {
-    const fileSections = message.split(START_FILE_CONTENT).slice(1);
-
-    for (const section of fileSections) {
-      const rawContent = section.split(END_FILE_CONTENT)[0] || "";
-
-      // Extract filename - it's on the same line as START_FILE_CONTENT (before first newline)
-      const firstNewlineIndex = rawContent.indexOf("\n");
-      let path = "";
-      let contentAfterFilename = rawContent;
-
-      if (firstNewlineIndex !== -1) {
-        // Filename is before the first newline (same line as START_FILE_CONTENT marker)
-        path = rawContent.substring(0, firstNewlineIndex).trim();
-        contentAfterFilename = rawContent.substring(firstNewlineIndex + 1);
-      } else {
-        // No newline found, entire content might be just the filename
-        path = rawContent.trim();
-        contentAfterFilename = "";
-      }
-
-      // Validate that path has an extension
-      const validatedPath = validateFilename(path);
-      if (!validatedPath) continue;
-      path = validatedPath;
-
-      // Find code block
-      const codeBlockStart = contentAfterFilename.indexOf("```");
-
-      if (codeBlockStart === -1) {
-        // No code block, use raw content after filename
-        const content = contentAfterFilename.trim();
-        if (content || !currentFiles.find((f) => f.path === path)) {
-          // Always add files from the message
-          modifiedFiles.set(path, { path, content });
-        }
-      } else {
-        // Has code block - extract content between ``` markers
-        const afterCodeBlockStart =
-          contentAfterFilename.substring(codeBlockStart);
-
-        // Try to match complete code block first
-        const completeMatch = afterCodeBlockStart.match(
-          /^```[\w]*\n?([\s\S]*?)```/
-        );
-
-        if (completeMatch) {
-          const content = completeMatch[1].trim();
-          modifiedFiles.set(path, { path, content });
-        } else {
-          // Incomplete code block (streaming) - match everything after opening ```
-          const incompleteMatch = afterCodeBlockStart.match(
-            /^```[\w]*\n?([\s\S]*)/
-          );
-          if (incompleteMatch) {
-            let content = incompleteMatch[1];
-            // Remove trailing partial closing marker if present
-            for (let i = 1; i < 3; i++) {
-              const partialClosing = "`".repeat(i);
-              if (content.endsWith(partialClosing)) {
-                content = content.substring(0, content.length - i);
-                break;
-              }
-            }
-            content = content.trim();
-            modifiedFiles.set(path, { path, content });
-          }
-        }
-      }
-    }
-  }
-
-  // Convert modified files map to array
-  const files = Array.from(modifiedFiles.values())?.filter(
-    (file) => file.path !== "README.md"
-  );
-
-  return {
-    messageContent,
-    files,
-    projectTitle,
-  };
-};
diff --git a/lib/get-cookie-name.ts b/lib/get-cookie-name.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4aba7c78947957e2a996b271f1d100b279bc7d9c
--- /dev/null
+++ b/lib/get-cookie-name.ts
@@ -0,0 +1,3 @@
+export default function MY_TOKEN_KEY() {
+  return "deepsite-auth-token";
+}
diff --git a/lib/get-providers.ts b/lib/get-providers.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b40cc405f7c2ab42a1cbd4d049e7d85f831352e4
--- /dev/null
+++ b/lib/get-providers.ts
@@ -0,0 +1,5 @@
+export const getProviders = async (model: string) => {
+  const response = await fetch(`https://router.huggingface.co/v1/models/${model}`)
+  const { data } = await response.json()
+  return data.providers.map((provider: any) => provider.provider)
+}
\ No newline at end of file
diff --git a/lib/html-tag-to-text.ts b/lib/html-tag-to-text.ts
new file mode 100644
index 0000000000000000000000000000000000000000..62296f4cbe06f57eabe299126cf85bcf7694b115
--- /dev/null
+++ b/lib/html-tag-to-text.ts
@@ -0,0 +1,96 @@
+export const htmlTagToText = (tagName: string): string => {
+  switch (tagName.toLowerCase()) {
+    case "h1":
+      return "Heading 1";
+    case "h2":
+      return "Heading 2";
+    case "h3":
+      return "Heading 3";
+    case "h4":
+      return "Heading 4";
+    case "h5":
+      return "Heading 5";
+    case "h6":
+      return "Heading 6";
+    case "p":
+      return "Text Paragraph";
+    case "span":
+      return "Inline Text";
+    case "button":
+      return "Button";
+    case "input":
+      return "Input Field";
+    case "select":
+      return "Select Dropdown";
+    case "textarea":
+      return "Text Area";
+    case "form":
+      return "Form";
+    case "table":
+      return "Table";
+    case "thead":
+      return "Table Header";
+    case "tbody":
+      return "Table Body";
+    case "tr":
+      return "Table Row";
+    case "th":
+      return "Table Header Cell";
+    case "td":
+      return "Table Data Cell";
+    case "nav":
+      return "Navigation";
+    case "header":
+      return "Header";
+    case "footer":
+      return "Footer";
+    case "section":
+      return "Section";
+    case "article":
+      return "Article";
+    case "aside":
+      return "Aside";
+    case "div":
+      return "Block";
+    case "main":
+      return "Main Content";
+    case "details":
+      return "Details";
+    case "summary":
+      return "Summary";
+    case "code":
+      return "Code Snippet";
+    case "pre":
+      return "Preformatted Text";
+    case "kbd":
+      return "Keyboard Input";
+    case "label":
+      return "Label";
+    case "canvas":
+      return "Canvas";
+    case "svg":
+      return "SVG Graphic";
+    case "video":
+      return "Video Player";
+    case "audio":
+      return "Audio Player";
+    case "iframe":
+      return "Embedded Frame";
+    case "link":
+      return "Link";
+    case "a":
+      return "Link";
+    case "img":
+      return "Image";
+    case "ul":
+      return "Unordered List";
+    case "ol":
+      return "Ordered List";
+    case "li":
+      return "List Item";
+    case "blockquote":
+      return "Blockquote";
+    default:
+      return tagName.charAt(0).toUpperCase() + tagName.slice(1);
+  }
+};
diff --git a/lib/inject-badge.ts b/lib/inject-badge.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3c7a99ebb86a11adfc1bd9b9f39dd91da8443a39
--- /dev/null
+++ b/lib/inject-badge.ts
@@ -0,0 +1,50 @@
+/**
+ * Injects the DeepSite badge script into HTML content before the closing </body> tag.
+ * If the script already exists, it ensures only one instance is present.
+ * 
+ * @param html - The HTML content to inject the script into
+ * @returns The HTML content with the badge script injected
+ */
+export function injectDeepSiteBadge(html: string): string {
+  const badgeScript = '<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>';
+  
+  // Remove any existing badge script to avoid duplicates
+  const cleanedHtml = html.replace(
+    /<script\s+src=["']https:\/\/deepsite\.hf\.co\/deepsite-badge\.js["']\s*><\/script>\s*/gi,
+    ''
+  );
+  
+  // Check if there's a closing body tag
+  const bodyCloseIndex = cleanedHtml.lastIndexOf('</body>');
+  
+  if (bodyCloseIndex !== -1) {
+    // Inject the script before the closing </body> tag
+    return (
+      cleanedHtml.slice(0, bodyCloseIndex) +
+      badgeScript +
+      '\n' +
+      cleanedHtml.slice(bodyCloseIndex)
+    );
+  }
+  
+  // If no closing body tag, append the script at the end
+  return cleanedHtml + '\n' + badgeScript;
+}
+
+/**
+ * Checks if a page path represents the main index page
+ * 
+ * @param path - The page path to check
+ * @returns True if the path represents the main index page
+ */
+export function isIndexPage(path: string): boolean {
+  const normalizedPath = path.toLowerCase();
+  return (
+    normalizedPath === '/' ||
+    normalizedPath === 'index' ||
+    normalizedPath === '/index' ||
+    normalizedPath === 'index.html' ||
+    normalizedPath === '/index.html'
+  );
+}
+
diff --git a/lib/logger.ts b/lib/logger.ts
new file mode 100644
index 0000000000000000000000000000000000000000..153b86a34545610dfcba3b73c5241bd87ec21c05
--- /dev/null
+++ b/lib/logger.ts
@@ -0,0 +1,13 @@
+import log4js from "log4js";
+import log4jsJsonLayout from "log4js-json-layout";
+
+log4js.addLayout('json', log4jsJsonLayout);
+log4js.configure({
+  appenders: { out: { type: 'stdout', layout: { type: 'json' } } },
+  categories: { default: { appenders: ['out'], level: 'info' } },
+});
+
+const logger = log4js.getLogger();
+logger.level = 'info';
+
+export default logger;
\ No newline at end of file
diff --git a/lib/max-tokens.ts b/lib/max-tokens.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bff826738e933b8a26f0fedef7ab38cda4fea15b
--- /dev/null
+++ b/lib/max-tokens.ts
@@ -0,0 +1,95 @@
+/**
+ * Calculate optimal max_tokens based on provider capabilities and input size
+ * 
+ * @param selectedProvider - The selected provider object from getBestProvider
+ * @param inputTokens - Estimated input tokens (prompt + system message + context)
+ * @param isStreaming - Whether this is a streaming request (affects buffer)
+ * @returns Optimal max_tokens value
+ */
+export function calculateMaxTokens(
+  selectedProvider: any,
+  inputTokens: number = 0,
+  isStreaming: boolean = false
+): number {
+  if (!selectedProvider?.context_length) {
+    // Fallback for unknown providers - use conservative default
+    return 4096;
+  }
+
+  const contextLength = selectedProvider.context_length;
+  
+  // Reserve buffer for safety and potential tokenization differences
+  const safetyBuffer = isStreaming ? 1000 : 500;
+  
+  // Calculate available tokens for output
+  const availableTokens = contextLength - inputTokens - safetyBuffer;
+  
+  // Define reasonable max output limits based on use case
+  const useCase = {
+    // For HTML generation, we typically need substantial output
+    htmlGeneration: Math.min(32_000, availableTokens),
+    // For code editing, moderate output is usually sufficient  
+    codeEditing: Math.min(16_000, availableTokens),
+    // Conservative fallback
+    default: Math.min(8_000, availableTokens)
+  };
+  
+  // Choose based on available tokens and provider capabilities
+  let targetTokens: number;
+  
+  if (availableTokens >= 32_000) {
+    targetTokens = useCase.htmlGeneration;
+  } else if (availableTokens >= 16_000) {
+    targetTokens = useCase.codeEditing;
+  } else {
+    targetTokens = useCase.default;
+  }
+  
+  // Ensure we don't go below minimum viable output
+  const minimumViableOutput = 2048;
+  if (targetTokens < minimumViableOutput) {
+    // If we can't provide minimum viable output, try with minimal buffer
+    const minimalBuffer = 200;
+    targetTokens = Math.max(
+      minimumViableOutput,
+      contextLength - inputTokens - minimalBuffer
+    );
+  }
+  
+  // Final safety check - never exceed context length
+  return Math.min(targetTokens, contextLength - inputTokens - 100);
+}
+
+/**
+ * Estimate input tokens for a request (rough estimation)
+ * 
+ * @param systemPrompt - System prompt content
+ * @param userPrompt - User prompt content  
+ * @param additionalContext - Additional context (templates, pages, etc.)
+ * @returns Estimated token count
+ */
+export function estimateInputTokens(
+  systemPrompt: string = "",
+  userPrompt: string = "",
+  additionalContext: string = ""
+): number {
+  // Rough estimation: ~4 characters per token for English text
+  // This is conservative - actual tokenization may vary
+  const totalChars = systemPrompt.length + userPrompt.length + additionalContext.length;
+  return Math.ceil(totalChars / 3.5); // Slightly more conservative than 4 chars/token
+}
+
+/**
+ * Get max_tokens configuration for specific providers with special handling
+ */
+export function getProviderSpecificConfig(selectedProvider: any, baseMaxTokens: number) {
+  const providerName = selectedProvider?.provider;
+  
+  switch (providerName) {
+    case "sambanova":
+      // SambaNova has specific limitations - don't set max_tokens
+      return {};
+    default:
+      return { max_tokens: baseMaxTokens };
+  }
+}
diff --git a/lib/mongodb.ts b/lib/mongodb.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8145d079b0623c2ead2454f2d5329e644a69ab0a
--- /dev/null
+++ b/lib/mongodb.ts
@@ -0,0 +1,28 @@
+import mongoose from "mongoose";
+
+const MONGODB_URI = process.env.MONGODB_URI;
+// @ts-expect-error iknown issue with mongoose types
+let cached = global.mongoose;
+
+if (!cached) {
+  // @ts-expect-error iknown issue with mongoose types
+  cached = global.mongoose = { conn: null, promise: null };
+}
+
+async function dbConnect() {
+  if (cached.conn) {
+    return cached.conn;
+  }
+
+  if (!cached.promise) {
+    cached.promise = mongoose
+      .connect(MONGODB_URI as string)
+      .then((mongoose) => {
+        return mongoose;
+      });
+  }
+  cached.conn = await cached.promise;
+  return cached.conn;
+}
+
+export default dbConnect;
diff --git a/lib/onboarding.tsx b/lib/onboarding.tsx
deleted file mode 100644
index 377a87367b344c705e6ee9f56ccba72bbea5a159..0000000000000000000000000000000000000000
--- a/lib/onboarding.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-import { Button } from "@/components/ui/button";
-import type { Tour } from "nextstepjs";
-import { FaDiscord } from "react-icons/fa6";
-import { DISCORD_URL } from "./utils";
-
-export const steps: Tour[] = [
-  {
-    tour: "onboarding",
-    steps: [
-      {
-        icon: "👋",
-        title: "Welcome to DeepSite!",
-        content: (
-          <>
-            <p className="text-sm opacity-80 mt-1.5">
-              Let&apos;s take a quick tour to get you familiar with
-              DeepSite&apos;s features.
-            </p>
-            <p className="text-sm opacity-80 mt-1.5">
-              You can always revisit this tour later from the Help menu.
-            </p>
-            <a
-              href={DISCORD_URL}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="block mt-0"
-            >
-              <Button
-                className="bg-indigo-500! w-full text-white! border-indigo-500! hover:brightness-90 translate-y-4"
-                size="sm"
-              >
-                <FaDiscord />
-                Join our Discord
-              </Button>
-            </a>
-          </>
-        ),
-        showControls: true,
-        showSkip: true,
-      },
-      {
-        icon: "🐳",
-        title: "Build websites with AI",
-        content: (
-          <>
-            <p className="text-sm opacity-80 mt-1.5">
-              DeepSite leverages AI to help you create stunning websites
-              effortlessly.
-            </p>
-            <p className="text-sm opacity-80 mt-1.5">
-              Ask questions, get design suggestions, and more!
-            </p>
-          </>
-        ),
-        selector: "#tour-ask-ai-section",
-        side: "top",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 8,
-        pointerRadius: 20,
-      },
-      {
-        icon: "🧠",
-        title: "The Brains Behind It",
-        content: (
-          <>
-            <p className="text-sm opacity-80 mt-1.5">
-              You can choose from a variety of AI models to power
-              DeepSite&apos;s capabilities.
-            </p>
-            <p className="text-sm opacity-80 mt-1.5">
-              Experiment with different models to see which one fits your needs
-              best!
-            </p>
-          </>
-        ),
-        selector: "#tour-model-section",
-        side: "top-left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 8,
-        pointerRadius: 20,
-      },
-      {
-        icon: "🎨",
-        title: "Redesign with a Click",
-        content: (
-          <>
-            <p className="text-sm opacity-80 mt-1.5">
-              Instantly revamp your website&apos;s look and feel with our
-              Redesign feature.
-            </p>
-            <p className="text-sm opacity-80 mt-1.5">
-              Just provide your website URL, and let DeepSite handle the rest!
-            </p>
-          </>
-        ),
-        selector: "#tour-redesign-section",
-        side: "top-left",
-        showControls: true,
-        showSkip: true,
-        pointerPadding: 8,
-        pointerRadius: 20,
-      },
-    ],
-  },
-];
diff --git a/lib/prompt-builder.ts b/lib/prompt-builder.ts
new file mode 100644
index 0000000000000000000000000000000000000000..53ac56182ccd4df2231a6b2d1040eceb2fe48874
--- /dev/null
+++ b/lib/prompt-builder.ts
@@ -0,0 +1,50 @@
+export const TAILWIND_COLORS = [
+  "red",
+  // bg-red-500
+  "rose",
+  // bg-rose-500
+  "pink",
+  // bg-pink-500
+  "fuchsia",
+  // bg-fuchsia-500
+  "orange",
+  // bg-orange-500
+  "amber",
+  // bg-amber-500
+  "yellow",
+  // bg-yellow-500
+  "lime",
+  // bg-lime-500
+  "green",
+  // bg-green-500
+  "emerald",
+  // bg-emerald-500
+  "teal",
+  // bg-teal-500
+  "cyan",
+  // bg-cyan-500
+  "sky",
+  // bg-sky-500
+  "blue",
+  // bg-blue-500
+  "indigo",
+  // bg-indigo-500
+  "violet",
+  // bg-violet-500
+  "purple",
+  // bg-purple-500
+  "gray",
+  // bg-gray-500
+  "neutral",
+  // bg-neutral-500
+  "slate",
+  // bg-slate-500
+  "zinc",
+  // bg-zinc-500
+  "stone",
+  // bg-stone-500
+  "black",
+  // bg-black
+  "white",
+  // bg-white
+]
\ No newline at end of file
diff --git a/lib/prompts.ts b/lib/prompts.ts
index 0b3dbc9bab7203450d62fcc6919ca86f32b02196..dc7bac75cb5f66570b6c769f22107cb6762bcbeb 100644
--- a/lib/prompts.ts
+++ b/lib/prompts.ts
@@ -1,555 +1,460 @@
-export const START_FILE_CONTENT = "=== START_FILE_CONTENT";
-export const END_FILE_CONTENT = "=== END_FILE_CONTENT";
-export const START_PROJECT_NAME = "=== START_PROJECT_NAME";
-export const END_PROJECT_NAME = "=== END_PROJECT_NAME";
-export const SEARCH_START = "=== SEARCH";
+export const SEARCH_START = "<<<<<<< SEARCH";
 export const DIVIDER = "=======";
-export const REPLACE_END = "=== REPLACE";
-
-// following prompt doesnt work well. what it does sometimes it to use the START_FILE_CONTENT and END_FILE_CONTENT markers with comments which says "keep original part here", which is not correct, it should use SEARCH/REPLACE format instead.
-
-export const PROMPT_FOR_IMAGE_GENERATION = `
-=== IMAGE PLACEHOLDER ===
-If you want to use image placeholder, http://Static.photos Usage:Format: http://static.photos/[category]/[dimensions]/[seed] where dimensions must be one of: 200x200, 320x240, 640x360, 1024x576, or 1200x630; seed can be any number (1-999+) for consistent images or omit for random; categories include: nature, office, people, technology, minimal, abstract, aerial, blurred, bokeh, gradient, monochrome, vintage, white, black, blue, red, green, yellow, cityscape, workspace, food, travel, textures, industry, indoor, outdoor, studio, finance, medical, season, holiday, event, sport, science, legal, estate, restaurant, retail, wellness, agriculture, construction, craft, cosmetic, automotive, gaming, or education.
-Examples: http://static.photos/red/320x240/133 (red-themed with seed 133), http://static.photos/640x360 (random category and image), http://static.photos/nature/1200x630/42 (nature-themed with seed 42).
-`;
-export const PROMPT_FOR_PROJECT_NAME = `
-## NAME OF THE PROJECT (REQUIRED WHEN CREATING A NEW PROJECT)
-Write the name of the project, based on the user's request. Add an emoji at the end of the name. It should be short, like 6 words. Be creative and unique.
-Examples:
-${START_PROJECT_NAME}
-My Awesome Project 🚀
-${END_PROJECT_NAME}
-${START_PROJECT_NAME}
-My Amazing Project 🤩
-${END_PROJECT_NAME}
-`;
-export const INITIAL_SYSTEM_PROMPT = `
-=== ABOUT YOU ===
-You are a helpful assistant and a developer with strong knowledge of HTML, CSS, JAVASCRIPT, and UI/UX Design.
-You are able to help with any questions about HTML, CSS, JAVASCRIPT, and UI/UX Design.
-You are also able to help with questions about projects the user has created that are related to HTML, CSS, JAVASCRIPT, and UI/UX Design.
-
-If the user asks you something not related to HTML, CSS, JAVASCRIPT, and UI/UX Design or their project, you must tell them that you are not able to help with that.
-The user will ask you questions and also ask you to modify their existing code. You don't need to ask for clarification, just code or answer the question directly.
-
-You are able to create multiple files to make the project more organized and easy to understand, like style.css for styling, script.js for JavaScript, etc.
-Regarding the code generation, you MUST create the best possible code for the user's request, with the best UI/UX design and the best performance. Make it always responsive and mobile-friendly. Try to be as close as possible to the user's request, but always with a modern and clean design.
-If the user asks you something without details, you must imagine the best possible solution for the user's request, and create the best possible code for it.
-
-🚨 IMPORTANT: If you want to show a code block, don't follow the rules bellow, just show the code block by using markdown code blocks. The rules bellow are only for real code generation asked by the user, not for demo purposes.
-
-=== PROJECT REQUIREMENTS ===
-- Always create at least a \`index.html\` file, this is the main file that will be used to display the project.
-- Do not create a \`README.md\` or any other markdown file, it will be automatically created by the API.
-- Use Tailwind CSS for styling, include it in the code by adding \`<script src="https://cdn.tailwindcss.com"></script>\` in the \`<head>\` tag.
-- Use any library you need to use, just add it to the \`<head>\` tag or \`<body>\` tag, depending on the library.
-- For Icons, use the latest version of Lucide Icons, here is a demo on how to include it and use it:
+export const REPLACE_END = ">>>>>>> REPLACE";
+export const MAX_REQUESTS_PER_IP = 4;
+export const NEW_FILE_START = "<<<<<<< NEW_FILE_START ";
+export const NEW_FILE_END = " >>>>>>> NEW_FILE_END";
+export const UPDATE_FILE_START = "<<<<<<< UPDATE_FILE_START ";
+export const UPDATE_FILE_END = " >>>>>>> UPDATE_FILE_END";
+export const PROJECT_NAME_START = "<<<<<<< PROJECT_NAME_START";
+export const PROJECT_NAME_END = ">>>>>>> PROJECT_NAME_END";
+export const PROMPT_FOR_REWRITE_PROMPT = "<<<<<<< PROMPT_FOR_REWRITE_PROMPT ";
+export const PROMPT_FOR_REWRITE_PROMPT_END = " >>>>>>> PROMPT_FOR_REWRITE_PROMPT_END";
+
+export const PROMPT_FOR_IMAGE_GENERATION = `If you want to use image placeholder, http://Static.photos Usage:Format: http://static.photos/[category]/[dimensions]/[seed] where dimensions must be one of: 200x200, 320x240, 640x360, 1024x576, or 1200x630; seed can be any number (1-999+) for consistent images or omit for random; categories include: nature, office, people, technology, minimal, abstract, aerial, blurred, bokeh, gradient, monochrome, vintage, white, black, blue, red, green, yellow, cityscape, workspace, food, travel, textures, industry, indoor, outdoor, studio, finance, medical, season, holiday, event, sport, science, legal, estate, restaurant, retail, wellness, agriculture, construction, craft, cosmetic, automotive, gaming, or education.
+Examples: http://static.photos/red/320x240/133 (red-themed with seed 133), http://static.photos/640x360 (random category and image), http://static.photos/nature/1200x630/42 (nature-themed with seed 42).`
+// export const PROMPT_FOR_IMAGE_GENERATION = `
+// If you want to use image, you can use the following URL:
+// https://enzostvs-cached-generation.hf.space/generate/[prompt]?[options]
+
+// [Options]:
+// - format: square, portrait-3_4, portrait-9_16, landscape-16_9, landscape-4_3
+
+// [Examples]:
+// https://enzostvs-cached-generation.hf.space/generate/a-cat-wearing-glasses
+// https://enzostvs-cached-generation.hf.space/generate/sunset-over-mountains?format=landscape-16_9
+// https://enzostvs-cached-generation.hf.space/generate/portrait-of-a-wizard?format=portrait-9_16
+// `
+export const PROMPT_FOR_PROJECT_NAME = `REQUIRED: Generate a name for the project, based on the user's request. Try to be creative and unique. Add a emoji at the end of the name. It should be short, like 6 words. Be fancy, creative and funny. DON'T FORGET IT, IT'S IMPORTANT!`
+
+export const INITIAL_SYSTEM_PROMPT_LIGHT = `You are an expert UI/UX and Front-End Developer.
+No need to explain what you did. Just return the expected result. Use always TailwindCSS, don't forget to import it.
+Return the results following this format:
+1. Start with ${PROJECT_NAME_START}.
+2. Add the name of the project, right after the start tag.
+3. Close the start tag with the ${PROJECT_NAME_END}.
+4. The name of the project should be short and concise.
+5. Generate files in this ORDER: index.html FIRST, then style.css, then script.js, then web components if needed.
+6. For each file, start with ${NEW_FILE_START}.
+7. Add the file name right after the start tag.
+8. Close the start tag with the ${NEW_FILE_END}.
+9. Start the file content with the triple backticks and appropriate language marker
+10. Insert the file content there.
+11. Close with the triple backticks, like \`\`\`.
+12. Repeat for each file.
+Example Code:
+${PROJECT_NAME_START} Project Name ${PROJECT_NAME_END}
+${NEW_FILE_START}index.html${NEW_FILE_END}
 \`\`\`html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Index</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <link rel="stylesheet" href="style.css">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+</head>
 <body>
-  <i data-lucide="volume-2" class="my-class"></i>
-  <i data-lucide="x"></i>
-  <i data-lucide="menu"></i>
-
-  <script src="https://unpkg.com/lucide@latest"></script>
-  <script>
-    lucide.createIcons();
-  </script>
+<h1>Hello World</h1>
+<custom-example></custom-example>
+    <script src="components/example.js"></script>
+    <script src="script.js"></script>
+    <script>feather.replace();</script>
 </body>
-- Use real public API, you can find good ones there: https://github.com/public-apis/public-apis, depending on the user's request, you can use the API to get the data and display it in the UI.
-
-${PROMPT_FOR_IMAGE_GENERATION}
-
-=== OUTPUT FORMAT ===
-🚨 CRITICAL: YOU MUST ALWAYS FOLLOW THIS EXACT FORMAT FOR EVERY RESPONSE. NO EXCEPTIONS.
-
-## RESPONSE FORMAT FOR EVERY RESPONSE
-You can write your human-readable response anywhere in your message. Markdown allowed, Emoji allowed to make it more engaging. This is your explanation or answer to the user.
-
-**IMPORTANT RULES:**
-1. ✅ ANY text that is NOT inside special markers (${START_FILE_CONTENT}, ${START_PROJECT_NAME}, ${SEARCH_START}) will be shown to the user as your message
-2. ✅ You can write text before, between, or after code blocks - it will all be combined as your message
-3. ✅ Use markdown formatting to make your responses clear and engaging
-
-**EXAMPLE:**
-I'll help you create that! 🚀
-
-[...then your code blocks if needed...]
-
-Here's what I've created for you...
-
-## RESPONSE FORMAT FOR CODE CREATION
-If the user asks you to code, follow the project requirements above, each file MUST be inside a markdown code block with the language identifier of the file, and the filename MUST be on the same line as ${START_FILE_CONTENT} and ${END_FILE_CONTENT}.
-Examples:
-${START_FILE_CONTENT} index.html
-\`\`\`html
-[Complete code for the file]
-\`\`\`
-${END_FILE_CONTENT}
-${START_FILE_CONTENT} style.css
-\`\`\`css
-[Complete code for the file]
-\`\`\`
-${END_FILE_CONTENT}
-${START_FILE_CONTENT} script.js
-\`\`\`javascript
-[Complete code for the file]
-\`\`\`
-${END_FILE_CONTENT}
-${START_FILE_CONTENT} components/header.js
-\`\`\`javascript
-[Complete code for the file]
+</html>
 \`\`\`
-${END_FILE_CONTENT}
-
-${PROMPT_FOR_PROJECT_NAME}
-`;
-export const FOLLOW_UP_SYSTEM_PROMPT = `
-=== ABOUT YOU ===
-You are a helpful assistant and a developer with strong knowledge of HTML, CSS, JAVASCRIPT, and UI/UX Design.
-You are able to help with any questions about HTML, CSS, JAVASCRIPT, and UI/UX Design.
-You are also able to help with questions about projects the user has created that are related to HTML, CSS, JAVASCRIPT, and UI/UX Design.
-
-If the user asks you something not related to HTML, CSS, JAVASCRIPT, and UI/UX Design or their project, you must tell them that you are not able to help with that.
-The user will ask you questions and also ask you to modify their existing code. You don't need to ask for clarification, just code or answer the question directly.
-
-You are able to create/update multiple files to make the project more organized and easy to understand, like style.css for styling, script.js for JavaScript, etc.
-Regarding the code generation, you MUST create the best possible code for the user's request, with the best UI/UX design and the best performance. Make it always responsive and mobile-friendly. Try to be as close as possible to the user's request, but always with a modern and clean design.
-If the user asks you something without details, you must imagine the best possible solution for the user's request, and create the best possible code for it.
-
-🚨 IMPORTANT: If you want to show a code block for demonstration purposes, just show the code block using markdown code blocks. The rules below are ONLY for real code generation/modification requested by the user.
-
-🚨🚨🚨 CRITICAL UPDATE RULE: When the user asks for an update, you MUST:
-- ONLY MODIFY what the user specifically asked for
-- DO NOT rewrite entire files - use the SEARCH/REPLACE format to change only the necessary lines
-- Keep the original code structure and functionality intact
-- Only make additional changes if they are directly related and necessary for the requested change to work
-
-=== PROJECT REQUIREMENTS ===
-- Do not create a \`README.md\` or any other markdown file, it will be automatically created by the API.
-- Use Tailwind CSS for styling, include it in the code by adding \`<script src="https://cdn.tailwindcss.com"></script>\` in the \`<head>\` tag.
-- Use any library you need to use, just add it to the \`<head>\` tag or \`<body>\` tag, depending on the library.
-- For Icons, use the latest version of Lucide Icons, here is a demo on how to include it and use it:
-\`\`\`html
-<body>
-  <i data-lucide="volume-2" class="my-class"></i>
-  <i data-lucide="x"></i>
-  <i data-lucide="menu"></i>
-
-  <script src="https://unpkg.com/lucide@latest"></script>
-  <script>
-    lucide.createIcons();
-  </script>
-</body>
+CRITICAL: The first file MUST always be index.html.`
+
+export const FOLLOW_UP_SYSTEM_PROMPT_LIGHT = `You are an expert UI/UX and Front-End Developer modifying existing files (HTML, CSS, JavaScript).
+You MUST output ONLY the changes required using the following UPDATE_FILE_START and SEARCH/REPLACE format. Do NOT output the entire file.
+Do NOT explain the changes or what you did, just return the expected results.
+Update Format Rules:
+1. Start with ${PROJECT_NAME_START}.
+2. Add the name of the project, right after the start tag.
+3. Close the start tag with the ${PROJECT_NAME_END}.
+4. Start with ${UPDATE_FILE_START}
+5. Provide the name of the file you are modifying (index.html, style.css, script.js, etc.).
+6. Close the start tag with the ${UPDATE_FILE_END}.
+7. Start with ${SEARCH_START}
+8. Provide the exact lines from the current code that need to be replaced.
+9. Use ${DIVIDER} to separate the search block from the replacement.
+10. Provide the new lines that should replace the original lines.
+11. End with ${REPLACE_END}
+12. You can use multiple SEARCH/REPLACE blocks if changes are needed in different parts of the file.
+13. To insert code, use an empty SEARCH block (only ${SEARCH_START} and ${DIVIDER} on their lines) if inserting at the very beginning, otherwise provide the line *before* the insertion point in the SEARCH block and include that line plus the new lines in the REPLACE block.
+14. To delete code, provide the lines to delete in the SEARCH block and leave the REPLACE block empty (only ${DIVIDER} and ${REPLACE_END} on their lines).
+15. IMPORTANT: The SEARCH block must *exactly* match the current code, including indentation and whitespace.
+Example Modifying Code:
 \`\`\`
-- Use real public API, you can find good ones there: https://github.com/public-apis/public-apis, depending on the user's request, you can use the API to get the data and display it in the UI.
-- When creating new pages or adding shared functionality, make sure to update navigation links in existing HTML files so users can navigate to the new pages.
-
-${PROMPT_FOR_IMAGE_GENERATION}
-
-=== OUTPUT FORMAT ===
-🚨 CRITICAL: YOU MUST ALWAYS FOLLOW THIS EXACT FORMAT FOR EVERY RESPONSE. NO EXCEPTIONS.
-
-## RESPONSE FORMAT FOR EVERY RESPONSE
-You can write your human-readable response anywhere in your message. Markdown allowed, Emoji allowed to make it more engaging. This is your explanation or answer to the user.
-
-**IMPORTANT RULES:**
-1. ✅ ANY text that is NOT inside special markers (${START_FILE_CONTENT}, ${SEARCH_START}) will be shown to the user as your message
-2. ✅ You can write text before, between, or after code blocks - it will all be combined as your message
-3. ✅ Use markdown formatting to make your responses clear and engaging
-
-**EXAMPLE:**
-I'll update that for you! 🚀
-
-[...then your SEARCH/REPLACE blocks or new file blocks if needed...]
-
-Done! Your changes are ready.
-
-## RESPONSE FORMAT FOR CODE UPDATES (MODIFYING EXISTING FILES)
-🚨 THIS IS THE PRIMARY FORMAT YOU SHOULD USE WHEN UPDATING EXISTING CODE.
-
-When the user asks you to update existing code, you MUST use the SEARCH/REPLACE format. DO NOT output entire files.
-You can do multiple updates in the same response, just follow the steps below for each update:
-
-**SEARCH/REPLACE FORMAT:**
-1. Start with ${SEARCH_START}
-2. Add a space and provide the filename of the file to update (e.g., index.html, style.css, script.js, about.html, etc.)
-3. Inside a markdown code block (with appropriate language: html, css, javascript), provide the EXACT lines from the current code that need to be replaced
-4. Use ${DIVIDER} to separate the search block from the replacement
-5. Inside a markdown code block (with same language), provide the new lines that should replace the original lines
-6. End with ${REPLACE_END}
-
-**IMPORTANT SEARCH/REPLACE RULES:**
-- You can use multiple SEARCH/REPLACE blocks if changes are needed in different parts of the same file or in different files
-- The SEARCH block must *exactly* match the current code, including indentation, whitespace, and line breaks
-- Choose enough context in your SEARCH block to make it unique within the file
-- To insert code at the beginning, use an empty SEARCH block (only ${SEARCH_START} filename, empty code block, ${DIVIDER}, then your code, ${REPLACE_END})
-- To insert code in the middle, include the line *before* the insertion point in SEARCH, then include that same line plus the new lines in REPLACE
-- To delete code, provide the lines to delete in SEARCH and leave REPLACE empty (empty code block between ${DIVIDER} and ${REPLACE_END})
-
-**EXAMPLES:**
-
-Example 1 - Updating HTML content:
-${SEARCH_START} index.html
-\`\`\`html
+${PROJECT_NAME_START} Project Name ${PROJECT_NAME_END}
+${UPDATE_FILE_START}index.html${UPDATE_FILE_END}
+${SEARCH_START}
     <h1>Old Title</h1>
-    <p>Old description</p>
-\`\`\`
 ${DIVIDER}
-\`\`\`html
     <h1>New Title</h1>
-    <p>New amazing description with more details</p>
-\`\`\`
 ${REPLACE_END}
-
-Example 2 - Updating CSS:
-${SEARCH_START} style.css
-\`\`\`css
+${SEARCH_START}
+  </body>
+${DIVIDER}
+    <script src="script.js"></script>
+  </body>
+${REPLACE_END}
+\`\`\`
+Example Updating CSS:
+\`\`\`
+${UPDATE_FILE_START}style.css${UPDATE_FILE_END}
+${SEARCH_START}
 body {
     background: white;
-    color: black;
 }
-\`\`\`
 ${DIVIDER}
-\`\`\`css
 body {
     background: linear-gradient(to right, #667eea, #764ba2);
-    color: white;
 }
+${REPLACE_END}
+\`\`\`
+Example Deleting Code:
 \`\`\`
+${UPDATE_FILE_START}index.html${UPDATE_FILE_END}
+${SEARCH_START}
+  <p>This paragraph will be deleted.</p>
+${DIVIDER}
 ${REPLACE_END}
-
-Example 3 - Inserting code (adding script tag before closing body):
-${SEARCH_START} index.html
+\`\`\`
+For creating new files, use the following format:
+1. Start with ${NEW_FILE_START}.
+2. Add the name of the file (e.g., about.html, style.css, script.js, components/navbar.js), right after the start tag.
+3. Close the start tag with the ${NEW_FILE_END}.
+4. Start the file content with the triple backticks and appropriate language marker (\`\`\`html, \`\`\`css, or \`\`\`javascript).
+5. Insert the file content there.
+6. Close with the triple backticks, like \`\`\`.
+7. Repeat for additional files.
+Example Creating New HTML Page:
+${NEW_FILE_START}about.html${NEW_FILE_END}
 \`\`\`html
-  <script src="script.js"></script>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <link rel="stylesheet" href="style.css">
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body>
+    <h1>About Page</h1>
+    <script src="script.js"></script>
 </body>
+</html>
 \`\`\`
-${DIVIDER}
+No need to explain what you did. Just return the expected result.`
+
+export const INITIAL_SYSTEM_PROMPT = `You are an expert UI/UX and Front-End Developer.
+You create website in a way a designer would, using ONLY HTML, CSS and Javascript.
+Try to create the best UI possible. Important: Make the website responsive by using TailwindCSS. Use it as much as you can, if you can't use it, use custom css (make sure to import tailwind with <script src="https://cdn.tailwindcss.com"></script> in the head).
+Also try to elaborate as much as you can, to create something unique, with a great design.
+If you want to use ICONS import Feather Icons (Make sure to add <script src="https://unpkg.com/feather-icons"></script> and <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> in the head., and <script>feather.replace();</script> in the body. Ex : <i data-feather="user"></i>).
+Don't hesitate to use real public API for the datas, you can find good ones here https://github.com/public-apis/public-apis depending on what the user asks for.
+You can create multiple pages website at once (following the format rules below) or a Single Page Application. But make sure to create multiple pages if the user asks for different pages.
+IMPORTANT: To avoid duplicate code across pages, you MUST create separate style.css and script.js files for shared CSS and JavaScript code. Each HTML file should link to these files using <link rel="stylesheet" href="style.css"> and <script src="script.js"></script>.
+WEB COMPONENTS: For reusable UI elements like navbars, footers, sidebars, headers, etc., create Native Web Components as separate files in components/ folder:
+- Create each component as a separate .js file in components/ folder (e.g., components/example.js)
+- Each component file defines a class extending HTMLElement and registers it with customElements.define()
+- Use Shadow DOM for style encapsulation
+- Components render using template literals with inline styles
+- Include component files in HTML before using them: <script src="components/example.js"></script>
+- Use them in HTML pages with custom element tags (e.g., <custom-example></custom-example>)
+- If you want to use ICON you can use Feather Icons, as it's already included in the main pages.
+IMPORTANT: NEVER USE ONCLICK FUNCTION TO MAKE A REDIRECT TO NEW PAGE. MAKE SURE TO ALWAYS USE <a href=""/>, OTHERWISE IT WONT WORK WITH SHADOW ROOT AND WEB COMPONENTS.
+Example components/example.js:
+class CustomExample extends HTMLElement {
+  connectedCallback() {
+    this.attachShadow({ mode: 'open' });
+    this.shadowRoot.innerHTML = \`
+      <style>
+        /* Add your styles here */
+      </style>
+      <div>
+        <h1>Example Component</h1>
+      </div>
+    \`;
+  }
+}
+customElements.define('custom-example', CustomExample);
+Then in HTML, include the component scripts and use the tags:
+<script src="components/example.js"></script>
+<custom-example></custom-example>
+${PROMPT_FOR_IMAGE_GENERATION}
+${PROMPT_FOR_PROJECT_NAME}
+No need to explain what you did. Just return the expected result. AVOID Chinese characters in the code if not asked by the user.
+Return the results following this format:
+1. Start with ${PROJECT_NAME_START}.
+2. Add the name of the project, right after the start tag.
+3. Close the start tag with the ${PROJECT_NAME_END}.
+4. The name of the project should be short and concise.
+5. Generate files in this ORDER: index.html FIRST, then style.css, then script.js, then web components if needed.
+6. For each file, start with ${NEW_FILE_START}.
+7. Add the file name right after the start tag.
+8. Close the start tag with the ${NEW_FILE_END}.
+9. Start the file content with the triple backticks and appropriate language marker
+10. Insert the file content there.
+11. Close with the triple backticks, like \`\`\`.
+12. Repeat for each file.
+Example Code:
+${PROJECT_NAME_START} Project Name ${PROJECT_NAME_END}
+${NEW_FILE_START}index.html${NEW_FILE_END}
 \`\`\`html
-  <script src="animation.js"></script>
-  <script src="script.js"></script>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Index</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <link rel="stylesheet" href="style.css">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+</head>
+<body>
+<h1>Hello World</h1>
+<custom-example></custom-example>
+    <script src="components/example.js"></script>
+    <script src="script.js"></script>
+    <script>feather.replace();</script>
 </body>
+</html>
 \`\`\`
-${REPLACE_END}
-
-Example 4 - Deleting code:
-${SEARCH_START} index.html
-\`\`\`html
-    <p>This paragraph will be deleted.</p>
+CRITICAL: The first file MUST always be index.html.`
+
+export const FOLLOW_UP_SYSTEM_PROMPT = `You are an expert UI/UX and Front-End Developer modifying existing files (HTML, CSS, JavaScript).
+The user wants to apply changes and probably add new features/pages/styles/scripts to the website, based on their request.
+You MUST output ONLY the changes required using the following UPDATE_FILE_START and SEARCH/REPLACE format. Do NOT output the entire file.
+Don't hesitate to use real public API for the datas, you can find good ones here https://github.com/public-apis/public-apis depending on what the user asks for.
+If it's a new file (HTML page, CSS, JS, or Web Component), you MUST use the NEW_FILE_START and NEW_FILE_END format.
+IMPORTANT: When adding shared CSS or JavaScript code, modify the style.css or script.js files. Make sure all HTML files include <link rel="stylesheet" href="style.css"> and <script src="script.js"></script> tags.
+WEB COMPONENTS: For reusable UI elements like navbars, footers, sidebars, headers, etc., create or update Native Web Components as separate files in components/ folder:
+- Create each component as a separate .js file in components/ folder (e.g., components/navbar.js, components/footer.js)
+- Each component file defines a class extending HTMLElement and registers it with customElements.define()
+- Use Shadow DOM (attachShadow) for style encapsulation
+- Use template literals for HTML/CSS content
+- Include component files in HTML pages where needed: <script src="components/navbar.js"></script>
+- Use custom element tags in HTML (e.g., <custom-navbar></custom-navbar>, <custom-footer></custom-footer>)
+IMPORTANT: NEVER USE ONCLICK FUNCTION TO MAKE A REDIRECT TO NEW PAGE. MAKE SURE TO ALWAYS USE <a href=""/>, OTHERWISE IT WONT WORK WITH SHADOW ROOT AND WEB COMPONENTS.
+${PROMPT_FOR_IMAGE_GENERATION}
+Do NOT explain the changes or what you did, just return the expected results.
+Update Format Rules:
+1. Start with ${PROJECT_NAME_START}.
+2. Add the name of the project, right after the start tag.
+3. Close the start tag with the ${PROJECT_NAME_END}.
+4. Start with ${UPDATE_FILE_START}
+5. Provide the name of the file you are modifying (index.html, style.css, script.js, etc.).
+6. Close the start tag with the ${UPDATE_FILE_END}.
+7. Start with ${SEARCH_START}
+8. Provide the exact lines from the current code that need to be replaced.
+9. Use ${DIVIDER} to separate the search block from the replacement.
+10. Provide the new lines that should replace the original lines.
+11. End with ${REPLACE_END}
+12. You can use multiple SEARCH/REPLACE blocks if changes are needed in different parts of the file.
+13. To insert code, use an empty SEARCH block (only ${SEARCH_START} and ${DIVIDER} on their lines) if inserting at the very beginning, otherwise provide the line *before* the insertion point in the SEARCH block and include that line plus the new lines in the REPLACE block.
+14. To delete code, provide the lines to delete in the SEARCH block and leave the REPLACE block empty (only ${DIVIDER} and ${REPLACE_END} on their lines).
+15. IMPORTANT: The SEARCH block must *exactly* match the current code, including indentation and whitespace.
+Example Modifying Code:
 \`\`\`
+Some explanation...
+${PROJECT_NAME_START} Project Name ${PROJECT_NAME_END}
+${UPDATE_FILE_START}index.html${UPDATE_FILE_END}
+${SEARCH_START}
+    <h1>Old Title</h1>
 ${DIVIDER}
-\`\`\`html
-\`\`\`
+    <h1>New Title</h1>
 ${REPLACE_END}
-
-Example 5 - Multiple changes in different files:
-${SEARCH_START} index.html
-\`\`\`html
-    <h1>Welcome</h1>
-\`\`\`
+${SEARCH_START}
+  </body>
 ${DIVIDER}
-\`\`\`html
-    <h1>Welcome to our site!</h1>
-\`\`\`
+    <script src="script.js"></script>
+  </body>
 ${REPLACE_END}
-
-${SEARCH_START} style.css
-\`\`\`css
-h1 {
-    font-size: 24px;
-}
 \`\`\`
+Example Updating CSS:
+\`\`\`
+${UPDATE_FILE_START}style.css${UPDATE_FILE_END}
+${SEARCH_START}
+body {
+    background: white;
+}
 ${DIVIDER}
-\`\`\`css
-h1 {
-    font-size: 36px;
-    font-weight: bold;
+body {
+    background: linear-gradient(to right, #667eea, #764ba2);
 }
+${REPLACE_END}
 \`\`\`
+Example Deleting Code:
+\`\`\`
+Removing the paragraph...
+${UPDATE_FILE_START}index.html${UPDATE_FILE_END}
+${SEARCH_START}
+  <p>This paragraph will be deleted.</p>
+${DIVIDER}
 ${REPLACE_END}
-
-## RESPONSE FORMAT FOR CREATING NEW FILES
-When the user asks you to create a NEW file (new HTML page, new CSS file, new JS file, etc.), use the following format:
-
-**NEW FILE FORMAT:**
-1. Start with ${START_FILE_CONTENT}
-2. Add a space and provide the filename (e.g., about.html, animation.js, components/header.js)
-3. Inside a markdown code block with appropriate language identifier (html, css, javascript), provide the COMPLETE code for the new file
-4. End with ${END_FILE_CONTENT}
-5. If creating a new page, make sure to ALSO UPDATE existing HTML files with navigation links using the SEARCH/REPLACE format
-
-**EXAMPLES:**
-
-Example 1 - Creating a new HTML page:
-${START_FILE_CONTENT} about.html
+\`\`\`
+The user can also ask to add a new file (HTML page, CSS, JS, or Web Component), in this case you should return the new file in the following format:
+1. Start with ${NEW_FILE_START}.
+2. Add the name of the file (e.g., about.html, style.css, script.js, components/navbar.html), right after the start tag.
+3. Close the start tag with the ${NEW_FILE_END}.
+4. Start the file content with the triple backticks and appropriate language marker (\`\`\`html, \`\`\`css, or \`\`\`javascript).
+5. Insert the file content there.
+6. Close with the triple backticks, like \`\`\`.
+7. Repeat for additional files.
+Example Creating New HTML Page:
+${NEW_FILE_START}about.html${NEW_FILE_END}
 \`\`\`html
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>About Us</title>
+    <title>About</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
     <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body>
-    <nav class="bg-gray-800 text-white p-4">
-        <a href="index.html" class="mr-4">Home</a>
-        <a href="about.html" class="mr-4">About</a>
-    </nav>
-    <main class="container mx-auto p-8">
-        <h1 class="text-4xl font-bold mb-4">About Us</h1>
-        <p>This is the about page.</p>
-    </main>
+    <custom-navbar></custom-navbar>
+    <h1>About Page</h1>
+    <custom-footer></custom-footer>
+    <script src="components/navbar.js"></script>
+    <script src="components/footer.js"></script>
     <script src="script.js"></script>
 </body>
 </html>
 \`\`\`
-${END_FILE_CONTENT}
-
-Then update existing pages to link to it:
-${SEARCH_START} index.html
-\`\`\`html
-    <nav class="bg-gray-800 text-white p-4">
-        <a href="index.html" class="mr-4">Home</a>
-    </nav>
-\`\`\`
-${DIVIDER}
-\`\`\`html
-    <nav class="bg-gray-800 text-white p-4">
-        <a href="index.html" class="mr-4">Home</a>
-        <a href="about.html" class="mr-4">About</a>
-    </nav>
-\`\`\`
-${REPLACE_END}
-
-Example 2 - Creating a new JavaScript file:
-${START_FILE_CONTENT} animation.js
+Example Creating New Web Component:
+${NEW_FILE_START}components/sidebar.js${NEW_FILE_END}
 \`\`\`javascript
-// Smooth scroll animation
-document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-    anchor.addEventListener('click', function (e) {
-        e.preventDefault();
-        const target = document.querySelector(this.getAttribute('href'));
-        if (target) {
-            target.scrollIntoView({ behavior: 'smooth' });
+class CustomSidebar extends HTMLElement {
+  connectedCallback() {
+    this.attachShadow({ mode: 'open' });
+    this.shadowRoot.innerHTML = \`
+      <style>
+        aside {
+          width: 250px;
+          background: #f7fafc;
+          padding: 1rem;
+          height: 100dvh;
+          position: fixed;
+          left: 0;
+          top: 0;
+          border-right: 1px solid #e5e7eb;
         }
-    });
-});
+        h3 { margin: 0 0 1rem 0; }
+        ul { list-style: none; padding: 0; margin: 0; }
+        li { margin: 0.5rem 0; }
+        a { color: #374151; text-decoration: none; }
+        a:hover { color: #667eea; }
+      </style>
+      <aside>
+        <h3>Sidebar</h3>
+        <ul>
+          <li><a href="/">Home</a></li>
+          <li><a href="/about.html">About</a></li>
+        </ul>
+      </aside>
+    \`;
+  }
+}
+customElements.define('custom-sidebar', CustomSidebar);
 \`\`\`
-${END_FILE_CONTENT}
-
-Then update HTML files to include it:
-${SEARCH_START} index.html
-\`\`\`html
+Then UPDATE HTML files to include the component:
+${UPDATE_FILE_START}index.html${UPDATE_FILE_END}
+${SEARCH_START}
   <script src="script.js"></script>
 </body>
-\`\`\`
 ${DIVIDER}
-\`\`\`html
-  <script src="animation.js"></script>
+  <script src="components/sidebar.js"></script>
   <script src="script.js"></script>
 </body>
-\`\`\`
 ${REPLACE_END}
-
-## SUMMARY OF WHEN TO USE EACH FORMAT
-- **SEARCH/REPLACE format** (${SEARCH_START}...${DIVIDER}...${REPLACE_END}): Use when UPDATING/MODIFYING existing files. This is your primary format for changes.
-- **NEW FILE format** (${START_FILE_CONTENT}...${END_FILE_CONTENT}): Use when CREATING brand new files that don't exist yet.
-- When creating new pages, ALWAYS update navigation in existing pages using SEARCH/REPLACE format.
-- When creating new CSS/JS files, ALWAYS update HTML files to include them using SEARCH/REPLACE format.
-
-Remember: DO NOT rewrite entire files when updating. Use SEARCH/REPLACE to change only what's necessary!
-`;
-
-export const EXAMPLES_OF_PROJECT_SUGGESTIONS = [
+${SEARCH_START}
+<body>
+  <custom-navbar></custom-navbar>
+${DIVIDER}
+<body>
+  <custom-sidebar></custom-sidebar>
+  <custom-navbar></custom-navbar>
+${REPLACE_END}
+IMPORTANT: While creating a new HTML page, UPDATE ALL THE OTHER HTML files (using the UPDATE_FILE_START and SEARCH/REPLACE format) to add or replace the link to the new page, otherwise the user will not be able to navigate to the new page. (Don't use onclick to navigate, only href)
+When creating new CSS/JS files, UPDATE ALL HTML files to include the appropriate <link> or <script> tags.
+When creating new Web Components:
+1. Create a NEW FILE in components/ folder (e.g., components/sidebar.js) with the component definition
+2. UPDATE ALL HTML files that need the component to include <script src="components/componentname.js"></script> before the closing </body> tag
+3. Use the custom element tag (e.g., <custom-componentname></custom-componentname>) in HTML pages where needed
+No need to explain what you did. Just return the expected result.`
+
+export const PROMPTS_FOR_AI = [
   // Business & SaaS
-  {
-    short_value: "Modern SaaS Landing Page",
-    long_value:
-      "Create a modern SaaS landing page with a hero section featuring a product demo video or animation, benefits section with icons and descriptions, pricing plans comparison table with highlighted recommended tier, customer testimonials with company logos and photos, FAQ accordion section, integration showcase, and a prominent call-to-action footer with email signup.",
-  },
-  {
-    short_value: "Startup Landing Page",
-    long_value:
-      "Build a startup landing page with a bold hero section featuring the value proposition, problem-solution sections with visual illustrations, product features showcase with interactive elements, team section with photos and roles, investor logos, press mentions, early access signup form, and social proof metrics counter.",
-  },
-  {
-    short_value: "Business Consulting Website",
-    long_value:
-      "Design a professional business consulting website with a trust-building hero section, services overview with detailed descriptions, case studies with results and metrics, consultant team profiles with expertise areas, client testimonials carousel, consultation booking form, and a resources/blog section.",
-  },
+  "Create a modern SaaS landing page with a hero section featuring a product demo, benefits section with icons, pricing plans comparison table, customer testimonials with photos, FAQ accordion, and a prominent call-to-action footer.",
+  "Create a professional startup landing page with animated hero section, problem-solution showcase, feature highlights with screenshots, team members grid, investor logos, press mentions, and email signup form.",
+  "Create a business consulting website with a hero banner, services we offer section with hover effects, case studies carousel, client testimonials, team profiles with LinkedIn links, blog preview, and contact form.",
+  
   // E-commerce & Retail
-  {
-    short_value: "E-commerce Product Page",
-    long_value:
-      "Create a detailed e-commerce product page with image gallery and zoom functionality, product specifications table, size/color selector with visual swatches, add-to-cart button with quantity selector, customer reviews and ratings section, related products carousel, shipping information, and return policy accordion.",
-  },
-  {
-    short_value: "Online Store Homepage",
-    long_value:
-      "Build an online store homepage with a hero banner featuring seasonal promotions, category navigation cards with images, featured products grid with quick view, bestsellers section, new arrivals carousel, customer testimonials, newsletter signup with discount offer, and trust badges for secure payment and shipping.",
-  },
-  {
-    short_value: "Fashion Brand Website",
-    long_value:
-      "Design a fashion brand website with full-screen hero slider showcasing latest collections, lookbook section with lifestyle photography, shop by category grid, featured collections with hover effects, Instagram feed integration, brand story section with video, styling tips blog section, and size guide with measurements.",
-  },
+  "Create an e-commerce product landing page with hero image carousel, product features grid, size/color selector, customer reviews with star ratings, related products section, add to cart button, and shipping information.",
+  "Create an online store homepage with navigation menu, banner slider, featured products grid with hover effects, category cards, special offers section, newsletter signup, and footer with social links.",
+  "Create a fashion brand website with a full-screen hero image, new arrivals section, shop by category grid, Instagram feed integration, brand story section, and styling lookbook gallery.",
+  
   // Food & Restaurant
-  {
-    short_value: "Restaurant Website",
-    long_value:
-      "Create a restaurant website with appetizing hero section featuring signature dishes, online menu with categories and dish photos, reservation booking system with date/time picker, location map with directions, chef's special section, customer reviews with food ratings, gallery of restaurant ambiance, and contact form for events.",
-  },
-  {
-    short_value: "Coffee Shop Website",
-    long_value:
-      "Build a cozy coffee shop website with warm hero section showcasing coffee art, menu with drinks and pastries categorized by type, about section highlighting coffee sourcing and roasting process, location finder with multiple branches, loyalty program details, online ordering integration, barista spotlights, and events calendar.",
-  },
-  {
-    short_value: "Food Delivery Landing Page",
-    long_value:
-      "Design a food delivery landing page with eye-catching hero showing popular dishes, restaurant categories with cuisine filters, how it works section with step-by-step illustrations, delivery area checker with postal code input, app download buttons with QR code, partner restaurants showcase, promotional offers banner, and customer testimonials with ratings.",
-  },
+  "Create a restaurant website with a hero section showing signature dishes, menu with categories and prices, chef's special highlights, reservation form with date picker, location map, opening hours, and customer reviews.",
+  "Create a modern coffee shop website with a cozy hero image, menu board with drinks and pastries, about our story section, location finder, online ordering button, and Instagram gallery showing café atmosphere.",
+  "Create a food delivery landing page with cuisine categories, featured restaurants carousel, how it works steps, delivery zones map, app download buttons, promotional offers banner, and customer testimonials.",
+  
   // Real Estate & Property
-  {
-    short_value: "Real Estate Agency Website",
-    long_value:
-      "Create a real estate agency website with property search bar featuring filters for location/price/bedrooms, featured properties grid with key details and photos, virtual tour integration, neighborhood guides with amenities, agent profiles with contact information, mortgage calculator tool, market insights blog, and property valuation request form.",
-  },
-  {
-    short_value: "Luxury Property Showcase",
-    long_value:
-      "Build a luxury property showcase with full-screen hero image slider, exclusive property listings with high-quality photography, detailed property descriptions with amenities list, 360-degree virtual tours, location highlights with lifestyle benefits, appointment scheduling for private viewings, property comparison tool, and concierge services section.",
-  },
+  "Create a real estate agency website with property search filters (location, price, bedrooms), featured listings grid with images, virtual tour options, mortgage calculator, agent profiles, neighborhood guides, and contact form.",
+  "Create a luxury property showcase website with full-screen image slider, property details with floor plans, amenities icons, 360° virtual tour button, location highlights, similar properties section, and inquiry form.",
+  
   // Creative & Portfolio
-  {
-    short_value: "Photography Portfolio",
-    long_value:
-      "Design a photography portfolio with masonry grid layout showcasing best work, categorized galleries by photography type (wedding/portrait/landscape), lightbox image viewer with navigation, about the photographer section with bio and equipment, client testimonials, package pricing for different photo services, contact form for booking inquiries, and Instagram feed integration.",
-  },
-  {
-    short_value: "Creative Agency Portfolio",
-    long_value:
-      "Create a creative agency portfolio with bold hero section featuring latest campaign, services overview with icons and descriptions, case studies showcase with before/after comparisons and results metrics, client logos wall, team section with creative roles, design process timeline, awards and recognition section, and project inquiry form.",
-  },
-  {
-    short_value: "UX/UI Designer Portfolio",
-    long_value:
-      "Build a UX/UI designer portfolio with clean hero section introducing yourself, featured projects with case study breakdowns including problem/solution/results, interactive prototypes embedded, design process explanation with wireframes and mockups, skills and tools section with proficiency levels, client testimonials, Dribbble/Behance integration, and contact form.",
-  },
+  "Create a professional portfolio website for a photographer with a masonry image gallery, project categories filter, full-screen lightbox viewer, about me section with photo, services offered, client logos, and contact form.",
+  "Create a creative agency portfolio with animated hero section, featured projects showcase with case studies, services we provide, team members grid, client testimonials slider, awards section, and get a quote form.",
+  "Create a UX/UI designer portfolio with hero section showcasing best work, projects grid with filter tags, detailed case studies with before/after, design process timeline, skills and tools, testimonials, and hire me button.",
+  
   // Personal & Blog
-  {
-    short_value: "Personal Brand Website",
-    long_value:
-      "Design a personal brand website with impactful hero section with professional photo and tagline, about me section with story and values, services or expertise areas, portfolio or work samples, speaking engagements or media appearances, blog or articles section, newsletter signup, social media links, and contact form with calendar booking integration.",
-  },
-  {
-    short_value: "Modern Blog Website",
-    long_value:
-      "Create a modern blog website with featured post hero section, blog posts grid with thumbnails and excerpts, category filters and tags, author bio section with photo, related posts suggestions, comment section integration, email subscription form with popup, search functionality, popular posts sidebar, and social sharing buttons.",
-  },
-  {
-    short_value: "Travel Blog",
-    long_value:
-      "Build a travel blog with inspiring hero banner featuring destination photos, travel posts organized by country/region, interactive map showing visited places, travel guides with itineraries and tips, photo galleries from trips, travel essentials and gear recommendations, destination comparison tool, email newsletter for travel updates, and booking affiliate links.",
-  },
+  "Create a personal brand website with an engaging hero section, about me with professional photo, skills and expertise cards, featured blog posts, speaking engagements, social media links, and newsletter signup.",
+  "Create a modern blog website with featured post hero, article cards grid with thumbnails, categories sidebar, search functionality, author bio section, related posts, social sharing buttons, and comment section.",
+  "Create a travel blog with full-width destination photos, travel stories grid, interactive world map showing visited places, travel tips section, gear recommendations, and subscription form.",
+  
   // Health & Fitness
-  {
-    short_value: "Fitness Gym Website",
-    long_value:
-      "Create a fitness gym website with motivating hero video background, class schedule calendar with booking system, membership plans comparison with benefits, trainer profiles with specializations, virtual gym tour with facility photos, success stories with before/after transformations, fitness blog with workout tips, free trial signup form, and location/hours information.",
-  },
-  {
-    short_value: "Yoga Studio Website",
-    long_value:
-      "Design a yoga studio website with calming hero section showcasing studio space, class types with descriptions and difficulty levels, live class schedule with online/in-person options, instructor bios with teaching philosophies, beginner's guide to yoga, wellness blog, workshop and retreat information, membership packages, and online booking system.",
-  },
-  {
-    short_value: "Health & Wellness Page",
-    long_value:
-      "Build a health and wellness page with hero section promoting holistic health, services offered including nutrition/fitness/mental health, practitioner profiles with credentials, appointment booking calendar, wellness resources and blog articles, patient testimonials with health journey stories, FAQ section, insurance information, and contact form with health assessment questionnaire.",
-  },
+  "Create a fitness gym website with motivational hero video, class schedule timetable, trainer profiles with specializations, membership pricing comparison, transformation gallery, facilities photos, and trial class signup form.",
+  "Create a yoga studio website with calming hero section, class types with descriptions, instructor bios with photos, weekly schedule calendar, pricing packages, meditation tips blog, studio location map, and booking form.",
+  "Create a health & wellness landing page with hero section, service offerings, nutritionist/trainer profiles, success stories before/after, health blog articles, free consultation booking, and testimonials slider.",
+  
   // Education & Learning
-  {
-    short_value: "Online Course Landing Page",
-    long_value:
-      "Create an online course landing page with compelling hero showcasing course outcomes, curriculum breakdown with module details, instructor credentials and biography, student testimonials with success stories, course preview video, pricing options with payment plans, enrollment countdown timer, skills you'll learn section with icons, and money-back guarantee badge.",
-  },
-  {
-    short_value: "University/School Website",
-    long_value:
-      "Design a university/school website with prominent hero featuring campus life, academic programs overview with departments, admissions information with requirements and deadlines, virtual campus tour with interactive map, faculty profiles with research areas, student resources and services, events calendar, news and announcements section, and application portal access.",
-  },
-  {
-    short_value: "Tutoring Service Website",
-    long_value:
-      "Build a tutoring service website with hero section highlighting student success rates, subjects offered with grade levels, tutor matching system with profiles and qualifications, flexible scheduling with online/in-person options, pricing packages and hourly rates, parent testimonials, free assessment offer, learning resources, and contact form with subject selector.",
-  },
+  "Create an online course landing page with course overview, curriculum breakdown with expandable modules, instructor credentials, student testimonials with videos, pricing and enrollment options, FAQ section, and money-back guarantee badge.",
+  "Create a university/school website with hero carousel, academic programs grid, campus life photo gallery, upcoming events calendar, faculty directory, admissions process timeline, virtual campus tour, and application form.",
+  "Create a tutoring service website with subjects offered, tutor profiles with qualifications, pricing plans, scheduling calendar, student success stories, free trial lesson signup, learning resources, and parent testimonials.",
+  
   // Events & Entertainment
-  {
-    short_value: "Event Conference Website",
-    long_value:
-      "Create an event conference website with countdown timer to event date, speaker lineup with bios and session topics, event schedule with multiple tracks, venue information with map and travel details, ticket types and pricing with early bird discounts, sponsor showcase with logo display, past event highlights with photos/videos, and registration form.",
-  },
-  {
-    short_value: "Music Festival Landing Page",
-    long_value:
-      "Design a music festival landing page with vibrant hero featuring headliner artists, full lineup with artist photos and genres, stage schedule with set times, festival map with venue layout, ticket tiers with VIP options, camping and accommodation info, festival rules and what to bring, photo gallery from previous years, and ticket purchase integration.",
-  },
-  {
-    short_value: "Wedding Website",
-    long_value:
-      "Build a wedding website with romantic hero featuring couple's photo, love story timeline, wedding day schedule with ceremony and reception details, venue information with directions, RSVP form with meal preferences, accommodation suggestions for guests, gift registry links, photo gallery from engagement, wedding party introductions, and FAQs section.",
-  },
+  "Create an event conference website with hero countdown timer, speaker lineup with bios, schedule/agenda tabs, venue information with map, ticket tiers and pricing, sponsors logos grid, past event highlights, and registration form.",
+  "Create a music festival landing page with artist/band lineup, stage schedule, venue map, ticket options with early bird pricing, photo gallery from previous years, camping information, FAQ, and buy tickets button.",
+  "Create a wedding website with couple's story, event timeline, venue details with directions, RSVP form, photo gallery, gift registry links, accommodation suggestions, and message board for guests.",
+  
   // Professional Services
-  {
-    short_value: "Law Firm Website",
-    long_value:
-      "Create a law firm website with professional hero establishing trust and authority, practice areas with detailed service descriptions, attorney profiles with education and case experience, case results and settlements, legal resources and blog, client testimonials, consultation booking form, frequently asked legal questions, contact information with multiple office locations.",
-  },
-  {
-    short_value: "Dental Clinic Website",
-    long_value:
-      "Design a dental clinic website with welcoming hero showing modern facilities, dental services offered with procedure explanations, dentist and staff profiles with credentials, patient testimonials with smile transformations, new patient forms downloadable, insurance and payment options, dental health blog and tips, online appointment booking system, and emergency contact information.",
-  },
-  {
-    short_value: "Architecture Firm Website",
-    long_value:
-      "Build an architecture firm website with striking hero showcasing signature project, portfolio gallery organized by project type (residential/commercial/institutional), project case studies with design concepts and final photos, services from planning to construction, architect team profiles, design philosophy and approach, awards and publications, and project inquiry form.",
-  },
+  "Create a law firm website with practice areas grid, attorney profiles with expertise, case results/wins, legal resources blog, testimonials, office locations, consultation booking form, and trust badges.",
+  "Create a dental clinic website with services offered, meet the dentist section with credentials, patient testimonials, before/after smile gallery, insurance accepted, appointment booking system, emergency contact, and dental tips blog.",
+  "Create an architecture firm website with portfolio of completed projects with large images, services overview, design process timeline, team members, awards and recognition, sustainable design approach, and project inquiry form.",
+  
   // Technology & Apps
-  {
-    short_value: "App Landing Page",
-    long_value:
-      "Create an app landing page with phone mockups showing app interface, key features section with animated icons, app store download buttons (iOS/Android), how it works explanation with screenshots, user testimonials and ratings, app demo video, subscription pricing if applicable, press mentions, FAQ section, and waitlist signup for beta access.",
-  },
-  {
-    short_value: "Software Product Page",
-    long_value:
-      "Design a software product page with hero demonstrating product in action, features breakdown with detailed descriptions and benefits, technical specifications and integrations, pricing tiers comparison table, customer logos and case studies, live product demo or free trial signup, API documentation link, security and compliance badges, and customer support information.",
-  },
+  "Create an app landing page with hero section showing app screenshots, key features with icons, how it works steps, pricing plans, user testimonials, app store download buttons, video demo, and early access signup.",
+  "Create a software product page with hero demo video, features comparison table, integration logos, API documentation link, use cases with examples, security certifications, customer stories, and free trial signup.",
+  
   // Non-profit & Community
-  {
-    short_value: "Non-profit Organization Website",
-    long_value:
-      "Create a non-profit website with mission-driven hero showing impact, about section explaining cause and history, programs and initiatives with detailed descriptions, impact metrics and success stories, donation form with different giving options, volunteer opportunities with signup, upcoming events and campaigns, transparency section with annual reports, and newsletter subscription.",
-  },
-  {
-    short_value: "Community Organization Website",
-    long_value:
-      "Build a community organization website with welcoming hero showcasing community members, about the organization with mission and values, programs and services offered, membership information and benefits, events calendar with community gatherings, volunteer opportunities, resources and support section, testimonials from community members, and contact form with location map.",
-  },
-  // Misc & Utility
-  {
-    short_value: "Interactive Weather Dashboard",
-    long_value:
-      "Design an interactive weather dashboard with current weather display showing temperature/conditions/humidity, location search with autocomplete, 7-day forecast with daily highs/lows, hourly forecast chart, weather map with radar overlay, severe weather alerts section, sunrise/sunset times, air quality index, UV index, and weather statistics using real weather API data.",
-  },
-  {
-    short_value: "Modern Calculator",
-    long_value:
-      "Create a modern calculator with clean interface featuring number pad and operation buttons, basic arithmetic operations (+,-,*,/), advanced functions (percentage, square root, power), calculation history log that can be cleared, keyboard input support, light/dark theme toggle, responsive design for mobile and desktop, and smooth animations for button presses.",
-  },
-];
+  "Create a non-profit organization website with mission statement hero, our impact statistics, current campaigns, donation form with amounts, volunteer opportunities, success stories, upcoming events, and newsletter signup.",
+  "Create a community organization website with welcome hero, about our mission, programs and services offered, event calendar, member spotlights, resources library, donation/support options, and get involved form.",
+  
+  // Misc & Utility (keeping a few interactive examples)
+  "Create an interactive weather dashboard with current conditions, 5-day forecast cards, hourly temperature graph, air quality index, UV index, sunrise/sunset times, and location search with autocomplete.",
+  "Create a modern calculator with basic operations, scientific mode toggle, calculation history log, memory functions, keyboard support, light/dark theme switch, and copy result button.",
+];
\ No newline at end of file
diff --git a/lib/providers.ts b/lib/providers.ts
index 32c517dac89aa431d77d7bb6d895f9080a39c153..9e6deb464ca4998042a658c2ce81a4d649db2840 100644
--- a/lib/providers.ts
+++ b/lib/providers.ts
@@ -4,63 +4,88 @@ import KimiLogo from "@/assets/kimi.svg";
 import ZaiLogo from "@/assets/zai.svg";
 import MiniMaxLogo from "@/assets/minimax.svg";
 
-export const MODELS = [
-
-  {
-    value: "moonshotai/Kimi-K2.5",
-    label: "Kimi K2 Instruct",
-    providers: ["together", "novita", "groq"],
-    logo: KimiLogo,
-    isNew: true,
-    isBestSeller: true,
-    companyName: "Kimi",
+export const PROVIDERS = {
+  "fireworks-ai": {
+    name: "Fireworks AI",
+    id: "fireworks-ai",
   },
+  nebius: {
+    name: "Nebius AI Studio",
+    id: "nebius",
+  },
+  sambanova: {
+    name: "SambaNova",
+    id: "sambanova",
+  },
+  novita: {
+    name: "NovitaAI",
+    id: "novita",
+  },
+  hyperbolic: {
+    name: "Hyperbolic",
+    id: "hyperbolic",
+  },
+  together: {
+    name: "Together AI",
+    id: "together",
+  },
+  groq: {
+    name: "Groq",
+    id: "groq",
+  },
+  "zai-org": {
+    name: "Z.ai",
+    id: "zai",
+  },
+};
+
+export const MODELS = [
   {
     value: "deepseek-ai/DeepSeek-V3-0324",
     label: "DeepSeek V3 O324",
     providers: ["fireworks-ai", "nebius", "sambanova", "novita", "hyperbolic"],
+    autoProvider: "novita",
     logo: DeepSeekLogo,
     companyName: "DeepSeek",
-    isBestSeller: true,
   },
   {
     value: "deepseek-ai/DeepSeek-V3.2",
     label: "DeepSeek V3.2",
     logo: DeepSeekLogo,
     companyName: "DeepSeek",
+    isNew: true,
   },
   {
-    value: "Qwen/Qwen3-Coder-Next",
-    label: "Qwen3 Coder Next",
+    value: "Qwen/Qwen3-Coder-480B-A35B-Instruct",
+    label: "Qwen3 Coder 480B A35B Instruct",
     providers: ["novita", "hyperbolic"],
+    autoProvider: "novita",
     logo: QwenLogo,
     companyName: "Qwen",
-    isNew: true,
+  },
+  {
+    value: "moonshotai/Kimi-K2-Instruct-0905",
+    label: "Kimi K2 Instruct",
+    providers: ["together", "novita", "groq"],
+    autoProvider: "groq",
+    logo: KimiLogo,
+    companyName: "Kimi",
   },
   {
     value: "zai-org/GLM-4.7",
     label: "GLM-4.7",
     logo: ZaiLogo,
     companyName: "Z.ai",
+    isNew: true,
   },
   {
     value: "MiniMaxAI/MiniMax-M2.1",
     label: "MiniMax M2.1",
     logo: MiniMaxLogo,
     companyName: "MiniMax",
+    isNew: true,
     top_k: 40,
     temperature: 1.0,
     top_p: 0.95,
-  },
+  }
 ];
-
-export const DEFAULT_MODEL = "moonshotai/Kimi-K2.5";
-
-export const getProviders = async (model: string) => {
-  const response = await fetch(
-    `https://router.huggingface.co/v1/models/${model}`
-  );
-  const { data } = await response.json();
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return data.providers.map((provider: any) => provider.provider);
-};
diff --git a/lib/rewrite-prompt.ts b/lib/rewrite-prompt.ts
new file mode 100644
index 0000000000000000000000000000000000000000..aff7474318cdcf66cf75c1e9d2d063839f8bc090
--- /dev/null
+++ b/lib/rewrite-prompt.ts
@@ -0,0 +1,36 @@
+import { EnhancedSettings } from "@/types";
+import { InferenceClient } from "@huggingface/inference";
+import { PROMPT_FOR_REWRITE_PROMPT, PROMPT_FOR_REWRITE_PROMPT_END } from "./prompts";
+
+export async function rewritePrompt(prompt: string, enhancedSettings: EnhancedSettings, options: { token: string, billTo: string | null }, model: string, provider: string) {
+  const { token, billTo } = options;
+
+  const client = new InferenceClient(token);
+  const response = await client.chatCompletion(
+    {
+      model,
+      provider: provider as any,
+      messages: [
+        {
+          role: "system",
+          content: `You will be given a prompt and a set of enhanced settings. You will need to rewrite the prompt to include the enhanced settings.
+IMPORTANT: ALWAYS KEEP THE ORIGINAL IDEA OF THE USER'S PROMPT. DO NOT CHANGE THE ORIGINAL IDEA OF THE USER'S PROMPT.
+Make sure to add a lot of details to the prompt, and make it more specific, to create the best prompt possible.
+REQUIRED: If in the original prompt, the user asks for multiple pages, make sure to keep the multiple pages in the rewritten prompt.
+ALWAYS RETURN THE REWRITTEN PROMPT, DO NOT ADD ANYTHING ELSE.`,
+        },
+        {
+          role: "user",
+          content: `Here is my prompt: ${prompt}. IMPORTANT: ALWAYS KEEP THE ORIGINAL IDEA OF MY PROMPT. Here are the enhanced settings:
+1. I want to use the following primary color: ${enhancedSettings.primaryColor} (eg: bg-${enhancedSettings.primaryColor}-500).
+2. I want to use the following secondary color: ${enhancedSettings.secondaryColor} (eg: bg-${enhancedSettings.secondaryColor}-500).
+3. I want to use the following theme: ${enhancedSettings.theme} mode.
+Make sure to include the enhanced settings in the rewritten prompt.`,
+        },
+      ],
+    },
+    billTo ? { billTo } : {}
+  );
+
+  return response.choices[0]?.message?.content;
+}
\ No newline at end of file
diff --git a/lib/seo.ts b/lib/seo.ts
index 3dba9263033045e407016ef14735c6b0b9322cfa..1517bb836d3dc91aa6b9e70bb379d9439e580361 100644
--- a/lib/seo.ts
+++ b/lib/seo.ts
@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { Metadata } from "next";
 
 interface SEOParams {
@@ -18,27 +17,27 @@ export function generateSEO({
   noIndex = false,
   canonical,
 }: SEOParams = {}): Metadata {
-  const baseUrl = "https://deepsite.hf.co";
+  const baseUrl = "https://huggingface.co/deepsite";
   const fullUrl = `${baseUrl}${path}`;
   const canonicalUrl = canonical || fullUrl;
-
+  
   return {
     title,
     description,
     alternates: {
       canonical: canonicalUrl,
     },
-    robots: noIndex
-      ? {
-          index: false,
+    robots: noIndex 
+      ? { 
+          index: false, 
           follow: false,
           googleBot: {
             index: false,
             follow: false,
-            "max-video-preview": -1,
-            "max-image-preview": "large",
-            "max-snippet": -1,
-          },
+            'max-video-preview': -1,
+            'max-image-preview': 'large',
+            'max-snippet': -1,
+          }
         }
       : {
           index: true,
@@ -46,10 +45,10 @@ export function generateSEO({
           googleBot: {
             index: true,
             follow: true,
-            "max-video-preview": -1,
-            "max-image-preview": "large",
-            "max-snippet": -1,
-          },
+            'max-video-preview': -1,
+            'max-image-preview': 'large',
+            'max-snippet': -1,
+          }
         },
     openGraph: {
       title,
@@ -76,57 +75,54 @@ export function generateSEO({
     },
     other: {
       // Control how the page appears when shared
-      "og:image:secure_url": `${baseUrl}${image}`,
+      'og:image:secure_url': `${baseUrl}${image}`,
       // Help search engines understand the primary URL
-      rel: "canonical",
+      'rel': 'canonical',
     },
   };
 }
 
-export function generateStructuredData(
-  type: "WebApplication" | "Organization" | "Article",
-  data: any
-) {
+export function generateStructuredData(type: 'WebApplication' | 'Organization' | 'Article', data: any) {
   const baseStructuredData = {
-    "@context": "https://schema.org",
-    "@type": type,
+    '@context': 'https://schema.org',
+    '@type': type,
   };
 
   switch (type) {
-    case "WebApplication":
+    case 'WebApplication':
       return {
         ...baseStructuredData,
-        name: "DeepSite",
-        description: "Build websites with AI, no code required",
-        url: "https://deepsite.hf.co",
-        applicationCategory: "DeveloperApplication",
-        operatingSystem: "Web",
+        name: 'DeepSite',
+        description: 'Build websites with AI, no code required',
+        url: 'https://huggingface.co/deepsite',
+        applicationCategory: 'DeveloperApplication',
+        operatingSystem: 'Web',
         offers: {
-          "@type": "Offer",
-          price: "0",
-          priceCurrency: "USD",
+          '@type': 'Offer',
+          price: '0',
+          priceCurrency: 'USD',
         },
         creator: {
-          "@type": "Organization",
-          name: "DeepSite",
-          url: "https://deepsite.hf.co",
+          '@type': 'Organization',
+          name: 'DeepSite',
+          url: 'https://huggingface.co/deepsite',
         },
         ...data,
       };
-
-    case "Organization":
+    
+    case 'Organization':
       return {
         ...baseStructuredData,
-        name: "DeepSite",
-        url: "https://deepsite.hf.co",
-        logo: "https://deepsite.hf.co/logo.svg",
-        description: "AI-powered web development platform",
+        name: 'DeepSite',
+        url: 'https://huggingface.co/deepsite',
+        logo: 'https://huggingface.co/deepsite/logo.svg',
+        description: 'AI-powered web development platform',
         sameAs: [
           // Add social media links here if available
         ],
         ...data,
       };
-
+    
     default:
       return { ...baseStructuredData, ...data };
   }
diff --git a/lib/templates.ts b/lib/templates.ts
new file mode 100644
index 0000000000000000000000000000000000000000..111b6277446624279c833d64502ad1ed9a4c38cd
--- /dev/null
+++ b/lib/templates.ts
@@ -0,0 +1,2728 @@
+const template1 = `
+\`\`\`html
+
+<html lang="en">
+  <head>
+    <title>Visit www.pixelrocket.store to learn how to become a frontend web developer</title>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+    <link rel="preconnect" href="https://fonts.gstatic.com"/>
+    <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&amp;display=swap" rel="stylesheet"/>
+    <link rel="stylesheet" href="css/tailwind/tailwind.min.css"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon.png"/>
+    <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js" defer="defer"></script>
+  </head>
+  <body class="antialiased bg-body text-body font-body">
+    <div>
+      <div>
+        <p class="mb-0 py-3 bg-lime-500 text-center">Want to learn how to build templates like this one? Visit <a href="#!">www.pixelrocket.store</a></p>
+      </div>
+      <div>
+        <section class="relative bg-teal-900" x-data="{ mobileNavOpen: false }"><img class="absolute top-0 left-0 w-full h-full" src="fauna-assets/headers/bg-waves.png" alt=""/>
+          <nav class="py-6">
+            <div class="container mx-auto px-4">
+              <div class="relative flex items-center justify-between"><a class="inline-block" href="#!"><img class="h-8" src="images/logo-white.svg" alt=""/></a>
+                <ul class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hidden md:flex">
+                  <li class="mr-8"><a class="inline-block text-white hover:text-lime-500 font-medium" href="about.html">About us</a></li>
+                  <li class="mr-8"><a class="inline-block text-white hover:text-lime-500 font-medium" href="pricing.html">Pricing</a></li>
+                  <li class="mr-8"><a class="inline-block text-white hover:text-lime-500 font-medium" href="contact.html">Contact us</a></li>
+                  <li><a class="inline-block text-white hover:text-lime-500 font-medium" href="blog.html">Blog</a></li>
+                </ul>
+                <div class="flex items-center justify-end">
+                  <div class="hidden md:block"><a class="inline-flex group py-2.5 px-4 items-center justify-center text-sm font-medium text-white hover:text-teal-900 border border-white hover:bg-white rounded-full transition duration-200" href="contact.html"><span class="mr-2">Get in touch</span>                      <span class="transform group-hover:translate-x-0.5 transition-transform duration-200">
+                        <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M4.75 10H15.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                          <path d="M10 4.75L15.25 10L10 15.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg></span></a></div>
+                  <button class="md:hidden text-white hover:text-lime-500" x-on:click="mobileNavOpen = !mobileNavOpen">
+                    <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M5.19995 23.2H26.7999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M5.19995 16H26.7999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M5.19995 8.79999H26.7999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div class="relative pt-18 pb-24 sm:pb-32 lg:pt-36 lg:pb-62">
+            <div class="container mx-auto px-4 relative">
+              <div class="max-w-lg xl:max-w-xl mx-auto text-center">
+                <h1 class="font-heading text-5xl xs:text-7xl xl:text-8xl tracking-tight text-white mb-8">Energizing a Green Future</h1>
+                <p class="max-w-md xl:max-w-none text-lg text-white opacity-80 mb-10">Our commitment to green energy is paving the way for a cleaner, healthier planet. Join us on a journey towards a future where clean, renewable energy sources transform the way we power our lives.</p><a class="inline-flex py-4 px-6 items-center justify-center text-lg font-medium text-teal-900 border border-lime-500 hover:border-white bg-lime-500 hover:bg-white rounded-full transition duration-200" href="#!">See our solutions</a>
+              </div>
+            </div>
+          </div>
+          <div class="hidden fixed top-0 left-0 bottom-0 w-full xs:w-5/6 xs:max-w-md z-50" :class="{'block': mobileNavOpen, 'hidden': !mobileNavOpen}">
+            <div class="fixed inset-0 bg-violet-900 opacity-20" x-on:click="mobileNavOpen = !mobileNavOpen"></div>
+            <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+              <div class="flex items-center justify-between"><a class="inline-block" href="#!"><img class="h-8" src="fauna-assets/logos/sign-logo-flow.svg" alt=""/></a>
+                <div class="flex items-center"><a class="inline-flex py-2.5 px-4 mr-6 items-center justify-center text-sm font-medium text-teal-900 hover:text-white border border-teal-900 hover:bg-teal-900 rounded-full transition duration-200" href="#!">Login</a>
+                  <button x-on:click="mobileNavOpen = !mobileNavOpen">
+                    <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M23.2 8.79999L8.80005 23.2M8.80005 8.79999L23.2 23.2" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </button>
+                </div>
+              </div>
+              <div class="pt-20 pb-12 mb-auto">
+                <ul class="flex-col">
+                  <li class="mb-6"><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="about.html">About us</a></li>
+                  <li class="mb-6"><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="pricing.html">Pricing</a></li>
+                  <li class="mb-6"><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="contact.html">Contact us</a></li>
+                  <li><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="blog.html">Blog</a></li>
+                </ul>
+              </div>
+              <div class="flex items-center justify-between"><a class="inline-flex items-center text-lg font-medium text-teal-900" href="#!"><span>
+                    <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M6.4 6.39999H25.6C26.92 6.39999 28 7.47999 28 8.79999V23.2C28 24.52 26.92 25.6 25.6 25.6H6.4C5.08 25.6 4 24.52 4 23.2V8.79999C4 7.47999 5.08 6.39999 6.4 6.39999Z" stroke="#646A69" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M28 8.8L16 17.2L4 8.8" stroke="#646A69" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg></span>                  <span class="ml-2">Newsletter</span></a>
+                <div class="flex items-center"><a class="inline-block mr-4" href="#!">
+                    <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <g clip-path="url(#clip0_282_7847)">
+                        <path d="M11.548 19.9999V10.8776H14.6087L15.0679 7.32146H11.548V5.05136C11.548 4.02209 11.8326 3.32066 13.3103 3.32066L15.1918 3.31988V0.139123C14.8664 0.0968385 13.7495 -0.000106812 12.4495 -0.000106812C9.73488 -0.000106812 7.87642 1.65686 7.87642 4.69916V7.32146H4.8064V10.8776H7.87642V19.9999H11.548Z" fill="#022C22"></path>
+                      </g>
+                    </svg></a>                  <a class="inline-block mr-4" href="#!">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M7.8 2H16.2C19.4 2 22 4.6 22 7.8V16.2C22 17.7383 21.3889 19.2135 20.3012 20.3012C19.2135 21.3889 17.7383 22 16.2 22H7.8C4.6 22 2 19.4 2 16.2V7.8C2 6.26174 2.61107 4.78649 3.69878 3.69878C4.78649 2.61107 6.26174 2 7.8 2ZM7.6 4C6.64522 4 5.72955 4.37928 5.05442 5.05442C4.37928 5.72955 4 6.64522 4 7.6V16.4C4 18.39 5.61 20 7.6 20H16.4C17.3548 20 18.2705 19.6207 18.9456 18.9456C19.6207 18.2705 20 17.3548 20 16.4V7.6C20 5.61 18.39 4 16.4 4H7.6ZM17.25 5.5C17.5815 5.5 17.8995 5.6317 18.1339 5.86612C18.3683 6.10054 18.5 6.41848 18.5 6.75C18.5 7.08152 18.3683 7.39946 18.1339 7.63388C17.8995 7.8683 17.5815 8 17.25 8C16.9185 8 16.6005 7.8683 16.3661 7.63388C16.1317 7.39946 16 7.08152 16 6.75C16 6.41848 16.1317 6.10054 16.3661 5.86612C16.6005 5.6317 16.9185 5.5 17.25 5.5ZM12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7ZM12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9Z" fill="currentColor"></path>
+                    </svg></a>                  <a class="inline-block" href="#!">
+                    <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M19 3C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19ZM18.5 18.5V13.2C18.5 12.3354 18.1565 11.5062 17.5452 10.8948C16.9338 10.2835 16.1046 9.94 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17C14.6813 12.17 15.0374 12.3175 15.2999 12.5801C15.5625 12.8426 15.71 13.1987 15.71 13.57V18.5H18.5ZM6.88 8.56C7.32556 8.56 7.75288 8.383 8.06794 8.06794C8.383 7.75288 8.56 7.32556 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19C6.43178 5.19 6.00193 5.36805 5.68499 5.68499C5.36805 6.00193 5.19 6.43178 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56ZM8.27 18.5V10.13H5.5V18.5H8.27Z" fill="currentColor"></path>
+                    </svg></a></div>
+              </div>
+            </nav>
+          </div>
+        </section>
+      </div>
+      <section class="py-12 lg:py-24">
+        <div class="container mx-auto px-4">
+          <div class="flex flex-wrap -mx-4">
+            <div class="w-full sm:w-1/2 md:w-1/4 px-4 mb-10 md:mb-0">
+              <div class="text-center">
+                <h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mb-4">5,000 Mwh</h5><span class="text-base lg:text-lg text-gray-700">Renewable Energy Generated</span>
+              </div>
+            </div>
+            <div class="w-full sm:w-1/2 md:w-1/4 px-4 mb-10 md:mb-0">
+              <div class="text-center">
+                <h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mb-4">2,500+</h5><span class="text-base lg:text-lg text-gray-700">Renewable Energy Generated</span>
+              </div>
+            </div>
+            <div class="w-full sm:w-1/2 md:w-1/4 px-4 mb-10 sm:mb-0">
+              <div class="text-center">
+                <h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mb-4">10,000+</h5><span class="text-base lg:text-lg text-gray-700">Renewable Energy Generated</span>
+              </div>
+            </div>
+            <div class="w-full sm:w-1/2 md:w-1/4 px-4">
+              <div class="text-center">
+                <h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mb-4">15%</h5><span class="text-base lg:text-lg text-gray-700">Renewable Energy Generated</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="p-4 bg-white">
+        <div class="pt-16 pb-24 px-5 xs:px-8 xl:px-12 bg-lime-500 rounded-3xl">
+          <div class="container mx-auto px-4">
+            <div class="flex mb-4 items-center">
+              <svg width="8" height="8" viewbox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <circle cx="4" cy="4" r="4" fill="#022C22"></circle>
+              </svg><span class="inline-block ml-2 text-sm font-medium">Solutions</span>
+            </div>
+            <div class="border-t border-teal-900 border-opacity-25 pt-14">
+              <h1 class="font-heading text-4xl sm:text-6xl mb-24">Key to clean future</h1>
+              <div class="flex flex-wrap -mx-4">
+                <div class="w-full sm:w-1/2 px-4 mb-16">
+                  <div>
+                    <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="white"></path>
+                      <circle cx="16" cy="16" r="4" fill="#022C22"></circle>
+                      <circle cx="24" cy="32" r="4" fill="#022C22"></circle>
+                      <circle cx="32" cy="16" r="4" fill="#022C22"></circle>
+                    </svg>
+                    <div class="mt-6">
+                      <h5 class="text-2xl font-medium mb-3">EV charging </h5>
+                      <p class="mb-6">EVs use electricity as a power source, which can be generated from renewable energy sources. Our solutions help reducing greenhouse gas emissions in the transportation sector.</p><a class="inline-block text-lg  font-medium hover:text-teal-700" href="#!">Read more</a>
+                    </div>
+                  </div>
+                </div>
+                <div class="w-full sm:w-1/2 px-4 mb-16">
+                  <div>
+                    <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="white"></path>
+                      <rect x="23" y="8" width="2" height="12" rx="1" fill="#022C22"></rect>
+                      <rect x="23" y="28" width="2" height="12" rx="1" fill="#022C22"></rect>
+                      <rect x="34.6066" y="11.9792" width="2" height="12" rx="1" transform="rotate(45 34.6066 11.9792)" fill="#022C22"></rect>
+                      <rect x="20.4645" y="26.1213" width="2" height="12" rx="1" transform="rotate(45 20.4645 26.1213)" fill="#022C22"></rect>
+                      <rect x="28" y="25" width="2" height="12" rx="1" transform="rotate(-90 28 25)" fill="#022C22"></rect>
+                      <rect x="8" y="25" width="2" height="12" rx="1" transform="rotate(-90 8 25)" fill="#022C22"></rect>
+                      <rect x="26.1213" y="27.5355" width="2" height="12" rx="1" transform="rotate(-45 26.1213 27.5355)" fill="#022C22"></rect>
+                      <rect x="11.9792" y="13.3934" width="2" height="12" rx="1" transform="rotate(-45 11.9792 13.3934)" fill="#022C22"></rect>
+                    </svg>
+                    <div class="mt-6">
+                      <h5 class="text-2xl font-medium mb-3">Solar Energy</h5>
+                      <p class="mb-6">Solar panels convert sunlight into electricity. Photovoltaic (PV) cells on these panels capture the energy from the sun and convert it into electrical power.</p><a class="inline-block text-lg  font-medium hover:text-teal-700" href="#!">Read more</a>
+                    </div>
+                  </div>
+                </div>
+                <div class="w-full sm:w-1/2 px-4 mb-16 sm:mb-0">
+                  <div>
+                    <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="white"></path>
+                      <path d="M25 24C25 24.5523 24.5523 25 24 25C23.4477 25 23 24.5523 23 24C23 23.4477 23.4477 23 24 23C24.5523 23 25 23.4477 25 24Z" fill="#022C22"></path>
+                      <path fill-rule="evenodd" clip-rule="evenodd" d="M24 25C24.5523 25 25 24.5523 25 24C25 23.4477 24.5523 23 24 23C23.4477 23 23 23.4477 23 24C23 24.5523 23.4477 25 24 25Z" fill="#022C22"></path>
+                      <path fill-rule="evenodd" clip-rule="evenodd" d="M40 23C40.5523 23 41 23.4477 41 24C41 33.3888 33.3888 41 24 41C23.4477 41 23 40.5523 23 40C23 39.4477 23.4477 39 24 39C32.2843 39 39 32.2843 39 24C39 23.4477 39.4477 23 40 23Z" fill="#022C22"></path>
+                      <path fill-rule="evenodd" clip-rule="evenodd" d="M24 9C15.7157 9 9 15.7157 9 24C9 24.5523 8.55228 25 8 25C7.44772 25 7 24.5523 7 24C7 14.6112 14.6112 7 24 7C24.5523 7 25 7.44772 25 8C25 8.55228 24.5523 9 24 9Z" fill="#022C22"></path>
+                      <path fill-rule="evenodd" clip-rule="evenodd" d="M36 23C36.5523 23 37 23.4477 37 24C37 31.1797 31.1797 37 24 37C23.4477 37 23 36.5523 23 36C23 35.4477 23.4477 35 24 35C30.0751 35 35 30.0751 35 24C35 23.4477 35.4477 23 36 23Z" fill="#022C22"></path>
+                      <path fill-rule="evenodd" clip-rule="evenodd" d="M24 13C17.9249 13 13 17.9249 13 24C13 24.5523 12.5523 25 12 25C11.4477 25 11 24.5523 11 24C11 16.8203 16.8203 11 24 11C24.5523 11 25 11.4477 25 12C25 12.5523 24.5523 13 24 13Z" fill="#022C22"></path>
+                      <path fill-rule="evenodd" clip-rule="evenodd" d="M32 23C32.5523 23 33 23.4477 33 24C33 28.9706 28.9706 33 24 33C23.4477 33 23 32.5523 23 32C23 31.4477 23.4477 31 24 31C27.866 31 31 27.866 31 24C31 23.4477 31.4477 23 32 23Z" fill="#022C22"></path>
+                      <path fill-rule="evenodd" clip-rule="evenodd" d="M24 17C20.134 17 17 20.134 17 24C17 24.5523 16.5523 25 16 25C15.4477 25 15 24.5523 15 24C15 19.0294 19.0294 15 24 15C24.5523 15 25 15.4477 25 16C25 16.5523 24.5523 17 24 17Z" fill="#022C22"></path>
+                    </svg>
+                    <div class="mt-6">
+                      <h5 class="text-2xl font-medium mb-3">Wind Energy</h5>
+                      <p class="mb-6">Wind turbines harness the kinetic energy of the wind to generate electricity. Wind farms with multiple turbines are commonly used to produce large amounts of clean energy.</p><a class="inline-block text-lg  font-medium hover:text-teal-700" href="#!">Read more</a>
+                    </div>
+                  </div>
+                </div>
+                <div class="w-full sm:w-1/2 px-4">
+                  <div>
+                    <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="white"></path>
+                      <path d="M23.8425 12.3779C23.9008 12.238 24.0992 12.238 24.1575 12.3779L30.1538 26.7692C31.9835 31.1605 28.7572 36 24 36Lnan nanL24 36C19.2428 36 16.0165 31.1605 17.8462 26.7692L23.8425 12.3779Z" fill="#022C22"></path>
+                    </svg>
+                    <div class="mt-6">
+                      <h5 class="text-2xl font-medium mb-3">Hydropower</h5>
+                      <p class="mb-6">This technology uses the energy from flowing water, such as rivers and dams, to turn turbines and generate electricity. It's one of the oldest forms of renewable energy.</p><a class="inline-block text-lg  font-medium hover:text-teal-700" href="#!">Read more</a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="py-12 lg:py-24 overflow-hidden">
+        <div class="container mx-auto px-4">
+          <div class="max-w-6xl mx-auto mb-24 text-center">
+            <h1 class="font-heading text-4xl sm:text-6xl md:text-7xl tracking-sm mb-16">Our commitment to green energy is paving the way for a cleaner, healthier planet. </h1><a class="inline-flex py-4 px-6 items-center justify-center text-lg font-medium text-white hover:text-teal-900 border border-teal-900 hover:border-lime-500 bg-teal-900 hover:bg-lime-500 rounded-full transition duration-200" href="#!">Get in touch</a>
+          </div>
+          <div class="flex justify-center">
+            <div class="flex-shrink-0 h-full max-w-xs sm:max-w-md md:max-w-xl mr-4 sm:mr-8"><img class="block w-full" src="fauna-assets/about/about-image2.png" alt=""/></div>
+            <div class="flex-shrink-0 h-full max-w-xs sm:max-w-md md:max-w-xl mr-4 sm:mr-8"><img class="block w-full" src="fauna-assets/about/about-image3.png" alt=""/></div>
+            <div class="flex-shrink-0 h-full max-w-xs sm:max-w-md md:max-w-xl mr-4 sm:mr-8"><img class="block w-full" src="fauna-assets/about/about-image4.png" alt=""/></div>
+            <div class="flex-shrink-0 h-full max-w-xs sm:max-w-md md:max-w-xl mr-4 sm:mr-8"><img class="block w-full" src="fauna-assets/about/about-image2.png" alt=""/></div>
+            <div class="hidden md:block sm:flex-shrink-0 h-full max-w-md md:max-w-xl mr-4 sm:mr-8"><img class="block w-full" src="fauna-assets/about/about-image3.png" alt=""/></div>
+            <div class="hidden md:block sm:flex-shrink-0 h-full max-w-md md:max-w-xl mr-4 sm:mr-8"><img class="block w-full" src="fauna-assets/about/about-image4.png" alt=""/></div>
+          </div>
+        </div>
+      </section>
+      <section class="py-12 lg:py-24">
+        <div class="container mx-auto px-4">
+          <div class="text-center mb-20">
+            <h1 class="font-heading text-6xl mb-6">FAQ</h1>
+            <p class="text-gray-700">Here you will find the answers to the frequently asked questions.</p>
+          </div>
+          <div class="max-w-4xl mx-auto">
+            <button class="flex w-full py-6 px-8 mb-4 items-start justify-between text-left shadow-md rounded-2xl" x-data="{ accordion: false }" x-on:click.prevent="accordion = !accordion">
+              <div>
+                <div class="pr-5">
+                  <h5 class="text-lg font-medium">What is green energy?</h5>
+                </div>
+                <div class="overflow-hidden h-0 pr-5 duration-500" x-ref="container" :style="accordion ? 'height: ' + $refs.container.scrollHeight + 'px' : ''">
+                  <p class="text-gray-700 mt-4">We provide a range of green energy solutions, including solar power systems, wind turbines, energy-efficient appliances, and smart home technologies to enhance energy sustainability.</p>
+                </div>
+              </div><span class="flex-shrink-0">
+                <div :class="{'hidden': accordion}">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12 5.69995V18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M5.69995 12H18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div>
+                <div class="hidden" :class="{'hidden': !accordion}">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M5.69995 12H18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div></span>
+            </button>
+            <button class="flex w-full py-6 px-8 mb-4 items-start justify-between text-left shadow-md rounded-2xl" x-data="{ accordion: false }" x-on:click.prevent="accordion = !accordion">
+              <div>
+                <div class="pr-5">
+                  <h5 class="text-lg font-medium">How does green energy benefit the environment?</h5>
+                </div>
+                <div class="overflow-hidden h-0 pr-5 duration-500" x-ref="container" :style="accordion ? 'height: ' + $refs.container.scrollHeight + 'px' : ''">
+                  <p class="text-gray-700 mt-4">We provide a range of green energy solutions, including solar power systems, wind turbines, energy-efficient appliances, and smart home technologies to enhance energy sustainability.</p>
+                </div>
+              </div><span class="flex-shrink-0">
+                <div :class="{'hidden': accordion}">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12 5.69995V18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M5.69995 12H18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div>
+                <div class="hidden" :class="{'hidden': !accordion}">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M5.69995 12H18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div></span>
+            </button>
+            <button class="flex w-full py-6 px-8 mb-4 items-start justify-between text-left shadow-md rounded-2xl" x-data="{ accordion: false }" x-on:click.prevent="accordion = !accordion">
+              <div>
+                <div class="pr-5">
+                  <h5 class="text-lg font-medium">What green energy solutions does your company offer?</h5>
+                </div>
+                <div class="overflow-hidden h-0 pr-5 duration-500" x-ref="container" :style="accordion ? 'height: ' + $refs.container.scrollHeight + 'px' : ''">
+                  <p class="text-gray-700 mt-4">We provide a range of green energy solutions, including solar power systems, wind turbines, energy-efficient appliances, and smart home technologies to enhance energy sustainability.</p>
+                </div>
+              </div><span class="flex-shrink-0">
+                <div :class="{'hidden': accordion}">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12 5.69995V18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M5.69995 12H18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div>
+                <div class="hidden" :class="{'hidden': !accordion}">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M5.69995 12H18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div></span>
+            </button>
+            <button class="flex w-full py-6 px-8 mb-4 items-start justify-between text-left shadow-md rounded-2xl" x-data="{ accordion: false }" x-on:click.prevent="accordion = !accordion">
+              <div>
+                <div class="pr-5">
+                  <h5 class="text-lg font-medium">What support services do you offer after installing green energy solutions?</h5>
+                </div>
+                <div class="overflow-hidden h-0 pr-5 duration-500" x-ref="container" :style="accordion ? 'height: ' + $refs.container.scrollHeight + 'px' : ''">
+                  <p class="text-gray-700 mt-4">We provide a range of green energy solutions, including solar power systems, wind turbines, energy-efficient appliances, and smart home technologies to enhance energy sustainability.</p>
+                </div>
+              </div><span class="flex-shrink-0">
+                <div :class="{'hidden': accordion}">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12 5.69995V18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M5.69995 12H18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div>
+                <div class="hidden" :class="{'hidden': !accordion}">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M5.69995 12H18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div></span>
+            </button>
+            <button class="flex w-full py-6 px-8 mb-24 items-start justify-between text-left shadow-md rounded-2xl" x-data="{ accordion: false }" x-on:click.prevent="accordion = !accordion">
+              <div>
+                <div class="pr-5">
+                  <h5 class="text-lg font-medium">How do solar panels work?</h5>
+                </div>
+                <div class="overflow-hidden h-0 pr-5 duration-500" x-ref="container" :style="accordion ? 'height: ' + $refs.container.scrollHeight + 'px' : ''">
+                  <p class="text-gray-700 mt-4">We provide a range of green energy solutions, including solar power systems, wind turbines, energy-efficient appliances, and smart home technologies to enhance energy sustainability.</p>
+                </div>
+              </div><span class="flex-shrink-0">
+                <div :class="{'hidden': accordion}">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M12 5.69995V18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M5.69995 12H18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div>
+                <div class="hidden" :class="{'hidden': !accordion}">
+                  <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M5.69995 12H18.3" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  </svg>
+                </div></span>
+            </button>
+            <div class="sm:flex py-10 px-5 sm:px-10 bg-orange-50 rounded-2xl">
+              <div class="mb-4 sm:mb-0 sm:mr-6">
+                <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="#BEF264"></path>
+                  <path d="M13.676 15.5617C11.7951 17.8602 10.6666 20.7983 10.6666 24C10.6666 27.2017 11.7951 30.1398 13.6761 32.4383L18.9201 27.1943C18.3372 26.2694 18 25.174 18 24C18 22.8259 18.3372 21.7306 18.92 20.8057L13.676 15.5617Z" fill="#022C22"></path>
+                  <path d="M15.5616 13.6761L20.8056 18.9201C21.7306 18.3372 22.8259 18 24 18C25.174 18 26.2694 18.3372 27.1943 18.9201L32.4383 13.6761C30.1398 11.7951 27.2017 10.6666 24 10.6666C20.7982 10.6666 17.8601 11.7951 15.5616 13.6761Z" fill="#022C22"></path>
+                  <path d="M34.3239 15.5617L29.0799 20.8057C29.6628 21.7307 30 22.8259 30 24C30 25.174 29.6627 26.2693 29.0799 27.1943L34.3238 32.4383C36.2048 30.1398 37.3333 27.2017 37.3333 24C37.3333 20.7983 36.2048 17.8602 34.3239 15.5617Z" fill="#022C22"></path>
+                  <path d="M32.4382 34.3239L27.1942 29.0799C26.2693 29.6628 25.174 30 24 30C22.8259 30 21.7307 29.6628 20.8057 29.0799L15.5617 34.3239C17.8602 36.2048 20.7983 37.3333 24 37.3333C27.2016 37.3333 30.1397 36.2048 32.4382 34.3239Z" fill="#022C22"></path>
+                </svg>
+              </div>
+              <div>
+                <h5 class="text-xl font-medium mb-4">Still have questions?</h5>
+                <p class="text-gray-700"><span>For assistance, please visit our</span>                                  <a class="inline-block text-black font-medium underline" href="#!">Contact Us</a>                                  <span>page or call our customer support hotline at</span>                                  <span class="text-black font-medium">(671) 555-0110</span>                                  <span>. Our dedicated team is ready to help you on your journey to a greener, more sustainable future.</span></p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="py-12 lg:py-24 overflow-hidden" x-data="{ activeSlide: 1, slideCount: 3 }">
+        <div class="container mx-auto px-4">
+          <div class="flex flex-wrap items-center -mx-4">
+            <div class="w-full md:w-1/2 px-4 mb-12 md:mb-0">
+              <div class="max-w-lg mx-auto md:mx-0 overflow-hidden">
+                <div class="flex -mx-4 transition-transform duration-500" :style="'transform: translateX(-' + (activeSlide - 1) * 100 + '%)'"><img class="block flex-shrink-0 w-full px-4" src="fauna-assets/testimonials/photo-lg.png" alt=""/><img class="block flex-shrink-0 w-full px-4" src="fauna-assets/testimonials/photo-lg.png" alt=""/><img class="block flex-shrink-0 w-full px-4" src="fauna-assets/testimonials/photo-lg.png" alt=""/></div>
+              </div>
+            </div>
+            <div class="w-full md:w-1/2 px-4">
+              <div class="max-w-lg mx-auto md:mr-0 overflow-hidden">
+                <div class="flex -mx-4 transition-transform duration-500" :style="'transform: translateX(-' + (activeSlide - 1) * 100 + '%)'">
+                  <div class="flex-shrink-0 px-4 w-full">
+                    <h4 class="text-3xl lg:text-4xl font-medium mb-10">“Flow transformed my energy use. Efficient, green tech, outstanding service!”</h4><span class="block text-xl font-medium">Jenny Wilson</span>                                      <span class="block mb-12 lg:mb-32 text-lg text-gray-700">Solar energy service</span>
+                  </div>
+                  <div class="flex-shrink-0 px-4 w-full">
+                    <h4 class="text-3xl lg:text-4xl font-medium mb-10">“Efficient, green tech, outstanding service”</h4><span class="block text-xl font-medium">John Jones</span>                                      <span class="block mb-12 lg:mb-32 text-lg text-gray-700">CE0 Solar Company</span>
+                  </div>
+                  <div class="flex-shrink-0 px-4 w-full">
+                    <h4 class="text-3xl lg:text-4xl font-medium mb-10">“Flow transformed my energy use, efficient, green tech, outstanding service.”</h4><span class="block text-xl font-medium">James Harrison</span>                                      <span class="block mb-12 lg:mb-32 text-lg text-gray-700">Developer</span>
+                  </div>
+                </div>
+                <div>
+                  <button class="inline-block mr-4 text-gray-700 hover:text-lime-500" x-on:click="activeSlide = activeSlide &gt; 1 ? activeSlide - 1 : slideCount">
+                    <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M24.4 16H7.59998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M16 24.4L7.59998 16L16 7.59998" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </button>
+                  <button class="inline-block text-gray-700 hover:text-lime-500" x-on:click="activeSlide = activeSlide &lt; slideCount ? activeSlide + 1 : 1">
+                    <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M7.59998 16H24.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M16 7.59998L24.4 16L16 24.4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <div>
+        <div>
+          <section>
+            <div class="p-4">
+              <div class="max-w-xl lg:max-w-5xl mx-auto xl:max-w-none px-5 md:px-12 xl:px-24 py-16 bg-teal-900 rounded-2xl">
+                <div class="container mx-auto px-4">
+                  <div class="flex flex-wrap items-center -mx-4">
+                    <div class="w-full lg:w-2/3 px-4 mb-8 lg:mb-0">
+                      <div class="max-w-md xl:max-w-none">
+                        <h1 class="font-heading text-4xl xs:text-5xl sm:text-6xl tracking-sm text-white mb-6">Learn Frontend Web Development</h1>
+                        <p class="text-lg text-white opacity-80">Visit www.pixelrocket.store and learn how to become a frontend web developer</p>
+                      </div>
+                    </div>
+                    <div class="w-full lg:w-1/3 px-4 lg:text-right"><a class="inline-flex py-4 px-6 items-center justify-center text-lg font-medium text-teal-900 border border-lime-500 hover:border-white bg-lime-500 hover:bg-white rounded-full transition duration-200" href="#!">Get Started</a></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </section>
+        </div>
+      </div>
+      <section class="relative py-12 lg:py-24 bg-orange-50 overflow-hidden"><img class="absolute bottom-0 left-0" src="fauna-assets/footer/waves-lines-left-bottom.png" alt=""/>
+        <div class="container px-4 mx-auto relative">
+          <div class="flex flex-wrap mb-16 -mx-4">
+            <div class="w-full lg:w-2/12 xl:w-2/12 px-4 mb-16 lg:mb-0"><a class="inline-block mb-4" href="#!"><img src="images/logo.svg" alt=""/></a></div>
+            <div class="w-full md:w-7/12 lg:w-6/12 px-4 mb-16 lg:mb-0">
+              <div class="flex flex-wrap -mx-4">
+                <div class="w-1/2 xs:w-1/3 px-4 mb-8 xs:mb-0">
+                  <h3 class="mb-6 font-bold">Platform</h3>
+                  <ul>
+                    <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#!">Solutions</a></li>
+                    <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#!">How it works</a></li>
+                    <li><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#!">Pricing</a></li>
+                  </ul>
+                </div>
+                <div class="w-1/2 xs:w-1/3 px-4 mb-8 xs:mb-0">
+                  <h3 class="mb-6 font-bold">Resources</h3>
+                  <ul>
+                    <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#!">Blog</a></li>
+                    <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#!">Help Center</a></li>
+                    <li><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#!">Support</a></li>
+                  </ul>
+                </div>
+                <div class="w-full xs:w-1/3 px-4">
+                  <h3 class="mb-6 font-bold">Company</h3>
+                  <ul>
+                    <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#!">About</a></li>
+                    <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#!">Our Mission</a></li>
+                    <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#!">Careers</a></li>
+                    <li><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#!">Contact</a></li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <div class="w-full md:w-5/12 lg:w-4/12 px-4">
+              <div class="max-w-sm p-8 bg-teal-900 rounded-2xl mx-auto md:mr-0">
+                <h5 class="text-xl font-medium text-white mb-4">Your Source for Green Energy Updates</h5>
+                <p class="text-sm text-white opacity-80 leading-normal mb-10">Stay in the loop with our Green Horizon newsletter, where we deliver bite-sized insights into the latest green energy solutions.</p>
+                <div class="flex flex-col">
+                  <input class="h-12 w-full px-4 py-1 placeholder-gray-700 outline-none ring-offset-0 focus:ring-2 focus:ring-lime-500 shadow rounded-full" type="email" placeholder="Your e-mail..."/><a class="h-12 inline-flex mt-3 py-1 px-5 items-center justify-center font-medium text-teal-900 border border-lime-500 hover:border-white bg-lime-500 hover:bg-white rounded-full transition duration-200" href="#!">Get in touch</a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="flex flex-wrap -mb-3 justify-between">
+            <div class="flex items-center mb-3"><a class="inline-block mr-4 text-black hover:text-lime-500" href="#!">
+                <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <g clip-path="url(#clip0_230_4832)">
+                    <path d="M11.5481 19.9999V10.8776H14.6088L15.068 7.32147H11.5481V5.05138C11.5481 4.02211 11.8327 3.32067 13.3104 3.32067L15.1919 3.3199V0.139138C14.8665 0.0968538 13.7496 -9.15527e-05 12.4496 -9.15527e-05C9.735 -9.15527e-05 7.87654 1.65687 7.87654 4.69918V7.32147H4.80652V10.8776H7.87654V19.9999H11.5481Z" fill="currentColor"></path>
+                  </g>
+                </svg></a>              <a class="inline-block mr-4 text-black hover:text-lime-500" href="#!">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M7.8 2H16.2C19.4 2 22 4.6 22 7.8V16.2C22 17.7383 21.3889 19.2135 20.3012 20.3012C19.2135 21.3889 17.7383 22 16.2 22H7.8C4.6 22 2 19.4 2 16.2V7.8C2 6.26174 2.61107 4.78649 3.69878 3.69878C4.78649 2.61107 6.26174 2 7.8 2ZM7.6 4C6.64522 4 5.72955 4.37928 5.05442 5.05442C4.37928 5.72955 4 6.64522 4 7.6V16.4C4 18.39 5.61 20 7.6 20H16.4C17.3548 20 18.2705 19.6207 18.9456 18.9456C19.6207 18.2705 20 17.3548 20 16.4V7.6C20 5.61 18.39 4 16.4 4H7.6ZM17.25 5.5C17.5815 5.5 17.8995 5.6317 18.1339 5.86612C18.3683 6.10054 18.5 6.41848 18.5 6.75C18.5 7.08152 18.3683 7.39946 18.1339 7.63388C17.8995 7.8683 17.5815 8 17.25 8C16.9185 8 16.6005 7.8683 16.3661 7.63388C16.1317 7.39946 16 7.08152 16 6.75C16 6.41848 16.1317 6.10054 16.3661 5.86612C16.6005 5.6317 16.9185 5.5 17.25 5.5ZM12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7ZM12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9Z" fill="currentColor"></path>
+                </svg></a>              <a class="inline-block text-black hover:text-lime-500" href="#!">
+                <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M19 3C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19ZM18.5 18.5V13.2C18.5 12.3354 18.1565 11.5062 17.5452 10.8948C16.9338 10.2835 16.1046 9.94 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17C14.6813 12.17 15.0374 12.3175 15.2999 12.5801C15.5625 12.8426 15.71 13.1987 15.71 13.57V18.5H18.5ZM6.88 8.56C7.32556 8.56 7.75288 8.383 8.06794 8.06794C8.383 7.75288 8.56 7.32556 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19C6.43178 5.19 6.00193 5.36805 5.68499 5.68499C5.36805 6.00193 5.19 6.43178 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56ZM8.27 18.5V10.13H5.5V18.5H8.27Z" fill="currentColor"></path>
+                </svg></a></div>
+            <div class="text-center">Created by <a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="https://www.pixelrocket.store" target="_blank">Pixelrocket</a><span> • Distributed by </span><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="https://www.ThemeWagon.store" target="_blank">ThemeWagon</a></div>
+            <p class="text-sm text-gray-500 mb-3">© 2024 Flow. All rights reserved.</p>
+          </div>
+        </div>
+      </section>
+    </div>
+  </body>
+</html>
+\`\`\`
+`
+const template2 = `
+\`\`\`html
+<html lang="en"><head>
+    <title>Visit www.pixelrocket.store to learn how to become a frontend web developer</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display&amp;display=swap" rel="stylesheet">
+    <link href="https://api.fontshare.com/v2/css?f[]=clash-grotesk@400,300,500&amp;display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="css/tailwind/tailwind.min.css">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon.png">
+    <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js" defer="defer"></script>
+  </head>
+  <body class="antialiased bg-body text-body font-body">
+    <div>
+      <p class="py-4 bg-green-500 text-green-900 text-center">Want to learn how to build websites like this one? <a href="https://www.pixelrocket.store">Visit Pixel Rocket</a></p>
+      <section class="relative overflow-hidden" x-data="{ mobileNavOpen: false }">
+        <div class="container px-4 mx-auto">
+          <div class="flex items-center justify-between pt-6 -m-2">
+            <div class="w-auto p-2">
+              <div class="flex flex-wrap items-center">
+                <div class="w-auto"><a class="relative z-10 inline-block" href="index.html"><img src="images/logo.svg" alt=""></a></div>
+              </div>
+            </div>
+            <div class="w-auto p-2">
+              <div class="flex flex-wrap items-center">
+                <div class="w-auto hidden lg:block">
+                  <ul class="flex items-center mr-12">
+                    <li class="mr-12 text-white font-medium hover:text-opacity-90 tracking-tighter"><a href="about.html">About</a></li>
+                    <li class="mr-12 text-white font-medium hover:text-opacity-90 tracking-tighter"><a href="pricing.html">Pricing</a></li>
+                    <li class="mr-12 text-white font-medium hover:text-opacity-90 tracking-tighter"><a href="blog.html">Blog</a></li>
+                    <li class="text-white font-medium hover:text-opacity-90 tracking-tighter"><a href="contact.html">Contact</a></li>
+                  </ul>
+                </div>
+                <div class="w-auto hidden lg:block">
+                  <div class="inline-block"><a class="inline-block px-8 py-4 text-white hover:text-black tracking-tighter hover:bg-green-400 border-2 border-white focus:border-green-400 focus:border-opacity-40 hover:border-green-400 focus:ring-4 focus:ring-green-400 focus:ring-opacity-40 rounded-full transition duration-300" href="login.html">Login</a></div>
+                </div>
+                <div class="w-auto lg:hidden">
+                  <button class="relative z-10 inline-block" x-on:click="mobileNavOpen = !mobileNavOpen">
+                    <svg class="text-green-500" width="51" height="51" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <rect width="56" height="56" rx="28" fill="currentColor"></rect>
+                      <path d="M37 32H19M37 24H19" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="hidden fixed top-0 left-0 bottom-0 w-4/6 sm:max-w-xs z-50" :class="{'block': mobileNavOpen, 'hidden': !mobileNavOpen}">
+          <div class="fixed inset-0 bg-black opacity-60" x-on:click="mobileNavOpen = !mobileNavOpen"></div>
+          <nav class="relative z-10 px-9 pt-8 h-full bg-black overflow-y-auto">
+            <div class="flex flex-wrap justify-between h-full">
+              <div class="w-full">
+                <div class="flex items-center justify-between -m-2">
+                  <div class="w-auto p-2"><a class="inline-block" href="#"><img src="images/logo.svg" alt=""></a></div>
+                  <div class="w-auto p-2">
+                    <button class="inline-block text-white" x-on:click="mobileNavOpen = !mobileNavOpen">
+                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M6 18L18 6M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+                      </svg>
+                    </button>
+                  </div>
+                </div>
+              </div>
+              <div class="flex flex-col justify-center py-16 w-full">
+                <ul>
+                  <li class="mb-8 text-white font-medium hover:text-opacity-90 tracking-tighter"><a href="about.html">About</a></li>
+                  <li class="mb-8 text-white font-medium hover:text-opacity-90 tracking-tighter"><a href="pricing.html">Pricing</a></li>
+                  <li class="mb-8 text-white font-medium hover:text-opacity-90 tracking-tighter"><a href="blog.html">Blog</a></li>
+                  <li class="text-white font-medium hover:text-opacity-90 tracking-tighter"><a href="contact.html">Contact</a></li>
+                </ul>
+              </div>
+              <div class="flex flex-col justify-end w-full pb-8"><a class="inline-block px-8 py-4 text-center text-white hover:text-black tracking-tighter hover:bg-green-400 border-2 border-white focus:border-green-400 focus:border-opacity-40 hover:border-green-400 focus:ring-4 focus:ring-green-400 focus:ring-opacity-40 rounded-full transition duration-300" href="login.html">Login</a></div>
+            </div>
+          </nav>
+        </div>
+        <div class="relative pt-20 lg:pt-28">
+          <div class="relative z-10 container px-4 mx-auto">
+            <div class="relative mb-24 text-center md:max-w-4xl mx-auto"><img class="absolute top-44 -left-36" src="template-assets/images/headers/star2.svg" alt=""><img class="absolute top-10 -right-36" src="template-assets/images/headers/star2.svg" alt=""><span class="inline-block mb-2.5 text-sm text-green-400 font-medium tracking-tighter">Savings Card</span>
+              <h1 class="font-heading mb-10 text-7xl lg:text-8xl xl:text-10xl text-white tracking-tighter">Making credit history with our card</h1><a class="inline-block px-8 py-4 tracking-tighter bg-green-400 hover:bg-green-500 text-black focus:ring-4 focus:ring-green-500 focus:ring-opacity-40 rounded-full transition duration-300" href="#">Start now</a>
+            </div>
+            <div class="relative max-w-max mx-auto"><img src="template-assets/images/headers/card-half.png" alt=""><img class="absolute top-7 -right-64" src="template-assets/images/headers/star.svg" alt=""></div>
+          </div>
+        </div><img class="absolute top-0 left-48" src="template-assets/images/headers/layer-blur.svg" alt=""><img class="absolute bottom-0 right-0" src="template-assets/images/headers/lines2.svg" alt="">
+      </section>
+      <section class="pt-20 pb-24 bg-blueGray-950">
+        <div class="container px-4 mx-auto">
+          <div class="text-center"><span class="inline-block mb-4 text-sm text-green-400 font-medium tracking-tighter">Why us</span>
+            <h2 class="font-heading mb-6 text-7xl lg:text-8xl text-white tracking-8xl md:max-w-md mx-auto">Protecting you and your money</h2>
+            <p class="mb-20 text-gray-300 md:max-w-md mx-auto">Global Bank is a strategic branding agency focused on brand creation, rebrands, and brand</p>
+          </div>
+          <div class="flex flex-wrap -m-4">
+            <div class="w-full md:w-1/2 lg:w-1/3 p-4">
+              <div class="relative mb-8 overflow-hidden rounded-5xl"><img class="w-full transform hover:scale-125 transition duration-1000" src="template-assets/images/cards/bg-image1.png" alt="">
+                <div class="absolute bottom-0 left-0 w-full bg-gradient-card p-8"><span class="inline-block mb-4 text-sm text-green-400 font-medium tracking-tighter">Features</span>                  <a class="group inline-block max-w-sm" href="#">
+                    <h3 class="mb-4 text-3xl text-white tracking-3xl hover:underline">Safeguarded with leading banks</h3></a>                  <a class="group inline-flex items-center" href="#"><span class="mr-3.5 text-white font-medium">Learn more</span>
+                    <svg class="transform group-hover:rotate-90 transition duration-300" width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.5 0.75L1 11.25" stroke="white" stroke-width="1.43182" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M11.5 10.3781V0.75H1.87187" stroke="white" stroke-width="1.43182" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg></a></div>
+              </div>
+            </div>
+            <div class="w-full md:w-1/2 lg:w-1/3 p-4">
+              <div class="relative mb-8 overflow-hidden rounded-5xl"><img class="w-full transform hover:scale-125 transition duration-1000" src="template-assets/images/cards/bg-image2.png" alt="">
+                <div class="absolute bottom-0 left-0 w-full bg-gradient-card p-8"><span class="inline-block mb-4 text-sm text-green-400 font-medium tracking-tighter">Security</span>                  <a class="group inline-block max-w-sm" href="#">
+                    <h3 class="mb-4 text-3xl text-white tracking-3xl hover:underline">Safeguarded with leading banks</h3></a>                  <a class="group inline-flex items-center" href="#"><span class="mr-3.5 text-white font-medium">Learn more</span>
+                    <svg class="transform group-hover:rotate-90 transition duration-300" width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.5 0.75L1 11.25" stroke="white" stroke-width="1.43182" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M11.5 10.3781V0.75H1.87187" stroke="white" stroke-width="1.43182" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg></a></div>
+              </div>
+            </div>
+            <div class="w-full md:w-1/2 lg:w-1/3 p-4">
+              <div class="relative mb-8 overflow-hidden rounded-5xl"><img class="w-full transform hover:scale-125 transition duration-1000" src="template-assets/images/cards/bg-image3.png" alt="">
+                <div class="absolute bottom-0 left-0 w-full bg-gradient-card p-8"><span class="inline-block mb-4 text-sm text-green-400 font-medium tracking-tighter">Progress</span>                  <a class="group inline-block max-w-sm" href="#">
+                    <h3 class="mb-4 text-3xl text-white tracking-3xl hover:underline">Safeguarded with leading banks</h3></a>                  <a class="group inline-flex items-center" href="#"><span class="mr-3.5 text-white font-medium">Learn more</span>
+                    <svg class="transform group-hover:rotate-90 transition duration-300" width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M11.5 0.75L1 11.25" stroke="white" stroke-width="1.43182" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M11.5 10.3781V0.75H1.87187" stroke="white" stroke-width="1.43182" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg></a></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="relative py-24 overflow-hidden">
+        <div class="container px-4 mx-auto">
+          <div class="mb-20 md:max-w-xl text-center mx-auto"><span class="inline-block mb-4 text-sm text-green-400 font-medium tracking-tighter">Core Card</span>
+            <h2 class="font-heading text-7xl lg:text-8xl text-white tracking-tighter-xl">Features</h2>
+          </div>
+          <div class="relative mb-10 py-20 px-16 bg-gradient-radial-dark overflow-hidden border border-gray-900 border-opacity-30 rounded-5xl">
+            <div class="max-w-6xl mx-auto">
+              <div class="relative z-10 flex flex-wrap items-center -m-8">
+                <div class="w-full md:w-1/2 p-8">
+                  <div class="max-w-md mx-auto text-center">
+                    <h2 class="mb-6 text-7xl text-white tracking-tighter-xl">Making credit history</h2>
+                    <p class="text-white text-opacity-60">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum i</p>
+                  </div>
+                </div>
+                <div class="w-full md:w-1/2 p-8"><img class="mx-auto md:mr-0" src="template-assets/images/features/dashboard.png" alt=""></div>
+              </div>
+            </div><img class="absolute bottom-0 left-0" src="template-assets/images/features/bg-gray.png" alt="">
+          </div>
+          <div class="flex flex-wrap -m-5">
+            <div class="w-full md:w-1/2 p-5">
+              <div class="relative px-16 pt-14 pb-16 h-full bg-gradient-radial-dark overflow-hidden border border-gray-900 border-opacity-30 rounded-5xl"><img class="mb-14" src="template-assets/images/features/cards.png" alt="">
+                <div class="relative z-10 max-w-sm text-center mx-auto">
+                  <h2 class="mb-6 text-7xl text-white tracking-tighter">Making credit history</h2>
+                  <p class="text-white text-opacity-60">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum i</p>
+                </div><img class="absolute bottom-0 right-0" src="template-assets/images/features/bg-gray-2.png" alt="">
+              </div>
+            </div>
+            <div class="w-full md:w-1/2 p-5">
+              <div class="relative px-16 pt-14 pb-16 h-full bg-gradient-radial-dark overflow-hidden border border-gray-900 border-opacity-30 rounded-5xl">
+                <div class="mb-14 max-w-sm mx-auto">
+                  <div class="flex flex-wrap justify-center">
+                    <div class="w-auto p-2">
+                      <div class="flex items-center justify-center w-24 h-24 bg-gradient-radial-dark border border-gray-900 border-opacity-30 rounded-5xl"><img src="template-assets/logos/brands/figma.svg" alt=""></div>
+                    </div>
+                    <div class="w-auto p-2">
+                      <div class="flex items-center justify-center w-24 h-24 bg-gradient-radial-dark border border-gray-900 border-opacity-30 rounded-5xl"><img src="template-assets/logos/brands/notion.svg" alt=""></div>
+                    </div>
+                    <div class="w-auto p-2">
+                      <div class="flex items-center justify-center w-24 h-24 bg-gradient-radial-dark border border-gray-900 border-opacity-30 rounded-5xl"><img src="template-assets/logos/brands/slack.svg" alt=""></div>
+                    </div>
+                    <div class="w-auto p-2">
+                      <div class="flex items-center justify-center w-24 h-24 bg-gradient-radial-dark border border-gray-900 border-opacity-30 rounded-5xl"><img src="template-assets/logos/brands/spotify.svg" alt=""></div>
+                    </div>
+                    <div class="w-auto p-2">
+                      <div class="flex items-center justify-center w-24 h-24 bg-gradient-radial-dark border border-gray-900 border-opacity-30 rounded-5xl"><img src="template-assets/logos/brands/twitter.svg" alt=""></div>
+                    </div>
+                    <div class="w-auto p-2">
+                      <div class="flex items-center justify-center w-24 h-24 bg-gradient-radial-dark border border-gray-900 border-opacity-30 rounded-5xl"><img src="template-assets/logos/brands/desktop.svg" alt=""></div>
+                    </div>
+                  </div>
+                </div>
+                <div class="relative z-10 max-w-sm text-center mx-auto">
+                  <h2 class="mb-6 text-7xl text-white tracking-tighter">Making credit history</h2>
+                  <p class="text-white text-opacity-60">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum i</p>
+                </div><img class="absolute bottom-0 right-0" src="template-assets/images/features/bg-gray-2.png" alt="">
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="relative py-24 overflow-hidden">
+        <div class="container px-4 mx-auto">
+          <div class="flex flex-wrap items-center -m-8">
+            <div class="w-full md:w-1/2 p-8">
+              <div class="relative z-10 md:max-w-md"><span class="inline-block mb-4 text-sm text-green-400 font-medium tracking-tighter">Secure Access</span>
+                <h2 class="font-heading mb-6 text-6xl md:text-7xl text-white tracking-tighter-xl">Making credit history</h2>
+                <p class="mb-8 text-white text-opacity-60">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum i</p>
+                <ul>
+                  <li class="inline-flex mb-3.5"><img class="mr-3.5" src="template-assets/images/features/checked.svg" alt=""><span class="text-white">Real-time usager, credits and running balance</span></li>
+                  <li class="inline-flex mb-3.5"><img class="mr-3.5" src="template-assets/images/features/checked.svg" alt=""><span class="text-white">Webhooks to power altering use cases for customers</span></li>
+                  <li class="inline-flex"><img class="mr-3.5" src="template-assets/images/features/checked.svg" alt=""><span class="text-white">Cost grouping functionality to organize invoices</span></li>
+                </ul>
+              </div>
+            </div>
+            <div class="w-full md:w-1/2 p-8"><img class="mx-auto" src="template-assets/images/features/card2.png" alt=""></div>
+          </div>
+        </div><img class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" src="template-assets/images/features/bg-blur.png" alt="">
+      </section>
+      <section class="relative py-24 overflow-hidden" x-data="{ showContent: false }">
+        <div class="container px-4 mx-auto">
+          <div class="text-center"><span class="inline-block mb-4 text-sm text-green-400 font-medium tracking-tighter">24/7 Security</span>
+            <h2 class="font-heading mb-6 text-7xl lg:text-8xl text-white tracking-8xl md:max-w-md mx-auto">Protecting you and your money</h2>
+            <p class="mb-20 text-gray-300 md:max-w-md mx-auto">Global Bank is a strategic branding agency focused on brand creation, rebrands, and brand</p>
+          </div>
+          <div class="flex flex-wrap -m-3">
+            <div class="w-full md:w-1/2 lg:w-1/4 p-3">
+              <div class="flex flex-wrap -m-3">
+                <div class="w-full p-3">
+                  <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                    <div class="flex flex-wrap items-center -m-3 mb-3">
+                      <div class="w-auto p-3"><img src="template-assets/images/cards/avatar2.png" alt=""></div>
+                      <div class="w-auto p-3">
+                        <h2 class="text-2xl text-white">Leslie Alexander</h2>
+                        <p class="text-sm text-gray-300">@lesliealexnader</p>
+                      </div>
+                    </div>
+                    <p class="mb-4 text-white">Finances are very important to me. I regularly plan my expensesand save for the future.</p>
+                    <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">5:48 PM</p>
+                      </div>
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                      </div>
+                    </div>
+                    <div class="flex flex-wrap items-center -m-2.5">
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">232 like</p>
+                      </div>
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">81 com.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="w-full p-3">
+                  <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                    <div class="flex flex-wrap items-center -m-3 mb-3">
+                      <div class="w-auto p-3"><img src="template-assets/images/cards/avatar3.png" alt=""></div>
+                      <div class="w-auto p-3">
+                        <h2 class="text-2xl text-white">Kristin Watson</h2>
+                        <p class="text-sm text-gray-300">@kristinawatson</p>
+                      </div>
+                    </div>
+                    <p class="mb-4 text-white">Finances are very important to me. I regularly plan my expensesand save for the future.</p>
+                    <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">5:48 PM</p>
+                      </div>
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                      </div>
+                    </div>
+                    <div class="flex flex-wrap items-center -m-2.5">
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">232 like</p>
+                      </div>
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">81 com.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="w-full p-3">
+                  <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                    <div class="flex flex-wrap items-center -m-3 mb-3">
+                      <div class="w-auto p-3"><img src="template-assets/images/cards/avatar4.png" alt=""></div>
+                      <div class="w-auto p-3">
+                        <h2 class="text-2xl text-white">Marvin McKinney</h2>
+                        <p class="text-sm text-gray-300">@marvinmckinney</p>
+                      </div>
+                    </div>
+                    <p class="mb-4 text-white">Finances are a part of life that needs constant attention. I try to regularly analyze my expenses</p>
+                    <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">5:48 PM</p>
+                      </div>
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                      </div>
+                    </div>
+                    <div class="flex flex-wrap items-center -m-2.5">
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">232 like</p>
+                      </div>
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">81 com.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="hidden" :class="{ 'hidden': !showContent }">
+                  <div class="w-full p-3">
+                    <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                      <div class="flex flex-wrap items-center -m-3 mb-3">
+                        <div class="w-auto p-3"><img src="template-assets/images/cards/avatar3.png" alt=""></div>
+                        <div class="w-auto p-3">
+                          <h2 class="text-2xl text-white">Rob Mason</h2>
+                          <p class="text-sm text-gray-300">@robmason</p>
+                        </div>
+                      </div>
+                      <p class="mb-4 text-white">Prioritizing finances is a constant for me. I regularly budget and save, emphasizing the importance of planning for the future.</p>
+                      <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                        <div class="w-auto p-2.5">
+                          <p class="text-sm text-gray-300">5:48 PM</p>
+                        </div>
+                        <div class="w-auto p-2.5">
+                          <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                        </div>
+                      </div>
+                      <div class="flex flex-wrap items-center -m-2.5">
+                        <div class="flex flex-wrap items-center w-auto p-2.5">
+                          <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                            <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                          <p class="text-sm text-gray-300">232 like</p>
+                        </div>
+                        <div class="flex flex-wrap items-center w-auto p-2.5">
+                          <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                          <p class="text-sm text-gray-300">81 com.</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="w-full md:w-1/2 lg:w-1/4 p-3">
+              <div class="flex flex-wrap -m-3">
+                <div class="w-full p-3">
+                  <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                    <div class="flex flex-wrap items-center -m-3 mb-3">
+                      <div class="w-auto p-3"><img src="template-assets/images/cards/avatar5.png" alt=""></div>
+                      <div class="w-auto p-3">
+                        <h2 class="text-2xl text-white">Kathryn Murphy</h2>
+                        <p class="text-sm text-gray-300">@kathrynmurphy</p>
+                      </div>
+                    </div>
+                    <p class="mb-4 text-white">Finances are one of the most important things in life. I have to be careful not to spend too much and have enough money for everything</p>
+                    <p class="mb-4 text-white">I'm not very knowledgeable about finances, but I try to stay on top of my expenses and take advice from experts."</p>
+                    <p class="mb-4 text-white">I don't like thinking about finances, but I know I have to take care of them. I try to take care of my savings and control my expenses.</p>
+                    <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">5:48 PM</p>
+                      </div>
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                      </div>
+                    </div>
+                    <div class="flex flex-wrap items-center -m-2.5">
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">232 like</p>
+                      </div>
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">81 com.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="w-full p-3">
+                  <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                    <div class="flex flex-wrap items-center -m-3 mb-3">
+                      <div class="w-auto p-3"><img src="template-assets/images/cards/avatar6.png" alt=""></div>
+                      <div class="w-auto p-3">
+                        <h2 class="text-2xl text-white">Brooklyn Simm..</h2>
+                        <p class="text-sm text-gray-300">@brooklynsimmons</p>
+                      </div>
+                    </div>
+                    <p class="mb-4 text-white">Finances are a matter of responsibility and discipline for me. I try to monitor my expenses and savings on an ongoing basis to avoid financial problem</p>
+                    <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">5:48 PM</p>
+                      </div>
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                      </div>
+                    </div>
+                    <div class="flex flex-wrap items-center -m-2.5">
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">232 like</p>
+                      </div>
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">81 com.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="hidden" :class="{ 'hidden': !showContent }">
+                  <div class="w-full p-3">
+                    <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                      <div class="flex flex-wrap items-center -m-3 mb-3">
+                        <div class="w-auto p-3"><img src="template-assets/images/cards/avatar2.png" alt=""></div>
+                        <div class="w-auto p-3">
+                          <h2 class="text-2xl text-white">Lucas Floe</h2>
+                          <p class="text-sm text-gray-300">@lucasfloe</p>
+                        </div>
+                      </div>
+                      <p class="mb-4 text-white">I firmly believe that investing in education and acquiring new skills is pivotal for a secure financial future. It's a strategic move that aligns with my commitment to financial stability.</p>
+                      <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                        <div class="w-auto p-2.5">
+                          <p class="text-sm text-gray-300">5:48 PM</p>
+                        </div>
+                        <div class="w-auto p-2.5">
+                          <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                        </div>
+                      </div>
+                      <div class="flex flex-wrap items-center -m-2.5">
+                        <div class="flex flex-wrap items-center w-auto p-2.5">
+                          <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                            <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                          <p class="text-sm text-gray-300">232 like</p>
+                        </div>
+                        <div class="flex flex-wrap items-center w-auto p-2.5">
+                          <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                          <p class="text-sm text-gray-300">81 com.</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="w-full md:w-1/2 lg:w-1/4 p-3">
+              <div class="flex flex-wrap -m-3">
+                <div class="w-full p-3">
+                  <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                    <div class="flex flex-wrap items-center -m-3 mb-3">
+                      <div class="w-auto p-3"><img src="template-assets/images/cards/avatar7.png" alt=""></div>
+                      <div class="w-auto p-3">
+                        <h2 class="text-2xl text-white">Devon Lane</h2>
+                        <p class="text-sm text-gray-300">@devonlane</p>
+                      </div>
+                    </div>
+                    <p class="mb-4 text-white">Finances are a part of life that needs constant attention. I try to regularly analyze my expenses</p>
+                    <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">5:48 PM</p>
+                      </div>
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                      </div>
+                    </div>
+                    <div class="flex flex-wrap items-center -m-2.5">
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">232 like</p>
+                      </div>
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">81 com.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="w-full p-3">
+                  <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                    <div class="flex flex-wrap items-center -m-3 mb-3">
+                      <div class="w-auto p-3"><img src="template-assets/images/cards/avatar8.png" alt=""></div>
+                      <div class="w-auto p-3">
+                        <h2 class="text-2xl text-white">Arlene McCoy</h2>
+                        <p class="text-sm text-gray-300">@arlenemccoy</p>
+                      </div>
+                    </div>
+                    <p class="mb-4 text-white">Finances are a part of life that needs constant attention. I try to regularly analyze my expenses</p>
+                    <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">5:48 PM</p>
+                      </div>
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                      </div>
+                    </div>
+                    <div class="flex flex-wrap items-center -m-2.5">
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">232 like</p>
+                      </div>
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">81 com.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="w-full p-3">
+                  <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                    <div class="flex flex-wrap items-center -m-3 mb-3">
+                      <div class="w-auto p-3"><img src="template-assets/images/cards/avatar9.png" alt=""></div>
+                      <div class="w-auto p-3">
+                        <h2 class="text-2xl text-white">Bessie Cooper</h2>
+                        <p class="text-sm text-gray-300">@bessiecooper</p>
+                      </div>
+                    </div>
+                    <p class="mb-4 text-white">I'm interested in new technologies in the field of finance, such as blockchain or robo-advisors. I believe these new tools can help manage money more efficiently.</p>
+                    <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">5:48 PM</p>
+                      </div>
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                      </div>
+                    </div>
+                    <div class="flex flex-wrap items-center -m-2.5">
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">232 like</p>
+                      </div>
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">81 com.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="hidden" :class="{ 'hidden': !showContent }">
+                  <div class="w-full p-3">
+                    <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                      <div class="flex flex-wrap items-center -m-3 mb-3">
+                        <div class="w-auto p-3"><img src="template-assets/images/cards/avatar9.png" alt=""></div>
+                        <div class="w-auto p-3">
+                          <h2 class="text-2xl text-white">Mike Rochs</h2>
+                          <p class="text-sm text-gray-300">@mikerochs</p>
+                        </div>
+                      </div>
+                      <p class="mb-4 text-white">Financial management can be a source of stress. Balancing budgets and making prudent decisions requires careful consideration, but it's a challenge I navigate diligently.</p>
+                      <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                        <div class="w-auto p-2.5">
+                          <p class="text-sm text-gray-300">5:48 PM</p>
+                        </div>
+                        <div class="w-auto p-2.5">
+                          <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                        </div>
+                      </div>
+                      <div class="flex flex-wrap items-center -m-2.5">
+                        <div class="flex flex-wrap items-center w-auto p-2.5">
+                          <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                            <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                          <p class="text-sm text-gray-300">232 like</p>
+                        </div>
+                        <div class="flex flex-wrap items-center w-auto p-2.5">
+                          <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                          <p class="text-sm text-gray-300">81 com.</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="w-full md:w-1/2 lg:w-1/4 p-3">
+              <div class="flex flex-wrap -m-3">
+                <div class="w-full p-3">
+                  <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                    <div class="flex flex-wrap items-center -m-3 mb-3">
+                      <div class="w-auto p-3"><img src="template-assets/images/cards/avatar10.png" alt=""></div>
+                      <div class="w-auto p-3">
+                        <h2 class="text-2xl text-white">Jerome Bell</h2>
+                        <p class="text-sm text-gray-300">@jeromebell</p>
+                      </div>
+                    </div>
+                    <p class="mb-4 text-white">I'm convinced that investing in education and acquiring new skills is a key factor in building a stable financial future.</p>
+                    <p class="mb-4 text-white">Managing finances can be stressful.</p>
+                    <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">5:48 PM</p>
+                      </div>
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                      </div>
+                    </div>
+                    <div class="flex flex-wrap items-center -m-2.5">
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">232 like</p>
+                      </div>
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">81 com.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="w-full p-3">
+                  <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                    <div class="flex flex-wrap items-center -m-3 mb-3">
+                      <div class="w-auto p-3"><img src="template-assets/images/cards/avatar11.png" alt=""></div>
+                      <div class="w-auto p-3">
+                        <h2 class="text-2xl text-white">Ronald Richards</h2>
+                        <p class="text-sm text-gray-300">@ronaldrichards</p>
+                      </div>
+                    </div>
+                    <p class="mb-4 text-white">I'm convinced that investing in education and acquiring new skills is a key factor in building a stable financial future.</p>
+                    <p class="mb-4 text-white">Managing finances can be stressful.</p>
+                    <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">5:48 PM</p>
+                      </div>
+                      <div class="w-auto p-2.5">
+                        <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                      </div>
+                    </div>
+                    <div class="flex flex-wrap items-center -m-2.5">
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                          <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">232 like</p>
+                      </div>
+                      <div class="flex flex-wrap items-center w-auto p-2.5">
+                        <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                        </svg>
+                        <p class="text-sm text-gray-300">81 com.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="hidden" :class="{ 'hidden': !showContent }">
+                  <div class="w-full p-3">
+                    <div class="px-6 py-8 border border-gray-800 rounded-5xl">
+                      <div class="flex flex-wrap items-center -m-3 mb-3">
+                        <div class="w-auto p-3"><img src="template-assets/images/cards/avatar8.png" alt=""></div>
+                        <div class="w-auto p-3">
+                          <h2 class="text-2xl text-white">Kevin Roland</h2>
+                          <p class="text-sm text-gray-300">@kevinroland</p>
+                        </div>
+                      </div>
+                      <p class="mb-4 text-white">Responsibility and discipline drive my approach to finances. Regularly monitoring expenses and savings is a routine for me, ensuring a proactive stance to prevent potential financial issues.</p>
+                      <p class="mb-4 text-white">Managing finances can be stressful.</p>
+                      <div class="flex flex-wrap items-center -m-2.5 mb-1.5">
+                        <div class="w-auto p-2.5">
+                          <p class="text-sm text-gray-300">5:48 PM</p>
+                        </div>
+                        <div class="w-auto p-2.5">
+                          <p class="text-sm text-gray-300">Sep 15, 2023</p>
+                        </div>
+                      </div>
+                      <div class="flex flex-wrap items-center -m-2.5">
+                        <div class="flex flex-wrap items-center w-auto p-2.5">
+                          <svg class="mr-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+                            <path d="M8.41398 13.8731C8.18732 13.9531 7.81398 13.9531 7.58732 13.8731C5.65398 13.2131 1.33398 10.4597 1.33398 5.79307C1.33398 3.73307 2.99398 2.06641 5.04065 2.06641C6.25398 2.06641 7.32732 2.65307 8.00065 3.55974C8.67398 2.65307 9.75398 2.06641 10.9607 2.06641C13.0073 2.06641 14.6673 3.73307 14.6673 5.79307C14.6673 10.4597 10.3473 13.2131 8.41398 13.8731Z" stroke="#9F9FA0" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                          <p class="text-sm text-gray-300">232 like</p>
+                        </div>
+                        <div class="flex flex-wrap items-center w-auto p-2.5">
+                          <svg class="mr-2.5" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M13.247 8.07345C12.8137 10.7001 10.8604 12.7201 8.24702 13.2135C6.81369 13.4868 5.45368 13.2735 4.28035 12.7201C4.08701 12.6268 3.77367 12.5868 3.56701 12.6335C3.12701 12.7401 2.38703 12.9201 1.76037 13.0668C1.16037 13.2135 0.78704 12.8401 0.933706 12.2401L1.36702 10.4401C1.42035 10.2335 1.37368 9.91345 1.28035 9.72012C0.747012 8.60012 0.533693 7.30012 0.753693 5.93345C1.18036 3.30678 3.30037 1.18012 5.92703 0.746784C10.2604 0.0467841 13.9537 3.74012 13.247 8.07345Z" stroke="#9F9FA0" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
+                          </svg>
+                          <p class="text-sm text-gray-300">81 com.</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="absolute bottom-0 left-0 z-10 py-32 lg:py-64 flex items-center justify-center w-full bg-gradient-radial-darker3" :class="{ 'hidden': showContent }"><a class="inline-block px-8 py-4 font-medium tracking-tighter bg-green-400 hover:bg-green-500 text-black focus:ring-4 focus:ring-green-500 focus:ring-opacity-40 rounded-full transition duration-300" x-on:click.prevent="showContent = true" href="#">Show more</a></div>
+      </section>
+      <section class="relative py-24 overflow-hidden" x-data="{ active: 'introduction' }">
+        <div class="container px-4 mx-auto">
+          <div class="mb-12 md:max-w-4xl text-center mx-auto"><span class="inline-block mb-4 text-sm text-green-400 font-medium tracking-tighter">More about our features</span>
+            <h2 class="font-heading text-7xl lg:text-8xl text-white tracking-tighter-xl">Billing infrastucture that keeps up with your business</h2>
+          </div>
+          <ul class="mb-20 flex flex-wrap justify-center">
+            <li><a class="inline-block px-5 py-5 font-medium text-green-300 tracking-tighter border border-green-400 rounded-full transition duration-200 text-green-400" x-on:click.prevent="active = 'introduction'" :class="{'text-green-400 border-green-400': active === 'introduction', 'text-gray-300 border-transparent': active !== 'introduction'}" href="#">Introduction</a></li>
+            <li><a class="inline-block px-5 py-5 font-medium text-gray-300 tracking-tighter border border-transparent rounded-full transition duration-200" x-on:click.prevent="active = 'aggregation'" :class="{'text-green-400 border-green-400': active === 'aggregation', 'text-gray-300 border-transparent': active !== 'aggregation'}" href="#">Aggregation</a></li>
+            <li><a class="inline-block px-5 py-5 font-medium text-gray-300 tracking-tighter border border-transparent rounded-full transition duration-200" x-on:click.prevent="active = 'pricing'" :class="{'text-green-400 border-green-400': active === 'pricing', 'text-gray-300 border-transparent': active !== 'pricing'}" href="#">Pricing &amp; Credits</a></li>
+            <li><a class="inline-block px-5 py-5 font-medium text-gray-300 tracking-tighter border border-transparent rounded-full transition duration-200" x-on:click.prevent="active = 'integrations'" :class="{'text-green-400 border-green-400': active === 'integrations', 'text-gray-300 border-transparent': active !== 'integrations'}" href="#">Integrations</a></li>
+            <li><a class="inline-block px-5 py-5 font-medium text-gray-300 tracking-tighter border border-transparent rounded-full transition duration-200" x-on:click.prevent="active = 'api'" :class="{'text-green-400 border-green-400': active === 'api', 'text-gray-300 border-transparent': active !== 'api'}" href="#">API &amp; Webhooks</a></li>
+          </ul><img class="mx-auto" :class="{ 'hidden': active != 'introduction' }" src="template-assets/images/features/dashboard2.png" alt=""><img class="hidden mx-auto" :class="{ 'hidden': active != 'aggregation' }" src="template-assets/images/features/dashboard3.png" alt=""><img class="hidden mx-auto" :class="{ 'hidden': active != 'pricing' }" src="template-assets/images/features/dashboard2.png" alt=""><img class="hidden mx-auto" :class="{ 'hidden': active != 'integrations' }" src="template-assets/images/features/dashboard3.png" alt=""><img class="hidden mx-auto" :class="{ 'hidden': active != 'api' }" src="template-assets/images/features/dashboard2.png" alt="">
+        </div>
+      </section>
+      <section class="py-12">
+        <div class="container px-4 mx-auto">
+          <div class="relative pt-20 px-4 bg-gray-900 bg-opacity-20 overflow-hidden rounded-6xl">
+            <div class="text-center md:max-w-xl mx-auto removed pb-20"><span class="inline-block mb-4 text-sm text-green-400 font-medium tracking-tighter">Learn to code</span>
+              <h2 class="font-heading mb-6 text-7xl text-white tracking-8xl">Want to build templates like this one?</h2><a class="mb-8 text-gray-300 relative z-10" href="https://www.pixelrocket.store">Visit www.pixelrocket.store and learn to become a frontend web developer today</a><img class="absolute -bottom-24 right-0 z-0" src="template-assets/images/application-section/lines2.png" alt="">
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="bg-gray-50 overflow-hidden">
+        <div class="py-14 bg-black rounded-b-7xl"></div>
+        <div class="py-24">
+          <div class="container px-4 mx-auto">
+            <div class="flex flex-wrap justify-center -m-8 mb-28">
+              <div class="w-full md:w-1/2 lg:w-4/12 p-8">
+                <div class="md:max-w-xs"><img class="mb-7" src="images/logo-dark.svg" alt="">
+                  <p class="text-gray-400 font-medium">Global Bank is a strategic branding agency focused on brand creation, rebrands, and brand</p>
+                </div>
+              </div>
+              <div class="w-full md:w-1/2 lg:w-2/12 p-8">
+                <h3 class="mb-6 text-lg text-black font-medium">About</h3>
+                <ul>
+                  <li class="mb-2.5"><a class="inline-block text-lg font-medium text-gray-400 hover:text-black transition duration-300" href="#">Contact</a></li>
+                  <li class="mb-2.5"><a class="inline-block text-lg font-medium text-gray-400 hover:text-black transition duration-300" href="#">Blog</a></li>
+                  <li class="mb-2.5"><a class="inline-block text-lg font-medium text-gray-400 hover:text-black transition duration-300" href="#">Our Story</a></li>
+                  <li><a class="inline-block text-lg font-medium text-gray-400 hover:text-black transition duration-300" href="#">Careers</a></li>
+                </ul>
+              </div>
+              <div class="w-full md:w-1/2 lg:w-2/12 p-8">
+                <h3 class="mb-6 text-lg text-black font-medium">Company</h3>
+                <ul>
+                  <li class="mb-2.5"><a class="inline-block text-lg font-medium text-gray-400 hover:text-black transition duration-300" href="#">Contact</a></li>
+                  <li class="mb-2.5"><a class="inline-block text-lg font-medium text-gray-400 hover:text-black transition duration-300" href="#">Blog</a></li>
+                  <li class="mb-2.5"><a class="inline-block text-lg font-medium text-gray-400 hover:text-black transition duration-300" href="#">Our Story</a></li>
+                  <li><a class="inline-block text-lg font-medium text-gray-400 hover:text-black transition duration-300" href="#">Careers</a></li>
+                </ul>
+              </div>
+              <div class="w-full md:w-1/2 lg:flex-1 p-8">
+                <div class="flex flex-wrap -m-2">
+                  <div class="w-full p-2"><a class="block py-5 px-8 bg-white rounded-full" href="#">
+                      <div class="flex flex-wrap items-center -m-2">
+                        <div class="w-auto p-2"><img src="template-assets/images/footers/twitter.svg" alt=""></div>
+                        <div class="flex-1 p-2">
+                          <p class="text-black">Follow us on Twitter for updates</p>
+                        </div>
+                      </div></a></div>
+                  <div class="w-full p-2"><a class="block py-5 px-8 bg-white rounded-full" href="#">
+                      <div class="flex flex-wrap items-center -m-2">
+                        <div class="w-auto p-2"><img src="template-assets/images/footers/instagram.svg" alt=""></div>
+                        <div class="flex-1 p-2">
+                          <p class="text-black">Follow us on Instagram for updates</p>
+                        </div>
+                      </div></a></div>
+                  <div class="w-full p-2"><a class="block py-5 px-8 bg-white rounded-full" href="#">
+                      <div class="flex flex-wrap items-center -m-2">
+                        <div class="w-auto p-2"><img src="template-assets/images/footers/tiktok.svg" alt=""></div>
+                        <div class="flex-1 p-2">
+                          <p class="text-black">Follow us on TikTok for updates</p>
+                        </div>
+                      </div></a></div>
+                </div>
+              </div>
+            </div>
+            <div class="flex flex-wrap justify-between -m-2">
+              <div class="w-auto p-2">
+                <p class="inline-block text-sm font-medium text-black text-opacity-60">© 2023 Global Bank</p>
+              </div>
+              <div class="w-auto p-2">
+                <div class="flex flex-wrap items-center -m-2 sm:-m-7">
+                  <div class="w-auto p-2 sm:p-7"><a class="inline-block text-sm text-black text-opacity-60 hover:text-opacity-100 font-medium transition duration-300" href="#">Terms of Use</a></div>
+                  <div class="w-auto p-2 sm:p-7"><a class="inline-block text-sm text-black text-opacity-60 hover:text-opacity-100 font-medium transition duration-300" href="#">Privacy Policy</a></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  
+</body></html>
+\`\`\`
+`
+const template3 = `
+\`\`\`html
+<html lang="en"><head>
+    <title>Visit www.pixelrocket.store to learn how to become a frontend web developer</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Readex+Pro:400,500,600,700&amp;subset=latin">
+    <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&amp;display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="css/tailwind/tailwind.min.css">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon.png">
+    <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js" defer="defer"></script>
+  </head>
+  <body class="antialiased bg-body text-body font-body">
+    <div>
+      <div>
+        <p class="mb-0 py-3 bg-lime-500 text-center">Want to learn how to build templates like this one? Visit <a href="https://www.pixelrocket.store">www.pixelrocket.store</a></p>
+      </div>
+      <div>
+        <section class="bg-orange-50" x-data="{ mobileNavOpen: false }">
+          <nav class="py-6 border-b">
+            <div class="container mx-auto px-4">
+              <div class="relative flex items-center justify-between"><a class="inline-block" href="index.html"><img class="h-8" src="images/logo-2.svg" alt=""></a>
+                <ul class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hidden md:flex">
+                  <li class="mr-8"><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="about.html">About Us</a></li>
+                  <li class="mr-8"><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="pricing.html">Pricing</a></li>
+                  <li class="mr-8"><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="blog.html">Blog</a></li>
+                  <li><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="contact.html">Contact Us</a></li>
+                </ul>
+                <div class="flex items-center justify-end">
+                  <div class="hidden md:block"><a class="inline-flex py-2.5 px-4 items-center justify-center text-sm font-medium text-teal-900 hover:text-white border border-teal-900 hover:bg-teal-900 rounded-full transition duration-200" href="register.html">Get Started</a></div>
+                  <button class="md:hidden navbar-burger text-teal-900 hover:text-teal-800" x-on:click="mobileNavOpen = !mobileNavOpen">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M5.19995 23.2H26.7999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M5.19995 16H26.7999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M5.19995 8.79999H26.7999" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div class="relative pt-18"><img class="hidden md:block absolute top-0 left-0 mt-28 w-32 lg:w-64 xl:w-auto" src="quantam-assets/headers/header-4-left-top.png" alt=""><img class="hidden md:block absolute top-0 right-0 mt-20 w-32 lg:w-64 xl:w-auto" src="quantam-assets/headers/header-4-right-top.png" alt="">
+            <div class="container mx-auto px-4 relative">
+              <div class="max-w-lg xl:max-w-xl mx-auto mb-12 lg:mb-0 text-center">
+                <div class="flex mb-6 items-center justify-center">
+                  <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <rect width="12" height="12" rx="2" fill="#022C22"></rect>
+                    <circle cx="6" cy="6" r="4" fill="#BEF264"></circle>
+                  </svg><span class="ml-2 text-sm font-medium">Powering Tomorrow</span>
+                </div>
+                <h1 class="font-heading text-5xl xs:text-7xl xl:text-8xl tracking-tight mb-8 font-semibold">The Future of Green Energy</h1>
+                <p class="text-lg text-gray-700 mb-10">Our commitment to green energy is paving the way for a cleaner, healthier planet. Join us on a journey towards a future where clean, renewable energy sources transform the way we power our lives.</p>
+                <div class="flex flex-col sm:flex-row justify-center"><a class="inline-flex py-4 px-6 mb-3 sm:mb-0 sm:mr-4 items-center justify-center text-lg font-medium text-white hover:text-teal-900 border border-teal-900 hover:border-lime-500 bg-teal-900 hover:bg-lime-500 rounded-full transition duration-200" href="#">See our solutions</a><a class="inline-flex py-4 px-6 items-center justify-center text-lg font-medium text-black hover:text-white border border-teal-900 hover:bg-teal-900 rounded-full transition duration-200" href="#">Get in touch</a></div>
+              </div>
+              <div class="flex -mx-4 items-end relative">
+                <div class="w-1/3 xs:w-1/2 lg:w-auto px-4"><img class="block h-32 lg:h-48" src="quantam-assets/headers/header-4-bottom-lleft.png" alt=""></div>
+                <div class="w-2/3 xs:w-1/2 lg:w-auto ml-auto px-4"><img class="block w-1/2 md:w-64 lg:w-auto ml-auto" src="quantam-assets/headers/header-4-bottom-right.png" alt=""></div>
+                <div class="absolute bottom-0 left-0 w-full py-32 bg-gradient-to-t from-orange-50 to-transparent"></div>
+              </div>
+            </div>
+          </div>
+          <div class="hidden fixed top-0 left-0 bottom-0 w-full xs:w-5/6 xs:max-w-md z-50" :class="{'block': mobileNavOpen, 'hidden': !mobileNavOpen}">
+            <div class="fixed inset-0 bg-violet-900 opacity-20" x-on:click="mobileNavOpen = !mobileNavOpen"></div>
+            <nav class="relative flex flex-col py-7 px-10 w-full h-full bg-white overflow-y-auto">
+              <div class="flex items-center justify-between"><a class="inline-block" href="#"><img class="h-8" src="images/logo-2.svg" alt=""></a>
+                <div class="flex items-center"><a class="inline-flex py-2.5 px-4 mr-6 items-center justify-center text-sm font-medium text-teal-900 hover:text-white border border-teal-900 hover:bg-teal-900 rounded-full transition duration-200" href="#">Login</a>
+                  <button x-on:click="mobileNavOpen = !mobileNavOpen">
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M23.2 8.79999L8.80005 23.2M8.80005 8.79999L23.2 23.2" stroke="#1D1F1E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg>
+                  </button>
+                </div>
+              </div>
+              <div class="pt-20 pb-12 mb-auto">
+                <ul class="flex-col">
+                  <li class="mb-6"><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="about.html">About Us</a></li>
+                  <li class="mb-6"><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="pricing.html">Pricing</a></li>
+                  <li class="mb-6"><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="blog.html">Blog</a></li>
+                  <li><a class="inline-block text-teal-900 hover:text-teal-700 font-medium" href="contact.html">Contact Us</a></li>
+                </ul>
+              </div>
+              <div class="flex items-center justify-between"><a class="inline-flex items-center text-lg font-medium text-teal-900" href="#"><span>
+                    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M6.4 6.39999H25.6C26.92 6.39999 28 7.47999 28 8.79999V23.2C28 24.52 26.92 25.6 25.6 25.6H6.4C5.08 25.6 4 24.52 4 23.2V8.79999C4 7.47999 5.08 6.39999 6.4 6.39999Z" stroke="#646A69" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                      <path d="M28 8.8L16 17.2L4 8.8" stroke="#646A69" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                    </svg></span>                  <span class="ml-2">Newsletter</span></a>
+                <div class="flex items-center"><a class="inline-block mr-4" href="#">
+                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <g clip-path="url(#clip0_282_7847)">
+                        <path d="M11.548 19.9999V10.8776H14.6087L15.0679 7.32146H11.548V5.05136C11.548 4.02209 11.8326 3.32066 13.3103 3.32066L15.1918 3.31988V0.139123C14.8664 0.0968385 13.7495 -0.000106812 12.4495 -0.000106812C9.73488 -0.000106812 7.87642 1.65686 7.87642 4.69916V7.32146H4.8064V10.8776H7.87642V19.9999H11.548Z" fill="#022C22"></path>
+                      </g>
+                    </svg></a>                  <a class="inline-block mr-4" href="#">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M7.8 2H16.2C19.4 2 22 4.6 22 7.8V16.2C22 17.7383 21.3889 19.2135 20.3012 20.3012C19.2135 21.3889 17.7383 22 16.2 22H7.8C4.6 22 2 19.4 2 16.2V7.8C2 6.26174 2.61107 4.78649 3.69878 3.69878C4.78649 2.61107 6.26174 2 7.8 2ZM7.6 4C6.64522 4 5.72955 4.37928 5.05442 5.05442C4.37928 5.72955 4 6.64522 4 7.6V16.4C4 18.39 5.61 20 7.6 20H16.4C17.3548 20 18.2705 19.6207 18.9456 18.9456C19.6207 18.2705 20 17.3548 20 16.4V7.6C20 5.61 18.39 4 16.4 4H7.6ZM17.25 5.5C17.5815 5.5 17.8995 5.6317 18.1339 5.86612C18.3683 6.10054 18.5 6.41848 18.5 6.75C18.5 7.08152 18.3683 7.39946 18.1339 7.63388C17.8995 7.8683 17.5815 8 17.25 8C16.9185 8 16.6005 7.8683 16.3661 7.63388C16.1317 7.39946 16 7.08152 16 6.75C16 6.41848 16.1317 6.10054 16.3661 5.86612C16.6005 5.6317 16.9185 5.5 17.25 5.5ZM12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7ZM12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9Z" fill="currentColor"></path>
+                    </svg></a>                  <a class="inline-block" href="#">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                      <path d="M19 3C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19ZM18.5 18.5V13.2C18.5 12.3354 18.1565 11.5062 17.5452 10.8948C16.9338 10.2835 16.1046 9.94 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17C14.6813 12.17 15.0374 12.3175 15.2999 12.5801C15.5625 12.8426 15.71 13.1987 15.71 13.57V18.5H18.5ZM6.88 8.56C7.32556 8.56 7.75288 8.383 8.06794 8.06794C8.383 7.75288 8.56 7.32556 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19C6.43178 5.19 6.00193 5.36805 5.68499 5.68499C5.36805 6.00193 5.19 6.43178 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56ZM8.27 18.5V10.13H5.5V18.5H8.27Z" fill="currentColor"></path>
+                    </svg></a></div>
+              </div>
+            </nav>
+          </div>
+        </section>
+      </div>
+      <section class="py-12 lg:py-24">
+        <div class="container mx-auto px-4">
+          <div class="max-w-lg mx-auto lg:max-w-none">
+            <div class="flex flex-wrap -mx-4">
+              <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
+                <div class="max-w-lg">
+                  <p class="text-2xl font-medium mb-20">Our commitment to green energy is paving the way for a cleaner, healthier planet. </p>
+                  <div>
+                    <div class="cursor-pointer text-gray-500 mb-0" x-data="{ accordion: false }" x-on:click.prevent="accordion = !accordion" :class="{'text-black mb-8': accordion, 'text-gray-500 mb-0': !accordion }">
+                      <div class="relative">
+                        <div class="inline-block relative">
+                          <h4 class="text-5xl">EV charging</h4>
+                          <div class="relative transition duration-250" x-ref="container" :style="accordion ? 'width: ' + $refs.container.scrollWidth + 'px' : 'opacity: 0'" style="opacity: 0">
+                            <div class="absolute bottom-0 left-0 -mb-6 transform translate-y-1/2 w-full border-b-2 border-gray-100"></div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="relative overflow-hidden h-0 pr-5 mt-12 duration-500" x-ref="container" :style="accordion ? 'height: ' + $refs.container.scrollHeight + 'px' : ''" style="">
+                        <p class="text-lg text-gray-600 mb-12">Solar panels convert sunlight into electricity. Photovoltaic (PV) cells on these panels capture the energy from the sun and convert it into electrical power.</p><a class="absolute bottom-0 left-0 inline-block text-lg font-medium text-black hover:text-lime-600" href="#">Learn more</a>
+                      </div>
+                    </div>
+                    <div class="cursor-pointer text-gray-500 mb-0" x-data="{ accordion: false }" x-on:click.prevent="accordion = !accordion" :class="{'text-black mb-8': accordion, 'text-gray-500 mb-0': !accordion }">
+                      <div class="relative">
+                        <div class="inline-block relative">
+                          <h4 class="text-5xl">Solar Energy</h4>
+                          <div class="relative transition duration-250" x-ref="container" :style="accordion ? 'width: ' + $refs.container.scrollWidth + 'px' : 'opacity: 0'" style="opacity: 0">
+                            <div class="absolute bottom-0 left-0 -mb-6 transform translate-y-1/2 w-full border-b-2 border-gray-100"></div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="relative overflow-hidden h-0 pr-5 mt-12 duration-500" x-ref="container" :style="accordion ? 'height: ' + $refs.container.scrollHeight + 'px' : ''" style="">
+                        <p class="text-lg text-gray-600 mb-12">Solar panels convert sunlight into electricity. Photovoltaic (PV) cells on these panels capture the energy from the sun and convert it into electrical power.</p><a class="absolute bottom-0 left-0 inline-block text-lg font-medium text-black hover:text-lime-600" href="#">Learn more</a>
+                      </div>
+                    </div>
+                    <div class="cursor-pointer text-gray-500 mb-0" x-data="{ accordion: false }" x-on:click.prevent="accordion = !accordion" :class="{'text-black mb-8': accordion, 'text-gray-500 mb-0': !accordion }">
+                      <div class="relative">
+                        <div class="inline-block relative">
+                          <h4 class="text-5xl">Wind Energy</h4>
+                          <div class="relative transition duration-250" x-ref="container" :style="accordion ? 'width: ' + $refs.container.scrollWidth + 'px' : 'opacity: 0'" style="opacity: 0">
+                            <div class="absolute bottom-0 left-0 -mb-6 transform translate-y-1/2 w-full border-b-2 border-gray-100"></div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="relative overflow-hidden h-0 pr-5 mt-12 duration-500" x-ref="container" :style="accordion ? 'height: ' + $refs.container.scrollHeight + 'px' : ''" style="">
+                        <p class="text-lg text-gray-600 mb-12">Solar panels convert sunlight into electricity. Photovoltaic (PV) cells on these panels capture the energy from the sun and convert it into electrical power.</p><a class="absolute bottom-0 left-0 inline-block text-lg font-medium text-black hover:text-lime-600" href="#">Learn more</a>
+                      </div>
+                    </div>
+                    <div class="cursor-pointer text-gray-500 mb-0" x-data="{ accordion: false }" x-on:click.prevent="accordion = !accordion" :class="{'text-black mb-8': accordion, 'text-gray-500 mb-0': !accordion }">
+                      <div class="relative">
+                        <div class="inline-block relative">
+                          <h4 class="text-5xl">Hydropower</h4>
+                          <div class="relative transition duration-250" x-ref="container" :style="accordion ? 'width: ' + $refs.container.scrollWidth + 'px' : 'opacity: 0'" style="opacity: 0">
+                            <div class="absolute bottom-0 left-0 -mb-6 transform translate-y-1/2 w-full border-b-2 border-gray-100"></div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="relative overflow-hidden h-0 pr-5 mt-12 duration-500" x-ref="container" :style="accordion ? 'height: ' + $refs.container.scrollHeight + 'px' : ''" style="">
+                        <p class="text-lg text-gray-600 mb-12">Solar panels convert sunlight into electricity. Photovoltaic (PV) cells on these panels capture the energy from the sun and convert it into electrical power.</p><a class="absolute bottom-0 left-0 inline-block text-lg font-medium text-black hover:text-lime-600" href="#">Learn more</a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="w-full lg:w-1/2 px-4"><img class="block w-full lg:max-w-md h-full lg:ml-auto" src="quantam-assets/features/image-right.png" alt=""></div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="py-12 lg:py-24 bg-teal-900">
+        <div class="container mx-auto px-4">
+          <div class="text-center mb-20">
+            <h2 class="font-heading text-6xl text-white mb-6">Our results</h2>
+            <p class="text-lg text-white opacity-80">We are committed to a sustainable future</p>
+          </div>
+          <div class="max-w-md mx-auto lg:max-w-none">
+            <div class="flex flex-wrap -mx-4">
+              <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+                <div class="h-full py-10 px-5 xs:px-10 bg-white rounded-2xl shadow-md">
+                  <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="#BEF264"></path>
+                    <rect x="23" y="8" width="2" height="12" rx="1" fill="#022C22"></rect>
+                    <rect x="23" y="28" width="2" height="12" rx="1" fill="#022C22"></rect>
+                    <rect x="34.6066" y="11.9792" width="2" height="12" rx="1" transform="rotate(45 34.6066 11.9792)" fill="#022C22"></rect>
+                    <rect x="20.4645" y="26.1213" width="2" height="12" rx="1" transform="rotate(45 20.4645 26.1213)" fill="#022C22"></rect>
+                    <rect x="28" y="25" width="2" height="12" rx="1" transform="rotate(-90 28 25)" fill="#022C22"></rect>
+                    <rect x="8" y="25" width="2" height="12" rx="1" transform="rotate(-90 8 25)" fill="#022C22"></rect>
+                    <rect x="26.1213" y="27.5356" width="2" height="12" rx="1" transform="rotate(-45 26.1213 27.5356)" fill="#022C22"></rect>
+                    <rect x="11.9792" y="13.3936" width="2" height="12" rx="1" transform="rotate(-45 11.9792 13.3936)" fill="#022C22"></rect>
+                  </svg>
+                  <h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mt-6 mb-4">5,000 Mwh</h5><span class="block mb-6 text-base lg:text-xl font-medium">Renewable Energy Generated</span>
+                  <p class="text-gray-700">Our commitment to sustainability shines through as we proudly announce the generation of 5,000 megawatt-hours of renewable energy, contributing to a greener and more environmentally friendly future.</p>
+                </div>
+              </div>
+              <div class="w-full lg:w-1/3 px-4 mb-8 lg:mb-0">
+                <div class="h-full py-10 px-5 xs:px-10 bg-white rounded-2xl shadow-md">
+                  <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="#BEF264"></path>
+                    <path d="M24 10.6667C20.6863 10.6667 18 13.353 18 16.6667C18 19.9805 20.6863 22.6667 24 22.6667C27.3137 22.6667 30 19.9805 30 16.6667C30 13.353 27.3137 10.6667 24 10.6667Z" fill="#022C22"></path>
+                    <path d="M24 24.0001C17.6563 24.0001 13.2222 28.6949 12.6725 34.542C12.6374 34.9156 12.7613 35.2868 13.014 35.5644C13.2667 35.8419 13.6246 36.0001 14 36.0001H34C34.3753 36.0001 34.7332 35.8419 34.9859 35.5644C35.2386 35.2868 35.3626 34.9156 35.3274 34.542C34.7778 28.6949 30.3437 24.0001 24 24.0001Z" fill="#022C22"></path>
+                  </svg>
+                  <h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mt-6 mb-4">10,000+</h5><span class="block mb-6 text-base lg:text-xl font-medium">Customers Served</span>
+                  <p class="text-gray-700">With gratitude, we celebrate the trust of over 10,000 satisfied customers. Your confidence fuels our dedication to providing exceptional service and forging lasting partnerships.</p>
+                </div>
+              </div>
+              <div class="w-full lg:w-1/3 px-4">
+                <div class="h-full py-10 px-5 xs:px-10 bg-white rounded-2xl shadow-md">
+                  <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M0 8C0 3.58172 3.58172 0 8 0H40C44.4183 0 48 3.58172 48 8V40C48 44.4183 44.4183 48 40 48H8C3.58172 48 0 44.4183 0 40V8Z" fill="#BEF264"></path>
+                    <path d="M13.3333 12C12.597 12 12 12.597 12 13.3333V14.6667C12 20.5577 16.7756 25.3333 22.6667 25.3333V34.6667C22.6667 35.403 23.2636 36 24 36C24.7364 36 25.3333 35.403 25.3333 34.6667V29.3333C31.2244 29.3333 36 24.5577 36 18.6667V17.3333C36 16.597 35.403 16 34.6667 16H33.3333C29.961 16 26.9541 17.565 24.9994 20.0084C23.8183 15.4035 19.6399 12 14.6667 12H13.3333Z" fill="#022C22"></path>
+                  </svg>
+                  <h5 class="text-2xl xs:text-3xl lg:text-4xl xl:text-5xl mt-6 mb-4">15%</h5><span class="block mb-6 text-base lg:text-xl font-medium">Avg. Energy Saved</span>
+                  <p class="text-gray-700">Embracing efficiency, we are delighted to report an average energy savings of 15%. This milestone reflects our ongoing efforts to optimize resources and promote a more sustainable energy landscape.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="py-12 lg:py-24 overflow-hidden" x-data="{ activeSlide: 1, slideCount: 2 }">
+        <div class="container mx-auto px-4">
+          <div class="flex flex-wrap items-center mb-12 md:mb-20 -mx-4">
+            <div class="w-full md:w-1/2 px-4 mb-12 md:mb-0">
+              <div>
+                <h1 class="font-heading text-5xl sm:text-6xl mb-4">Meet our experts</h1>
+                <p class="text-gray-700">Our team boasts top green energy experts, driving innovation in sustainability.</p>
+              </div>
+            </div>
+            <div class="w-full md:w-1/2 px-4">
+              <div class="flex items-center justify-end">
+                <button class="inline-block text-gray-800 mr-1" x-on:click.prevent="activeSlide = 1">
+                  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <g opacity="0.4">
+                      <path d="M17.5 29.1667L8.33333 20.0001L17.5 10.8334" stroke="currentColor" stroke-width="1.5"></path>
+                      <path d="M8.33329 20L31.6666 20" stroke="currentColor" stroke-width="1.5"></path>
+                    </g>
+                  </svg>
+                </button>
+                <button class="inline-block text-black hover:text-lime-500" x-on:click.prevent="activeSlide = 2">
+                  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M22.5 10.8333L31.6667 19.9999L22.5 29.1666" stroke="currentColor" stroke-width="1.5"></path>
+                    <path d="M31.6666 20H8.33331" stroke="currentColor" stroke-width="1.5"></path>
+                  </svg>
+                </button>
+              </div>
+            </div>
+          </div>
+          <div class="flex transition-transform duration-1000 ease-in-out" :style="'transform: translateX(-' + (activeSlide - 1) * 100.5 + '%)'" style="transform: translateX(-0%)">
+            <div class="relative flex-shrink-0 w-full sm:w-87 h-full sm:h-112 mr-8 overflow-hidden">
+              <div class="absolute bottom-0 left-0 w-full p-4">
+                <div class="p-4 bg-white rounded-xl"><span class="block font-medium">Jenny Wilson</span>                                  <span class="text-sm text-gray-700">Senior Sustainability Consultant</span></div>
+              </div><img class="block w-full h-full object-cover rounded-2xl" src="quantam-assets/team/photo-worker-1.png" alt="">
+            </div>
+            <div class="relative flex-shrink-0 w-full sm:w-87 h-full sm:h-112 mr-8 overflow-hidden">
+              <div class="absolute bottom-0 left-0 w-full p-4">
+                <div class="p-4 bg-white rounded-xl"><span class="block font-medium">Cameron Williamson</span>                                  <span class="text-sm text-gray-700">Senior Sustainability Consultant</span></div>
+              </div><img class="block w-full h-full object-cover rounded-2xl" src="quantam-assets/team/photo-worker-2.png" alt="">
+            </div>
+            <div class="relative flex-shrink-0 w-full sm:w-87 h-full sm:h-112 mr-8 overflow-hidden">
+              <div class="absolute bottom-0 left-0 w-full p-4">
+                <div class="p-4 bg-white rounded-xl"><span class="block font-medium">Courtney Henry</span>                                  <span class="text-sm text-gray-700">Energy Analysts</span></div>
+              </div><img class="block w-full h-full object-cover rounded-2xl" src="quantam-assets/team/photo-worker-3.png" alt="">
+            </div>
+            <div class="relative flex-shrink-0 w-full sm:w-87 h-full sm:h-112 mr-8 overflow-hidden">
+              <div class="absolute bottom-0 left-0 w-full p-4">
+                <div class="p-4 bg-white rounded-xl"><span class="block font-medium">Dianne Russell</span>                                  <span class="text-sm text-gray-700">Senior Renewable Energy Engineer</span></div>
+              </div><img class="block w-full h-full object-cover rounded-2xl" src="quantam-assets/team/photo-worker-4.png" alt="">
+            </div>
+            <div class="relative flex-shrink-0 w-full sm:w-87 h-full sm:h-112 mr-8 overflow-hidden">
+              <div class="absolute bottom-0 left-0 w-full p-4">
+                <div class="p-4 bg-white rounded-xl"><span class="block font-medium">Jenny Wilson</span>                                  <span class="text-sm text-gray-700">Senior Sustainability Consultant</span></div>
+              </div><img class="block w-full h-full object-cover rounded-2xl" src="quantam-assets/team/photo-worker-1.png" alt="">
+            </div>
+            <div class="relative flex-shrink-0 w-full sm:w-87 h-full sm:h-112 mr-8 overflow-hidden">
+              <div class="absolute bottom-0 left-0 w-full p-4">
+                <div class="p-4 bg-white rounded-xl"><span class="block font-medium">Cameron Williamson</span>                                  <span class="text-sm text-gray-700">Senior Sustainability Consultant</span></div>
+              </div><img class="block w-full h-full object-cover rounded-2xl" src="quantam-assets/team/photo-worker-2.png" alt="">
+            </div>
+            <div class="relative flex-shrink-0 w-full sm:w-87 h-full sm:h-112 mr-8 overflow-hidden">
+              <div class="absolute bottom-0 left-0 w-full p-4">
+                <div class="p-4 bg-white rounded-xl"><span class="block font-medium">Courtney Henry</span>                                  <span class="text-sm text-gray-700">Energy Analysts</span></div>
+              </div><img class="block w-full h-full object-cover rounded-2xl" src="quantam-assets/team/photo-worker-3.png" alt="">
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="relative py-12 lg:py-24" x-data="{ showContent: false }">
+        <div class="container mx-auto px-4">
+          <div class="flex flex-wrap items-center justify-between mb-20 -mx-4">
+            <div class="w-full sm:w-1/2 px-4 mb-10 sm:mb-0">
+              <h1 class="font-heading text-5xl sm:text-6xl">Blog</h1>
+            </div>
+            <div class="w-full sm:w-1/2 px-4 sm:text-right"><a class="inline-flex py-4 px-6 items-center justify-center text-lg font-medium text-black hover:text-white border border-teal-900 hover:bg-teal-900 rounded-full transition duration-300" x-on:click.prevent="showContent = true" :class="{'hidden': showContent}" href="#"><span class="mr-2">See all</span>
+                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M4.75 10H15.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                  <path d="M10 4.75L15.25 10L10 15.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
+                </svg></a></div>
+          </div>
+          <div class="flex flex-wrap -mx-4">
+            <div class="w-full lg:w-1/2 xl:w-7/12 px-4 mb-8 lg:mb-0">
+              <div><img class="block w-full mb-8" src="quantam-assets/blog/image-lg-post.png" alt="">
+                <div class="mb-6"><a class="inline-block mr-2 px-2 text-sm font-medium hover:bg-gray-50 border rounded-full" href="#">Solar Power</a>                                  <a class="inline-block px-2 text-sm font-medium hover:bg-gray-50 border rounded-full" href="#">Solutions</a></div><a class="block group max-w-2xl" href="#">
+                  <h3 class="text-3xl font-medium group-hover:text-teal-600 transition duration-200 mb-4">Harnessing the Power of the Sun: Exploring the World of Solar Energy</h3>
+                  <p class="text-lg text-gray-700 mb-6">Solar energy is revolutionizing the way we power our world. In this blog post, we'll delve into the incredible potential of solar technology, its environmental...</p>
+                  <div class="flex items-center"><img class="w-10 h-10 rounded-full" src="quantam-assets/blog/avatar-1.png" alt="">
+                    <div class="flex items-center ml-4"><span class="text-sm font-medium">Leslie Alexander</span>                                          <span class="mx-2 sm:mx-4">
+                        <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <circle cx="2" cy="2" r="2" fill="#929C9A"></circle>
+                        </svg></span>                                          <span class="text-sm font-medium">9 min read</span></div>
+                  </div></a>
+              </div>
+            </div>
+            <div class="w-full lg:w-1/2 xl:w-5/12 px-4">
+              <div class="max-w-lg"><a class="flex flex-wrap sm:flex-nowrap group mb-8 items-center" href="#"><img class="block" src="quantam-assets/blog/image-sm-1.png" alt="">
+                  <div class="mt-6 sm:mt-0 sm:ml-8">
+                    <h3 class="text-2xl font-medium group-hover:text-teal-600 transition duration-200 mb-6">Wind Power: A Breath of Fresh Air for Clean Energy Enthusiasts</h3>
+                    <div class="flex items-center"><img class="w-8 h-8 rounded-full" src="quantam-assets/blog/circle-avatar-1.png" alt="">
+                      <div class="flex items-center ml-4"><span class="text-sm font-medium">Wade Warren</span>                                              <span class="mx-2 sm:mx-4">
+                          <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="2" cy="2" r="2" fill="#929C9A"></circle>
+                          </svg></span>                                              <span class="text-sm font-medium">7 min read</span></div>
+                    </div>
+                  </div></a>                              <a class="flex flex-wrap sm:flex-nowrap group mb-8 items-center" href="#"><img class="block" src="quantam-assets/blog/image-sm-2.png" alt="">
+                  <div class="mt-6 sm:mt-0 sm:ml-8">
+                    <h3 class="text-2xl font-medium group-hover:text-teal-600 transition duration-200 mb-6">From Trash to Treasure: The Promising World of Biomass Energy</h3>
+                    <div class="flex items-center"><img class="w-8 h-8 rounded-full" src="quantam-assets/blog/circle-avatar-2.png" alt="">
+                      <div class="flex items-center ml-4"><span class="text-sm font-medium">Jenny Wilson</span>                                              <span class="mx-2 sm:mx-4">
+                          <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="2" cy="2" r="2" fill="#929C9A"></circle>
+                          </svg></span>                                              <span class="text-sm font-medium">7 min read</span></div>
+                    </div>
+                  </div></a>                              <a class="flex flex-wrap sm:flex-nowrap group items-center" href="#"><img class="block" src="quantam-assets/blog/image-sm-3.png" alt="">
+                  <div class="mt-6 sm:mt-0 sm:ml-8">
+                    <h3 class="text-2xl font-medium group-hover:text-teal-600 transition duration-200 mb-6">Hydrogen: Fueling the Green Energy Revolution</h3>
+                    <div class="flex items-center"><img class="w-8 h-8 rounded-full" src="quantam-assets/blog/circle-avatar-3.png" alt="">
+                      <div class="flex items-center ml-4"><span class="text-sm font-medium">Leslie Alexander</span>                                              <span class="mx-2 sm:mx-4">
+                          <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="2" cy="2" r="2" fill="#929C9A"></circle>
+                          </svg></span>                                              <span class="text-sm font-medium">5 min read</span></div>
+                    </div>
+                  </div></a></div>
+            </div>
+          </div>
+          <div class="hidden flex flex-wrap mt-16 -mx-4" :class="{'hidden': !showContent}">
+            <div class="w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+              <div class="max-w-lg"><a class="flex flex-wrap sm:flex-nowrap group mb-8 items-center" href="#"><img class="block" src="quantam-assets/blog/image-sm-1.png" alt="">
+                  <div class="mt-6 sm:mt-0 sm:ml-8">
+                    <h3 class="text-2xl font-medium group-hover:text-teal-600 transition duration-200 mb-6">Wind Power: A Breath of Fresh Air for Clean Energy Enthusiasts</h3>
+                    <div class="flex items-center"><img class="w-8 h-8 rounded-full" src="quantam-assets/blog/circle-avatar-1.png" alt="">
+                      <div class="flex items-center ml-4"><span class="text-sm font-medium">Wade Warren</span>                                              <span class="mx-2 sm:mx-4">
+                          <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="2" cy="2" r="2" fill="#929C9A"></circle>
+                          </svg></span>                                              <span class="text-sm font-medium">7 min read</span></div>
+                    </div>
+                  </div></a>                              <a class="flex flex-wrap sm:flex-nowrap group items-center" href="#"><img class="block" src="quantam-assets/blog/image-sm-2.png" alt="">
+                  <div class="mt-6 sm:mt-0 sm:ml-8">
+                    <h3 class="text-2xl font-medium group-hover:text-teal-600 transition duration-200 mb-6">From Trash to Treasure: The Promising World of Biomass Energy</h3>
+                    <div class="flex items-center"><img class="w-8 h-8 rounded-full" src="quantam-assets/blog/circle-avatar-2.png" alt="">
+                      <div class="flex items-center ml-4"><span class="text-sm font-medium">Jenny Wilson</span>                                              <span class="mx-2 sm:mx-4">
+                          <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="2" cy="2" r="2" fill="#929C9A"></circle>
+                          </svg></span>                                              <span class="text-sm font-medium">7 min read</span></div>
+                    </div>
+                  </div></a></div>
+            </div>
+            <div class="w-full lg:w-1/2 px-4">
+              <div class="max-w-lg"><a class="flex flex-wrap sm:flex-nowrap group mb-8 items-center" href="#"><img class="block" src="quantam-assets/blog/image-sm-1.png" alt="">
+                  <div class="mt-6 sm:mt-0 sm:ml-8">
+                    <h3 class="text-2xl font-medium group-hover:text-teal-600 transition duration-200 mb-6">Wind Power: A Breath of Fresh Air for Clean Energy Enthusiasts</h3>
+                    <div class="flex items-center"><img class="w-8 h-8 rounded-full" src="quantam-assets/blog/circle-avatar-1.png" alt="">
+                      <div class="flex items-center ml-4"><span class="text-sm font-medium">Wade Warren</span>                                              <span class="mx-2 sm:mx-4">
+                          <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="2" cy="2" r="2" fill="#929C9A"></circle>
+                          </svg></span>                                              <span class="text-sm font-medium">7 min read</span></div>
+                    </div>
+                  </div></a>                              <a class="flex flex-wrap sm:flex-nowrap group items-center" href="#"><img class="block" src="quantam-assets/blog/image-sm-2.png" alt="">
+                  <div class="mt-6 sm:mt-0 sm:ml-8">
+                    <h3 class="text-2xl font-medium group-hover:text-teal-600 transition duration-200 mb-6">From Trash to Treasure: The Promising World of Biomass Energy</h3>
+                    <div class="flex items-center"><img class="w-8 h-8 rounded-full" src="quantam-assets/blog/circle-avatar-2.png" alt="">
+                      <div class="flex items-center ml-4"><span class="text-sm font-medium">Jenny Wilson</span>                                              <span class="mx-2 sm:mx-4">
+                          <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="2" cy="2" r="2" fill="#929C9A"></circle>
+                          </svg></span>                                              <span class="text-sm font-medium">7 min read</span></div>
+                    </div>
+                  </div></a></div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="py-12 lg:py-24 xl:py-32 bg-teal-900 relative overflow-hidden"><img class="absolute top-0 left-0 w-full h-full" src="quantam-assets/cta/bg-light-lines.png" alt="">
+        <div class="container mx-auto px-4 relative">
+          <div class="max-w-6xl mx-auto text-center">
+            <h1 class="font-heading text-4xl sm:text-6xl md:text-7xl text-white tracking-sm mb-16">Want to learn how to build templates like this one?</h1><a class="inline-flex py-4 px-6 items-center justify-center text-lg font-medium text-teal-900 border border-lime-500 hover:border-white bg-lime-500 hover:bg-white rounded-full transition duration-200" href="https://www.pixelrocket.store">Visit Pixel Rocket</a>
+          </div>
+        </div>
+      </section>
+      <div>
+        <section class="relative py-12 lg:py-24 bg-orange-50 overflow-hidden"><img class="absolute bottom-0 left-0" src="quantam-assets/footer/waves-lines-left-bottom.png" alt="">
+          <div class="container px-4 mx-auto relative">
+            <div class="flex flex-wrap mb-16 -mx-4">
+              <div class="w-full lg:w-2/12 xl:w-2/12 px-4 mb-16 lg:mb-0"><a class="inline-block mb-4" href="#"><img src="images/logo-2.svg" alt=""></a></div>
+              <div class="w-full md:w-7/12 lg:w-6/12 px-4 mb-16 lg:mb-0">
+                <div class="flex flex-wrap -mx-4">
+                  <div class="w-1/2 xs:w-1/3 px-4 mb-8 xs:mb-0">
+                    <h3 class="mb-6 font-bold">Platform</h3>
+                    <ul>
+                      <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#">Solutions</a></li>
+                      <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#">How it works</a></li>
+                      <li><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#">Pricing</a></li>
+                    </ul>
+                  </div>
+                  <div class="w-1/2 xs:w-1/3 px-4 mb-8 xs:mb-0">
+                    <h3 class="mb-6 font-bold">Resources</h3>
+                    <ul>
+                      <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#">Blog</a></li>
+                      <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#">Help Center</a></li>
+                      <li><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#">Support</a></li>
+                    </ul>
+                  </div>
+                  <div class="w-full xs:w-1/3 px-4">
+                    <h3 class="mb-6 font-bold">Company</h3>
+                    <ul>
+                      <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#">About</a></li>
+                      <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#">Our Mission</a></li>
+                      <li class="mb-4"><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#">Careers</a></li>
+                      <li><a class="inline-block text-gray-600 hover:text-lime-500 font-medium" href="#">Contact</a></li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <div class="w-full md:w-5/12 lg:w-4/12 px-4">
+                <div class="max-w-sm p-8 bg-teal-900 rounded-2xl mx-auto md:mr-0">
+                  <h5 class="text-xl font-medium text-white mb-4">Your Source for Green Energy Updates</h5>
+                  <p class="text-sm text-white opacity-80 leading-normal mb-10">Stay in the loop with our Green Horizon newsletter, where we deliver bite-sized insights into the latest green energy solutions.</p>
+                  <div class="flex flex-col">
+                    <input class="h-12 w-full px-4 py-1 placeholder-gray-700 outline-none ring-offset-0 focus:ring-2 focus:ring-lime-500 shadow rounded-full" type="email" placeholder="Your e-mail..."><a class="h-12 inline-flex mt-3 py-1 px-5 items-center justify-center font-medium text-teal-900 border border-lime-500 hover:border-white bg-lime-500 hover:bg-white rounded-full transition duration-200" href="#">Get in touch</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="flex flex-wrap -mb-3 justify-between">
+              <div class="flex items-center mb-3"><a class="inline-block mr-4 text-black hover:text-lime-500" href="#">
+                  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <g clip-path="url(#clip0_230_4832)">
+                      <path d="M11.5481 19.9999V10.8776H14.6088L15.068 7.32147H11.5481V5.05138C11.5481 4.02211 11.8327 3.32067 13.3104 3.32067L15.1919 3.3199V0.139138C14.8665 0.0968538 13.7496 -9.15527e-05 12.4496 -9.15527e-05C9.735 -9.15527e-05 7.87654 1.65687 7.87654 4.69918V7.32147H4.80652V10.8776H7.87654V19.9999H11.5481Z" fill="currentColor"></path>
+                    </g>
+                  </svg></a>                <a class="inline-block mr-4 text-black hover:text-lime-500" href="#">
+                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M7.8 2H16.2C19.4 2 22 4.6 22 7.8V16.2C22 17.7383 21.3889 19.2135 20.3012 20.3012C19.2135 21.3889 17.7383 22 16.2 22H7.8C4.6 22 2 19.4 2 16.2V7.8C2 6.26174 2.61107 4.78649 3.69878 3.69878C4.78649 2.61107 6.26174 2 7.8 2ZM7.6 4C6.64522 4 5.72955 4.37928 5.05442 5.05442C4.37928 5.72955 4 6.64522 4 7.6V16.4C4 18.39 5.61 20 7.6 20H16.4C17.3548 20 18.2705 19.6207 18.9456 18.9456C19.6207 18.2705 20 17.3548 20 16.4V7.6C20 5.61 18.39 4 16.4 4H7.6ZM17.25 5.5C17.5815 5.5 17.8995 5.6317 18.1339 5.86612C18.3683 6.10054 18.5 6.41848 18.5 6.75C18.5 7.08152 18.3683 7.39946 18.1339 7.63388C17.8995 7.8683 17.5815 8 17.25 8C16.9185 8 16.6005 7.8683 16.3661 7.63388C16.1317 7.39946 16 7.08152 16 6.75C16 6.41848 16.1317 6.10054 16.3661 5.86612C16.6005 5.6317 16.9185 5.5 17.25 5.5ZM12 7C13.3261 7 14.5979 7.52678 15.5355 8.46447C16.4732 9.40215 17 10.6739 17 12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12C7 10.6739 7.52678 9.40215 8.46447 8.46447C9.40215 7.52678 10.6739 7 12 7ZM12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9Z" fill="currentColor"></path>
+                  </svg></a>                <a class="inline-block text-black hover:text-lime-500" href="#">
+                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M19 3C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19ZM18.5 18.5V13.2C18.5 12.3354 18.1565 11.5062 17.5452 10.8948C16.9338 10.2835 16.1046 9.94 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17C14.6813 12.17 15.0374 12.3175 15.2999 12.5801C15.5625 12.8426 15.71 13.1987 15.71 13.57V18.5H18.5ZM6.88 8.56C7.32556 8.56 7.75288 8.383 8.06794 8.06794C8.383 7.75288 8.56 7.32556 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19C6.43178 5.19 6.00193 5.36805 5.68499 5.68499C5.36805 6.00193 5.19 6.43178 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56ZM8.27 18.5V10.13H5.5V18.5H8.27Z" fill="currentColor"></path>
+                  </svg></a></div>
+              <p class="text-sm text-gray-500 mb-3">Tailwind Template created by <a href="https://www.pixelrocket.store">Pixel Rocket</a></p>
+            </div>
+          </div>
+        </section>
+      </div>
+    </div>
+  
+</body></html>
+\`\`\`
+`
+const template4 = `
+\`\`\`html
+<html lang="en" style="scroll-behavior: smooth;"><head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Jamie Portfolio</title>
+        <meta name="description" content="">
+        <link rel="shortcut icon" href="./assets/logo.png" type="image/x-icon">
+
+        <!-- Open Graph / Facebook -->
+        <meta property="og:title" content="Title of the project">
+        <meta property="og:description" content="">
+        <meta property="og:type" content="website">
+        <meta property="og:url" content="https://github.com/PaulleDemon">
+        <!--Replace with the current website url-->
+        <meta property="og:image" content="">
+
+        <!-- <link rel="stylesheet" href="../../tailwind-css/tailwind-runtime.css" /> -->
+        <link rel="stylesheet" href="./css/tailwind-build.css">
+        <link rel="stylesheet" href="css/index.css">
+
+        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css" integrity="sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ==" crossorigin="anonymous" referrerpolicy="no-referrer">
+    </head>
+    <body class="tw-flex tw-min-h-[100dvh] tw-flex-col tw-bg-[#fff] tw-font-mono" style="">
+        <header class="tw-absolute tw-top-0 tw-z-20 tw-flex tw-h-[60px] tw-w-full tw-bg-opacity-0 tw-px-[5%] max-lg:tw-mr-auto max-lg:tw-px-4 lg:tw-justify-around">
+            <a class="tw-h-[50px] tw-p-[4px] tw-text-2xl tw-font-medium" href="">
+                Jamie
+            </a>
+            <div class="collapsible-header animated-collapse max-lg:tw-shadow-md" id="collapsed-header-items">
+                <div class="tw-flex tw-h-full tw-w-max tw-gap-5 tw-text-base tw-text-black max-lg:tw-mt-[30px] max-lg:tw-flex-col max-lg:tw-place-items-end max-lg:tw-gap-5 lg:tw-mx-auto lg:tw-place-items-center">
+                    <a class="header-links" href=""> About Me </a>
+                    <a class="header-links" href="#pricing"> Work </a>
+                    <a class="header-links" href=""> Blog </a>
+                    <a class="header-links" href=""> Contact me </a>
+                </div>
+                <div class="tw-mx-4 tw-flex tw-place-items-center tw-gap-[20px] tw-text-base max-md:tw-w-full max-md:tw-flex-col max-md:tw-place-content-center">
+                    <a href="https://tally.so/r/woO0Kx" aria-label="signup" class="tw-flex tw-h-[40px] tw-place-items-center tw-gap-2 tw-rounded-full tw-bg-black tw-p-1 tw-pl-4 tw-text-white">
+                        <span>Get in touch</span>
+                        <div class="tw-flex tw-h-[30px] tw-w-[30px] tw-place-content-center tw-place-items-center tw-rounded-full tw-bg-white tw-font-semibold tw-text-black">
+                            <i class="bi bi-arrow-up-right"></i>
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <button class="bi bi-list tw-absolute tw-right-3 tw-top-3 tw-z-50 tw-text-3xl tw-text-black lg:tw-hidden" onclick="toggleHeader()" aria-label="menu" id="collapse-btn"></button>
+        </header>
+
+        <section class="tw-relative tw-flex tw-min-h-[100dvh] tw-w-full tw-max-w-[100dvw] tw-flex-col tw-overflow-hidden max-lg:tw-p-4 max-md:tw-mt-[50px]">
+            <div class="tw-flex tw-h-full tw-min-h-[100dvh] tw-w-full tw-place-content-center tw-gap-6 tw-p-[5%] max-xl:tw-place-items-center max-lg:tw-flex-col">
+                <div class="tw-flex tw-flex-col tw-place-content-center">
+                    <div class="tw-flex tw-flex-wrap tw-text-7xl tw-font-semibold tw-uppercase tw-leading-[85px] max-lg:tw-text-4xl max-md:tw-leading-snug">
+                        <span class="reveal-hero-text tw-bg-green-200 tw-p-1 tw-px-6" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                            Jamie
+                        </span>
+                        <br>
+                        <span class="reveal-hero-text" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                            Designer. AI engineer</span>
+                    </div>
+                    <div class="reveal-hero-text tw-mt-2 tw-max-w-[450px] tw-p-2 tw-text-justify max-lg:tw-max-w-full" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                        Lorem ipsum dolor sit amet consectetur, adipisicing
+                        elit. Error adipisci corrupti accusamus reiciendis
+                        similique assumenda nostrum fuga dicta vitae ipsum.
+                    </div>
+
+                    <div class="reveal-hero-text tw-mt-4 tw-flex tw-place-items-center tw-gap-4 tw-overflow-hidden tw-p-2" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                        <a href="https://tally.so/r/woO0Kx" aria-label="signup" class="tw-flex tw-h-[40px] tw-place-items-center tw-gap-2 tw-rounded-full tw-border-[1px] tw-border-solid tw-border-black tw-bg-white tw-p-1 tw-pl-4 tw-text-black tw-transition-colors tw-duration-[0.5s] hover:tw-bg-black hover:tw-text-white">
+                            <span>Get in touch</span>
+                            <div class="tw-flex tw-h-[30px] tw-w-[30px] tw-place-content-center tw-place-items-center tw-rounded-full tw-bg-black tw-font-semibold tw-text-white">
+                                <i class="bi bi-arrow-up-right"></i>
+                            </div>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="tw-flex tw-w-full tw-max-w-[50%] tw-place-content-center tw-place-items-center tw-overflow-hidden max-lg:tw-max-w-[unset]">
+                    <div class="tw-relative tw-flex tw-max-h-[580px] tw-min-h-[450px] tw-min-w-[350px] tw-max-w-[650px] tw-overflow-hidden max-lg:tw-h-fit max-lg:tw-max-h-[320px] max-lg:tw-min-h-[180px] max-lg:tw-w-[320px] max-lg:tw-min-w-[320px]">
+                        <img src="./assets/images/home/man.jpg" alt="app" class="reveal-hero-img tw-z-[1] tw-h-full tw-w-full tw-object-contain" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="tw-relative tw-flex tw-min-h-[100dvh] tw-w-full tw-max-w-[100dvw] tw-flex-col tw-place-items-center tw-overflow-hidden tw-p-6 tw-py-5">
+            <h3 class="reveal-up tw-text-6xl tw-font-medium max-lg:tw-text-3xl" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                Past works
+            </h3>
+            <div class="reveal-up tw-my-4 tw-h-[1px] tw-w-[80%] tw-bg-black" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;"></div>
+            <div class="tw-mt-8 tw-gap-10 tw-space-y-8 max-md:tw-columns-1 lg:tw-columns-2 xl:tw-columns-3">
+                <div class="reveal-up tw-flex tw-h-fit tw-w-[450px] tw-break-inside-avoid tw-flex-col tw-gap-2 tw-rounded-lg tw-bg-[#f3f3f3b4] tw-p-4 tw-shadow-lg max-lg:tw-w-full max-lg:tw-max-w-[400px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    <div class="tw-flex tw-place-items-center tw-gap-3">
+                        <div class="tw-h-[300px] tw-w-full tw-overflow-hidden tw-rounded-lg">
+                            <img src="./assets/images/home/design.jpg" class="tw-h-full tw-w-full tw-object-cover" alt="design">
+                        </div>
+                    </div>
+                    <div class="tw-flex tw-flex-col tw-gap-2">
+                        <h3 class="tw-text-xl tw-font-medium">Lorem</h3>
+                        <p class="tw-text-gray-600">
+                            Lorem ipsum dolor sit amet consectetur, adipisicing
+                            elit. Beatae, vero.
+                        </p>
+                        <a href="http://" class="tw-mt-4">
+                            <span>Learn more</span>
+                            <i class="bi bi-arrow-right"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="reveal-up tw-flex tw-h-fit tw-w-[450px] tw-break-inside-avoid tw-flex-col tw-gap-2 tw-rounded-lg tw-bg-[#f3f3f3b4] tw-p-4 tw-shadow-lg max-lg:tw-w-full max-lg:tw-max-w-[400px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    <div class="tw-flex tw-place-items-center tw-gap-3">
+                        <div class="tw-h-[300px] tw-w-full tw-overflow-hidden tw-rounded-lg">
+                            <img src="./assets/images/home/editing.jpg" class="tw-h-full tw-w-full tw-object-cover" alt="design">
+                        </div>
+                    </div>
+                    <div class="tw-flex tw-flex-col tw-gap-2">
+                        <h3 class="tw-text-xl tw-font-medium">Fortune 500</h3>
+                        <p class="tw-text-gray-600">
+                            Lorem, ipsum dolor sit amet consectetur adipisicing
+                            elit. Eum dolorum unde voluptatibus fuga soluta
+                            consequuntur!
+                        </p>
+                        <a href="http://" class="tw-mt-4">
+                            <span>Learn more</span>
+                            <i class="bi bi-arrow-right"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="reveal-up tw-flex tw-h-fit tw-w-[450px] tw-break-inside-avoid tw-flex-col tw-gap-2 tw-rounded-lg tw-bg-[#f3f3f3b4] tw-p-4 tw-shadow-lg max-lg:tw-w-full max-lg:tw-max-w-[400px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    <div class="tw-flex tw-place-items-center tw-gap-3">
+                        <div class="tw-h-[300px] tw-w-full tw-overflow-hidden tw-rounded-lg">
+                            <img src="./assets/images/home/photography.jpg" class="tw-h-full tw-w-full tw-object-cover" alt="design">
+                        </div>
+                    </div>
+                    <div class="tw-flex tw-flex-col tw-gap-2">
+                        <h3 class="tw-text-xl tw-font-medium">Apple</h3>
+                        <p class="tw-text-gray-600">
+                            Lorem ipsum dolor sit amet consectetur adipisicing
+                            elit. Aut dolorem, optio totam perspiciatis,
+                            perferendis assumenda nulla eaque autem ad magnam
+                            quisquam voluptates dolor nostrum quae odit numquam
+                            voluptas in atque.
+                        </p>
+                        <a href="http://" class="tw-mt-4">
+                            <span>Learn more</span>
+                            <i class="bi bi-arrow-right"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="reveal-up tw-flex tw-h-fit tw-w-[450px] tw-break-inside-avoid tw-flex-col tw-gap-2 tw-rounded-lg tw-bg-[#f3f3f3b4] tw-p-4 tw-shadow-lg max-lg:tw-w-full max-lg:tw-max-w-[400px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    <div class="tw-flex tw-place-items-center tw-gap-3">
+                        <div class="tw-h-[300px] tw-w-full tw-overflow-hidden tw-rounded-lg">
+                            <img src="./assets/images/home/forest.jpg" class="tw-h-full tw-w-full tw-object-cover" alt="design">
+                        </div>
+                    </div>
+                    <div class="tw-flex tw-flex-col tw-gap-2">
+                        <h3 class="tw-text-xl tw-font-medium">Amazon</h3>
+                        <p class="tw-text-gray-600">
+                            Lorem ipsum dolor sit amet consectetur adipisicing
+                            elit. Culpa, tempora.
+                        </p>
+                        <a href="http://" class="tw-mt-4">
+                            <span>Learn more</span>
+                            <i class="bi bi-arrow-right"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="reveal-up tw-flex tw-h-fit tw-w-[450px] tw-break-inside-avoid tw-flex-col tw-gap-2 tw-rounded-lg tw-bg-[#f3f3f3b4] tw-p-4 tw-shadow-lg max-lg:tw-w-full max-lg:tw-max-w-[400px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    <div class="tw-flex tw-place-items-center tw-gap-3">
+                        <div class="tw-h-[300px] tw-w-full tw-overflow-hidden tw-rounded-lg">
+                            <img src="./assets/images/home/mountain.jpg" class="tw-h-full tw-w-full tw-object-cover" alt="design">
+                        </div>
+                    </div>
+                    <div class="tw-flex tw-flex-col tw-gap-2">
+                        <h3 class="tw-text-xl tw-font-medium">Ipsum</h3>
+                        <p class="tw-text-gray-600">
+                            Lorem ipsum dolor, sit amet consectetur adipisicing
+                            elit. Velit, voluptates.
+                        </p>
+                        <a href="http://" class="tw-mt-4">
+                            <span>Learn more</span>
+                            <i class="bi bi-arrow-right"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="reveal-up tw-flex tw-h-fit tw-w-[450px] tw-break-inside-avoid tw-flex-col tw-gap-2 tw-rounded-lg tw-bg-[#f3f3f3b4] tw-p-4 tw-shadow-lg max-lg:tw-w-full max-lg:tw-max-w-[400px]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    <div class="tw-flex tw-place-items-center tw-gap-3">
+                        <div class="tw-h-[300px] tw-w-full tw-overflow-hidden tw-rounded-lg">
+                            <img src="./assets/images/home/mountain.jpg" class="tw-h-full tw-w-full tw-object-cover" alt="design">
+                        </div>
+                    </div>
+                    <div class="tw-flex tw-flex-col tw-gap-2">
+                        <h3 class="tw-text-xl tw-font-medium">Google</h3>
+                        <p class="tw-text-gray-600">
+                            Lorem ipsum dolor, sit amet consectetur adipisicing
+                            elit. Velit, voluptates.
+                        </p>
+                        <a href="http://" class="tw-mt-4">
+                            <span>Learn more</span>
+                            <i class="bi bi-arrow-right"></i>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="tw-relative tw-mt-10 tw-flex tw-min-h-[100dvh] tw-w-full tw-max-w-[100dvw] tw-flex-col tw-place-content-center tw-place-items-center lg:tw-p-6">
+            <div class="tw-flex tw-h-full tw-w-full tw-justify-around tw-gap-8 tw-rounded-xl tw-bg-[#e7e6e685] tw-p-4 max-lg:tw-max-w-full max-lg:tw-flex-col">
+                <div class="reveal-up tw-flex tw-h-full tw-w-[50%] tw-place-content-center max-lg:tw-w-full lg:tw-sticky lg:tw-top-[20%]" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    <h3 class="tw-text-center tw-text-6xl tw-font-medium max-lg:tw-text-3xl">
+                        What my colleagues say
+                    </h3>
+                </div>
+
+                <div class="reveal-up tw-flex tw-w-[30%] tw-flex-col tw-place-items-center tw-gap-4 tw-p-2 max-lg:tw-w-full" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    <div class="tw-flex tw-h-fit tw-w-full tw-flex-col tw-gap-4 tw-border-2 tw-border-black tw-bg-white tw-p-4">
+                        <div class="tw-flex tw-w-full tw-place-items-center tw-gap-4 tw-p-2">
+                            <div class="tw-flex tw-h-[60px] tw-w-[60px] tw-overflow-hidden tw-rounded-full">
+                                <img src="./assets/images/people/women.jpg" alt="women" class="tw-h-full tw-w-full tw-object-cover">
+                            </div>
+
+                            <div>
+                                <p class="tw-text-xl tw-font-semibold">Lamie</p>
+                                <p class="tw-text-lg tw-text-gray-600">
+                                    Product manager, Apple
+                                </p>
+                            </div>
+                        </div>
+                        <div class="tw-text-justify tw-text-gray-800">
+                            Lorem ipsum dolor sit amet consectetur adipisicing
+                            elit. Facere voluptates pariatur, sequi dignissimos
+                            aliquam, amet dolorem nobis deleniti qui nulla
+                            accusamus voluptatibus quo impedit eligendi? Vel
+                            perferendis nobis aut quasi?
+                        </div>
+                    </div>
+
+                    <div class="tw-flex tw-h-fit tw-w-full tw-flex-col tw-gap-4 tw-border-2 tw-border-black tw-bg-white tw-p-4">
+                        <div class="tw-flex tw-w-full tw-place-items-center tw-gap-4 tw-p-2">
+                            <div class="tw-flex tw-h-[60px] tw-w-[60px] tw-overflow-hidden tw-rounded-full">
+                                <img src="./assets/images/people/man.jpg" alt="women" class="tw-h-full tw-w-full tw-object-cover">
+                            </div>
+
+                            <div>
+                                <p class="tw-text-xl tw-font-semibold">Joy</p>
+                                <p class="tw-text-lg tw-text-gray-600">
+                                    Head of AI, Apple
+                                </p>
+                            </div>
+                        </div>
+                        <div class="tw-text-justify tw-text-gray-800">
+                            Lorem ipsum dolor sit amet consectetur adipisicing
+                            elit. Necessitatibus, suscipit vitae doloribus et
+                            nesciunt officiis nisi laboriosam odit expedita
+                            impedit ipsum ea hic optio odio in, esse quibusdam
+                            doloremque sint explicabo nobis iste, aspernatur
+                            voluptates facere ipsa? Tempora, in. Dignissimos?
+                        </div>
+                    </div>
+
+                    <div class="tw-flex tw-h-fit tw-w-full tw-flex-col tw-gap-4 tw-border-2 tw-border-black tw-bg-white tw-p-4">
+                        <div class="tw-flex tw-w-full tw-place-items-center tw-gap-4 tw-p-2">
+                            <div class="tw-flex tw-h-[60px] tw-w-[60px] tw-overflow-hidden tw-rounded-full">
+                                <img src="./assets/images/people/man2.jpg" alt="women" class="tw-h-full tw-w-full tw-object-cover">
+                            </div>
+
+                            <div>
+                                <p class="tw-text-xl tw-font-semibold">Ben</p>
+                                <p class="tw-text-lg tw-text-gray-600">
+                                    Senior manager, Google
+                                </p>
+                            </div>
+                        </div>
+                        <div class="tw-text-justify tw-text-gray-800">
+                            Lorem ipsum dolor sit amet consectetur adipisicing
+                            elit. Dicta doloremque alias accusamus veniam sequi
+                            vero ex! Necessitatibus molestias, consectetur fuga
+                            quasi dolorum vitae mollitia sequi deserunt itaque
+                            optio rem maxime?
+                        </div>
+                    </div>
+
+                    <div class="tw-flex tw-h-fit tw-w-full tw-flex-col tw-gap-4 tw-border-2 tw-border-black tw-bg-white tw-p-4">
+                        <div class="tw-flex tw-w-full tw-place-items-center tw-gap-4 tw-p-2">
+                            <div class="tw-flex tw-h-[60px] tw-w-[60px] tw-overflow-hidden tw-rounded-full">
+                                <img src="./assets/images/people/women.jpg" alt="women" class="tw-h-full tw-w-full tw-object-cover">
+                            </div>
+
+                            <div>
+                                <p class="tw-text-xl tw-font-semibold">Laura</p>
+                                <p class="tw-text-lg tw-text-gray-600">
+                                    UI &amp; UX, Apple
+                                </p>
+                            </div>
+                        </div>
+                        <div class="tw-text-justify tw-text-gray-800">
+                            Lorem ipsum dolor sit amet consectetur adipisicing
+                            elit. Facere voluptates pariatur, sequi dignissimos
+                            aliquam, amet dolorem nobis deleniti qui nulla
+                            accusamus voluptatibus quo impedit eligendi? Vel
+                            perferendis nobis aut quasi?
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="tw-relative tw-flex tw-min-h-[80dvh] tw-w-full tw-max-w-[100dvw] tw-flex-col tw-place-content-center tw-place-items-center tw-overflow-hidden tw-p-6" id="">
+            <div class="tw-mt-8 tw-flex tw-flex-col tw-place-items-center tw-gap-5">
+                <div class="reveal-up tw-mt-5 tw-flex tw-flex-col tw-gap-3 tw-text-center" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    <h2 class="tw-text-4xl tw-font-semibold">
+                        Work with an expert
+                    </h2>
+                </div>
+                <div class="tw-mt-6 tw-flex tw-max-w-[60%] tw-flex-wrap tw-place-content-center tw-gap-2 max-lg:tw-flex-col">
+                    <div class="reveal-up tw-flex tw-h-[150px] tw-w-[350px] tw-flex-col tw-gap-2 tw-p-4" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                        <!-- <img src="./assets/images/home/sample.jpg" 
+                                alt="feature1"> -->
+                        <div class="tw-flex tw-gap-1">
+                            <i class="bi bi-boombox-fill tw-text-2xl"></i>
+                            <h3 class="tw-text-2xl tw-font-semibold">
+                                Frontend developer
+                            </h3>
+                        </div>
+                        <div class="tw-text-[#595959]">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit.
+                        </div>
+                    </div>
+                    <div class="reveal-up tw-flex tw-h-[150px] tw-w-[350px] tw-flex-col tw-gap-2 tw-p-4" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                        <!-- <img src="./assets/images/home/sample.jpg" 
+                                alt="feature1"> -->
+                        <div class="tw-flex tw-gap-1">
+                            <i class="bi bi-0-circle-fill tw-text-2xl"></i>
+                            <h3 class="tw-text-2xl tw-font-semibold">
+                                ML &amp; AI
+                            </h3>
+                        </div>
+                        <div class="tw-text-[#595959]">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit.
+                        </div>
+                    </div>
+                    <div class="reveal-up tw-flex tw-h-[150px] tw-w-[350px] tw-flex-col tw-gap-2 tw-p-4" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                        <!-- <img src="./assets/images/home/sample.jpg" 
+                                alt="feature1"> -->
+                        <div class="tw-flex tw-gap-1">
+                            <i class="bi bi-0-square-fill tw-text-2xl"></i>
+                            <h3 class="tw-text-2xl tw-font-semibold">
+                                Backend developer
+                            </h3>
+                        </div>
+                        <div class="tw-text-[#595959]">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit.
+                        </div>
+                    </div>
+                    <div class="reveal-up tw-flex tw-h-[150px] tw-w-[350px] tw-flex-col tw-gap-2 tw-p-4" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                        <!-- <img src="./assets/images/home/sample.jpg" 
+                                alt="feature1"> -->
+                        <div class="tw-flex tw-gap-1">
+                            <i class="bi bi-database-fill tw-text-2xl"></i>
+                            <h3 class="tw-text-2xl tw-font-semibold">
+                                Database
+                            </h3>
+                        </div>
+                        <div class="tw-text-[#595959]">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit.
+                        </div>
+                    </div>
+                    <div class="reveal-up tw-flex tw-h-[150px] tw-w-[350px] tw-flex-col tw-gap-2 tw-p-4" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                        <!-- <img src="./assets/images/home/sample.jpg" 
+                                alt="feature1"> -->
+                        <div class="tw-flex tw-gap-1">
+                            <i class="bi bi-cake-fill tw-text-2xl"></i>
+                            <h3 class="tw-text-2xl tw-font-semibold">Redis</h3>
+                        </div>
+                        <div class="tw-text-[#595959]">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit.
+                        </div>
+                    </div>
+                    <div class="reveal-up tw-flex tw-h-[150px] tw-w-[350px] tw-flex-col tw-gap-2 tw-p-4" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                        <!-- <img src="./assets/images/home/sample.jpg" 
+                                alt="feature1"> -->
+                        <div class="tw-flex tw-gap-1">
+                            <i class="bi bi-shield-fill tw-text-2xl"></i>
+                            <h3 class="tw-text-2xl tw-font-semibold">Figma</h3>
+                        </div>
+                        <div class="tw-text-[#595959]">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit.
+                        </div>
+                    </div>
+                </div>
+
+                <a href="https://tally.so/r/woO0Kx" aria-label="signup" class="reveal-up tw-flex tw-h-[40px] tw-place-items-center tw-gap-2 tw-rounded-full tw-bg-black tw-p-1 tw-pl-4 tw-text-white" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0%); opacity: 1;">
+                    <span>Get in touch</span>
+                    <div class="tw-flex tw-h-[30px] tw-w-[30px] tw-place-content-center tw-place-items-center tw-rounded-full tw-bg-white tw-font-semibold tw-text-black">
+                        <i class="bi bi-arrow-up-right"></i>
+                    </div>
+                </a>
+            </div>
+        </section>
+
+        <section class="tw-mt-5 tw-flex tw-w-full tw-flex-col tw-place-items-center tw-p-[2%] max-lg:tw-p-3">
+            <h3 class="reveal-up tw-text-center tw-text-4xl tw-font-medium max-md:tw-text-2xl" style="translate: none; rotate: none; scale: none; transform: translate(0px, 100%); opacity: 0;">
+                Read my articles for more insights ✨
+            </h3>
+            <!-- pricing -->
+            <div class="reveal-up tw-mt-10 tw-flex tw-flex-wrap tw-place-content-center tw-gap-10 max-lg:tw-flex-col" style="translate: none; rotate: none; scale: none; transform: translate(0px, 100%); opacity: 0;">
+                <a href="" class="tw-flex tw-h-[400px] tw-w-[350px] tw-flex-col tw-gap-2 tw-overflow-clip tw-rounded-lg tw-bg-[#edecec79] tw-p-4 tw-shadow-xl max-lg:tw-w-[300px]">
+                    <div class="tw-h-[200px] tw-w-full tw-overflow-hidden tw-rounded-md">
+                        <img src="./assets/images/home/forest.jpg" alt="article image" class="tw-h-full tw-w-full tw-object-cover" srcset="">
+                    </div>
+                    <h3 class="tw-text-2xl tw-font-semibold max-md:tw-text-xl">
+                        Article 1
+                    </h3>
+                    <p class="tw-mt-2 tw-text-gray-600">
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                        Ab, explicabo!
+                    </p>
+                    <span>
+                        <span>Learn more</span>
+                        <i class="bi bi-arrow-right"></i>
+                    </span>
+                </a>
+                <a href="" class="tw-flex tw-h-[400px] tw-w-[350px] tw-flex-col tw-gap-2 tw-overflow-clip tw-rounded-lg tw-bg-[#edecec79] tw-p-4 tw-shadow-xl max-lg:tw-w-[300px]">
+                    <div class="tw-h-[200px] tw-w-full tw-overflow-hidden tw-rounded-md">
+                        <img src="./assets/images/home/mountain.jpg" alt="article image" class="tw-h-full tw-w-full tw-object-cover" srcset="">
+                    </div>
+                    <h3 class="tw-text-2xl tw-font-semibold max-md:tw-text-xl">
+                        Article 2
+                    </h3>
+                    <p class="tw-mt-2 tw-text-gray-600">
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                        Ab, explicabo!
+                    </p>
+                    <span>
+                        <span>Learn more</span>
+                        <i class="bi bi-arrow-right"></i>
+                    </span>
+                </a>
+                <a href="" class="tw-flex tw-h-[400px] tw-w-[350px] tw-flex-col tw-gap-2 tw-overflow-clip tw-rounded-lg tw-bg-[#edecec79] tw-p-4 tw-shadow-xl max-lg:tw-w-[300px]">
+                    <div class="tw-h-[200px] tw-w-full tw-overflow-hidden tw-rounded-md">
+                        <img src="./assets/images/home/photography.jpg" alt="article image" class="tw-h-full tw-w-full tw-object-cover" srcset="">
+                    </div>
+                    <h3 class="tw-text-2xl tw-font-semibold max-md:tw-text-xl">
+                        Article 3
+                    </h3>
+                    <p class="tw-mt-2 tw-text-gray-600">
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                        Ab, explicabo!
+                    </p>
+                    <span>
+                        <span>Learn more</span>
+                        <i class="bi bi-arrow-right"></i>
+                    </span>
+                </a>
+            </div>
+        </section>
+
+        <hr class="tw-mt-4">
+
+        <footer class="tw-mt-auto tw-flex tw-min-h-[100px] tw-w-full tw-place-content-around tw-place-items-center tw-gap-3 tw-p-[2%] tw-px-[10%] tw-text-black max-md:tw-flex-col">
+            <div class="tw-flex tw-gap-6 tw-text-2xl">
+                <a href="" aria-label="Github">
+                    <i class="bi bi-github"></i>
+                </a>
+                <a href="https://twitter.com/@pauls_freeman" aria-label="Twitter">
+                    <i class="bi bi-twitter"></i>
+                </a>
+                <a href="https://stackoverflow.com/" class="tw-h-[40px] tw-w-[40px]" aria-label="stackoverflow">
+                    <i class="bi bi-stack-overflow"></i>
+                </a>
+            </div>
+        </footer>
+    
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.0/gsap.min.js" integrity="sha512-B1lby8cGcAUU3GR+Fd809/ZxgHbfwJMp0jLTVfHiArTuUt++VqSlJpaJvhNtRf3NERaxDNmmxkdx2o+aHd4bvw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.0/ScrollTrigger.min.js" integrity="sha512-AY2+JxnBETJ0wcXnLPCcZJIJx0eimyhz3OJ55k2Jx4RtYC+XdIi2VtJQ+tP3BaTst4otlGG1TtPJ9fKrAUnRdQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+    <script src="./index.js"></script>
+
+</body></html>
+\`\`\`
+`
+const template5 = `
+\`\`\`html
+<html lang="en"><head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>
+      Agencia - Creative Landing Page HTML5 Template using Tailwind CSS
+    </title>
+    <link rel="stylesheet" href="output.css">
+  </head>
+  <body>
+    <header>
+      <nav class="flex items-center justify-between p-6 container mx-auto">
+        <!-- Logo -->
+        <a href="/" class="relative text-2xl font-extrabold">
+          <span class="absolute w-10 h-2 bg-indigo-400 bottom-1 right-0"></span><span class="relative z-10">Agencia</span>
+        </a>
+
+        <!-- Menu items -->
+        <div class="text-base text-gray-900 hidden lg:flex">
+          <a href="#" class="block font-bold mt-4 lg:inline-block text-indigo-600 lg:mt-0 mr-10">
+            Home
+          </a>
+          <a href="#" class="block font-bold mt-4 lg:inline-block hover:text-gray-700 lg:mt-0 mr-10">
+            Services
+          </a>
+          <a href="#" class="block font-bold mt-4 lg:inline-block hover:text-gray-700 lg:mt-0 mr-10">
+            Portfolio
+          </a>
+          <a href="#" class="block font-bold hover:text-gray-700 mt-4 lg:inline-block lg:mt-0 mr-10">
+            Company
+          </a>
+          <a href="/index_dark.html" class="block font-bold hover:text-gray-700 mt-4 lg:inline-block lg:mt-0">
+            Dark version
+          </a>
+        </div>
+
+        <!-- CTA and Hamburger icon -->
+        <div class="flex items-center">
+          <div class="mr-5 lg:mr-0">
+            <button class="font-bold py-2 px-6 text-gray-600 hover:text-gray-700 text-base hidden lg:inline-flex">
+              Sign in
+            </button>
+            <button class="hover:bg-indigo-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 px-5 py-2 text-base font-medium text-center text-white transition duration-500 ease-in-out transform bg-indigo-500">
+              Sign up
+            </button>
+          </div>
+          <div class="block lg:hidden">
+            <button class="flex items-center px-4 py-3 border focus:outline-none">
+              <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+                <title>Menu</title>
+                <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
+              </svg>
+            </button>
+          </div>
+        </div>
+      </nav>
+      <div class="2xl:max-w-7xl sm:px-6 md:px-12 lg:px-24 lg:py-24 2xl:px-12 px-4 py-12 mx-auto">
+        <div class="2xl:max-w-7xl flex flex-wrap items-center mx-auto">
+          <div class="lg:flex-grow lg:w-1/2 lg:pr-24 md:mb-0 flex flex-col items-start mb-16 text-left">
+            <h1 class="text-gray-900 md:text-6xl lg:text-8xl mb-8 text-4xl font-extrabold leading-none tracking-tighter">
+              Provide Solution to your Business.
+            </h1>
+            <p class="mb-8 text-base leading-relaxed text-left text-gray-600">
+              Themeptation helping enterprises to create great Templates
+              websites perfectly.
+            </p>
+            <div class="lg:mt-6 max-w-7xl sm:flex mt-0">
+              <div class="sm:mt-0 mt-3">
+                <button class="hover:bg-indigo-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 items-center block px-10 py-4 text-base font-medium text-center text-white transition duration-500 ease-in-out transform bg-indigo-500">
+                  Let's Talk
+                </button>
+              </div>
+              <div class="sm:mt-0 sm:ml-3 mt-3">
+                <button class="items-center block px-10 py-3.5 text-base font-medium text-center text-indigo-500 transition duration-500 ease-in-out transform focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
+                  View Case Studies
+                </button>
+              </div>
+            </div>
+          </div>
+          <div class="lg:w-5/6 lg:max-w-lg xl:mt-0 w-full mt-12">
+            <div class="relative">
+              <img src="https://html.creativegigstf.com/vCamp/vCamp/images/media/img_69.png" alt="themeptation" class="relative z-10 transform rotate-6 shadow-2xl">
+              <div class="absolute -top-10 -left-24 w-full h-full bg-indigo-500 transform -rotate-6"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <section>
+      <div class="container px-5 py-24 mx-auto lg:px-16">
+        <div class="flex flex-col w-full mb-8 text-center">
+          <h3 class="mb-4 text-lg font-medium tracking-wide text-gray-800">
+            Over 32K+ software businesses growing with Themeptation
+          </h3>
+        </div>
+        <div class="mx-auto text-center">
+          <div class="grid grid-cols-5 gap-4 mx-auto lg:grid-cols-5">
+            <div>
+              <img class="h-4 mx-auto lg:h-12" src="https://d33wubrfki0l68.cloudfront.net/5a364f2e7cfeadd0f603cdfeda83f5cd0509770d/3f0ae/images/logos/logoone.svg" alt="Figma">
+            </div>
+            <div>
+              <img class="h-4 mx-auto lg:h-12" src="https://d33wubrfki0l68.cloudfront.net/ab0d1eeefb9cddb55f05f1601b2ae3fbae9317a9/5bfbe/images/logos/logotwo.svg" alt="Framer">
+            </div>
+            <div>
+              <img class="h-4 mx-auto lg:h-12" src="https://d33wubrfki0l68.cloudfront.net/2fea2d550675d7cf3bb77a515487bce6c086051b/951f5/images/logos/logothree.svg" alt="Sketch ">
+            </div>
+            <div>
+              <img class="h-4 mx-auto lg:h-12" src="https://d33wubrfki0l68.cloudfront.net/f9b8da8b1442382848d30275dc2d0337d14a04c9/dc8f4/images/logos/logofour.svg" alt="Sketch ">
+            </div>
+            <div>
+              <img class="h-4 mx-auto lg:h-12" src="https://d33wubrfki0l68.cloudfront.net/07ddf740e29509004147c6a83c09f299366546c9/03a26/images/logos/logofive.svg" alt="Invision">
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <section class="bg-indigo-50">
+      <div class="2xl:max-w-7xl sm:px-6 md:px-12 lg:px-24 lg:py-24 2xl:px-12 px-4 py-12 mx-auto">
+        <div class="2xl:max-w-7xl flex flex-wrap items-center mx-auto">
+          <div class="lg:w-2/5 lg:pr-24 md:mb-0 flex flex-col items-start mb-16 text-left">
+            <h3 class="text-xl font-bold mb-6 text-indigo-500">WHAT WE DO</h3>
+            <h2 class="text-gray-900 md:text-5xl lg:text-7xl mb-8 text-3xl font-extrabold leading-none tracking-tighter">
+              Our included service.
+            </h2>
+            <p class="mb-8 text-base leading-relaxed text-left text-gray-600">
+              Themeptation helping enterprises to create great Templates
+              websites perfectly.
+            </p>
+            <div class="lg:mt-6 max-w-7xl sm:flex mt-0">
+              <div class="sm:mt-0 mt-3">
+                <button class="hover:bg-indigo-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 items-center block px-10 py-4 text-base font-medium text-center text-white transition duration-500 ease-in-out transform bg-indigo-500">
+                  Let's Talk
+                </button>
+              </div>
+            </div>
+          </div>
+          <div class="lg:w-3/5 xl:mt-0 w-full mt-12">
+            <div class="relative items-center w-full px-5 py-12">
+              <div class="grid w-full grid-cols-1 gap-12 mx-auto lg:grid-cols-2">
+                <div class="p-6">
+                  <div class="inline-flex items-center justify-center flex-shrink-0 w-12 h-12 mx-auto mb-5 text-indigo-700 rounded-xl border-2 border-gray-300">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 icon icon-tabler icon-tabler-aperture" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                      <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                      <circle cx="12" cy="12" r="9"></circle>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(72 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(144 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(216 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(288 12 12)"></line>
+                    </svg>
+                  </div>
+                  <h3 class="mx-auto mb-6 text-xl font-bold leading-none tracking-tighter lg:text-2xl">
+                    Core Themeptation
+                  </h3>
+                  <p class="mx-auto text-base leading-relaxed text-gray-700">
+                    Free and Premium themes, UI Kit's, templates and landing
+                    pages built with Tailwind CSS, HTML &amp; Next.js.
+                  </p>
+                </div>
+                <div class="p-6">
+                  <div class="inline-flex items-center justify-center flex-shrink-0 w-12 h-12 mx-auto mb-5 text-indigo-700 rounded-xl border-2 border-gray-300">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 icon icon-tabler icon-tabler-aperture" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                      <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                      <circle cx="12" cy="12" r="9"></circle>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(72 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(144 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(216 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(288 12 12)"></line>
+                    </svg>
+                  </div>
+                  <h3 class="mx-auto mb-6 text-xl font-bold leading-none tracking-tighter lg:text-2xl">
+                    Plugin Development
+                  </h3>
+                  <p class="mx-auto text-base leading-relaxed text-gray-700">
+                    Free and Premium themes, UI Kit's, templates and landing
+                    pages built with Tailwind CSS, HTML &amp; Next.js.
+                  </p>
+                </div>
+                <div class="p-6">
+                  <div class="inline-flex items-center justify-center flex-shrink-0 w-12 h-12 mx-auto mb-5 text-indigo-700 rounded-xl border-2 border-gray-300">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 icon icon-tabler icon-tabler-aperture" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                      <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                      <circle cx="12" cy="12" r="9"></circle>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(72 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(144 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(216 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(288 12 12)"></line>
+                    </svg>
+                  </div>
+                  <h3 class="mx-auto mb-6 text-xl font-bold leading-none tracking-tighter lg:text-2xl">
+                    Core Themeptation
+                  </h3>
+                  <p class="mx-auto text-base leading-relaxed text-gray-700">
+                    Free and Premium themes, UI Kit's, templates and landing
+                    pages built with Tailwind CSS, HTML &amp; Next.js.
+                  </p>
+                </div>
+                <div class="p-6">
+                  <div class="inline-flex items-center justify-center flex-shrink-0 w-12 h-12 mx-auto mb-5 text-indigo-700 rounded-xl border-2 border-gray-300">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 icon icon-tabler icon-tabler-aperture" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                      <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                      <circle cx="12" cy="12" r="9"></circle>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(72 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(144 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(216 12 12)"></line>
+                      <line x1="3.6" y1="15" x2="14.15" y2="15" transform="rotate(288 12 12)"></line>
+                    </svg>
+                  </div>
+                  <h3 class="mx-auto mb-6 text-xl font-bold leading-none tracking-tighter lg:text-2xl">
+                    Core Themeptation
+                  </h3>
+                  <p class="mx-auto text-base leading-relaxed text-gray-700">
+                    Free and Premium themes, UI Kit's, templates and landing
+                    pages built with Tailwind CSS, HTML &amp; Next.js.
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section>
+      <div class="relative items-center w-full mx-auto md:px-12 lg:px-16 max-w-7xl">
+        <div>
+          <div class="relative p-10 space-y-12 overflow-hidden lg:space-y-0 lg:grid lg:grid-cols-2 lg:gap-x-8 rounded-xl">
+            <div class="relative flex flex-col p-8 bg-white">
+              <div class="flex-1">
+                <h3 class="text-xl font-semibold text-neutral-600">
+                  Starter
+                </h3>
+                <p class="flex items-baseline mt-4 text-neutral-600">
+                  <span class="text-6xl font-extrabold tracking-tight">$0</span>
+                  <span class="ml-1 text-xl font-semibold">/month</span>
+                </p>
+                <p class="mt-6 text-gray-500">
+                  The essentials to provide your best work for clients.
+                </p>
+                <!-- Feature list -->
+                <span class="pt-6 mt-6 text-lg font-semibold text-neutral-600">
+                  What's included?
+                </span>
+                <ul class="pt-6 mt-6 space-y-6">
+                  <li class="flex">
+                    <div class="inline-flex items-center w-6 h-6 bg-indigo-500 rounded-xl">
+                      <svg class="flex-shrink-0 w-4 h-4 mx-auto text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-3 text-neutral-600">Up to 10 credit cards</span>
+                  </li>
+                  <li class="flex">
+                    <div class="inline-flex items-center w-6 h-6 bg-indigo-500 rounded-xl">
+                      <svg class="flex-shrink-0 w-4 h-4 mx-auto text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-3 text-neutral-600">Up to 1,000 credits</span>
+                  </li>
+                  <li class="flex">
+                    <div class="inline-flex items-center w-6 h-6 bg-indigo-500 rounded-xl">
+                      <svg class="flex-shrink-0 w-4 h-4 mx-auto text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-3 text-neutral-600">Tacky wallet</span>
+                  </li>
+                  <li class="flex">
+                    <div class="inline-flex items-center w-6 h-6 bg-indigo-500 rounded-xl">
+                      <svg class="flex-shrink-0 w-4 h-4 mx-auto text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-3 text-neutral-600">Personal profile only</span>
+                  </li>
+                </ul>
+              </div>
+              <div class="mt-6 rounded-lg">
+                <a href="#" class="w-full items-center block px-10 py-3.5 text-base font-medium text-center text-indigo-500 transition duration-500 ease-in-out transform border-2 border-white shadow-2xl rounded-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 bg-white">
+                  Try it for free
+                </a>
+              </div>
+            </div>
+            <div class="relative flex flex-col p-8 bg-indigo-500 rounded-2xl">
+              <div class="relative flex-1">
+                <h3 class="text-xl font-semibold text-white">Pro</h3>
+                <p class="flex items-baseline mt-4 text-white">
+                  <span class="text-6xl font-extrabold tracking-tight">$19</span>
+                  <span class="ml-1 text-xl font-semibold">/month</span>
+                </p>
+                <p class="mt-6 text-white">
+                  A plan that scales with your rapidly growing business.
+                </p>
+                <!-- Feature list -->
+                <span class="pt-6 mt-6 text-lg font-semibold text-white">What's included?</span>
+                <ul class="pt-6 mt-6 space-y-6">
+                  <li class="flex">
+                    <div class="inline-flex items-center w-6 h-6 bg-white rounded-xl">
+                      <svg class="flex-shrink-0 w-4 h-4 mx-auto text-neutral-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-3 text-white">Up to 10 credit cards</span>
+                  </li>
+                  <li class="flex">
+                    <div class="inline-flex items-center w-6 h-6 bg-white rounded-xl">
+                      <svg class="flex-shrink-0 w-4 h-4 mx-auto text-neutral-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-3 text-white">Up to 10,000 credits</span>
+                  </li>
+                  <li class="flex">
+                    <div class="inline-flex items-center w-6 h-6 bg-white rounded-xl">
+                      <svg class="flex-shrink-0 w-4 h-4 mx-auto text-neutral-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-3 text-white">Less tacky wallet </span>
+                  </li>
+                  <li class="flex">
+                    <div class="inline-flex items-center w-6 h-6 bg-white rounded-xl">
+                      <svg class="flex-shrink-0 w-4 h-4 mx-auto text-neutral-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-3 text-white">Profile and portafolio</span>
+                  </li>
+                  <li class="flex">
+                    <div class="inline-flex items-center w-6 h-6 bg-white rounded-xl">
+                      <svg class="flex-shrink-0 w-4 h-4 mx-auto text-neutral-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                      </svg>
+                    </div>
+                    <span class="ml-3 text-white">Support</span>
+                  </li>
+                </ul>
+              </div>
+              <div class="z-50 mt-6 rounded-lg">
+                <a href="/" class="w-full items-center block px-10 py-3.5 text-base font-medium text-center text-indigo-500 transition duration-500 ease-in-out transform border-2 border-indigo-50 shadow-2xl rounded-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 bg-white">
+                  Try it for free
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <footer class="bg-white" aria-labelledby="footer-heading">
+      <h2 id="footer-heading" class="sr-only">Footer</h2>
+      <div class="px-4 py-12 mx-auto max-w-7xl sm:px-6 lg:px-16">
+        <div class="xl:grid xl:grid-cols-3 xl:gap-8">
+          <div class="xl:col-span-1">
+            <a href="/" class="relative text-2xl font-extrabold">
+              <span class="absolute w-10 h-2 bg-indigo-400 bottom-1 right-0"></span><span class="relative z-10">Agencia</span>
+            </a>
+          </div>
+          <div class="grid grid-cols-2 gap-8 mt-12 xl:mt-0 xl:col-span-2">
+            <div class="md:grid md:grid-cols-2 md:gap-8">
+              <div>
+                <h3 class="text-xl font-bold text-indigo-500">
+                  Links
+                </h3>
+                <ul class="mt-4 space-y-2">
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Pricing
+                    </a>
+                  </li>
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      All Templates
+                    </a>
+                  </li>
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Landing Pages
+                    </a>
+                  </li>
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Next.js Templates
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <div class="mt-12 md:mt-0">
+                <h3 class="text-xl font-bold text-indigo-500">
+                  UI/UX &amp; Dev
+                </h3>
+                <ul class="mt-4 space-y-2">
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Blocks
+                    </a>
+                  </li>
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Backgrounds
+                    </a>
+                  </li>
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Popup's
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <div class="md:grid md:grid-cols-2 md:gap-8">
+              <div>
+                <h3 class="text-xl font-bold text-indigo-500">
+                  Legal
+                </h3>
+                <ul class="mt-4 space-y-2">
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Changelog
+                    </a>
+                  </li>
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      FAQ
+                    </a>
+                  </li>
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Refund
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <div class="mt-12 md:mt-0">
+                <h3 class="text-xl font-bold text-indigo-500">
+                  Socials
+                </h3>
+                <ul class="mt-4 space-y-2">
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Twitter
+                    </a>
+                  </li>
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Dribbble
+                    </a>
+                  </li>
+                  <li>
+                    <a href="/" class="text-base font-semibold text-gray-600 hover:text-indigo-500">
+                      Indie Hackers
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="px-4 py-12 mx-auto max-w-7xl sm:px-6 lg:px-16">
+        <div class="flex flex-wrap items-baseline">
+          <span class="mt-2 text-sm text-gray-300">
+            Copyright © 2021
+            <a href="https://themeptation.net" class="mx-2 font-semibbold text-black hover:text-indigo-500" rel="noopener noreferrer">@Themeptation</a>
+          </span>
+        </div>
+      </div>
+    </footer>
+  
+
+</body></html>
+\`\`\`
+`
+export const templates = [template1, template2, template3, template4, template5]
\ No newline at end of file
diff --git a/lib/type.ts b/lib/type.ts
deleted file mode 100644
index c57b306d3a6d918e55dff8c23ad86b9f8bea8ea4..0000000000000000000000000000000000000000
--- a/lib/type.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { buttonVariants } from "@/components/ui/button";
-import { VariantProps } from "class-variance-authority";
-import { LucideIcon } from "lucide-react";
-
-export type DeviceType = "desktop" | "mobile";
-export type ActivityType = "chat" | "code";
-export type MobileTabType = "left-sidebar" | "right-sidebar";
-export type ProviderType = "auto" | "cheapest" | "fastest" | string;
-export enum MessageActionType {
-  PUBLISH_PROJECT = "PUBLISH_PROJECT",
-  SEE_LIVE_PREVIEW = "SEE_LIVE_PREVIEW",
-  UPGRADE_TO_PRO = "UPGRADE_TO_PRO",
-  ADD_CREDITS = "ADD_CREDITS",
-}
-export type MessageAction = {
-  label: string;
-  variant?: VariantProps<typeof buttonVariants>["variant"];
-  icon?: LucideIcon;
-  disabled?: boolean;
-  loading?: boolean;
-  type?: MessageActionType;
-  projectTitle?: string;
-  prompt?: string;
-  messageReferrer?: number;
-};
-export type Message = {
-  id: string;
-  role: MessageRole;
-  model?: string;
-  content?: string;
-  createdAt: Date;
-  isThinking?: boolean;
-  files?: string[];
-  isAborted?: boolean;
-  isAutomated?: boolean;
-  actions?: MessageAction[];
-};
-export type File = {
-  path: string;
-  content?: string;
-};
-export interface Commit {
-  title: string;
-  oid: string;
-  date: Date;
-}
-export type MessageRole = "user" | "assistant";
diff --git a/lib/useBroadcastChannel.ts b/lib/useBroadcastChannel.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d81b6665779f53225257fe82ac23035a78b63e39
--- /dev/null
+++ b/lib/useBroadcastChannel.ts
@@ -0,0 +1,46 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useCallback, useEffect, useMemo, useRef } from "react";
+
+export function useBroadcastChannel(
+  channelName: string,
+  onMessageReceived: (message: any) => void
+) {
+  const channel = useMemo(
+    () => getSingletonChannel(channelName),
+    [channelName]
+  );
+  const isSubscribed = useRef(false);
+
+  useEffect(() => {
+    if (!isSubscribed.current || process.env.NODE_ENV !== "development") {
+      channel.onmessage = (event) => onMessageReceived(event.data);
+    }
+    return () => {
+      if (isSubscribed.current || process.env.NODE_ENV !== "development") {
+        channel.close();
+        isSubscribed.current = true;
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const postMessage = useCallback(
+    (message: any) => {
+      channel?.postMessage(message);
+    },
+    [channel]
+  );
+
+  return {
+    postMessage,
+  };
+}
+
+const channelInstances: { [key: string]: BroadcastChannel } = {};
+
+export const getSingletonChannel = (name: string): BroadcastChannel => {
+  if (!channelInstances[name]) {
+    channelInstances[name] = new BroadcastChannel(name);
+  }
+  return channelInstances[name];
+};
diff --git a/lib/utils.ts b/lib/utils.ts
index f84a3d4ade20f9347e9205db5c02ed87d0eb88dd..e625f33be441e9a8353a8d52486d526f076b9b22 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,18 +1,10 @@
 import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { File } from "./type";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
 
-export const ALLOWED_DOMAINS = [
-  "huggingface.co",
-  "deepsite.hf.co",
-  "localhost",
-  "enzostvs-deepsite-v4-demo.hf.space",
-];
-
 export const COLORS = [
   "red",
   "blue",
@@ -22,168 +14,5 @@ export const COLORS = [
   "pink",
   "gray",
 ];
-export const EMOJIS_FOR_SPACE = [
-  "🚀",
-  "🔥",
-  "✨",
-  "💡",
-  "🤖",
-  "🌟",
-  "🎉",
-  "💎",
-  "⚡",
-  "🎨",
-  "🧠",
-  "📦",
-  "🛠️",
-  "🚧",
-  "🌈",
-  "📚",
-  "🧩",
-  "🔧",
-  "🖥️",
-  "📱",
-];
-
-export const getMentionsFromPrompt = async (prompt: string) => {
-  const mentions = prompt.match(/[a-zA-Z0-9-]+\/[a-zA-Z0-9-]+/g);
-  const validMentions = await Promise.all(
-    mentions?.map(async (mention) => {
-      let type = "model";
-      let response = await fetch(
-        `https://huggingface.co/api/models/${mention}`
-      );
-      if (!response.ok) {
-        type = "dataset";
-        response = await fetch(
-          `https://huggingface.co/api/datasets/${mention}`
-        );
-        if (!response.ok) {
-          return null;
-        }
-      }
-      const readme = await fetch(
-        `https://huggingface.co/${
-          type === "model" ? "" : "datasets/"
-        }${mention}/raw/main/README.md`
-      );
-      const readmeContent = await readme.text();
-
-      const data = await response.json();
-      return {
-        library_name: data?.library_name ?? data?.cardData?.library_name,
-        pipeline_tag: data?.pipeline_tag ?? data?.cardData?.pipeline_tag,
-        model_id: data.id,
-        readme: readmeContent ?? "",
-      };
-    }) ?? []
-  );
-  return validMentions?.filter((mention) => mention !== null) ?? [];
-};
-export const getContextFilesFromPrompt = async (
-  prompt: string,
-  currentFiles: File[]
-) => {
-  const mentions = prompt.match(/file:\/[a-zA-Z0-9-_.\/]+/g);
-  const filesToUseAsContext: File[] = [];
-  if (currentFiles.length === 0) return currentFiles;
-  if (!mentions || mentions.length === 0) return currentFiles;
-  mentions?.forEach((mention) => {
-    const filePath = mention.replace("file:/", "");
-    const matchedFile = currentFiles.find((file) => file.path === filePath);
-    if (matchedFile) {
-      filesToUseAsContext.push(matchedFile);
-    }
-  });
-  return filesToUseAsContext;
-};
-
-export const defaultHTML = `<!DOCTYPE html>
-<html>
-  <head>
-    <title>My app</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta charset="utf-8">
-    <script src="https://cdn.tailwindcss.com"></script>
-  </head>
-  <body class="flex justify-center items-center h-screen overflow-hidden bg-white dark:bg-neutral-950 font-sans text-center px-6">
-    <div class="w-full">
-      <span class="text-xs rounded-full mb-4 inline-block px-2 py-1 border border-indigo-500/15 bg-indigo-500/15 text-indigo-500">
-        🔥 DeepSite v4: New version dropped!
-      </span>
-      <h1 class="text-4xl lg:text-6xl font-bold font-sans dark:text-white">
-        <span class="text-2xl lg:text-4xl text-gray-400 dark:text-neutral-500 block font-medium">
-         I'm ready to develop,
-        </span>
-        Ask me anything.
-      </h1>
-    </div>
-      <img src="https://deepsite.hf.co/arrow.svg" class="absolute bottom-8 left-0 w-[100px] transform rotate-30 dark:invert dark:brightness-0" />
-    <script></script>
-  </body>
-</html>
-`;
-
-export function injectDeepSiteBadge(html: string): string {
-  const badgeScript =
-    '<script src="https://deepsite.hf.co/deepsite-badge.js"></script>';
-
-  // Remove any existing badge script to avoid duplicates
-  const cleanedHtml = html.replace(
-    /<script\s+src=["']https:\/\/deepsite\.hf\.co\/deepsite-badge\.js["']\s*><\/script>\s*/gi,
-    ""
-  );
-
-  // Check if there's a closing body tag
-  const bodyCloseIndex = cleanedHtml.lastIndexOf("</body>");
-
-  if (bodyCloseIndex !== -1) {
-    // Inject the script before the closing </body> tag
-    return (
-      cleanedHtml.slice(0, bodyCloseIndex) +
-      badgeScript +
-      "\n" +
-      cleanedHtml.slice(bodyCloseIndex)
-    );
-  }
-
-  // If no closing body tag, append the script at the end
-  return cleanedHtml + "\n" + badgeScript;
-}
-
-export function isIndexPage(path: string): boolean {
-  const normalizedPath = path.toLowerCase();
-  return (
-    normalizedPath === "/" ||
-    normalizedPath === "index" ||
-    normalizedPath === "/index" ||
-    normalizedPath === "index.html" ||
-    normalizedPath === "/index.html"
-  );
-}
-
-export const humanizeNumber = (num: number): string => {
-  if (num >= 1_000_000) {
-    return (num / 1_000_000).toFixed(1).replace(/\.0$/, "") + "M+";
-  }
-  if (num >= 1_000) {
-    return (num / 1_000).toFixed(1).replace(/\.0$/, "") + "K+";
-  }
-  return num.toString();
-};
 
-export const getFileType = (url: string) => {
-  if (typeof url !== "string") {
-    return "unknown";
-  }
-  const extension = url.split(".").pop()?.toLowerCase();
-  if (["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(extension || "")) {
-    return "image";
-  } else if (["mp4", "webm", "ogg", "avi", "mov"].includes(extension || "")) {
-    return "video";
-  } else if (["mp3", "wav", "ogg", "aac", "m4a"].includes(extension || "")) {
-    return "audio";
-  }
-  return "unknown";
-};
-export const DISCORD_URL = "https://discord.gg/KpanwM3vXa";
+export const MAX_FREE_PROJECTS = 3;
\ No newline at end of file
diff --git a/middleware.ts b/middleware.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2374bd66ca8dfdbd409b770960e647e48d9cfee1
--- /dev/null
+++ b/middleware.ts
@@ -0,0 +1,21 @@
+import { NextResponse } from "next/server";
+import type { NextRequest } from "next/server";
+
+export function middleware(request: NextRequest) {  
+  const headers = new Headers(request.headers);
+  headers.set("x-current-host", request.nextUrl.host);
+  headers.set("x-invoke-path", request.nextUrl.pathname + request.nextUrl.search);
+  
+  const response = NextResponse.next({ headers });
+
+  if (request.nextUrl.pathname.startsWith('/_next/static')) {
+    response.headers.set('Cache-Control', 'public, max-age=31536000, immutable');
+  }
+  response.headers.set('X-Canonical-URL', `https://huggingface.co/deepsite${request.nextUrl.pathname}`);
+  
+  return response;
+}
+
+export const config = {
+  matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
+};
diff --git a/models/Project.ts b/models/Project.ts
new file mode 100644
index 0000000000000000000000000000000000000000..13ff098391e578eb85547666247fc801283bc583
--- /dev/null
+++ b/models/Project.ts
@@ -0,0 +1,32 @@
+import mongoose from "mongoose";
+
+const ProjectSchema = new mongoose.Schema({
+  space_id: {
+    type: String,
+    required: true,
+  },
+  user_id: {
+    type: String,
+    required: true,
+  },
+  title: {
+    type: String,
+    required: false,
+    default: null,
+  },
+  prompts: {
+    type: [String],
+    default: [],
+  },
+  _createdAt: {
+    type: Date,
+    default: Date.now,
+  },
+  _updatedAt: {
+    type: Date,
+    default: Date.now,
+  },
+});
+
+export default mongoose.models.Project ||
+  mongoose.model("Project", ProjectSchema);
diff --git a/modules.d.ts b/modules.d.ts
deleted file mode 100644
index d53337e491ded9a445b3347633931503696bfc67..0000000000000000000000000000000000000000
--- a/modules.d.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-declare module "uuid" {
-  export const v4: () => string;
-}
\ No newline at end of file
diff --git a/next-auth.d.ts b/next-auth.d.ts
deleted file mode 100644
index bfd5569a4eae3b12cc3bb16edf86cd69aca4a0a3..0000000000000000000000000000000000000000
--- a/next-auth.d.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import "next-auth";
-import "next-auth/jwt";
-
-declare module "next-auth" {
-  interface Session {
-    accessToken?: string;
-    user: {
-      username?: string;
-      isPro?: boolean;
-      name?: string | null;
-      email?: string | null;
-      image?: string | null;
-    };
-  }
-
-  interface User {
-    username?: string;
-    isPro?: boolean;
-  }
-}
-
-declare module "next-auth/jwt" {
-  interface JWT {
-    accessToken?: string;
-    username?: string;
-    isPro?: boolean;
-  }
-}
diff --git a/next.config.ts b/next.config.ts
index 1bad84ec5cdde31dd6f3b70bec189048f7667a55..1acee061c8fd093235d13dd807839058c43f7690 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,41 +1,44 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  experimental: {
-    globalNotFound: true,
-  },
-  images: {
-    remotePatterns: [
+  /* config options here */
+  basePath: '/deepsite',
+  assetPrefix: '/deepsite',
+  async redirects() {
+    return [
       {
-        protocol: "https",
-        hostname: "huggingface.co",
+        source: '/',
+        destination: '/deepsite',
+        permanent: true,
+        basePath: false,
       },
-      {
-        protocol: "https",
-        hostname: "i.imgur.com",
-      }
-    ],
+    ];
   },
-  headers: async () => [
-    {
-      source: "/:path*",
-      headers: [
-        {
-          key: "Cache-Control",
-          value: "public, max-age=0, must-revalidate",
-        },
-      ],
-    },
-    {
-      source: "/_next/static/:path*",
-      headers: [
+  webpack(config, options) {
+    const { isServer } = options;
+    config.module.rules.push({
+      test: /\.(ogg|mp3|wav|mpe?g)$/i,
+      exclude: config.exclude,
+      use: [
         {
-          key: "Cache-Control",
-          value: "public, max-age=31536000, immutable",
+          loader: require.resolve("url-loader"),
+          options: {
+            limit: config.inlineImageLimit,
+            fallback: require.resolve("file-loader"),
+            publicPath: `${config.assetPrefix}/_next/static/images/`,
+            outputPath: `${isServer ? "../" : ""}static/images/`,
+            name: "[name]-[hash].[ext]",
+            esModule: config.esModule || false,
+          },
         },
       ],
-    },
-  ],
+    });
+
+    return config;
+  },
+  images: {
+    remotePatterns: [new URL('https://huggingface.co/**')],
+  },
 };
 
 export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..1ad3ace8f7d7b0f729558d758dd16bd5a401dbd9
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6501 @@
+{
+  "name": "deepsite-v3",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "deepsite-v3",
+      "version": "0.1.0",
+      "dependencies": {
+        "@huggingface/hub": "^2.6.2",
+        "@huggingface/inference": "^4.7.1",
+        "@monaco-editor/react": "^4.7.0",
+        "@radix-ui/react-avatar": "^1.1.10",
+        "@radix-ui/react-checkbox": "^1.3.3",
+        "@radix-ui/react-collapsible": "^1.1.12",
+        "@radix-ui/react-dialog": "^1.1.15",
+        "@radix-ui/react-dropdown-menu": "^2.1.16",
+        "@radix-ui/react-popover": "^1.1.15",
+        "@radix-ui/react-select": "^2.2.6",
+        "@radix-ui/react-slot": "^1.2.3",
+        "@radix-ui/react-switch": "^1.2.6",
+        "@radix-ui/react-tabs": "^1.1.13",
+        "@radix-ui/react-toggle": "^1.1.10",
+        "@radix-ui/react-toggle-group": "^1.1.11",
+        "@radix-ui/react-tooltip": "^1.2.8",
+        "@tanstack/eslint-plugin-query": "^5.86.0",
+        "@tanstack/react-query": "^5.86.0",
+        "@tanstack/react-query-devtools": "^5.86.0",
+        "axios": "^1.11.0",
+        "class-variance-authority": "^0.7.1",
+        "classnames": "^2.5.1",
+        "clsx": "^2.1.1",
+        "date-fns": "^4.1.0",
+        "framer-motion": "^12.23.22",
+        "jszip": "^3.10.1",
+        "log4js": "^6.9.1",
+        "log4js-json-layout": "^2.2.3",
+        "lucide-react": "^0.542.0",
+        "monaco-editor": "^0.52.2",
+        "mongoose": "^8.18.0",
+        "next": "^15.5.9",
+        "react": "19.1.0",
+        "react-dom": "19.1.0",
+        "react-use": "^17.6.0",
+        "sonner": "^2.0.7",
+        "tailwind-merge": "^3.3.1",
+        "tailwindcss-animate": "^1.0.7",
+        "tw-animate-css": "^1.3.8",
+        "url-loader": "^4.1.1",
+        "zod": "^4.1.5"
+      },
+      "devDependencies": {
+        "@tailwindcss/postcss": "^4.1.13",
+        "@types/node": "^20",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "tailwindcss": "^4.1.13",
+        "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/@babel/runtime": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.3.tgz",
+      "integrity": "sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.5.0.tgz",
+      "integrity": "sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.8.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.8.0.tgz",
+      "integrity": "sha512-MJQFqrZgcW0UNYLGOuQpey/oTN59vyWwplvCGZztn1cKz9agZPPYpJB7h2OMmuu7VLqkvEjN8feFZJmxNF9D+Q==",
+      "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/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.0",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.0.tgz",
+      "integrity": "sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.6",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-array/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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.1.tgz",
+      "integrity": "sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.2.tgz",
+      "integrity": "sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "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.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
+      "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
+      "license": "MIT",
+      "peer": true,
+      "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.0",
+        "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/eslintrc/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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.34.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.34.0.tgz",
+      "integrity": "sha512-EoyvqQnBNsV1CWaEJ559rxXL4c8V92gxirbawSmVUOWXlsRxxQXl6LmCpdUblgxgSkDIqKnhzba2SjRTI/A5Rw==",
+      "license": "MIT",
+      "peer": true,
+      "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.6",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
+      "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz",
+      "integrity": "sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@eslint/core": "^0.15.2",
+        "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/@huggingface/hub": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@huggingface/hub/-/hub-2.6.2.tgz",
+      "integrity": "sha512-3XioOxMGwyIJEh2fo7bpXD+PExVQ8RcWjcmO9eLm+BCHVsRAvM1zwbEvHPQvRVM3Jqhb+/5iagvA8HbqJN/nzA==",
+      "license": "MIT",
+      "dependencies": {
+        "@huggingface/tasks": "^0.19.43"
+      },
+      "bin": {
+        "hfjs": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@huggingface/inference": {
+      "version": "4.13.1",
+      "resolved": "https://registry.npmjs.org/@huggingface/inference/-/inference-4.13.1.tgz",
+      "integrity": "sha512-tP63myCjsH+2CqkOaDklJ9MDpUzp6esGMS7RHFXpfv66DWub43kaGTDpI49arqLXM+yFH6FW868eIDgespw5Uw==",
+      "license": "MIT",
+      "dependencies": {
+        "@huggingface/jinja": "^0.5.1",
+        "@huggingface/tasks": "^0.19.62"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@huggingface/jinja": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@huggingface/jinja/-/jinja-0.5.1.tgz",
+      "integrity": "sha512-yUZLld4lrM9iFxHCwFQ7D1HW2MWMwSbeB7WzWqFYDWK+rEb+WldkLdAJxUPOmgICMHZLzZGVcVjFh3w/YGubng==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@huggingface/tasks": {
+      "version": "0.19.63",
+      "resolved": "https://registry.npmjs.org/@huggingface/tasks/-/tasks-0.19.63.tgz",
+      "integrity": "sha512-hmd8e5fdjRiIJE7/EYWXS+Pm2SAu89xjZEgfZddN10ubWqlelXLyj2YgHZrVDEVkVA+5+ImMZUpQIez7b2//fw==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "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==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "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==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "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==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.3.tgz",
+      "integrity": "sha512-ryFMfvxxpQRsgZJqBd4wsttYQbCxsJksrv9Lw/v798JcQ8+w84mBWuXwl+TT0WJ/WrYOLaYpwQXi3sA9nTIaIg==",
+      "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.0"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.3.tgz",
+      "integrity": "sha512-yHpJYynROAj12TA6qil58hmPmAwxKKC7reUqtGLzsOHfP7/rniNGTL8tjWX6L3CTV4+5P4ypcS7Pp+7OB+8ihA==",
+      "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.0"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.0.tgz",
+      "integrity": "sha512-sBZmpwmxqwlqG9ueWFXtockhsxefaV6O84BMOrhtg/YqbTaRdqDE7hxraVE3y6gVM4eExmfzW4a8el9ArLeEiQ==",
+      "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.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.0.tgz",
+      "integrity": "sha512-M64XVuL94OgiNHa5/m2YvEQI5q2cl9d/wk0qFTDVXcYzi43lxuiFTftMR1tOnFQovVXNZJ5TURSDK2pNe9Yzqg==",
+      "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.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.0.tgz",
+      "integrity": "sha512-mWd2uWvDtL/nvIzThLq3fr2nnGfyr/XMXlq8ZJ9WMR6PXijHlC3ksp0IpuhK6bougvQrchUAfzRLnbsen0Cqvw==",
+      "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.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.0.tgz",
+      "integrity": "sha512-RXwd0CgG+uPRX5YYrkzKyalt2OJYRiJQ8ED/fi1tq9WQW2jsQIn0tqrlR5l5dr/rjqq6AHAxURhj2DVjyQWSOA==",
+      "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.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.0.tgz",
+      "integrity": "sha512-Xod/7KaDDHkYu2phxxfeEPXfVXFKx70EAFZ0qyUdOjCcxbjqyJOEUpDe6RIyaunGxT34Anf9ue/wuWOqBW2WcQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "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.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.0.tgz",
+      "integrity": "sha512-eMKfzDxLGT8mnmPJTNMcjfO33fLiTDsrMlUVcp6b96ETbnJmd4uvZxVJSKPQfS+odwfVaGifhsB07J1LynFehw==",
+      "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.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.0.tgz",
+      "integrity": "sha512-ZW3FPWIc7K1sH9E3nxIGB3y3dZkpJlMnkk7z5tu1nSkBoCgw2nSRTFHI5pB/3CQaJM0pdzMF3paf9ckKMSE9Tg==",
+      "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.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.0.tgz",
+      "integrity": "sha512-UG+LqQJbf5VJ8NWJ5Z3tdIe/HXjuIdo4JeVNADXBFuG7z9zjoegpzzGIyV5zQKi4zaJjnAd2+g2nna8TZvuW9Q==",
+      "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.0",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.0.tgz",
+      "integrity": "sha512-SRYOLR7CXPgNze8akZwjoGBoN1ThNZoqpOgfnOxmWsklTGVfJiGJoC/Lod7aNMGA1jSsKWM1+HRX43OP6p9+6Q==",
+      "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.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.3.tgz",
+      "integrity": "sha512-oBK9l+h6KBN0i3dC8rYntLiVfW8D8wH+NPNT3O/WBHeW0OQWCjfWksLUaPidsrDKpJgXp3G3/hkmhptAW0I3+A==",
+      "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.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.3.tgz",
+      "integrity": "sha512-QdrKe3EvQrqwkDrtuTIjI0bu6YEJHTgEeqdzI3uWJOH6G1O8Nl1iEeVYRGdj1h5I21CqxSvQp1Yv7xeU3ZewbA==",
+      "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.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.3.tgz",
+      "integrity": "sha512-GLtbLQMCNC5nxuImPR2+RgrviwKwVql28FWZIW1zWruy6zLgA5/x2ZXk3mxj58X/tszVF69KK0Is83V8YgWhLA==",
+      "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.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.3.tgz",
+      "integrity": "sha512-3gahT+A6c4cdc2edhsLHmIOXMb17ltffJlxR0aC2VPZfwKoTGZec6u5GrFgdR7ciJSsHT27BD3TIuGcuRT0KmQ==",
+      "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.0"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.3.tgz",
+      "integrity": "sha512-8kYso8d806ypnSq3/Ly0QEw90V5ZoHh10yH0HnrzOCr6DKAPI6QVHvwleqMkVQ0m+fc7EH8ah0BB0QPuWY6zJQ==",
+      "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.0"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.3.tgz",
+      "integrity": "sha512-vAjbHDlr4izEiXM1OTggpCcPg9tn4YriK5vAjowJsHwdBIdx0fYRsURkxLG2RLm9gyBq66gwtWI8Gx0/ov+JKQ==",
+      "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.0"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.3.tgz",
+      "integrity": "sha512-gCWUn9547K5bwvOn9l5XGAEjVTTRji4aPTqLzGXHvIr6bIDZKNTA34seMPgM0WmSf+RYBH411VavCejp3PkOeQ==",
+      "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.0"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.3.tgz",
+      "integrity": "sha512-+CyRcpagHMGteySaWos8IbnXcHgfDn7pO2fiC2slJxvNq9gDipYBN42/RagzctVRKgxATmfqOSulgZv5e1RdMg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.4.4"
+      },
+      "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.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.3.tgz",
+      "integrity": "sha512-MjnHPnbqMXNC2UgeLJtX4XqoVHHlZNd+nPt1kRPmj63wURegwBhZlApELdtxM2OIZDRv/DFtLcNhVbd1z8GYXQ==",
+      "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.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.3.tgz",
+      "integrity": "sha512-xuCdhH44WxuXgOM714hn4amodJMZl3OEvf0GVTm0BEyMeA2to+8HEdRPShH0SLYptJY1uBw+SCFP9WVQi1Q/cw==",
+      "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.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.3.tgz",
+      "integrity": "sha512-OWwz05d++TxzLEv4VnsTz5CmZ6mI6S05sfQGEMrNrQcOEERbX46332IvE7pO/EUiw7jUrrS40z/M7kPyjfl04g==",
+      "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/@isaacs/fs-minipass": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
+      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "minipass": "^7.0.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/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==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.30",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.30.tgz",
+      "integrity": "sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@monaco-editor/loader": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.5.0.tgz",
+      "integrity": "sha512-hKoGSM+7aAc7eRTRjpqAZucPmoNOC4UUbknb/VNoTkEIkCPhqV8LfbsgM1webRM7S/z21eHEx9Fkwx8Z/C/+Xw==",
+      "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/@mongodb-js/saslprep": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.3.0.tgz",
+      "integrity": "sha512-zlayKCsIjYb7/IdfqxorK5+xUMyi4vOKcFy10wKJYc63NSdKI8mNME+uJqfatkPmOSMMUiojrL58IePKBm3gvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "15.5.9",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.9.tgz",
+      "integrity": "sha512-4GlTZ+EJM7WaW2HEZcyU317tIQDjkQIyENDLxYJfSWlfqguN+dHkZgyQTV/7ykvobU7yEH5gKvreNrH4B6QgIg==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.7.tgz",
+      "integrity": "sha512-IZwtxCEpI91HVU/rAUOOobWSZv4P2DeTtNaCdHqLcTJU4wdNXgAySvKa/qJCgR5m6KI8UsKDXtO2B31jcaw1Yw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.7.tgz",
+      "integrity": "sha512-UP6CaDBcqaCBuiq/gfCEJw7sPEoX1aIjZHnBWN9v9qYHQdMKvCKcAVs4OX1vIjeE+tC5EIuwDTVIoXpUes29lg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.7.tgz",
+      "integrity": "sha512-NCslw3GrNIw7OgmRBxHtdWFQYhexoUCq+0oS2ccjyYLtcn1SzGzeM54jpTFonIMUjNbHmpKpziXnpxhSWLcmBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.7.tgz",
+      "integrity": "sha512-nfymt+SE5cvtTrG9u1wdoxBr9bVB7mtKTcj0ltRn6gkP/2Nu1zM5ei8rwP9qKQP0Y//umK+TtkKgNtfboBxRrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.7.tgz",
+      "integrity": "sha512-hvXcZvCaaEbCZcVzcY7E1uXN9xWZfFvkNHwbe/n4OkRhFWrs1J1QV+4U1BN06tXLdaS4DazEGXwgqnu/VMcmqw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.7.tgz",
+      "integrity": "sha512-4IUO539b8FmF0odY6/SqANJdgwn1xs1GkPO5doZugwZ3ETF6JUdckk7RGmsfSf7ws8Qb2YB5It33mvNL/0acqA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.7.tgz",
+      "integrity": "sha512-CpJVTkYI3ZajQkC5vajM7/ApKJUOlm6uP4BknM3XKvJ7VXAvCqSjSLmM0LKdYzn6nBJVSjdclx8nYJSa3xlTgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.7.tgz",
+      "integrity": "sha512-gMzgBX164I6DN+9/PGA+9dQiwmTkE4TloBNx8Kv9UiGARsr9Nba7IpcBRA1iTV9vwlYnrE3Uy6I7Aj6qLjQuqw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@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-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-avatar": {
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.10.tgz",
+      "integrity": "sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==",
+      "license": "MIT",
+      "dependencies": {
+        "@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-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-collapsible": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.12.tgz",
+      "integrity": "sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==",
+      "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-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.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-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-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.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": {
+      "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-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-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-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-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-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-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-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-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-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.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": {
+      "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-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-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-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-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-toggle": {
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.10.tgz",
+      "integrity": "sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@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-toggle-group": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.1.11.tgz",
+      "integrity": "sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==",
+      "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-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.11",
+        "@radix-ui/react-toggle": "1.1.10",
+        "@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-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-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/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/@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/@tailwindcss/node": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.13.tgz",
+      "integrity": "sha512-eq3ouolC1oEFOAvOMOBAmfCIqZBJuvWvvYWh5h5iOYfe1HFC6+GZ6EIL0JdM3/niGRJmnrOc+8gl9/HGUaaptw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "enhanced-resolve": "^5.18.3",
+        "jiti": "^2.5.1",
+        "lightningcss": "1.30.1",
+        "magic-string": "^0.30.18",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.13"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.13.tgz",
+      "integrity": "sha512-CPgsM1IpGRa880sMbYmG1s4xhAy3xEt1QULgTJGQmZUeNgXFR7s1YxYygmJyBGtou4SyEosGAGEeYqY7R53bIA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^2.0.4",
+        "tar": "^7.4.3"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.13",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.13",
+        "@tailwindcss/oxide-darwin-x64": "4.1.13",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.13",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.13",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.13",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.13",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.13",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.13",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.13",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.13",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.13"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.13.tgz",
+      "integrity": "sha512-BrpTrVYyejbgGo57yc8ieE+D6VT9GOgnNdmh5Sac6+t0m+v+sKQevpFVpwX3pBrM2qKrQwJ0c5eDbtjouY/+ew==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.13.tgz",
+      "integrity": "sha512-YP+Jksc4U0KHcu76UhRDHq9bx4qtBftp9ShK/7UGfq0wpaP96YVnnjFnj3ZFrUAjc5iECzODl/Ts0AN7ZPOANQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.13.tgz",
+      "integrity": "sha512-aAJ3bbwrn/PQHDxCto9sxwQfT30PzyYJFG0u/BWZGeVXi5Hx6uuUOQEI2Fa43qvmUjTRQNZnGqe9t0Zntexeuw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.13.tgz",
+      "integrity": "sha512-Wt8KvASHwSXhKE/dJLCCWcTSVmBj3xhVhp/aF3RpAhGeZ3sVo7+NTfgiN8Vey/Fi8prRClDs6/f0KXPDTZE6nQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.13.tgz",
+      "integrity": "sha512-mbVbcAsW3Gkm2MGwA93eLtWrwajz91aXZCNSkGTx/R5eb6KpKD5q8Ueckkh9YNboU8RH7jiv+ol/I7ZyQ9H7Bw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.13.tgz",
+      "integrity": "sha512-wdtfkmpXiwej/yoAkrCP2DNzRXCALq9NVLgLELgLim1QpSfhQM5+ZxQQF8fkOiEpuNoKLp4nKZ6RC4kmeFH0HQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.13.tgz",
+      "integrity": "sha512-hZQrmtLdhyqzXHB7mkXfq0IYbxegaqTmfa1p9MBj72WPoDD3oNOh1Lnxf6xZLY9C3OV6qiCYkO1i/LrzEdW2mg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.13.tgz",
+      "integrity": "sha512-uaZTYWxSXyMWDJZNY1Ul7XkJTCBRFZ5Fo6wtjrgBKzZLoJNrG+WderJwAjPzuNZOnmdrVg260DKwXCFtJ/hWRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.13.tgz",
+      "integrity": "sha512-oXiPj5mi4Hdn50v5RdnuuIms0PVPI/EG4fxAfFiIKQh5TgQgX7oSuDWntHW7WNIi/yVLAiS+CRGW4RkoGSSgVQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.13.tgz",
+      "integrity": "sha512-+LC2nNtPovtrDwBc/nqnIKYh/W2+R69FA0hgoeOn64BdCX522u19ryLh3Vf3F8W49XBcMIxSe665kwy21FkhvA==",
+      "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.4.5",
+        "@emnapi/runtime": "^1.4.5",
+        "@emnapi/wasi-threads": "^1.0.4",
+        "@napi-rs/wasm-runtime": "^0.2.12",
+        "@tybys/wasm-util": "^0.10.0",
+        "tslib": "^2.8.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.13.tgz",
+      "integrity": "sha512-dziTNeQXtoQ2KBXmrjCxsuPk3F3CQ/yb7ZNZNA+UkNTeiTGgfeh+gH5Pi7mRncVgcPD2xgHvkFCh/MhZWSgyQg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.13.tgz",
+      "integrity": "sha512-3+LKesjXydTkHk5zXX01b5KMzLV1xl2mcktBJkje7rhFUpUlYJy7IMOLqjIRQncLTa1WZZiFY/foAeB5nmaiTw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.13.tgz",
+      "integrity": "sha512-HLgx6YSFKJT7rJqh9oJs/TkBFhxuMOfUKSBEPYwV+t78POOBsdQ7crhZLzwcH3T0UyUuOzU/GK5pk5eKr3wCiQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.1.13",
+        "@tailwindcss/oxide": "4.1.13",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.1.13"
+      }
+    },
+    "node_modules/@tanstack/eslint-plugin-query": {
+      "version": "5.86.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/eslint-plugin-query/-/eslint-plugin-query-5.86.0.tgz",
+      "integrity": "sha512-tmXdnx/fF3yY5G5jpzrJQbASY3PNzsKF0gq9IsZVqz3LJ4sExgdUFGQ305nao0wTMBOclyrSC13v/VQ3yOXu/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/utils": "^8.37.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0"
+      }
+    },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.86.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.86.0.tgz",
+      "integrity": "sha512-Y6ibQm6BXbw6w1p3a5LrPn8Ae64M0dx7hGmnhrm9P+XAkCCKXOwZN0J5Z1wK/0RdNHtR9o+sWHDXd4veNI60tQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/query-devtools": {
+      "version": "5.86.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-devtools/-/query-devtools-5.86.0.tgz",
+      "integrity": "sha512-/JDw9BP80eambEK/EsDMGAcsL2VFT+8F5KCOwierjPU7QP8Wt1GT32yJpn3qOinBM8/zS3Jy36+F0GiyJp411A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.86.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.86.0.tgz",
+      "integrity": "sha512-jgS/v0oSJkGHucv9zxOS8rL7mjATh1XO3K4eqAV4WMpAly8okcBrGi1YxRZN5S4B59F54x9JFjWrK5vMAvJYqA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-core": "5.86.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
+    "node_modules/@tanstack/react-query-devtools": {
+      "version": "5.86.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-5.86.0.tgz",
+      "integrity": "sha512-+50IcXI+54qHx3IDccbTala4tkToKxa0WKqP4XWlTnP1mQNfHO3dJj8wwnzpG50os69kpSbnU8C98Q/i8b6lyA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-devtools": "5.86.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@tanstack/react-query": "^5.86.0",
+        "react": "^18 || ^19"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
+      "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/js-cookie": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-2.2.7.tgz",
+      "integrity": "sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==",
+      "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==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.13",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.13.tgz",
+      "integrity": "sha512-yCAeZl7a0DxgNVteXFHt9+uyFbqXGy/ShC4BlcHkoE0AfGXYv/BUiplV72DjMYXHDBXFjhvr6DD1NiRVfB4j8g==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.1.12",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.12.tgz",
+      "integrity": "sha512-cMoR+FoAf/Jyq6+Df2/Z41jISvGZZ2eTlnsaJRptmZ76Caldwy1odD4xTr/gNV9VLj0AWgg/nmkevIyUfIIq5w==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.1.9",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.9.tgz",
+      "integrity": "sha512-qXRuZaOsAdXKFyOhRBg6Lqqc0yay13vN7KrIg4L7N4aaHN68ma9OK3NE1BoDFgFOTfM7zg+3/8+2n8rLUH3OKQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.0.0"
+      }
+    },
+    "node_modules/@types/webidl-conversions": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz",
+      "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/whatwg-url": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-11.0.5.tgz",
+      "integrity": "sha512-coYR071JRaHa+xoEvvYqvnIHaVqaYrLPbsufM9BF63HkwI5Lgmy2QR8Q5K/lYDYo5AK82wOvSOS0UsLTpTG7uQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/webidl-conversions": "*"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.42.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.42.0.tgz",
+      "integrity": "sha512-vfVpLHAhbPjilrabtOSNcUDmBboQNrJUiNAGoImkZKnMjs2TIcWG33s4Ds0wY3/50aZmTMqJa6PiwkwezaAklg==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.42.0",
+        "@typescript-eslint/types": "^8.42.0",
+        "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.42.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.42.0.tgz",
+      "integrity": "sha512-51+x9o78NBAVgQzOPd17DkNTnIzJ8T/O2dmMBLoK9qbY0Gm52XJcdJcCl18ExBMiHo6jPMErUQWUv5RLE51zJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.42.0",
+        "@typescript-eslint/visitor-keys": "8.42.0"
+      },
+      "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.42.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.42.0.tgz",
+      "integrity": "sha512-kHeFUOdwAJfUmYKjR3CLgZSglGHjbNTi1H8sTYRYV2xX6eNz4RyJ2LIgsDLKf8Yi0/GL1WZAC/DgZBeBft8QAQ==",
+      "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/types": {
+      "version": "8.42.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.42.0.tgz",
+      "integrity": "sha512-LdtAWMiFmbRLNP7JNeY0SqEtJvGMYSzfiWBSmx+VSZ1CH+1zyl8Mmw1TT39OrtsRvIYShjJWzTDMPWZJCpwBlw==",
+      "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.42.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.42.0.tgz",
+      "integrity": "sha512-ku/uYtT4QXY8sl9EDJETD27o3Ewdi72hcXg1ah/kkUgBvAYHLwj2ofswFFNXS+FL5G+AGkxBtvGt8pFBHKlHsQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.42.0",
+        "@typescript-eslint/tsconfig-utils": "8.42.0",
+        "@typescript-eslint/types": "8.42.0",
+        "@typescript-eslint/visitor-keys": "8.42.0",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.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": ">=4.8.4 <6.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.42.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.42.0.tgz",
+      "integrity": "sha512-JnIzu7H3RH5BrKC4NoZqRfmjqCIS1u3hGZltDYJgkVdqAezl4L9d1ZLw+36huCujtSBSAirGINF/S4UxOcR+/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.7.0",
+        "@typescript-eslint/scope-manager": "8.42.0",
+        "@typescript-eslint/types": "8.42.0",
+        "@typescript-eslint/typescript-estree": "8.42.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/visitor-keys": {
+      "version": "8.42.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.42.0.tgz",
+      "integrity": "sha512-3WbiuzoEowaEn8RSnhJBrxSwX8ULYE9CXaPepS2C2W3NSA5NNIvBaslpBSBElPq0UGr0xVJlXFWOAKIkyylydQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.42.0",
+        "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/@typescript-eslint/visitor-keys/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==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/wasm-gen": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
+      "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
+      "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/helper-wasm-section": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-opt": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1",
+        "@webassemblyjs/wast-printer": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
+      "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
+      "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
+      "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
+      "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xobotyi/scrollbar-width": {
+      "version": "1.9.5",
+      "resolved": "https://registry.npmjs.org/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz",
+      "integrity": "sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==",
+      "license": "MIT"
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "license": "Apache-2.0",
+      "peer": true
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-phases": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/acorn-import-phases/-/acorn-import-phases-1.0.4.tgz",
+      "integrity": "sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "peerDependencies": {
+        "acorn": "^8.14.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==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "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/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "license": "Python-2.0",
+      "peer": true
+    },
+    "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/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
+      "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.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==",
+      "license": "MIT"
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.25.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.4.tgz",
+      "integrity": "sha512-4jYpcjabC606xJ3kw2QwGEZKX0Aw7sgQdZCvIK9dhVSPh76BKo+C+btT1RRofH7B+8iNpEbgGNVWiLki5q93yg==",
+      "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",
+      "peer": true,
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001737",
+        "electron-to-chromium": "^1.5.211",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bson": {
+      "version": "6.10.4",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-6.10.4.tgz",
+      "integrity": "sha512-WIsKqkSC0ABoBJuT1LEX+2HEvNmNKKgnTAyd0fL8qzK4SH2i9NXg+t08YtdZp/V9IZ33cxe3iV4yM0qg8lMQng==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.20.1"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "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==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001741",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001741.tgz",
+      "integrity": "sha512-QGUGitqsc8ARjLdgAfxETDhRbJ0REsP6O3I96TAth/mVjh2cYzN2u+3AzPP3aVSm2FehEItaJw1xd+IGBXWeSw==",
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "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/chownr": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
+      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
+      "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "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/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
+    "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/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
+    "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==",
+      "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==",
+      "license": "MIT"
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/colors": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
+      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "license": "MIT",
+      "dependencies": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css-in-js-utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-3.1.0.tgz",
+      "integrity": "sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==",
+      "license": "MIT",
+      "dependencies": {
+        "hyphenate-style-name": "^1.0.3"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "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/date-format": {
+      "version": "4.0.14",
+      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz",
+      "integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
+      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
+      "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/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "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/electron-to-chromium": {
+      "version": "1.5.214",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.214.tgz",
+      "integrity": "sha512-TpvUNdha+X3ybfU78NoQatKvQEm1oq3lf2QbnmCEdw+Bd9RuIAY+hJTvq1avzHM0f7EJfnH3vbCnbzKzisc/9Q==",
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/error-stack-parser": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
+      "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "stackframe": "^1.3.4"
+      }
+    },
+    "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==",
+      "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==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "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==",
+      "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==",
+      "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/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.34.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.34.0.tgz",
+      "integrity": "sha512-RNCHRX5EwdrESy3Jc9o8ie8Bog+PeYvvSR8sDGoZxNFTvZ4dlxUB3WzQ3bQMztFrSRODGrLLj8g6OFuGY/aiQg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.0",
+        "@eslint/config-helpers": "^0.3.1",
+        "@eslint/core": "^0.15.2",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.34.0",
+        "@eslint/plugin-kit": "^0.3.5",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
+        "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-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "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": "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==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/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==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "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/espree/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==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "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==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "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==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "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==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "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==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/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==",
+      "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==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/fast-shallow-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fast-shallow-equal/-/fast-shallow-equal-1.0.0.tgz",
+      "integrity": "sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw=="
+    },
+    "node_modules/fast-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/fastest-stable-stringify": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fastest-stable-stringify/-/fastest-stable-stringify-2.0.2.tgz",
+      "integrity": "sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q==",
+      "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==",
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "license": "ISC"
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/framer-motion": {
+      "version": "12.23.22",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.23.22.tgz",
+      "integrity": "sha512-ZgGvdxXCw55ZYvhoZChTlG6pUuehecgvEAJz0BHoC5pQKW1EC5xf1Mul1ej5+ai+pVY0pylyFfdl45qnM1/GsA==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.23.21",
+        "motion-utils": "^12.23.6",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "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==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "license": "BSD-2-Clause",
+      "peer": true
+    },
+    "node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "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==",
+      "license": "ISC"
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "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==",
+      "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==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hyphenate-style-name": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.1.0.tgz",
+      "integrity": "sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/inline-style-prefixer": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-7.0.1.tgz",
+      "integrity": "sha512-lhYo5qNTQp3EvSSp3sRvXMbVQTLrvGV6DycRMJ5dm2BLMiJ30wpXKdDdgX+GmJZ5uQMucwRKHamXSst3Sj/Giw==",
+      "license": "MIT",
+      "dependencies": {
+        "css-in-js-utils": "^3.1.0"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.5.1.tgz",
+      "integrity": "sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==",
+      "devOptional": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-cookie": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
+      "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT",
+      "peer": true
+    },
+    "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==",
+      "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==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
+    "node_modules/kareem": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.6.3.tgz",
+      "integrity": "sha512-C3iHfuGUXK2u8/ipq9LfjFfXFxAZMQJJq7vLS45r3D9Y2xQ/m4S8zaR4zMLFWh9AsNPXmcFfUDhTEO8UIC/V6Q==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
+      "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
+      "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-darwin-arm64": "1.30.1",
+        "lightningcss-darwin-x64": "1.30.1",
+        "lightningcss-freebsd-x64": "1.30.1",
+        "lightningcss-linux-arm-gnueabihf": "1.30.1",
+        "lightningcss-linux-arm64-gnu": "1.30.1",
+        "lightningcss-linux-arm64-musl": "1.30.1",
+        "lightningcss-linux-x64-gnu": "1.30.1",
+        "lightningcss-linux-x64-musl": "1.30.1",
+        "lightningcss-win32-arm64-msvc": "1.30.1",
+        "lightningcss-win32-x64-msvc": "1.30.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
+      "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
+      "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
+      "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
+      "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
+      "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
+      "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
+      "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
+      "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
+      "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
+      "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.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
+      "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
+      "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/loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "license": "MIT",
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/log4js": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz",
+      "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "date-format": "^4.0.14",
+        "debug": "^4.3.4",
+        "flatted": "^3.2.7",
+        "rfdc": "^1.3.0",
+        "streamroller": "^3.1.5"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/log4js-json-layout": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/log4js-json-layout/-/log4js-json-layout-2.2.3.tgz",
+      "integrity": "sha512-sKebdMKxF7ehqT5x760xGAI8rujDPu5dLf0p/s5e48GQYvRCkI1ycFxb6b7R8y7IZoBaXg/piL6LsMaE6Rg4gQ==",
+      "license": "ISC",
+      "dependencies": {
+        "colors": "^1.1.2",
+        "lodash": "^4.17.4"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.542.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.542.0.tgz",
+      "integrity": "sha512-w3hD8/SQB7+lzU2r4VdFyzzOzKnUjTZIF/MQJGSSvni7Llewni4vuViRppfRAa2guOsY5k4jZyxw/i9DQHv+dw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.18",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.18.tgz",
+      "integrity": "sha512-yi8swmWbO17qHhwIBNeeZxTceJMeBvWJaId6dyvTSOwTipqeHhMhOrz6513r1sOKnpvQ7zkhlG8tPrpilwTxHQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
+      "license": "MIT"
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz",
+      "integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+      "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "dist/cjs/src/bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/monaco-editor": {
+      "version": "0.52.2",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.52.2.tgz",
+      "integrity": "sha512-GEQWEZmfkOGLdd3XK8ryrfWz3AIP8YymVXiPHEdewrUq7mh0qrKrfHLNCXcbB6sTnMLnOZ3ztSiKcciFUkIJwQ==",
+      "license": "MIT"
+    },
+    "node_modules/mongodb": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.18.0.tgz",
+      "integrity": "sha512-fO5ttN9VC8P0F5fqtQmclAkgXZxbIkYRTUi1j8JO6IYwvamkhtYDilJr35jOPELR49zqCJgXZWwCtW7B+TM8vQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@mongodb-js/saslprep": "^1.1.9",
+        "bson": "^6.10.4",
+        "mongodb-connection-string-url": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.1.0 || ^2.0.0",
+        "gcp-metadata": "^5.2.0",
+        "kerberos": "^2.0.1",
+        "mongodb-client-encryption": ">=6.0.0 <7",
+        "snappy": "^7.2.2",
+        "socks": "^2.7.1"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "gcp-metadata": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        },
+        "socks": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mongodb-connection-string-url": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-3.0.2.tgz",
+      "integrity": "sha512-rMO7CGo/9BFwyZABcKAWL8UJwH/Kc2x0g72uhDWzG48URRax5TCIcJ7Rc3RZqffZzO/Gwff/jyKwCU9TN8gehA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/whatwg-url": "^11.0.2",
+        "whatwg-url": "^14.1.0 || ^13.0.0"
+      }
+    },
+    "node_modules/mongoose": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-8.18.0.tgz",
+      "integrity": "sha512-3TixPihQKBdyaYDeJqRjzgb86KbilEH07JmzV8SoSjgoskNTpa6oTBmDxeoF9p8YnWQoz7shnCyPkSV/48y3yw==",
+      "license": "MIT",
+      "dependencies": {
+        "bson": "^6.10.4",
+        "kareem": "2.6.3",
+        "mongodb": "~6.18.0",
+        "mpath": "0.9.0",
+        "mquery": "5.0.0",
+        "ms": "2.1.3",
+        "sift": "17.1.3"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mongoose"
+      }
+    },
+    "node_modules/motion-dom": {
+      "version": "12.23.21",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.23.21.tgz",
+      "integrity": "sha512-5xDXx/AbhrfgsQmSE7YESMn4Dpo6x5/DTZ4Iyy4xqDvVHWvFVoV+V2Ri2S/ksx+D40wrZ7gPYiMWshkdoqNgNQ==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.23.6"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.23.6",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.23.6.tgz",
+      "integrity": "sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==",
+      "license": "MIT"
+    },
+    "node_modules/mpath": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
+      "integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-5.0.0.tgz",
+      "integrity": "sha512-iQMncpmEK8R8ncT8HJGsGc9Dsp8xcgYMVSbs5jgnm1lFHTZqMJTUWTDx1LBO8+mK3tPNZWFLBghQEIOULSTHZg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4.x"
+      },
+      "engines": {
+        "node": ">=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==",
+      "license": "MIT"
+    },
+    "node_modules/nano-css": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/nano-css/-/nano-css-5.6.2.tgz",
+      "integrity": "sha512-+6bHaC8dSDGALM1HJjOHVXpuastdu2xFoZlC77Jh4cg+33Zcgm+Gxd+1xsnpZK14eyHObSp82+ll5y3SX75liw==",
+      "license": "Unlicense",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.15",
+        "css-tree": "^1.1.2",
+        "csstype": "^3.1.2",
+        "fastest-stable-stringify": "^2.0.2",
+        "inline-style-prefixer": "^7.0.1",
+        "rtl-css-js": "^1.16.1",
+        "stacktrace-js": "^2.0.2",
+        "stylis": "^4.3.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "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/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/next": {
+      "version": "15.5.9",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.9.tgz",
+      "integrity": "sha512-agNLK89seZEtC5zUHwtut0+tNrc0Xw4FT/Dg+B/VLEo9pAcS9rtTKpek3V6kVcVwsB2YlqMaHdfZL4eLEVYuCg==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "15.5.9",
+        "@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": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "15.5.7",
+        "@next/swc-darwin-x64": "15.5.7",
+        "@next/swc-linux-arm64-gnu": "15.5.7",
+        "@next/swc-linux-arm64-musl": "15.5.7",
+        "@next/swc-linux-x64-gnu": "15.5.7",
+        "@next/swc-linux-x64-musl": "15.5.7",
+        "@next/swc-win32-arm64-msvc": "15.5.7",
+        "@next/swc-win32-x64-msvc": "15.5.7",
+        "sharp": "^0.34.3"
+      },
+      "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/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "license": "MIT",
+      "peer": true,
+      "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/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "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/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
+      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
+      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.26.0"
+      },
+      "peerDependencies": {
+        "react": "^19.1.0"
+      }
+    },
+    "node_modules/react-remove-scroll": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.1.tgz",
+      "integrity": "sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA==",
+      "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/react-universal-interface": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz",
+      "integrity": "sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==",
+      "peerDependencies": {
+        "react": "*",
+        "tslib": "*"
+      }
+    },
+    "node_modules/react-use": {
+      "version": "17.6.0",
+      "resolved": "https://registry.npmjs.org/react-use/-/react-use-17.6.0.tgz",
+      "integrity": "sha512-OmedEScUMKFfzn1Ir8dBxiLLSOzhKe/dPZwVxcujweSj45aNM7BEGPb9BEVIgVEqEXx6f3/TsXzwIktNgUR02g==",
+      "license": "Unlicense",
+      "dependencies": {
+        "@types/js-cookie": "^2.2.6",
+        "@xobotyi/scrollbar-width": "^1.9.5",
+        "copy-to-clipboard": "^3.3.1",
+        "fast-deep-equal": "^3.1.3",
+        "fast-shallow-equal": "^1.0.0",
+        "js-cookie": "^2.2.1",
+        "nano-css": "^5.6.2",
+        "react-universal-interface": "^0.6.2",
+        "resize-observer-polyfill": "^1.5.1",
+        "screenfull": "^5.1.0",
+        "set-harmonic-interval": "^1.0.1",
+        "throttle-debounce": "^3.0.1",
+        "ts-easing": "^0.2.0",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "license": "MIT"
+    },
+    "node_modules/rtl-css-js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/rtl-css-js/-/rtl-css-js-1.16.1.tgz",
+      "integrity": "sha512-lRQgou1mu19e+Ya0LsTvKrVJ5TYUbqCVPAiImX3UfLTenarvPUl1QFdvu5Z3PYmHT9RCcwIfbjRQBntExyj3Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.1.2"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "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",
+      "peer": true
+    },
+    "node_modules/scheduler": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
+      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+      "license": "MIT"
+    },
+    "node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/screenfull": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.2.0.tgz",
+      "integrity": "sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/set-harmonic-interval": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz",
+      "integrity": "sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==",
+      "license": "Unlicense",
+      "engines": {
+        "node": ">=6.9"
+      }
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "license": "MIT"
+    },
+    "node_modules/sharp": {
+      "version": "0.34.3",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.3.tgz",
+      "integrity": "sha512-eX2IQ6nFohW4DbvHIOLRB3MHFpYqaqvXd3Tp5e/T/dSH83fxaNJQRvDMhASmkNTsNTVF2/OOopzRCt7xokgPfg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.4",
+        "semver": "^7.7.2"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.3",
+        "@img/sharp-darwin-x64": "0.34.3",
+        "@img/sharp-libvips-darwin-arm64": "1.2.0",
+        "@img/sharp-libvips-darwin-x64": "1.2.0",
+        "@img/sharp-libvips-linux-arm": "1.2.0",
+        "@img/sharp-libvips-linux-arm64": "1.2.0",
+        "@img/sharp-libvips-linux-ppc64": "1.2.0",
+        "@img/sharp-libvips-linux-s390x": "1.2.0",
+        "@img/sharp-libvips-linux-x64": "1.2.0",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.0",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.0",
+        "@img/sharp-linux-arm": "0.34.3",
+        "@img/sharp-linux-arm64": "0.34.3",
+        "@img/sharp-linux-ppc64": "0.34.3",
+        "@img/sharp-linux-s390x": "0.34.3",
+        "@img/sharp-linux-x64": "0.34.3",
+        "@img/sharp-linuxmusl-arm64": "0.34.3",
+        "@img/sharp-linuxmusl-x64": "0.34.3",
+        "@img/sharp-wasm32": "0.34.3",
+        "@img/sharp-win32-arm64": "0.34.3",
+        "@img/sharp-win32-ia32": "0.34.3",
+        "@img/sharp-win32-x64": "0.34.3"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sift": {
+      "version": "17.1.3",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-17.1.3.tgz",
+      "integrity": "sha512-Rtlj66/b0ICeFzYTuNvX/EF1igRbbnGSvEyT79McoZa/DeGhMyC5pWKOEsZKnpkqtSeovd5FL/bjHWC3CIIvCQ==",
+      "license": "MIT"
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "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": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==",
+      "license": "MIT",
+      "dependencies": {
+        "memory-pager": "^1.0.2"
+      }
+    },
+    "node_modules/stack-generator": {
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/stack-generator/-/stack-generator-2.0.10.tgz",
+      "integrity": "sha512-mwnua/hkqM6pF4k8SnmZ2zfETsRUpWXREfA/goT8SLCV4iOFa4bzOX2nDipWAZFPTjLvQB82f5yaodMVhK0yJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "stackframe": "^1.3.4"
+      }
+    },
+    "node_modules/stackframe": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
+      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==",
+      "license": "MIT"
+    },
+    "node_modules/stacktrace-gps": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/stacktrace-gps/-/stacktrace-gps-3.1.2.tgz",
+      "integrity": "sha512-GcUgbO4Jsqqg6RxfyTHFiPxdPqF+3LFmQhm7MgCuYQOYuWyqxo5pwRPz5d/u6/WYJdEnWfK4r+jGbyD8TSggXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "source-map": "0.5.6",
+        "stackframe": "^1.3.4"
+      }
+    },
+    "node_modules/stacktrace-gps/node_modules/source-map": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+      "integrity": "sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stacktrace-js": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/stacktrace-js/-/stacktrace-js-2.0.2.tgz",
+      "integrity": "sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==",
+      "license": "MIT",
+      "dependencies": {
+        "error-stack-parser": "^2.0.6",
+        "stack-generator": "^2.0.5",
+        "stacktrace-gps": "^3.0.4"
+      }
+    },
+    "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/streamroller": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz",
+      "integrity": "sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==",
+      "license": "MIT",
+      "dependencies": {
+        "date-format": "^4.0.14",
+        "debug": "^4.3.4",
+        "fs-extra": "^8.1.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "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/stylis": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
+      "integrity": "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tailwind-merge": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.3.1.tgz",
+      "integrity": "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.13.tgz",
+      "integrity": "sha512-i+zidfmTqtwquj4hMEwdjshYYgMbOrPzb9a0M3ZgNa0JMoZeFC6bxZvO8yr8ozS6ix2SDz0+mvryPeBs2TFE+w==",
+      "license": "MIT"
+    },
+    "node_modules/tailwindcss-animate": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
+      "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.3.tgz",
+      "integrity": "sha512-ZL6DDuAlRlLGghwcfmSn9sK3Hr6ArtyudlSAiCqQ6IfE+b+HHbydbYDIG15IfS5do+7XQQBdBiubF/cV2dnDzg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tar": {
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz",
+      "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@isaacs/fs-minipass": "^4.0.0",
+        "chownr": "^3.0.0",
+        "minipass": "^7.1.2",
+        "minizlib": "^3.0.1",
+        "mkdirp": "^3.0.1",
+        "yallist": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.44.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.44.0.tgz",
+      "integrity": "sha512-nIVck8DK+GM/0Frwd+nIhZ84pR/BX7rmXMfYwyg+Sri5oGVE99/E3KvXqpC2xHFxyqXyGHTKBSioxxplrO4I4w==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.15.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.14",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.14.tgz",
+      "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^4.3.0",
+        "serialize-javascript": "^6.0.2",
+        "terser": "^5.31.1"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.2.tgz",
+      "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/throttle-debounce": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-3.0.1.tgz",
+      "integrity": "sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==",
+      "license": "MIT"
+    },
+    "node_modules/tr46": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.1.tgz",
+      "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/ts-easing": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/ts-easing/-/ts-easing-0.2.0.tgz",
+      "integrity": "sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ==",
+      "license": "Unlicense"
+    },
+    "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/tw-animate-css": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.3.8.tgz",
+      "integrity": "sha512-Qrk3PZ7l7wUcGYhwZloqfkWCmaXZAoqjkdbIDvzfGshwGtexa/DAs9koXxIkrpEasyevandomzCBAV1Yyop5rw==",
+      "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==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.2.tgz",
+      "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==",
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "license": "MIT"
+    },
+    "node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "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",
+      "peer": true,
+      "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==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/url-loader": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz",
+      "integrity": "sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==",
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^2.0.0",
+        "mime-types": "^2.1.27",
+        "schema-utils": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "file-loader": "*",
+        "webpack": "^4.0.0 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "file-loader": {
+          "optional": true
+        }
+      }
+    },
+    "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-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.5.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz",
+      "integrity": "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.4.tgz",
+      "integrity": "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.101.3",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.101.3.tgz",
+      "integrity": "sha512-7b0dTKR3Ed//AD/6kkx/o7duS8H3f1a4w3BYpIriX4BzIhjkn4teo05cptsxvLesHFKK5KObnadmCHBwGc+51A==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.8",
+        "@types/json-schema": "^7.0.15",
+        "@webassemblyjs/ast": "^1.14.1",
+        "@webassemblyjs/wasm-edit": "^1.14.1",
+        "@webassemblyjs/wasm-parser": "^1.14.1",
+        "acorn": "^8.15.0",
+        "acorn-import-phases": "^1.0.3",
+        "browserslist": "^4.24.0",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.17.3",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.11",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^4.3.2",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.11",
+        "watchpack": "^2.4.1",
+        "webpack-sources": "^3.3.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.3.tgz",
+      "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/webpack/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/webpack/node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/webpack/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/webpack/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/webpack/node_modules/schema-utils": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.2.tgz",
+      "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
+      "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
+      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.5.tgz",
+      "integrity": "sha512-rcUUZqlLJgBC33IT3PNMgsCq6TzLQEG/Ei/KTCU0PedSWRMAXoOUN+4t/0H+Q8bdnLPdqUYnvboJT0bn/229qg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
index f1f19c1cb65f958f5f3a2bee24cff6a625f4c787..5205ea25d9a81fd17f31b6f9a4303d76182aeea9 100644
--- a/package.json
+++ b/package.json
@@ -1,70 +1,61 @@
 {
-  "name": "DeepSite",
+  "name": "deepsite-v3",
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --port 3001",
-    "build": "next build",
-    "start": "next start --port 3001",
-    "lint": "eslint"
+    "dev": "next dev --turbopack",
+    "build": "next build --turbopack",
+    "start": "next start"
   },
   "dependencies": {
-    "@codesandbox/sandpack-react": "^2.20.0",
-    "@codesandbox/sandpack-themes": "^2.0.21",
-    "@huggingface/hub": "^2.6.13",
-    "@huggingface/inference": "^4.13.3",
+    "@huggingface/hub": "^2.6.2",
+    "@huggingface/inference": "^4.7.1",
     "@monaco-editor/react": "^4.7.0",
-    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
-    "@tanstack/react-query": "^5.90.10",
-    "@tanstack/react-query-devtools": "^5.90.2",
-    "@tanstack/react-query-next-experimental": "^5.91.0",
-    "canvas-confetti": "^1.9.4",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/eslint-plugin-query": "^5.86.0",
+    "@tanstack/react-query": "^5.86.0",
+    "@tanstack/react-query-devtools": "^5.86.0",
+    "axios": "^1.11.0",
     "class-variance-authority": "^0.7.1",
+    "classnames": "^2.5.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.23.25",
-    "huggingface": "link:@auth/core/providers/huggingface",
-    "i": "^0.3.7",
+    "framer-motion": "^12.23.22",
     "jszip": "^3.10.1",
-    "lucide-react": "^0.554.0",
-    "monaco-editor": "^0.54.0",
-    "mongoose": "^9.1.1",
-    "motion": "^12.24.12",
-    "next": "16.1.5",
-    "next-auth": "^4.24.13",
-    "next-themes": "^0.4.6",
-    "nextstepjs": "^2.2.0",
-    "npm": "^11.7.0",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-icons": "^5.5.0",
-    "react-markdown": "^10.1.0",
-    "react-syntax-highlighter": "^16.1.0",
-    "react-textarea-autosize": "^8.5.9",
+    "log4js": "^6.9.1",
+    "log4js-json-layout": "^2.2.3",
+    "lucide-react": "^0.542.0",
+    "monaco-editor": "^0.52.2",
+    "mongoose": "^8.18.0",
+    "next": "^15.5.9",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "react-use": "^17.6.0",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.4.0",
-    "uuid": "^13.0.0"
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.3.8",
+    "url-loader": "^4.1.1",
+    "zod": "^4.1.5"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@types/canvas-confetti": "^1.9.0",
+    "@tailwindcss/postcss": "^4.1.13",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "eslint": "^9",
-    "eslint-config-next": "16.0.3",
-    "tailwindcss": "^4",
-    "tw-animate-css": "^1.4.0",
+    "tailwindcss": "^4.1.13",
     "typescript": "^5"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
deleted file mode 100644
index 5761787c3ebc5880fd3791561ac82595166ff4a1..0000000000000000000000000000000000000000
--- a/pnpm-lock.yaml
+++ /dev/null
@@ -1,7386 +0,0 @@
-lockfileVersion: '9.0'
-
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
-importers:
-
-  .:
-    dependencies:
-      '@codesandbox/sandpack-react':
-        specifier: ^2.20.0
-        version: 2.20.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@codesandbox/sandpack-themes':
-        specifier: ^2.0.21
-        version: 2.0.21
-      '@huggingface/hub':
-        specifier: ^2.6.13
-        version: 2.6.13
-      '@huggingface/inference':
-        specifier: ^4.13.3
-        version: 4.13.3
-      '@monaco-editor/react':
-        specifier: ^4.7.0
-        version: 4.7.0(monaco-editor@0.54.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-avatar':
-        specifier: ^1.1.11
-        version: 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-dialog':
-        specifier: ^1.1.15
-        version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-dropdown-menu':
-        specifier: ^2.1.16
-        version: 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-popover':
-        specifier: ^1.1.15
-        version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-select':
-        specifier: ^2.2.6
-        version: 2.2.6(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-separator':
-        specifier: ^1.1.8
-        version: 1.1.8(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-slot':
-        specifier: ^1.2.4
-        version: 1.2.4(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-toggle':
-        specifier: ^1.1.10
-        version: 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-toggle-group':
-        specifier: ^1.1.11
-        version: 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@tanstack/react-query':
-        specifier: ^5.90.10
-        version: 5.90.10(react@19.2.0)
-      '@tanstack/react-query-devtools':
-        specifier: ^5.90.2
-        version: 5.90.2(@tanstack/react-query@5.90.10(react@19.2.0))(react@19.2.0)
-      '@tanstack/react-query-next-experimental':
-        specifier: ^5.91.0
-        version: 5.91.0(@tanstack/react-query@5.90.10(react@19.2.0))(next@16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)
-      canvas-confetti:
-        specifier: ^1.9.4
-        version: 1.9.4
-      class-variance-authority:
-        specifier: ^0.7.1
-        version: 0.7.1
-      clsx:
-        specifier: ^2.1.1
-        version: 2.1.1
-      date-fns:
-        specifier: ^4.1.0
-        version: 4.1.0
-      framer-motion:
-        specifier: ^12.23.25
-        version: 12.23.25(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      huggingface:
-        specifier: link:@auth/core/providers/huggingface
-        version: link:@auth/core/providers/huggingface
-      i:
-        specifier: ^0.3.7
-        version: 0.3.7
-      jszip:
-        specifier: ^3.10.1
-        version: 3.10.1
-      lucide-react:
-        specifier: ^0.554.0
-        version: 0.554.0(react@19.2.0)
-      monaco-editor:
-        specifier: ^0.54.0
-        version: 0.54.0
-      mongoose:
-        specifier: ^9.1.1
-        version: 9.1.1
-      motion:
-        specifier: ^12.24.12
-        version: 12.24.12(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      next:
-        specifier: 16.1.5
-        version: 16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      next-auth:
-        specifier: ^4.24.13
-        version: 4.24.13(next@16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      next-themes:
-        specifier: ^0.4.6
-        version: 0.4.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      nextstepjs:
-        specifier: ^2.2.0
-        version: 2.2.0(motion@12.24.12(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(next@16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      npm:
-        specifier: ^11.7.0
-        version: 11.7.0
-      react:
-        specifier: 19.2.0
-        version: 19.2.0
-      react-dom:
-        specifier: 19.2.0
-        version: 19.2.0(react@19.2.0)
-      react-icons:
-        specifier: ^5.5.0
-        version: 5.5.0(react@19.2.0)
-      react-markdown:
-        specifier: ^10.1.0
-        version: 10.1.0(@types/react@19.2.5)(react@19.2.0)
-      react-syntax-highlighter:
-        specifier: ^16.1.0
-        version: 16.1.0(react@19.2.0)
-      react-textarea-autosize:
-        specifier: ^8.5.9
-        version: 8.5.9(@types/react@19.2.5)(react@19.2.0)
-      react-use:
-        specifier: ^17.6.0
-        version: 17.6.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      sonner:
-        specifier: ^2.0.7
-        version: 2.0.7(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      tailwind-merge:
-        specifier: ^3.4.0
-        version: 3.4.0
-      uuid:
-        specifier: ^13.0.0
-        version: 13.0.0
-    devDependencies:
-      '@tailwindcss/postcss':
-        specifier: ^4
-        version: 4.1.17
-      '@types/canvas-confetti':
-        specifier: ^1.9.0
-        version: 1.9.0
-      '@types/node':
-        specifier: ^20
-        version: 20.19.25
-      '@types/react':
-        specifier: ^19
-        version: 19.2.5
-      '@types/react-dom':
-        specifier: ^19
-        version: 19.2.3(@types/react@19.2.5)
-      '@types/react-syntax-highlighter':
-        specifier: ^15.5.13
-        version: 15.5.13
-      eslint:
-        specifier: ^9
-        version: 9.39.1(jiti@2.6.1)
-      eslint-config-next:
-        specifier: 16.0.3
-        version: 16.0.3(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      tailwindcss:
-        specifier: ^4
-        version: 4.1.17
-      tw-animate-css:
-        specifier: ^1.4.0
-        version: 1.4.0
-      typescript:
-        specifier: ^5
-        version: 5.9.3
-
-packages:
-
-  '@alloc/quick-lru@5.2.0':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-
-  '@babel/code-frame@7.27.1':
-    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/compat-data@7.28.5':
-    resolution: {integrity: sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/core@7.28.5':
-    resolution: {integrity: sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/generator@7.28.5':
-    resolution: {integrity: sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-compilation-targets@7.27.2':
-    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-globals@7.28.0':
-    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-imports@7.27.1':
-    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-transforms@7.28.3':
-    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-string-parser@7.27.1':
-    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-identifier@7.28.5':
-    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-option@7.27.1':
-    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helpers@7.28.4':
-    resolution: {integrity: sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/parser@7.28.5':
-    resolution: {integrity: sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-
-  '@babel/runtime@7.28.4':
-    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/template@7.27.2':
-    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/traverse@7.28.5':
-    resolution: {integrity: sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/types@7.28.5':
-    resolution: {integrity: sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==}
-    engines: {node: '>=6.9.0'}
-
-  '@codemirror/autocomplete@6.20.0':
-    resolution: {integrity: sha512-bOwvTOIJcG5FVo5gUUupiwYh8MioPLQ4UcqbcRf7UQ98X90tCa9E1kZ3Z7tqwpZxYyOvh1YTYbmZE9RTfTp5hg==}
-
-  '@codemirror/commands@6.10.1':
-    resolution: {integrity: sha512-uWDWFypNdQmz2y1LaNJzK7fL7TYKLeUAU0npEC685OKTF3KcQ2Vu3klIM78D7I6wGhktme0lh3CuQLv0ZCrD9Q==}
-
-  '@codemirror/lang-css@6.3.1':
-    resolution: {integrity: sha512-kr5fwBGiGtmz6l0LSJIbno9QrifNMUusivHbnA1H6Dmqy4HZFte3UAICix1VuKo0lMPKQr2rqB+0BkKi/S3Ejg==}
-
-  '@codemirror/lang-html@6.4.11':
-    resolution: {integrity: sha512-9NsXp7Nwp891pQchI7gPdTwBuSuT3K65NGTHWHNJ55HjYcHLllr0rbIZNdOzas9ztc1EUVBlHou85FFZS4BNnw==}
-
-  '@codemirror/lang-javascript@6.2.4':
-    resolution: {integrity: sha512-0WVmhp1QOqZ4Rt6GlVGwKJN3KW7Xh4H2q8ZZNGZaP6lRdxXJzmjm4FqvmOojVj6khWJHIb9sp7U/72W7xQgqAA==}
-
-  '@codemirror/language@6.12.1':
-    resolution: {integrity: sha512-Fa6xkSiuGKc8XC8Cn96T+TQHYj4ZZ7RdFmXA3i9xe/3hLHfwPZdM+dqfX0Cp0zQklBKhVD8Yzc8LS45rkqcwpQ==}
-
-  '@codemirror/lint@6.9.2':
-    resolution: {integrity: sha512-sv3DylBiIyi+xKwRCJAAsBZZZWo82shJ/RTMymLabAdtbkV5cSKwWDeCgtUq3v8flTaXS2y1kKkICuRYtUswyQ==}
-
-  '@codemirror/state@6.5.3':
-    resolution: {integrity: sha512-MerMzJzlXogk2fxWFU1nKp36bY5orBG59HnPiz0G9nLRebWa0zXuv2siH6PLIHBvv5TH8CkQRqjBs0MlxCZu+A==}
-
-  '@codemirror/view@6.39.7':
-    resolution: {integrity: sha512-3Vif9hnNHJnl2YgOtkR/wzGzhYcQ8gy3LGdUhkLUU8xSBbgsTxrE8he/CMTpeINm5TgxLe2FmzvF6IYQL/BSAg==}
-
-  '@codesandbox/nodebox@0.1.8':
-    resolution: {integrity: sha512-2VRS6JDSk+M+pg56GA6CryyUSGPjBEe8Pnae0QL3jJF1mJZJVMDKr93gJRtBbLkfZN6LD/DwMtf+2L0bpWrjqg==}
-
-  '@codesandbox/sandpack-client@2.19.8':
-    resolution: {integrity: sha512-CMV4nr1zgKzVpx4I3FYvGRM5YT0VaQhALMW9vy4wZRhEyWAtJITQIqZzrTGWqB1JvV7V72dVEUCUPLfYz5hgJQ==}
-
-  '@codesandbox/sandpack-react@2.20.0':
-    resolution: {integrity: sha512-takd1YpW/PMQ6KPQfvseWLHWklJovGY8QYj8MtWnskGKbjOGJ6uZfyZbcJ6aCFLQMpNyjTqz9AKNbvhCOZ1TUQ==}
-    peerDependencies:
-      react: ^16.8.0 || ^17 || ^18 || ^19
-      react-dom: ^16.8.0 || ^17 || ^18 || ^19
-
-  '@codesandbox/sandpack-themes@2.0.21':
-    resolution: {integrity: sha512-CMH/MO/dh6foPYb/3eSn2Cu/J3+1+/81Fsaj7VggICkCrmRk0qG5dmgjGAearPTnRkOGORIPHuRqwNXgw0E6YQ==}
-
-  '@emnapi/core@1.7.1':
-    resolution: {integrity: sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==}
-
-  '@emnapi/runtime@1.8.1':
-    resolution: {integrity: sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==}
-
-  '@emnapi/wasi-threads@1.1.0':
-    resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
-
-  '@eslint-community/eslint-utils@4.9.0':
-    resolution: {integrity: sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-
-  '@eslint-community/regexpp@4.12.2':
-    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
-  '@eslint/config-array@0.21.1':
-    resolution: {integrity: sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/config-helpers@0.4.2':
-    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/core@0.17.0':
-    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/eslintrc@3.3.1':
-    resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/js@9.39.1':
-    resolution: {integrity: sha512-S26Stp4zCy88tH94QbBv3XCuzRQiZ9yXofEILmglYTh/Ug/a9/umqvgFtYBAo3Lp0nsI/5/qH1CCrbdK3AP1Tw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/object-schema@2.1.7':
-    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/plugin-kit@0.4.1':
-    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@floating-ui/core@1.7.3':
-    resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
-
-  '@floating-ui/dom@1.7.4':
-    resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==}
-
-  '@floating-ui/react-dom@2.1.6':
-    resolution: {integrity: sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==}
-    peerDependencies:
-      react: '>=16.8.0'
-      react-dom: '>=16.8.0'
-
-  '@floating-ui/utils@0.2.10':
-    resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
-
-  '@huggingface/hub@2.6.13':
-    resolution: {integrity: sha512-PgCAZr9EO2faJQziKQbSrnQoQhIftmdl2GGDx8Hno/mLnd5ih4xkS4X9xdSWxnskPBLNdCRlvaCt7+ZPIqO3GQ==}
-    engines: {node: '>=18'}
-    hasBin: true
-
-  '@huggingface/inference@4.13.3':
-    resolution: {integrity: sha512-ZpyIlO9Xd0sDiD3QZSQMsJ19iFXYOHHxrgA6pK5Mh5RMY27XlnbLNhazAAaBsmen8vWG6SlGHlyjl7kvjlNoqQ==}
-    engines: {node: '>=18'}
-
-  '@huggingface/jinja@0.5.1':
-    resolution: {integrity: sha512-yUZLld4lrM9iFxHCwFQ7D1HW2MWMwSbeB7WzWqFYDWK+rEb+WldkLdAJxUPOmgICMHZLzZGVcVjFh3w/YGubng==}
-    engines: {node: '>=18'}
-
-  '@huggingface/tasks@0.19.64':
-    resolution: {integrity: sha512-uF1PGQp2lLh1Z9YpQWNz2xKeWuKNDFHma3gIWsF7AP8WD1bWYGfS7np0EyqOHBxti40LI6xGGq96JEwI1n7G/Q==}
-
-  '@humanfs/core@0.19.1':
-    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
-    engines: {node: '>=18.18.0'}
-
-  '@humanfs/node@0.16.7':
-    resolution: {integrity: sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==}
-    engines: {node: '>=18.18.0'}
-
-  '@humanwhocodes/module-importer@1.0.1':
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-
-  '@humanwhocodes/retry@0.4.3':
-    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
-    engines: {node: '>=18.18'}
-
-  '@img/colour@1.0.0':
-    resolution: {integrity: sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==}
-    engines: {node: '>=18'}
-
-  '@img/sharp-darwin-arm64@0.34.5':
-    resolution: {integrity: sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@img/sharp-darwin-x64@0.34.5':
-    resolution: {integrity: sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [darwin]
-
-  '@img/sharp-libvips-darwin-arm64@1.2.4':
-    resolution: {integrity: sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@img/sharp-libvips-darwin-x64@1.2.4':
-    resolution: {integrity: sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@img/sharp-libvips-linux-arm64@1.2.4':
-    resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@img/sharp-libvips-linux-arm@1.2.4':
-    resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
-    cpu: [arm]
-    os: [linux]
-
-  '@img/sharp-libvips-linux-ppc64@1.2.4':
-    resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@img/sharp-libvips-linux-riscv64@1.2.4':
-    resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@img/sharp-libvips-linux-s390x@1.2.4':
-    resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
-    cpu: [s390x]
-    os: [linux]
-
-  '@img/sharp-libvips-linux-x64@1.2.4':
-    resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
-    cpu: [x64]
-    os: [linux]
-
-  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
-    resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
-    resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
-    cpu: [x64]
-    os: [linux]
-
-  '@img/sharp-linux-arm64@0.34.5':
-    resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [linux]
-
-  '@img/sharp-linux-arm@0.34.5':
-    resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm]
-    os: [linux]
-
-  '@img/sharp-linux-ppc64@0.34.5':
-    resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@img/sharp-linux-riscv64@0.34.5':
-    resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@img/sharp-linux-s390x@0.34.5':
-    resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [s390x]
-    os: [linux]
-
-  '@img/sharp-linux-x64@0.34.5':
-    resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [linux]
-
-  '@img/sharp-linuxmusl-arm64@0.34.5':
-    resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [linux]
-
-  '@img/sharp-linuxmusl-x64@0.34.5':
-    resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [linux]
-
-  '@img/sharp-wasm32@0.34.5':
-    resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [wasm32]
-
-  '@img/sharp-win32-arm64@0.34.5':
-    resolution: {integrity: sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [arm64]
-    os: [win32]
-
-  '@img/sharp-win32-ia32@0.34.5':
-    resolution: {integrity: sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [ia32]
-    os: [win32]
-
-  '@img/sharp-win32-x64@0.34.5':
-    resolution: {integrity: sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-    cpu: [x64]
-    os: [win32]
-
-  '@jridgewell/gen-mapping@0.3.13':
-    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
-
-  '@jridgewell/remapping@2.3.5':
-    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
-
-  '@jridgewell/resolve-uri@3.1.2':
-    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/sourcemap-codec@1.5.5':
-    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
-
-  '@jridgewell/trace-mapping@0.3.31':
-    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
-
-  '@lezer/common@1.5.0':
-    resolution: {integrity: sha512-PNGcolp9hr4PJdXR4ix7XtixDrClScvtSCYW3rQG106oVMOOI+jFb+0+J3mbeL/53g1Zd6s0kJzaw6Ri68GmAA==}
-
-  '@lezer/css@1.3.0':
-    resolution: {integrity: sha512-pBL7hup88KbI7hXnZV3PQsn43DHy6TWyzuyk2AO9UyoXcDltvIdqWKE1dLL/45JVZ+YZkHe1WVHqO6wugZZWcw==}
-
-  '@lezer/highlight@1.2.3':
-    resolution: {integrity: sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==}
-
-  '@lezer/html@1.3.13':
-    resolution: {integrity: sha512-oI7n6NJml729m7pjm9lvLvmXbdoMoi2f+1pwSDJkl9d68zGr7a9Btz8NdHTGQZtW2DA25ybeuv/SyDb9D5tseg==}
-
-  '@lezer/javascript@1.5.4':
-    resolution: {integrity: sha512-vvYx3MhWqeZtGPwDStM2dwgljd5smolYD2lR2UyFcHfxbBQebqx8yjmFmxtJ/E6nN6u1D9srOiVWm3Rb4tmcUA==}
-
-  '@lezer/lr@1.4.5':
-    resolution: {integrity: sha512-/YTRKP5yPPSo1xImYQk7AZZMAgap0kegzqCSYHjAL9x1AZ0ZQW+IpcEzMKagCsbTsLnVeWkxYrCNeXG8xEPrjg==}
-
-  '@marijn/find-cluster-break@1.0.2':
-    resolution: {integrity: sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==}
-
-  '@monaco-editor/loader@1.6.1':
-    resolution: {integrity: sha512-w3tEnj9HYEC73wtjdpR089AqkUPskFRcdkxsiSFt3SoUc3OHpmu+leP94CXBm4mHfefmhsdfI0ZQu6qJ0wgtPg==}
-
-  '@monaco-editor/react@4.7.0':
-    resolution: {integrity: sha512-cyzXQCtO47ydzxpQtCGSQGOC8Gk3ZUeBXFAxD+CWXYFo5OqZyZUonFl0DwUlTyAfRHntBfw2p3w4s9R6oe1eCA==}
-    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
-
-  '@mongodb-js/saslprep@1.4.4':
-    resolution: {integrity: sha512-p7X/ytJDIdwUfFL/CLOhKgdfJe1Fa8uw9seJYvdOmnP9JBWGWHW69HkOixXS6Wy9yvGf1MbhcS6lVmrhy4jm2g==}
-
-  '@napi-rs/wasm-runtime@0.2.12':
-    resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
-
-  '@next/env@16.1.5':
-    resolution: {integrity: sha512-CRSCPJiSZoi4Pn69RYBDI9R7YK2g59vLexPQFXY0eyw+ILevIenCywzg+DqmlBik9zszEnw2HLFOUlLAcJbL7g==}
-
-  '@next/eslint-plugin-next@16.0.3':
-    resolution: {integrity: sha512-6sPWmZetzFWMsz7Dhuxsdmbu3fK+/AxKRtj7OB0/3OZAI2MHB/v2FeYh271LZ9abvnM1WIwWc/5umYjx0jo5sQ==}
-
-  '@next/swc-darwin-arm64@16.1.5':
-    resolution: {integrity: sha512-eK7Wdm3Hjy/SCL7TevlH0C9chrpeOYWx2iR7guJDaz4zEQKWcS1IMVfMb9UKBFMg1XgzcPTYPIp1Vcpukkjg6Q==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@next/swc-darwin-x64@16.1.5':
-    resolution: {integrity: sha512-foQscSHD1dCuxBmGkbIr6ScAUF6pRoDZP6czajyvmXPAOFNnQUJu2Os1SGELODjKp/ULa4fulnBWoHV3XdPLfA==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@next/swc-linux-arm64-gnu@16.1.5':
-    resolution: {integrity: sha512-qNIb42o3C02ccIeSeKjacF3HXotGsxh/FMk/rSRmCzOVMtoWH88odn2uZqF8RLsSUWHcAqTgYmPD3pZ03L9ZAA==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@next/swc-linux-arm64-musl@16.1.5':
-    resolution: {integrity: sha512-U+kBxGUY1xMAzDTXmuVMfhaWUZQAwzRaHJ/I6ihtR5SbTVUEaDRiEU9YMjy1obBWpdOBuk1bcm+tsmifYSygfw==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@next/swc-linux-x64-gnu@16.1.5':
-    resolution: {integrity: sha512-gq2UtoCpN7Ke/7tKaU7i/1L7eFLfhMbXjNghSv0MVGF1dmuoaPeEVDvkDuO/9LVa44h5gqpWeJ4mRRznjDv7LA==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@next/swc-linux-x64-musl@16.1.5':
-    resolution: {integrity: sha512-bQWSE729PbXT6mMklWLf8dotislPle2L70E9q6iwETYEOt092GDn0c+TTNj26AjmeceSsC4ndyGsK5nKqHYXjQ==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@next/swc-win32-arm64-msvc@16.1.5':
-    resolution: {integrity: sha512-LZli0anutkIllMtTAWZlDqdfvjWX/ch8AFK5WgkNTvaqwlouiD1oHM+WW8RXMiL0+vAkAJyAGEzPPjO+hnrSNQ==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@next/swc-win32-x64-msvc@16.1.5':
-    resolution: {integrity: sha512-7is37HJTNQGhjPpQbkKjKEboHYQnCgpVt/4rBrrln0D9nderNxZ8ZWs8w1fAtzUx7wEyYjQ+/13myFgFj6K2Ng==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [win32]
-
-  '@nodelib/fs.scandir@2.1.5':
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.stat@2.0.5':
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.walk@1.2.8':
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
-
-  '@nolyfill/is-core-module@1.0.39':
-    resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
-    engines: {node: '>=12.4.0'}
-
-  '@open-draft/deferred-promise@2.2.0':
-    resolution: {integrity: sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==}
-
-  '@panva/hkdf@1.2.1':
-    resolution: {integrity: sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==}
-
-  '@radix-ui/number@1.1.1':
-    resolution: {integrity: sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==}
-
-  '@radix-ui/primitive@1.1.3':
-    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
-
-  '@radix-ui/react-arrow@1.1.7':
-    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
-    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
-
-  '@radix-ui/react-avatar@1.1.11':
-    resolution: {integrity: sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==}
-    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
-
-  '@radix-ui/react-collection@1.1.7':
-    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
-    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
-
-  '@radix-ui/react-compose-refs@1.1.2':
-    resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-context@1.1.2':
-    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-context@1.1.3':
-    resolution: {integrity: sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-dialog@1.1.15':
-    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
-    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
-
-  '@radix-ui/react-direction@1.1.1':
-    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-dismissable-layer@1.1.11':
-    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
-    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
-
-  '@radix-ui/react-dropdown-menu@2.1.16':
-    resolution: {integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==}
-    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
-
-  '@radix-ui/react-focus-guards@1.1.3':
-    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-focus-scope@1.1.7':
-    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
-    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
-
-  '@radix-ui/react-id@1.1.1':
-    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-menu@2.1.16':
-    resolution: {integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==}
-    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
-
-  '@radix-ui/react-popover@1.1.15':
-    resolution: {integrity: sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==}
-    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
-
-  '@radix-ui/react-popper@1.2.8':
-    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
-    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
-
-  '@radix-ui/react-portal@1.1.9':
-    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
-    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
-
-  '@radix-ui/react-presence@1.1.5':
-    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
-    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
-
-  '@radix-ui/react-primitive@2.1.3':
-    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
-    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
-
-  '@radix-ui/react-primitive@2.1.4':
-    resolution: {integrity: sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==}
-    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
-
-  '@radix-ui/react-roving-focus@1.1.11':
-    resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
-    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
-
-  '@radix-ui/react-select@2.2.6':
-    resolution: {integrity: sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==}
-    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
-
-  '@radix-ui/react-separator@1.1.8':
-    resolution: {integrity: sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==}
-    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
-
-  '@radix-ui/react-slot@1.2.3':
-    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-slot@1.2.4':
-    resolution: {integrity: sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-toggle-group@1.1.11':
-    resolution: {integrity: sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==}
-    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
-
-  '@radix-ui/react-toggle@1.1.10':
-    resolution: {integrity: sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==}
-    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
-
-  '@radix-ui/react-use-callback-ref@1.1.1':
-    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-controllable-state@1.2.2':
-    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-effect-event@0.0.2':
-    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-escape-keydown@1.1.1':
-    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-is-hydrated@0.1.0':
-    resolution: {integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-layout-effect@1.1.1':
-    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-previous@1.1.1':
-    resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-rect@1.1.1':
-    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-use-size@1.1.1':
-    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  '@radix-ui/react-visually-hidden@1.2.3':
-    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
-    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
-
-  '@radix-ui/rect@1.1.1':
-    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
-
-  '@react-hook/intersection-observer@3.1.2':
-    resolution: {integrity: sha512-mWU3BMkmmzyYMSuhO9wu3eJVP21N8TcgYm9bZnTrMwuM818bEk+0NRM3hP+c/TqA9Ln5C7qE53p1H0QMtzYdvQ==}
-    peerDependencies:
-      react: '>=16.8'
-
-  '@react-hook/passive-layout-effect@1.2.1':
-    resolution: {integrity: sha512-IwEphTD75liO8g+6taS+4oqz+nnroocNfWVHWz7j+N+ZO2vYrc6PV1q7GQhuahL0IOR7JccFTsFKQ/mb6iZWAg==}
-    peerDependencies:
-      react: '>=16.8'
-
-  '@rtsao/scc@1.1.0':
-    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
-
-  '@stitches/core@1.2.8':
-    resolution: {integrity: sha512-Gfkvwk9o9kE9r9XNBmJRfV8zONvXThnm1tcuojL04Uy5uRyqg93DC83lDebl0rocZCfKSjUv+fWYtMQmEDJldg==}
-
-  '@swc/helpers@0.5.15':
-    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
-
-  '@tailwindcss/node@4.1.17':
-    resolution: {integrity: sha512-csIkHIgLb3JisEFQ0vxr2Y57GUNYh447C8xzwj89U/8fdW8LhProdxvnVH6U8M2Y73QKiTIH+LWbK3V2BBZsAg==}
-
-  '@tailwindcss/oxide-android-arm64@4.1.17':
-    resolution: {integrity: sha512-BMqpkJHgOZ5z78qqiGE6ZIRExyaHyuxjgrJ6eBO5+hfrfGkuya0lYfw8fRHG77gdTjWkNWEEm+qeG2cDMxArLQ==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [android]
-
-  '@tailwindcss/oxide-darwin-arm64@4.1.17':
-    resolution: {integrity: sha512-EquyumkQweUBNk1zGEU/wfZo2qkp/nQKRZM8bUYO0J+Lums5+wl2CcG1f9BgAjn/u9pJzdYddHWBiFXJTcxmOg==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@tailwindcss/oxide-darwin-x64@4.1.17':
-    resolution: {integrity: sha512-gdhEPLzke2Pog8s12oADwYu0IAw04Y2tlmgVzIN0+046ytcgx8uZmCzEg4VcQh+AHKiS7xaL8kGo/QTiNEGRog==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [darwin]
-
-  '@tailwindcss/oxide-freebsd-x64@4.1.17':
-    resolution: {integrity: sha512-hxGS81KskMxML9DXsaXT1H0DyA+ZBIbyG/sSAjWNe2EDl7TkPOBI42GBV3u38itzGUOmFfCzk1iAjDXds8Oh0g==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.17':
-    resolution: {integrity: sha512-k7jWk5E3ldAdw0cNglhjSgv501u7yrMf8oeZ0cElhxU6Y2o7f8yqelOp3fhf7evjIS6ujTI3U8pKUXV2I4iXHQ==}
-    engines: {node: '>= 10'}
-    cpu: [arm]
-    os: [linux]
-
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.17':
-    resolution: {integrity: sha512-HVDOm/mxK6+TbARwdW17WrgDYEGzmoYayrCgmLEw7FxTPLcp/glBisuyWkFz/jb7ZfiAXAXUACfyItn+nTgsdQ==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.17':
-    resolution: {integrity: sha512-HvZLfGr42i5anKtIeQzxdkw/wPqIbpeZqe7vd3V9vI3RQxe3xU1fLjss0TjyhxWcBaipk7NYwSrwTwK1hJARMg==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [linux]
-
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.17':
-    resolution: {integrity: sha512-M3XZuORCGB7VPOEDH+nzpJ21XPvK5PyjlkSFkFziNHGLc5d6g3di2McAAblmaSUNl8IOmzYwLx9NsE7bplNkwQ==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@tailwindcss/oxide-linux-x64-musl@4.1.17':
-    resolution: {integrity: sha512-k7f+pf9eXLEey4pBlw+8dgfJHY4PZ5qOUFDyNf7SI6lHjQ9Zt7+NcscjpwdCEbYi6FI5c2KDTDWyf2iHcCSyyQ==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [linux]
-
-  '@tailwindcss/oxide-wasm32-wasi@4.1.17':
-    resolution: {integrity: sha512-cEytGqSSoy7zK4JRWiTCx43FsKP/zGr0CsuMawhH67ONlH+T79VteQeJQRO/X7L0juEUA8ZyuYikcRBf0vsxhg==}
-    engines: {node: '>=14.0.0'}
-    cpu: [wasm32]
-    bundledDependencies:
-      - '@napi-rs/wasm-runtime'
-      - '@emnapi/core'
-      - '@emnapi/runtime'
-      - '@tybys/wasm-util'
-      - '@emnapi/wasi-threads'
-      - tslib
-
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.17':
-    resolution: {integrity: sha512-JU5AHr7gKbZlOGvMdb4722/0aYbU+tN6lv1kONx0JK2cGsh7g148zVWLM0IKR3NeKLv+L90chBVYcJ8uJWbC9A==}
-    engines: {node: '>= 10'}
-    cpu: [arm64]
-    os: [win32]
-
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.17':
-    resolution: {integrity: sha512-SKWM4waLuqx0IH+FMDUw6R66Hu4OuTALFgnleKbqhgGU30DY20NORZMZUKgLRjQXNN2TLzKvh48QXTig4h4bGw==}
-    engines: {node: '>= 10'}
-    cpu: [x64]
-    os: [win32]
-
-  '@tailwindcss/oxide@4.1.17':
-    resolution: {integrity: sha512-F0F7d01fmkQhsTjXezGBLdrl1KresJTcI3DB8EkScCldyKp3Msz4hub4uyYaVnk88BAS1g5DQjjF6F5qczheLA==}
-    engines: {node: '>= 10'}
-
-  '@tailwindcss/postcss@4.1.17':
-    resolution: {integrity: sha512-+nKl9N9mN5uJ+M7dBOOCzINw94MPstNR/GtIhz1fpZysxL/4a+No64jCBD6CPN+bIHWFx3KWuu8XJRrj/572Dw==}
-
-  '@tanstack/query-core@5.90.10':
-    resolution: {integrity: sha512-EhZVFu9rl7GfRNuJLJ3Y7wtbTnENsvzp+YpcAV7kCYiXni1v8qZh++lpw4ch4rrwC0u/EZRnBHIehzCGzwXDSQ==}
-
-  '@tanstack/query-devtools@5.90.1':
-    resolution: {integrity: sha512-GtINOPjPUH0OegJExZ70UahT9ykmAhmtNVcmtdnOZbxLwT7R5OmRztR5Ahe3/Cu7LArEmR6/588tAycuaWb1xQ==}
-
-  '@tanstack/react-query-devtools@5.90.2':
-    resolution: {integrity: sha512-vAXJzZuBXtCQtrY3F/yUNJCV4obT/A/n81kb3+YqLbro5Z2+phdAbceO+deU3ywPw8B42oyJlp4FhO0SoivDFQ==}
-    peerDependencies:
-      '@tanstack/react-query': ^5.90.2
-      react: ^18 || ^19
-
-  '@tanstack/react-query-next-experimental@5.91.0':
-    resolution: {integrity: sha512-/EbUnRBYInqoyXbPq/25fPko9JsY5r/DQVry8oR2CCU4z4hbb9ABGAOZ9jVt11OaOKxN5SGC8LE0XDSMNZCrKg==}
-    peerDependencies:
-      '@tanstack/react-query': ^5.90.8
-      next: ^13 || ^14 || ^15 || ^16
-      react: ^18 || ^19
-
-  '@tanstack/react-query@5.90.10':
-    resolution: {integrity: sha512-BKLss9Y8PQ9IUjPYQiv3/Zmlx92uxffUOX8ZZNoQlCIZBJPT5M+GOMQj7xislvVQ6l1BstBjcX0XB/aHfFYVNw==}
-    peerDependencies:
-      react: ^18 || ^19
-
-  '@tybys/wasm-util@0.10.1':
-    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
-
-  '@types/canvas-confetti@1.9.0':
-    resolution: {integrity: sha512-aBGj/dULrimR1XDZLtG9JwxX1b4HPRF6CX9Yfwh3NvstZEm1ZL7RBnel4keCPSqs1ANRu1u2Aoz9R+VmtjYuTg==}
-
-  '@types/debug@4.1.12':
-    resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
-
-  '@types/estree-jsx@1.0.5':
-    resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
-
-  '@types/estree@1.0.8':
-    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
-
-  '@types/hast@3.0.4':
-    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
-
-  '@types/js-cookie@2.2.7':
-    resolution: {integrity: sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==}
-
-  '@types/json-schema@7.0.15':
-    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
-
-  '@types/json5@0.0.29':
-    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
-
-  '@types/mdast@4.0.4':
-    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
-
-  '@types/ms@2.1.0':
-    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
-
-  '@types/node@20.19.25':
-    resolution: {integrity: sha512-ZsJzA5thDQMSQO788d7IocwwQbI8B5OPzmqNvpf3NY/+MHDAS759Wo0gd2WQeXYt5AAAQjzcrTVC6SKCuYgoCQ==}
-
-  '@types/prismjs@1.26.5':
-    resolution: {integrity: sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==}
-
-  '@types/react-dom@19.2.3':
-    resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
-    peerDependencies:
-      '@types/react': ^19.2.0
-
-  '@types/react-syntax-highlighter@15.5.13':
-    resolution: {integrity: sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA==}
-
-  '@types/react@19.2.5':
-    resolution: {integrity: sha512-keKxkZMqnDicuvFoJbzrhbtdLSPhj/rZThDlKWCDbgXmUg0rEUFtRssDXKYmtXluZlIqiC5VqkCgRwzuyLHKHw==}
-
-  '@types/unist@2.0.11':
-    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
-
-  '@types/unist@3.0.3':
-    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
-
-  '@types/webidl-conversions@7.0.3':
-    resolution: {integrity: sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA==}
-
-  '@types/whatwg-url@13.0.0':
-    resolution: {integrity: sha512-N8WXpbE6Wgri7KUSvrmQcqrMllKZ9uxkYWMt+mCSGwNc0Hsw9VQTW7ApqI4XNrx6/SaM2QQJCzMPDEXE058s+Q==}
-
-  '@typescript-eslint/eslint-plugin@8.47.0':
-    resolution: {integrity: sha512-fe0rz9WJQ5t2iaLfdbDc9T80GJy0AeO453q8C3YCilnGozvOyCG5t+EZtg7j7D88+c3FipfP/x+wzGnh1xp8ZA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^8.47.0
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/parser@8.47.0':
-    resolution: {integrity: sha512-lJi3PfxVmo0AkEY93ecfN+r8SofEqZNGByvHAI3GBLrvt1Cw6H5k1IM02nSzu0RfUafr2EvFSw0wAsZgubNplQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/project-service@8.47.0':
-    resolution: {integrity: sha512-2X4BX8hUeB5JcA1TQJ7GjcgulXQ+5UkNb0DL8gHsHUHdFoiCTJoYLTpib3LtSDPZsRET5ygN4qqIWrHyYIKERA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/scope-manager@8.47.0':
-    resolution: {integrity: sha512-a0TTJk4HXMkfpFkL9/WaGTNuv7JWfFTQFJd6zS9dVAjKsojmv9HT55xzbEpnZoY+VUb+YXLMp+ihMLz/UlZfDg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/tsconfig-utils@8.47.0':
-    resolution: {integrity: sha512-ybUAvjy4ZCL11uryalkKxuT3w3sXJAuWhOoGS3T/Wu+iUu1tGJmk5ytSY8gbdACNARmcYEB0COksD2j6hfGK2g==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/type-utils@8.47.0':
-    resolution: {integrity: sha512-QC9RiCmZ2HmIdCEvhd1aJELBlD93ErziOXXlHEZyuBo3tBiAZieya0HLIxp+DoDWlsQqDawyKuNEhORyku+P8A==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/types@8.47.0':
-    resolution: {integrity: sha512-nHAE6bMKsizhA2uuYZbEbmp5z2UpffNrPEqiKIeN7VsV6UY/roxanWfoRrf6x/k9+Obf+GQdkm0nPU+vnMXo9A==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/typescript-estree@8.47.0':
-    resolution: {integrity: sha512-k6ti9UepJf5NpzCjH31hQNLHQWupTRPhZ+KFF8WtTuTpy7uHPfeg2NM7cP27aCGajoEplxJDFVCEm9TGPYyiVg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/utils@8.47.0':
-    resolution: {integrity: sha512-g7XrNf25iL4TJOiPqatNuaChyqt49a/onq5YsJ9+hXeugK+41LVg7AxikMfM02PC6jbNtZLCJj6AUcQXJS/jGQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/visitor-keys@8.47.0':
-    resolution: {integrity: sha512-SIV3/6eftCy1bNzCQoPmbWsRLujS8t5iDIZ4spZOBHqrM+yfX2ogg8Tt3PDTAVKw3sSCiUgg30uOAvK2r9zGjQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@ungap/structured-clone@1.3.0':
-    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
-
-  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
-    resolution: {integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==}
-    cpu: [arm]
-    os: [android]
-
-  '@unrs/resolver-binding-android-arm64@1.11.1':
-    resolution: {integrity: sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==}
-    cpu: [arm64]
-    os: [android]
-
-  '@unrs/resolver-binding-darwin-arm64@1.11.1':
-    resolution: {integrity: sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==}
-    cpu: [arm64]
-    os: [darwin]
-
-  '@unrs/resolver-binding-darwin-x64@1.11.1':
-    resolution: {integrity: sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==}
-    cpu: [x64]
-    os: [darwin]
-
-  '@unrs/resolver-binding-freebsd-x64@1.11.1':
-    resolution: {integrity: sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==}
-    cpu: [x64]
-    os: [freebsd]
-
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
-    resolution: {integrity: sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==}
-    cpu: [arm]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
-    resolution: {integrity: sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==}
-    cpu: [arm]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
-    resolution: {integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
-    resolution: {integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==}
-    cpu: [arm64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
-    resolution: {integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==}
-    cpu: [ppc64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
-    resolution: {integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
-    resolution: {integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==}
-    cpu: [riscv64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
-    resolution: {integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==}
-    cpu: [s390x]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
-    resolution: {integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==}
-    cpu: [x64]
-    os: [linux]
-
-  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
-    resolution: {integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==}
-    cpu: [x64]
-    os: [linux]
-
-  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
-    resolution: {integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==}
-    engines: {node: '>=14.0.0'}
-    cpu: [wasm32]
-
-  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
-    resolution: {integrity: sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==}
-    cpu: [arm64]
-    os: [win32]
-
-  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
-    resolution: {integrity: sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==}
-    cpu: [ia32]
-    os: [win32]
-
-  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
-    resolution: {integrity: sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==}
-    cpu: [x64]
-    os: [win32]
-
-  '@xobotyi/scrollbar-width@1.9.5':
-    resolution: {integrity: sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==}
-
-  acorn-jsx@5.3.2:
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
-    peerDependencies:
-      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
-
-  acorn@8.15.0:
-    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-
-  ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
-
-  anser@2.3.5:
-    resolution: {integrity: sha512-vcZjxvvVoxTeR5XBNJB38oTu/7eDCZlwdz32N1eNgpyPF7j/Z7Idf+CUwQOkKKpJ7RJyjxgLHCM7vdIK0iCNMQ==}
-
-  ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
-
-  ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
-
-  argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
-
-  aria-hidden@1.2.6:
-    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
-    engines: {node: '>=10'}
-
-  aria-query@5.3.2:
-    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
-    engines: {node: '>= 0.4'}
-
-  array-buffer-byte-length@1.0.2:
-    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
-    engines: {node: '>= 0.4'}
-
-  array-includes@3.1.9:
-    resolution: {integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.findlast@1.2.5:
-    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.findlastindex@1.2.6:
-    resolution: {integrity: sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.flat@1.3.3:
-    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.flatmap@1.3.3:
-    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
-    engines: {node: '>= 0.4'}
-
-  array.prototype.tosorted@1.1.4:
-    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
-    engines: {node: '>= 0.4'}
-
-  arraybuffer.prototype.slice@1.0.4:
-    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
-    engines: {node: '>= 0.4'}
-
-  ast-types-flow@0.0.8:
-    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
-
-  async-function@1.0.0:
-    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
-    engines: {node: '>= 0.4'}
-
-  available-typed-arrays@1.0.7:
-    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
-    engines: {node: '>= 0.4'}
-
-  axe-core@4.11.0:
-    resolution: {integrity: sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ==}
-    engines: {node: '>=4'}
-
-  axobject-query@4.1.0:
-    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
-    engines: {node: '>= 0.4'}
-
-  bail@2.0.2:
-    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
-
-  balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
-
-  base64-js@1.5.1:
-    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
-
-  baseline-browser-mapping@2.9.18:
-    resolution: {integrity: sha512-e23vBV1ZLfjb9apvfPk4rHVu2ry6RIr2Wfs+O324okSidrX7pTAnEJPCh/O5BtRlr7QtZI7ktOP3vsqr7Z5XoA==}
-    hasBin: true
-
-  brace-expansion@1.1.12:
-    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
-
-  brace-expansion@2.0.2:
-    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
-
-  braces@3.0.3:
-    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
-    engines: {node: '>=8'}
-
-  browserslist@4.28.0:
-    resolution: {integrity: sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
-  bson@7.0.0:
-    resolution: {integrity: sha512-Kwc6Wh4lQ5OmkqqKhYGKIuELXl+EPYSCObVE6bWsp1T/cGkOCBN0I8wF/T44BiuhHyNi1mmKVPXk60d41xZ7kw==}
-    engines: {node: '>=20.19.0'}
-
-  buffer@6.0.3:
-    resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
-
-  call-bind-apply-helpers@1.0.2:
-    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
-    engines: {node: '>= 0.4'}
-
-  call-bind@1.0.8:
-    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
-    engines: {node: '>= 0.4'}
-
-  call-bound@1.0.4:
-    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
-    engines: {node: '>= 0.4'}
-
-  callsites@3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
-    engines: {node: '>=6'}
-
-  caniuse-lite@1.0.30001766:
-    resolution: {integrity: sha512-4C0lfJ0/YPjJQHagaE9x2Elb69CIqEPZeG0anQt9SIvIoOH4a4uaRl73IavyO+0qZh6MDLH//DrXThEYKHkmYA==}
-
-  canvas-confetti@1.9.4:
-    resolution: {integrity: sha512-yxQbJkAVrFXWNbTUjPqjF7G+g6pDotOUHGbkZq2NELZUMDpiJ85rIEazVb8GTaAptNW2miJAXbs1BtioA251Pw==}
-
-  ccount@2.0.1:
-    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
-
-  chalk@4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
-
-  character-entities-html4@2.1.0:
-    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
-
-  character-entities-legacy@3.0.0:
-    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
-
-  character-entities@2.0.2:
-    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
-
-  character-reference-invalid@2.0.1:
-    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
-
-  class-variance-authority@0.7.1:
-    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
-
-  clean-set@1.1.2:
-    resolution: {integrity: sha512-cA8uCj0qSoG9e0kevyOWXwPaELRPVg5Pxp6WskLMwerx257Zfnh8Nl0JBH59d7wQzij2CK7qEfJQK3RjuKKIug==}
-
-  cli-progress@3.12.0:
-    resolution: {integrity: sha512-tRkV3HJ1ASwm19THiiLIXLO7Im7wlTuKnvkYaTkyoAPefqjNg7W7DHKUlGRxy9vxDvbyCYQkQozvptuMkGCg8A==}
-    engines: {node: '>=4'}
-
-  client-only@0.0.1:
-    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
-
-  clsx@2.1.1:
-    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
-    engines: {node: '>=6'}
-
-  color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
-
-  color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
-
-  comma-separated-tokens@2.0.3:
-    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
-
-  concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-
-  convert-source-map@2.0.0:
-    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
-
-  cookie@0.7.2:
-    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
-    engines: {node: '>= 0.6'}
-
-  copy-to-clipboard@3.3.3:
-    resolution: {integrity: sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==}
-
-  core-util-is@1.0.3:
-    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
-
-  crelt@1.0.6:
-    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
-
-  cross-spawn@7.0.6:
-    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
-    engines: {node: '>= 8'}
-
-  css-in-js-utils@3.1.0:
-    resolution: {integrity: sha512-fJAcud6B3rRu+KHYk+Bwf+WFL2MDCJJ1XG9x137tJQ0xYxor7XziQtuGFbWNdqrvF4Tk26O3H73nfVqXt/fW1A==}
-
-  css-tree@1.1.3:
-    resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
-    engines: {node: '>=8.0.0'}
-
-  csstype@3.2.3:
-    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
-
-  d@1.0.2:
-    resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
-    engines: {node: '>=0.12'}
-
-  damerau-levenshtein@1.0.8:
-    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
-
-  data-view-buffer@1.0.2:
-    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
-    engines: {node: '>= 0.4'}
-
-  data-view-byte-length@1.0.2:
-    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
-    engines: {node: '>= 0.4'}
-
-  data-view-byte-offset@1.0.1:
-    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
-    engines: {node: '>= 0.4'}
-
-  date-fns@4.1.0:
-    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
-
-  debug@3.2.7:
-    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
-  debug@4.4.3:
-    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
-  decode-named-character-reference@1.2.0:
-    resolution: {integrity: sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==}
-
-  deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
-
-  define-data-property@1.1.4:
-    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
-    engines: {node: '>= 0.4'}
-
-  define-properties@1.2.1:
-    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
-    engines: {node: '>= 0.4'}
-
-  dequal@2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
-
-  detect-libc@2.1.2:
-    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
-    engines: {node: '>=8'}
-
-  detect-node-es@1.1.0:
-    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
-
-  devlop@1.1.0:
-    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
-
-  doctrine@2.1.0:
-    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
-    engines: {node: '>=0.10.0'}
-
-  dompurify@3.1.7:
-    resolution: {integrity: sha512-VaTstWtsneJY8xzy7DekmYWEOZcmzIe3Qb3zPd4STve1OBTa+e+WmS1ITQec1fZYXI3HCsOZZiSMpG6oxoWMWQ==}
-
-  dotenv@16.6.1:
-    resolution: {integrity: sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==}
-    engines: {node: '>=12'}
-
-  dunder-proto@1.0.1:
-    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
-    engines: {node: '>= 0.4'}
-
-  electron-to-chromium@1.5.255:
-    resolution: {integrity: sha512-Z9oIp4HrFF/cZkDPMpz2XSuVpc1THDpT4dlmATFlJUIBVCy9Vap5/rIXsASP1CscBacBqhabwh8vLctqBwEerQ==}
-
-  emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
-
-  emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
-
-  enhanced-resolve@5.18.3:
-    resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
-    engines: {node: '>=10.13.0'}
-
-  error-stack-parser@2.1.4:
-    resolution: {integrity: sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==}
-
-  es-abstract@1.24.0:
-    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
-    engines: {node: '>= 0.4'}
-
-  es-define-property@1.0.1:
-    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
-    engines: {node: '>= 0.4'}
-
-  es-errors@1.3.0:
-    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
-    engines: {node: '>= 0.4'}
-
-  es-iterator-helpers@1.2.1:
-    resolution: {integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==}
-    engines: {node: '>= 0.4'}
-
-  es-object-atoms@1.1.1:
-    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
-    engines: {node: '>= 0.4'}
-
-  es-set-tostringtag@2.1.0:
-    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
-    engines: {node: '>= 0.4'}
-
-  es-shim-unscopables@1.1.0:
-    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
-    engines: {node: '>= 0.4'}
-
-  es-to-primitive@1.3.0:
-    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
-    engines: {node: '>= 0.4'}
-
-  es5-ext@0.10.64:
-    resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
-    engines: {node: '>=0.10'}
-
-  es6-iterator@2.0.3:
-    resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
-
-  es6-symbol@3.1.4:
-    resolution: {integrity: sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==}
-    engines: {node: '>=0.12'}
-
-  escalade@3.2.0:
-    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
-    engines: {node: '>=6'}
-
-  escape-carriage@1.3.1:
-    resolution: {integrity: sha512-GwBr6yViW3ttx1kb7/Oh+gKQ1/TrhYwxKqVmg5gS+BK+Qe2KrOa/Vh7w3HPBvgGf0LfcDGoY9I6NHKoA5Hozhw==}
-
-  escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
-
-  eslint-config-next@16.0.3:
-    resolution: {integrity: sha512-5F6qDjcZldf0Y0ZbqvWvap9xzYUxyDf7/of37aeyhvkrQokj/4bT1JYWZdlWUr283aeVa+s52mPq9ogmGg+5dw==}
-    peerDependencies:
-      eslint: '>=9.0.0'
-      typescript: '>=3.3.1'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
-  eslint-import-resolver-node@0.3.9:
-    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
-
-  eslint-import-resolver-typescript@3.10.1:
-    resolution: {integrity: sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-      eslint-plugin-import-x: '*'
-    peerDependenciesMeta:
-      eslint-plugin-import:
-        optional: true
-      eslint-plugin-import-x:
-        optional: true
-
-  eslint-module-utils@2.12.1:
-    resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-      eslint:
-        optional: true
-      eslint-import-resolver-node:
-        optional: true
-      eslint-import-resolver-typescript:
-        optional: true
-      eslint-import-resolver-webpack:
-        optional: true
-
-  eslint-plugin-import@2.32.0:
-    resolution: {integrity: sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-
-  eslint-plugin-jsx-a11y@6.10.2:
-    resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
-
-  eslint-plugin-react-hooks@7.0.1:
-    resolution: {integrity: sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==}
-    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
-
-  eslint-plugin-react@7.37.5:
-    resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
-
-  eslint-scope@8.4.0:
-    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  eslint-visitor-keys@3.4.3:
-    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
-  eslint-visitor-keys@4.2.1:
-    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  eslint@9.39.1:
-    resolution: {integrity: sha512-BhHmn2yNOFA9H9JmmIVKJmd288g9hrVRDkdoIgRCRuSySRUHH7r/DI6aAXW9T1WwUuY3DFgrcaqB+deURBLR5g==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    hasBin: true
-    peerDependencies:
-      jiti: '*'
-    peerDependenciesMeta:
-      jiti:
-        optional: true
-
-  esniff@2.0.1:
-    resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
-    engines: {node: '>=0.10'}
-
-  espree@10.4.0:
-    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  esquery@1.6.0:
-    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
-    engines: {node: '>=0.10'}
-
-  esrecurse@4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
-
-  estraverse@5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
-
-  estree-util-is-identifier-name@3.0.0:
-    resolution: {integrity: sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==}
-
-  esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
-
-  event-emitter@0.3.5:
-    resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
-
-  ext@1.7.0:
-    resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
-
-  extend@3.0.2:
-    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
-
-  fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-
-  fast-glob@3.3.1:
-    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
-    engines: {node: '>=8.6.0'}
-
-  fast-glob@3.3.3:
-    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
-    engines: {node: '>=8.6.0'}
-
-  fast-json-stable-stringify@2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-
-  fast-levenshtein@2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
-
-  fast-shallow-equal@1.0.0:
-    resolution: {integrity: sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw==}
-
-  fastest-stable-stringify@2.0.2:
-    resolution: {integrity: sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q==}
-
-  fastq@1.19.1:
-    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
-
-  fault@1.0.4:
-    resolution: {integrity: sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==}
-
-  fdir@6.5.0:
-    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
-    engines: {node: '>=12.0.0'}
-    peerDependencies:
-      picomatch: ^3 || ^4
-    peerDependenciesMeta:
-      picomatch:
-        optional: true
-
-  file-entry-cache@8.0.0:
-    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
-    engines: {node: '>=16.0.0'}
-
-  fill-range@7.1.1:
-    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
-    engines: {node: '>=8'}
-
-  find-up@5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
-
-  flat-cache@4.0.1:
-    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
-    engines: {node: '>=16'}
-
-  flatted@3.3.3:
-    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
-
-  for-each@0.3.5:
-    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
-    engines: {node: '>= 0.4'}
-
-  format@0.2.2:
-    resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==}
-    engines: {node: '>=0.4.x'}
-
-  framer-motion@12.23.25:
-    resolution: {integrity: sha512-gUHGl2e4VG66jOcH0JHhuJQr6ZNwrET9g31ZG0xdXzT0CznP7fHX4P8Bcvuc4MiUB90ysNnWX2ukHRIggkl6hQ==}
-    peerDependencies:
-      '@emotion/is-prop-valid': '*'
-      react: ^18.0.0 || ^19.0.0
-      react-dom: ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@emotion/is-prop-valid':
-        optional: true
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
-  framer-motion@12.24.12:
-    resolution: {integrity: sha512-W+tBOI1SDGNMH4D4mADY95qYd16Drke2Tj9zlGlwTGSCi6yy8wbMmPY1mvirfcTK8HBeuuCd2PflHdN/zbL4ew==}
-    peerDependencies:
-      '@emotion/is-prop-valid': '*'
-      react: ^18.0.0 || ^19.0.0
-      react-dom: ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@emotion/is-prop-valid':
-        optional: true
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
-  function-bind@1.1.2:
-    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
-
-  function.prototype.name@1.1.8:
-    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
-    engines: {node: '>= 0.4'}
-
-  functions-have-names@1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
-
-  generator-function@2.0.1:
-    resolution: {integrity: sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==}
-    engines: {node: '>= 0.4'}
-
-  gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
-    engines: {node: '>=6.9.0'}
-
-  get-intrinsic@1.3.0:
-    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
-    engines: {node: '>= 0.4'}
-
-  get-nonce@1.0.1:
-    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
-    engines: {node: '>=6'}
-
-  get-proto@1.0.1:
-    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
-    engines: {node: '>= 0.4'}
-
-  get-symbol-description@1.1.0:
-    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
-    engines: {node: '>= 0.4'}
-
-  get-tsconfig@4.13.0:
-    resolution: {integrity: sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==}
-
-  glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-
-  glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
-
-  globals@14.0.0:
-    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
-    engines: {node: '>=18'}
-
-  globals@16.4.0:
-    resolution: {integrity: sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==}
-    engines: {node: '>=18'}
-
-  globalthis@1.0.4:
-    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
-    engines: {node: '>= 0.4'}
-
-  gopd@1.2.0:
-    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
-    engines: {node: '>= 0.4'}
-
-  graceful-fs@4.2.11:
-    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
-
-  graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
-
-  has-bigints@1.1.0:
-    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
-    engines: {node: '>= 0.4'}
-
-  has-flag@4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
-    engines: {node: '>=8'}
-
-  has-property-descriptors@1.0.2:
-    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
-
-  has-proto@1.2.0:
-    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
-    engines: {node: '>= 0.4'}
-
-  has-symbols@1.1.0:
-    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
-    engines: {node: '>= 0.4'}
-
-  has-tostringtag@1.0.2:
-    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
-    engines: {node: '>= 0.4'}
-
-  hasown@2.0.2:
-    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
-    engines: {node: '>= 0.4'}
-
-  hast-util-parse-selector@4.0.0:
-    resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==}
-
-  hast-util-to-jsx-runtime@2.3.6:
-    resolution: {integrity: sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==}
-
-  hast-util-whitespace@3.0.0:
-    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
-
-  hastscript@9.0.1:
-    resolution: {integrity: sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==}
-
-  hermes-estree@0.25.1:
-    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
-
-  hermes-parser@0.25.1:
-    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
-
-  highlight.js@10.7.3:
-    resolution: {integrity: sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==}
-
-  highlightjs-vue@1.0.0:
-    resolution: {integrity: sha512-PDEfEF102G23vHmPhLyPboFCD+BkMGu+GuJe2d9/eH4FsCwvgBpnc9n0pGE+ffKdph38s6foEZiEjdgHdzp+IA==}
-
-  html-url-attributes@3.0.1:
-    resolution: {integrity: sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==}
-
-  hyphenate-style-name@1.1.0:
-    resolution: {integrity: sha512-WDC/ui2VVRrz3jOVi+XtjqkDjiVjTtFaAGiW37k6b+ohyQ5wYDOGkvCZa8+H0nx3gyvv0+BST9xuOgIyGQ00gw==}
-
-  i@0.3.7:
-    resolution: {integrity: sha512-FYz4wlXgkQwIPqhzC5TdNMLSE5+GS1IIDJZY/1ZiEPCT2S3COUVZeT5OW4BmW4r5LHLQuOosSwsvnroG9GR59Q==}
-    engines: {node: '>=0.4'}
-
-  ieee754@1.2.1:
-    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
-
-  ignore@5.3.2:
-    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
-    engines: {node: '>= 4'}
-
-  ignore@7.0.5:
-    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
-    engines: {node: '>= 4'}
-
-  immediate@3.0.6:
-    resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
-
-  import-fresh@3.3.1:
-    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
-    engines: {node: '>=6'}
-
-  imurmurhash@0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
-
-  inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-
-  inline-style-parser@0.2.7:
-    resolution: {integrity: sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==}
-
-  inline-style-prefixer@7.0.1:
-    resolution: {integrity: sha512-lhYo5qNTQp3EvSSp3sRvXMbVQTLrvGV6DycRMJ5dm2BLMiJ30wpXKdDdgX+GmJZ5uQMucwRKHamXSst3Sj/Giw==}
-
-  internal-slot@1.1.0:
-    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
-    engines: {node: '>= 0.4'}
-
-  intersection-observer@0.10.0:
-    resolution: {integrity: sha512-fn4bQ0Xq8FTej09YC/jqKZwtijpvARlRp6wxL5WTA6yPe2YWSJ5RJh7Nm79rK2qB0wr6iDQzH60XGq5V/7u8YQ==}
-    deprecated: The Intersection Observer polyfill is no longer needed and can safely be removed. Intersection Observer has been Baseline since 2019.
-
-  is-alphabetical@2.0.1:
-    resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
-
-  is-alphanumerical@2.0.1:
-    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
-
-  is-array-buffer@3.0.5:
-    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
-    engines: {node: '>= 0.4'}
-
-  is-async-function@2.1.1:
-    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
-    engines: {node: '>= 0.4'}
-
-  is-bigint@1.1.0:
-    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
-    engines: {node: '>= 0.4'}
-
-  is-boolean-object@1.2.2:
-    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
-    engines: {node: '>= 0.4'}
-
-  is-bun-module@2.0.0:
-    resolution: {integrity: sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==}
-
-  is-callable@1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
-    engines: {node: '>= 0.4'}
-
-  is-core-module@2.16.1:
-    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
-    engines: {node: '>= 0.4'}
-
-  is-data-view@1.0.2:
-    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
-    engines: {node: '>= 0.4'}
-
-  is-date-object@1.1.0:
-    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
-    engines: {node: '>= 0.4'}
-
-  is-decimal@2.0.1:
-    resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
-
-  is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
-
-  is-finalizationregistry@1.1.1:
-    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
-    engines: {node: '>= 0.4'}
-
-  is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
-    engines: {node: '>=8'}
-
-  is-generator-function@1.1.2:
-    resolution: {integrity: sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==}
-    engines: {node: '>= 0.4'}
-
-  is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
-
-  is-hexadecimal@2.0.1:
-    resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
-
-  is-map@2.0.3:
-    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
-    engines: {node: '>= 0.4'}
-
-  is-negative-zero@2.0.3:
-    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
-    engines: {node: '>= 0.4'}
-
-  is-number-object@1.1.1:
-    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
-    engines: {node: '>= 0.4'}
-
-  is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-
-  is-plain-obj@4.1.0:
-    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
-    engines: {node: '>=12'}
-
-  is-regex@1.2.1:
-    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
-    engines: {node: '>= 0.4'}
-
-  is-set@2.0.3:
-    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
-    engines: {node: '>= 0.4'}
-
-  is-shared-array-buffer@1.0.4:
-    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
-    engines: {node: '>= 0.4'}
-
-  is-string@1.1.1:
-    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
-    engines: {node: '>= 0.4'}
-
-  is-symbol@1.1.1:
-    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
-    engines: {node: '>= 0.4'}
-
-  is-typed-array@1.1.15:
-    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
-    engines: {node: '>= 0.4'}
-
-  is-weakmap@2.0.2:
-    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
-    engines: {node: '>= 0.4'}
-
-  is-weakref@1.1.1:
-    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
-    engines: {node: '>= 0.4'}
-
-  is-weakset@2.0.4:
-    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
-    engines: {node: '>= 0.4'}
-
-  isarray@1.0.0:
-    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
-
-  isarray@2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
-
-  isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
-
-  iterator.prototype@1.1.5:
-    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
-    engines: {node: '>= 0.4'}
-
-  jiti@2.6.1:
-    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
-    hasBin: true
-
-  jose@4.15.9:
-    resolution: {integrity: sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA==}
-
-  js-cookie@2.2.1:
-    resolution: {integrity: sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==}
-
-  js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-
-  js-yaml@4.1.1:
-    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
-    hasBin: true
-
-  jsesc@3.1.0:
-    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
-    engines: {node: '>=6'}
-    hasBin: true
-
-  json-buffer@3.0.1:
-    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
-
-  json-schema-traverse@0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-
-  json-stable-stringify-without-jsonify@1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
-
-  json5@1.0.2:
-    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
-    hasBin: true
-
-  json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
-    engines: {node: '>=6'}
-    hasBin: true
-
-  jsx-ast-utils@3.3.5:
-    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
-    engines: {node: '>=4.0'}
-
-  jszip@3.10.1:
-    resolution: {integrity: sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==}
-
-  kareem@3.0.0:
-    resolution: {integrity: sha512-RKhaOBSPN8L7y4yAgNhDT2602G5FD6QbOIISbjN9D6mjHPeqeg7K+EB5IGSU5o81/X2Gzm3ICnAvQW3x3OP8HA==}
-    engines: {node: '>=18.0.0'}
-
-  keyv@4.5.4:
-    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
-
-  language-subtag-registry@0.3.23:
-    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
-
-  language-tags@1.0.9:
-    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
-    engines: {node: '>=0.10'}
-
-  levn@0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
-
-  lie@3.3.0:
-    resolution: {integrity: sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==}
-
-  lightningcss-android-arm64@1.30.2:
-    resolution: {integrity: sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [android]
-
-  lightningcss-darwin-arm64@1.30.2:
-    resolution: {integrity: sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [darwin]
-
-  lightningcss-darwin-x64@1.30.2:
-    resolution: {integrity: sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [darwin]
-
-  lightningcss-freebsd-x64@1.30.2:
-    resolution: {integrity: sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [freebsd]
-
-  lightningcss-linux-arm-gnueabihf@1.30.2:
-    resolution: {integrity: sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm]
-    os: [linux]
-
-  lightningcss-linux-arm64-gnu@1.30.2:
-    resolution: {integrity: sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
-  lightningcss-linux-arm64-musl@1.30.2:
-    resolution: {integrity: sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [linux]
-
-  lightningcss-linux-x64-gnu@1.30.2:
-    resolution: {integrity: sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [linux]
-
-  lightningcss-linux-x64-musl@1.30.2:
-    resolution: {integrity: sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [linux]
-
-  lightningcss-win32-arm64-msvc@1.30.2:
-    resolution: {integrity: sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [arm64]
-    os: [win32]
-
-  lightningcss-win32-x64-msvc@1.30.2:
-    resolution: {integrity: sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==}
-    engines: {node: '>= 12.0.0'}
-    cpu: [x64]
-    os: [win32]
-
-  lightningcss@1.30.2:
-    resolution: {integrity: sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==}
-    engines: {node: '>= 12.0.0'}
-
-  locate-path@6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
-
-  lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-
-  longest-streak@3.1.0:
-    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
-
-  loose-envify@1.4.0:
-    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
-    hasBin: true
-
-  lowlight@1.20.0:
-    resolution: {integrity: sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==}
-
-  lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
-
-  lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
-
-  lucide-react@0.554.0:
-    resolution: {integrity: sha512-St+z29uthEJVx0Is7ellNkgTEhaeSoA42I7JjOCBCrc5X6LYMGSv0P/2uS5HDLTExP5tpiqRD2PyUEOS6s9UXA==}
-    peerDependencies:
-      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
-
-  lz-string@1.5.0:
-    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
-    hasBin: true
-
-  magic-string@0.30.21:
-    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
-
-  marked@14.0.0:
-    resolution: {integrity: sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==}
-    engines: {node: '>= 18'}
-    hasBin: true
-
-  math-intrinsics@1.1.0:
-    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
-    engines: {node: '>= 0.4'}
-
-  mdast-util-from-markdown@2.0.2:
-    resolution: {integrity: sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==}
-
-  mdast-util-mdx-expression@2.0.1:
-    resolution: {integrity: sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==}
-
-  mdast-util-mdx-jsx@3.2.0:
-    resolution: {integrity: sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==}
-
-  mdast-util-mdxjs-esm@2.0.1:
-    resolution: {integrity: sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==}
-
-  mdast-util-phrasing@4.1.0:
-    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
-
-  mdast-util-to-hast@13.2.1:
-    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
-
-  mdast-util-to-markdown@2.1.2:
-    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
-
-  mdast-util-to-string@4.0.0:
-    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
-
-  mdn-data@2.0.14:
-    resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
-
-  memory-pager@1.5.0:
-    resolution: {integrity: sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==}
-
-  merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
-
-  micromark-core-commonmark@2.0.3:
-    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
-
-  micromark-factory-destination@2.0.1:
-    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
-
-  micromark-factory-label@2.0.1:
-    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
-
-  micromark-factory-space@2.0.1:
-    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
-
-  micromark-factory-title@2.0.1:
-    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
-
-  micromark-factory-whitespace@2.0.1:
-    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
-
-  micromark-util-character@2.1.1:
-    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
-
-  micromark-util-chunked@2.0.1:
-    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
-
-  micromark-util-classify-character@2.0.1:
-    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
-
-  micromark-util-combine-extensions@2.0.1:
-    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
-
-  micromark-util-decode-numeric-character-reference@2.0.2:
-    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
-
-  micromark-util-decode-string@2.0.1:
-    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
-
-  micromark-util-encode@2.0.1:
-    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
-
-  micromark-util-html-tag-name@2.0.1:
-    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
-
-  micromark-util-normalize-identifier@2.0.1:
-    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
-
-  micromark-util-resolve-all@2.0.1:
-    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
-
-  micromark-util-sanitize-uri@2.0.1:
-    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
-
-  micromark-util-subtokenize@2.1.0:
-    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
-
-  micromark-util-symbol@2.0.1:
-    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
-
-  micromark-util-types@2.0.2:
-    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
-
-  micromark@4.0.2:
-    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
-
-  micromatch@4.0.8:
-    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
-    engines: {node: '>=8.6'}
-
-  mime-db@1.54.0:
-    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
-    engines: {node: '>= 0.6'}
-
-  minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
-
-  minimatch@9.0.5:
-    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
-  minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
-
-  monaco-editor@0.54.0:
-    resolution: {integrity: sha512-hx45SEUoLatgWxHKCmlLJH81xBo0uXP4sRkESUpmDQevfi+e7K1VuiSprK6UpQ8u4zOcKNiH0pMvHvlMWA/4cw==}
-
-  mongodb-connection-string-url@7.0.0:
-    resolution: {integrity: sha512-irhhjRVLE20hbkRl4zpAYLnDMM+zIZnp0IDB9akAFFUZp/3XdOfwwddc7y6cNvF2WCEtfTYRwYbIfYa2kVY0og==}
-    engines: {node: '>=20.19.0'}
-
-  mongodb@7.0.0:
-    resolution: {integrity: sha512-vG/A5cQrvGGvZm2mTnCSz1LUcbOPl83hfB6bxULKQ8oFZauyox/2xbZOoGNl+64m8VBrETkdGCDBdOsCr3F3jg==}
-    engines: {node: '>=20.19.0'}
-    peerDependencies:
-      '@aws-sdk/credential-providers': ^3.806.0
-      '@mongodb-js/zstd': ^7.0.0
-      gcp-metadata: ^7.0.1
-      kerberos: ^7.0.0
-      mongodb-client-encryption: '>=7.0.0 <7.1.0'
-      snappy: ^7.3.2
-      socks: ^2.8.6
-    peerDependenciesMeta:
-      '@aws-sdk/credential-providers':
-        optional: true
-      '@mongodb-js/zstd':
-        optional: true
-      gcp-metadata:
-        optional: true
-      kerberos:
-        optional: true
-      mongodb-client-encryption:
-        optional: true
-      snappy:
-        optional: true
-      socks:
-        optional: true
-
-  mongoose@9.1.1:
-    resolution: {integrity: sha512-/CgKSAmjzgIj4o1FyWZIpQ2rmUQlhalwWd4l/Ht3XUVWscHRHev1TIwKz1ADNC5tHHyOQEaUDkEh0jI91c4Ydw==}
-    engines: {node: '>=20.19.0'}
-
-  motion-dom@12.23.23:
-    resolution: {integrity: sha512-n5yolOs0TQQBRUFImrRfs/+6X4p3Q4n1dUEqt/H58Vx7OW6RF+foWEgmTVDhIWJIMXOuNNL0apKH2S16en9eiA==}
-
-  motion-dom@12.24.11:
-    resolution: {integrity: sha512-DlWOmsXMJrV8lzZyd+LKjG2CXULUs++bkq8GZ2Sr0R0RRhs30K2wtY+LKiTjhmJU3W61HK+rB0GLz6XmPvTA1A==}
-
-  motion-utils@12.23.6:
-    resolution: {integrity: sha512-eAWoPgr4eFEOFfg2WjIsMoqJTW6Z8MTUCgn/GZ3VRpClWBdnbjryiA3ZSNLyxCTmCQx4RmYX6jX1iWHbenUPNQ==}
-
-  motion-utils@12.24.10:
-    resolution: {integrity: sha512-x5TFgkCIP4pPsRLpKoI86jv/q8t8FQOiM/0E8QKBzfMozWHfkKap2gA1hOki+B5g3IsBNpxbUnfOum1+dgvYww==}
-
-  motion@12.24.12:
-    resolution: {integrity: sha512-usaP62NpHmM8++QrEnNoCco6qrtK1AtzkeHfgW+4qICE0k7ykK+dPJGaRjEzo7sF1GcrYskrGBB/r5RtqnminQ==}
-    peerDependencies:
-      '@emotion/is-prop-valid': '*'
-      react: ^18.0.0 || ^19.0.0
-      react-dom: ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@emotion/is-prop-valid':
-        optional: true
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
-  mpath@0.9.0:
-    resolution: {integrity: sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==}
-    engines: {node: '>=4.0.0'}
-
-  mquery@6.0.0:
-    resolution: {integrity: sha512-b2KQNsmgtkscfeDgkYMcWGn9vZI9YoXh802VDEwE6qc50zxBFQ0Oo8ROkawbPAsXCY1/Z1yp0MagqsZStPWJjw==}
-    engines: {node: '>=20.19.0'}
-
-  ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
-
-  nano-css@5.6.2:
-    resolution: {integrity: sha512-+6bHaC8dSDGALM1HJjOHVXpuastdu2xFoZlC77Jh4cg+33Zcgm+Gxd+1xsnpZK14eyHObSp82+ll5y3SX75liw==}
-    peerDependencies:
-      react: '*'
-      react-dom: '*'
-
-  nanoid@3.3.11:
-    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
-    hasBin: true
-
-  napi-postinstall@0.3.4:
-    resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
-    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
-    hasBin: true
-
-  natural-compare@1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
-
-  next-auth@4.24.13:
-    resolution: {integrity: sha512-sgObCfcfL7BzIK76SS5TnQtc3yo2Oifp/yIpfv6fMfeBOiBJkDWF3A2y9+yqnmJ4JKc2C+nMjSjmgDeTwgN1rQ==}
-    peerDependencies:
-      '@auth/core': 0.34.3
-      next: ^12.2.5 || ^13 || ^14 || ^15 || ^16
-      nodemailer: ^7.0.7
-      react: ^17.0.2 || ^18 || ^19
-      react-dom: ^17.0.2 || ^18 || ^19
-    peerDependenciesMeta:
-      '@auth/core':
-        optional: true
-      nodemailer:
-        optional: true
-
-  next-themes@0.4.6:
-    resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
-    peerDependencies:
-      react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
-      react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc
-
-  next-tick@1.1.0:
-    resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
-
-  next@16.1.5:
-    resolution: {integrity: sha512-f+wE+NSbiQgh3DSAlTaw2FwY5yGdVViAtp8TotNQj4kk4Q8Bh1sC/aL9aH+Rg1YAVn18OYXsRDT7U/079jgP7w==}
-    engines: {node: '>=20.9.0'}
-    hasBin: true
-    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
-
-  nextstepjs@2.2.0:
-    resolution: {integrity: sha512-VpUvKpIMbxBaLAMM3O8mc5Tavao4UBpKZ0+KyUGXxZhqdJt2ejS2l7pXLtlq2r62NG3EV0yv1wit5mgte7c3Vw==}
-    peerDependencies:
-      '@remix-run/react': '>=1.0.0'
-      motion: '>=11'
-      next: '>=13.0.0'
-      react: '>=18'
-      react-dom: '>=18'
-      react-router: '>=7.0.0'
-    peerDependenciesMeta:
-      '@remix-run/react':
-        optional: true
-      next:
-        optional: true
-      react-router:
-        optional: true
-
-  node-releases@2.0.27:
-    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
-
-  npm@11.7.0:
-    resolution: {integrity: sha512-wiCZpv/41bIobCoJ31NStIWKfAxxYyD1iYnWCtiyns8s5v3+l8y0HCP/sScuH6B5+GhIfda4HQKiqeGZwJWhFw==}
-    engines: {node: ^20.17.0 || >=22.9.0}
-    hasBin: true
-    bundledDependencies:
-      - '@isaacs/string-locale-compare'
-      - '@npmcli/arborist'
-      - '@npmcli/config'
-      - '@npmcli/fs'
-      - '@npmcli/map-workspaces'
-      - '@npmcli/metavuln-calculator'
-      - '@npmcli/package-json'
-      - '@npmcli/promise-spawn'
-      - '@npmcli/redact'
-      - '@npmcli/run-script'
-      - '@sigstore/tuf'
-      - abbrev
-      - archy
-      - cacache
-      - chalk
-      - ci-info
-      - cli-columns
-      - fastest-levenshtein
-      - fs-minipass
-      - glob
-      - graceful-fs
-      - hosted-git-info
-      - ini
-      - init-package-json
-      - is-cidr
-      - json-parse-even-better-errors
-      - libnpmaccess
-      - libnpmdiff
-      - libnpmexec
-      - libnpmfund
-      - libnpmorg
-      - libnpmpack
-      - libnpmpublish
-      - libnpmsearch
-      - libnpmteam
-      - libnpmversion
-      - make-fetch-happen
-      - minimatch
-      - minipass
-      - minipass-pipeline
-      - ms
-      - node-gyp
-      - nopt
-      - npm-audit-report
-      - npm-install-checks
-      - npm-package-arg
-      - npm-pick-manifest
-      - npm-profile
-      - npm-registry-fetch
-      - npm-user-validate
-      - p-map
-      - pacote
-      - parse-conflict-json
-      - proc-log
-      - qrcode-terminal
-      - read
-      - semver
-      - spdx-expression-parse
-      - ssri
-      - supports-color
-      - tar
-      - text-table
-      - tiny-relative-date
-      - treeverse
-      - validate-npm-package-name
-      - which
-
-  oauth@0.9.15:
-    resolution: {integrity: sha512-a5ERWK1kh38ExDEfoO6qUHJb32rd7aYmPHuyCu3Fta/cnICvYmgd2uhuKXvPD+PXB+gCEYYEaQdIRAjCOwAKNA==}
-
-  object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-
-  object-hash@2.2.0:
-    resolution: {integrity: sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==}
-    engines: {node: '>= 6'}
-
-  object-inspect@1.13.4:
-    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
-    engines: {node: '>= 0.4'}
-
-  object-keys@1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
-
-  object.assign@4.1.7:
-    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
-    engines: {node: '>= 0.4'}
-
-  object.entries@1.1.9:
-    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
-    engines: {node: '>= 0.4'}
-
-  object.fromentries@2.0.8:
-    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
-    engines: {node: '>= 0.4'}
-
-  object.groupby@1.0.3:
-    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
-    engines: {node: '>= 0.4'}
-
-  object.values@1.2.1:
-    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
-    engines: {node: '>= 0.4'}
-
-  oidc-token-hash@5.2.0:
-    resolution: {integrity: sha512-6gj2m8cJZ+iSW8bm0FXdGF0YhIQbKrfP4yWTNzxc31U6MOjfEmB1rHvlYvxI1B7t7BCi1F2vYTT6YhtQRG4hxw==}
-    engines: {node: ^10.13.0 || >=12.0.0}
-
-  openid-client@5.7.1:
-    resolution: {integrity: sha512-jDBPgSVfTnkIh71Hg9pRvtJc6wTwqjRkN88+gCFtYWrlP4Yx2Dsrow8uPi3qLr/aeymPF3o2+dS+wOpglK04ew==}
-
-  optionator@0.9.4:
-    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
-    engines: {node: '>= 0.8.0'}
-
-  outvariant@1.4.0:
-    resolution: {integrity: sha512-AlWY719RF02ujitly7Kk/0QlV+pXGFDHrHf9O2OKqyqgBieaPOIeuSkL8sRK6j2WK+/ZAURq2kZsY0d8JapUiw==}
-
-  own-keys@1.0.1:
-    resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
-    engines: {node: '>= 0.4'}
-
-  p-limit@3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
-
-  p-locate@5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
-
-  pako@1.0.11:
-    resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
-
-  parent-module@1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
-
-  parse-entities@4.0.2:
-    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
-
-  path-exists@4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
-
-  path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
-
-  path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
-
-  picocolors@1.1.1:
-    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
-
-  picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
-
-  picomatch@4.0.3:
-    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
-    engines: {node: '>=12'}
-
-  possible-typed-array-names@1.1.0:
-    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
-    engines: {node: '>= 0.4'}
-
-  postcss@8.4.31:
-    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
-    engines: {node: ^10 || ^12 || >=14}
-
-  postcss@8.5.6:
-    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
-    engines: {node: ^10 || ^12 || >=14}
-
-  preact-render-to-string@5.2.6:
-    resolution: {integrity: sha512-JyhErpYOvBV1hEPwIxc/fHWXPfnEGdRKxc8gFdAZ7XV4tlzyzG847XAyEZqoDnynP88akM4eaHcSOzNcLWFguw==}
-    peerDependencies:
-      preact: '>=10'
-
-  preact@10.28.2:
-    resolution: {integrity: sha512-lbteaWGzGHdlIuiJ0l2Jq454m6kcpI1zNje6d8MlGAFlYvP2GO4ibnat7P74Esfz4sPTdM6UxtTwh/d3pwM9JA==}
-
-  prelude-ls@1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
-
-  pretty-format@3.8.0:
-    resolution: {integrity: sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==}
-
-  prismjs@1.30.0:
-    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
-    engines: {node: '>=6'}
-
-  process-nextick-args@2.0.1:
-    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
-
-  prop-types@15.8.1:
-    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
-
-  property-information@7.1.0:
-    resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
-
-  punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
-    engines: {node: '>=6'}
-
-  queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
-
-  react-devtools-inline@4.4.0:
-    resolution: {integrity: sha512-ES0GolSrKO8wsKbsEkVeiR/ZAaHQTY4zDh1UW8DImVmm8oaGLl3ijJDvSGe+qDRKPZdPRnDtWWnSvvrgxXdThQ==}
-
-  react-dom@19.2.0:
-    resolution: {integrity: sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==}
-    peerDependencies:
-      react: ^19.2.0
-
-  react-icons@5.5.0:
-    resolution: {integrity: sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==}
-    peerDependencies:
-      react: '*'
-
-  react-is@16.13.1:
-    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
-
-  react-is@17.0.2:
-    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
-
-  react-markdown@10.1.0:
-    resolution: {integrity: sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==}
-    peerDependencies:
-      '@types/react': '>=18'
-      react: '>=18'
-
-  react-remove-scroll-bar@2.3.8:
-    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  react-remove-scroll@2.7.1:
-    resolution: {integrity: sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA==}
-    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
-
-  react-style-singleton@2.2.3:
-    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
-    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
-
-  react-syntax-highlighter@16.1.0:
-    resolution: {integrity: sha512-E40/hBiP5rCNwkeBN1vRP+xow1X0pndinO+z3h7HLsHyjztbyjfzNWNKuAsJj+7DLam9iT4AaaOZnueCU+Nplg==}
-    engines: {node: '>= 16.20.2'}
-    peerDependencies:
-      react: '>= 0.14.0'
-
-  react-textarea-autosize@8.5.9:
-    resolution: {integrity: sha512-U1DGlIQN5AwgjTyOEnI1oCcMuEr1pv1qOtklB2l4nyMGbHzWrI0eFsYK0zos2YWqAolJyG0IWJaqWmWj5ETh0A==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-
-  react-universal-interface@0.6.2:
-    resolution: {integrity: sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==}
-    peerDependencies:
-      react: '*'
-      tslib: '*'
-
-  react-use@17.6.0:
-    resolution: {integrity: sha512-OmedEScUMKFfzn1Ir8dBxiLLSOzhKe/dPZwVxcujweSj45aNM7BEGPb9BEVIgVEqEXx6f3/TsXzwIktNgUR02g==}
-    peerDependencies:
-      react: '*'
-      react-dom: '*'
-
-  react@19.2.0:
-    resolution: {integrity: sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==}
-    engines: {node: '>=0.10.0'}
-
-  readable-stream@2.3.8:
-    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
-
-  reflect.getprototypeof@1.0.10:
-    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
-    engines: {node: '>= 0.4'}
-
-  refractor@5.0.0:
-    resolution: {integrity: sha512-QXOrHQF5jOpjjLfiNk5GFnWhRXvxjUVnlFxkeDmewR5sXkr3iM46Zo+CnRR8B+MDVqkULW4EcLVcRBNOPXHosw==}
-
-  regexp.prototype.flags@1.5.4:
-    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
-    engines: {node: '>= 0.4'}
-
-  remark-parse@11.0.0:
-    resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
-
-  remark-rehype@11.1.2:
-    resolution: {integrity: sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==}
-
-  resize-observer-polyfill@1.5.1:
-    resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
-
-  resolve-from@4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
-
-  resolve-pkg-maps@1.0.0:
-    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
-
-  resolve@1.22.11:
-    resolution: {integrity: sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==}
-    engines: {node: '>= 0.4'}
-    hasBin: true
-
-  resolve@2.0.0-next.5:
-    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
-    hasBin: true
-
-  reusify@1.1.0:
-    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
-
-  rtl-css-js@1.16.1:
-    resolution: {integrity: sha512-lRQgou1mu19e+Ya0LsTvKrVJ5TYUbqCVPAiImX3UfLTenarvPUl1QFdvu5Z3PYmHT9RCcwIfbjRQBntExyj3Zg==}
-
-  run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
-
-  safe-array-concat@1.1.3:
-    resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
-    engines: {node: '>=0.4'}
-
-  safe-buffer@5.1.2:
-    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
-
-  safe-push-apply@1.0.0:
-    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
-    engines: {node: '>= 0.4'}
-
-  safe-regex-test@1.1.0:
-    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
-    engines: {node: '>= 0.4'}
-
-  scheduler@0.27.0:
-    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
-
-  screenfull@5.2.0:
-    resolution: {integrity: sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==}
-    engines: {node: '>=0.10.0'}
-
-  semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
-    hasBin: true
-
-  semver@7.7.3:
-    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
-    engines: {node: '>=10'}
-    hasBin: true
-
-  set-function-length@1.2.2:
-    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
-    engines: {node: '>= 0.4'}
-
-  set-function-name@2.0.2:
-    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
-    engines: {node: '>= 0.4'}
-
-  set-harmonic-interval@1.0.1:
-    resolution: {integrity: sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==}
-    engines: {node: '>=6.9'}
-
-  set-proto@1.0.0:
-    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
-    engines: {node: '>= 0.4'}
-
-  setimmediate@1.0.5:
-    resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
-
-  sharp@0.34.5:
-    resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
-
-  shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
-
-  shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
-
-  side-channel-list@1.0.0:
-    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
-    engines: {node: '>= 0.4'}
-
-  side-channel-map@1.0.1:
-    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
-    engines: {node: '>= 0.4'}
-
-  side-channel-weakmap@1.0.2:
-    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
-    engines: {node: '>= 0.4'}
-
-  side-channel@1.1.0:
-    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
-    engines: {node: '>= 0.4'}
-
-  sift@17.1.3:
-    resolution: {integrity: sha512-Rtlj66/b0ICeFzYTuNvX/EF1igRbbnGSvEyT79McoZa/DeGhMyC5pWKOEsZKnpkqtSeovd5FL/bjHWC3CIIvCQ==}
-
-  sonner@2.0.7:
-    resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
-    peerDependencies:
-      react: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
-      react-dom: ^18.0.0 || ^19.0.0 || ^19.0.0-rc
-
-  source-map-js@1.2.1:
-    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
-    engines: {node: '>=0.10.0'}
-
-  source-map@0.5.6:
-    resolution: {integrity: sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==}
-    engines: {node: '>=0.10.0'}
-
-  source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-
-  space-separated-tokens@2.0.2:
-    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
-
-  sparse-bitfield@3.0.3:
-    resolution: {integrity: sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==}
-
-  stable-hash@0.0.5:
-    resolution: {integrity: sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==}
-
-  stack-generator@2.0.10:
-    resolution: {integrity: sha512-mwnua/hkqM6pF4k8SnmZ2zfETsRUpWXREfA/goT8SLCV4iOFa4bzOX2nDipWAZFPTjLvQB82f5yaodMVhK0yJQ==}
-
-  stackframe@1.3.4:
-    resolution: {integrity: sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==}
-
-  stacktrace-gps@3.1.2:
-    resolution: {integrity: sha512-GcUgbO4Jsqqg6RxfyTHFiPxdPqF+3LFmQhm7MgCuYQOYuWyqxo5pwRPz5d/u6/WYJdEnWfK4r+jGbyD8TSggXQ==}
-
-  stacktrace-js@2.0.2:
-    resolution: {integrity: sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==}
-
-  state-local@1.0.7:
-    resolution: {integrity: sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==}
-
-  static-browser-server@1.0.3:
-    resolution: {integrity: sha512-ZUyfgGDdFRbZGGJQ1YhiM930Yczz5VlbJObrQLlk24+qNHVQx4OlLcYswEUo3bIyNAbQUIUR9Yr5/Hqjzqb4zA==}
-
-  stop-iteration-iterator@1.1.0:
-    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
-    engines: {node: '>= 0.4'}
-
-  strict-event-emitter@0.4.6:
-    resolution: {integrity: sha512-12KWeb+wixJohmnwNFerbyiBrAlq5qJLwIt38etRtKtmmHyDSoGlIqFE9wx+4IwG0aDjI7GV8tc8ZccjWZZtTg==}
-
-  string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
-    engines: {node: '>=8'}
-
-  string.prototype.includes@2.0.1:
-    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.matchall@4.0.12:
-    resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.repeat@1.0.0:
-    resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
-
-  string.prototype.trim@1.2.10:
-    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.trimend@1.0.9:
-    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
-    engines: {node: '>= 0.4'}
-
-  string.prototype.trimstart@1.0.8:
-    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
-    engines: {node: '>= 0.4'}
-
-  string_decoder@1.1.1:
-    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
-
-  stringify-entities@4.0.4:
-    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
-
-  strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
-
-  strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
-
-  strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
-
-  style-mod@4.1.3:
-    resolution: {integrity: sha512-i/n8VsZydrugj3Iuzll8+x/00GH2vnYsk1eomD8QiRrSAeW6ItbCQDtfXCeJHd0iwiNagqjQkvpvREEPtW3IoQ==}
-
-  style-to-js@1.1.21:
-    resolution: {integrity: sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==}
-
-  style-to-object@1.0.14:
-    resolution: {integrity: sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==}
-
-  styled-jsx@5.1.6:
-    resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
-    engines: {node: '>= 12.0.0'}
-    peerDependencies:
-      '@babel/core': '*'
-      babel-plugin-macros: '*'
-      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
-
-  stylis@4.3.6:
-    resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
-
-  supports-color@7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
-    engines: {node: '>=8'}
-
-  supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
-
-  tailwind-merge@3.4.0:
-    resolution: {integrity: sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g==}
-
-  tailwindcss@4.1.17:
-    resolution: {integrity: sha512-j9Ee2YjuQqYT9bbRTfTZht9W/ytp5H+jJpZKiYdP/bpnXARAuELt9ofP0lPnmHjbga7SNQIxdTAXCmtKVYjN+Q==}
-
-  tapable@2.3.0:
-    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
-    engines: {node: '>=6'}
-
-  throttle-debounce@3.0.1:
-    resolution: {integrity: sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==}
-    engines: {node: '>=10'}
-
-  tinyglobby@0.2.15:
-    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
-    engines: {node: '>=12.0.0'}
-
-  to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-
-  toggle-selection@1.0.6:
-    resolution: {integrity: sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==}
-
-  tr46@5.1.1:
-    resolution: {integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==}
-    engines: {node: '>=18'}
-
-  trim-lines@3.0.1:
-    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
-
-  trough@2.2.0:
-    resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
-
-  ts-api-utils@2.1.0:
-    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
-    engines: {node: '>=18.12'}
-    peerDependencies:
-      typescript: '>=4.8.4'
-
-  ts-easing@0.2.0:
-    resolution: {integrity: sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ==}
-
-  tsconfig-paths@3.15.0:
-    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
-
-  tslib@2.8.1:
-    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
-
-  tw-animate-css@1.4.0:
-    resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
-
-  type-check@0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
-
-  type@2.7.3:
-    resolution: {integrity: sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==}
-
-  typed-array-buffer@1.0.3:
-    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-byte-length@1.0.3:
-    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-byte-offset@1.0.4:
-    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
-    engines: {node: '>= 0.4'}
-
-  typed-array-length@1.0.7:
-    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
-    engines: {node: '>= 0.4'}
-
-  typescript-eslint@8.47.0:
-    resolution: {integrity: sha512-Lwe8i2XQ3WoMjua/r1PHrCTpkubPYJCAfOurtn+mtTzqB6jNd+14n9UN1bJ4s3F49x9ixAm0FLflB/JzQ57M8Q==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  typescript@5.9.3:
-    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-
-  unbox-primitive@1.1.0:
-    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
-    engines: {node: '>= 0.4'}
-
-  undici-types@6.21.0:
-    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
-
-  unified@11.0.5:
-    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
-
-  unist-util-is@6.0.1:
-    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
-
-  unist-util-position@5.0.0:
-    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
-
-  unist-util-stringify-position@4.0.0:
-    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
-
-  unist-util-visit-parents@6.0.2:
-    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
-
-  unist-util-visit@5.0.0:
-    resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
-
-  unrs-resolver@1.11.1:
-    resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
-
-  update-browserslist-db@1.1.4:
-    resolution: {integrity: sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
-
-  uri-js@4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
-
-  use-callback-ref@1.3.3:
-    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
-    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
-
-  use-composed-ref@1.4.0:
-    resolution: {integrity: sha512-djviaxuOOh7wkj0paeO1Q/4wMZ8Zrnag5H6yBvzN7AKKe8beOaED9SF5/ByLqsku8NP4zQqsvM2u3ew/tJK8/w==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  use-isomorphic-layout-effect@1.2.1:
-    resolution: {integrity: sha512-tpZZ+EX0gaghDAiFR37hj5MgY6ZN55kLiPkJsKxBMZ6GZdOSPJXiOzPM984oPYZ5AnehYx5WQp1+ME8I/P/pRA==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  use-latest@1.3.0:
-    resolution: {integrity: sha512-mhg3xdm9NaM8q+gLT8KryJPnRFOz1/5XPBhmDEVZK1webPzDjrPk7f/mbpeLqTgB9msytYWANxgALOCJKnLvcQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
-  use-sidecar@1.1.3:
-    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
-    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
-
-  use-sync-external-store@1.6.0:
-    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-
-  util-deprecate@1.0.2:
-    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
-
-  uuid@13.0.0:
-    resolution: {integrity: sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w==}
-    hasBin: true
-
-  uuid@8.3.2:
-    resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
-    hasBin: true
-
-  vfile-message@4.0.3:
-    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
-
-  vfile@6.0.3:
-    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
-
-  w3c-keyname@2.2.8:
-    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
-
-  webidl-conversions@7.0.0:
-    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
-    engines: {node: '>=12'}
-
-  whatwg-url@14.2.0:
-    resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==}
-    engines: {node: '>=18'}
-
-  which-boxed-primitive@1.1.1:
-    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
-    engines: {node: '>= 0.4'}
-
-  which-builtin-type@1.2.1:
-    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
-    engines: {node: '>= 0.4'}
-
-  which-collection@1.0.2:
-    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
-    engines: {node: '>= 0.4'}
-
-  which-typed-array@1.1.19:
-    resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
-    engines: {node: '>= 0.4'}
-
-  which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
-    hasBin: true
-
-  word-wrap@1.2.5:
-    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
-    engines: {node: '>=0.10.0'}
-
-  yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
-
-  yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
-
-  yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
-
-  zod-validation-error@4.0.2:
-    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
-    engines: {node: '>=18.0.0'}
-    peerDependencies:
-      zod: ^3.25.0 || ^4.0.0
-
-  zod@4.1.12:
-    resolution: {integrity: sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ==}
-
-  zwitch@2.0.4:
-    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
-
-snapshots:
-
-  '@alloc/quick-lru@5.2.0': {}
-
-  '@babel/code-frame@7.27.1':
-    dependencies:
-      '@babel/helper-validator-identifier': 7.28.5
-      js-tokens: 4.0.0
-      picocolors: 1.1.1
-
-  '@babel/compat-data@7.28.5': {}
-
-  '@babel/core@7.28.5':
-    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/core@7.28.5)
-      '@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.4.3
-      gensync: 1.0.0-beta.2
-      json5: 2.2.3
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/generator@7.28.5':
-    dependencies:
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.31
-      jsesc: 3.1.0
-
-  '@babel/helper-compilation-targets@7.27.2':
-    dependencies:
-      '@babel/compat-data': 7.28.5
-      '@babel/helper-validator-option': 7.27.1
-      browserslist: 4.28.0
-      lru-cache: 5.1.1
-      semver: 6.3.1
-
-  '@babel/helper-globals@7.28.0': {}
-
-  '@babel/helper-module-imports@7.27.1':
-    dependencies:
-      '@babel/traverse': 7.28.5
-      '@babel/types': 7.28.5
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.5)':
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-validator-identifier': 7.28.5
-      '@babel/traverse': 7.28.5
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-string-parser@7.27.1': {}
-
-  '@babel/helper-validator-identifier@7.28.5': {}
-
-  '@babel/helper-validator-option@7.27.1': {}
-
-  '@babel/helpers@7.28.4':
-    dependencies:
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.5
-
-  '@babel/parser@7.28.5':
-    dependencies:
-      '@babel/types': 7.28.5
-
-  '@babel/runtime@7.28.4': {}
-
-  '@babel/template@7.27.2':
-    dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/parser': 7.28.5
-      '@babel/types': 7.28.5
-
-  '@babel/traverse@7.28.5':
-    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.4.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/types@7.28.5':
-    dependencies:
-      '@babel/helper-string-parser': 7.27.1
-      '@babel/helper-validator-identifier': 7.28.5
-
-  '@codemirror/autocomplete@6.20.0':
-    dependencies:
-      '@codemirror/language': 6.12.1
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.7
-      '@lezer/common': 1.5.0
-
-  '@codemirror/commands@6.10.1':
-    dependencies:
-      '@codemirror/language': 6.12.1
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.7
-      '@lezer/common': 1.5.0
-
-  '@codemirror/lang-css@6.3.1':
-    dependencies:
-      '@codemirror/autocomplete': 6.20.0
-      '@codemirror/language': 6.12.1
-      '@codemirror/state': 6.5.3
-      '@lezer/common': 1.5.0
-      '@lezer/css': 1.3.0
-
-  '@codemirror/lang-html@6.4.11':
-    dependencies:
-      '@codemirror/autocomplete': 6.20.0
-      '@codemirror/lang-css': 6.3.1
-      '@codemirror/lang-javascript': 6.2.4
-      '@codemirror/language': 6.12.1
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.7
-      '@lezer/common': 1.5.0
-      '@lezer/css': 1.3.0
-      '@lezer/html': 1.3.13
-
-  '@codemirror/lang-javascript@6.2.4':
-    dependencies:
-      '@codemirror/autocomplete': 6.20.0
-      '@codemirror/language': 6.12.1
-      '@codemirror/lint': 6.9.2
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.7
-      '@lezer/common': 1.5.0
-      '@lezer/javascript': 1.5.4
-
-  '@codemirror/language@6.12.1':
-    dependencies:
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.7
-      '@lezer/common': 1.5.0
-      '@lezer/highlight': 1.2.3
-      '@lezer/lr': 1.4.5
-      style-mod: 4.1.3
-
-  '@codemirror/lint@6.9.2':
-    dependencies:
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.7
-      crelt: 1.0.6
-
-  '@codemirror/state@6.5.3':
-    dependencies:
-      '@marijn/find-cluster-break': 1.0.2
-
-  '@codemirror/view@6.39.7':
-    dependencies:
-      '@codemirror/state': 6.5.3
-      crelt: 1.0.6
-      style-mod: 4.1.3
-      w3c-keyname: 2.2.8
-
-  '@codesandbox/nodebox@0.1.8':
-    dependencies:
-      outvariant: 1.4.0
-      strict-event-emitter: 0.4.6
-
-  '@codesandbox/sandpack-client@2.19.8':
-    dependencies:
-      '@codesandbox/nodebox': 0.1.8
-      buffer: 6.0.3
-      dequal: 2.0.3
-      mime-db: 1.54.0
-      outvariant: 1.4.0
-      static-browser-server: 1.0.3
-
-  '@codesandbox/sandpack-react@2.20.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@codemirror/autocomplete': 6.20.0
-      '@codemirror/commands': 6.10.1
-      '@codemirror/lang-css': 6.3.1
-      '@codemirror/lang-html': 6.4.11
-      '@codemirror/lang-javascript': 6.2.4
-      '@codemirror/language': 6.12.1
-      '@codemirror/state': 6.5.3
-      '@codemirror/view': 6.39.7
-      '@codesandbox/sandpack-client': 2.19.8
-      '@lezer/highlight': 1.2.3
-      '@react-hook/intersection-observer': 3.1.2(react@19.2.0)
-      '@stitches/core': 1.2.8
-      anser: 2.3.5
-      clean-set: 1.1.2
-      dequal: 2.0.3
-      escape-carriage: 1.3.1
-      lz-string: 1.5.0
-      react: 19.2.0
-      react-devtools-inline: 4.4.0
-      react-dom: 19.2.0(react@19.2.0)
-      react-is: 17.0.2
-
-  '@codesandbox/sandpack-themes@2.0.21': {}
-
-  '@emnapi/core@1.7.1':
-    dependencies:
-      '@emnapi/wasi-threads': 1.1.0
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/runtime@1.8.1':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@emnapi/wasi-threads@1.1.0':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@eslint-community/eslint-utils@4.9.0(eslint@9.39.1(jiti@2.6.1))':
-    dependencies:
-      eslint: 9.39.1(jiti@2.6.1)
-      eslint-visitor-keys: 3.4.3
-
-  '@eslint-community/regexpp@4.12.2': {}
-
-  '@eslint/config-array@0.21.1':
-    dependencies:
-      '@eslint/object-schema': 2.1.7
-      debug: 4.4.3
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@eslint/config-helpers@0.4.2':
-    dependencies:
-      '@eslint/core': 0.17.0
-
-  '@eslint/core@0.17.0':
-    dependencies:
-      '@types/json-schema': 7.0.15
-
-  '@eslint/eslintrc@3.3.1':
-    dependencies:
-      ajv: 6.12.6
-      debug: 4.4.3
-      espree: 10.4.0
-      globals: 14.0.0
-      ignore: 5.3.2
-      import-fresh: 3.3.1
-      js-yaml: 4.1.1
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@eslint/js@9.39.1': {}
-
-  '@eslint/object-schema@2.1.7': {}
-
-  '@eslint/plugin-kit@0.4.1':
-    dependencies:
-      '@eslint/core': 0.17.0
-      levn: 0.4.1
-
-  '@floating-ui/core@1.7.3':
-    dependencies:
-      '@floating-ui/utils': 0.2.10
-
-  '@floating-ui/dom@1.7.4':
-    dependencies:
-      '@floating-ui/core': 1.7.3
-      '@floating-ui/utils': 0.2.10
-
-  '@floating-ui/react-dom@2.1.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@floating-ui/dom': 1.7.4
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-
-  '@floating-ui/utils@0.2.10': {}
-
-  '@huggingface/hub@2.6.13':
-    dependencies:
-      '@huggingface/tasks': 0.19.64
-    optionalDependencies:
-      cli-progress: 3.12.0
-
-  '@huggingface/inference@4.13.3':
-    dependencies:
-      '@huggingface/jinja': 0.5.1
-      '@huggingface/tasks': 0.19.64
-
-  '@huggingface/jinja@0.5.1': {}
-
-  '@huggingface/tasks@0.19.64': {}
-
-  '@humanfs/core@0.19.1': {}
-
-  '@humanfs/node@0.16.7':
-    dependencies:
-      '@humanfs/core': 0.19.1
-      '@humanwhocodes/retry': 0.4.3
-
-  '@humanwhocodes/module-importer@1.0.1': {}
-
-  '@humanwhocodes/retry@0.4.3': {}
-
-  '@img/colour@1.0.0':
-    optional: true
-
-  '@img/sharp-darwin-arm64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-darwin-arm64': 1.2.4
-    optional: true
-
-  '@img/sharp-darwin-x64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-darwin-x64': 1.2.4
-    optional: true
-
-  '@img/sharp-libvips-darwin-arm64@1.2.4':
-    optional: true
-
-  '@img/sharp-libvips-darwin-x64@1.2.4':
-    optional: true
-
-  '@img/sharp-libvips-linux-arm64@1.2.4':
-    optional: true
-
-  '@img/sharp-libvips-linux-arm@1.2.4':
-    optional: true
-
-  '@img/sharp-libvips-linux-ppc64@1.2.4':
-    optional: true
-
-  '@img/sharp-libvips-linux-riscv64@1.2.4':
-    optional: true
-
-  '@img/sharp-libvips-linux-s390x@1.2.4':
-    optional: true
-
-  '@img/sharp-libvips-linux-x64@1.2.4':
-    optional: true
-
-  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
-    optional: true
-
-  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
-    optional: true
-
-  '@img/sharp-linux-arm64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-arm64': 1.2.4
-    optional: true
-
-  '@img/sharp-linux-arm@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-arm': 1.2.4
-    optional: true
-
-  '@img/sharp-linux-ppc64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-ppc64': 1.2.4
-    optional: true
-
-  '@img/sharp-linux-riscv64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-riscv64': 1.2.4
-    optional: true
-
-  '@img/sharp-linux-s390x@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-s390x': 1.2.4
-    optional: true
-
-  '@img/sharp-linux-x64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linux-x64': 1.2.4
-    optional: true
-
-  '@img/sharp-linuxmusl-arm64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
-    optional: true
-
-  '@img/sharp-linuxmusl-x64@0.34.5':
-    optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
-    optional: true
-
-  '@img/sharp-wasm32@0.34.5':
-    dependencies:
-      '@emnapi/runtime': 1.8.1
-    optional: true
-
-  '@img/sharp-win32-arm64@0.34.5':
-    optional: true
-
-  '@img/sharp-win32-ia32@0.34.5':
-    optional: true
-
-  '@img/sharp-win32-x64@0.34.5':
-    optional: true
-
-  '@jridgewell/gen-mapping@0.3.13':
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
-      '@jridgewell/trace-mapping': 0.3.31
-
-  '@jridgewell/remapping@2.3.5':
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.31
-
-  '@jridgewell/resolve-uri@3.1.2': {}
-
-  '@jridgewell/sourcemap-codec@1.5.5': {}
-
-  '@jridgewell/trace-mapping@0.3.31':
-    dependencies:
-      '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.5
-
-  '@lezer/common@1.5.0': {}
-
-  '@lezer/css@1.3.0':
-    dependencies:
-      '@lezer/common': 1.5.0
-      '@lezer/highlight': 1.2.3
-      '@lezer/lr': 1.4.5
-
-  '@lezer/highlight@1.2.3':
-    dependencies:
-      '@lezer/common': 1.5.0
-
-  '@lezer/html@1.3.13':
-    dependencies:
-      '@lezer/common': 1.5.0
-      '@lezer/highlight': 1.2.3
-      '@lezer/lr': 1.4.5
-
-  '@lezer/javascript@1.5.4':
-    dependencies:
-      '@lezer/common': 1.5.0
-      '@lezer/highlight': 1.2.3
-      '@lezer/lr': 1.4.5
-
-  '@lezer/lr@1.4.5':
-    dependencies:
-      '@lezer/common': 1.5.0
-
-  '@marijn/find-cluster-break@1.0.2': {}
-
-  '@monaco-editor/loader@1.6.1':
-    dependencies:
-      state-local: 1.0.7
-
-  '@monaco-editor/react@4.7.0(monaco-editor@0.54.0)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@monaco-editor/loader': 1.6.1
-      monaco-editor: 0.54.0
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-
-  '@mongodb-js/saslprep@1.4.4':
-    dependencies:
-      sparse-bitfield: 3.0.3
-
-  '@napi-rs/wasm-runtime@0.2.12':
-    dependencies:
-      '@emnapi/core': 1.7.1
-      '@emnapi/runtime': 1.8.1
-      '@tybys/wasm-util': 0.10.1
-    optional: true
-
-  '@next/env@16.1.5': {}
-
-  '@next/eslint-plugin-next@16.0.3':
-    dependencies:
-      fast-glob: 3.3.1
-
-  '@next/swc-darwin-arm64@16.1.5':
-    optional: true
-
-  '@next/swc-darwin-x64@16.1.5':
-    optional: true
-
-  '@next/swc-linux-arm64-gnu@16.1.5':
-    optional: true
-
-  '@next/swc-linux-arm64-musl@16.1.5':
-    optional: true
-
-  '@next/swc-linux-x64-gnu@16.1.5':
-    optional: true
-
-  '@next/swc-linux-x64-musl@16.1.5':
-    optional: true
-
-  '@next/swc-win32-arm64-msvc@16.1.5':
-    optional: true
-
-  '@next/swc-win32-x64-msvc@16.1.5':
-    optional: true
-
-  '@nodelib/fs.scandir@2.1.5':
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      run-parallel: 1.2.0
-
-  '@nodelib/fs.stat@2.0.5': {}
-
-  '@nodelib/fs.walk@1.2.8':
-    dependencies:
-      '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.19.1
-
-  '@nolyfill/is-core-module@1.0.39': {}
-
-  '@open-draft/deferred-promise@2.2.0': {}
-
-  '@panva/hkdf@1.2.1': {}
-
-  '@radix-ui/number@1.1.1': {}
-
-  '@radix-ui/primitive@1.1.3': {}
-
-  '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-avatar@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-context': 1.1.3(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-is-hydrated': 0.1.0(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-collection@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-compose-refs@1.1.2(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-context@1.1.2(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-context@1.1.3(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.5)(react@19.2.0)
-      aria-hidden: 1.2.6
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-      react-remove-scroll: 2.7.1(@types/react@19.2.5)(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-direction@1.1.1(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-menu': 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-focus-guards@1.1.3(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-id@1.1.1(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      aria-hidden: 1.2.6
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-      react-remove-scroll: 2.7.1(@types/react@19.2.5)(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-popover@1.1.15(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.5)(react@19.2.0)
-      aria-hidden: 1.2.6
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-      react-remove-scroll: 2.7.1(@types/react@19.2.5)(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-popper@1.2.8(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@floating-ui/react-dom': 2.1.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-size': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/rect': 1.1.1
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-portal@1.1.9(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-presence@1.1.5(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-primitive@2.1.4(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-slot': 1.2.4(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-select@2.2.6(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/number': 1.1.1
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-id': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-slot': 1.2.3(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-previous': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      aria-hidden: 1.2.6
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-      react-remove-scroll: 2.7.1(@types/react@19.2.5)(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-separator@1.1.8(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-slot@1.2.3(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-slot@1.2.4(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-toggle-group@1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-context': 1.1.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-direction': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-toggle': 1.1.10(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-toggle@1.1.10(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/primitive': 1.1.3
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.2.5)(react@19.2.0)
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      react: 19.2.0
-      use-sync-external-store: 1.6.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-use-previous@1.1.1(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-use-rect@1.1.1(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      '@radix-ui/rect': 1.1.1
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-use-size@1.1.1(@types/react@19.2.5)(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.2.5)(react@19.2.0)
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.2.3(@types/react@19.2.5))(@types/react@19.2.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-      '@types/react-dom': 19.2.3(@types/react@19.2.5)
-
-  '@radix-ui/rect@1.1.1': {}
-
-  '@react-hook/intersection-observer@3.1.2(react@19.2.0)':
-    dependencies:
-      '@react-hook/passive-layout-effect': 1.2.1(react@19.2.0)
-      intersection-observer: 0.10.0
-      react: 19.2.0
-
-  '@react-hook/passive-layout-effect@1.2.1(react@19.2.0)':
-    dependencies:
-      react: 19.2.0
-
-  '@rtsao/scc@1.1.0': {}
-
-  '@stitches/core@1.2.8': {}
-
-  '@swc/helpers@0.5.15':
-    dependencies:
-      tslib: 2.8.1
-
-  '@tailwindcss/node@4.1.17':
-    dependencies:
-      '@jridgewell/remapping': 2.3.5
-      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
-
-  '@tailwindcss/oxide-android-arm64@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-darwin-arm64@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-darwin-x64@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-freebsd-x64@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-linux-x64-musl@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-wasm32-wasi@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.17':
-    optional: true
-
-  '@tailwindcss/oxide@4.1.17':
-    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
-
-  '@tailwindcss/postcss@4.1.17':
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.1.17
-      '@tailwindcss/oxide': 4.1.17
-      postcss: 8.5.6
-      tailwindcss: 4.1.17
-
-  '@tanstack/query-core@5.90.10': {}
-
-  '@tanstack/query-devtools@5.90.1': {}
-
-  '@tanstack/react-query-devtools@5.90.2(@tanstack/react-query@5.90.10(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@tanstack/query-devtools': 5.90.1
-      '@tanstack/react-query': 5.90.10(react@19.2.0)
-      react: 19.2.0
-
-  '@tanstack/react-query-next-experimental@5.91.0(@tanstack/react-query@5.90.10(react@19.2.0))(next@16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@tanstack/react-query': 5.90.10(react@19.2.0)
-      next: 16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      react: 19.2.0
-
-  '@tanstack/react-query@5.90.10(react@19.2.0)':
-    dependencies:
-      '@tanstack/query-core': 5.90.10
-      react: 19.2.0
-
-  '@tybys/wasm-util@0.10.1':
-    dependencies:
-      tslib: 2.8.1
-    optional: true
-
-  '@types/canvas-confetti@1.9.0': {}
-
-  '@types/debug@4.1.12':
-    dependencies:
-      '@types/ms': 2.1.0
-
-  '@types/estree-jsx@1.0.5':
-    dependencies:
-      '@types/estree': 1.0.8
-
-  '@types/estree@1.0.8': {}
-
-  '@types/hast@3.0.4':
-    dependencies:
-      '@types/unist': 3.0.3
-
-  '@types/js-cookie@2.2.7': {}
-
-  '@types/json-schema@7.0.15': {}
-
-  '@types/json5@0.0.29': {}
-
-  '@types/mdast@4.0.4':
-    dependencies:
-      '@types/unist': 3.0.3
-
-  '@types/ms@2.1.0': {}
-
-  '@types/node@20.19.25':
-    dependencies:
-      undici-types: 6.21.0
-
-  '@types/prismjs@1.26.5': {}
-
-  '@types/react-dom@19.2.3(@types/react@19.2.5)':
-    dependencies:
-      '@types/react': 19.2.5
-
-  '@types/react-syntax-highlighter@15.5.13':
-    dependencies:
-      '@types/react': 19.2.5
-
-  '@types/react@19.2.5':
-    dependencies:
-      csstype: 3.2.3
-
-  '@types/unist@2.0.11': {}
-
-  '@types/unist@3.0.3': {}
-
-  '@types/webidl-conversions@7.0.3': {}
-
-  '@types/whatwg-url@13.0.0':
-    dependencies:
-      '@types/webidl-conversions': 7.0.3
-
-  '@typescript-eslint/eslint-plugin@8.47.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
-    dependencies:
-      '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/scope-manager': 8.47.0
-      '@typescript-eslint/type-utils': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.47.0
-      eslint: 9.39.1(jiti@2.6.1)
-      graphemer: 1.4.0
-      ignore: 7.0.5
-      natural-compare: 1.4.0
-      ts-api-utils: 2.1.0(typescript@5.9.3)
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 8.47.0
-      '@typescript-eslint/types': 8.47.0
-      '@typescript-eslint/typescript-estree': 8.47.0(typescript@5.9.3)
-      '@typescript-eslint/visitor-keys': 8.47.0
-      debug: 4.4.3
-      eslint: 9.39.1(jiti@2.6.1)
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/project-service@8.47.0(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.47.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.47.0
-      debug: 4.4.3
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/scope-manager@8.47.0':
-    dependencies:
-      '@typescript-eslint/types': 8.47.0
-      '@typescript-eslint/visitor-keys': 8.47.0
-
-  '@typescript-eslint/tsconfig-utils@8.47.0(typescript@5.9.3)':
-    dependencies:
-      typescript: 5.9.3
-
-  '@typescript-eslint/type-utils@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/types': 8.47.0
-      '@typescript-eslint/typescript-estree': 8.47.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      debug: 4.4.3
-      eslint: 9.39.1(jiti@2.6.1)
-      ts-api-utils: 2.1.0(typescript@5.9.3)
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/types@8.47.0': {}
-
-  '@typescript-eslint/typescript-estree@8.47.0(typescript@5.9.3)':
-    dependencies:
-      '@typescript-eslint/project-service': 8.47.0(typescript@5.9.3)
-      '@typescript-eslint/tsconfig-utils': 8.47.0(typescript@5.9.3)
-      '@typescript-eslint/types': 8.47.0
-      '@typescript-eslint/visitor-keys': 8.47.0
-      debug: 4.4.3
-      fast-glob: 3.3.3
-      is-glob: 4.0.3
-      minimatch: 9.0.5
-      semver: 7.7.3
-      ts-api-utils: 2.1.0(typescript@5.9.3)
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/utils@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@2.6.1))
-      '@typescript-eslint/scope-manager': 8.47.0
-      '@typescript-eslint/types': 8.47.0
-      '@typescript-eslint/typescript-estree': 8.47.0(typescript@5.9.3)
-      eslint: 9.39.1(jiti@2.6.1)
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/visitor-keys@8.47.0':
-    dependencies:
-      '@typescript-eslint/types': 8.47.0
-      eslint-visitor-keys: 4.2.1
-
-  '@ungap/structured-clone@1.3.0': {}
-
-  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-android-arm64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-darwin-arm64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-darwin-x64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-freebsd-x64@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
-    dependencies:
-      '@napi-rs/wasm-runtime': 0.2.12
-    optional: true
-
-  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
-    optional: true
-
-  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
-    optional: true
-
-  '@xobotyi/scrollbar-width@1.9.5': {}
-
-  acorn-jsx@5.3.2(acorn@8.15.0):
-    dependencies:
-      acorn: 8.15.0
-
-  acorn@8.15.0: {}
-
-  ajv@6.12.6:
-    dependencies:
-      fast-deep-equal: 3.1.3
-      fast-json-stable-stringify: 2.1.0
-      json-schema-traverse: 0.4.1
-      uri-js: 4.4.1
-
-  anser@2.3.5: {}
-
-  ansi-regex@5.0.1:
-    optional: true
-
-  ansi-styles@4.3.0:
-    dependencies:
-      color-convert: 2.0.1
-
-  argparse@2.0.1: {}
-
-  aria-hidden@1.2.6:
-    dependencies:
-      tslib: 2.8.1
-
-  aria-query@5.3.2: {}
-
-  array-buffer-byte-length@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      is-array-buffer: 3.0.5
-
-  array-includes@3.1.9:
-    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
-
-  array.prototype.findlast@1.2.5:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.findlastindex@1.2.6:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.flat@1.3.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.flatmap@1.3.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-shim-unscopables: 1.1.0
-
-  array.prototype.tosorted@1.1.4:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-shim-unscopables: 1.1.0
-
-  arraybuffer.prototype.slice@1.0.4:
-    dependencies:
-      array-buffer-byte-length: 1.0.2
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      is-array-buffer: 3.0.5
-
-  ast-types-flow@0.0.8: {}
-
-  async-function@1.0.0: {}
-
-  available-typed-arrays@1.0.7:
-    dependencies:
-      possible-typed-array-names: 1.1.0
-
-  axe-core@4.11.0: {}
-
-  axobject-query@4.1.0: {}
-
-  bail@2.0.2: {}
-
-  balanced-match@1.0.2: {}
-
-  base64-js@1.5.1: {}
-
-  baseline-browser-mapping@2.9.18: {}
-
-  brace-expansion@1.1.12:
-    dependencies:
-      balanced-match: 1.0.2
-      concat-map: 0.0.1
-
-  brace-expansion@2.0.2:
-    dependencies:
-      balanced-match: 1.0.2
-
-  braces@3.0.3:
-    dependencies:
-      fill-range: 7.1.1
-
-  browserslist@4.28.0:
-    dependencies:
-      baseline-browser-mapping: 2.9.18
-      caniuse-lite: 1.0.30001766
-      electron-to-chromium: 1.5.255
-      node-releases: 2.0.27
-      update-browserslist-db: 1.1.4(browserslist@4.28.0)
-
-  bson@7.0.0: {}
-
-  buffer@6.0.3:
-    dependencies:
-      base64-js: 1.5.1
-      ieee754: 1.2.1
-
-  call-bind-apply-helpers@1.0.2:
-    dependencies:
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-
-  call-bind@1.0.8:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-define-property: 1.0.1
-      get-intrinsic: 1.3.0
-      set-function-length: 1.2.2
-
-  call-bound@1.0.4:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      get-intrinsic: 1.3.0
-
-  callsites@3.1.0: {}
-
-  caniuse-lite@1.0.30001766: {}
-
-  canvas-confetti@1.9.4: {}
-
-  ccount@2.0.1: {}
-
-  chalk@4.1.2:
-    dependencies:
-      ansi-styles: 4.3.0
-      supports-color: 7.2.0
-
-  character-entities-html4@2.1.0: {}
-
-  character-entities-legacy@3.0.0: {}
-
-  character-entities@2.0.2: {}
-
-  character-reference-invalid@2.0.1: {}
-
-  class-variance-authority@0.7.1:
-    dependencies:
-      clsx: 2.1.1
-
-  clean-set@1.1.2: {}
-
-  cli-progress@3.12.0:
-    dependencies:
-      string-width: 4.2.3
-    optional: true
-
-  client-only@0.0.1: {}
-
-  clsx@2.1.1: {}
-
-  color-convert@2.0.1:
-    dependencies:
-      color-name: 1.1.4
-
-  color-name@1.1.4: {}
-
-  comma-separated-tokens@2.0.3: {}
-
-  concat-map@0.0.1: {}
-
-  convert-source-map@2.0.0: {}
-
-  cookie@0.7.2: {}
-
-  copy-to-clipboard@3.3.3:
-    dependencies:
-      toggle-selection: 1.0.6
-
-  core-util-is@1.0.3: {}
-
-  crelt@1.0.6: {}
-
-  cross-spawn@7.0.6:
-    dependencies:
-      path-key: 3.1.1
-      shebang-command: 2.0.0
-      which: 2.0.2
-
-  css-in-js-utils@3.1.0:
-    dependencies:
-      hyphenate-style-name: 1.1.0
-
-  css-tree@1.1.3:
-    dependencies:
-      mdn-data: 2.0.14
-      source-map: 0.6.1
-
-  csstype@3.2.3: {}
-
-  d@1.0.2:
-    dependencies:
-      es5-ext: 0.10.64
-      type: 2.7.3
-
-  damerau-levenshtein@1.0.8: {}
-
-  data-view-buffer@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  data-view-byte-length@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  data-view-byte-offset@1.0.1:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-data-view: 1.0.2
-
-  date-fns@4.1.0: {}
-
-  debug@3.2.7:
-    dependencies:
-      ms: 2.1.3
-
-  debug@4.4.3:
-    dependencies:
-      ms: 2.1.3
-
-  decode-named-character-reference@1.2.0:
-    dependencies:
-      character-entities: 2.0.2
-
-  deep-is@0.1.4: {}
-
-  define-data-property@1.1.4:
-    dependencies:
-      es-define-property: 1.0.1
-      es-errors: 1.3.0
-      gopd: 1.2.0
-
-  define-properties@1.2.1:
-    dependencies:
-      define-data-property: 1.1.4
-      has-property-descriptors: 1.0.2
-      object-keys: 1.1.1
-
-  dequal@2.0.3: {}
-
-  detect-libc@2.1.2: {}
-
-  detect-node-es@1.1.0: {}
-
-  devlop@1.1.0:
-    dependencies:
-      dequal: 2.0.3
-
-  doctrine@2.1.0:
-    dependencies:
-      esutils: 2.0.3
-
-  dompurify@3.1.7: {}
-
-  dotenv@16.6.1: {}
-
-  dunder-proto@1.0.1:
-    dependencies:
-      call-bind-apply-helpers: 1.0.2
-      es-errors: 1.3.0
-      gopd: 1.2.0
-
-  electron-to-chromium@1.5.255: {}
-
-  emoji-regex@8.0.0:
-    optional: true
-
-  emoji-regex@9.2.2: {}
-
-  enhanced-resolve@5.18.3:
-    dependencies:
-      graceful-fs: 4.2.11
-      tapable: 2.3.0
-
-  error-stack-parser@2.1.4:
-    dependencies:
-      stackframe: 1.3.4
-
-  es-abstract@1.24.0:
-    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
-
-  es-define-property@1.0.1: {}
-
-  es-errors@1.3.0: {}
-
-  es-iterator-helpers@1.2.1:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-set-tostringtag: 2.1.0
-      function-bind: 1.1.2
-      get-intrinsic: 1.3.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
-      internal-slot: 1.1.0
-      iterator.prototype: 1.1.5
-      safe-array-concat: 1.1.3
-
-  es-object-atoms@1.1.1:
-    dependencies:
-      es-errors: 1.3.0
-
-  es-set-tostringtag@2.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      has-tostringtag: 1.0.2
-      hasown: 2.0.2
-
-  es-shim-unscopables@1.1.0:
-    dependencies:
-      hasown: 2.0.2
-
-  es-to-primitive@1.3.0:
-    dependencies:
-      is-callable: 1.2.7
-      is-date-object: 1.1.0
-      is-symbol: 1.1.1
-
-  es5-ext@0.10.64:
-    dependencies:
-      es6-iterator: 2.0.3
-      es6-symbol: 3.1.4
-      esniff: 2.0.1
-      next-tick: 1.1.0
-
-  es6-iterator@2.0.3:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-      es6-symbol: 3.1.4
-
-  es6-symbol@3.1.4:
-    dependencies:
-      d: 1.0.2
-      ext: 1.7.0
-
-  escalade@3.2.0: {}
-
-  escape-carriage@1.3.1: {}
-
-  escape-string-regexp@4.0.0: {}
-
-  eslint-config-next@16.0.3(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3):
-    dependencies:
-      '@next/eslint-plugin-next': 16.0.3
-      eslint: 9.39.1(jiti@2.6.1)
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.1(jiti@2.6.1))
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.1(jiti@2.6.1))
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.1(jiti@2.6.1))
-      eslint-plugin-react: 7.37.5(eslint@9.39.1(jiti@2.6.1))
-      eslint-plugin-react-hooks: 7.0.1(eslint@9.39.1(jiti@2.6.1))
-      globals: 16.4.0
-      typescript-eslint: 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-webpack
-      - eslint-plugin-import-x
-      - supports-color
-
-  eslint-import-resolver-node@0.3.9:
-    dependencies:
-      debug: 3.2.7
-      is-core-module: 2.16.1
-      resolve: 1.22.11
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.1(jiti@2.6.1)):
-    dependencies:
-      '@nolyfill/is-core-module': 1.0.39
-      debug: 4.4.3
-      eslint: 9.39.1(jiti@2.6.1)
-      get-tsconfig: 4.13.0
-      is-bun-module: 2.0.0
-      stable-hash: 0.0.5
-      tinyglobby: 0.2.15
-      unrs-resolver: 1.11.1
-    optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.1(jiti@2.6.1))
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.1(jiti@2.6.1)):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@2.6.1)
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.1(jiti@2.6.1))
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.1(jiti@2.6.1)):
-    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: 9.39.1(jiti@2.6.1)
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.1(jiti@2.6.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
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.1(jiti@2.6.1)):
-    dependencies:
-      aria-query: 5.3.2
-      array-includes: 3.1.9
-      array.prototype.flatmap: 1.3.3
-      ast-types-flow: 0.0.8
-      axe-core: 4.11.0
-      axobject-query: 4.1.0
-      damerau-levenshtein: 1.0.8
-      emoji-regex: 9.2.2
-      eslint: 9.39.1(jiti@2.6.1)
-      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.1.0
-      string.prototype.includes: 2.0.1
-
-  eslint-plugin-react-hooks@7.0.1(eslint@9.39.1(jiti@2.6.1)):
-    dependencies:
-      '@babel/core': 7.28.5
-      '@babel/parser': 7.28.5
-      eslint: 9.39.1(jiti@2.6.1)
-      hermes-parser: 0.25.1
-      zod: 4.1.12
-      zod-validation-error: 4.0.2(zod@4.1.12)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-react@7.37.5(eslint@9.39.1(jiti@2.6.1)):
-    dependencies:
-      array-includes: 3.1.9
-      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
-      eslint: 9.39.1(jiti@2.6.1)
-      estraverse: 5.3.0
-      hasown: 2.0.2
-      jsx-ast-utils: 3.3.5
-      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
-
-  eslint-scope@8.4.0:
-    dependencies:
-      esrecurse: 4.3.0
-      estraverse: 5.3.0
-
-  eslint-visitor-keys@3.4.3: {}
-
-  eslint-visitor-keys@4.2.1: {}
-
-  eslint@9.39.1(jiti@2.6.1):
-    dependencies:
-      '@eslint-community/eslint-utils': 4.9.0(eslint@9.39.1(jiti@2.6.1))
-      '@eslint-community/regexpp': 4.12.2
-      '@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.7
-      '@humanwhocodes/module-importer': 1.0.1
-      '@humanwhocodes/retry': 0.4.3
-      '@types/estree': 1.0.8
-      ajv: 6.12.6
-      chalk: 4.1.2
-      cross-spawn: 7.0.6
-      debug: 4.4.3
-      escape-string-regexp: 4.0.0
-      eslint-scope: 8.4.0
-      eslint-visitor-keys: 4.2.1
-      espree: 10.4.0
-      esquery: 1.6.0
-      esutils: 2.0.3
-      fast-deep-equal: 3.1.3
-      file-entry-cache: 8.0.0
-      find-up: 5.0.0
-      glob-parent: 6.0.2
-      ignore: 5.3.2
-      imurmurhash: 0.1.4
-      is-glob: 4.0.3
-      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.4
-    optionalDependencies:
-      jiti: 2.6.1
-    transitivePeerDependencies:
-      - supports-color
-
-  esniff@2.0.1:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-      event-emitter: 0.3.5
-      type: 2.7.3
-
-  espree@10.4.0:
-    dependencies:
-      acorn: 8.15.0
-      acorn-jsx: 5.3.2(acorn@8.15.0)
-      eslint-visitor-keys: 4.2.1
-
-  esquery@1.6.0:
-    dependencies:
-      estraverse: 5.3.0
-
-  esrecurse@4.3.0:
-    dependencies:
-      estraverse: 5.3.0
-
-  estraverse@5.3.0: {}
-
-  estree-util-is-identifier-name@3.0.0: {}
-
-  esutils@2.0.3: {}
-
-  event-emitter@0.3.5:
-    dependencies:
-      d: 1.0.2
-      es5-ext: 0.10.64
-
-  ext@1.7.0:
-    dependencies:
-      type: 2.7.3
-
-  extend@3.0.2: {}
-
-  fast-deep-equal@3.1.3: {}
-
-  fast-glob@3.3.1:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
-  fast-glob@3.3.3:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
-  fast-json-stable-stringify@2.1.0: {}
-
-  fast-levenshtein@2.0.6: {}
-
-  fast-shallow-equal@1.0.0: {}
-
-  fastest-stable-stringify@2.0.2: {}
-
-  fastq@1.19.1:
-    dependencies:
-      reusify: 1.1.0
-
-  fault@1.0.4:
-    dependencies:
-      format: 0.2.2
-
-  fdir@6.5.0(picomatch@4.0.3):
-    optionalDependencies:
-      picomatch: 4.0.3
-
-  file-entry-cache@8.0.0:
-    dependencies:
-      flat-cache: 4.0.1
-
-  fill-range@7.1.1:
-    dependencies:
-      to-regex-range: 5.0.1
-
-  find-up@5.0.0:
-    dependencies:
-      locate-path: 6.0.0
-      path-exists: 4.0.0
-
-  flat-cache@4.0.1:
-    dependencies:
-      flatted: 3.3.3
-      keyv: 4.5.4
-
-  flatted@3.3.3: {}
-
-  for-each@0.3.5:
-    dependencies:
-      is-callable: 1.2.7
-
-  format@0.2.2: {}
-
-  framer-motion@12.23.25(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
-    dependencies:
-      motion-dom: 12.23.23
-      motion-utils: 12.23.6
-      tslib: 2.8.1
-    optionalDependencies:
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-
-  framer-motion@12.24.12(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
-    dependencies:
-      motion-dom: 12.24.11
-      motion-utils: 12.24.10
-      tslib: 2.8.1
-    optionalDependencies:
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-
-  function-bind@1.1.2: {}
-
-  function.prototype.name@1.1.8:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      functions-have-names: 1.2.3
-      hasown: 2.0.2
-      is-callable: 1.2.7
-
-  functions-have-names@1.2.3: {}
-
-  generator-function@2.0.1: {}
-
-  gensync@1.0.0-beta.2: {}
-
-  get-intrinsic@1.3.0:
-    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
-
-  get-nonce@1.0.1: {}
-
-  get-proto@1.0.1:
-    dependencies:
-      dunder-proto: 1.0.1
-      es-object-atoms: 1.1.1
-
-  get-symbol-description@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-
-  get-tsconfig@4.13.0:
-    dependencies:
-      resolve-pkg-maps: 1.0.0
-
-  glob-parent@5.1.2:
-    dependencies:
-      is-glob: 4.0.3
-
-  glob-parent@6.0.2:
-    dependencies:
-      is-glob: 4.0.3
-
-  globals@14.0.0: {}
-
-  globals@16.4.0: {}
-
-  globalthis@1.0.4:
-    dependencies:
-      define-properties: 1.2.1
-      gopd: 1.2.0
-
-  gopd@1.2.0: {}
-
-  graceful-fs@4.2.11: {}
-
-  graphemer@1.4.0: {}
-
-  has-bigints@1.1.0: {}
-
-  has-flag@4.0.0: {}
-
-  has-property-descriptors@1.0.2:
-    dependencies:
-      es-define-property: 1.0.1
-
-  has-proto@1.2.0:
-    dependencies:
-      dunder-proto: 1.0.1
-
-  has-symbols@1.1.0: {}
-
-  has-tostringtag@1.0.2:
-    dependencies:
-      has-symbols: 1.1.0
-
-  hasown@2.0.2:
-    dependencies:
-      function-bind: 1.1.2
-
-  hast-util-parse-selector@4.0.0:
-    dependencies:
-      '@types/hast': 3.0.4
-
-  hast-util-to-jsx-runtime@2.3.6:
-    dependencies:
-      '@types/estree': 1.0.8
-      '@types/hast': 3.0.4
-      '@types/unist': 3.0.3
-      comma-separated-tokens: 2.0.3
-      devlop: 1.1.0
-      estree-util-is-identifier-name: 3.0.0
-      hast-util-whitespace: 3.0.0
-      mdast-util-mdx-expression: 2.0.1
-      mdast-util-mdx-jsx: 3.2.0
-      mdast-util-mdxjs-esm: 2.0.1
-      property-information: 7.1.0
-      space-separated-tokens: 2.0.2
-      style-to-js: 1.1.21
-      unist-util-position: 5.0.0
-      vfile-message: 4.0.3
-    transitivePeerDependencies:
-      - supports-color
-
-  hast-util-whitespace@3.0.0:
-    dependencies:
-      '@types/hast': 3.0.4
-
-  hastscript@9.0.1:
-    dependencies:
-      '@types/hast': 3.0.4
-      comma-separated-tokens: 2.0.3
-      hast-util-parse-selector: 4.0.0
-      property-information: 7.1.0
-      space-separated-tokens: 2.0.2
-
-  hermes-estree@0.25.1: {}
-
-  hermes-parser@0.25.1:
-    dependencies:
-      hermes-estree: 0.25.1
-
-  highlight.js@10.7.3: {}
-
-  highlightjs-vue@1.0.0: {}
-
-  html-url-attributes@3.0.1: {}
-
-  hyphenate-style-name@1.1.0: {}
-
-  i@0.3.7: {}
-
-  ieee754@1.2.1: {}
-
-  ignore@5.3.2: {}
-
-  ignore@7.0.5: {}
-
-  immediate@3.0.6: {}
-
-  import-fresh@3.3.1:
-    dependencies:
-      parent-module: 1.0.1
-      resolve-from: 4.0.0
-
-  imurmurhash@0.1.4: {}
-
-  inherits@2.0.4: {}
-
-  inline-style-parser@0.2.7: {}
-
-  inline-style-prefixer@7.0.1:
-    dependencies:
-      css-in-js-utils: 3.1.0
-
-  internal-slot@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      hasown: 2.0.2
-      side-channel: 1.1.0
-
-  intersection-observer@0.10.0: {}
-
-  is-alphabetical@2.0.1: {}
-
-  is-alphanumerical@2.0.1:
-    dependencies:
-      is-alphabetical: 2.0.1
-      is-decimal: 2.0.1
-
-  is-array-buffer@3.0.5:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-
-  is-async-function@2.1.1:
-    dependencies:
-      async-function: 1.0.0
-      call-bound: 1.0.4
-      get-proto: 1.0.1
-      has-tostringtag: 1.0.2
-      safe-regex-test: 1.1.0
-
-  is-bigint@1.1.0:
-    dependencies:
-      has-bigints: 1.1.0
-
-  is-boolean-object@1.2.2:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-bun-module@2.0.0:
-    dependencies:
-      semver: 7.7.3
-
-  is-callable@1.2.7: {}
-
-  is-core-module@2.16.1:
-    dependencies:
-      hasown: 2.0.2
-
-  is-data-view@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-      is-typed-array: 1.1.15
-
-  is-date-object@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-decimal@2.0.1: {}
-
-  is-extglob@2.1.1: {}
-
-  is-finalizationregistry@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-fullwidth-code-point@3.0.0:
-    optional: true
-
-  is-generator-function@1.1.2:
-    dependencies:
-      call-bound: 1.0.4
-      generator-function: 2.0.1
-      get-proto: 1.0.1
-      has-tostringtag: 1.0.2
-      safe-regex-test: 1.1.0
-
-  is-glob@4.0.3:
-    dependencies:
-      is-extglob: 2.1.1
-
-  is-hexadecimal@2.0.1: {}
-
-  is-map@2.0.3: {}
-
-  is-negative-zero@2.0.3: {}
-
-  is-number-object@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-number@7.0.0: {}
-
-  is-plain-obj@4.1.0: {}
-
-  is-regex@1.2.1:
-    dependencies:
-      call-bound: 1.0.4
-      gopd: 1.2.0
-      has-tostringtag: 1.0.2
-      hasown: 2.0.2
-
-  is-set@2.0.3: {}
-
-  is-shared-array-buffer@1.0.4:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-string@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-tostringtag: 1.0.2
-
-  is-symbol@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-      has-symbols: 1.1.0
-      safe-regex-test: 1.1.0
-
-  is-typed-array@1.1.15:
-    dependencies:
-      which-typed-array: 1.1.19
-
-  is-weakmap@2.0.2: {}
-
-  is-weakref@1.1.1:
-    dependencies:
-      call-bound: 1.0.4
-
-  is-weakset@2.0.4:
-    dependencies:
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-
-  isarray@1.0.0: {}
-
-  isarray@2.0.5: {}
-
-  isexe@2.0.0: {}
-
-  iterator.prototype@1.1.5:
-    dependencies:
-      define-data-property: 1.1.4
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      has-symbols: 1.1.0
-      set-function-name: 2.0.2
-
-  jiti@2.6.1: {}
-
-  jose@4.15.9: {}
-
-  js-cookie@2.2.1: {}
-
-  js-tokens@4.0.0: {}
-
-  js-yaml@4.1.1:
-    dependencies:
-      argparse: 2.0.1
-
-  jsesc@3.1.0: {}
-
-  json-buffer@3.0.1: {}
-
-  json-schema-traverse@0.4.1: {}
-
-  json-stable-stringify-without-jsonify@1.0.1: {}
-
-  json5@1.0.2:
-    dependencies:
-      minimist: 1.2.8
-
-  json5@2.2.3: {}
-
-  jsx-ast-utils@3.3.5:
-    dependencies:
-      array-includes: 3.1.9
-      array.prototype.flat: 1.3.3
-      object.assign: 4.1.7
-      object.values: 1.2.1
-
-  jszip@3.10.1:
-    dependencies:
-      lie: 3.3.0
-      pako: 1.0.11
-      readable-stream: 2.3.8
-      setimmediate: 1.0.5
-
-  kareem@3.0.0: {}
-
-  keyv@4.5.4:
-    dependencies:
-      json-buffer: 3.0.1
-
-  language-subtag-registry@0.3.23: {}
-
-  language-tags@1.0.9:
-    dependencies:
-      language-subtag-registry: 0.3.23
-
-  levn@0.4.1:
-    dependencies:
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-
-  lie@3.3.0:
-    dependencies:
-      immediate: 3.0.6
-
-  lightningcss-android-arm64@1.30.2:
-    optional: true
-
-  lightningcss-darwin-arm64@1.30.2:
-    optional: true
-
-  lightningcss-darwin-x64@1.30.2:
-    optional: true
-
-  lightningcss-freebsd-x64@1.30.2:
-    optional: true
-
-  lightningcss-linux-arm-gnueabihf@1.30.2:
-    optional: true
-
-  lightningcss-linux-arm64-gnu@1.30.2:
-    optional: true
-
-  lightningcss-linux-arm64-musl@1.30.2:
-    optional: true
-
-  lightningcss-linux-x64-gnu@1.30.2:
-    optional: true
-
-  lightningcss-linux-x64-musl@1.30.2:
-    optional: true
-
-  lightningcss-win32-arm64-msvc@1.30.2:
-    optional: true
-
-  lightningcss-win32-x64-msvc@1.30.2:
-    optional: true
-
-  lightningcss@1.30.2:
-    dependencies:
-      detect-libc: 2.1.2
-    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
-
-  locate-path@6.0.0:
-    dependencies:
-      p-locate: 5.0.0
-
-  lodash.merge@4.6.2: {}
-
-  longest-streak@3.1.0: {}
-
-  loose-envify@1.4.0:
-    dependencies:
-      js-tokens: 4.0.0
-
-  lowlight@1.20.0:
-    dependencies:
-      fault: 1.0.4
-      highlight.js: 10.7.3
-
-  lru-cache@5.1.1:
-    dependencies:
-      yallist: 3.1.1
-
-  lru-cache@6.0.0:
-    dependencies:
-      yallist: 4.0.0
-
-  lucide-react@0.554.0(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-
-  lz-string@1.5.0: {}
-
-  magic-string@0.30.21:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
-
-  marked@14.0.0: {}
-
-  math-intrinsics@1.1.0: {}
-
-  mdast-util-from-markdown@2.0.2:
-    dependencies:
-      '@types/mdast': 4.0.4
-      '@types/unist': 3.0.3
-      decode-named-character-reference: 1.2.0
-      devlop: 1.1.0
-      mdast-util-to-string: 4.0.0
-      micromark: 4.0.2
-      micromark-util-decode-numeric-character-reference: 2.0.2
-      micromark-util-decode-string: 2.0.1
-      micromark-util-normalize-identifier: 2.0.1
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-      unist-util-stringify-position: 4.0.0
-    transitivePeerDependencies:
-      - supports-color
-
-  mdast-util-mdx-expression@2.0.1:
-    dependencies:
-      '@types/estree-jsx': 1.0.5
-      '@types/hast': 3.0.4
-      '@types/mdast': 4.0.4
-      devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.2
-      mdast-util-to-markdown: 2.1.2
-    transitivePeerDependencies:
-      - supports-color
-
-  mdast-util-mdx-jsx@3.2.0:
-    dependencies:
-      '@types/estree-jsx': 1.0.5
-      '@types/hast': 3.0.4
-      '@types/mdast': 4.0.4
-      '@types/unist': 3.0.3
-      ccount: 2.0.1
-      devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.2
-      mdast-util-to-markdown: 2.1.2
-      parse-entities: 4.0.2
-      stringify-entities: 4.0.4
-      unist-util-stringify-position: 4.0.0
-      vfile-message: 4.0.3
-    transitivePeerDependencies:
-      - supports-color
-
-  mdast-util-mdxjs-esm@2.0.1:
-    dependencies:
-      '@types/estree-jsx': 1.0.5
-      '@types/hast': 3.0.4
-      '@types/mdast': 4.0.4
-      devlop: 1.1.0
-      mdast-util-from-markdown: 2.0.2
-      mdast-util-to-markdown: 2.1.2
-    transitivePeerDependencies:
-      - supports-color
-
-  mdast-util-phrasing@4.1.0:
-    dependencies:
-      '@types/mdast': 4.0.4
-      unist-util-is: 6.0.1
-
-  mdast-util-to-hast@13.2.1:
-    dependencies:
-      '@types/hast': 3.0.4
-      '@types/mdast': 4.0.4
-      '@ungap/structured-clone': 1.3.0
-      devlop: 1.1.0
-      micromark-util-sanitize-uri: 2.0.1
-      trim-lines: 3.0.1
-      unist-util-position: 5.0.0
-      unist-util-visit: 5.0.0
-      vfile: 6.0.3
-
-  mdast-util-to-markdown@2.1.2:
-    dependencies:
-      '@types/mdast': 4.0.4
-      '@types/unist': 3.0.3
-      longest-streak: 3.1.0
-      mdast-util-phrasing: 4.1.0
-      mdast-util-to-string: 4.0.0
-      micromark-util-classify-character: 2.0.1
-      micromark-util-decode-string: 2.0.1
-      unist-util-visit: 5.0.0
-      zwitch: 2.0.4
-
-  mdast-util-to-string@4.0.0:
-    dependencies:
-      '@types/mdast': 4.0.4
-
-  mdn-data@2.0.14: {}
-
-  memory-pager@1.5.0: {}
-
-  merge2@1.4.1: {}
-
-  micromark-core-commonmark@2.0.3:
-    dependencies:
-      decode-named-character-reference: 1.2.0
-      devlop: 1.1.0
-      micromark-factory-destination: 2.0.1
-      micromark-factory-label: 2.0.1
-      micromark-factory-space: 2.0.1
-      micromark-factory-title: 2.0.1
-      micromark-factory-whitespace: 2.0.1
-      micromark-util-character: 2.1.1
-      micromark-util-chunked: 2.0.1
-      micromark-util-classify-character: 2.0.1
-      micromark-util-html-tag-name: 2.0.1
-      micromark-util-normalize-identifier: 2.0.1
-      micromark-util-resolve-all: 2.0.1
-      micromark-util-subtokenize: 2.1.0
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-
-  micromark-factory-destination@2.0.1:
-    dependencies:
-      micromark-util-character: 2.1.1
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-
-  micromark-factory-label@2.0.1:
-    dependencies:
-      devlop: 1.1.0
-      micromark-util-character: 2.1.1
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-
-  micromark-factory-space@2.0.1:
-    dependencies:
-      micromark-util-character: 2.1.1
-      micromark-util-types: 2.0.2
-
-  micromark-factory-title@2.0.1:
-    dependencies:
-      micromark-factory-space: 2.0.1
-      micromark-util-character: 2.1.1
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-
-  micromark-factory-whitespace@2.0.1:
-    dependencies:
-      micromark-factory-space: 2.0.1
-      micromark-util-character: 2.1.1
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-
-  micromark-util-character@2.1.1:
-    dependencies:
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-
-  micromark-util-chunked@2.0.1:
-    dependencies:
-      micromark-util-symbol: 2.0.1
-
-  micromark-util-classify-character@2.0.1:
-    dependencies:
-      micromark-util-character: 2.1.1
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-
-  micromark-util-combine-extensions@2.0.1:
-    dependencies:
-      micromark-util-chunked: 2.0.1
-      micromark-util-types: 2.0.2
-
-  micromark-util-decode-numeric-character-reference@2.0.2:
-    dependencies:
-      micromark-util-symbol: 2.0.1
-
-  micromark-util-decode-string@2.0.1:
-    dependencies:
-      decode-named-character-reference: 1.2.0
-      micromark-util-character: 2.1.1
-      micromark-util-decode-numeric-character-reference: 2.0.2
-      micromark-util-symbol: 2.0.1
-
-  micromark-util-encode@2.0.1: {}
-
-  micromark-util-html-tag-name@2.0.1: {}
-
-  micromark-util-normalize-identifier@2.0.1:
-    dependencies:
-      micromark-util-symbol: 2.0.1
-
-  micromark-util-resolve-all@2.0.1:
-    dependencies:
-      micromark-util-types: 2.0.2
-
-  micromark-util-sanitize-uri@2.0.1:
-    dependencies:
-      micromark-util-character: 2.1.1
-      micromark-util-encode: 2.0.1
-      micromark-util-symbol: 2.0.1
-
-  micromark-util-subtokenize@2.1.0:
-    dependencies:
-      devlop: 1.1.0
-      micromark-util-chunked: 2.0.1
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-
-  micromark-util-symbol@2.0.1: {}
-
-  micromark-util-types@2.0.2: {}
-
-  micromark@4.0.2:
-    dependencies:
-      '@types/debug': 4.1.12
-      debug: 4.4.3
-      decode-named-character-reference: 1.2.0
-      devlop: 1.1.0
-      micromark-core-commonmark: 2.0.3
-      micromark-factory-space: 2.0.1
-      micromark-util-character: 2.1.1
-      micromark-util-chunked: 2.0.1
-      micromark-util-combine-extensions: 2.0.1
-      micromark-util-decode-numeric-character-reference: 2.0.2
-      micromark-util-encode: 2.0.1
-      micromark-util-normalize-identifier: 2.0.1
-      micromark-util-resolve-all: 2.0.1
-      micromark-util-sanitize-uri: 2.0.1
-      micromark-util-subtokenize: 2.1.0
-      micromark-util-symbol: 2.0.1
-      micromark-util-types: 2.0.2
-    transitivePeerDependencies:
-      - supports-color
-
-  micromatch@4.0.8:
-    dependencies:
-      braces: 3.0.3
-      picomatch: 2.3.1
-
-  mime-db@1.54.0: {}
-
-  minimatch@3.1.2:
-    dependencies:
-      brace-expansion: 1.1.12
-
-  minimatch@9.0.5:
-    dependencies:
-      brace-expansion: 2.0.2
-
-  minimist@1.2.8: {}
-
-  monaco-editor@0.54.0:
-    dependencies:
-      dompurify: 3.1.7
-      marked: 14.0.0
-
-  mongodb-connection-string-url@7.0.0:
-    dependencies:
-      '@types/whatwg-url': 13.0.0
-      whatwg-url: 14.2.0
-
-  mongodb@7.0.0:
-    dependencies:
-      '@mongodb-js/saslprep': 1.4.4
-      bson: 7.0.0
-      mongodb-connection-string-url: 7.0.0
-
-  mongoose@9.1.1:
-    dependencies:
-      kareem: 3.0.0
-      mongodb: 7.0.0
-      mpath: 0.9.0
-      mquery: 6.0.0
-      ms: 2.1.3
-      sift: 17.1.3
-    transitivePeerDependencies:
-      - '@aws-sdk/credential-providers'
-      - '@mongodb-js/zstd'
-      - gcp-metadata
-      - kerberos
-      - mongodb-client-encryption
-      - snappy
-      - socks
-
-  motion-dom@12.23.23:
-    dependencies:
-      motion-utils: 12.23.6
-
-  motion-dom@12.24.11:
-    dependencies:
-      motion-utils: 12.24.10
-
-  motion-utils@12.23.6: {}
-
-  motion-utils@12.24.10: {}
-
-  motion@12.24.12(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
-    dependencies:
-      framer-motion: 12.24.12(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      tslib: 2.8.1
-    optionalDependencies:
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-
-  mpath@0.9.0: {}
-
-  mquery@6.0.0: {}
-
-  ms@2.1.3: {}
-
-  nano-css@5.6.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
-      css-tree: 1.1.3
-      csstype: 3.2.3
-      fastest-stable-stringify: 2.0.2
-      inline-style-prefixer: 7.0.1
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-      rtl-css-js: 1.16.1
-      stacktrace-js: 2.0.2
-      stylis: 4.3.6
-
-  nanoid@3.3.11: {}
-
-  napi-postinstall@0.3.4: {}
-
-  natural-compare@1.4.0: {}
-
-  next-auth@4.24.13(next@16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
-    dependencies:
-      '@babel/runtime': 7.28.4
-      '@panva/hkdf': 1.2.1
-      cookie: 0.7.2
-      jose: 4.15.9
-      next: 16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      oauth: 0.9.15
-      openid-client: 5.7.1
-      preact: 10.28.2
-      preact-render-to-string: 5.2.6(preact@10.28.2)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-      uuid: 8.3.2
-
-  next-themes@0.4.6(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-
-  next-tick@1.1.0: {}
-
-  next@16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
-    dependencies:
-      '@next/env': 16.1.5
-      '@swc/helpers': 0.5.15
-      baseline-browser-mapping: 2.9.18
-      caniuse-lite: 1.0.30001766
-      postcss: 8.4.31
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-      styled-jsx: 5.1.6(@babel/core@7.28.5)(react@19.2.0)
-    optionalDependencies:
-      '@next/swc-darwin-arm64': 16.1.5
-      '@next/swc-darwin-x64': 16.1.5
-      '@next/swc-linux-arm64-gnu': 16.1.5
-      '@next/swc-linux-arm64-musl': 16.1.5
-      '@next/swc-linux-x64-gnu': 16.1.5
-      '@next/swc-linux-x64-musl': 16.1.5
-      '@next/swc-win32-arm64-msvc': 16.1.5
-      '@next/swc-win32-x64-msvc': 16.1.5
-      sharp: 0.34.5
-    transitivePeerDependencies:
-      - '@babel/core'
-      - babel-plugin-macros
-
-  nextstepjs@2.2.0(motion@12.24.12(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(next@16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
-    dependencies:
-      motion: 12.24.12(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-    optionalDependencies:
-      next: 16.1.5(@babel/core@7.28.5)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-
-  node-releases@2.0.27: {}
-
-  npm@11.7.0: {}
-
-  oauth@0.9.15: {}
-
-  object-assign@4.1.1: {}
-
-  object-hash@2.2.0: {}
-
-  object-inspect@1.13.4: {}
-
-  object-keys@1.1.1: {}
-
-  object.assign@4.1.7:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-      has-symbols: 1.1.0
-      object-keys: 1.1.1
-
-  object.entries@1.1.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  object.fromentries@2.0.8:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-object-atoms: 1.1.1
-
-  object.groupby@1.0.3:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-
-  object.values@1.2.1:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  oidc-token-hash@5.2.0: {}
-
-  openid-client@5.7.1:
-    dependencies:
-      jose: 4.15.9
-      lru-cache: 6.0.0
-      object-hash: 2.2.0
-      oidc-token-hash: 5.2.0
-
-  optionator@0.9.4:
-    dependencies:
-      deep-is: 0.1.4
-      fast-levenshtein: 2.0.6
-      levn: 0.4.1
-      prelude-ls: 1.2.1
-      type-check: 0.4.0
-      word-wrap: 1.2.5
-
-  outvariant@1.4.0: {}
-
-  own-keys@1.0.1:
-    dependencies:
-      get-intrinsic: 1.3.0
-      object-keys: 1.1.1
-      safe-push-apply: 1.0.0
-
-  p-limit@3.1.0:
-    dependencies:
-      yocto-queue: 0.1.0
-
-  p-locate@5.0.0:
-    dependencies:
-      p-limit: 3.1.0
-
-  pako@1.0.11: {}
-
-  parent-module@1.0.1:
-    dependencies:
-      callsites: 3.1.0
-
-  parse-entities@4.0.2:
-    dependencies:
-      '@types/unist': 2.0.11
-      character-entities-legacy: 3.0.0
-      character-reference-invalid: 2.0.1
-      decode-named-character-reference: 1.2.0
-      is-alphanumerical: 2.0.1
-      is-decimal: 2.0.1
-      is-hexadecimal: 2.0.1
-
-  path-exists@4.0.0: {}
-
-  path-key@3.1.1: {}
-
-  path-parse@1.0.7: {}
-
-  picocolors@1.1.1: {}
-
-  picomatch@2.3.1: {}
-
-  picomatch@4.0.3: {}
-
-  possible-typed-array-names@1.1.0: {}
-
-  postcss@8.4.31:
-    dependencies:
-      nanoid: 3.3.11
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
-  postcss@8.5.6:
-    dependencies:
-      nanoid: 3.3.11
-      picocolors: 1.1.1
-      source-map-js: 1.2.1
-
-  preact-render-to-string@5.2.6(preact@10.28.2):
-    dependencies:
-      preact: 10.28.2
-      pretty-format: 3.8.0
-
-  preact@10.28.2: {}
-
-  prelude-ls@1.2.1: {}
-
-  pretty-format@3.8.0: {}
-
-  prismjs@1.30.0: {}
-
-  process-nextick-args@2.0.1: {}
-
-  prop-types@15.8.1:
-    dependencies:
-      loose-envify: 1.4.0
-      object-assign: 4.1.1
-      react-is: 16.13.1
-
-  property-information@7.1.0: {}
-
-  punycode@2.3.1: {}
-
-  queue-microtask@1.2.3: {}
-
-  react-devtools-inline@4.4.0:
-    dependencies:
-      es6-symbol: 3.1.4
-
-  react-dom@19.2.0(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-      scheduler: 0.27.0
-
-  react-icons@5.5.0(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-
-  react-is@16.13.1: {}
-
-  react-is@17.0.2: {}
-
-  react-markdown@10.1.0(@types/react@19.2.5)(react@19.2.0):
-    dependencies:
-      '@types/hast': 3.0.4
-      '@types/mdast': 4.0.4
-      '@types/react': 19.2.5
-      devlop: 1.1.0
-      hast-util-to-jsx-runtime: 2.3.6
-      html-url-attributes: 3.0.1
-      mdast-util-to-hast: 13.2.1
-      react: 19.2.0
-      remark-parse: 11.0.0
-      remark-rehype: 11.1.2
-      unified: 11.0.5
-      unist-util-visit: 5.0.0
-      vfile: 6.0.3
-    transitivePeerDependencies:
-      - supports-color
-
-  react-remove-scroll-bar@2.3.8(@types/react@19.2.5)(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-      react-style-singleton: 2.2.3(@types/react@19.2.5)(react@19.2.0)
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  react-remove-scroll@2.7.1(@types/react@19.2.5)(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-      react-remove-scroll-bar: 2.3.8(@types/react@19.2.5)(react@19.2.0)
-      react-style-singleton: 2.2.3(@types/react@19.2.5)(react@19.2.0)
-      tslib: 2.8.1
-      use-callback-ref: 1.3.3(@types/react@19.2.5)(react@19.2.0)
-      use-sidecar: 1.1.3(@types/react@19.2.5)(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  react-style-singleton@2.2.3(@types/react@19.2.5)(react@19.2.0):
-    dependencies:
-      get-nonce: 1.0.1
-      react: 19.2.0
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  react-syntax-highlighter@16.1.0(react@19.2.0):
-    dependencies:
-      '@babel/runtime': 7.28.4
-      highlight.js: 10.7.3
-      highlightjs-vue: 1.0.0
-      lowlight: 1.20.0
-      prismjs: 1.30.0
-      react: 19.2.0
-      refractor: 5.0.0
-
-  react-textarea-autosize@8.5.9(@types/react@19.2.5)(react@19.2.0):
-    dependencies:
-      '@babel/runtime': 7.28.4
-      react: 19.2.0
-      use-composed-ref: 1.4.0(@types/react@19.2.5)(react@19.2.0)
-      use-latest: 1.3.0(@types/react@19.2.5)(react@19.2.0)
-    transitivePeerDependencies:
-      - '@types/react'
-
-  react-universal-interface@0.6.2(react@19.2.0)(tslib@2.8.1):
-    dependencies:
-      react: 19.2.0
-      tslib: 2.8.1
-
-  react-use@17.6.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
-    dependencies:
-      '@types/js-cookie': 2.2.7
-      '@xobotyi/scrollbar-width': 1.9.5
-      copy-to-clipboard: 3.3.3
-      fast-deep-equal: 3.1.3
-      fast-shallow-equal: 1.0.0
-      js-cookie: 2.2.1
-      nano-css: 5.6.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-      react-universal-interface: 0.6.2(react@19.2.0)(tslib@2.8.1)
-      resize-observer-polyfill: 1.5.1
-      screenfull: 5.2.0
-      set-harmonic-interval: 1.0.1
-      throttle-debounce: 3.0.1
-      ts-easing: 0.2.0
-      tslib: 2.8.1
-
-  react@19.2.0: {}
-
-  readable-stream@2.3.8:
-    dependencies:
-      core-util-is: 1.0.3
-      inherits: 2.0.4
-      isarray: 1.0.0
-      process-nextick-args: 2.0.1
-      safe-buffer: 5.1.2
-      string_decoder: 1.1.1
-      util-deprecate: 1.0.2
-
-  reflect.getprototypeof@1.0.10:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      which-builtin-type: 1.2.1
-
-  refractor@5.0.0:
-    dependencies:
-      '@types/hast': 3.0.4
-      '@types/prismjs': 1.26.5
-      hastscript: 9.0.1
-      parse-entities: 4.0.2
-
-  regexp.prototype.flags@1.5.4:
-    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
-
-  remark-parse@11.0.0:
-    dependencies:
-      '@types/mdast': 4.0.4
-      mdast-util-from-markdown: 2.0.2
-      micromark-util-types: 2.0.2
-      unified: 11.0.5
-    transitivePeerDependencies:
-      - supports-color
-
-  remark-rehype@11.1.2:
-    dependencies:
-      '@types/hast': 3.0.4
-      '@types/mdast': 4.0.4
-      mdast-util-to-hast: 13.2.1
-      unified: 11.0.5
-      vfile: 6.0.3
-
-  resize-observer-polyfill@1.5.1: {}
-
-  resolve-from@4.0.0: {}
-
-  resolve-pkg-maps@1.0.0: {}
-
-  resolve@1.22.11:
-    dependencies:
-      is-core-module: 2.16.1
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
-  resolve@2.0.0-next.5:
-    dependencies:
-      is-core-module: 2.16.1
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
-  reusify@1.1.0: {}
-
-  rtl-css-js@1.16.1:
-    dependencies:
-      '@babel/runtime': 7.28.4
-
-  run-parallel@1.2.0:
-    dependencies:
-      queue-microtask: 1.2.3
-
-  safe-array-concat@1.1.3:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      get-intrinsic: 1.3.0
-      has-symbols: 1.1.0
-      isarray: 2.0.5
-
-  safe-buffer@5.1.2: {}
-
-  safe-push-apply@1.0.0:
-    dependencies:
-      es-errors: 1.3.0
-      isarray: 2.0.5
-
-  safe-regex-test@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-regex: 1.2.1
-
-  scheduler@0.27.0: {}
-
-  screenfull@5.2.0: {}
-
-  semver@6.3.1: {}
-
-  semver@7.7.3: {}
-
-  set-function-length@1.2.2:
-    dependencies:
-      define-data-property: 1.1.4
-      es-errors: 1.3.0
-      function-bind: 1.1.2
-      get-intrinsic: 1.3.0
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-
-  set-function-name@2.0.2:
-    dependencies:
-      define-data-property: 1.1.4
-      es-errors: 1.3.0
-      functions-have-names: 1.2.3
-      has-property-descriptors: 1.0.2
-
-  set-harmonic-interval@1.0.1: {}
-
-  set-proto@1.0.0:
-    dependencies:
-      dunder-proto: 1.0.1
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-
-  setimmediate@1.0.5: {}
-
-  sharp@0.34.5:
-    dependencies:
-      '@img/colour': 1.0.0
-      detect-libc: 2.1.2
-      semver: 7.7.3
-    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
-    optional: true
-
-  shebang-command@2.0.0:
-    dependencies:
-      shebang-regex: 3.0.0
-
-  shebang-regex@3.0.0: {}
-
-  side-channel-list@1.0.0:
-    dependencies:
-      es-errors: 1.3.0
-      object-inspect: 1.13.4
-
-  side-channel-map@1.0.1:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      object-inspect: 1.13.4
-
-  side-channel-weakmap@1.0.2:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      get-intrinsic: 1.3.0
-      object-inspect: 1.13.4
-      side-channel-map: 1.0.1
-
-  side-channel@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      object-inspect: 1.13.4
-      side-channel-list: 1.0.0
-      side-channel-map: 1.0.1
-      side-channel-weakmap: 1.0.2
-
-  sift@17.1.3: {}
-
-  sonner@2.0.7(react-dom@19.2.0(react@19.2.0))(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-
-  source-map-js@1.2.1: {}
-
-  source-map@0.5.6: {}
-
-  source-map@0.6.1: {}
-
-  space-separated-tokens@2.0.2: {}
-
-  sparse-bitfield@3.0.3:
-    dependencies:
-      memory-pager: 1.5.0
-
-  stable-hash@0.0.5: {}
-
-  stack-generator@2.0.10:
-    dependencies:
-      stackframe: 1.3.4
-
-  stackframe@1.3.4: {}
-
-  stacktrace-gps@3.1.2:
-    dependencies:
-      source-map: 0.5.6
-      stackframe: 1.3.4
-
-  stacktrace-js@2.0.2:
-    dependencies:
-      error-stack-parser: 2.1.4
-      stack-generator: 2.0.10
-      stacktrace-gps: 3.1.2
-
-  state-local@1.0.7: {}
-
-  static-browser-server@1.0.3:
-    dependencies:
-      '@open-draft/deferred-promise': 2.2.0
-      dotenv: 16.6.1
-      mime-db: 1.54.0
-      outvariant: 1.4.0
-
-  stop-iteration-iterator@1.1.0:
-    dependencies:
-      es-errors: 1.3.0
-      internal-slot: 1.1.0
-
-  strict-event-emitter@0.4.6: {}
-
-  string-width@4.2.3:
-    dependencies:
-      emoji-regex: 8.0.0
-      is-fullwidth-code-point: 3.0.0
-      strip-ansi: 6.0.1
-    optional: true
-
-  string.prototype.includes@2.0.1:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-
-  string.prototype.matchall@4.0.12:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      gopd: 1.2.0
-      has-symbols: 1.1.0
-      internal-slot: 1.1.0
-      regexp.prototype.flags: 1.5.4
-      set-function-name: 2.0.2
-      side-channel: 1.1.0
-
-  string.prototype.repeat@1.0.0:
-    dependencies:
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-
-  string.prototype.trim@1.2.10:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-data-property: 1.1.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-object-atoms: 1.1.1
-      has-property-descriptors: 1.0.2
-
-  string.prototype.trimend@1.0.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  string.prototype.trimstart@1.0.8:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
-  string_decoder@1.1.1:
-    dependencies:
-      safe-buffer: 5.1.2
-
-  stringify-entities@4.0.4:
-    dependencies:
-      character-entities-html4: 2.1.0
-      character-entities-legacy: 3.0.0
-
-  strip-ansi@6.0.1:
-    dependencies:
-      ansi-regex: 5.0.1
-    optional: true
-
-  strip-bom@3.0.0: {}
-
-  strip-json-comments@3.1.1: {}
-
-  style-mod@4.1.3: {}
-
-  style-to-js@1.1.21:
-    dependencies:
-      style-to-object: 1.0.14
-
-  style-to-object@1.0.14:
-    dependencies:
-      inline-style-parser: 0.2.7
-
-  styled-jsx@5.1.6(@babel/core@7.28.5)(react@19.2.0):
-    dependencies:
-      client-only: 0.0.1
-      react: 19.2.0
-    optionalDependencies:
-      '@babel/core': 7.28.5
-
-  stylis@4.3.6: {}
-
-  supports-color@7.2.0:
-    dependencies:
-      has-flag: 4.0.0
-
-  supports-preserve-symlinks-flag@1.0.0: {}
-
-  tailwind-merge@3.4.0: {}
-
-  tailwindcss@4.1.17: {}
-
-  tapable@2.3.0: {}
-
-  throttle-debounce@3.0.1: {}
-
-  tinyglobby@0.2.15:
-    dependencies:
-      fdir: 6.5.0(picomatch@4.0.3)
-      picomatch: 4.0.3
-
-  to-regex-range@5.0.1:
-    dependencies:
-      is-number: 7.0.0
-
-  toggle-selection@1.0.6: {}
-
-  tr46@5.1.1:
-    dependencies:
-      punycode: 2.3.1
-
-  trim-lines@3.0.1: {}
-
-  trough@2.2.0: {}
-
-  ts-api-utils@2.1.0(typescript@5.9.3):
-    dependencies:
-      typescript: 5.9.3
-
-  ts-easing@0.2.0: {}
-
-  tsconfig-paths@3.15.0:
-    dependencies:
-      '@types/json5': 0.0.29
-      json5: 1.0.2
-      minimist: 1.2.8
-      strip-bom: 3.0.0
-
-  tslib@2.8.1: {}
-
-  tw-animate-css@1.4.0: {}
-
-  type-check@0.4.0:
-    dependencies:
-      prelude-ls: 1.2.1
-
-  type@2.7.3: {}
-
-  typed-array-buffer@1.0.3:
-    dependencies:
-      call-bound: 1.0.4
-      es-errors: 1.3.0
-      is-typed-array: 1.1.15
-
-  typed-array-byte-length@1.0.3:
-    dependencies:
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      has-proto: 1.2.0
-      is-typed-array: 1.1.15
-
-  typed-array-byte-offset@1.0.4:
-    dependencies:
-      available-typed-arrays: 1.0.7
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      has-proto: 1.2.0
-      is-typed-array: 1.1.15
-      reflect.getprototypeof: 1.0.10
-
-  typed-array-length@1.0.7:
-    dependencies:
-      call-bind: 1.0.8
-      for-each: 0.3.5
-      gopd: 1.2.0
-      is-typed-array: 1.1.15
-      possible-typed-array-names: 1.1.0
-      reflect.getprototypeof: 1.0.10
-
-  typescript-eslint@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3):
-    dependencies:
-      '@typescript-eslint/eslint-plugin': 8.47.0(@typescript-eslint/parser@8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      '@typescript-eslint/typescript-estree': 8.47.0(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.47.0(eslint@9.39.1(jiti@2.6.1))(typescript@5.9.3)
-      eslint: 9.39.1(jiti@2.6.1)
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - supports-color
-
-  typescript@5.9.3: {}
-
-  unbox-primitive@1.1.0:
-    dependencies:
-      call-bound: 1.0.4
-      has-bigints: 1.1.0
-      has-symbols: 1.1.0
-      which-boxed-primitive: 1.1.1
-
-  undici-types@6.21.0: {}
-
-  unified@11.0.5:
-    dependencies:
-      '@types/unist': 3.0.3
-      bail: 2.0.2
-      devlop: 1.1.0
-      extend: 3.0.2
-      is-plain-obj: 4.1.0
-      trough: 2.2.0
-      vfile: 6.0.3
-
-  unist-util-is@6.0.1:
-    dependencies:
-      '@types/unist': 3.0.3
-
-  unist-util-position@5.0.0:
-    dependencies:
-      '@types/unist': 3.0.3
-
-  unist-util-stringify-position@4.0.0:
-    dependencies:
-      '@types/unist': 3.0.3
-
-  unist-util-visit-parents@6.0.2:
-    dependencies:
-      '@types/unist': 3.0.3
-      unist-util-is: 6.0.1
-
-  unist-util-visit@5.0.0:
-    dependencies:
-      '@types/unist': 3.0.3
-      unist-util-is: 6.0.1
-      unist-util-visit-parents: 6.0.2
-
-  unrs-resolver@1.11.1:
-    dependencies:
-      napi-postinstall: 0.3.4
-    optionalDependencies:
-      '@unrs/resolver-binding-android-arm-eabi': 1.11.1
-      '@unrs/resolver-binding-android-arm64': 1.11.1
-      '@unrs/resolver-binding-darwin-arm64': 1.11.1
-      '@unrs/resolver-binding-darwin-x64': 1.11.1
-      '@unrs/resolver-binding-freebsd-x64': 1.11.1
-      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.11.1
-      '@unrs/resolver-binding-linux-arm-musleabihf': 1.11.1
-      '@unrs/resolver-binding-linux-arm64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-arm64-musl': 1.11.1
-      '@unrs/resolver-binding-linux-ppc64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-riscv64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-riscv64-musl': 1.11.1
-      '@unrs/resolver-binding-linux-s390x-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-x64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-x64-musl': 1.11.1
-      '@unrs/resolver-binding-wasm32-wasi': 1.11.1
-      '@unrs/resolver-binding-win32-arm64-msvc': 1.11.1
-      '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
-      '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
-
-  update-browserslist-db@1.1.4(browserslist@4.28.0):
-    dependencies:
-      browserslist: 4.28.0
-      escalade: 3.2.0
-      picocolors: 1.1.1
-
-  uri-js@4.4.1:
-    dependencies:
-      punycode: 2.3.1
-
-  use-callback-ref@1.3.3(@types/react@19.2.5)(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  use-composed-ref@1.4.0(@types/react@19.2.5)(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  use-isomorphic-layout-effect@1.2.1(@types/react@19.2.5)(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  use-latest@1.3.0(@types/react@19.2.5)(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-      use-isomorphic-layout-effect: 1.2.1(@types/react@19.2.5)(react@19.2.0)
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  use-sidecar@1.1.3(@types/react@19.2.5)(react@19.2.0):
-    dependencies:
-      detect-node-es: 1.1.0
-      react: 19.2.0
-      tslib: 2.8.1
-    optionalDependencies:
-      '@types/react': 19.2.5
-
-  use-sync-external-store@1.6.0(react@19.2.0):
-    dependencies:
-      react: 19.2.0
-
-  util-deprecate@1.0.2: {}
-
-  uuid@13.0.0: {}
-
-  uuid@8.3.2: {}
-
-  vfile-message@4.0.3:
-    dependencies:
-      '@types/unist': 3.0.3
-      unist-util-stringify-position: 4.0.0
-
-  vfile@6.0.3:
-    dependencies:
-      '@types/unist': 3.0.3
-      vfile-message: 4.0.3
-
-  w3c-keyname@2.2.8: {}
-
-  webidl-conversions@7.0.0: {}
-
-  whatwg-url@14.2.0:
-    dependencies:
-      tr46: 5.1.1
-      webidl-conversions: 7.0.0
-
-  which-boxed-primitive@1.1.1:
-    dependencies:
-      is-bigint: 1.1.0
-      is-boolean-object: 1.2.2
-      is-number-object: 1.1.1
-      is-string: 1.1.1
-      is-symbol: 1.1.1
-
-  which-builtin-type@1.2.1:
-    dependencies:
-      call-bound: 1.0.4
-      function.prototype.name: 1.1.8
-      has-tostringtag: 1.0.2
-      is-async-function: 2.1.1
-      is-date-object: 1.1.0
-      is-finalizationregistry: 1.1.1
-      is-generator-function: 1.1.2
-      is-regex: 1.2.1
-      is-weakref: 1.1.1
-      isarray: 2.0.5
-      which-boxed-primitive: 1.1.1
-      which-collection: 1.0.2
-      which-typed-array: 1.1.19
-
-  which-collection@1.0.2:
-    dependencies:
-      is-map: 2.0.3
-      is-set: 2.0.3
-      is-weakmap: 2.0.2
-      is-weakset: 2.0.4
-
-  which-typed-array@1.1.19:
-    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
-
-  which@2.0.2:
-    dependencies:
-      isexe: 2.0.0
-
-  word-wrap@1.2.5: {}
-
-  yallist@3.1.1: {}
-
-  yallist@4.0.0: {}
-
-  yocto-queue@0.1.0: {}
-
-  zod-validation-error@4.0.2(zod@4.1.12):
-    dependencies:
-      zod: 4.1.12
-
-  zod@4.1.12: {}
-
-  zwitch@2.0.4: {}
diff --git a/postcss.config.mjs b/postcss.config.mjs
index 61e36849cf7cfa9f1f71b4a3964a4953e3e243d3..c7bcb4b1ee14cd5e25078c2c934529afdd2a7df9 100644
--- a/postcss.config.mjs
+++ b/postcss.config.mjs
@@ -1,7 +1,5 @@
 const config = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
+  plugins: ["@tailwindcss/postcss"],
 };
 
 export default config;
diff --git a/public/banner.png b/public/banner.png
index 9ed7f8a15930d4a868c2757ce1e0a2195b9fd519..c4ab35880d4a77b6d17c7dd330c427460e16704c 100644
Binary files a/public/banner.png and b/public/banner.png differ
diff --git a/public/deepsite-badge.js b/public/deepsite-badge.js
index fbdd3e058e89ee079f8914652139e48e1c596a0f..003df5fe207eea5401c7b86ddd371e4d060069ae 100644
--- a/public/deepsite-badge.js
+++ b/public/deepsite-badge.js
@@ -1,20 +1,20 @@
-(function () {
-  "use strict";
-
+(function() {
+  'use strict';
+  
   // Check if badge already exists
-  if (document.getElementById("deepsite-badge-wrapper")) {
+  if (document.getElementById('deepsite-badge-wrapper')) {
     return;
   }
 
   // Don't show badge on huggingface.co/deepsite
   const hostname = window.location.hostname;
   const pathname = window.location.pathname;
-  if (hostname === "deepsite.hf.co" && pathname.startsWith("/")) {
+  if (hostname === 'huggingface.co' && pathname.startsWith('/deepsite')) {
     return;
   }
 
   // Inject keyframes for gradient rotation
-  const style = document.createElement("style");
+  const style = document.createElement('style');
   style.textContent = `
     @keyframes deepsite-spin {
       0% {
@@ -68,107 +68,110 @@
   document.head.appendChild(style);
 
   // Create badge wrapper (like the button element)
-  const badgeWrapper = document.createElement("div");
-  badgeWrapper.id = "deepsite-badge-wrapper";
-
+  const badgeWrapper = document.createElement('div');
+  badgeWrapper.id = 'deepsite-badge-wrapper';
+  
   // Create inner badge (like the span element)
-  const badgeInner = document.createElement("span");
-  badgeInner.id = "deepsite-badge-inner";
-
+  const badgeInner = document.createElement('span');
+  badgeInner.id = 'deepsite-badge-inner';
+  
   // Create mask element (the i element)
-  const borderMask = document.createElement("i");
-
+  const borderMask = document.createElement('i');
+  
   // Create link
-  const link = document.createElement("a");
-  link.href = "https://deepsite.hf.co";
-  link.target = "_blank";
-  link.rel = "noopener noreferrer";
-
-  const icon = document.createElement("img");
-  icon.src = "https://deepsite.hf.co/logo.svg";
-  icon.alt = "DeepSite";
-  icon.style.marginRight = "6px";
-  icon.style.width = "16px";
-  icon.style.height = "16px";
-  icon.style.filter = "brightness(0) invert(1)";
-
-  const text = document.createTextNode("Made with DeepSite");
-
+  const link = document.createElement('a');
+  link.href = 'https://huggingface.co/deepsite';
+  link.target = '_blank';
+  link.rel = 'noopener noreferrer';
+  
+  // Create icon placeholder
+  const icon = document.createElement('img');
+  icon.src = 'https://huggingface.co/deepsite/logo.svg';
+  icon.alt = 'DeepSite';
+  icon.style.marginRight = '6px';
+  icon.style.width = '16px';
+  icon.style.height = '16px';
+  icon.style.filter = 'brightness(0) invert(1)';
+  
+  // Create text
+  const text = document.createTextNode('Made with DeepSite');
+  
+  // Apply styles to wrapper (like button element)
   Object.assign(badgeWrapper.style, {
-    position: "fixed",
-    bottom: "20px",
-    left: "20px",
-    zIndex: "999999",
-    color: "#ffffff",
-    borderRadius: "9999px",
-    background: "rgba(0, 0, 0, 0.4)",
-    fontSize: "12px",
-    fontWeight: "500",
-    display: "inline-block",
-    cursor: "pointer",
-    padding: "1.5px",
-    overflow: "hidden",
-    backdropFilter: "blur(16px) saturate(180%)",
-    WebkitBackdropFilter: "blur(16px) saturate(180%)",
+    position: 'fixed',
+    bottom: '20px',
+    left: '20px',
+    zIndex: '999999',
+    color: '#ffffff',
+    borderRadius: '9999px',
+    background: 'rgba(0, 0, 0, 0.4)',
+    fontSize: '12px',
+    fontWeight: '500',
+    display: 'inline-block',
+    cursor: 'pointer',
+    padding: '1.5px',
+    overflow: 'hidden',
+    backdropFilter: 'blur(16px) saturate(180%)',
+    WebkitBackdropFilter: 'blur(16px) saturate(180%)',
   });
-
+  
   // Apply styles to inner badge (like span element)
   Object.assign(badgeInner.style, {
-    background: "rgba(0, 0, 0, 0.6)",
-    padding: "8px 16px",
-    display: "flex",
-    alignItems: "center",
-    borderRadius: "9999px",
-    boxShadow: "0 8px 32px 0 rgba(0, 0, 0, 0.5)",
-    transition: "all 0.3s ease",
-    border: "1px solid rgba(255, 255, 255, 0.1)",
+    background: 'rgba(0, 0, 0, 0.6)',
+    padding: '8px 16px',
+    display: 'flex',
+    alignItems: 'center',
+    borderRadius: '9999px',
+    boxShadow: '0 8px 32px 0 rgba(0, 0, 0, 0.5)',
+    transition: 'all 0.3s ease',
+    border: '1px solid rgba(255, 255, 255, 0.1)'
   });
-
+  
   // Apply styles to link
   Object.assign(link.style, {
-    color: "#ffffff",
-    textDecoration: "none",
-    fontWeight: "500",
-    display: "flex",
-    alignItems: "center",
-    fontFamily:
-      '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
-    textShadow: "0 2px 4px rgba(0, 0, 0, 0.3)",
+    color: '#ffffff',
+    textDecoration: 'none',
+    fontWeight: '500',
+    display: 'flex',
+    alignItems: 'center',
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    textShadow: '0 2px 4px rgba(0, 0, 0, 0.3)'
   });
-
+  
   // Add hover effect
-  badgeWrapper.addEventListener("mouseenter", function () {
-    badgeInner.style.background = "rgba(0, 0, 0, 0.75)";
-    badgeInner.style.boxShadow = "0 8px 32px 0 rgba(0, 0, 0, 0.7)";
+  badgeWrapper.addEventListener('mouseenter', function() {
+    badgeInner.style.background = 'rgba(0, 0, 0, 0.75)';
+    badgeInner.style.boxShadow = '0 8px 32px 0 rgba(0, 0, 0, 0.7)';
   });
-
-  badgeWrapper.addEventListener("mouseleave", function () {
-    badgeInner.style.background = "rgba(0, 0, 0, 0.6)";
-    badgeInner.style.boxShadow = "0 8px 32px 0 rgba(0, 0, 0, 0.5)";
+  
+  badgeWrapper.addEventListener('mouseleave', function() {
+    badgeInner.style.background = 'rgba(0, 0, 0, 0.6)';
+    badgeInner.style.boxShadow = '0 8px 32px 0 rgba(0, 0, 0, 0.5)';
   });
-
+  
   // Append elements
   link.appendChild(icon);
   link.appendChild(text);
   badgeInner.appendChild(link);
   badgeWrapper.appendChild(badgeInner);
   badgeWrapper.appendChild(borderMask);
-
+  
   // Wait for DOM to be ready
   function init() {
     if (document.body) {
       document.body.appendChild(badgeWrapper);
     } else {
-      document.addEventListener("DOMContentLoaded", function () {
+      document.addEventListener('DOMContentLoaded', function() {
         document.body.appendChild(badgeWrapper);
       });
     }
   }
-
+  
   // Initialize
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", init);
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
   } else {
     init();
   }
 })();
+
diff --git a/public/ding.mp3 b/public/ding.mp3
deleted file mode 100644
index 56ca401e5287797411c6984eee8c766a7e681c00..0000000000000000000000000000000000000000
Binary files a/public/ding.mp3 and /dev/null differ
diff --git a/public/googleb32deb948e0015cb.html b/public/googleb32deb948e0015cb.html
index b820a2992638f31a96d24c2c8ac5e7a9d7968e67..ee2f6514de5b692788c3b963c047fbdb47311f3b 100644
--- a/public/googleb32deb948e0015cb.html
+++ b/public/googleb32deb948e0015cb.html
@@ -1 +1 @@
-google-site-verification: googleb32deb948e0015cb.html
+google-site-verification: googleb32deb948e0015cb.html
\ No newline at end of file
diff --git a/public/logo.svg b/public/logo.svg
index 4113b3e9d0cf5fb00f961307ac8718c77d58da09..565f498f64b434d4b479fe5da0e7cddd5ee78591 100644
--- a/public/logo.svg
+++ b/public/logo.svg
@@ -1,34 +1,330 @@
-<svg width="583" height="466" viewBox="0 0 583 466" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M116.403 116.404C116.404 180.692 168.519 232.808 232.807 232.808V116.404C232.807 180.692 284.921 232.808 349.209 232.808H232.807C232.807 296.593 284.111 348.396 347.705 349.201L349.21 349.211H232.807C232.807 413.498 284.922 465.614 349.21 465.614C156.347 465.614 0.000264034 309.267 0 116.404H116.403ZM116.403 232.808C116.404 297.095 168.519 349.211 232.807 349.211V232.808H116.403Z" fill="#3F51B5"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M116.403 116.404C116.404 180.692 168.519 232.808 232.807 232.808V116.404C232.807 180.692 284.921 232.808 349.209 232.808H232.807C232.807 296.593 284.111 348.396 347.705 349.201L349.21 349.211H232.807C232.807 413.498 284.922 465.614 349.21 465.614C156.347 465.614 0.000264034 309.267 0 116.404H116.403ZM116.403 232.808C116.404 297.095 168.519 349.211 232.807 349.211V232.808H116.403Z" fill="url(#paint0_linear_450_3)"/>
-<path d="M465.612 349.21H349.209V232.808H465.612V349.21Z" fill="#3F51B5"/>
-<path d="M465.612 349.21H349.209V232.808H465.612V349.21Z" fill="url(#paint1_linear_450_3)"/>
-<path d="M582.016 116.403L582.006 117.908C581.2 181.502 529.398 232.808 465.612 232.808V116.403C465.612 52.1156 517.728 2.8101e-06 582.016 0V116.403Z" fill="#3F51B5"/>
-<path d="M582.016 116.403L582.006 117.908C581.2 181.502 529.398 232.808 465.612 232.808V116.403C465.612 52.1156 517.728 2.8101e-06 582.016 0V116.403Z" fill="url(#paint2_linear_450_3)"/>
-<path d="M320.108 116.403C336.18 116.403 349.21 129.432 349.21 145.504C349.21 161.576 336.18 174.605 320.108 174.605C304.037 174.605 291.008 161.576 291.008 145.504C291.008 129.432 304.037 116.404 320.108 116.403Z" fill="#3F51B5"/>
-<path d="M320.108 116.403C336.18 116.403 349.21 129.432 349.21 145.504C349.21 161.576 336.18 174.605 320.108 174.605C304.037 174.605 291.008 161.576 291.008 145.504C291.008 129.432 304.037 116.404 320.108 116.403Z" fill="url(#paint3_linear_450_3)"/>
-<path d="M349.209 0C413.497 0 465.612 52.1156 465.612 116.403H349.209V0Z" fill="#3F51B5"/>
-<path d="M349.209 0C413.497 0 465.612 52.1156 465.612 116.403H349.209V0Z" fill="url(#paint4_linear_450_3)"/>
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_40_2)">
+<rect x="4.23902" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="3.79248" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="3.79248" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="4.23902" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="15.6617" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="4.23902" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="4.23902" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="4.23902" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="4.23902" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="3.39123" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="3.39123" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="2.54342" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="2.54342" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="2.54342" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="2.54342" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="3.39123" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="3.39123" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="3.39123" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="4.23902" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="15.6617" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="15.6617" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="2.54342" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="2.54342" y="15.6617" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="15.6617" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="15.6617" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="2.54342" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="2.54342" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="1.6956" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="2.54342" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="3.39123" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="3.39123" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="3.39123" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="4.23902" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="4.23902" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="4.23902" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="3.39123" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="2.54342" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="3.39123" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="4.23902" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.93462" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.0215" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2604" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="12.7171" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.9561" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="18.6517" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="17.8038" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="19.4992" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="19.4992" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="20.347" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="19.4992" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="18.6517" y="20.7487" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="20.347" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="21.1948" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="22.8904" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="23.7382" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="24.586" y="18.2051" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="17.3574" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.9562" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="17.804" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="22.0426" y="16.5096" width="4.29512" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="15.6617" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="17.8039" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.9561" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="18.6517" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="22.0426" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="22.8909" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="21.1952" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="17.8039" y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="17.8039" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="17.8039" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.9561" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.9561" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="17.8039" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="20.3473" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="21.1948" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="19.4995" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="19.4995" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="18.6517" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="18.6517" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="17.8039" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="17.8039" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.9561" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.9561" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.9561" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="3.79248" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="5.48816" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="18.6517" y="8.03156" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="18.6517" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="19.4995" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="23.7387" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="22.8909" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="24.5866" y="8.87933" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="22.8908" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="24.5864" y="7.18372" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="20.3473" y="6.336" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="20.3473" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="21.1951" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="22.043" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="23.7913" y="4.64032" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="9.72717" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.9561" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="19.4995" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="20.347" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="24.5411" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="22.8455" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="13.1184" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.9561" y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1083" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="13.9662" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="15.2605" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="15.6617" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="14.4127" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="16.1084" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="15.6617" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="14.814" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="16.5096" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="13.5649" y="15.6617" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="11.8693" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="6.78246" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="7.63025" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="8.47804" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="9.32585" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="10.1736" y="19.9008" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="5.08683" y="19.053" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="12.2706" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="11.4227" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+<rect x="0.847809" y="10.5749" width="0.847804" height="0.847804" fill="#4D6BFE"/>
+</g>
 <defs>
-<linearGradient id="paint0_linear_450_3" x1="82.9287" y1="342.204" x2="423.571" y2="122.621" gradientUnits="userSpaceOnUse">
-<stop stop-color="#62C5FF"/>
-<stop offset="1" stop-color="#3F51B5"/>
-</linearGradient>
-<linearGradient id="paint1_linear_450_3" x1="82.9287" y1="342.204" x2="423.571" y2="122.621" gradientUnits="userSpaceOnUse">
-<stop stop-color="#62C5FF"/>
-<stop offset="1" stop-color="#3F51B5"/>
-</linearGradient>
-<linearGradient id="paint2_linear_450_3" x1="82.9287" y1="342.204" x2="423.571" y2="122.621" gradientUnits="userSpaceOnUse">
-<stop stop-color="#62C5FF"/>
-<stop offset="1" stop-color="#3F51B5"/>
-</linearGradient>
-<linearGradient id="paint3_linear_450_3" x1="82.9287" y1="342.204" x2="423.571" y2="122.621" gradientUnits="userSpaceOnUse">
-<stop stop-color="#62C5FF"/>
-<stop offset="1" stop-color="#3F51B5"/>
-</linearGradient>
-<linearGradient id="paint4_linear_450_3" x1="82.9287" y1="342.204" x2="423.571" y2="122.621" gradientUnits="userSpaceOnUse">
-<stop stop-color="#62C5FF"/>
-<stop offset="1" stop-color="#3F51B5"/>
-</linearGradient>
+<clipPath id="clip0_40_2">
+<rect width="25.3889" height="25.3889" fill="white"/>
+</clipPath>
 </defs>
 </svg>
diff --git a/public/providers/fireworks-ai.svg b/public/providers/fireworks-ai.svg
new file mode 100644
index 0000000000000000000000000000000000000000..934e9a739b720ec176ee55877777cf24191a75bb
--- /dev/null
+++ b/public/providers/fireworks-ai.svg
@@ -0,0 +1,4 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.13576 1.15381H2.86428C1.91965 1.15381 1.15387 1.91958 1.15387 2.86421V9.1357C1.15387 10.0803 1.91965 10.8461 2.86428 10.8461H9.13576C10.0804 10.8461 10.8462 10.0803 10.8462 9.1357V2.86421C10.8462 1.91958 10.0804 1.15381 9.13576 1.15381Z" fill="#5019C5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.99616 6.83098C5.76728 6.83098 5.5619 6.6951 5.4743 6.48474L4.41846 3.96362H5.03643L5.99976 6.26989L6.96216 3.96362H7.58016L6.51797 6.48566C6.42996 6.69511 6.22499 6.83098 5.99616 6.83098ZM7.37385 8.03564C7.1459 8.03564 6.94143 7.90064 6.85296 7.69212C6.76402 7.48175 6.81003 7.24161 6.97079 7.07864L8.89379 5.13081L9.13393 5.6973L7.37343 7.47723L9.88282 7.46324L10.123 8.02978L7.37431 8.03652L7.37385 8.03564ZM2.11717 7.46232L1.87701 8.02886L1.87792 8.02798L4.62654 8.03426C4.85362 8.03426 5.059 7.89977 5.14748 7.69074C5.23688 7.48083 5.19036 7.23981 5.0297 7.0773L3.10666 5.12943L2.86651 5.69597L4.62654 7.47635L2.11717 7.46232Z" fill="white"/>
+</svg>
diff --git a/public/providers/groq.svg b/public/providers/groq.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2c1f3edb8af82414f88d31090a316a9d54a23668
--- /dev/null
+++ b/public/providers/groq.svg
@@ -0,0 +1,4 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.24166 1.12451H2.75835C1.85597 1.12451 1.12445 1.85603 1.12445 2.75841V9.24172C1.12445 10.1441 1.85597 10.8756 2.75835 10.8756H9.24166C10.144 10.8756 10.8756 10.1441 10.8756 9.24172V2.75841C10.8756 1.85603 10.144 1.12451 9.24166 1.12451Z" fill="#F55036"/>
+<path d="M6.01109 2.76937C4.74274 2.75877 3.70342 3.74061 3.69241 4.96206C3.6814 6.18352 4.70092 7.18446 5.96923 7.19507H6.76635V6.36592H6.01109C5.21835 6.37437 4.56659 5.76366 4.55778 4.9981C4.54897 4.23258 5.18314 3.60701 5.97805 3.59853C5.98903 3.59853 6.00006 3.59853 6.01109 3.59853C6.80378 3.59853 7.44675 4.21774 7.45114 4.98117V7.01904C7.45114 7.7761 6.81038 8.39318 6.02646 8.40167C5.64994 8.39955 5.29105 8.25324 5.02681 7.99663L4.41685 8.58403C4.83961 8.99332 5.41215 9.22658 6.01109 9.23083H6.04188C7.29481 9.21384 8.30111 8.23414 8.30771 7.02754V4.92601C8.27688 3.72788 7.25738 2.7715 6.01109 2.76937Z" fill="white"/>
+</svg>
diff --git a/public/providers/hyperbolic.svg b/public/providers/hyperbolic.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7af378deca446054bdfd15074f9ed4b7e3bc4a51
--- /dev/null
+++ b/public/providers/hyperbolic.svg
@@ -0,0 +1,7 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.579 2.17849C1.68962 2.04003 1.94772 1.80003 2.15052 1.65234C2.35332 1.50464 2.63907 1.38464 2.78656 1.38464C2.95249 1.38464 3.09076 1.45849 3.17373 1.59695C3.24747 1.70772 3.54245 2.37234 3.81899 3.06464C4.10475 3.76618 4.3352 4.42157 4.3352 4.52311C4.3352 4.69849 4.31677 4.70772 3.76368 4.56926C3.44105 4.48618 2.93405 4.3108 2.62986 4.16311C2.32566 4.01541 1.92007 3.72003 1.73571 3.51695C1.45916 3.22157 1.38542 3.06464 1.38542 2.79695C1.3762 2.57541 1.44994 2.35387 1.579 2.17849Z" fill="#594CE9"/>
+<path d="M8.20671 2.95387C8.46485 2.31695 8.74136 1.70772 8.81511 1.59695C8.8981 1.45849 9.04556 1.38464 9.2023 1.38464C9.34053 1.38464 9.61708 1.49541 9.81988 1.64311C10.0227 1.7908 10.2716 2.00311 10.373 2.12311C10.502 2.2708 10.5573 2.45541 10.5573 2.76926C10.5573 3.15695 10.5113 3.26772 10.2347 3.55387C10.0596 3.73849 9.66319 4.00618 9.35899 4.15387C9.05479 4.30157 8.53856 4.48618 7.60754 4.70772L7.66284 4.40311C7.69971 4.24618 7.93939 3.5908 8.20671 2.95387Z" fill="#594CE9"/>
+<path d="M2.17813 4.98467C2.1136 4.7539 2.03064 4.48621 1.99377 4.3939C1.95689 4.26467 1.97533 4.22775 2.05829 4.26467C2.1136 4.30159 2.4178 4.43082 2.722 4.55082C3.02619 4.68005 3.60693 4.85544 4.01253 4.93852C4.50108 5.04005 5.17402 5.09544 5.9944 5.09544C6.8056 5.09544 7.49694 5.04005 7.97629 4.93852C8.38189 4.85544 9.00871 4.66159 9.35902 4.5139C9.71851 4.37544 10.0135 4.26467 10.0319 4.2739C10.0412 4.28313 9.9766 4.45852 9.89366 4.66159C9.78303 4.92005 9.73697 5.29852 9.72774 5.9539C9.72774 6.62775 9.77385 6.98775 9.89366 7.29236C9.98583 7.52313 10.0412 7.71698 10.0319 7.72621C10.0135 7.73544 9.71851 7.62467 9.35902 7.48621C9.00871 7.33851 8.38189 7.14467 7.97629 7.06159C7.48775 6.95082 6.81483 6.90467 5.9944 6.90467C5.17402 6.90467 4.50108 6.95082 4.01253 7.06159C3.60693 7.14467 2.98932 7.33851 2.62981 7.48621C2.27953 7.62467 1.97533 7.73544 1.96611 7.72621C1.95689 7.71698 2.03064 7.47698 2.12282 7.20005C2.23343 6.89544 2.30718 6.4339 2.30718 6.04621C2.30718 5.69544 2.25187 5.21544 2.17813 4.98467Z" fill="#594CE9"/>
+<path d="M2.62982 7.84619C2.93401 7.6985 3.43179 7.52311 3.72677 7.44926C4.21533 7.32926 4.27985 7.3385 4.30751 7.46773C4.33516 7.5508 4.17845 8.04927 3.96644 8.58465C3.75443 9.12003 3.47788 9.78465 3.33961 10.0616C3.13681 10.477 3.04463 10.5693 2.84183 10.597C2.69435 10.6062 2.44546 10.5323 2.28875 10.44C2.12282 10.3477 1.84628 10.117 1.68958 9.93234C1.4499 9.67388 1.38538 9.51696 1.38538 9.2308C1.38538 8.93542 1.4499 8.78773 1.73567 8.48311C1.92003 8.28003 2.32562 7.98465 2.62982 7.84619Z" fill="#594CE9"/>
+<path d="M8.20675 9.04616C7.93942 8.40924 7.70898 7.77232 7.69056 7.62463L7.65369 7.35693L8.06847 7.41232C8.29892 7.44924 8.75986 7.5877 9.11012 7.72616C9.51572 7.89232 9.88444 8.13232 10.1886 8.41847C10.6495 8.86155 10.6495 8.87078 10.585 9.30463C10.5481 9.54463 10.4467 9.82155 10.3546 9.91386C10.2624 10.0062 10.0227 10.2092 9.81992 10.3569C9.61712 10.5046 9.34056 10.6154 9.20233 10.6154C9.03636 10.6154 8.89813 10.5415 8.81515 10.4123C8.74139 10.2923 8.46489 9.68309 8.20675 9.04616Z" fill="#594CE9"/>
+</svg>
diff --git a/public/providers/nebius.svg b/public/providers/nebius.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2e4ab69276e518c2cb45f54d209c58030f530e45
--- /dev/null
+++ b/public/providers/nebius.svg
@@ -0,0 +1,4 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.56704 1.12451H3.08373C2.18135 1.12451 1.44983 1.85603 1.44983 2.75841V9.24172C1.44983 10.1441 2.18135 10.8756 3.08373 10.8756H9.56704C10.4694 10.8756 11.2009 10.1441 11.2009 9.24172V2.75841C11.2009 1.85603 10.4694 1.12451 9.56704 1.12451Z" fill="#D9FE00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1538 2.41048H8.76921V8.5284C8.76921 8.5284 10.1538 8.44089 10.1538 6.77622V2.41048ZM1.84613 5.22388V9.58625H3.23075V3.46832C3.23075 3.46832 4.0627 3.34696 4.50267 4.4144L6.24639 8.62772C6.53162 9.30965 6.99856 9.69235 7.65796 9.69235C8.31736 9.69235 8.76921 9.13182 8.76921 8.53122C8.76921 8.53122 7.93724 8.65255 7.49458 7.58571L5.75356 3.37236C5.46833 2.69046 5.00139 2.30774 4.342 2.30774C3.68258 2.30774 3.23075 2.86771 3.23075 3.46832C3.22805 3.46832 1.84613 3.55864 1.84613 5.22388Z" fill="#002C44"/>
+</svg>
diff --git a/public/providers/novita.svg b/public/providers/novita.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d14e345951ccb6966f34ddde190b80d6a18b5f98
--- /dev/null
+++ b/public/providers/novita.svg
@@ -0,0 +1,4 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.24166 1.12451H2.75835C1.85597 1.12451 1.12445 1.85603 1.12445 2.75841V9.24172C1.12445 10.1441 1.85597 10.8756 2.75835 10.8756H9.24166C10.144 10.8756 10.8756 10.1441 10.8756 9.24172V2.75841C10.8756 1.85603 10.144 1.12451 9.24166 1.12451Z" fill="black"/>
+<path d="M4.94706 2.67265C4.93488 2.68094 4.92879 3.13073 4.93082 3.75671L4.93488 4.82627C2.26304 7.55817 1.49212 8.35621 1.4982 8.36655C1.50226 8.37486 2.27724 8.38109 3.22061 8.38109H4.93488C4.93488 6.71041 4.94097 6.22123 4.95113 6.21712C4.95925 6.21089 5.4441 6.69592 6.03043 7.29495L7.09548 8.38109C9.74503 8.38109 10.518 8.37486 10.522 8.36452C10.5281 8.35621 9.28045 7.06903 7.74874 5.50404C6.21703 3.93912 4.95722 2.66436 4.94706 2.67265Z" fill="#26D57A"/>
+</svg>
diff --git a/public/providers/sambanova.svg b/public/providers/sambanova.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1d2593c9bc0c0f5741b5c1e051c08f204419bbcf
--- /dev/null
+++ b/public/providers/sambanova.svg
@@ -0,0 +1,5 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.049 10.6154H10.5364V4.3314C10.5364 3.02615 9.457 1.89807 8.12491 1.89807H4.76398C3.43191 1.89807 2.35613 2.97553 2.35613 4.2844C2.35613 5.58963 3.43191 6.66714 4.76398 6.66714H5.09971C5.66288 6.66714 6.12497 7.12992 6.12497 7.69397C6.12497 8.25801 5.66288 8.7172 5.09971 8.7172H1.81824V8.20738H5.07446C5.35605 8.20738 5.58709 7.97597 5.58709 7.71926C5.58709 7.43726 5.35605 7.23114 5.07446 7.23114H4.73874C3.15033 7.20584 1.81824 5.89697 1.81824 4.2844C1.81824 2.6682 3.15033 1.38464 4.76398 1.38464H8.1502C9.73858 1.38464 11.049 2.74413 11.049 4.3314V10.6154Z" fill="#EE7624"/>
+<path d="M5.125 6.28009C5.84338 6.30538 6.53652 6.94899 6.53652 7.71552C6.53652 8.48564 5.89392 9.1509 5.09971 9.1509H1.81824V9.66432H5.07446C6.15026 9.66432 7.04551 8.79298 7.04551 7.71552C7.04551 7.43707 6.99497 7.18036 6.86864 6.92366C6.76392 6.69229 6.58706 6.46087 6.40655 6.28009C6.2008 6.1029 5.96975 5.97275 5.71341 5.87153C5.40658 5.77027 5.09971 5.79556 4.76398 5.77027C4.5835 5.77027 4.17557 5.66541 3.94453 5.51356C3.71349 5.35807 3.53299 5.15199 3.43191 4.92423C3.35249 4.7181 3.30195 4.51203 3.30195 4.28062C3.30195 3.48518 3.94453 2.84521 4.73874 2.84521H8.12131C8.91548 2.84521 9.55808 3.53942 9.55808 4.30593V10.6116H10.0707V4.33124C10.0707 3.25739 9.20071 2.33179 8.12131 2.33179H4.76398C3.68822 2.33179 2.79294 3.20316 2.79294 4.28062C2.79294 4.56264 2.84348 4.81936 2.96983 5.07607C3.07452 5.30749 3.22614 5.53886 3.43191 5.71604C3.61241 5.89683 3.86872 6.02338 4.09976 6.12824C4.22611 6.17883 4.35607 6.20416 4.50769 6.22946C4.86871 6.25475 5.09971 6.28009 5.125 6.28009Z" fill="#EE7624"/>
+<path d="M5.07446 10.6153H1.81824V10.1019H5.07446C6.40655 10.1019 7.48231 9.02446 7.48231 7.71558C7.48231 6.41035 6.40655 5.33285 5.07446 5.33285H4.73874C4.17557 5.33285 3.71349 4.87006 3.71349 4.30602C3.71349 3.74198 4.17557 3.27917 4.73874 3.27917H8.12491C8.68808 3.27917 9.15017 3.76729 9.15017 4.33133V10.6117H8.63754V4.33133C8.63754 4.05293 8.40649 3.79621 8.1502 3.79621H4.76398C4.48242 3.79621 4.28026 4.02761 4.28026 4.28071C4.28026 4.53742 4.5113 4.76885 4.79288 4.76885H5.125C6.73868 4.76885 8.04908 6.07408 8.04908 7.66495C8.02383 9.30646 6.68814 10.6117 5.07446 10.6117V10.6153Z" fill="#EE7624"/>
+</svg>
diff --git a/public/providers/together.svg b/public/providers/together.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2faae86b2c8a5694e7317fec8e5df0c858bcba6e
--- /dev/null
+++ b/public/providers/together.svg
@@ -0,0 +1,10 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_201_6" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="10" height="10">
+<path d="M10.9065 1.15387H1.21423V10.8462H10.9065V1.15387Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_201_6)">
+<path d="M9.19614 1.15387H2.92464C1.98001 1.15387 1.21423 1.91965 1.21423 2.86428V9.13576C1.21423 10.0804 1.98001 10.8462 2.92464 10.8462H9.19614C10.1408 10.8462 10.9066 10.0804 10.9066 9.13576V2.86428C10.9066 1.91965 10.1408 1.15387 9.19614 1.15387Z" fill="#F1EFED"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.12709 5.78625C9.07172 5.78625 9.83751 5.02046 9.83751 4.07582C9.83751 3.13119 9.07172 2.36542 8.12709 2.36542C7.18246 2.36542 6.41668 3.13119 6.41668 4.07582C6.41668 5.02046 7.18246 5.78625 8.12709 5.78625ZM8.12709 9.77736C9.07172 9.77736 9.83751 9.01157 9.83751 8.06694C9.83751 7.12231 9.07172 6.35657 8.12709 6.35657C7.18246 6.35657 6.41668 7.12231 6.41668 8.06694C6.41668 9.01157 7.18246 9.77736 8.12709 9.77736ZM5.84658 8.06694C5.84658 9.01157 5.0808 9.77736 4.13619 9.77736C3.19156 9.77736 2.42578 9.01157 2.42578 8.06694C2.42578 7.12231 3.19156 6.35657 4.13619 6.35657C5.0808 6.35657 5.84658 7.12231 5.84658 8.06694Z" fill="#D3D1D1"/>
+<path d="M4.13619 5.78625C5.0808 5.78625 5.84658 5.02046 5.84658 4.07582C5.84658 3.13119 5.0808 2.36542 4.13619 2.36542C3.19156 2.36542 2.42578 3.13119 2.42578 4.07582C2.42578 5.02046 3.19156 5.78625 4.13619 5.78625Z" fill="#0F6FFF"/>
+</g>
+</svg>
diff --git a/public/providers/zai-org.svg b/public/providers/zai-org.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cb34372ae0a36e7fa5dd334d2a539a3992b6d997
--- /dev/null
+++ b/public/providers/zai-org.svg
@@ -0,0 +1,215 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" style="enable-background:new 0 0 30 30;" xml:space="preserve" viewBox="1.17 1.17 27.66 27.65">
+<style type="text/css">
+	.st0{opacity:0.3;fill:#E2E4E7;}
+	.st1{opacity:0.8;fill:#E2E4E7;stroke:#FFFFFF;stroke-width:5;stroke-miterlimit:10;}
+	.st2{fill:url(#SVGID_1_);}
+	.st3{fill:none;stroke:#E0E4E9;stroke-width:0.25;stroke-miterlimit:10;}
+	.st4{fill:none;}
+	.st5{fill:#9DA1A5;}
+	.st6{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st7{fill-rule:evenodd;clip-rule:evenodd;fill:#DFE2E7;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#CDD4DA;}
+	.st9{fill-rule:evenodd;clip-rule:evenodd;fill:#B3BCC7;}
+	.st10{fill-rule:evenodd;clip-rule:evenodd;fill:#9DAAB7;}
+	.st11{fill-rule:evenodd;clip-rule:evenodd;fill:#8698A8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_2_);}
+	.st13{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_3_);}
+	.st14{fill:#1F63EC;}
+	.st15{fill:#2D2D2D;}
+	.st16{fill:none;stroke:#E0E4E9;stroke-width:0.5;stroke-miterlimit:10;}
+	.st17{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_4_);}
+	.st18{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_5_);}
+	.st19{fill:none;stroke:#677380;stroke-width:0.5;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:url(#SVGID_6_);stroke-width:2;stroke-miterlimit:10;}
+	.st21{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_7_);}
+	.st22{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_8_);}
+	.st23{fill:#FFFFFF;}
+	.st24{fill-rule:evenodd;clip-rule:evenodd;fill:#2D2D2D;}
+	.st25{clip-path:url(#SVGID_10_);}
+	.st26{clip-path:url(#SVGID_12_);}
+	.st27{fill:url(#SVGID_13_);}
+	.st28{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_14_);}
+	.st29{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_15_);}
+	.st30{clip-path:url(#SVGID_17_);}
+	.st31{clip-path:url(#SVGID_19_);}
+	.st32{fill:url(#SVGID_20_);}
+	.st33{fill:none;stroke:url(#SVGID_21_);stroke-width:2;stroke-miterlimit:10;}
+	.st34{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_22_);}
+	.st35{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_23_);}
+	.st36{clip-path:url(#SVGID_25_);}
+	.st37{clip-path:url(#SVGID_27_);}
+	.st38{fill:url(#SVGID_28_);}
+	.st39{clip-path:url(#SVGID_30_);}
+	.st40{clip-path:url(#SVGID_32_);}
+	.st41{fill:url(#SVGID_33_);}
+	.st42{fill-rule:evenodd;clip-rule:evenodd;fill:#126EF6;}
+	.st43{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st44{clip-path:url(#SVGID_35_);}
+	.st45{clip-path:url(#SVGID_37_);}
+	.st46{fill:url(#SVGID_38_);}
+	.st47{fill-rule:evenodd;clip-rule:evenodd;fill:#9DA1A5;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_39_);}
+	.st49{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_40_);}
+	.st50{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_41_);}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_42_);}
+	.st52{fill:none;stroke:url(#SVGID_43_);stroke-width:2;stroke-miterlimit:10;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#E0E4E9;stroke-width:0.5;stroke-miterlimit:10;}
+	.st54{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_44_);}
+	.st55{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_45_);}
+	.st56{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_46_);}
+	.st57{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_47_);}
+	.st58{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_48_);}
+	.st59{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_49_);}
+	.st60{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_50_);}
+	.st61{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_51_);}
+	.st62{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_52_);}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_53_);}
+	.st64{clip-path:url(#SVGID_55_);}
+	.st65{clip-path:url(#SVGID_57_);}
+	.st66{fill:url(#SVGID_58_);}
+	.st67{clip-path:url(#SVGID_60_);}
+	.st68{clip-path:url(#SVGID_62_);}
+	.st69{fill:url(#SVGID_63_);}
+	.st70{fill:none;stroke:url(#SVGID_64_);stroke-width:2;stroke-miterlimit:10;}
+	.st71{clip-path:url(#SVGID_66_);}
+	.st72{clip-path:url(#SVGID_68_);}
+	.st73{fill:url(#SVGID_69_);}
+	.st74{clip-path:url(#SVGID_71_);}
+	.st75{clip-path:url(#SVGID_73_);}
+	.st76{fill:url(#SVGID_74_);}
+	.st77{clip-path:url(#SVGID_76_);}
+	.st78{clip-path:url(#SVGID_78_);}
+	.st79{fill:url(#SVGID_79_);}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_80_);}
+	.st81{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_81_);}
+	.st82{clip-path:url(#SVGID_83_);}
+	.st83{clip-path:url(#SVGID_85_);}
+	.st84{fill:url(#SVGID_86_);}
+	.st85{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_87_);}
+	.st86{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_88_);}
+	.st87{clip-path:url(#SVGID_90_);}
+	.st88{clip-path:url(#SVGID_92_);}
+	.st89{fill:url(#SVGID_93_);}
+	.st90{fill:none;stroke:url(#SVGID_94_);stroke-width:2;stroke-miterlimit:10;}
+	.st91{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_95_);}
+	.st92{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_96_);}
+	.st93{clip-path:url(#SVGID_98_);}
+	.st94{clip-path:url(#SVGID_100_);}
+	.st95{fill:url(#SVGID_101_);}
+	.st96{clip-path:url(#SVGID_103_);}
+	.st97{clip-path:url(#SVGID_105_);}
+	.st98{fill:url(#SVGID_106_);}
+	.st99{clip-path:url(#SVGID_108_);}
+	.st100{clip-path:url(#SVGID_110_);}
+	.st101{fill:url(#SVGID_111_);}
+	.st102{fill:#FFFFFF;stroke:#B3BCC7;stroke-width:0.275;stroke-miterlimit:10;}
+	.st103{clip-path:url(#SVGID_113_);}
+	.st104{fill:#FDD138;}
+	.st105{fill:#FCA62F;}
+	.st106{fill:#FB7927;}
+	.st107{fill:#F44B22;}
+	.st108{fill:#D81915;}
+	.st109{fill:#2D2D2D;stroke:#FFFFFF;stroke-width:0.3354;stroke-miterlimit:10;}
+	.st110{fill:none;stroke:#65727F;stroke-width:2;stroke-miterlimit:10;}
+	.st111{fill:none;stroke:#65727F;stroke-width:0.75;stroke-miterlimit:10;}
+	.st112{fill:url(#SVGID_114_);}
+	.st113{fill:#D06C50;}
+	.st114{fill:#2D2D2D;stroke:#B3BCC7;stroke-width:0.275;stroke-miterlimit:10;}
+	.st115{opacity:0.2;}
+	.st116{fill:none;stroke:#677380;stroke-width:0.3564;stroke-miterlimit:10;}
+	.st117{fill:none;stroke:#677380;stroke-width:0.3564;stroke-miterlimit:10;stroke-dasharray:1.0212,1.0212;}
+	.st118{fill:none;stroke:#677380;stroke-width:0.3564;stroke-miterlimit:10;stroke-dasharray:1.0205,1.0205;}
+	.st119{opacity:0.2;fill:none;}
+	.st120{fill:none;stroke:#677380;stroke-width:0.3689;stroke-miterlimit:10;}
+	.st121{fill:none;stroke:#677380;stroke-width:0.3689;stroke-miterlimit:10;stroke-dasharray:1.0509,1.0509;}
+	.st122{opacity:0.3;fill:#1F63EC;}
+	.st123{fill:#2D2D2D;stroke:#FFFFFF;stroke-width:0.3162;stroke-miterlimit:10;}
+	.st124{fill:#FFFFFF;stroke:#B3BCC7;stroke-width:0.3162;stroke-miterlimit:10;}
+	.st125{clip-path:url(#SVGID_118_);}
+	.st126{fill:url(#SVGID_119_);}
+	.st127{fill:none;stroke:#DFE2E7;stroke-width:0.75;stroke-miterlimit:10;}
+	.st128{fill:#9DA1A5;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st129{fill:url(#SVGID_120_);}
+	.st130{fill:none;stroke:#677380;stroke-width:0.75;stroke-miterlimit:10;}
+	.st131{opacity:0.4;}
+	.st132{clip-path:url(#SVGID_122_);}
+	.st133{clip-path:url(#SVGID_124_);}
+	.st134{fill:url(#SVGID_125_);}
+	.st135{fill:none;stroke:#8392A3;stroke-width:0.35;stroke-miterlimit:10;}
+	.st136{fill:none;stroke:#8392A3;stroke-width:0.35;stroke-miterlimit:10;stroke-dasharray:0.9951,0.9951;}
+	.st137{fill:none;stroke:#8392A3;stroke-width:0.35;stroke-miterlimit:10;stroke-dasharray:1.004,1.004;}
+	.st138{fill:none;stroke:url(#SVGID_126_);stroke-width:1.5;stroke-miterlimit:10;}
+	.st139{fill:url(#SVGID_127_);}
+	.st140{fill:none;stroke:#DDE0E4;stroke-width:0.35;stroke-miterlimit:10;}
+	.st141{fill:#2D2D2D;stroke:#A9B3BE;stroke-width:0.275;stroke-miterlimit:10;}
+	.st142{fill-rule:evenodd;clip-rule:evenodd;fill:#126EF4;}
+	.st143{fill:#FFFFFF;stroke:#B1BAC4;stroke-width:0.275;stroke-miterlimit:10;}
+	.st144{fill:#CE6C50;}
+	.st145{fill:#5B5B5B;}
+	.st146{fill:#8392A3;}
+	.st147{fill:none;stroke:url(#SVGID_128_);stroke-width:1.5;stroke-miterlimit:10;}
+	.st148{fill:url(#SVGID_129_);}
+	.st149{fill:none;stroke:#B5BDC4;stroke-width:0.7;stroke-miterlimit:10;}
+	.st150{opacity:0.6;fill:none;stroke:#78838E;stroke-width:0.35;stroke-miterlimit:10;}
+	.st151{opacity:0.2;fill:none;stroke:#8392A3;stroke-width:0.35;stroke-miterlimit:10;stroke-dasharray:1,1;}
+	.st152{fill:none;stroke:#DDE0E4;stroke-width:0.75;stroke-miterlimit:10;}
+	.st153{fill:none;stroke:#8392A3;stroke-width:0.5;stroke-miterlimit:10;}
+	.st154{opacity:0.2;fill:none;stroke:#677380;stroke-width:0.3564;stroke-miterlimit:10;stroke-dasharray:1.0182,1.0182;}
+	.st155{fill:none;stroke:#DDE0E4;stroke-width:0.765;stroke-miterlimit:10;}
+	.st156{fill:url(#SVGID_130_);}
+	.st157{fill:url(#SVGID_131_);}
+	.st158{fill:#B1BAC4;}
+	.st159{fill:#CBD1D8;}
+	.st160{fill:#0B1B2B;}
+	.st161{fill:#91D119;}
+	.st162{opacity:0.7;}
+	.st163{fill:#FFFFFF;stroke:#000000;stroke-width:0.4418;stroke-miterlimit:10;}
+	.st164{fill:none;stroke:#939CAA;stroke-width:0.2209;stroke-miterlimit:10;}
+	.st165{fill:none;stroke:#FFFFFF;stroke-width:3.0924;stroke-miterlimit:10;}
+	.st166{fill:url(#SVGID_132_);}
+	.st167{fill:none;stroke:url(#SVGID_133_);stroke-width:1.714;stroke-miterlimit:10;}
+	.st168{fill:url(#SVGID_134_);}
+	.st169{fill:url(#SVGID_135_);}
+	.st170{fill:url(#SVGID_136_);}
+	.st171{fill:url(#SVGID_137_);}
+	.st172{fill:url(#SVGID_138_);}
+	.st173{fill:url(#SVGID_139_);}
+	.st174{fill:url(#SVGID_140_);}
+	.st175{fill:url(#SVGID_141_);}
+	.st176{fill:url(#SVGID_142_);}
+	.st177{fill:url(#SVGID_143_);}
+	.st178{fill:url(#SVGID_144_);}
+	.st179{fill:none;stroke:#1F63EC;stroke-width:4;stroke-miterlimit:10;}
+	.st180{fill:none;stroke:#0B1B2B;stroke-width:4;stroke-miterlimit:10;}
+	.st181{fill:none;stroke:#677380;stroke-width:0.3989;stroke-miterlimit:10;}
+	.st182{fill:none;stroke:#677380;stroke-width:0.3989;stroke-miterlimit:10;stroke-dasharray:1.14,1.14;}
+	.st183{fill:#257AF1;}
+	.st184{opacity:0.3;fill:#FFFFFF;}
+	.st185{fill:none;stroke:#98A5B2;stroke-width:4;stroke-miterlimit:10;}
+	.st186{fill:none;stroke:#65727F;stroke-width:0.3989;stroke-miterlimit:10;}
+	.st187{fill:none;stroke:#65727F;stroke-width:0.3989;stroke-miterlimit:10;stroke-dasharray:1.14,1.14;}
+	.st188{fill:none;stroke:#DDDFE4;stroke-width:0.75;stroke-miterlimit:10;}
+	.st189{fill:#9A9EA2;}
+	.st190{fill-rule:evenodd;clip-rule:evenodd;fill:#3267AC;}
+	.st191{fill:#FFFFFF;stroke:#AFB8C3;stroke-width:0.275;stroke-miterlimit:10;}
+	.st192{fill:#C5694E;}
+	.st193{fill:#8192A2;}
+	.st194{fill:#2D2D2D;stroke:#FFFFFF;stroke-width:0.6317;stroke-miterlimit:10;}
+</style>
+<g id="图层_2">
+</g>
+<g id="图层_1">
+	<path class="st194" d="M24.51,28.51H5.49c-2.21,0-4-1.79-4-4V5.49c0-2.21,1.79-4,4-4h19.03c2.21,0,4,1.79,4,4v19.03   C28.51,26.72,26.72,28.51,24.51,28.51z"/>
+	<g>
+		<g>
+			<g>
+				<g>
+					<path class="st23" d="M15.47,7.1l-1.3,1.85c-0.2,0.29-0.54,0.47-0.9,0.47h-7.1V7.09C6.16,7.1,15.47,7.1,15.47,7.1z"/>
+					<polygon class="st23" points="24.3,7.1 13.14,22.91 5.7,22.91 16.86,7.1      "/>
+					<path class="st23" d="M14.53,22.91l1.31-1.86c0.2-0.29,0.54-0.47,0.9-0.47h7.09v2.33H14.53z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/public/robots.txt b/public/robots.txt
index 3f6de60d046bf5dcb96c7be2d3a89e84e67b7e1d..dd526c86ae98db6eb0b97389f94c8eb1cbd97e85 100644
--- a/public/robots.txt
+++ b/public/robots.txt
@@ -11,7 +11,7 @@ Disallow: /assets/
 Allow: /api/public/
 
 # Sitemap location
-Sitemap: https://deepsite.hf.co/sitemap.xml
+Sitemap: https://huggingface.co/deepsite/sitemap.xml
 
 # Crawl-delay for respectful crawling
 Crawl-delay: 1
diff --git a/public/success.mp3 b/public/success.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..a0f2e2d83666a0d1b9faef56ff307709d3a4205c
Binary files /dev/null and b/public/success.mp3 differ
diff --git a/tsconfig.json b/tsconfig.json
index 3a13f90a773b0facb675bf5b1a8239c8f33d36f5..d8b93235f205efbea6e8fceb1c9ddb57ddddf28d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react-jsx",
+    "jsx": "preserve",
     "incremental": true,
     "plugins": [
       {
@@ -22,13 +22,6 @@
       "@/*": ["./*"]
     }
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts",
-    "**/*.mts"
-  ],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }
diff --git a/types/declare.d.ts b/types/declare.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4e92ec7ddfb7d251a93e16a62a50d28b80c58e07
--- /dev/null
+++ b/types/declare.d.ts
@@ -0,0 +1,5 @@
+declare module "*.mp3" {
+  const src: string;
+  export default src;
+}
+declare module 'log4js-json-layout';
\ No newline at end of file
diff --git a/types/index.ts b/types/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..529ba3ee12a45ace2b334611a4a821e4998827e1
--- /dev/null
+++ b/types/index.ts
@@ -0,0 +1,57 @@
+import { SpaceEntry } from "@huggingface/hub";
+
+export interface User {
+  fullname: string;
+  avatarUrl: string;
+  name: string;
+  isLocalUse?: boolean;
+  isPro: boolean;
+  id: string;
+  token?: string;
+}
+
+export interface HtmlHistory {
+  pages: Page[];
+  createdAt: Date;
+  prompt: string;
+}
+
+export interface Project {
+  title: string;
+  html: string;
+  prompts: string[];
+  user_id: string;
+  space_id: string;
+  pages: Page[];
+  files: string[];
+  cardData?: any;
+  name?: string;
+  _id?: string;
+  _updatedAt?: Date;
+  _createdAt?: Date;
+}
+
+// expand SpaceEntry type
+export interface ProjectType extends SpaceEntry {
+  cardData?: any;
+}
+
+export interface Page {
+  path: string;
+  html: string;
+}
+
+export interface Commit {
+  title: string;
+  oid: string;
+  date: Date;
+}
+
+export interface EnhancedSettings {
+  isActive: boolean;
+  primaryColor: string | undefined;
+  secondaryColor: string | undefined;
+  theme: Theme;
+}
+
+export type Theme = "light" | "dark" | undefined;