feat: integrate template awareness into AI assistant

- Add template configurations with file structures and conventions - Update AI route handler to include template context in system messages - Pass template type through AIChat component - Add template-specific run commands - Enhance AI responses with project structure knowledge - Move hardcoded run commands from navbar/run.tsx to templates/index.ts This improves the AI's understanding of different project templates (React, Next.js, Streamlit, Vanilla JS) and enables more contextual assistance based on the project type.
fix: scroll-up while ai is generating content
2024-11-24 00:22:10 -05:00 · 2024-11-23 21:55:44 -05:00 · 2024-11-23 20:31:24 -05:00
48 changed files with 1484 additions and 3786 deletions
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -5,9 +5,5 @@
    "source.fixAll": "explicit",
    "source.organizeImports": "explicit"
  },
-  "tailwindCSS.experimental.classRegex": [
-    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
-    ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
-  ],
  "editor.defaultFormatter": "esbenp.prettier-vscode"
 }
--- a/README.md
+++ b/README.md
@ -143,7 +143,21 @@ Update `/backend/server/.env`:
 E2B_API_KEY='🔑'
 ```

-### 9. Configuring the frontend
+### 9. Adding AI code generation
+
+In the `/backend/ai` directory:
+
+```
+npx wrangler deploy
+```
+
+Update `/backend/server/.env`:
+
+```
+AI_WORKER_URL='https://ai.🍎.workers.dev'
+```
+
+### 10. Configuring the frontend

 Update `/frontend/.env`:

@ -151,10 +165,9 @@ Update `/frontend/.env`:
 NEXT_PUBLIC_DATABASE_WORKER_URL='https://database.🍎.workers.dev'
 NEXT_PUBLIC_STORAGE_WORKER_URL='https://storage.🍎.workers.dev'
 NEXT_PUBLIC_WORKERS_KEY='SUPERDUPERSECRET'
-ANTHROPIC_API_KEY='🔑'
 ```

-### 10. Running the IDE
+### 11. Running the IDE

 Run `npm run dev` simultaneously in:

@ -185,13 +198,12 @@ DOKKU_KEY=

 Anyone can contribute a custom template for integration in Sandbox. Since Sandbox is built on E2B, there is no limitation to what langauge or runtime a Sandbox can use.

-Currently there are five templates:
+Currently there are four templates:

 - [jamesmurdza/dokku-reactjs-template](https://github.com/jamesmurdza/dokku-reactjs-template)
 - [jamesmurdza/dokku-vanillajs-template](https://github.com/jamesmurdza/dokku-vanillajs-template)
 - [jamesmurdza/dokku-nextjs-template](https://github.com/jamesmurdza/dokku-nextjs-template)
 - [jamesmurdza/dokku-streamlit-template](https://github.com/jamesmurdza/dokku-streamlit-template)
- [omarrwd/dokku-php-template](https://github.com/omarrwd/dokku-php-template)

 To create your own template, you can fork one of the above templates or start with a new blank repository. The template should have at least an `e2b.Dockerfile`, which is used by E2B to create the development environment. Optionally, a `Dockerfile` can be added which will be used to create the project build when it is deployed.

--- a/backend/database/drizzle/meta/0000_snapshot.json
+++ b/backend/database/drizzle/meta/0000_snapshot.json
@ -1,7 +1,7 @@
 {
  "version": "5",
  "dialect": "sqlite",
-  "id": "1288b006-6410-4b1c-8c96-d9797878a116",
+  "id": "3241d14f-687f-4134-94ab-88bf36e8611e",
  "prevId": "00000000-0000-0000-0000-000000000000",
  "tables": {
    "sandbox": {
@ -147,28 +147,6 @@
          "notNull": false,
          "autoincrement": false,
          "default": 0
-        },
-        "tier": {
-          "name": "tier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false,
-          "default": "'FREE'"
-        },
-        "tierExpiresAt": {
-          "name": "tierExpiresAt",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
-        },
-        "lastResetDate": {
-          "name": "lastResetDate",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "autoincrement": false
        }
      },
      "indexes": {
--- a/backend/database/drizzle/meta/0001_snapshot.json
+++ b/backend/database/drizzle/meta/0001_snapshot.json
@ -0,0 +1,258 @@
+{
+  "version": "5",
+  "dialect": "sqlite",
+  "id": "7eafd85c-d63d-43be-aa26-1a0eb2ca1805",
+  "prevId": "3241d14f-687f-4134-94ab-88bf36e8611e",
+  "tables": {
+    "sandbox": {
+      "name": "sandbox",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "type": {
+          "name": "type",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "visibility": {
+          "name": "visibility",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "likeCount": {
+          "name": "likeCount",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        },
+        "viewCount": {
+          "name": "viewCount",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        }
+      },
+      "indexes": {
+        "sandbox_id_unique": {
+          "name": "sandbox_id_unique",
+          "columns": [
+            "id"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {
+        "sandbox_user_id_user_id_fk": {
+          "name": "sandbox_user_id_user_id_fk",
+          "tableFrom": "sandbox",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "user": {
+      "name": "user",
+      "columns": {
+        "id": {
+          "name": "id",
+          "type": "text",
+          "primaryKey": true,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "name": {
+          "name": "name",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "email": {
+          "name": "email",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "username": {
+          "name": "username",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "avatarUrl": {
+          "name": "avatarUrl",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "CURRENT_TIMESTAMP"
+        },
+        "generations": {
+          "name": "generations",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": 0
+        },
+        "tier": {
+          "name": "tier",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "'FREE'"
+        },
+        "tierExpiresAt": {
+          "name": "tierExpiresAt",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "lastResetDate": {
+          "name": "lastResetDate",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {
+        "user_id_unique": {
+          "name": "user_id_unique",
+          "columns": [
+            "id"
+          ],
+          "isUnique": true
+        },
+        "user_username_unique": {
+          "name": "user_username_unique",
+          "columns": [
+            "username"
+          ],
+          "isUnique": true
+        }
+      },
+      "foreignKeys": {},
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    },
+    "users_to_sandboxes": {
+      "name": "users_to_sandboxes",
+      "columns": {
+        "userId": {
+          "name": "userId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sandboxId": {
+          "name": "sandboxId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sharedOn": {
+          "name": "sharedOn",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "users_to_sandboxes_userId_user_id_fk": {
+          "name": "users_to_sandboxes_userId_user_id_fk",
+          "tableFrom": "users_to_sandboxes",
+          "tableTo": "user",
+          "columnsFrom": [
+            "userId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "users_to_sandboxes_sandboxId_sandbox_id_fk": {
+          "name": "users_to_sandboxes_sandboxId_sandbox_id_fk",
+          "tableFrom": "users_to_sandboxes",
+          "tableTo": "sandbox",
+          "columnsFrom": [
+            "sandboxId"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {},
+      "uniqueConstraints": {}
+    }
+  },
+  "enums": {},
+  "_meta": {
+    "schemas": {},
+    "tables": {},
+    "columns": {}
+  }
+}
--- a/backend/database/drizzle/meta/_journal.json
+++ b/backend/database/drizzle/meta/_journal.json
@ -5,8 +5,15 @@
    {
      "idx": 0,
      "version": "5",
-      "when": 1732568535771,
-      "tag": "0000_rapid_korath",
+      "when": 1732400315508,
+      "tag": "0000_milky_hardball",
+      "breakpoints": true
+    },
+    {
+      "idx": 1,
+      "version": "5",
+      "when": 1732408530094,
+      "tag": "0001_freezing_supreme_intelligence",
      "breakpoints": true
    }
  ]
--- a/backend/database/src/index.ts
+++ b/backend/database/src/index.ts
@ -5,13 +5,7 @@ import { z } from "zod"

 import { and, eq, sql } from "drizzle-orm"
 import * as schema from "./schema"
-import {
-  Sandbox,
-  sandbox,
-  sandboxLikes,
-  user,
-  usersToSandboxes,
-} from "./schema"
+import { sandbox, user, usersToSandboxes } from "./schema"

 export interface Env {
 	DB: D1Database
@ -24,13 +18,6 @@ export interface Env {

 // npm run generate
 // npx wrangler d1 execute d1-sandbox --local --file=./drizzle/<FILE>
-interface SandboxWithLiked extends Sandbox {
-  liked: boolean
-}
-
-interface UserResponse extends Omit<schema.User, "sandbox"> {
-  sandbox: SandboxWithLiked[]
-}

 export default {
 	async fetch(
@ -251,59 +238,15 @@ export default {

 				if (params.has("id")) {
 					const id = params.get("id") as string
-
 					const res = await db.query.user.findFirst({
 						where: (user, { eq }) => eq(user.id, id),
 						with: {
 							sandbox: {
 								orderBy: (sandbox, { desc }) => [desc(sandbox.createdAt)],
-                with: {
-                  likes: true,
-                },
 							},
 							usersToSandboxes: true,
 						},
 					})
-          if (res) {
-            const transformedUser: UserResponse = {
-              ...res,
-              sandbox: res.sandbox.map(
-                (sb): SandboxWithLiked => ({
-                  ...sb,
-                  liked: sb.likes.some((like) => like.userId === id),
-                })
-              ),
-            }
-            return json(transformedUser)
-          }
-          return json(res ?? {})
-        } else if (params.has("username")) {
-          const username = params.get("username") as string
-          const userId = params.get("currentUserId")
-          const res = await db.query.user.findFirst({
-            where: (user, { eq }) => eq(user.username, username),
-            with: {
-              sandbox: {
-                orderBy: (sandbox, { desc }) => [desc(sandbox.createdAt)],
-                with: {
-                  likes: true,
-                },
-              },
-              usersToSandboxes: true,
-            },
-          })
-          if (res) {
-            const transformedUser: UserResponse = {
-              ...res,
-              sandbox: res.sandbox.map(
-                (sb): SandboxWithLiked => ({
-                  ...sb,
-                  liked: sb.likes.some((like) => like.userId === userId),
-                })
-              ),
-            }
-            return json(transformedUser)
-          }
 					return json(res ?? {})
 				} else {
 					const res = await db.select().from(user).all()
@ -320,23 +263,11 @@ export default {
 					generations: z.number().optional(),
 					tier: z.enum(["FREE", "PRO", "ENTERPRISE"]).optional(),
 					tierExpiresAt: z.number().optional(),
-          lastResetDate: z.number().optional(),
 				})

 				const body = await request.json()
+				const { id, name, email, username, avatarUrl, createdAt, generations, tier, tierExpiresAt } = userSchema.parse(body)

-        const {
-          id,
-          name,
-          email,
-          username,
-          avatarUrl,
-          createdAt,
-          generations,
-          tier,
-          tierExpiresAt,
-          lastResetDate,
-        } = userSchema.parse(body)
 				const res = await db
 					.insert(user)
 					.values({
@ -349,7 +280,6 @@ export default {
 						generations,
 						tier,
 						tierExpiresAt,
-            lastResetDate,
 					})
 					.returning()
 					.get()
@ -361,57 +291,6 @@ export default {
 					await db.delete(user).where(eq(user.id, id))
 					return success
 				} else return invalidRequest
-      } else if (method === "PUT") {
-        const updateUserSchema = z.object({
-          id: z.string(),
-          name: z.string().optional(),
-          email: z.string().email().optional(),
-          username: z.string().optional(),
-          avatarUrl: z.string().optional(),
-          generations: z.number().optional(),
-        })
-
-        try {
-          const body = await request.json()
-          const validatedData = updateUserSchema.parse(body)
-
-          const { id, username, ...updateData } = validatedData
-
-          // If username is being updated, check for existing username
-          if (username) {
-            const existingUser = await db
-              .select()
-              .from(user)
-              .where(eq(user.username, username))
-              .get()
-            if (existingUser && existingUser.id !== id) {
-              return json({ error: "Username already exists" }, { status: 409 })
-            }
-          }
-
-          const cleanUpdateData = {
-            ...updateData,
-            ...(username ? { username } : {}),
-          }
-
-          const res = await db
-            .update(user)
-            .set(cleanUpdateData)
-            .where(eq(user.id, id))
-            .returning()
-            .get()
-
-          if (!res) {
-            return json({ error: "User not found" }, { status: 404 })
-          }
-
-          return json({ res })
-        } catch (error) {
-          if (error instanceof z.ZodError) {
-            return json({ error: error.errors }, { status: 400 })
-          }
-          return json({ error: "Internal server error" }, { status: 500 })
-        }
 			} else {
 				return methodNotAllowed
 			}
@ -423,16 +302,13 @@ export default {
 				if (!username) return invalidRequest

 				const exists = await db.query.user.findFirst({
-          where: (user, { eq }) => eq(user.username, username),
+					where: (user, { eq }) => eq(user.username, username)
 				})

 				return json({ exists: !!exists })
 			}
 			return methodNotAllowed
-    } else if (
-      path === "/api/user/increment-generations" &&
-      method === "POST"
-    ) {
+		} else if (path === "/api/user/increment-generations" && method === "POST") {
 			const schema = z.object({
 				userId: z.string(),
 			})
@ -463,7 +339,7 @@ export default {
 					tier,
 					tierExpiresAt: tierExpiresAt.getTime(),
 					// Reset generations when upgrading tier
-          generations: 0,
+					generations: 0
 				})
 				.where(eq(user.id, userId))
 				.get()
@ -486,19 +362,14 @@ export default {
 			}

 			const now = new Date()
-      const lastReset = dbUser.lastResetDate
-        ? new Date(dbUser.lastResetDate)
-        : new Date(0)
+			const lastReset = dbUser.lastResetDate ? new Date(dbUser.lastResetDate) : new Date(0)

-      if (
-        now.getMonth() !== lastReset.getMonth() ||
-        now.getFullYear() !== lastReset.getFullYear()
-      ) {
+			if (now.getMonth() !== lastReset.getMonth() || now.getFullYear() !== lastReset.getFullYear()) {
 				await db
 					.update(user)
 					.set({ 
 						generations: 0,
-            lastResetDate: now.getTime(),
+						lastResetDate: now.getTime()
 					})
 					.where(eq(user.id, userId))
 					.get()
--- a/backend/database/src/schema.ts
+++ b/backend/database/src/schema.ts
@ -1,8 +1,8 @@
 import { createId } from "@paralleldrive/cuid2"
-import { relations, sql } from "drizzle-orm"
-import { integer, primaryKey, sqliteTable, text } from "drizzle-orm/sqlite-core"
+import { relations } from "drizzle-orm"
+import { integer, sqliteTable, text } from "drizzle-orm/sqlite-core"
+import { sql } from "drizzle-orm"

-// #region Tables
 export const user = sqliteTable("user", {
 	id: text("id")
 		.$defaultFn(() => createId())
@ -12,9 +12,8 @@ export const user = sqliteTable("user", {
 	email: text("email").notNull(),
 	username: text("username").notNull().unique(),
 	avatarUrl: text("avatarUrl"),
-  createdAt: integer("createdAt", { mode: "timestamp_ms" }).default(
-    sql`CURRENT_TIMESTAMP`
-  ),
+	createdAt: integer("createdAt", { mode: "timestamp_ms" })
+		.default(sql`CURRENT_TIMESTAMP`),
 	generations: integer("generations").default(0),
 	tier: text("tier", { enum: ["FREE", "PRO", "ENTERPRISE"] }).default("FREE"),
 	tierExpiresAt: integer("tierExpiresAt"),
@ -23,6 +22,11 @@ export const user = sqliteTable("user", {

 export type User = typeof user.$inferSelect

+export const userRelations = relations(user, ({ many }) => ({
+	sandbox: many(sandbox),
+	usersToSandboxes: many(usersToSandboxes),
+}))
+
 export const sandbox = sqliteTable("sandbox", {
 	id: text("id")
 		.$defaultFn(() => createId())
@ -31,9 +35,8 @@ export const sandbox = sqliteTable("sandbox", {
 	name: text("name").notNull(),
 	type: text("type").notNull(),
 	visibility: text("visibility", { enum: ["public", "private"] }),
-  createdAt: integer("createdAt", { mode: "timestamp_ms" }).default(
-    sql`CURRENT_TIMESTAMP`
-  ),
+	createdAt: integer("createdAt", { mode: "timestamp_ms" })
+		.default(sql`CURRENT_TIMESTAMP`),
 	userId: text("user_id")
 		.notNull()
 		.references(() => user.id),
@ -43,23 +46,13 @@ export const sandbox = sqliteTable("sandbox", {

 export type Sandbox = typeof sandbox.$inferSelect

-export const sandboxLikes = sqliteTable(
-  "sandbox_likes",
-  {
-    userId: text("user_id")
-      .notNull()
-      .references(() => user.id),
-    sandboxId: text("sandbox_id")
-      .notNull()
-      .references(() => sandbox.id),
-    createdAt: integer("createdAt", { mode: "timestamp_ms" }).default(
-      sql`CURRENT_TIMESTAMP`
-    ),
-  },
-  (table) => ({
-    pk: primaryKey({ columns: [table.sandboxId, table.userId] }),
-  })
-)
+export const sandboxRelations = relations(sandbox, ({ one, many }) => ({
+	author: one(user, {
+		fields: [sandbox.userId],
+		references: [user.id],
+	}),
+	usersToSandboxes: many(usersToSandboxes),
+}))

 export const usersToSandboxes = sqliteTable("users_to_sandboxes", {
 	userId: text("userId")
@ -71,33 +64,6 @@ export const usersToSandboxes = sqliteTable("users_to_sandboxes", {
 	sharedOn: integer("sharedOn", { mode: "timestamp_ms" }),
 })

-// #region Relations
-export const userRelations = relations(user, ({ many }) => ({
-  sandbox: many(sandbox),
-  usersToSandboxes: many(usersToSandboxes),
-  likes: many(sandboxLikes),
-}))
-
-export const sandboxRelations = relations(sandbox, ({ one, many }) => ({
-  author: one(user, {
-    fields: [sandbox.userId],
-    references: [user.id],
-  }),
-  usersToSandboxes: many(usersToSandboxes),
-  likes: many(sandboxLikes),
-}))
-
-export const sandboxLikesRelations = relations(sandboxLikes, ({ one }) => ({
-  user: one(user, {
-    fields: [sandboxLikes.userId],
-    references: [user.id],
-  }),
-  sandbox: one(sandbox, {
-    fields: [sandboxLikes.sandboxId],
-    references: [sandbox.id],
-  }),
-}))
-
 export const usersToSandboxesRelations = relations(
 	usersToSandboxes,
 	({ one }) => ({
@ -111,5 +77,3 @@ export const usersToSandboxesRelations = relations(
 		}),
 	})
 )
-
-// #endregion
--- a/backend/server/.env.example
+++ b/backend/server/.env.example
@ -7,6 +7,7 @@ PORT=4000
 WORKERS_KEY=
 DATABASE_WORKER_URL=
 STORAGE_WORKER_URL=
+AI_WORKER_URL=
 E2B_API_KEY=
 DOKKU_HOST=
 DOKKU_USERNAME=
--- a/backend/server/package-lock.json
+++ b/backend/server/package-lock.json
@ -33,9 +33,9 @@
      }
    },
    "node_modules/@babel/runtime": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
-      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.0.tgz",
+      "integrity": "sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==",
      "dependencies": {
        "regenerator-runtime": "^0.14.0"
      },
@ -111,11 +111,11 @@
      }
    },
    "node_modules/@kwsites/file-exists/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
      "dependencies": {
-        "ms": "^2.1.3"
+        "ms": "2.1.2"
      },
      "engines": {
        "node": ">=6.0"
@ -127,9 +127,9 @@
      }
    },
    "node_modules/@kwsites/file-exists/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
    },
    "node_modules/@kwsites/promise-deferred": {
      "version": "1.1.1",
@ -210,9 +210,9 @@
      }
    },
    "node_modules/@types/express-serve-static-core": {
-      "version": "4.19.6",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz",
-      "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==",
+      "version": "4.19.5",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.5.tgz",
+      "integrity": "sha512-y6W03tvrACO72aijJ5uF02FRq5cgDR9lUxddQ8vyF+GvmjJQqbzDcJngEjURc+ZsG31VI3hODNZJ2URj86pzmg==",
      "dev": true,
      "dependencies": {
        "@types/node": "*",
@ -244,17 +244,17 @@
      "dev": true
    },
    "node_modules/@types/node": {
-      "version": "20.17.6",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.6.tgz",
-      "integrity": "sha512-VEI7OdvK2wP7XHnsuXbAJnEpEkF6NjSN45QJlL4VGqZSXsnicpesdTWsg9RISeSdYd3yeRj/y3k5KGjUXYnFwQ==",
+      "version": "20.14.15",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.15.tgz",
+      "integrity": "sha512-Fz1xDMCF/B00/tYSVMlmK7hVeLh7jE5f3B7X1/hmV0MJBwE27KlS7EvD/Yp+z1lm8mVhwV5w+n8jOZG8AfTlKw==",
      "dependencies": {
-        "undici-types": "~6.19.2"
+        "undici-types": "~5.26.4"
      }
    },
    "node_modules/@types/qs": {
-      "version": "6.9.17",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.17.tgz",
-      "integrity": "sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ==",
+      "version": "6.9.15",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.15.tgz",
+      "integrity": "sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==",
      "dev": true
    },
    "node_modules/@types/range-parser": {
@ -294,20 +294,14 @@
      }
    },
    "node_modules/@types/ssh2/node_modules/@types/node": {
-      "version": "18.19.64",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.64.tgz",
-      "integrity": "sha512-955mDqvO2vFf/oL7V3WiUtiz+BugyX8uVbaT2H8oj3+8dRyH2FLiNdowe7eNqRM7IOIZvzDH76EoAT+gwm6aIQ==",
+      "version": "18.19.44",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.44.tgz",
+      "integrity": "sha512-ZsbGerYg72WMXUIE9fYxtvfzLEuq6q8mKERdWFnqTmOvudMxnz+CBNRoOwJ2kNpFOncrKjT1hZwxjlFgQ9qvQA==",
      "dev": true,
      "dependencies": {
        "undici-types": "~5.26.4"
      }
    },
-    "node_modules/@types/ssh2/node_modules/undici-types": {
-      "version": "5.26.5",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "dev": true
-    },
    "node_modules/accepts": {
      "version": "1.3.8",
      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@ -321,9 +315,9 @@
      }
    },
    "node_modules/acorn": {
-      "version": "8.14.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
-      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
      "dev": true,
      "bin": {
        "acorn": "bin/acorn"
@ -333,9 +327,9 @@
      }
    },
    "node_modules/acorn-walk": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
-      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+      "version": "8.3.3",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.3.tgz",
+      "integrity": "sha512-MxXdReSRhGO7VlFe1bRG/oI7/mdLV9B9JJT0N8vZOhF7gFRR5l3M8W9G8JxmKV+JC5mGqJ0QvqfSOLsCPa4nUw==",
      "dev": true,
      "dependencies": {
        "acorn": "^8.11.0"
@ -433,9 +427,9 @@
      }
    },
    "node_modules/body-parser": {
-      "version": "1.20.3",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
-      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "version": "1.20.2",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz",
+      "integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==",
      "dependencies": {
        "bytes": "3.1.2",
        "content-type": "~1.0.5",
@ -445,7 +439,7 @@
        "http-errors": "2.0.0",
        "iconv-lite": "0.4.24",
        "on-finished": "2.4.1",
-        "qs": "6.13.0",
+        "qs": "6.11.0",
        "raw-body": "2.5.2",
        "type-is": "~1.6.18",
        "unpipe": "1.0.0"
@ -477,6 +471,20 @@
        "node": ">=8"
      }
    },
+    "node_modules/bufferutil": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.8.tgz",
+      "integrity": "sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "node-gyp-build": "^4.3.0"
+      },
+      "engines": {
+        "node": ">=6.14.2"
+      }
+    },
    "node_modules/buildcheck": {
      "version": "0.0.6",
      "resolved": "https://registry.npmjs.org/buildcheck/-/buildcheck-0.0.6.tgz",
@ -648,9 +656,9 @@
      }
    },
    "node_modules/cookie": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
-      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
      "engines": {
        "node": ">= 0.6"
      }
@ -801,24 +809,24 @@
      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
    },
    "node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
      "engines": {
        "node": ">= 0.8"
      }
    },
    "node_modules/engine.io": {
-      "version": "6.6.2",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.2.tgz",
-      "integrity": "sha512-gmNvsYi9C8iErnZdVcJnvCpSKbWTt1E8+JZo8b+daLninywUWi5NQ5STSHZ9rFjFO7imNcvb8Pc5pe/wMR5xEw==",
+      "version": "6.5.5",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.5.tgz",
+      "integrity": "sha512-C5Pn8Wk+1vKBoHghJODM63yk8MvrO9EWZUfkAt5HAqIgPE4/8FF0PEGHXtEd40l223+cE5ABWuPzm38PHFXfMA==",
      "dependencies": {
        "@types/cookie": "^0.4.1",
        "@types/cors": "^2.8.12",
        "@types/node": ">=10.0.0",
        "accepts": "~1.3.4",
        "base64id": "2.0.0",
-        "cookie": "~0.7.2",
+        "cookie": "~0.4.1",
        "cors": "~2.8.5",
        "debug": "~4.3.1",
        "engine.io-parser": "~5.2.1",
@ -837,19 +845,19 @@
      }
    },
    "node_modules/engine.io/node_modules/cookie": {
-      "version": "0.7.2",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
-      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
+      "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==",
      "engines": {
        "node": ">= 0.6"
      }
    },
    "node_modules/engine.io/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
      "dependencies": {
-        "ms": "^2.1.3"
+        "ms": "2.1.2"
      },
      "engines": {
        "node": ">=6.0"
@ -861,9 +869,29 @@
      }
    },
    "node_modules/engine.io/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/engine.io/node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
    },
    "node_modules/es-define-property": {
      "version": "1.0.0",
@ -885,9 +913,9 @@
      }
    },
    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+      "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
      "engines": {
        "node": ">=6"
      }
@ -906,36 +934,36 @@
      }
    },
    "node_modules/express": {
-      "version": "4.21.1",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
-      "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
+      "version": "4.19.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+      "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
      "dependencies": {
        "accepts": "~1.3.8",
        "array-flatten": "1.1.1",
-        "body-parser": "1.20.3",
+        "body-parser": "1.20.2",
        "content-disposition": "0.5.4",
        "content-type": "~1.0.4",
-        "cookie": "0.7.1",
+        "cookie": "0.6.0",
        "cookie-signature": "1.0.6",
        "debug": "2.6.9",
        "depd": "2.0.0",
-        "encodeurl": "~2.0.0",
+        "encodeurl": "~1.0.2",
        "escape-html": "~1.0.3",
        "etag": "~1.8.1",
-        "finalhandler": "1.3.1",
+        "finalhandler": "1.2.0",
        "fresh": "0.5.2",
        "http-errors": "2.0.0",
-        "merge-descriptors": "1.0.3",
+        "merge-descriptors": "1.0.1",
        "methods": "~1.1.2",
        "on-finished": "2.4.1",
        "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.10",
+        "path-to-regexp": "0.1.7",
        "proxy-addr": "~2.0.7",
-        "qs": "6.13.0",
+        "qs": "6.11.0",
        "range-parser": "~1.2.1",
        "safe-buffer": "5.2.1",
-        "send": "0.19.0",
-        "serve-static": "1.16.2",
+        "send": "0.18.0",
+        "serve-static": "1.15.0",
        "setprototypeof": "1.2.0",
        "statuses": "2.0.1",
        "type-is": "~1.6.18",
@ -959,12 +987,12 @@
      }
    },
    "node_modules/finalhandler": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
-      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+      "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
      "dependencies": {
        "debug": "2.6.9",
-        "encodeurl": "~2.0.0",
+        "encodeurl": "~1.0.2",
        "escape-html": "~1.0.3",
        "on-finished": "2.4.1",
        "parseurl": "~1.3.3",
@ -1267,12 +1295,9 @@
      }
    },
    "node_modules/merge-descriptors": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
-      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
    },
    "node_modules/methods": {
      "version": "1.1.2",
@ -1330,9 +1355,9 @@
      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
    },
    "node_modules/nan": {
-      "version": "2.22.0",
-      "resolved": "https://registry.npmjs.org/nan/-/nan-2.22.0.tgz",
-      "integrity": "sha512-nbajikzWTMwsW+eSsNm3QwlOs7het9gGJU5dDZzRTQGk03vyBOauxgI4VakDzE0PtsGTmXPsXTbbjVhRwR5mpw==",
+      "version": "2.20.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.20.0.tgz",
+      "integrity": "sha512-bk3gXBZDGILuuo/6sKtr0DQmSThYHLtNCdSdXk9YkxD/jK6X2vmCyyXBBxyqZ4XcnzTyYEAThfX3DCEnLf6igw==",
      "optional": true
    },
    "node_modules/negotiator": {
@ -1343,10 +1368,22 @@
        "node": ">= 0.6"
      }
    },
+    "node_modules/node-gyp-build": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.1.tgz",
+      "integrity": "sha512-OSs33Z9yWr148JZcbZd5WiAXhh/n9z8TxQcdMhIOlpN9AhWpLfvVFO73+m77bBABQMaY9XSvIa+qk0jlI7Gcaw==",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "node-gyp-build": "bin.js",
+        "node-gyp-build-optional": "optional.js",
+        "node-gyp-build-test": "build-test.js"
+      }
+    },
    "node_modules/nodemon": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.7.tgz",
-      "integrity": "sha512-hLj7fuMow6f0lbB0cD14Lz2xNjwsyruH251Pk4t/yIitCFJbmY1myuLlHm/q06aST4jg6EgAh74PIBBrRqpVAQ==",
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.4.tgz",
+      "integrity": "sha512-wjPBbFhtpJwmIeY2yP7QF+UKzPfltVGtfce1g/bB15/8vCGZj8uxD62b/b9M9/WVgme0NZudpownKN+c0plXlQ==",
      "dev": true,
      "dependencies": {
        "chokidar": "^3.5.2",
@ -1372,12 +1409,12 @@
      }
    },
    "node_modules/nodemon/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
      "dev": true,
      "dependencies": {
-        "ms": "^2.1.3"
+        "ms": "2.1.2"
      },
      "engines": {
        "node": ">=6.0"
@ -1398,9 +1435,9 @@
      }
    },
    "node_modules/nodemon/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
      "dev": true
    },
    "node_modules/nodemon/node_modules/supports-color": {
@ -1433,9 +1470,9 @@
      }
    },
    "node_modules/object-inspect": {
-      "version": "1.13.3",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
-      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
+      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
      "engines": {
        "node": ">= 0.4"
      },
@ -1482,9 +1519,9 @@
      }
    },
    "node_modules/path-to-regexp": {
-      "version": "0.1.10",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
-      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w=="
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
    },
    "node_modules/picomatch": {
      "version": "2.3.1",
@ -1528,11 +1565,11 @@
      "dev": true
    },
    "node_modules/qs": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
-      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
      "dependencies": {
-        "side-channel": "^1.0.6"
+        "side-channel": "^1.0.4"
      },
      "engines": {
        "node": ">=0.6"
@ -1550,9 +1587,9 @@
      }
    },
    "node_modules/rate-limiter-flexible": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/rate-limiter-flexible/-/rate-limiter-flexible-5.0.4.tgz",
-      "integrity": "sha512-ftYHrIfSqWYDIJZ4yPTrgOduByAp+86gUS9iklv0JoXVM8eQCAjTnydCj1hAT4MmhmkSw86NaFEJ28m/LC1pKA=="
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/rate-limiter-flexible/-/rate-limiter-flexible-5.0.3.tgz",
+      "integrity": "sha512-lWx2y8NBVlTOLPyqs+6y7dxfEpT6YFqKy3MzWbCy95sTTOhOuxufP2QvRyOHpfXpB9OUJPbVLybw3z3AVAS5fA=="
    },
    "node_modules/raw-body": {
      "version": "2.5.2",
@ -1659,9 +1696,9 @@
      }
    },
    "node_modules/send": {
-      "version": "0.19.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
-      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+      "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
      "dependencies": {
        "debug": "2.6.9",
        "depd": "2.0.0",
@ -1681,28 +1718,20 @@
        "node": ">= 0.8.0"
      }
    },
-    "node_modules/send/node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
    "node_modules/send/node_modules/ms": {
      "version": "2.1.3",
      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
    },
    "node_modules/serve-static": {
-      "version": "1.16.2",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
-      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+      "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
      "dependencies": {
-        "encodeurl": "~2.0.0",
+        "encodeurl": "~1.0.2",
        "escape-html": "~1.0.3",
        "parseurl": "~1.3.3",
-        "send": "0.19.0"
+        "send": "0.18.0"
      },
      "engines": {
        "node": ">= 0.8.0"
@ -1761,9 +1790,9 @@
      }
    },
    "node_modules/simple-git": {
-      "version": "3.27.0",
-      "resolved": "https://registry.npmjs.org/simple-git/-/simple-git-3.27.0.tgz",
-      "integrity": "sha512-ivHoFS9Yi9GY49ogc6/YAi3Fl9ROnF4VyubNylgCkA+RVqLaKWnDSzXOVzya8csELIaWaYNutsEuAhZrtOjozA==",
+      "version": "3.25.0",
+      "resolved": "https://registry.npmjs.org/simple-git/-/simple-git-3.25.0.tgz",
+      "integrity": "sha512-KIY5sBnzc4yEcJXW7Tdv4viEz8KyG+nU0hay+DWZasvdFOYKeUZ6Xc25LUHHjw0tinPT7O1eY6pzX7pRT1K8rw==",
      "dependencies": {
        "@kwsites/file-exists": "^1.1.1",
        "@kwsites/promise-deferred": "^1.1.1",
@ -1775,11 +1804,11 @@
      }
    },
    "node_modules/simple-git/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
      "dependencies": {
-        "ms": "^2.1.3"
+        "ms": "2.1.2"
      },
      "engines": {
        "node": ">=6.0"
@ -1791,9 +1820,9 @@
      }
    },
    "node_modules/simple-git/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
    },
    "node_modules/simple-update-notifier": {
      "version": "2.0.0",
@ -1808,15 +1837,15 @@
      }
    },
    "node_modules/socket.io": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.1.tgz",
-      "integrity": "sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==",
+      "version": "4.7.5",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.7.5.tgz",
+      "integrity": "sha512-DmeAkF6cwM9jSfmp6Dr/5/mfMwb5Z5qRrSXLpo3Fq5SqyU8CMF15jIN4ZhfSwu35ksM1qmHZDQ/DK5XTccSTvA==",
      "dependencies": {
        "accepts": "~1.3.4",
        "base64id": "~2.0.0",
        "cors": "~2.8.5",
        "debug": "~4.3.2",
-        "engine.io": "~6.6.0",
+        "engine.io": "~6.5.2",
        "socket.io-adapter": "~2.5.2",
        "socket.io-parser": "~4.2.4"
      },
@ -1834,11 +1863,11 @@
      }
    },
    "node_modules/socket.io-adapter/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
      "dependencies": {
-        "ms": "^2.1.3"
+        "ms": "2.1.2"
      },
      "engines": {
        "node": ">=6.0"
@ -1850,9 +1879,29 @@
      }
    },
    "node_modules/socket.io-adapter/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/socket.io-adapter/node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
    },
    "node_modules/socket.io-parser": {
      "version": "4.2.4",
@ -1867,11 +1916,11 @@
      }
    },
    "node_modules/socket.io-parser/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
      "dependencies": {
-        "ms": "^2.1.3"
+        "ms": "2.1.2"
      },
      "engines": {
        "node": ">=6.0"
@ -1883,16 +1932,16 @@
      }
    },
    "node_modules/socket.io-parser/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
    },
    "node_modules/socket.io/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
      "dependencies": {
-        "ms": "^2.1.3"
+        "ms": "2.1.2"
      },
      "engines": {
        "node": ">=6.0"
@ -1904,9 +1953,9 @@
      }
    },
    "node_modules/socket.io/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
    },
    "node_modules/spawn-command": {
      "version": "0.0.2",
@ -1914,9 +1963,9 @@
      "integrity": "sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ=="
    },
    "node_modules/ssh2": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/ssh2/-/ssh2-1.16.0.tgz",
-      "integrity": "sha512-r1X4KsBGedJqo7h8F5c4Ybpcr5RjyP+aWIG007uBPRjmdQWfEiVLzSK71Zji1B9sKxwaCvD8y8cwSkYrlLiRRg==",
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/ssh2/-/ssh2-1.15.0.tgz",
+      "integrity": "sha512-C0PHgX4h6lBxYx7hcXwu3QWdh4tg6tZZsTfXcdvc5caW/EMxaB4H9dWsl7qk+F7LAW762hp8VbXOX7x4xUYvEw==",
      "hasInstallScript": true,
      "dependencies": {
        "asn1": "^0.2.6",
@ -1926,8 +1975,8 @@
        "node": ">=10.16.0"
      },
      "optionalDependencies": {
-        "cpu-features": "~0.0.10",
-        "nan": "^2.20.0"
+        "cpu-features": "~0.0.9",
+        "nan": "^2.18.0"
      }
    },
    "node_modules/statuses": {
@ -2072,9 +2121,9 @@
      }
    },
    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
+      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ=="
    },
    "node_modules/tweetnacl": {
      "version": "0.14.5",
@ -2094,9 +2143,9 @@
      }
    },
    "node_modules/typescript": {
-      "version": "5.6.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
-      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
+      "version": "5.5.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
+      "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
      "dev": true,
      "bin": {
        "tsc": "bin/tsc",
@ -2113,9 +2162,9 @@
      "dev": true
    },
    "node_modules/undici-types": {
-      "version": "6.19.8",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
-      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw=="
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
    },
    "node_modules/unpipe": {
      "version": "1.0.0",
@ -2125,6 +2174,20 @@
        "node": ">= 0.8"
      }
    },
+    "node_modules/utf-8-validate": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-6.0.4.tgz",
+      "integrity": "sha512-xu9GQDeFp+eZ6LnCywXN/zBancWvOpUMzgjLPSjy4BRHSmTelvn2E0DG0o1sTiw5hkCKBHo8rwSKncfRfv2EEQ==",
+      "hasInstallScript": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "node-gyp-build": "^4.3.0"
+      },
+      "engines": {
+        "node": ">=6.14.2"
+      }
+    },
    "node_modules/util-deprecate": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@ -2169,26 +2232,6 @@
        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
      }
    },
-    "node_modules/ws": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
-      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": ">=5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
    "node_modules/y18n": {
      "version": "5.0.8",
      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
--- a/backend/server/src/Sandbox.ts
+++ b/backend/server/src/Sandbox.ts
@ -71,13 +71,7 @@ export class Sandbox {
      } else {
        console.log("Creating container", this.sandboxId)
        // Create a new container with a specified template and timeout
-        const templateTypes = [
-          "vanillajs",
-          "reactjs",
-          "nextjs",
-          "streamlit",
-          "php",
-        ]
+        const templateTypes = ["vanillajs", "reactjs", "nextjs", "streamlit"]
        const template = templateTypes.includes(this.type)
          ? `gitwit-${this.type}`
          : `base`
--- a/frontend/.env.example
+++ b/frontend/.env.example
@ -3,21 +3,18 @@ CLERK_SECRET_KEY=
 NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY=
 LIVEBLOCKS_SECRET_KEY=

-NEXT_PUBLIC_SERVER_PORT=4000
-NEXT_PUBLIC_APP_URL=http://localhost:3000
-NEXT_PUBLIC_API_URL=http://localhost:4000
 NEXT_PUBLIC_SERVER_URL=http://localhost:4000
+NEXT_PUBLIC_APP_URL=http://localhost:3000

 # Set WORKER_URLs after deploying the workers.
 # Set NEXT_PUBLIC_WORKERS_KEY to be the same as KEY in /backend/storage/wrangler.toml.
-NEXT_PUBLIC_DATABASE_WORKER_URL=https://database.your-worker.workers.dev
-NEXT_PUBLIC_STORAGE_WORKER_URL=https://storage.your-worker.workers.dev
-NEXT_PUBLIC_WORKERS_KEY=SUPERDUPERSECRET
+# These URLs should begin with https:// in production
+NEXT_PUBLIC_DATABASE_WORKER_URL=
+NEXT_PUBLIC_STORAGE_WORKER_URL=
+NEXT_PUBLIC_AI_WORKER_URL=
+NEXT_PUBLIC_WORKERS_KEY=

 NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
 NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
 NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
 NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard
-
-ANTHROPIC_API_KEY=
-OPENAI_API_KEY=
--- a/frontend/app/[username]/page.tsx
+++ b/frontend/app/[username]/page.tsx
@ -1,65 +0,0 @@
-import ProfilePage from "@/components/profile"
-import ProfileNavbar from "@/components/profile/navbar"
-import { SandboxWithLiked, User } from "@/lib/types"
-import { currentUser } from "@clerk/nextjs"
-import { notFound } from "next/navigation"
-
-export default async function Page({
-  params: { username: rawUsername },
-}: {
-  params: { username: string }
-}) {
-  const username = decodeURIComponent(rawUsername).replace("@", "")
-  const loggedInClerkUser = await currentUser()
-
-  const [profileOwnerResponse, loggedInUserResponse] = await Promise.all([
-    fetch(
-      `${process.env.NEXT_PUBLIC_DATABASE_WORKER_URL}/api/user?username=${username}&currentUserId=${loggedInClerkUser?.id}`,
-      {
-        headers: {
-          Authorization: `${process.env.NEXT_PUBLIC_WORKERS_KEY}`,
-        },
-      }
-    ),
-    fetch(
-      `${process.env.NEXT_PUBLIC_DATABASE_WORKER_URL}/api/user?id=${loggedInClerkUser?.id}`,
-      {
-        headers: {
-          Authorization: `${process.env.NEXT_PUBLIC_WORKERS_KEY}`,
-        },
-      }
-    ),
-  ])
-
-  const profileOwner = (await profileOwnerResponse.json()) as User
-  const loggedInUser = (await loggedInUserResponse.json()) as User
-
-  if (!Boolean(profileOwner?.id)) {
-    notFound()
-  }
-  const publicSandboxes: SandboxWithLiked[] = []
-  const privateSandboxes: SandboxWithLiked[] = []
-
-  profileOwner?.sandbox?.forEach((sandbox) => {
-    if (sandbox.visibility === "public") {
-      publicSandboxes.push(sandbox as SandboxWithLiked)
-    } else if (sandbox.visibility === "private") {
-      privateSandboxes.push(sandbox as SandboxWithLiked)
-    }
-  })
-
-  const isUserLoggedIn = Boolean(loggedInUser?.id)
-  return (
-    <section>
-      <ProfileNavbar userData={loggedInUser} />
-      <ProfilePage
-        publicSandboxes={publicSandboxes}
-        privateSandboxes={
-          profileOwner?.id === loggedInUser.id ? privateSandboxes : []
-        }
-        profileOwner={profileOwner}
-        loggedInUser={isUserLoggedIn ? loggedInUser : null}
-      />
-    </section>
-  )
-}
--- a/frontend/app/api/ai/route.ts
+++ b/frontend/app/api/ai/route.ts
@ -1,59 +1,12 @@
-import {
-  ignoredFiles,
-  ignoredFolders,
-} from "@/components/editor/AIChat/lib/ignored-paths"
-import { templateConfigs } from "@/lib/templates"
-import { TIERS } from "@/lib/tiers"
-import { TFile, TFolder } from "@/lib/types"
-import { Anthropic } from "@anthropic-ai/sdk"
 import { currentUser } from "@clerk/nextjs"
+import { Anthropic } from "@anthropic-ai/sdk"
+import { TIERS } from "@/lib/tiers"
+import { templateConfigs } from "@/lib/templates"

 const anthropic = new Anthropic({
  apiKey: process.env.ANTHROPIC_API_KEY!,
 })

-// Format file structure for context
-function formatFileStructure(
-  items: (TFile | TFolder)[] | undefined,
-  prefix = ""
-): string {
-  if (!items || !Array.isArray(items)) {
-    return "No files available"
-  }
-
-  // Sort items to show folders first, then files
-  const sortedItems = [...items].sort((a, b) => {
-    if (a.type === b.type) return a.name.localeCompare(b.name)
-    return a.type === "folder" ? -1 : 1
-  })
-
-  return sortedItems
-    .map((item) => {
-      if (
-        item.type === "file" &&
-        !ignoredFiles.some(
-          (pattern) =>
-            item.name.endsWith(pattern.replace("*", "")) ||
-            item.name === pattern
-        )
-      ) {
-        return `${prefix}├── ${item.name}`
-      } else if (
-        item.type === "folder" &&
-        !ignoredFolders.some((folder) => folder === item.name)
-      ) {
-        const folderContent = formatFileStructure(
-          item.children,
-          `${prefix}│   `
-        )
-        return `${prefix}├── ${item.name}/\n${folderContent}`
-      }
-      return null
-    })
-    .filter(Boolean)
-    .join("\n")
-}
-
 export async function POST(request: Request) {
  try {
    const user = await currentUser()
@ -90,8 +43,7 @@ export async function POST(request: Request) {
    const userData = await dbUser.json()

    // Get tier settings
-    const tierSettings =
-      TIERS[userData.tier as keyof typeof TIERS] || TIERS.FREE
+    const tierSettings = TIERS[userData.tier as keyof typeof TIERS] || TIERS.FREE
    if (userData.generations >= tierSettings.generations) {
      return new Response(
        `AI generation limit reached for your ${userData.tier || "FREE"} tier`, 
@ -106,32 +58,27 @@ export async function POST(request: Request) {
      isEditMode,
      fileName,
      line,
-      templateType,
-      files,
-      projectName,
+      templateType 
    } = await request.json()

    // Get template configuration
    const templateConfig = templateConfigs[templateType]

    // Create template context
-    const templateContext = templateConfig
-      ? `
+    const templateContext = templateConfig ? `
 Project Template: ${templateConfig.name}

-Current File Structure:
-${files ? formatFileStructure(files) : "No files available"}
+File Structure:
+${Object.entries(templateConfig.fileStructure)
+  .map(([path, info]) => `${path} - ${info.description}`)
+  .join('\n')}

 Conventions:
-${templateConfig.conventions.join("\n")}
+${templateConfig.conventions.join('\n')}

 Dependencies:
 ${JSON.stringify(templateConfig.dependencies, null, 2)}
-
-Scripts:
-${JSON.stringify(templateConfig.scripts, null, 2)}
-`
-      : ""
+` : ''

    // Create system message based on mode
    let systemMessage
@ -153,23 +100,13 @@ Instructions: ${messages[0].content}

 Respond only with the modified code that can directly replace the existing code.`
    } else {
-      systemMessage = `You are an intelligent programming assistant for a ${templateType} project. Please respond to the following request concisely. When providing code:
+      systemMessage = `You are an intelligent programming assistant for a ${templateType} project. Please respond to the following request concisely. If your response includes code, please format it using triple backticks (\`\`\`) with the appropriate language identifier. For example:

-1. Format it using triple backticks (\`\`\`) with the appropriate language identifier.
-2. Always specify the complete file path in the format:
-   ${projectName}/filepath/to/file.ext
-
-3. If creating a new file, specify the path as:
-   ${projectName}/filepath/to/file.ext (new file)
-
-4. Format your code blocks as:
-
-${projectName}/filepath/to/file.ext
-\`\`\`language
-code here
+      \`\`\`python
+      print("Hello, World!")
      \`\`\`
      
-If multiple files are involved, repeat the format for each file. Provide a clear and concise explanation along with any code snippets. Keep your response brief and to the point.
+      Provide a clear and concise explanation along with any code snippets. Keep your response brief and to the point.

 This is the project template:
 ${templateContext}
@ -209,10 +146,7 @@ ${activeFileContent ? `Active File Content:\n${activeFileContent}\n` : ""}`
      new ReadableStream({
        async start(controller) {
          for await (const chunk of stream) {
-            if (
-              chunk.type === "content_block_delta" &&
-              chunk.delta.type === "text_delta"
-            ) {
+            if (chunk.type === "content_block_delta" && chunk.delta.type === "text_delta") {
              controller.enqueue(encoder.encode(chunk.delta.text))
            }
          }
--- a/frontend/app/api/merge/route.ts
+++ b/frontend/app/api/merge/route.ts
@ -1,69 +0,0 @@
-import OpenAI from "openai"
-
-const openai = new OpenAI({
-  apiKey: process.env.OPENAI_API_KEY,
-})
-
-export async function POST(request: Request) {
-  try {
-    const { originalCode, newCode, fileName } = await request.json()
-
-    const systemPrompt = `You are a code merging assistant. Your task is to merge the new code snippet with the original file content while:
-1. Preserving the original file's functionality
-2. Ensuring proper integration of the new code
-3. Maintaining consistent style and formatting
-4. Resolving any potential conflicts
-5. Output ONLY the raw code without any:
-   - Code fence markers (\`\`\`)
-   - Language identifiers (typescript, javascript, etc.)
-   - Explanations or comments
-   - Markdown formatting
-
-The output should be the exact code that will replace the existing code, nothing more and nothing less.
-
-Important: When merging, preserve the original code structure as much as possible. Only make necessary changes to integrate the new code while maintaining the original code's organization and style.`
-
-    const mergedCode = `Original file (${fileName}):\n${originalCode}\n\nNew code to merge:\n${newCode}`
-
-    const response = await openai.chat.completions.create({
-      model: "gpt-4o",
-      messages: [
-        { role: "system", content: systemPrompt },
-        { role: "user", content: mergedCode },
-      ],
-      prediction: {
-        type: "content",
-        content: mergedCode,
-      },
-      stream: true,
-    })
-
-    // Clean and stream response
-    const encoder = new TextEncoder()
-    return new Response(
-      new ReadableStream({
-        async start(controller) {
-          let buffer = ""
-          for await (const chunk of response) {
-            if (chunk.choices[0]?.delta?.content) {
-              buffer += chunk.choices[0].delta.content
-              // Clean any code fence markers that might appear in the stream
-              const cleanedContent = buffer
-                .replace(/^```[\w-]*\n|```\s*$/gm, "") // Remove code fences
-                .replace(/^(javascript|typescript|python|html|css)\n/gm, "") // Remove language identifiers
-              controller.enqueue(encoder.encode(cleanedContent))
-              buffer = ""
-            }
-          }
-          controller.close()
-        },
-      })
-    )
-  } catch (error) {
-    console.error("Merge error:", error)
-    return new Response(
-      error instanceof Error ? error.message : "Failed to merge code",
-      { status: 500 }
-    )
-  }
-}
--- a/frontend/app/globals.css
+++ b/frontend/app/globals.css
@ -175,23 +175,3 @@
 .tab-scroll::-webkit-scrollbar {
  display: none;
 }
-
-.added-line-decoration {
-  background-color: rgba(0, 255, 0, 0.1);
-}
-
-.removed-line-decoration {
-  background-color: rgba(255, 0, 0, 0.1);
-}
-
-.added-line-glyph {
-  background-color: #28a745;
-  width: 4px !important;
-  margin-left: 3px;
-}
-
-.removed-line-glyph {
-  background-color: #dc3545;
-  width: 4px !important;
-  margin-left: 3px;
-}
--- a/frontend/components/dashboard/navbar/index.tsx
+++ b/frontend/components/dashboard/navbar/index.tsx
@ -8,7 +8,7 @@ import DashboardNavbarSearch from "./search"

 export default function DashboardNavbar({ userData }: { userData: User }) {
  return (
-    <div className=" py-2 px-4 w-full flex items-center justify-between border-b border-border">
+    <div className="h-16 px-4 w-full flex items-center justify-between border-b border-border">
      <div className="flex items-center space-x-4">
        <Link
          href="/"
--- a/frontend/components/dashboard/projectCard/dropdown.tsx
+++ b/frontend/components/dashboard/projectCard/dropdown.tsx
@ -11,13 +11,13 @@ import {
 } from "@/components/ui/dropdown-menu"

 export default function ProjectCardDropdown({
-  visibility,
+  sandbox,
  onVisibilityChange,
  onDelete,
 }: {
-  visibility: Sandbox["visibility"]
-  onVisibilityChange: () => void
-  onDelete: () => void
+  sandbox: Sandbox
+  onVisibilityChange: (sandbox: Sandbox) => void
+  onDelete: (sandbox: Sandbox) => void
 }) {
  return (
    <DropdownMenu modal={false}>
@ -26,7 +26,7 @@ export default function ProjectCardDropdown({
          e.preventDefault()
          e.stopPropagation()
        }}
-        className="h-6 w-6 z-10 flex items-center justify-center transition-colors bg-transparent hover:bg-muted-foreground/25 rounded-sm outline-foreground"
+        className="h-6 w-6 flex items-center justify-center transition-colors bg-transparent hover:bg-muted-foreground/25 rounded-sm outline-foreground"
      >
        <Ellipsis className="w-4 h-4" />
      </DropdownMenuTrigger>
@ -34,11 +34,11 @@ export default function ProjectCardDropdown({
        <DropdownMenuItem
          onClick={(e) => {
            e.stopPropagation()
-            onVisibilityChange()
+            onVisibilityChange(sandbox)
          }}
          className="cursor-pointer"
        >
-          {visibility === "public" ? (
+          {sandbox.visibility === "public" ? (
            <>
              <Lock className="mr-2 h-4 w-4" />
              <span>Make Private</span>
@ -53,7 +53,7 @@ export default function ProjectCardDropdown({
        <DropdownMenuItem
          onClick={(e) => {
            e.stopPropagation()
-            onDelete()
+            onDelete(sandbox)
          }}
          className="!text-destructive cursor-pointer"
        >
--- a/frontend/components/dashboard/projectCard/index.tsx
+++ b/frontend/components/dashboard/projectCard/index.tsx
@ -1,235 +1,59 @@
 "use client"

-import { Button } from "@/components/ui/button"
 import { Card } from "@/components/ui/card"
-import { toggleLike } from "@/lib/actions"
 import { projectTemplates } from "@/lib/data"
 import { Sandbox } from "@/lib/types"
-import { cn } from "@/lib/utils"
-import { useUser } from "@clerk/nextjs"
 import { AnimatePresence, motion } from "framer-motion"
-import { Clock, Eye, Globe, Heart, Lock } from "lucide-react"
+import { Clock, Globe, Lock } from "lucide-react"
 import Image from "next/image"
-import Link from "next/link"
 import { useRouter } from "next/navigation"
-import {
-  memo,
-  MouseEventHandler,
-  useEffect,
-  useMemo,
-  useOptimistic,
-  useState,
-  useTransition,
-} from "react"
+import { useEffect, useState } from "react"
 import ProjectCardDropdown from "./dropdown"
-import { CanvasRevealEffect } from "./revealEffect"

-type BaseProjectCardProps = {
-  id: string
-  name: string
-  type: string
-  visibility: "public" | "private"
-  createdAt: Date
-  likeCount: number
-  liked?: boolean
-  viewCount: number
-}
-
-type AuthenticatedProjectCardProps = BaseProjectCardProps & {
-  isAuthenticated: true
-  onVisibilityChange: (
-    sandbox: Pick<Sandbox, "id" | "name" | "visibility">
-  ) => void
-  onDelete: (sandbox: Pick<Sandbox, "id" | "name">) => void
+export default function ProjectCard({
+  children,
+  sandbox,
+  onVisibilityChange,
+  onDelete,
+  deletingId,
+}: {
+  children?: React.ReactNode
+  sandbox: Sandbox
+  onVisibilityChange: (sandbox: Sandbox) => void
+  onDelete: (sandbox: Sandbox) => void
  deletingId: string
-}
-
-type UnauthenticatedProjectCardProps = BaseProjectCardProps & {
-  isAuthenticated: false
-}
-
-type ProjectCardProps =
-  | AuthenticatedProjectCardProps
-  | UnauthenticatedProjectCardProps
-
-const StatItem = memo(({ icon: Icon, value }: { icon: any; value: number }) => (
-  <div className="flex items-center space-x-1">
-    <Icon className="size-4" />
-    <span className="text-xs">{value}</span>
-  </div>
-))
-
-StatItem.displayName = "StatItem"
-
-const formatDate = (date: Date): string => {
-  const now = new Date()
-  const diffInMinutes = Math.floor((now.getTime() - date.getTime()) / 60000)
-
-  if (diffInMinutes < 1) return "Now"
-  if (diffInMinutes < 60) return `${diffInMinutes}m ago`
-  if (diffInMinutes < 1440) return `${Math.floor(diffInMinutes / 60)}h ago`
-  return `${Math.floor(diffInMinutes / 1440)}d ago`
-}
-
-const ProjectMetadata = memo(
-  ({
-    id,
-    visibility,
-    createdAt,
-    likeCount,
-    liked,
-    viewCount,
-  }: Pick<
-    BaseProjectCardProps,
-    "visibility" | "createdAt" | "likeCount" | "liked" | "viewCount" | "id"
-  >) => {
-    const { user } = useUser()
-    const [date, setDate] = useState<string>()
-    const Icon = visibility === "private" ? Lock : Globe
-    useEffect(() => {
-      setDate(formatDate(new Date(createdAt)))
-    }, [createdAt])
-
-    return (
-      <div className="flex flex-col text-muted-foreground space-y-2 text-sm z-10">
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-2">
-            <Icon className="size-4" />
-            <span className="text-xs">
-              {visibility === "private" ? "Private" : "Public"}
-            </span>
-          </div>
-        </div>
-        <div className="flex gap-3">
-          <div className="flex items-center gap-2">
-            <Clock className="size-4" /> <span className="text-xs">{date}</span>
-          </div>
-          <LikeButton
-            sandboxId={id}
-            initialIsLiked={!!liked}
-            initialLikeCount={likeCount}
-            userId={user?.id ?? null}
-          />
-          <StatItem icon={Eye} value={viewCount} />
-        </div>
-      </div>
-    )
-  }
-)
-
-ProjectMetadata.displayName = "ProjectMetadata"
-
-interface LikeButtonProps {
-  sandboxId: string
-  userId: string | null
-  initialLikeCount: number
-  initialIsLiked: boolean
-}
-
-export function LikeButton({
-  sandboxId,
-  userId,
-  initialLikeCount,
-  initialIsLiked,
-}: LikeButtonProps) {
-  // Optimistic state for like status and count
-  const [{ isLiked, likeCount }, optimisticUpdateLike] = useOptimistic(
-    { isLiked: initialIsLiked, likeCount: initialLikeCount },
-    (state, optimisticValue: boolean) => {
-      return {
-        isLiked: optimisticValue,
-        likeCount: state.likeCount + (optimisticValue ? 1 : -1),
-      }
-    }
-  )
-
-  const [isPending, startTransition] = useTransition()
-
-  const handleLike: MouseEventHandler<HTMLButtonElement> = async (e) => {
-    e.stopPropagation() // Prevent click event from bubbling up which leads to navigation to /code/:id
-    if (!userId) return
-
-    startTransition(async () => {
-      const newLikeState = !isLiked
-      try {
-        optimisticUpdateLike(newLikeState)
-        await toggleLike(sandboxId, userId)
-      } catch (error) {
-        console.log("error", error)
-        optimisticUpdateLike(!newLikeState)
-      }
-    })
-  }
-
-  return (
-    <Button
-      variant="ghost"
-      size="sm"
-      disabled={!userId || isPending}
-      onClick={handleLike}
-      className="gap-1 px-1 rounded-full"
-    >
-      <Heart
-        className={cn("size-4", isLiked ? "stroke-red-500 fill-red-500" : "")}
-      />
-      <span className="text-xs">{likeCount}</span>
-    </Button>
-  )
-}
-function ProjectCardComponent({
-  id,
-  name,
-  type,
-  visibility,
-  createdAt,
-  likeCount,
-  viewCount,
-  ...props
-}: ProjectCardProps) {
+}) {
  const [hovered, setHovered] = useState(false)
+  const [date, setDate] = useState<string>()
  const router = useRouter()

-  const projectIcon = useMemo(
-    () =>
-      projectTemplates.find((p) => p.id === type)?.icon ??
-      "/project-icons/node.svg",
-    [type]
+  useEffect(() => {
+    const createdAt = new Date(sandbox.createdAt)
+    const now = new Date()
+    const diffInMinutes = Math.floor(
+      (now.getTime() - createdAt.getTime()) / 60000
    )

-  const handleVisibilityChange = () => {
-    if (props.isAuthenticated) {
-      props.onVisibilityChange({
-        id,
-        name,
-        visibility,
-      })
+    if (diffInMinutes < 1) {
+      setDate("Now")
+    } else if (diffInMinutes < 60) {
+      setDate(`${diffInMinutes}m ago`)
+    } else if (diffInMinutes < 1440) {
+      setDate(`${Math.floor(diffInMinutes / 60)}h ago`)
+    } else {
+      setDate(`${Math.floor(diffInMinutes / 1440)}d ago`)
    }
-  }
-
-  const handleDelete = () => {
-    if (props.isAuthenticated) {
-      props.onDelete({
-        id,
-        name,
-      })
-    }
-  }
-
+  }, [sandbox])
+  const projectIcon =
+    projectTemplates.find((p) => p.id === sandbox.type)?.icon ??
+    "/project-icons/node.svg"
  return (
    <Card
      tabIndex={0}
-      onClick={() => router.push(`/code/${id}`)}
+      onClick={() => router.push(`/code/${sandbox.id}`)}
      onMouseEnter={() => setHovered(true)}
      onMouseLeave={() => setHovered(false)}
-      className={`
-        group/canvas-card p-4 h-48 flex flex-col justify-between items-start 
-        hover:border-muted-foreground/50 relative overflow-hidden transition-all
-        ${
-          props.isAuthenticated && props.deletingId === id
-            ? "opacity-50 pointer-events-none cursor-events-none"
-            : "cursor-pointer"
-        }
-      `}
+      className={`group/canvas-card p-4 h-48 flex flex-col justify-between items-start hover:border-muted-foreground/50 relative overflow-hidden transition-all`}
    >
      <AnimatePresence>
        {hovered && (
@ -238,64 +62,38 @@ function ProjectCardComponent({
            animate={{ opacity: 1 }}
            className="h-full w-full absolute inset-0"
          >
-            <CanvasRevealEffect
-              animationSpeed={3}
-              containerClassName="bg-black"
-              colors={colors[type]}
-              dotSize={2}
-            />
-            <div className="absolute inset-0 [mask-image:radial-gradient(400px_at_center,white,transparent)] bg-background/75" />
+            {children}
          </motion.div>
        )}
      </AnimatePresence>

      <div className="space-x-2 flex items-center justify-start w-full z-10">
-        <Image
-          alt={`${type} project icon`}
-          src={projectIcon}
-          width={20}
-          height={20}
-        />
-        <Link
-          href={`/code/${id}`}
-          className="font-medium static whitespace-nowrap w-full text-ellipsis overflow-hidden before:content-[''] before:absolute before:z-0 before:top-0 before:left-0 before:w-full before:h-full before:rounded-xl"
-        >
-          {name}
-        </Link>
-        {props.isAuthenticated && (
+        <Image alt="" src={projectIcon} width={20} height={20} />
+        <div className="font-medium static whitespace-nowrap w-full text-ellipsis overflow-hidden">
+          {sandbox.name}
+        </div>
        <ProjectCardDropdown
-            onVisibilityChange={handleVisibilityChange}
-            onDelete={handleDelete}
-            visibility={visibility}
+          sandbox={sandbox}
+          onVisibilityChange={onVisibilityChange}
+          onDelete={onDelete}
        />
+      </div>
+      <div className="flex flex-col text-muted-foreground space-y-0.5 text-sm z-10">
+        <div className="flex items-center">
+          {sandbox.visibility === "private" ? (
+            <>
+              <Lock className="w-3 h-3 mr-2" /> Private
+            </>
+          ) : (
+            <>
+              <Globe className="w-3 h-3 mr-2" /> Public
+            </>
          )}
        </div>
-
-      <ProjectMetadata
-        visibility={visibility}
-        createdAt={createdAt}
-        likeCount={likeCount}
-        viewCount={viewCount}
-        id={id}
-        liked={props.liked}
-      />
+        <div className="flex items-center">
+          <Clock className="w-3 h-3 mr-2" /> {date}
+        </div>
+      </div>
    </Card>
  )
 }
-
-ProjectCardComponent.displayName = "ProjectCard"
-
-const ProjectCard = memo(ProjectCardComponent)
-
-export default ProjectCard
-
-const colors: { [key: string]: number[][] } = {
-  react: [
-    [71, 207, 237],
-    [30, 126, 148],
-  ],
-  node: [
-    [86, 184, 72],
-    [59, 112, 52],
-  ],
-}
--- a/frontend/components/dashboard/projects.tsx
+++ b/frontend/components/dashboard/projects.tsx
@ -2,9 +2,11 @@

 import { deleteSandbox, updateSandbox } from "@/lib/actions"
 import { Sandbox } from "@/lib/types"
-import { useEffect, useMemo, useState } from "react"
+import Link from "next/link"
+import { useEffect, useState } from "react"
 import { toast } from "sonner"
 import ProjectCard from "./projectCard"
+import { CanvasRevealEffect } from "./projectCard/revealEffect"

 const colors: { [key: string]: number[][] } = {
  react: [
@ -26,27 +28,11 @@ export default function DashboardProjects({
 }) {
  const [deletingId, setDeletingId] = useState<string>("")

-  const onVisibilityChange = useMemo(
-    () => async (sandbox: Pick<Sandbox, "id" | "name" | "visibility">) => {
-      const newVisibility =
-        sandbox.visibility === "public" ? "private" : "public"
-      toast(`Project ${sandbox.name} is now ${newVisibility}.`)
-      await updateSandbox({
-        id: sandbox.id,
-        visibility: newVisibility,
-      })
-    },
-    []
-  )
-
-  const onDelete = useMemo(
-    () => async (sandbox: Pick<Sandbox, "id" | "name">) => {
+  const onDelete = async (sandbox: Sandbox) => {
    setDeletingId(sandbox.id)
    toast(`Project ${sandbox.name} deleted.`)
    await deleteSandbox(sandbox.id)
-    },
-    []
-  )
+  }

  useEffect(() => {
    if (deletingId) {
@ -54,6 +40,15 @@ export default function DashboardProjects({
    }
  }, [sandboxes])

+  const onVisibilityChange = async (sandbox: Sandbox) => {
+    const newVisibility = sandbox.visibility === "public" ? "private" : "public"
+    toast(`Project ${sandbox.name} is now ${newVisibility}.`)
+    await updateSandbox({
+      id: sandbox.id,
+      visibility: newVisibility,
+    })
+  }
+
  return (
    <div className="grow p-4 flex flex-col">
      <div className="text-xl font-medium mb-8">
@ -69,14 +64,30 @@ export default function DashboardProjects({
                }
              }
              return (
-                <ProjectCard
+                <Link
                  key={sandbox.id}
+                  href={`/code/${sandbox.id}`}
+                  className={`${
+                    deletingId === sandbox.id
+                      ? "pointer-events-none opacity-50 cursor-events-none"
+                      : "cursor-pointer"
+                  } transition-all focus-visible:outline-none focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-ring rounded-lg`}
+                >
+                  <ProjectCard
+                    sandbox={sandbox}
                    onVisibilityChange={onVisibilityChange}
                    onDelete={onDelete}
                    deletingId={deletingId}
-                  isAuthenticated
-                  {...sandbox}
+                  >
+                    <CanvasRevealEffect
+                      animationSpeed={3}
+                      containerClassName="bg-black"
+                      colors={colors[sandbox.type]}
+                      dotSize={2}
                    />
+                    <div className="absolute inset-0 [mask-image:radial-gradient(400px_at_center,white,transparent)] bg-background/75" />
+                  </ProjectCard>
+                </Link>
              )
            })}
          </div>
--- a/frontend/components/editor/AIChat/ApplyButton.tsx
+++ b/frontend/components/editor/AIChat/ApplyButton.tsx
@ -1,77 +0,0 @@
-import { Check, Loader2 } from "lucide-react"
-import { useState } from "react"
-import { toast } from "sonner"
-import { Button } from "../../ui/button"
-
-interface ApplyButtonProps {
-  code: string
-  activeFileName: string
-  activeFileContent: string
-  editorRef: { current: any }
-  onApply: (mergedCode: string, originalCode: string) => void
-}
-
-export default function ApplyButton({
-  code,
-  activeFileName,
-  activeFileContent,
-  editorRef,
-  onApply,
-}: ApplyButtonProps) {
-  const [isApplying, setIsApplying] = useState(false)
-
-  const handleApply = async () => {
-    setIsApplying(true)
-    try {
-      const response = await fetch("/api/merge", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          originalCode: activeFileContent,
-          newCode: String(code),
-          fileName: activeFileName,
-        }),
-      })
-
-      if (!response.ok) {
-        throw new Error(await response.text())
-      }
-
-      const reader = response.body?.getReader()
-      const decoder = new TextDecoder()
-      let mergedCode = ""
-
-      if (reader) {
-        while (true) {
-          const { done, value } = await reader.read()
-          if (done) break
-          mergedCode += decoder.decode(value, { stream: true })
-        }
-      }
-      onApply(mergedCode.trim(), activeFileContent)
-    } catch (error) {
-      console.error("Error applying code:", error)
-      toast.error(
-        error instanceof Error ? error.message : "Failed to apply code changes"
-      )
-    } finally {
-      setIsApplying(false)
-    }
-  }
-
-  return (
-    <Button
-      onClick={handleApply}
-      size="sm"
-      variant="ghost"
-      className="p-1 h-6"
-      disabled={isApplying}
-    >
-      {isApplying ? (
-        <Loader2 className="w-4 h-4 animate-spin" />
-      ) : (
-        <Check className="w-4 h-4" />
-      )}
-    </Button>
-  )
-}
--- a/frontend/components/editor/AIChat/ChatMessage.tsx
+++ b/frontend/components/editor/AIChat/ChatMessage.tsx
@ -13,13 +13,6 @@ export default function ChatMessage({
  setContext,
  setIsContextExpanded,
  socket,
-  handleApplyCode,
-  activeFileName,
-  activeFileContent,
-  editorRef,
-  mergeDecorationsCollection,
-  setMergeDecorationsCollection,
-  selectFile,
 }: MessageProps) {
  // State for expanded message index
  const [expandedMessageIndex, setExpandedMessageIndex] = useState<
@ -111,14 +104,7 @@ export default function ChatMessage({
  const components = createMarkdownComponents(
    renderCopyButton,
    renderMarkdownElement,
-    askAboutCode,
-    activeFileName,
-    activeFileContent,
-    editorRef,
-    handleApplyCode,
-    selectFile,
-    mergeDecorationsCollection,
-    setMergeDecorationsCollection,
+    askAboutCode
  )

  return (
@ -215,8 +201,7 @@ export default function ChatMessage({

 // Parse context to tabs for context tabs component
 function parseContextToTabs(context: string) {
-  // Use specific regex patterns to avoid matching import statements
-  const sections = context.split(/(?=File |Code from |Image \d{1,2}:)/)
+  const sections = context.split(/(?=File |Code from )/)
  return sections
    .map((section, index) => {
      const lines = section.trim().split("\n")
@ -226,29 +211,16 @@ function parseContextToTabs(context: string) {
      // Remove code block markers for display
      content = content.replace(/^```[\w-]*\n/, "").replace(/\n```$/, "")

-      // Determine the type of context
+      // Determine if the context is a file or code
      const isFile = titleLine.startsWith("File ")
-      const isImage = titleLine.startsWith("Image ")
-      const type = isFile ? "file" : isImage ? "image" : "code"
-      const name = titleLine
-        .replace(/^(File |Code from |Image )/, "")
-        .replace(":", "")
-        .trim()
-
-      // Skip if the content is empty or if it's just an import statement
-      if (!content || content.trim().startsWith('from "')) {
-        return null
-      }
+      const name = titleLine.replace(/^(File |Code from )/, "").replace(":", "")

      return {
        id: `context-${index}`,
-        type: type as "file" | "code" | "image",
+        type: isFile ? ("file" as const) : ("code" as const),
        name: name,
        content: content,
      }
    })
-    .filter(
-      (tab): tab is NonNullable<typeof tab> =>
-        tab !== null && tab.content.length > 0
-    )
+    .filter((tab) => tab.content.length > 0)
 }
--- a/frontend/components/editor/AIChat/index.tsx
+++ b/frontend/components/editor/AIChat/index.tsx
@ -1,6 +1,6 @@
 import { useSocket } from "@/context/SocketContext"
 import { TFile } from "@/lib/types"
-import { ChevronDown, X } from "lucide-react"
+import { X, ChevronDown } from "lucide-react"
 import { nanoid } from "nanoid"
 import { useEffect, useRef, useState } from "react"
 import LoadingDots from "../../ui/LoadingDots"
@ -18,11 +18,6 @@ export default function AIChat({
  lastCopiedRangeRef,
  files,
  templateType,
-  handleApplyCode,
-  selectFile,
-  mergeDecorationsCollection,
-  setMergeDecorationsCollection,
-  projectName,
 }: AIChatProps) {
  // Initialize socket and messages
  const { socket } = useSocket()
@ -80,8 +75,8 @@ export default function AIChat({
  useEffect(() => {
    const container = chatContainerRef.current
    if (container) {
-      container.addEventListener("scroll", handleScroll)
-      return () => container.removeEventListener("scroll", handleScroll)
+      container.addEventListener('scroll', handleScroll)
+      return () => container.removeEventListener('scroll', handleScroll)
    }
  }, [])

@ -130,8 +125,6 @@ export default function AIChat({
        } else if (tab.type === "code") {
          const cleanContent = formatCodeContent(tab.content)
          return `Code from ${tab.name}:\n\`\`\`typescript\n${cleanContent}\n\`\`\``
-        } else if (tab.type === "image") {
-          return `Image ${tab.name}:\n${tab.content}`
        }
        return `${tab.name}:\n${tab.content}`
      })
@ -153,10 +146,10 @@ export default function AIChat({
      abortControllerRef,
      activeFileContent,
      false,
-      templateType,
-      files,
-      projectName
+      templateType
    )
+    // Clear context tabs after sending
+    setContextTabs([])
  }

  // Set context for the chat
@ -174,22 +167,6 @@ export default function AIChat({
    addContextTab("code", name, context, range)
  }

-  // update context tabs when file contents change
-  useEffect(() => {
-    setContextTabs((prevTabs) =>
-      prevTabs.map((tab) => {
-        if (tab.type === "file" && tab.name === activeFileName) {
-          const fileExt = tab.name.split(".").pop() || "txt"
-          return {
-            ...tab,
-            content: `\`\`\`${fileExt}\n${activeFileContent}\n\`\`\``,
-          }
-        }
-        return tab
-      })
-    )
-  }, [activeFileContent, activeFileName])
-
  return (
    <div className="flex flex-col h-screen w-full">
      <div className="flex justify-between items-center p-2 border-b">
@ -220,13 +197,6 @@ export default function AIChat({
            setContext={setContext}
            setIsContextExpanded={setIsContextExpanded}
            socket={socket}
-            handleApplyCode={handleApplyCode}
-            activeFileName={activeFileName}
-            activeFileContent={activeFileContent}
-            editorRef={editorRef}
-            mergeDecorationsCollection={mergeDecorationsCollection}
-            setMergeDecorationsCollection={setMergeDecorationsCollection}
-            selectFile={selectFile}
          />
        ))}
        {isLoading && <LoadingDots />}
--- a/frontend/components/editor/AIChat/lib/chatUtils.ts
+++ b/frontend/components/editor/AIChat/lib/chatUtils.ts
@ -1,4 +1,3 @@
-import { TFile, TFolder } from "@/lib/types"
 import React from "react"

 // Stringify content for chat message component
@ -92,9 +91,7 @@ export const handleSend = async (
  abortControllerRef: React.MutableRefObject<AbortController | null>,
  activeFileContent: string,
  isEditMode: boolean = false,
-  templateType: string,
-  files: (TFile | TFolder)[],
-  projectName: string
+  templateType: string
 ) => {
  // Return if input is empty and context is null
  if (input.trim() === "" && !context) return
@ -134,7 +131,8 @@ export const handleSend = async (
    }))

    // Fetch AI response for chat message component
-    const response = await fetch("/api/ai", {
+    const response = await fetch("/api/ai", 
+    {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
@ -145,11 +143,10 @@ export const handleSend = async (
          activeFileContent: activeFileContent,
          isEditMode: isEditMode,
          templateType: templateType,
-        files: files,
-        projectName: projectName,
        }),
        signal: abortControllerRef.current.signal,
-    })
+      }
+    )

    // Throw error if response is not ok
    if (!response.ok) {
@ -204,8 +201,7 @@ export const handleSend = async (
      console.error("Error fetching AI response:", error)
      const errorMessage = {
        role: "assistant" as const,
-        content:
-          error.message || "Sorry, I encountered an error. Please try again.",
+        content: error.message || "Sorry, I encountered an error. Please try again.",
      }
      setMessages((prev) => [...prev, errorMessage])
    }
@ -243,11 +239,3 @@ export const looksLikeCode = (text: string): boolean => {

  return codeIndicators.some((pattern) => pattern.test(text))
 }
-
-// Add this new function after looksLikeCode function
-export const isFilePath = (text: string): boolean => {
-  // Match patterns like next/styles/SignIn.module.css or path/to/file.ext (new file)
-  const pattern =
-    /^(?:[a-zA-Z0-9_.-]+\/)*[a-zA-Z0-9_.-]+\.[a-zA-Z0-9]+(\s+\(new file\))?$/
-  return pattern.test(text)
-}
--- a/frontend/components/editor/AIChat/lib/markdownComponents.tsx
+++ b/frontend/components/editor/AIChat/lib/markdownComponents.tsx
@ -1,26 +1,15 @@
-import { useSocket } from "@/context/SocketContext"
-import { TTab } from "@/lib/types"
-import { Check, CornerUpLeft, FileText, X } from "lucide-react"
-import monaco from "monaco-editor"
+import { CornerUpLeft } from "lucide-react"
 import { Components } from "react-markdown"
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter"
 import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism"
 import { Button } from "../../../ui/button"
-import ApplyButton from "../ApplyButton"
-import { isFilePath, stringifyContent } from "./chatUtils"
+import { stringifyContent } from "./chatUtils"

 // Create markdown components for chat message component
 export const createMarkdownComponents = (
  renderCopyButton: (text: any) => JSX.Element,
  renderMarkdownElement: (props: any) => JSX.Element,
-  askAboutCode: (code: any) => void,
-  activeFileName: string,
-  activeFileContent: string,
-  editorRef: any,
-  handleApplyCode: (mergedCode: string, originalCode: string) => void,
-  selectFile: (tab: TTab) => void,
-  mergeDecorationsCollection?: monaco.editor.IEditorDecorationsCollection,
-  setMergeDecorationsCollection?: (collection: undefined) => void
+  askAboutCode: (code: any) => void
 ): Components => ({
  code: ({
    node,
@ -36,66 +25,12 @@ export const createMarkdownComponents = (
    const match = /language-(\w+)/.exec(className || "")

    return match ? (
-      <div className="relative border border-input rounded-md mt-8 my-2 translate-y-[-1rem]">
-        <div className="absolute top-0 left-0 px-2 py-1 text-xs font-semibold text-gray-200 rounded-tl">
+      <div className="relative border border-input rounded-md my-4">
+        <div className="absolute top-0 left-0 px-2 py-1 text-xs font-semibold text-gray-200 bg-#1e1e1e rounded-tl">
          {match[1]}
        </div>
-        <div className="sticky top-0 right-0 flex justify-end z-10">
-          <div className="flex border border-input shadow-lg bg-background rounded-md">
+        <div className="absolute top-0 right-0 flex">
          {renderCopyButton(children)}
-            <div className="w-px bg-input"></div>
-            {!mergeDecorationsCollection ? (
-              <ApplyButton
-                code={String(children)}
-                activeFileName={activeFileName}
-                activeFileContent={activeFileContent}
-                editorRef={editorRef}
-                onApply={handleApplyCode}
-              />
-            ) : (
-              <>
-                <Button
-                  onClick={() => {
-                    if (
-                      setMergeDecorationsCollection &&
-                      mergeDecorationsCollection &&
-                      editorRef?.current
-                    ) {
-                      mergeDecorationsCollection?.clear()
-                      setMergeDecorationsCollection(undefined)
-                    }
-                  }}
-                  size="sm"
-                  variant="ghost"
-                  className="p-1 h-6"
-                  title="Accept Changes"
-                >
-                  <Check className="w-4 h-4 text-green-500" />
-                </Button>
-                <div className="w-px bg-input"></div>
-                <Button
-                  onClick={() => {
-                    if (editorRef?.current && mergeDecorationsCollection) {
-                      const model = editorRef.current.getModel()
-                      if (model && (model as any).originalContent) {
-                        editorRef.current?.setValue(
-                          (model as any).originalContent
-                        )
-                        mergeDecorationsCollection.clear()
-                        setMergeDecorationsCollection?.(undefined)
-                      }
-                    }
-                  }}
-                  size="sm"
-                  variant="ghost"
-                  className="p-1 h-6"
-                  title="Discard Changes"
-                >
-                  <X className="w-4 h-4 text-red-500" />
-                </Button>
-              </>
-            )}
-            <div className="w-px bg-input"></div>
          <Button
            onClick={(e) => {
              e.preventDefault()
@ -109,7 +44,7 @@ export const createMarkdownComponents = (
            <CornerUpLeft className="w-4 h-4" />
          </Button>
        </div>
-        </div>
+        <div className="pt-6">
          <SyntaxHighlighter
            style={vscDarkPlus as any}
            language={match[1]}
@ -123,6 +58,7 @@ export const createMarkdownComponents = (
            {stringifyContent(children)}
          </SyntaxHighlighter>
        </div>
+      </div>
    ) : (
      <code className={className} {...props}>
        {children}
@ -130,62 +66,8 @@ export const createMarkdownComponents = (
    )
  },
  // Render markdown elements
-  p: ({ node, children, ...props }) => {
-    const content = stringifyContent(children)
-    const { socket } = useSocket()
-
-    if (isFilePath(content)) {
-      const isNewFile = content.endsWith("(new file)")
-      const filePath = (
-        isNewFile ? content.replace(" (new file)", "") : content
-      )
-        .split("/")
-        .filter((part, index) => index !== 0)
-        .join("/")
-
-      const handleFileClick = () => {
-        if (isNewFile) {
-          socket?.emit(
-            "createFile",
-            {
-              name: filePath,
-            },
-            (response: any) => {
-              if (response.success) {
-                const tab: TTab = {
-                  id: filePath,
-                  name: filePath.split("/").pop() || "",
-                  saved: true,
-                  type: "file",
-                }
-                selectFile(tab)
-              }
-            }
-          )
-        } else {
-          const tab: TTab = {
-            id: filePath,
-            name: filePath.split("/").pop() || "",
-            saved: true,
-            type: "file",
-          }
-          selectFile(tab)
-        }
-      }
-
-      return (
-        <div
-          onClick={handleFileClick}
-          className="group flex items-center gap-2 px-2 py-1 bg-secondary/50 rounded-md my-2 text-xs hover:bg-secondary cursor-pointer w-fit"
-        >
-          <FileText className="h-4 w-4" />
-          <span className="font-mono group-hover:underline">{content}</span>
-        </div>
-      )
-    }
-
-    return renderMarkdownElement({ node, children, ...props })
-  },
+  p: ({ node, children, ...props }) =>
+    renderMarkdownElement({ node, children, ...props }),
  h1: ({ node, children, ...props }) =>
    renderMarkdownElement({ node, children, ...props }),
  h2: ({ node, children, ...props }) =>
--- a/frontend/components/editor/AIChat/types/index.ts
+++ b/frontend/components/editor/AIChat/types/index.ts
@ -1,5 +1,5 @@
 import { TemplateConfig } from "@/lib/templates"
-import { TFile, TFolder, TTab } from "@/lib/types"
+import { TFile, TFolder } from "@/lib/types"
 import * as monaco from "monaco-editor"
 import { Socket } from "socket.io-client"

@ -56,11 +56,6 @@ export interface AIChatProps {
  files: (TFile | TFolder)[]
  templateType: string
  templateConfig?: TemplateConfig
-  projectName: string
-  handleApplyCode: (mergedCode: string, originalCode: string) => void
-  mergeDecorationsCollection?: monaco.editor.IEditorDecorationsCollection
-  setMergeDecorationsCollection?: (collection: undefined) => void
-  selectFile: (tab: TTab) => void
 }

 // Chat input props interface
@ -110,13 +105,6 @@ export interface MessageProps {
  ) => void
  setIsContextExpanded: (isExpanded: boolean) => void
  socket: Socket | null
-  handleApplyCode: (mergedCode: string, originalCode: string) => void
-  activeFileName: string
-  activeFileContent: string
-  editorRef: any
-  mergeDecorationsCollection?: monaco.editor.IEditorDecorationsCollection
-  setMergeDecorationsCollection?: (collection: undefined) => void
-  selectFile: (tab: TTab) => void
 }

 // Context tabs props interface
--- a/frontend/components/editor/generate.tsx
+++ b/frontend/components/editor/generate.tsx
@ -66,17 +66,15 @@ export default function GenerateInput({
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
-          messages: [
-            {
+          messages: [{
            role: "user",
-              content: regenerate ? currentPrompt : input,
-            },
-          ],
+            content: regenerate ? currentPrompt : input
+          }],
          context: null,
          activeFileContent: data.code,
          isEditMode: true,
          fileName: data.fileName,
-          line: data.line,
+          line: data.line
        }),
      })

--- a/frontend/components/editor/index.tsx
+++ b/frontend/components/editor/index.tsx
@ -104,13 +104,6 @@ export default function CodeEditor({
  // Added this state to track the most recent content for each file
  const [fileContents, setFileContents] = useState<Record<string, string>>({})

-  // Apply Button merger decoration state
-  const [mergeDecorations, setMergeDecorations] = useState<
-    monaco.editor.IModelDeltaDecoration[]
-  >([])
-  const [mergeDecorationsCollection, setMergeDecorationsCollection] =
-    useState<monaco.editor.IEditorDecorationsCollection>()
-
  // Editor state
  const [editorLanguage, setEditorLanguage] = useState("plaintext")
  const [cursorLine, setCursorLine] = useState(0)
@ -382,48 +375,6 @@ export default function CodeEditor({
    })
  }, [editorRef])

-  // handle apply code
-  const handleApplyCode = useCallback(
-    (mergedCode: string, originalCode: string) => {
-      if (!editorRef) return
-
-      const originalLines = originalCode.split("\n")
-      const mergedLines = mergedCode.split("\n")
-
-      const decorations: monaco.editor.IModelDeltaDecoration[] = []
-
-      for (
-        let i = 0;
-        i < Math.max(originalLines.length, mergedLines.length);
-        i++
-      ) {
-        // Only highlight new lines (green highlights)
-        if (i >= originalLines.length || originalLines[i] !== mergedLines[i]) {
-          decorations.push({
-            range: new monaco.Range(i + 1, 1, i + 1, 1),
-            options: {
-              isWholeLine: true,
-              className: "added-line-decoration",
-              glyphMarginClassName: "added-line-glyph",
-            },
-          })
-        }
-      }
-
-      // Store original content in the model
-      const model = editorRef.getModel()
-      if (model) {
-        ;(model as any).originalContent = originalCode
-      }
-      editorRef.setValue(mergedCode)
-
-      // Apply decorations
-      const newDecorations = editorRef.createDecorationsCollection(decorations)
-      setMergeDecorationsCollection(newDecorations)
-    },
-    [editorRef]
-  )
-
  // Generate widget effect
  useEffect(() => {
    if (generate.show) {
@ -1283,11 +1234,6 @@ export default function CodeEditor({
                  lastCopiedRangeRef={lastCopiedRangeRef}
                  files={files}
                  templateType={sandboxData.type}
-                  projectName={sandboxData.name}
-                  handleApplyCode={handleApplyCode}
-                  mergeDecorationsCollection={mergeDecorationsCollection}
-                  setMergeDecorationsCollection={setMergeDecorationsCollection}
-                  selectFile={selectFile}
                />
              </ResizablePanel>
            </>
--- a/frontend/components/editor/navbar/run.tsx
+++ b/frontend/components/editor/navbar/run.tsx
@ -35,7 +35,7 @@ export default function RunButtonModal({
      }
    }
  }, [terminals, isRunning])
-  // commands to run in the terminal
+
  const handleRun = async () => {
    if (isRunning && lastCreatedTerminalRef.current) {
      await closeTerminal(lastCreatedTerminalRef.current)
--- a/frontend/components/editor/terminals/terminal.tsx
+++ b/frontend/components/editor/terminals/terminal.tsx
@ -7,7 +7,7 @@ import "./xterm.css"
 import { debounce } from "@/lib/utils"
 import { Loader2 } from "lucide-react"
 import { useTheme } from "next-themes"
-import { ElementRef, useEffect, useRef, useCallback } from "react"
+import { ElementRef, useEffect, useRef } from "react"
 import { Socket } from "socket.io-client"
 export default function EditorTerminal({
  socket,
@ -28,6 +28,7 @@ export default function EditorTerminal({

  useEffect(() => {
    if (!terminalContainerRef.current) return
+    // console.log("new terminal", id, term ? "reusing" : "creating");

    const terminal = new Terminal({
      cursorBlink: true,
@ -36,54 +37,13 @@ export default function EditorTerminal({
      fontSize: 14,
      lineHeight: 1.5,
      letterSpacing: 0,
-      allowTransparency: true,
-      rightClickSelectsWord: true,
-      allowProposedApi: true, // for custom key events
-    })
-
-    // right-click paste handler
-    const handleContextMenu = (e: MouseEvent) => {
-      e.preventDefault()
-      navigator.clipboard.readText().then((text) => {
-        if (text) {
-          socket.emit("terminalData", { id, data: text })
-        }
-      })
-    }
-
-    terminalContainerRef.current.addEventListener(
-      "contextmenu",
-      handleContextMenu
-    )
-
-    // keyboard paste handler
-    terminal.attachCustomKeyEventHandler((event: KeyboardEvent) => {
-      if (event.type === "keydown") {
-        if (
-          (event.ctrlKey || event.metaKey) &&
-          event.key.toLowerCase() === "v"
-        ) {
-          event.preventDefault()
-          navigator.clipboard.readText().then((text) => {
-            if (text) {
-              socket.emit("terminalData", { id, data: text })
-            }
-          })
-          return false
-        }
-      }
-      return true
    })

    setTerm(terminal)
-
-    return () => {
+    const dispose = () => {
      terminal.dispose()
-      terminalContainerRef.current?.removeEventListener(
-        "contextmenu",
-        handleContextMenu
-      )
    }
+    return dispose
  }, [])

  useEffect(() => {
@ -121,6 +81,7 @@ export default function EditorTerminal({

        const { width, height } = entry.contentRect

+        // Only call fit if the size has actually changed
        if (
          width !== terminalContainerRef.current.offsetWidth ||
          height !== terminalContainerRef.current.offsetHeight
@ -131,9 +92,10 @@ export default function EditorTerminal({
            console.error("Error during fit:", err)
          }
        }
-      }, 50)
+      }, 50) // Debounce for 50ms
    )

+    // start observing for resize
    resizeObserver.observe(terminalContainerRef.current)
    return () => {
      disposableOnData.dispose()
@ -162,7 +124,6 @@ export default function EditorTerminal({
        ref={terminalContainerRef}
        style={{ display: visible ? "block" : "none" }}
        className="w-full h-full text-left"
-        tabIndex={0}
      >
        {term === null ? (
          <div className="flex items-center text-muted-foreground p-2">
--- a/frontend/components/profile/index.tsx
+++ b/frontend/components/profile/index.tsx
@ -1,489 +0,0 @@
-"use client"
-
-import NewProjectModal from "@/components/dashboard/newProject"
-import ProjectCard from "@/components/dashboard/projectCard/"
-import { Button } from "@/components/ui/button"
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardTitle,
-} from "@/components/ui/card"
-import {
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
-} from "@/components/ui/hover-card"
-import { Label } from "@/components/ui/label"
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import { deleteSandbox, updateSandbox, updateUser } from "@/lib/actions"
-import { TIERS } from "@/lib/tiers"
-import { SandboxWithLiked, User } from "@/lib/types"
-import { useUser } from "@clerk/nextjs"
-import {
-  Edit,
-  Heart,
-  Info,
-  Loader2,
-  LucideIcon,
-  Package2,
-  PlusCircle,
-  Sparkles,
-  X,
-} from "lucide-react"
-import { useRouter } from "next/navigation"
-import { Fragment, useCallback, useEffect, useMemo, useState } from "react"
-import { useFormState, useFormStatus } from "react-dom"
-import { toast } from "sonner"
-import Avatar from "../ui/avatar"
-import { Badge } from "../ui/badge"
-import { Input } from "../ui/input"
-import { Progress } from "../ui/progress"
-
-// #region Profile Page
-export default function ProfilePage({
-  publicSandboxes,
-  privateSandboxes,
-  profileOwner,
-  loggedInUser,
-}: {
-  publicSandboxes: SandboxWithLiked[]
-  privateSandboxes: SandboxWithLiked[]
-  profileOwner: User
-  loggedInUser: User | null
-}) {
-  const isOwnProfile = profileOwner.id === loggedInUser?.id
-
-  const sandboxes = useMemo(() => {
-    const allSandboxes = isOwnProfile
-      ? [...publicSandboxes, ...privateSandboxes]
-      : publicSandboxes
-
-    return allSandboxes
-  }, [isOwnProfile, publicSandboxes, privateSandboxes])
-
-  return (
-    <>
-      <div className="container mx-auto p-6 grid grid-cols-1 md:grid-cols-3 gap-6">
-        <div className="md:col-span-1">
-          <ProfileCard
-            name={profileOwner.name}
-            username={profileOwner.username}
-            avatarUrl={profileOwner.avatarUrl}
-            sandboxes={sandboxes}
-            joinedDate={profileOwner.createdAt}
-            generations={isOwnProfile ? loggedInUser.generations : undefined}
-            isOwnProfile={isOwnProfile}
-            tier={profileOwner.tier}
-          />
-        </div>
-        <div className="md:col-span-2">
-          <SandboxesPanel
-            {...{
-              publicSandboxes,
-              privateSandboxes,
-              isOwnProfile,
-            }}
-          />
-        </div>
-      </div>
-    </>
-  )
-}
-// #endregion
-
-// #region Profile Card
-function ProfileCard({
-  name,
-  username,
-  avatarUrl,
-  sandboxes,
-  joinedDate,
-  generations,
-  isOwnProfile,
-  tier,
-}: {
-  name: string
-  username: string
-  avatarUrl: string | null
-  sandboxes: SandboxWithLiked[]
-  joinedDate: Date
-  generations?: number
-  isOwnProfile: boolean
-  tier: string
-}) {
-  const { user } = useUser()
-  const router = useRouter()
-  const [isEditing, setIsEditing] = useState(false)
-  const [formState, formAction] = useFormState(updateUser, {})
-  const joinedAt = useMemo(() => {
-    const date = new Date(joinedDate).toLocaleDateString("en-US", {
-      month: "long",
-      year: "numeric",
-    })
-    return `Joined ${date}`
-  }, [joinedDate])
-  const toggleEdit = useCallback(() => {
-    setIsEditing((s) => !s)
-  }, [])
-  const stats = useMemo(() => {
-    const totalSandboxes = sandboxes.length
-    const totalLikes = sandboxes.reduce(
-      (sum, sandbox) => sum + sandbox.likeCount,
-      0
-    )
-
-    return {
-      sandboxes:
-        totalSandboxes === 1 ? "1 sandbox" : `${totalSandboxes} sandboxes`,
-      likes: totalLikes === 1 ? "1 like" : `${totalLikes} likes`,
-    }
-  }, [sandboxes])
-
-  useEffect(() => {
-    if ("message" in formState) {
-      toast.success(formState.message as String)
-      toggleEdit()
-      if ("newRoute" in formState && typeof formState.newRoute === "string") {
-        router.replace(formState.newRoute)
-      }
-    }
-    if ("error" in formState) {
-      const error = formState.error
-      if (typeof error === "string") {
-        toast.error(error)
-      } else {
-        toast.error("An Error Occured")
-      }
-    }
-  }, [formState])
-  return (
-    <Card className="mb-6 md:mb-0 sticky top-6">
-      {isOwnProfile && (
-        <Button
-          onClick={toggleEdit}
-          aria-label={isEditing ? "close edit form" : "open edit form"}
-          size="smIcon"
-          variant="secondary"
-          className="rounded-full absolute top-2 right-2"
-        >
-          {isEditing ? <X className="size-4" /> : <Edit className="size-4" />}
-        </Button>
-      )}
-      <CardContent className="flex flex-col gap-4 items-center pt-6">
-        <Avatar name={name} avatarUrl={avatarUrl} className="size-36" />
-
-        {!isEditing ? (
-          <div className="space-y-2">
-            <CardTitle className="text-2xl text-center">{name}</CardTitle>
-            <CardDescription className="text-center">{`@${username}`}</CardDescription>
-          </div>
-        ) : (
-          <form action={formAction} className="flex flex-col gap-2">
-            <Input
-              name="id"
-              placeholder="ID"
-              className="hidden "
-              value={user?.id}
-            />
-            <Input
-              name="oldUsername"
-              placeholder="ID"
-              className="hidden "
-              value={user?.username ?? undefined}
-            />
-            <div className="space-y-1">
-              <Label htmlFor="input-name">Name</Label>
-              <Input
-                id="input-name"
-                name="name"
-                placeholder="Name"
-                defaultValue={name}
-              />
-            </div>
-
-            <div className="space-y-1">
-              <Label htmlFor="input-username">User name</Label>
-              <div className="relative">
-                <Input
-                  id="input-username"
-                  className="peer ps-6"
-                  type="text"
-                  name="username"
-                  placeholder="Username"
-                  defaultValue={username}
-                />
-                <span className="pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-2 text-sm text-muted-foreground peer-disabled:opacity-50">
-                  @
-                </span>
-              </div>
-            </div>
-
-            <SubmitButton />
-          </form>
-        )}
-        {!isEditing && (
-          <>
-            <div className="flex gap-6">
-              <StatsItem icon={Package2} label={stats.sandboxes} />
-              <StatsItem icon={Heart} label={stats.likes} />
-            </div>
-            <div className="flex flex-col items-center gap-2">
-              <p className="text-xs text-muted-foreground">{joinedAt}</p>
-              {typeof generations === "number" && (
-                <SubscriptionBadge
-                  generations={generations}
-                  tier={tier as keyof typeof TIERS}
-                />
-              )}
-            </div>
-          </>
-        )}
-      </CardContent>
-    </Card>
-  )
-}
-
-function SubmitButton() {
-  const { pending } = useFormStatus()
-
-  return (
-    <Button size="sm" type="submit" className="w-full mt-2" disabled={pending}>
-      {pending && <Loader2 className="animate-spin mr-2 h-4 w-4" />}
-      Save
-    </Button>
-  )
-}
-// #endregion
-
-// #region Sandboxes Panel
-function SandboxesPanel({
-  publicSandboxes,
-  privateSandboxes,
-  isOwnProfile,
-}: {
-  publicSandboxes: SandboxWithLiked[]
-  privateSandboxes: SandboxWithLiked[]
-  isOwnProfile: boolean
-}) {
-  const [deletingId, setDeletingId] = useState<string>("")
-  const hasPublicSandboxes = publicSandboxes.length > 0
-  const hasPrivateSandboxes = privateSandboxes.length > 0
-
-  const onVisibilityChange = useMemo(
-    () =>
-      async (sandbox: Pick<SandboxWithLiked, "id" | "name" | "visibility">) => {
-        const newVisibility =
-          sandbox.visibility === "public" ? "private" : "public"
-        toast(`Project ${sandbox.name} is now ${newVisibility}.`)
-        await updateSandbox({
-          id: sandbox.id,
-          visibility: newVisibility,
-        })
-      },
-    []
-  )
-
-  const onDelete = useMemo(
-    () => async (sandbox: Pick<SandboxWithLiked, "id" | "name">) => {
-      setDeletingId(sandbox.id)
-      toast(`Project ${sandbox.name} deleted.`)
-      await deleteSandbox(sandbox.id)
-      setDeletingId("")
-    },
-    []
-  )
-  if (!isOwnProfile) {
-    return (
-      <div className="">
-        {hasPublicSandboxes ? (
-          <>
-            <h2 className="font-semibold text-xl mb-4">Sandboxes</h2>
-            <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-              {publicSandboxes.map((sandbox) => {
-                return (
-                  <Fragment key={sandbox.id}>
-                    {isOwnProfile ? (
-                      <ProjectCard
-                        onVisibilityChange={onVisibilityChange}
-                        onDelete={onDelete}
-                        deletingId={deletingId}
-                        isAuthenticated
-                        {...sandbox}
-                      />
-                    ) : (
-                      <ProjectCard isAuthenticated={false} {...sandbox} />
-                    )}
-                  </Fragment>
-                )
-              })}
-            </div>
-          </>
-        ) : (
-          <EmptyState type="private" isOwnProfile={isOwnProfile} />
-        )}
-      </div>
-    )
-  }
-  return (
-    <Tabs defaultValue="public">
-      <TabsList className="mb-4">
-        <TabsTrigger value="public">Public</TabsTrigger>
-        <TabsTrigger value="private">Private</TabsTrigger>
-      </TabsList>
-      <TabsContent value="public">
-        {hasPublicSandboxes ? (
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            {publicSandboxes.map((sandbox) => {
-              return (
-                <Fragment key={sandbox.id}>
-                  {isOwnProfile ? (
-                    <ProjectCard
-                      onVisibilityChange={onVisibilityChange}
-                      onDelete={onDelete}
-                      deletingId={deletingId}
-                      isAuthenticated
-                      {...sandbox}
-                    />
-                  ) : (
-                    <ProjectCard isAuthenticated={false} {...sandbox} />
-                  )}
-                </Fragment>
-              )
-            })}
-          </div>
-        ) : (
-          <EmptyState type="public" isOwnProfile={isOwnProfile} />
-        )}
-      </TabsContent>
-      <TabsContent value="private">
-        {hasPrivateSandboxes ? (
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            {privateSandboxes.map((sandbox) => (
-              <ProjectCard
-                key={sandbox.id}
-                onVisibilityChange={onVisibilityChange}
-                onDelete={onDelete}
-                deletingId={deletingId}
-                isAuthenticated
-                {...sandbox}
-              />
-            ))}
-          </div>
-        ) : (
-          <EmptyState type="private" isOwnProfile={isOwnProfile} />
-        )}
-      </TabsContent>
-    </Tabs>
-  )
-}
-// #endregion
-
-// #region Empty State
-function EmptyState({
-  type,
-  isOwnProfile,
-}: {
-  type: "public" | "private"
-  isOwnProfile: boolean
-}) {
-  const [newProjectModalOpen, setNewProjectModalOpen] = useState(false)
-
-  const text = useMemo(() => {
-    let title: string
-    let description: string
-    switch (type) {
-      case "public":
-        title = "No public sandboxes yet"
-        description = isOwnProfile
-          ? "Create your first public sandbox to share your work with the world!"
-          : "user has no public sandboxes"
-
-      case "private":
-        title = "No private sandboxes yet"
-        description = isOwnProfile
-          ? "Create your first private sandbox to start working on your personal projects!"
-          : "user has no private sandboxes"
-    }
-    return {
-      title,
-      description,
-    }
-  }, [type, isOwnProfile])
-  const openModal = useCallback(() => setNewProjectModalOpen(true), [])
-  return (
-    <>
-      <Card className="flex flex-col items-center justify-center p-6 text-center h-[300px]">
-        <PlusCircle className="h-12 w-12 text-muted-foreground mb-4" />
-        <CardTitle className="text-xl mb-2">{text.title}</CardTitle>
-        <CardDescription className="mb-4">{text.description}</CardDescription>
-        {isOwnProfile && (
-          <Button onClick={openModal}>
-            <PlusCircle className="h-4 w-4 mr-2" />
-            Create Sandbox
-          </Button>
-        )}
-      </Card>
-      <NewProjectModal
-        open={newProjectModalOpen}
-        setOpen={setNewProjectModalOpen}
-      />
-    </>
-  )
-}
-// #endregion
-
-// #region StatsItem
-interface StatsItemProps {
-  icon: LucideIcon
-  label: string
-}
-
-const StatsItem = ({ icon: Icon, label }: StatsItemProps) => (
-  <div className="flex items-center gap-2">
-    <Icon size={18} />
-    <span className="text-sm  text-muted-foreground">{label}</span>
-  </div>
-)
-// #endregion
-
-// #region Sub Badge
-const SubscriptionBadge = ({
-  generations,
-  tier = "FREE",
-}: {
-  generations: number
-  tier?: keyof typeof TIERS
-}) => {
-  return (
-    <div className="flex gap-2 items-center">
-      <Badge variant="secondary" className="text-sm cursor-pointer">
-        {tier}
-      </Badge>
-      <HoverCard>
-        <HoverCardTrigger>
-          <Button variant="ghost" size="smIcon">
-            <Info size={20} />
-          </Button>
-        </HoverCardTrigger>
-        <HoverCardContent>
-          <div className="w-full space-y-2">
-            <div className="flex justify-between text-sm">
-              <span className="font-medium">AI Generations</span>
-              <span>{`${generations} / ${TIERS[tier].generations}`}</span>
-            </div>
-            <Progress
-              value={generations}
-              max={TIERS[tier].generations}
-              className="w-full"
-            />
-          </div>
-          <Button size="sm" className="w-full mt-4">
-            <Sparkles className="mr-2 h-4 w-4" /> Upgrade to Pro
-          </Button>
-        </HoverCardContent>
-      </HoverCard>
-    </div>
-  )
-}
-// #endregion
--- a/frontend/components/profile/navbar.tsx
+++ b/frontend/components/profile/navbar.tsx
@ -1,33 +0,0 @@
-import Logo from "@/assets/logo.svg"
-import { ThemeSwitcher } from "@/components/ui/theme-switcher"
-import UserButton from "@/components/ui/userButton"
-import { User } from "@/lib/types"
-import Image from "next/image"
-import Link from "next/link"
-import { Button } from "../ui/button"
-
-export default function ProfileNavbar({ userData }: { userData: User }) {
-  return (
-    <nav className=" py-2 px-4 w-full flex items-center justify-between border-b border-border">
-      <div className="flex items-center space-x-4">
-        <Link
-          href="/"
-          className="ring-offset-2 ring-offset-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none rounded-sm"
-        >
-          <Image src={Logo} alt="Logo" width={36} height={36} />
-        </Link>
-        <div className="text-sm font-medium flex items-center">Sandbox</div>
-      </div>
-      <div className="flex items-center space-x-4">
-        <ThemeSwitcher />
-        {Boolean(userData?.id) ? (
-          <UserButton userData={userData} />
-        ) : (
-          <Link href="/sign-in">
-            <Button>Login</Button>
-          </Link>
-        )}
-      </div>
-    </nav>
-  )
-}
--- a/frontend/components/ui/avatar.tsx
+++ b/frontend/components/ui/avatar.tsx
@ -1,4 +1,5 @@
 import { cn } from "@/lib/utils"
+import Image from "next/image"

 export default function Avatar({
  name,
@ -21,12 +22,12 @@ export default function Avatar({
  return (
    <div
      className={cn(
-        "size-9 font-mono rounded-full overflow-hidden bg-gradient-to-t from-neutral-800 to-neutral-600 flex items-center justify-center text-sm font-medium",
-        className
+        className,
+        "w-9 h-9 font-mono rounded-full overflow-hidden bg-gradient-to-t from-neutral-800 to-neutral-600 flex items-center justify-center text-sm font-medium"
      )}
    >
      {avatarUrl ? (
-        <img
+        <Image
          src={avatarUrl}
          alt={name || "User"}
          width={20}
--- a/frontend/components/ui/badge.tsx
+++ b/frontend/components/ui/badge.tsx
@ -1,36 +0,0 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const badgeVariants = cva(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        secondary:
-          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive:
-          "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
-  return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  )
-}
-
-export { Badge, badgeVariants }
--- a/frontend/components/ui/button.tsx
+++ b/frontend/components/ui/button.tsx
@ -5,7 +5,7 @@ import * as React from "react"
 import { cn } from "@/lib/utils"

 const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition active:scale-[0.99] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
  {
    variants: {
      variant: {
--- a/frontend/components/ui/hover-card.tsx
+++ b/frontend/components/ui/hover-card.tsx
@ -1,29 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
-
-import { cn } from "@/lib/utils"
-
-const HoverCard = HoverCardPrimitive.Root
-
-const HoverCardTrigger = HoverCardPrimitive.Trigger
-
-const HoverCardContent = React.forwardRef<
-  React.ElementRef<typeof HoverCardPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
->(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
-  <HoverCardPrimitive.Content
-    ref={ref}
-    align={align}
-    sideOffset={sideOffset}
-    className={cn(
-      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    )}
-    {...props}
-  />
-))
-HoverCardContent.displayName = HoverCardPrimitive.Content.displayName
-
-export { HoverCard, HoverCardTrigger, HoverCardContent }
--- a/frontend/components/ui/progress.tsx
+++ b/frontend/components/ui/progress.tsx
@ -18,7 +18,7 @@ const Progress = React.forwardRef<
    {...props}
  >
    <ProgressPrimitive.Indicator
-      className="h-full w-full flex-1 bg-primary transition-all rounded-full"
+      className="h-full w-full flex-1 bg-primary transition-all"
      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
    />
  </ProgressPrimitive.Root>
--- a/frontend/components/ui/tabs.tsx
+++ b/frontend/components/ui/tabs.tsx
@ -1,55 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as TabsPrimitive from "@radix-ui/react-tabs"
-
-import { cn } from "@/lib/utils"
-
-const Tabs = TabsPrimitive.Root
-
-const TabsList = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.List
-    ref={ref}
-    className={cn(
-      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
-      className
-    )}
-    {...props}
-  />
-))
-TabsList.displayName = TabsPrimitive.List.displayName
-
-const TabsTrigger = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
-      className
-    )}
-    {...props}
-  />
-))
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
-
-const TabsContent = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Content
-    ref={ref}
-    className={cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      className
-    )}
-    {...props}
-  />
-))
-TabsContent.displayName = TabsPrimitive.Content.displayName
-
-export { Tabs, TabsList, TabsTrigger, TabsContent }
--- a/frontend/components/ui/theme-switcher.tsx
+++ b/frontend/components/ui/theme-switcher.tsx
@ -17,7 +17,7 @@ export function ThemeSwitcher() {
  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
-        <Button variant="outline" size="icon" className="text-foreground">
+        <Button variant="outline" size="icon" className="text-muted-foreground">
          <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
          <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
          <span className="sr-only">Toggle theme</span>
--- a/frontend/components/ui/userButton.tsx
+++ b/frontend/components/ui/userButton.tsx
@ -9,15 +9,7 @@ import {
 } from "@/components/ui/dropdown-menu"
 import { User } from "@/lib/types"
 import { useClerk } from "@clerk/nextjs"
-import {
-  Crown,
-  LayoutDashboard,
-  LogOut,
-  Sparkles,
-  User as UserIcon,
-} from "lucide-react"
-import Link from "next/link"
-
+import { Crown, LogOut, Sparkles } from "lucide-react"
 import { useRouter } from "next/navigation"
 import { useEffect, useState } from "react"
 import Avatar from "./avatar"
@ -43,11 +35,7 @@ const TIER_INFO = {
  },
 } as const

-export default function UserButton({
-  userData: initialUserData,
-}: {
-  userData: User
-}) {
+export default function UserButton({ userData: initialUserData }: { userData: User }) {
  const [userData, setUserData] = useState<User>(initialUserData)
  const [isOpen, setIsOpen] = useState(false)
  const { signOut } = useClerk()
@ -61,7 +49,7 @@ export default function UserButton({
          headers: {
            Authorization: `${process.env.NEXT_PUBLIC_WORKERS_KEY}`,
          },
-          cache: "no-store",
+          cache: 'no-store'
        }
      )
      if (res.ok) {
@ -79,15 +67,12 @@ export default function UserButton({
    }
  }, [isOpen])

-  const tierInfo =
-    TIER_INFO[userData.tier as keyof typeof TIER_INFO] || TIER_INFO.FREE
+  const tierInfo = TIER_INFO[userData.tier as keyof typeof TIER_INFO] || TIER_INFO.FREE
  const TierIcon = tierInfo.icon
-  const usagePercentage = Math.floor(
-    ((userData.generations || 0) * 100) / tierInfo.limit
-  )
+  const usagePercentage = Math.floor((userData.generations || 0) * 100 / tierInfo.limit)

  const handleUpgrade = async () => {
-    router.push(`/@${userData.username}`)
+    router.push('/upgrade')
  }

  return (
@ -105,30 +90,13 @@ export default function UserButton({

        <DropdownMenuSeparator />

-        <DropdownMenuItem className="cursor-pointer" asChild>
-          <Link href={"/dashboard"}>
-            <LayoutDashboard className="mr-2 size-4" />
-            <span>Dashboard</span>
-          </Link>
-        </DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem className="cursor-pointer" asChild>
-          <Link href={`/@${userData.username}`}>
-            <UserIcon className="mr-2 size-4" />
-            <span>Profile</span>
-          </Link>
-        </DropdownMenuItem>
-        <DropdownMenuSeparator />
-
        <div className="py-1.5 px-2 w-full">
          <div className="flex items-center justify-between">
            <div className="flex items-center gap-1.5">
              <TierIcon className={`h-4 w-4 ${tierInfo.color}`} />
-              <span className="text-sm font-medium">
-                {userData.tier || "FREE"} Plan
-              </span>
+              <span className="text-sm font-medium">{userData.tier || "FREE"} Plan</span>
            </div>
-            {(userData.tier === "FREE" || userData.tier === "PRO") && (
+            {/* {(userData.tier === "FREE" || userData.tier === "PRO") && (
              <Button
                variant="ghost"
                size="sm"
@ -137,28 +105,24 @@ export default function UserButton({
              >
                Upgrade
              </Button>
-            )}
+            )} */}
          </div>
        </div>

        <DropdownMenuSeparator />
-        <div className="px-2 py-1.5">
-          <div className="w-full">
+
+        <div className="py-1.5 px-2 w-full">
          <div className="flex items-center justify-between text-sm text-muted-foreground mb-2">
            <span>AI Usage</span>
-              <span>
-                {userData.generations}/{tierInfo.limit}
-              </span>
+            <span>{userData.generations}/{tierInfo.limit}</span>
          </div>

-            <div className="rounded-full w-full h-2 overflow-hidden bg-secondary mb-1">
+          <div className="rounded-full w-full h-2 overflow-hidden bg-secondary">
            <div
              className={`h-full rounded-full transition-all duration-300 ${
-                  usagePercentage > 90
-                    ? "bg-red-500"
-                    : usagePercentage > 75
-                    ? "bg-yellow-500"
-                    : tierInfo.color.replace("text-", "bg-")
+                usagePercentage > 90 ? 'bg-red-500' : 
+                usagePercentage > 75 ? 'bg-yellow-500' : 
+                tierInfo.color.replace('text-', 'bg-')
              }`}
              style={{
                width: `${Math.min(usagePercentage, 100)}%`,
@ -166,21 +130,22 @@ export default function UserButton({
            />
          </div>
        </div>
-        </div>
+
        <DropdownMenuSeparator />

        {/* <DropdownMenuItem className="cursor-pointer">
-          <Pencil className="mr-2 size-4" />
+          <Pencil className="mr-2 h-4 w-4" />
          <span>Edit Profile</span>
        </DropdownMenuItem> */}
        <DropdownMenuItem
          onClick={() => signOut(() => router.push("/"))}
          className="!text-destructive cursor-pointer"
        >
-          <LogOut className="mr-2 size-4" />
+          <LogOut className="mr-2 h-4 w-4" />
          <span>Log Out</span>
        </DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  )
 }
+
--- a/frontend/lib/actions.ts
+++ b/frontend/lib/actions.ts
@ -1,7 +1,6 @@
 "use server"

 import { revalidatePath } from "next/cache"
-import { z } from "zod"

 export async function createSandbox(body: {
  type: string
@ -92,95 +91,3 @@ export async function unshareSandbox(sandboxId: string, userId: string) {

  revalidatePath(`/code/${sandboxId}`)
 }
-
-export async function toggleLike(sandboxId: string, userId: string) {
-  await fetch(
-    `${process.env.NEXT_PUBLIC_DATABASE_WORKER_URL}/api/sandbox/like`,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `${process.env.NEXT_PUBLIC_WORKERS_KEY}`,
-      },
-      body: JSON.stringify({ sandboxId, userId }),
-    }
-  )
-  revalidatePath(`/[username]`, "page")
-  revalidatePath(`/dashboard`, "page")
-}
-
-const UpdateErrorSchema = z.object({
-  error: z
-    .union([
-      z.string(),
-      z.array(
-        z.object({
-          path: z.array(z.string()),
-          message: z.string(),
-        })
-      ),
-    ])
-    .optional(),
-})
-
-export async function updateUser(prevState: any, formData: FormData) {
-  const data = Object.fromEntries(formData)
-
-  const schema = z.object({
-    id: z.string(),
-    username: z.string(),
-    oldUsername: z.string(),
-    name: z.string(),
-  })
-  console.log(data)
-
-  try {
-    const validatedData = schema.parse(data)
-
-    const changedUsername = validatedData.username !== validatedData.oldUsername
-    const res = await fetch(
-      `${process.env.NEXT_PUBLIC_DATABASE_WORKER_URL}/api/user`,
-      {
-        method: "PUT",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `${process.env.NEXT_PUBLIC_WORKERS_KEY}`,
-        },
-        body: JSON.stringify({
-          id: validatedData.id,
-          username: data.username ?? undefined,
-          name: data.name ?? undefined,
-        }),
-      }
-    )
-
-    const responseData = await res.json()
-
-    // Validate the response using our error schema
-    const parseResult = UpdateErrorSchema.safeParse(responseData)
-
-    if (!parseResult.success) {
-      return { error: "Unexpected error occurred" }
-    }
-
-    if (parseResult.data.error) {
-      return parseResult.data
-    }
-
-    if (changedUsername) {
-      const newRoute = `/@${validatedData.username}`
-      return { message: "Successfully updated", newRoute }
-    }
-    revalidatePath(`/[username]`, "page")
-    return { message: "Successfully updated" }
-  } catch (error) {
-    if (error instanceof z.ZodError) {
-      console.log(error)
-      return {
-        error: error.errors?.[0].message,
-      }
-    }
-
-    return { error: "An unexpected error occurred" }
-  }
-}
--- a/frontend/lib/data/index.ts
+++ b/frontend/lib/data/index.ts
@ -33,11 +33,4 @@ export const projectTemplates: {
    description: "A faster way to build and share data apps",
    disabled: false,
  },
-  {
-    id: "php",
-    name: "PHP",
-    description: "PHP development environment",
-    icon: "/project-icons/php.svg",
-    disabled: false,
-  },
 ]
--- a/frontend/lib/templates/index.ts
+++ b/frontend/lib/templates/index.ts
@ -1,7 +1,7 @@
 export interface TemplateConfig {
    id: string
-  name: string
-  runCommand: string
+    name: string,
+    runCommand: string,
    fileStructure: {
      [key: string]: {
        purpose: string
@ -25,67 +25,67 @@ export const templateConfigs: { [key: string]: TemplateConfig } = {
      fileStructure: {
        "src/": {
          purpose: "source",
-        description: "Contains all React components and application logic",
+          description: "Contains all React components and application logic"
        },
        "src/components/": {
          purpose: "components",
-        description: "Reusable React components",
+          description: "Reusable React components"
        },
        "src/lib/": {
          purpose: "utilities",
-        description: "Utility functions and shared code",
+          description: "Utility functions and shared code"
        },
        "src/App.tsx": {
          purpose: "entry",
-        description: "Main application component",
+          description: "Main application component"
        },
        "src/index.tsx": {
          purpose: "entry",
-        description: "Application entry point",
+          description: "Application entry point"
        },
        "src/index.css": {
          purpose: "styles",
-        description: "Global CSS styles",
+          description: "Global CSS styles"
        },
        "public/": {
          purpose: "static",
-        description: "Static assets and index.html",
+          description: "Static assets and index.html"
        },
        "tsconfig.json": {
          purpose: "config",
-        description: "TypeScript configuration",
+          description: "TypeScript configuration"
        },
        "vite.config.ts": {
          purpose: "config", 
-        description: "Vite bundler configuration",
+          description: "Vite bundler configuration"
        },
        "package.json": {
          purpose: "config",
-        description: "Project dependencies and scripts",
-      },
+          description: "Project dependencies and scripts"
+        }
      },
      conventions: [
        "Use functional components with hooks",
        "Follow React naming conventions (PascalCase for components)",
        "Keep components small and focused",
-      "Use TypeScript for type safety",
+        "Use TypeScript for type safety"
      ],
      dependencies: {
        "@radix-ui/react-icons": "^1.3.0",
        "@radix-ui/react-slot": "^1.1.0",
        "class-variance-authority": "^0.7.0",
-      clsx: "^2.1.1",
+        "clsx": "^2.1.1",
        "lucide-react": "^0.441.0",
-      react: "^18.3.1",
+        "react": "^18.3.1",
        "react-dom": "^18.3.1",
        "tailwind-merge": "^2.5.2",
-      "tailwindcss-animate": "^1.0.7",
+        "tailwindcss-animate": "^1.0.7"
      },
      scripts: {
-      dev: "vite",
-      build: "tsc && vite build",
-      preview: "vite preview",
-    },
+        "dev": "vite",
+        "build": "tsc && vite build",
+        "preview": "vite preview",
+      }
    },
    // Next.js template config
    nextjs: {
@ -95,71 +95,71 @@ export const templateConfigs: { [key: string]: TemplateConfig } = {
      fileStructure: {
        "pages/": {
          purpose: "routing",
-        description: "Page components and API routes",
+          description: "Page components and API routes"
        },
        "pages/api/": {
          purpose: "api",
-        description: "API route handlers",
+          description: "API route handlers"
        },
        "pages/_app.tsx": {
          purpose: "entry",
-        description: "Application wrapper component",
+          description: "Application wrapper component"
        },
        "pages/index.tsx": {
          purpose: "page",
-        description: "Homepage component",
+          description: "Homepage component"
        },
        "public/": {
          purpose: "static",
-        description: "Static assets and files",
+          description: "Static assets and files"
        },
        "styles/": {
          purpose: "styles",
-        description: "CSS modules and global styles",
+          description: "CSS modules and global styles"
        },
        "styles/globals.css": {
          purpose: "styles",
-        description: "Global CSS styles",
+          description: "Global CSS styles"
        },
        "styles/Home.module.css": {
          purpose: "styles",
-        description: "Homepage-specific styles",
+          description: "Homepage-specific styles"
        },
        "next.config.js": {
          purpose: "config",
-        description: "Next.js configuration",
+          description: "Next.js configuration"
        },
        "next-env.d.ts": {
          purpose: "types",
-        description: "Next.js TypeScript declarations",
+          description: "Next.js TypeScript declarations"
        },
        "tsconfig.json": {
          purpose: "config",
-        description: "TypeScript configuration",
+          description: "TypeScript configuration"
        },
        "package.json": {
          purpose: "config",
-        description: "Project dependencies and scripts",
-      },
+          description: "Project dependencies and scripts"
+        }
      },
      conventions: [
        "Use file-system based routing",
        "Keep API routes in pages/api",
        "Use CSS Modules for component styles",
-      "Follow Next.js data fetching patterns",
+        "Follow Next.js data fetching patterns"
      ],
      dependencies: {
-      next: "^14.1.0",
-      react: "^18.2.0",
+        "next": "^14.1.0",
+        "react": "^18.2.0",
        "react-dom": "18.2.0",
-      tailwindcss: "^3.4.1",
+        "tailwindcss": "^3.4.1"
      },
      scripts: {
-      dev: "next dev",
-      build: "next build",
-      start: "next start",
-      lint: "next lint",
-    },
+        "dev": "next dev",
+        "build": "next build",
+        "start": "next start",
+        "lint": "next lint",
+      }
    },
    // Streamlit template config
    streamlit: {
@ -169,35 +169,35 @@ export const templateConfigs: { [key: string]: TemplateConfig } = {
      fileStructure: {
        "main.py": {
          purpose: "entry",
-        description: "Main Streamlit application file",
+          description: "Main Streamlit application file"
        },
        "requirements.txt": {
          purpose: "dependencies",
-        description: "Python package dependencies",
+          description: "Python package dependencies"
        },
-      Procfile: {
+        "Procfile": {
          purpose: "deployment",
-        description: "Deployment configuration for hosting platforms",
+          description: "Deployment configuration for hosting platforms"
        },
        "venv/": {
          purpose: "environment",
-        description: "Python virtual environment directory",
-      },
+          description: "Python virtual environment directory"
+        }
      },
      conventions: [
        "Use Streamlit components for UI",
        "Follow PEP 8 style guide",
        "Keep dependencies in requirements.txt",
-      "Use virtual environment for isolation",
+        "Use virtual environment for isolation"
      ],
      dependencies: {
-      streamlit: "^1.40.0",
-      altair: "^5.5.0",
+        "streamlit": "^1.40.0",
+        "altair": "^5.5.0"
      },
      scripts: {
-      start: "streamlit run main.py",
-      dev: "./venv/bin/streamlit run main.py --server.runOnSave true",
-    },
+        "start": "streamlit run main.py",
+        "dev": "./venv/bin/streamlit run main.py --server.runOnSave true"
+      }
    },
    // HTML template config
    vanillajs: {
@ -207,84 +207,42 @@ export const templateConfigs: { [key: string]: TemplateConfig } = {
      fileStructure: {
        "index.html": {
          purpose: "entry",
-        description: "Main HTML entry point",
+          description: "Main HTML entry point"
        },
        "style.css": {
          purpose: "styles",
-        description: "Global CSS styles",
+          description: "Global CSS styles"
        },
        "script.js": {
          purpose: "scripts",
-        description: "JavaScript application logic",
+          description: "JavaScript application logic"
        },
        "package.json": {
          purpose: "config",
-        description: "Project dependencies and scripts",
+          description: "Project dependencies and scripts"
        },
        "package-lock.json": {
          purpose: "config",
-        description: "Locked dependency versions",
+          description: "Locked dependency versions"
        },
        "vite.config.js": {
          purpose: "config",
-        description: "Vite bundler configuration",
-      },
+          description: "Vite bundler configuration"
+        }
      },
      conventions: [
        "Use semantic HTML elements",
        "Keep CSS modular and organized",
        "Write clean, modular JavaScript",
-      "Follow modern ES6+ practices",
+        "Follow modern ES6+ practices"
      ],
      dependencies: {
-      vite: "^5.0.12",
+        "vite": "^5.0.12"
      },
      scripts: {
-      dev: "vite",
-      build: "vite build",
-      preview: "vite preview",
-    },
-  },
-  // PHP template config
-  php: {
-    id: "php",
-    name: "PHP",
-    runCommand: "npx vite",
-    fileStructure: {
-      "index.php": {
-        purpose: "entry",
-        description: "Main PHP entry point",
-      },
-      "package.json": {
-        purpose: "config",
-        description: "Frontend dependencies and scripts",
-      },
-      "package-lock.json": {
-        purpose: "config",
-        description: "Locked dependency versions",
-      },
-      "vite.config.js": {
-        purpose: "config",
-        description: "Vite configuration for frontend assets",
-      },
-      "node_modules/": {
-        purpose: "dependencies",
-        description: "Frontend dependency files",
-      },
-    },
-    conventions: [
-      "Follow PSR-12 coding standards",
-      "Use modern PHP 8+ features",
-      "Organize assets with Vite",
-      "Keep PHP logic separate from presentation",
-    ],
-    dependencies: {
-      vite: "^5.0.0",
-    },
-    scripts: {
-      dev: "vite",
-      build: "vite build",
-      preview: "vite preview",
-    },
-  },
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview"
+      }
+    }
 }
--- a/frontend/lib/types.ts
+++ b/frontend/lib/types.ts
@ -22,13 +22,9 @@ export type Sandbox = {
  visibility: "public" | "private"
  createdAt: Date
  userId: string
-  likeCount: number
-  viewCount: number
  usersToSandboxes: UsersToSandboxes[]
 }
-export type SandboxWithLiked = Sandbox & {
-  liked: boolean
-}
+
 export type UsersToSandboxes = {
  userId: string
  sandboxId: string
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@ -21,11 +21,9 @@
        "@monaco-editor/react": "^4.6.0",
        "@paralleldrive/cuid2": "^2.2.2",
        "@radix-ui/react-alert-dialog": "^1.0.5",
-        "@radix-ui/react-avatar": "^1.1.1",
        "@radix-ui/react-context-menu": "^2.1.5",
        "@radix-ui/react-dialog": "^1.0.5",
        "@radix-ui/react-dropdown-menu": "^2.0.6",
-        "@radix-ui/react-hover-card": "^1.1.2",
        "@radix-ui/react-icons": "^1.3.0",
        "@radix-ui/react-label": "^2.0.2",
        "@radix-ui/react-popover": "^1.1.1",
@ -33,7 +31,6 @@
        "@radix-ui/react-select": "^2.0.0",
        "@radix-ui/react-slot": "^1.0.2",
        "@radix-ui/react-switch": "^1.0.3",
-        "@radix-ui/react-tabs": "^1.1.1",
        "@radix-ui/react-tooltip": "^1.1.3",
        "@react-three/fiber": "^8.16.6",
        "@uiw/codemirror-theme-vscode": "^4.23.5",
@ -54,7 +51,6 @@
        "monaco-themes": "^0.4.4",
        "next": "14.1.3",
        "next-themes": "^0.3.0",
-        "openai": "^4.73.1",
        "posthog-js": "^1.147.0",
        "react": "^18.3.1",
        "react-dom": "^18",
@ -1388,126 +1384,6 @@
        }
      }
    },
-    "node_modules/@radix-ui/react-avatar": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.1.tgz",
-      "integrity": "sha512-eoOtThOmxeoizxpX6RiEsQZ2wj5r4+zoeqAwO0cBaFQGjJwIH3dIX0OCxNrCyrrdxG+vBweMETh3VziQG7c1kw==",
-      "dependencies": {
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
-      "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
-      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
-      "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
-      "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
    "node_modules/@radix-ui/react-collection": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.0.3.tgz",
@ -1747,348 +1623,6 @@
        }
      }
    },
-    "node_modules/@radix-ui/react-hover-card": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.2.tgz",
-      "integrity": "sha512-Y5w0qGhysvmqsIy6nQxaPa6mXNKznfoGjOfBgzOjocLxr2XlSjqBMYQQL+FfyogsMuX+m8cZyQGYhJxvxUzO4w==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.1",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.2",
-        "@radix-ui/react-presence": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/primitive": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
-      "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA=="
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.0.tgz",
-      "integrity": "sha512-FmlW1rCg7hBpEBwFbjHwCW6AmWLQM6g/v0Sn8XbP9NvmSZ2San1FpQeyPtufzOMSIx7Y4dzjlHoifhp+7NkZhw==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
-      "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.1.tgz",
-      "integrity": "sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-popper": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.0.tgz",
-      "integrity": "sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==",
-      "dependencies": {
-        "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0",
-        "@radix-ui/react-use-rect": "1.1.0",
-        "@radix-ui/react-use-size": "1.1.0",
-        "@radix-ui/rect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-context": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
-      "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.2.tgz",
-      "integrity": "sha512-WeDYLGPxJb/5EGBoedyJbT0MpoULmwnIPMJMSldkuiMsBAv7N1cRdsTWZWht9vpPOiN3qyiGAtbK2is47/uMFg==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.1.tgz",
-      "integrity": "sha512-IeFXVi4YS1K0wVZzXNrbaaUvIJ3qdY+/Ih4eHFhWA9SwGR9UDX7Ck8abvL57C4cv3wwMvUE0OG69Qc3NCcTe/A==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
-      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
-      "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-use-controllable-state": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz",
-      "integrity": "sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==",
-      "dependencies": {
-        "@radix-ui/react-use-callback-ref": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-use-escape-keydown": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",
-      "integrity": "sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==",
-      "dependencies": {
-        "@radix-ui/react-use-callback-ref": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
-      "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-use-rect": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz",
-      "integrity": "sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==",
-      "dependencies": {
-        "@radix-ui/rect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/react-use-size": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz",
-      "integrity": "sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-hover-card/node_modules/@radix-ui/rect": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
-      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
-    },
    "node_modules/@radix-ui/react-icons": {
      "version": "1.3.0",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-icons/-/react-icons-1.3.0.tgz",
@ -2697,6 +2231,7 @@
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.0.tgz",
      "integrity": "sha512-aSzvnYpP725CROcxAOEBVZZSIQVQdHgBr2QQFKySsaD14u8dNT0batuXI+AAGDdAHfXH8rbnHmjYFqVJ21KkRg==",
+      "license": "MIT",
      "dependencies": {
        "@radix-ui/react-context": "1.1.0",
        "@radix-ui/react-primitive": "2.0.0"
@ -2908,289 +2443,6 @@
        }
      }
    },
-    "node_modules/@radix-ui/react-tabs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.1.tgz",
-      "integrity": "sha512-3GBUDmP2DvzmtYLMsHmpA1GtR46ZDZ+OreXM/N+kkQJOPIgytFWWTfDQmBQKBvaFS0Vno0FktdbVzN28KGrMdw==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-presence": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-roving-focus": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/primitive": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
-      "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA=="
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-collection": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.0.tgz",
-      "integrity": "sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-context": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
-      "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
-      "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-direction": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
-      "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-id": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
-      "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.1.tgz",
-      "integrity": "sha512-IeFXVi4YS1K0wVZzXNrbaaUvIJ3qdY+/Ih4eHFhWA9SwGR9UDX7Ck8abvL57C4cv3wwMvUE0OG69Qc3NCcTe/A==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
-      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz",
-      "integrity": "sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
-      "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
-      "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-use-controllable-state": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz",
-      "integrity": "sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==",
-      "dependencies": {
-        "@radix-ui/react-use-callback-ref": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
-      "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
    "node_modules/@radix-ui/react-tooltip": {
      "version": "1.1.3",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.3.tgz",
@ -7493,65 +6745,6 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
-    "node_modules/openai": {
-      "version": "4.73.1",
-      "resolved": "https://registry.npmjs.org/openai/-/openai-4.73.1.tgz",
-      "integrity": "sha512-nWImDJBcUsqrhy7yJScXB4+iqjzbUEgzfA3un/6UnHFdwWhjX24oztj69Ped/njABfOdLcO/F7CeWTI5dt8Xmg==",
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/node": "^18.11.18",
-        "@types/node-fetch": "^2.6.4",
-        "abort-controller": "^3.0.0",
-        "agentkeepalive": "^4.2.1",
-        "form-data-encoder": "1.7.2",
-        "formdata-node": "^4.3.2",
-        "node-fetch": "^2.6.7"
-      },
-      "bin": {
-        "openai": "bin/cli"
-      },
-      "peerDependencies": {
-        "zod": "^3.23.8"
-      },
-      "peerDependenciesMeta": {
-        "zod": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/openai/node_modules/@types/node": {
-      "version": "18.19.67",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.67.tgz",
-      "integrity": "sha512-wI8uHusga+0ZugNp0Ol/3BqQfEcCCNfojtO6Oou9iVNGPTL6QNSdnUdqq85fRgIorLhLMuPIKpsN98QE9Nh+KQ==",
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~5.26.4"
-      }
-    },
-    "node_modules/openai/node_modules/@types/node-fetch": {
-      "version": "2.6.12",
-      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.12.tgz",
-      "integrity": "sha512-8nneRWKCg3rMtF69nLQJnOYUcbafYeFSjqkw3jCRLsqkWFlHaoQrr5mXmofFGOx3DKn7UfmBMyov8ySvLRVldA==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*",
-        "form-data": "^4.0.0"
-      }
-    },
-    "node_modules/openai/node_modules/form-data": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
-      "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
-      "license": "MIT",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
    "node_modules/ora": {
      "version": "6.3.1",
      "resolved": "https://registry.npmjs.org/ora/-/ora-6.3.1.tgz",
--- a/frontend/package.json
+++ b/frontend/package.json
@ -22,11 +22,9 @@
    "@monaco-editor/react": "^4.6.0",
    "@paralleldrive/cuid2": "^2.2.2",
    "@radix-ui/react-alert-dialog": "^1.0.5",
-    "@radix-ui/react-avatar": "^1.1.1",
    "@radix-ui/react-context-menu": "^2.1.5",
    "@radix-ui/react-dialog": "^1.0.5",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-hover-card": "^1.1.2",
    "@radix-ui/react-icons": "^1.3.0",
    "@radix-ui/react-label": "^2.0.2",
    "@radix-ui/react-popover": "^1.1.1",
@ -34,7 +32,6 @@
    "@radix-ui/react-select": "^2.0.0",
    "@radix-ui/react-slot": "^1.0.2",
    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.1.1",
    "@radix-ui/react-tooltip": "^1.1.3",
    "@react-three/fiber": "^8.16.6",
    "@uiw/codemirror-theme-vscode": "^4.23.5",
@ -55,7 +52,6 @@
    "monaco-themes": "^0.4.4",
    "next": "14.1.3",
    "next-themes": "^0.3.0",
-    "openai": "^4.73.1",
    "posthog-js": "^1.147.0",
    "react": "^18.3.1",
    "react-dom": "^18",
--- a/frontend/public/project-icons/php.svg
+++ b/frontend/public/project-icons/php.svg
@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="16" cy="16" r="14" fill="#8892BF"/>
-<path d="M14.4392 10H16.1192L15.6444 12.5242H17.154C17.9819 12.5419 18.5986 12.7269 19.0045 13.0793C19.4184 13.4316 19.5402 14.1014 19.3698 15.0881L18.5541 19.4889H16.8497L17.6288 15.2863C17.7099 14.8457 17.6856 14.533 17.5558 14.348C17.426 14.163 17.146 14.0705 16.7158 14.0705L15.3644 14.0573L14.3661 19.4889H12.6861L14.4392 10Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.74092 12.5243H10.0036C10.9612 12.533 11.6552 12.8327 12.0854 13.4229C12.5156 14.0132 12.6576 14.8193 12.5115 15.8414C12.4548 16.3085 12.3289 16.7665 12.1341 17.2159C11.9474 17.6652 11.6878 18.0704 11.355 18.4317C10.9491 18.8898 10.5149 19.1805 10.0523 19.304C9.58969 19.4274 9.11076 19.489 8.61575 19.489H7.15484L6.69222 22H5L6.74092 12.5243ZM7.43485 17.9956L8.16287 14.0441H8.40879C8.49815 14.0441 8.5914 14.0396 8.6888 14.0309C9.33817 14.0221 9.87774 14.0882 10.308 14.2291C10.7462 14.37 10.8923 14.9031 10.7462 15.8282C10.5678 16.9296 10.2186 17.5727 9.69926 17.7577C9.1799 17.934 8.53053 18.0176 7.75138 18.0088H7.58094C7.53224 18.0088 7.48355 18.0043 7.43485 17.9956Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24.4365 12.5243H21.1738L19.4329 22H21.1251L21.5878 19.489H23.0487C23.5437 19.489 24.0226 19.4274 24.4852 19.304C24.9479 19.1805 25.382 18.8898 25.7879 18.4317C26.1207 18.0704 26.3803 17.6652 26.567 17.2159C26.7618 16.7665 26.8877 16.3085 26.9444 15.8414C27.0905 14.8193 26.9486 14.0132 26.5183 13.4229C26.0881 12.8327 25.3942 12.533 24.4365 12.5243ZM22.5958 14.0441L21.8678 17.9956C21.9165 18.0043 21.9652 18.0088 22.0139 18.0088H22.1843C22.9635 18.0176 23.6128 17.934 24.1322 17.7577C24.6515 17.5727 25.0007 16.9296 25.1792 15.8282C25.3253 14.9031 25.1792 14.37 24.7409 14.2291C24.3107 14.0882 23.7711 14.0221 23.1217 14.0309C23.0243 14.0396 22.9311 14.0441 22.8417 14.0441H22.5958Z" fill="white"/>
-</svg>