Delete app

.env.example

@@ -1,4 +0,0 @@
-AUTH_HUGGINGFACE_ID=
-AUTH_HUGGINGFACE_SECRET=
-NEXTAUTH_URL=http://localhost:3001
-AUTH_SECRET=

.github/workflows/deploy-prod.yml

@@ -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 }}"}'

.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

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"]
+CMD ["npm", "start"]

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)
+

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 🐳

actions/mentions.ts

@@ -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));
-};

actions/projects.ts

@@ -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: [],
-    };
-  }
-};

app/(public)/layout.tsx

@@ -1,14 +0,0 @@
-import { Navigation } from "@/components/public/navigation";
-
-export default function PublicLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <div className="min-h-screen font-sans">
-      <Navigation />
-      {children}
-    </div>
-  );
-}

app/(public)/page.tsx

@@ -1,25 +0,0 @@
-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";
-
-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 />
-    </>
-  );
-}

app/(public)/signin/page.tsx

@@ -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>
-  );
-}

app/[owner]/[repoId]/page.tsx

@@ -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}
-    />
-  );
-}

app/api/ask/route.ts

@@ -1,183 +0,0 @@
-import { NextResponse } from "next/server";
-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";
-
-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 {
-    prompt,
-    previousMessages = [],
-    files = [],
-    provider,
-    model,
-    redesignMd,
-    medias,
-  } = body;
-
-  if (!prompt) {
-    return NextResponse.json({ error: "Prompt is required" }, { status: 400 });
-  }
-  if (!model || !MODELS.find((m: (typeof MODELS)[0]) => m.value === model)) {
-    return NextResponse.json({ error: "Model is required" }, { status: 400 });
-  }
-
-  const client = new InferenceClient(token);
-
-  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 () => {
-      let hasRetried = false;
-      let currentModel = model;
-
-      const tryGeneration = async (): Promise<void> => {
-        try {
-          const chatCompletion = client.chatCompletionStream({
-            model: currentModel + (provider !== "auto" ? `:${provider}` : ""),
-            messages: [
-              {
-                role: "system",
-                content:
-                  files.length > 0
-                    ? FOLLOW_UP_SYSTEM_PROMPT
-                    : INITIAL_SYSTEM_PROMPT,
-              },
-              ...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}`,
-                    },
-                  ]
-                : []),
-              {
-                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`
-                    : ""
-                }`,
-              }
-            ],
-            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));
-            }
-          }
-
-          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"
-            )
-          ) {
-            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();
-          }
-
-          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);
-            }
-          }
-        }
-      };
-
-      await tryGeneration();
-    })();
-
-    return response;
-  } catch (error) {
-    return NextResponse.json(
-      {
-        error: error instanceof Error ? error.message : "Internal Server Error",
-      },
-      { status: 500 }
-    );
-  }
-}

app/api/auth/[...nextauth]/route.ts

@@ -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 };

app/api/healthcheck/route.ts

@@ -1,5 +0,0 @@
-import { NextResponse } from "next/server";
-
-export async function GET() {
-  return NextResponse.json({ status: "ok" }, { status: 200 });
-}

app/api/projects/[repoId]/[commitId]/route.ts

@@ -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 });
-}

app/api/projects/[repoId]/download/route.ts

@@ -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 });
-  }
-}

app/api/projects/[repoId]/medias/route.ts

@@ -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 });
-}

app/api/projects/[repoId]/rename/route.ts

@@ -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 }
-  );
-}

app/api/projects/[repoId]/route.ts

@@ -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 });
-  }
-}

app/api/projects/route.ts

@@ -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 });
-  }
-}

app/api/redesign/route.ts

@@ -1,73 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { NextRequest, NextResponse } from "next/server";
-
-const FETCH_TIMEOUT = 30_000;
-export const maxDuration = 60;
-
-export async function PUT(request: NextRequest) {
-  const body = await request.json();
-  const { url } = body;
-
-  if (!url) {
-    return NextResponse.json({ error: "URL is required" }, { status: 400 });
-  }
-
-  try {
-    const controller = new AbortController();
-    const timeoutId = setTimeout(() => controller.abort(), FETCH_TIMEOUT);
-
-    try {
-      const response = await fetch(
-        `https://r.jina.ai/${encodeURIComponent(url)}`,
-        {
-          method: "POST",
-          signal: controller.signal,
-        }
-      );
-
-      clearTimeout(timeoutId);
-
-      if (!response.ok) {
-        return NextResponse.json(
-          { error: "Failed to fetch redesign" },
-          { status: 500 }
-        );
-      }
-      const markdown = await response.text();
-      return NextResponse.json(
-        {
-          ok: true,
-          markdown,
-        },
-        { status: 200 }
-      );
-    } catch (fetchError: any) {
-      clearTimeout(timeoutId);
-
-      if (fetchError.name === "AbortError") {
-        return NextResponse.json(
-          {
-            error:
-              "Request timeout: The external service took too long to respond. Please try again.",
-          },
-          { status: 504 }
-        );
-      }
-      throw fetchError;
-    }
-  } catch (error: any) {
-    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.",
-        },
-        { status: 504 }
-      );
-    }
-    return NextResponse.json(
-      { error: error.message || "An error occurred" },
-      { status: 500 }
-    );
-  }
-}

app/layout.tsx

@@ -1,108 +0,0 @@
-import type { Metadata, Viewport } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import { NextStepProvider } from "nextstepjs";
-import Script from "next/script";
-
-import "@/app/globals.css";
-import { ThemeProvider } from "@/components/providers/theme";
-import { AuthProvider } from "@/components/providers/session";
-import { Toaster } from "@/components/ui/sonner";
-import { ReactQueryProvider } from "@/components/providers/react-query";
-import { generateSEO, generateStructuredData } from "@/lib/seo";
-import { NotAuthorizedDomain } from "@/components/not-authorized";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
-export const metadata: Metadata = {
-  ...generateSEO({
-    title: "DeepSite | Build with AI ✨",
-    description:
-      "DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.",
-    path: "/",
-  }),
-  appleWebApp: {
-    capable: true,
-    title: "DeepSite",
-    statusBarStyle: "black-translucent",
-  },
-  icons: {
-    icon: "/logo.svg",
-    shortcut: "/logo.svg",
-    apple: "/logo.svg",
-  },
-  verification: {
-    google: process.env.GOOGLE_SITE_VERIFICATION,
-  },
-};
-
-export const viewport: Viewport = {
-  initialScale: 1,
-  maximumScale: 1,
-  themeColor: "#4f46e5",
-};
-
-export default async function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  const structuredData = generateStructuredData("WebApplication", {
-    name: "DeepSite",
-    description: "Build websites with AI, no code required",
-    url: "https://deepsite.hf.co",
-  });
-  const organizationData = generateStructuredData("Organization", {
-    name: "DeepSite",
-    url: "https://deepsite.hf.co",
-  });
-
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(structuredData),
-          }}
-        />
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(organizationData),
-          }}
-        />
-        <Script
-          defer
-          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>
-      </body>
-    </html>
-  );
-}

app/new/page.tsx

@@ -1,18 +0,0 @@
-import { AppEditor } from "@/components/editor";
-import { auth } from "@/lib/auth";
-import { redirect } from "next/navigation";
-
-export default async function NewProjectPage({
-  searchParams,
-}: {
-  searchParams: Promise<{ prompt: string }>;
-}) {
-  const session = await auth();
-
-  if (!session) {
-    redirect("/api/auth/signin?callbackUrl=/new");
-  }
-
-  const { prompt } = await searchParams;
-  return <AppEditor isNew={true} initialPrompt={prompt} />;
-}

app/not-found.tsx

@@ -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>
-  );
-}

{app → assets}/globals.css

@@ -6,8 +6,8 @@
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
+  --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);
@@ -44,7 +44,7 @@
 }
 
 :root {
-  --radius: 0.65rem;
+  --radius: 0.625rem;
   --background: oklch(1 0 0);
   --foreground: oklch(0.145 0 0);
   --card: oklch(1 0 0);
@@ -68,7 +68,6 @@
   --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);
@@ -113,6 +112,10 @@
   --sidebar-ring: oklch(0.556 0 0);
 }
 
+body {
+  @apply scroll-smooth
+}
+
 @layer base {
   * {
     @apply border-border outline-ring/50;
@@ -120,49 +123,258 @@
   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-background!;
+  @apply !bg-neutral-900;
 }
 .monaco-editor .monaco-editor-background {
-  @apply bg-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);
+  }
 }
-.monaco-editor .decorationsOverviewRuler {
-  @apply opacity-0!;
+
+@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);
+  }
 }
-.monaco-editor .view-line {
-  /* @apply bg-primary/50!; */
+
+/* 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); }
 }
-.monaco-editor .scroll-decoration {
-  @apply opacity-0!;
+
+@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); }
 }
-.monaco-editor .cursors-layer .cursor {
-  @apply bg-primary!;
+
+@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); }
 }
 
-.content-placeholder::before {
-  content: attr(data-placeholder);
+@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;
-  opacity: 0.5;
-  @apply top-5 left-6;
+  z-index: 1;
+  filter: blur(1px);
 }
 
-.sp-layout
-  .sp-file-explorer
-  .sp-file-explorer-list
-  .sp-explorer[data-active="true"] {
-  @apply text-indigo-500!;
+.transparent-scroll {
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
 }
 
-.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!;
+.transparent-scroll::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
 }

chart/Chart.yaml

@@ -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

chart/env/prod.yaml

@@ -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

chart/templates/_helpers.tpl

@@ -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 -}}
-

chart/templates/config.yaml

@@ -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 }}

chart/templates/deployment.yaml

@@ -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" . }}

chart/templates/hpa.yaml

@@ -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 }}

chart/templates/infisical.yaml

@@ -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 }}

chart/templates/ingress-internal.yaml

@@ -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 }}

chart/templates/ingress.yaml

@@ -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 }}

chart/templates/network-policy.yaml

@@ -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 }}

chart/templates/service-account.yaml

@@ -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 }}

chart/templates/service-monitor.yaml

@@ -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 }}

chart/templates/service.yaml

@@ -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}}

chart/values.yaml

@@ -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

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"
+}

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>
+  );
+}

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>
+  );
+}

components/ask-ai/ask-ai-landing.tsx

@@ -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>
-  );
-}

components/ask-ai/ask-ai.tsx

@@ -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>
-  );
-}

components/ask-ai/context.tsx

@@ -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>
-  );
-};