chore: add database setup guide.

feat: update wrangler and add database migrations
Merge pull request #19 from Code-Victor/fix/layout-issues
2025-01-13 07:42:53 -05:00 · 2025-01-13 07:10:29 -05:00 · 2025-01-08 16:16:06 -08:00 · 2025-01-08 23:04:21 +01:00 · 2025-01-08 23:03:51 +01:00 · 2025-01-08 09:07:43 -08:00
49 changed files with 4115 additions and 472 deletions
--- a/.gitignore
+++ b/.gitignore
@ -40,7 +40,6 @@ wrangler.toml

 dist
 backend/server/projects
-backend/database/drizzle

 app.yaml
 ingressController.yaml
--- a/README.md
+++ b/README.md
@ -78,6 +78,8 @@ npx wrangler deploy

 ### 4. Deploying the database

+Follow this [guide](https://docs.google.com/document/d/1w5dA5daic_sIYB5Seni1KvnFx51pPV2so6lLdN2xa7Q/edit?usp=sharing) for more info.
+
 Create a database:

 ```
@ -174,6 +176,15 @@ Setting up deployments first requires a separate domain (such as gitwit.app, whi

 We then deploy Dokku on a separate server, according to this guide: https://dev.to/jamesmurdza/host-your-own-paas-platform-as-a-service-on-amazon-web-services-3f0d

+And we install [dokku-daemon](https://github.com/dokku/dokku-daemon) with the following commands:
+
+```
+git clone https://github.com/dokku/dokku-daemon
+cd dokku-daemon
+sudo make install
+systemctl start dokku-daemon
+```
+
 The Sandbox platform connects to the Dokku server via SSH, using SSH keys specifically generated for this connection. The SSH key is stored on the Sandbox server, and the following environment variables are set in /backend/server/.env:

 ```bash
@ -182,6 +193,10 @@ DOKKU_USERNAME=
 DOKKU_KEY=
 ```

+## Deploying to AWS
+
+The backend server and deployments server can be deployed using AWS's EC2 service. See [our video guide](https://www.youtube.com/watch?v=WN8HQnimjmk) on how to do this.
+
 ## Creating Custom Templates

 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.
--- a/backend/database/drizzle/0000_sudden_wallop.sql
+++ b/backend/database/drizzle/0000_sudden_wallop.sql
@ -0,0 +1,46 @@
+CREATE TABLE `sandbox` (
+	`id` text PRIMARY KEY NOT NULL,
+	`name` text NOT NULL,
+	`type` text NOT NULL,
+	`visibility` text,
+	`createdAt` integer DEFAULT CURRENT_TIMESTAMP,
+	`user_id` text NOT NULL,
+	`likeCount` integer DEFAULT 0,
+	`viewCount` integer DEFAULT 0,
+	FOREIGN KEY (`user_id`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action
+);
+--> statement-breakpoint
+CREATE TABLE `sandbox_likes` (
+	`user_id` text NOT NULL,
+	`sandbox_id` text NOT NULL,
+	`createdAt` integer DEFAULT CURRENT_TIMESTAMP,
+	PRIMARY KEY(`sandbox_id`, `user_id`),
+	FOREIGN KEY (`user_id`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action,
+	FOREIGN KEY (`sandbox_id`) REFERENCES `sandbox`(`id`) ON UPDATE no action ON DELETE no action
+);
+--> statement-breakpoint
+CREATE TABLE `user` (
+	`id` text PRIMARY KEY NOT NULL,
+	`name` text NOT NULL,
+	`email` text NOT NULL,
+	`username` text NOT NULL,
+	`avatarUrl` text,
+	`githubToken` text,
+	`createdAt` integer DEFAULT CURRENT_TIMESTAMP,
+	`generations` integer DEFAULT 0,
+	`tier` text DEFAULT 'FREE',
+	`tierExpiresAt` integer,
+	`lastResetDate` integer
+);
+--> statement-breakpoint
+CREATE TABLE `users_to_sandboxes` (
+	`userId` text NOT NULL,
+	`sandboxId` text NOT NULL,
+	`sharedOn` integer,
+	FOREIGN KEY (`userId`) REFERENCES `user`(`id`) ON UPDATE no action ON DELETE no action,
+	FOREIGN KEY (`sandboxId`) REFERENCES `sandbox`(`id`) ON UPDATE no action ON DELETE no action
+);
+--> statement-breakpoint
+CREATE UNIQUE INDEX `sandbox_id_unique` ON `sandbox` (`id`);--> statement-breakpoint
+CREATE UNIQUE INDEX `user_id_unique` ON `user` (`id`);--> statement-breakpoint
+CREATE UNIQUE INDEX `user_username_unique` ON `user` (`username`);
--- a/backend/database/drizzle/0001_dusty_komodo.sql
+++ b/backend/database/drizzle/0001_dusty_komodo.sql
@ -0,0 +1,3 @@
+ALTER TABLE user ADD `bio` text;--> statement-breakpoint
+ALTER TABLE user ADD `personalWebsite` text;--> statement-breakpoint
+ALTER TABLE user ADD `links` text DEFAULT '[]';
--- a/backend/database/drizzle/0002_chemical_brother_voodoo.sql
+++ b/backend/database/drizzle/0002_chemical_brother_voodoo.sql
@ -0,0 +1 @@
+ALTER TABLE sandbox ADD `containerId` text; 
--- 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": "4ada398d-7e4e-448f-8cea-a10b4d844600",
  "prevId": "00000000-0000-0000-0000-000000000000",
  "tables": {
    "sandbox": {
@ -94,6 +94,72 @@
      "compositePrimaryKeys": {},
      "uniqueConstraints": {}
    },
+    "sandbox_likes": {
+      "name": "sandbox_likes",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sandbox_id": {
+          "name": "sandbox_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "CURRENT_TIMESTAMP"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "sandbox_likes_user_id_user_id_fk": {
+          "name": "sandbox_likes_user_id_user_id_fk",
+          "tableFrom": "sandbox_likes",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "sandbox_likes_sandbox_id_sandbox_id_fk": {
+          "name": "sandbox_likes_sandbox_id_sandbox_id_fk",
+          "tableFrom": "sandbox_likes",
+          "tableTo": "sandbox",
+          "columnsFrom": [
+            "sandbox_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "sandbox_likes_sandbox_id_user_id_pk": {
+          "columns": [
+            "sandbox_id",
+            "user_id"
+          ],
+          "name": "sandbox_likes_sandbox_id_user_id_pk"
+        }
+      },
+      "uniqueConstraints": {}
+    },
    "user": {
      "name": "user",
      "columns": {
@ -132,6 +198,13 @@
          "notNull": false,
          "autoincrement": false
        },
+        "githubToken": {
+          "name": "githubToken",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
        "createdAt": {
          "name": "createdAt",
          "type": "integer",
--- a/backend/database/drizzle/meta/0001_snapshot.json
+++ b/backend/database/drizzle/meta/0001_snapshot.json
@ -0,0 +1,353 @@
+{
+    "version": "5",
+    "dialect": "sqlite",
+    "id": "80c0b0b2-bb0e-449a-b447-c21863686f58",
+    "prevId": "4ada398d-7e4e-448f-8cea-a10b4d844600",
+    "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": {}
+      },
+      "sandbox_likes": {
+        "name": "sandbox_likes",
+        "columns": {
+          "user_id": {
+            "name": "user_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "sandbox_id": {
+            "name": "sandbox_id",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": true,
+            "autoincrement": false
+          },
+          "createdAt": {
+            "name": "createdAt",
+            "type": "integer",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false,
+            "default": "CURRENT_TIMESTAMP"
+          }
+        },
+        "indexes": {},
+        "foreignKeys": {
+          "sandbox_likes_user_id_user_id_fk": {
+            "name": "sandbox_likes_user_id_user_id_fk",
+            "tableFrom": "sandbox_likes",
+            "tableTo": "user",
+            "columnsFrom": [
+              "user_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          },
+          "sandbox_likes_sandbox_id_sandbox_id_fk": {
+            "name": "sandbox_likes_sandbox_id_sandbox_id_fk",
+            "tableFrom": "sandbox_likes",
+            "tableTo": "sandbox",
+            "columnsFrom": [
+              "sandbox_id"
+            ],
+            "columnsTo": [
+              "id"
+            ],
+            "onDelete": "no action",
+            "onUpdate": "no action"
+          }
+        },
+        "compositePrimaryKeys": {
+          "sandbox_likes_sandbox_id_user_id_pk": {
+            "columns": [
+              "sandbox_id",
+              "user_id"
+            ],
+            "name": "sandbox_likes_sandbox_id_user_id_pk"
+          }
+        },
+        "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
+          },
+          "githubToken": {
+            "name": "githubToken",
+            "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
+          },
+          "bio": {
+            "name": "bio",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "personalWebsite": {
+            "name": "personalWebsite",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false
+          },
+          "links": {
+            "name": "links",
+            "type": "text",
+            "primaryKey": false,
+            "notNull": false,
+            "autoincrement": false,
+            "default": "'[]'"
+          },
+          "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/0002_snapshot.json
+++ b/backend/database/drizzle/meta/0002_snapshot.json
@ -0,0 +1,360 @@
+{
+  "version": "5",
+  "dialect": "sqlite",
+  "id": "51abcf01-2921-4885-8058-d1ccd576f3e1",
+  "prevId": "80c0b0b2-bb0e-449a-b447-c21863686f58",
+  "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
+        },
+        "containerId": {
+          "name": "containerId",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        }
+      },
+      "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": {}
+    },
+    "sandbox_likes": {
+      "name": "sandbox_likes",
+      "columns": {
+        "user_id": {
+          "name": "user_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "sandbox_id": {
+          "name": "sandbox_id",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": true,
+          "autoincrement": false
+        },
+        "createdAt": {
+          "name": "createdAt",
+          "type": "integer",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "CURRENT_TIMESTAMP"
+        }
+      },
+      "indexes": {},
+      "foreignKeys": {
+        "sandbox_likes_user_id_user_id_fk": {
+          "name": "sandbox_likes_user_id_user_id_fk",
+          "tableFrom": "sandbox_likes",
+          "tableTo": "user",
+          "columnsFrom": [
+            "user_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        },
+        "sandbox_likes_sandbox_id_sandbox_id_fk": {
+          "name": "sandbox_likes_sandbox_id_sandbox_id_fk",
+          "tableFrom": "sandbox_likes",
+          "tableTo": "sandbox",
+          "columnsFrom": [
+            "sandbox_id"
+          ],
+          "columnsTo": [
+            "id"
+          ],
+          "onDelete": "no action",
+          "onUpdate": "no action"
+        }
+      },
+      "compositePrimaryKeys": {
+        "sandbox_likes_sandbox_id_user_id_pk": {
+          "columns": [
+            "sandbox_id",
+            "user_id"
+          ],
+          "name": "sandbox_likes_sandbox_id_user_id_pk"
+        }
+      },
+      "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
+        },
+        "githubToken": {
+          "name": "githubToken",
+          "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
+        },
+        "bio": {
+          "name": "bio",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "personalWebsite": {
+          "name": "personalWebsite",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false
+        },
+        "links": {
+          "name": "links",
+          "type": "text",
+          "primaryKey": false,
+          "notNull": false,
+          "autoincrement": false,
+          "default": "'[]'"
+        },
+        "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,22 @@
    {
      "idx": 0,
      "version": "5",
-      "when": 1732568535771,
-      "tag": "0000_rapid_korath",
+      "when": 1736155854410,
+      "tag": "0000_sudden_wallop",
+      "breakpoints": true
+    },
+    {
+      "idx": 1,
+      "version": "5",
+      "when": 1736169498666,
+      "tag": "0001_dusty_komodo",
+      "breakpoints": true
+    },
+    {
+      "idx": 2,
+      "version": "5",
+      "when": 1736768910615,
+      "tag": "0002_chemical_brother_voodoo",
      "breakpoints": true
    }
  ]
--- a/backend/database/package-lock.json
+++ b/backend/database/package-lock.json
--- a/backend/database/package.json
+++ b/backend/database/package.json
@ -18,7 +18,7 @@
 		"drizzle-kit": "^0.20.17",
 		"typescript": "^5.0.4",
 		"vitest": "1.3.0",
-		"wrangler": "^3.86.0"
+		"wrangler": "^3.101.0"
 	},
 	"dependencies": {
 		"@paralleldrive/cuid2": "^2.2.2",
--- 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, sandbox, sandboxLikes, user, usersToSandboxes } from "./schema"

 export interface Env {
  DB: D1Database
@ -73,6 +67,7 @@ export default {
        const params = url.searchParams
        if (params.has("id")) {
          const id = params.get("id") as string
+          await db.delete(sandboxLikes).where(eq(sandboxLikes.sandboxId, id))
          await db
            .delete(usersToSandboxes)
            .where(eq(usersToSandboxes.sandboxId, id))
@ -245,6 +240,88 @@ export default {

        return success
      } else return methodNotAllowed
+    } else if (path === "/api/sandbox/like") {
+      if (method === "POST") {
+        const likeSchema = z.object({
+          sandboxId: z.string(),
+          userId: z.string(),
+        })
+
+        try {
+          const body = await request.json()
+          const { sandboxId, userId } = likeSchema.parse(body)
+
+          // Check if user has already liked
+          const existingLike = await db.query.sandboxLikes.findFirst({
+            where: (likes, { and, eq }) =>
+              and(eq(likes.sandboxId, sandboxId), eq(likes.userId, userId)),
+          })
+
+          if (existingLike) {
+            // Unlike
+            await db
+              .delete(sandboxLikes)
+              .where(
+                and(
+                  eq(sandboxLikes.sandboxId, sandboxId),
+                  eq(sandboxLikes.userId, userId)
+                )
+              )
+
+            await db
+              .update(sandbox)
+              .set({
+                likeCount: sql`${sandbox.likeCount} - 1`,
+              })
+              .where(eq(sandbox.id, sandboxId))
+
+            return json({
+              message: "Unlike successful",
+              liked: false,
+            })
+          } else {
+            // Like
+            await db.insert(sandboxLikes).values({
+              sandboxId,
+              userId,
+              createdAt: new Date(),
+            })
+
+            await db
+              .update(sandbox)
+              .set({
+                likeCount: sql`${sandbox.likeCount} + 1`,
+              })
+              .where(eq(sandbox.id, sandboxId))
+
+            return json({
+              message: "Like successful",
+              liked: true,
+            })
+          }
+        } catch (error) {
+          return new Response("Invalid request format", { status: 400 })
+        }
+      } else if (method === "GET") {
+        const params = url.searchParams
+        const sandboxId = params.get("sandboxId")
+        const userId = params.get("userId")
+
+        if (!sandboxId || !userId) {
+          return invalidRequest
+        }
+
+        const like = await db.query.sandboxLikes.findFirst({
+          where: (likes, { and, eq }) =>
+            and(eq(likes.sandboxId, sandboxId), eq(likes.userId, userId)),
+        })
+
+        return json({
+          liked: !!like,
+        })
+      } else {
+        return methodNotAllowed
+      }
    } else if (path === "/api/user") {
      if (method === "GET") {
        const params = url.searchParams
@ -316,6 +393,7 @@ export default {
          email: z.string().email(),
          username: z.string(),
          avatarUrl: z.string().optional(),
+          githubToken: z.string().nullable().optional(),
          createdAt: z.string().optional(),
          generations: z.number().optional(),
          tier: z.enum(["FREE", "PRO", "ENTERPRISE"]).optional(),
@ -331,6 +409,7 @@ export default {
          email,
          username,
          avatarUrl,
+          githubToken,
          createdAt,
          generations,
          tier,
@ -345,6 +424,7 @@ export default {
            email,
            username,
            avatarUrl,
+            githubToken,
            createdAt: createdAt ? new Date(createdAt) : new Date(),
            generations,
            tier,
@ -365,9 +445,20 @@ export default {
        const updateUserSchema = z.object({
          id: z.string(),
          name: z.string().optional(),
+          bio: z.string().optional(),
+          personalWebsite: z.string().optional(),
+          links: z
+            .array(
+              z.object({
+                url: z.string(),
+                platform: z.enum(schema.KNOWN_PLATFORMS),
+              })
+            )
+            .optional(),
          email: z.string().email().optional(),
          username: z.string().optional(),
          avatarUrl: z.string().optional(),
+          githubToken: z.string().nullable().optional(),
          generations: z.number().optional(),
        })

--- a/backend/database/src/schema.ts
+++ b/backend/database/src/schema.ts
@ -2,6 +2,26 @@ import { createId } from "@paralleldrive/cuid2"
 import { relations, sql } from "drizzle-orm"
 import { integer, primaryKey, sqliteTable, text } from "drizzle-orm/sqlite-core"

+export const KNOWN_PLATFORMS = [
+  "github",
+  "twitter",
+  "instagram",
+  "bluesky",
+  "linkedin",
+  "youtube",
+  "twitch",
+  "discord",
+  "mastodon",
+  "threads",
+  "gitlab",
+  "generic",
+] as const
+
+export type KnownPlatform = (typeof KNOWN_PLATFORMS)[number]
+export type UserLink = {
+  url: string
+  platform: KnownPlatform
+}
 // #region Tables
 export const user = sqliteTable("user", {
  id: text("id")
@ -12,10 +32,14 @@ export const user = sqliteTable("user", {
  email: text("email").notNull(),
  username: text("username").notNull().unique(),
  avatarUrl: text("avatarUrl"),
+  githubToken: text("githubToken"),
  createdAt: integer("createdAt", { mode: "timestamp_ms" }).default(
    sql`CURRENT_TIMESTAMP`
  ),
  generations: integer("generations").default(0),
+  bio: text("bio"),
+  personalWebsite: text("personalWebsite"),
+  links: text("links", { mode: "json" }).default("[]").$type<UserLink[]>(),
  tier: text("tier", { enum: ["FREE", "PRO", "ENTERPRISE"] }).default("FREE"),
  tierExpiresAt: integer("tierExpiresAt"),
  lastResetDate: integer("lastResetDate"),
@ -39,6 +63,7 @@ export const sandbox = sqliteTable("sandbox", {
    .references(() => user.id),
  likeCount: integer("likeCount").default(0),
  viewCount: integer("viewCount").default(0),
+  containerId: text("containerId"),
 })

 export type Sandbox = typeof sandbox.$inferSelect
--- a/backend/server/src/FileManager.ts
+++ b/backend/server/src/FileManager.ts
@ -326,25 +326,69 @@ export class FileManager {
  // Save file content
  async saveFile(fileId: string, body: string): Promise<void> {
    if (!fileId) return // handles saving when no file is open
-
+  
    if (Buffer.byteLength(body, "utf-8") > MAX_BODY_SIZE) {
      throw new Error("File size too large. Please reduce the file size.")
    }
+  
+    // Save to remote storage
    await RemoteFileStorage.saveFile(this.getRemoteFileId(fileId), body)
-
+  
+    // Update local file data cache
    let file = this.fileData.find((f) => f.id === fileId)
    if (file) {
      file.data = body
    } else {
-      // If the file wasn't in our cache, add it
      file = {
        id: fileId,
        data: body,
      }
      this.fileData.push(file)
    }
-
-    await this.sandbox.files.write(path.posix.join(this.dirName, fileId), body)
+  
+    // Save to sandbox filesystem
+    const filePath = path.posix.join(this.dirName, fileId)
+    await this.sandbox.files.write(filePath, body)
+  
+    // Instead of updating the entire file structure, just ensure this file exists in it
+    const parts = fileId.split('/').filter(Boolean)
+    let current = this.files
+    let currentPath = ''
+  
+    // Navigate/create the path to the file
+    for (let i = 0; i < parts.length - 1; i++) {
+      currentPath += '/' + parts[i]
+      let folder = current.find(
+        (f) => f.type === 'folder' && f.name === parts[i]
+      ) as TFolder
+      
+      if (!folder) {
+        folder = {
+          id: currentPath,
+          type: 'folder',
+          name: parts[i],
+          children: [],
+        }
+        current.push(folder)
+      }
+      current = folder.children
+    }
+  
+    // Add/update the file in the structure if it doesn't exist
+    const fileName = parts[parts.length - 1]
+    const existingFile = current.find(
+      (f) => f.type === 'file' && f.name === fileName
+    )
+    
+    if (!existingFile) {
+      current.push({
+        id: fileId,
+        type: 'file',
+        name: fileName,
+      })
+    }
+  
+    this.refreshFileList?.(this.files)
    this.fixPermissions()
  }

--- a/backend/server/src/SSHSocketClient.ts
+++ b/backend/server/src/SSHSocketClient.ts
@ -13,7 +13,10 @@ export class SSHSocketClient {
  private conn: Client
  private config: SSHConfig
  private socketPath: string
-  private isConnected: boolean = false
+  private _isConnected: boolean = false
+  public get isConnected(): boolean {
+    return this._isConnected
+  }

  // Constructor initializes the SSH client and sets up configuration
  constructor(config: SSHConfig, socketPath: string) {
@ -34,7 +37,7 @@ export class SSHSocketClient {
  private closeConnection() {
    console.log("Closing SSH connection...")
    this.conn.end()
-    this.isConnected = false
+    this._isConnected = false
    process.exit(0)
  }

@ -44,17 +47,17 @@ export class SSHSocketClient {
      this.conn
        .on("ready", () => {
          console.log("SSH connection established")
-          this.isConnected = true
+          this._isConnected = true
          resolve()
        })
        .on("error", (err) => {
          console.error("SSH connection error:", err)
-          this.isConnected = false
+          this._isConnected = false
          reject(err)
        })
        .on("close", () => {
          console.log("SSH connection closed")
-          this.isConnected = false
+          this._isConnected = false
        })
        .connect(this.config)
    })
@ -86,10 +89,13 @@ export class SSHSocketClient {
              )
            })
            .on("data", (data: Buffer) => {
+              // Netcat remains open until it is closed, so we close the connection once we receive data.
              resolve(data.toString())
+              stream.close()
            })
            .stderr.on("data", (data: Buffer) => {
              reject(new Error(data.toString()))
+              stream.close()
            })
        }
      )
--- a/backend/server/src/Sandbox.ts
+++ b/backend/server/src/Sandbox.ts
@ -170,8 +170,20 @@ export class Sandbox {

    // Handle checking if an app exists
    const handleAppExists: SocketHandler = async ({ appName }) => {
-      if (!this.dokkuClient)
-        throw new Error("Failed to check app existence: No Dokku client")
+      if (!this.dokkuClient) {
+        console.log("Failed to check app existence: No Dokku client")
+        return {
+          success: false,
+        }
+      }
+      if (!this.dokkuClient.isConnected) {
+        console.log(
+          "Failed to check app existence: The Dokku client is not connected"
+        )
+        return {
+          success: false,
+        }
+      }
      return {
        success: true,
        exists: await this.dokkuClient.appExists(appName),
--- a/frontend/app/(app)/code/[id]/page.tsx
+++ b/frontend/app/(app)/code/[id]/page.tsx
@ -91,23 +91,17 @@ export default async function CodePage({ params }: { params: { id: string } }) {
  }

  return (
-    <>
-      <div className="overflow-hidden overscroll-none w-screen flex flex-col h-screen bg-background">
-        {/* <Room id={sandboxId}> */}
-          <TerminalProvider>
-            <Navbar
-              userData={userData}
-              sandboxData={sandboxData}
-              shared={
-                shared as { id: string; name: string; avatarUrl: string }[]
-              }
-            />
-            <div className="w-screen flex grow">
-              <CodeEditor userData={userData} sandboxData={sandboxData} />
-            </div>
-          </TerminalProvider>
-        {/* </Room> */}
+    <TerminalProvider>
+      {/* <Room id={sandboxId}> */}
+      <div className="overflow-hidden overscroll-none w-screen h-screen grid [grid-template-rows:3.5rem_auto] bg-background">
+        <Navbar
+          userData={userData}
+          sandboxData={sandboxData}
+          shared={shared as { id: string; name: string; avatarUrl: string }[]}
+        />
+        <CodeEditor userData={userData} sandboxData={sandboxData} />
      </div>
-    </>
+      {/* </Room> */}
+    </TerminalProvider>
  )
 }
--- a/frontend/app/favicon.ico
+++ b/frontend/app/favicon.ico
--- a/frontend/app/globals.css
+++ b/frontend/app/globals.css
@ -102,26 +102,27 @@
 .light .gradient-button-bg {
  background: radial-gradient(
    circle at top,
-    #262626 0%,
-    #f5f5f5 50%
-  ); /* Dark gray -> Light gray */
+    #f5f5f5 0%,
+    /* Very light gray */ #e0e0e0 50% /* Soft gray */
+  );
 }

 .light .gradient-button {
  background: radial-gradient(
    circle at bottom,
-    hsl(0, 10%, 25%) -10%,
-    #9d9d9d 50%
-  ); /* Light gray -> Almost white */
+    hsl(0, 0%, 85%) -10%,
+    /* Slightly darker gray */ hsl(0, 0%, 95%) 50% /* Very soft light gray */
+  );
 }

 .light .gradient-button-bg > div:hover {
  background: radial-gradient(
    circle at bottom,
-    hsl(0, 10%, 25%) -10%,
-    #9d9d9d 80%
-  ); /* Light gray -> Almost white */
+    hsl(0, 0%, 80%) -10%,
+    /* Slightly darker gray for hover */ hsl(0, 0%, 90%) 80% /* Softer gray */
+  );
 }
+
 .inline-decoration::before {
  content: "Generate";
  color: #525252;
--- a/frontend/app/icon.svg
+++ b/frontend/app/icon.svg
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@ -11,7 +11,22 @@ import "./globals.css"

 export const metadata: Metadata = {
  title: "Sandbox",
-  description: "A collaborative, AI-powered cloud code editing environment",
+  description:
+    "an open-source cloud-based code editing environment with custom AI code generation, live preview, real-time collaboration, and AI chat",
+  openGraph: {
+    type: "website",
+    url: "https://sandbox.gitwit.dev",
+    title: "Sandbox",
+    description:
+      "an open-source cloud-based code editing environment with custom AI code generation, live preview, real-time collaboration, and AI chat",
+  },
+  twitter: {
+    site: "https://sandbox.gitwit.dev",
+    title: "Sandbox by Gitwit",
+    description:
+      "an open-source cloud-based code editing environment with custom AI code generation, live preview, real-time collaboration, and AI chat",
+    creator: "@gitwitdev",
+  },
 }

 export default function RootLayout({
--- a/frontend/app/opengraph-image.alt.txt
+++ b/frontend/app/opengraph-image.alt.txt
@ -0,0 +1 @@
+About Sandbox by Gitwit
--- a/frontend/app/opengraph-image.png
+++ b/frontend/app/opengraph-image.png
--- a/frontend/assets/logo.svg
+++ b/frontend/assets/logo.svg
--- a/frontend/components/dashboard/navbar/index.tsx
+++ b/frontend/components/dashboard/navbar/index.tsx
@ -9,14 +9,19 @@ 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="flex items-center space-x-4">
+      <div className="flex items-center space-x-2">
        <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>
+        <h1 className="text-xl">
+          <span className="font-semibold">Sandbox</span>{" "}
+          <span className="text-xs font-medium text-muted-foreground">
+            by gitwit
+          </span>
+        </h1>
      </div>
      <div className="flex items-center space-x-4">
        <DashboardNavbarSearch />
--- a/frontend/components/dashboard/projectCard/index.tsx
+++ b/frontend/components/dashboard/projectCard/index.tsx
@ -240,7 +240,7 @@ function ProjectCardComponent({
          >
            <CanvasRevealEffect
              animationSpeed={3}
-              containerClassName="bg-black"
+              containerClassName="bg-muted"
              colors={colors[type]}
              dotSize={2}
            />
--- a/frontend/components/editor/AIChat/ChatMessage.tsx
+++ b/frontend/components/editor/AIChat/ChatMessage.tsx
@ -126,8 +126,8 @@ export default function ChatMessage({
      <div
        className={`relative p-2 rounded-lg ${
          message.role === "user"
-            ? "bg-[#262626] text-white"
-            : "bg-transparent text-white"
+            ? "bg-foreground text-background"
+            : "bg-background text-foreground"
        } max-w-full`}
      >
        {/* Render context tabs */}
@ -171,7 +171,7 @@ export default function ChatMessage({
                            end: e.target.value.split("\n").length,
                          })
                        }}
-                        className="w-full p-2 bg-[#1e1e1e] text-white font-mono text-sm rounded"
+                        className="w-full p-2 bg-[#1e1e1e] text-foreground font-mono text-sm rounded"
                        rows={code.split("\n").length}
                        style={{
                          resize: "vertical",
--- a/frontend/components/editor/AIChat/index.tsx
+++ b/frontend/components/editor/AIChat/index.tsx
@ -1,3 +1,4 @@
+import { ScrollArea } from "@/components/ui/scroll-area"
 import { useSocket } from "@/context/SocketContext"
 import { TFile } from "@/lib/types"
 import { ChevronDown, X } from "lucide-react"
@ -208,9 +209,9 @@ export default function AIChat({
          </button>
        </div>
      </div>
-      <div
+      <ScrollArea
        ref={chatContainerRef}
-        className="flex-grow overflow-y-auto p-4 space-y-4 relative"
+        className="flex-grow p-4 space-y-4 relative"
      >
        {messages.map((message, messageIndex) => (
          // Render chat message component for each message
@ -241,7 +242,7 @@ export default function AIChat({
            <ChevronDown className="h-5 w-5" />
          </button>
        )}
-      </div>
+      </ScrollArea>
      <div className="p-4 border-t mb-14">
        {/* Render context tabs component */}
        <ContextTabs
--- a/frontend/components/editor/index.tsx
+++ b/frontend/components/editor/index.tsx
@ -62,7 +62,7 @@ export default function CodeEditor({
  //SocketContext functions and effects
  const { socket, setUserAndSandboxId } = useSocket()
  // theme
-  const { theme } = useTheme()
+  const { resolvedTheme: theme } = useTheme()
  useEffect(() => {
    // Ensure userData.id and sandboxData.id are available before attempting to connect
    if (userData.id && sandboxData.id) {
@ -387,9 +387,16 @@ export default function CodeEditor({
    (mergedCode: string, originalCode: string) => {
      if (!editorRef) return

+      const model = editorRef.getModel()
+      if (!model) return // Store original content
+      ;(model as any).originalContent = originalCode
+
+      // Calculate the full range of the document
+      const fullRange = model.getFullModelRange()
+
+      // Create decorations before applying the edit
      const originalLines = originalCode.split("\n")
      const mergedLines = mergedCode.split("\n")
-
      const decorations: monaco.editor.IModelDeltaDecoration[] = []

      for (
@ -410,14 +417,16 @@ export default function CodeEditor({
        }
      }

-      // Store original content in the model
-      const model = editorRef.getModel()
-      if (model) {
-        ;(model as any).originalContent = originalCode
-      }
-      editorRef.setValue(mergedCode)
+      // Execute the edit operation
+      editorRef.executeEdits("apply-code", [
+        {
+          range: fullRange,
+          text: mergedCode,
+          forceMoveMarkers: true,
+        },
+      ])

-      // Apply decorations
+      // Apply decorations after the edit
      const newDecorations = editorRef.createDecorationsCollection(decorations)
      setMergeDecorationsCollection(newDecorations)
    },
@ -784,31 +793,32 @@ export default function CodeEditor({
    setGenerate((prev) => ({ ...prev, show: false }))

    // Check if the tab already exists in the list of open tabs
-    const exists = tabs.find((t) => t.id === tab.id)
-    setTabs((prev) => {
-      if (exists) {
-        // If the tab exists, make it the active tab
-        setActiveFileId(exists.id)
-        return prev
-      }
-      // If the tab doesn't exist, add it to the list of tabs and make it active
-      return [...prev, tab]
-    })
+    const existingTab = tabs.find((t) => t.id === tab.id)

-    // If the file's content is already cached, set it as the active content
-    if (fileContents[tab.id]) {
-      setActiveFileContent(fileContents[tab.id])
+    if (existingTab) {
+      // If the tab exists, just make it active
+      setActiveFileId(existingTab.id)
+      if (fileContents[existingTab.id]) {
+        setActiveFileContent(fileContents[existingTab.id])
+      }
    } else {
-      // Otherwise, fetch the content of the file and cache it
-      debouncedGetFile(tab.id, (response: string) => {
-        setFileContents((prev) => ({ ...prev, [tab.id]: response }))
-        setActiveFileContent(response)
-      })
+      // If the tab doesn't exist, add it to the list and make it active
+      setTabs((prev) => [...prev, tab])
+
+      // Fetch content if not cached
+      if (!fileContents[tab.id]) {
+        debouncedGetFile(tab.id, (response: string) => {
+          setFileContents((prev) => ({ ...prev, [tab.id]: response }))
+          setActiveFileContent(response)
+        })
+      } else {
+        setActiveFileContent(fileContents[tab.id])
+      }
    }

    // Set the editor language based on the file type
    setEditorLanguage(processFileType(tab.name))
-    // Set the active file ID to the new tab
+    // Set the active file ID
    setActiveFileId(tab.id)
  }

@ -970,9 +980,9 @@ export default function CodeEditor({
    )

  return (
-    <>
-      {/* Copilot DOM elements */}
+    <div className="flex max-h-full overflow-hidden">
      <PreviewProvider>
+        {/* Copilot DOM elements */}
        <div ref={generateRef} />
        <div ref={suggestionRef} className="absolute">
          <AnimatePresence>
@ -1294,7 +1304,7 @@ export default function CodeEditor({
          )}
        </ResizablePanelGroup>
      </PreviewProvider>
-    </>
+    </div>
  )
 }

--- a/frontend/components/editor/navbar/deploy.tsx
+++ b/frontend/components/editor/navbar/deploy.tsx
@ -21,12 +21,14 @@ export default function DeployButtonModal({
  const { deploy, getAppExists } = useTerminal()
  const [isDeploying, setIsDeploying] = useState(false)
  const [isDeployed, setIsDeployed] = useState(false)
+  const [deployButtonVisible, setDeployButtonEnabled] = useState(false)

  useEffect(() => {
    const checkDeployment = async () => {
      if (getAppExists) {
        const exists = await getAppExists(data.id)
-        setIsDeployed(exists)
+        setDeployButtonEnabled(exists.success)
+        setIsDeployed((exists.success && exists.exists) ?? false)
      }
    }
    checkDeployment()
@ -50,10 +52,12 @@ export default function DeployButtonModal({
    <>
      <Popover>
        <PopoverTrigger asChild>
-          <Button variant="outline">
-            <Globe className="w-4 h-4 mr-2" />
-            Deploy
-          </Button>
+          {deployButtonVisible && (
+            <Button variant="outline">
+              <Globe className="w-4 h-4 mr-2" />
+              Deploy
+            </Button>
+          )}
        </PopoverTrigger>
        <PopoverContent
          className="p-4 w-full max-w-xs sm:max-w-sm md:max-w-md lg:max-w-lg xl:max-w-xl rounded-lg shadow-lg"
--- a/frontend/components/editor/sidebar/index.tsx
+++ b/frontend/components/editor/sidebar/index.tsx
@ -9,6 +9,7 @@ import SidebarFolder from "./folder"
 import New from "./new"

 import { Button } from "@/components/ui/button"
+import { ScrollArea } from "@/components/ui/scroll-area"
 import { Skeleton } from "@/components/ui/skeleton"
 import { cn, sortFileExplorer } from "@/lib/utils"
 import {
@ -104,8 +105,8 @@ export default function Sidebar({

  return (
    <div className="h-full w-56 select-none flex flex-col text-sm">
-      <div className="flex-grow overflow-auto p-2 pb-[84px]">
-        <div className="flex w-full items-center justify-between h-8 mb-1">
+      <ScrollArea className="flex-grow overflow-auto px-2 pt-0 pb-4 relative">
+        <div className="flex w-full items-center justify-between h-8 pb-1 isolate z-10 sticky pt-2 top-0 bg-background">
          <div className="text-muted-foreground">Explorer</div>
          <div className="flex space-x-1">
            <button
@ -179,8 +180,8 @@ export default function Sidebar({
            </>
          )}
        </div>
-      </div>
-      <div className="fixed bottom-0 w-48 flex flex-col p-2 bg-background">
+      </ScrollArea>
+      <div className="flex flex-col p-2 bg-background">
        <Button
          variant="ghost"
          className="w-full justify-start text-sm text-muted-foreground font-normal h-8 px-2 mb-2"
--- a/frontend/components/editor/terminals/terminal.tsx
+++ b/frontend/components/editor/terminals/terminal.tsx
@ -22,7 +22,7 @@ export default function EditorTerminal({
  setTerm: (term: Terminal) => void
  visible: boolean
 }) {
-  const { theme } = useTheme()
+  const { resolvedTheme: theme } = useTheme()
  const terminalContainerRef = useRef<ElementRef<"div">>(null)
  const fitAddonRef = useRef<FitAddon | null>(null)

--- a/frontend/components/profile/index.tsx
+++ b/frontend/components/profile/index.tsx
@ -9,19 +9,38 @@ import {
  CardDescription,
  CardTitle,
 } from "@/components/ui/card"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form"
 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 {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip"
 import { deleteSandbox, updateSandbox, updateUser } from "@/lib/actions"
+import { socialIcons } from "@/lib/data"
+import { editUserSchema, EditUserSchema } from "@/lib/schema"
 import { TIERS } from "@/lib/tiers"
-import { SandboxWithLiked, User } from "@/lib/types"
+import { SandboxWithLiked, User, UserLink } from "@/lib/types"
+import { cn, parseSocialLink } from "@/lib/utils"
 import { useUser } from "@clerk/nextjs"
+import { zodResolver } from "@hookform/resolvers/zod"
 import {
  Edit,
+  Globe,
  Heart,
  Info,
  Loader2,
@ -29,17 +48,27 @@ import {
  Package2,
  PlusCircle,
  Sparkles,
+  Trash2,
  X,
 } from "lucide-react"
 import { useRouter } from "next/navigation"
-import { Fragment, useCallback, useEffect, useMemo, useState } from "react"
+import {
+  Fragment,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  useTransition,
+} from "react"
 import { useFormState, useFormStatus } from "react-dom"
+import { useFieldArray, useForm } from "react-hook-form"
 import { toast } from "sonner"
 import Avatar from "../ui/avatar"
 import { Badge } from "../ui/badge"
 import { Input } from "../ui/input"
 import { Progress } from "../ui/progress"
-
+import { Textarea } from "../ui/textarea"
 // #region Profile Page
 export default function ProfilePage({
  publicSandboxes,
@ -75,6 +104,9 @@ export default function ProfilePage({
            generations={isOwnProfile ? loggedInUser.generations : undefined}
            isOwnProfile={isOwnProfile}
            tier={profileOwner.tier}
+            bio={profileOwner.bio}
+            personalWebsite={profileOwner.personalWebsite}
+            socialLinks={profileOwner.links}
          />
        </div>
        <div className="md:col-span-2">
@ -101,11 +133,17 @@ function ProfileCard({
  joinedDate,
  generations,
  isOwnProfile,
+  bio,
+  personalWebsite,
+  socialLinks = [],
  tier,
 }: {
  name: string
  username: string
  avatarUrl: string | null
+  bio: string | null
+  personalWebsite: string | null
+  socialLinks: UserLink[]
  sandboxes: SandboxWithLiked[]
  joinedDate: Date
  generations?: number
@ -113,9 +151,8 @@ function ProfileCard({
  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",
@ -140,103 +177,126 @@ function ProfileCard({
    }
  }, [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])
+  const showAddMoreInfoBanner = useMemo(() => {
+    return !bio && !personalWebsite && (socialLinks?.length ?? 0) === 0
+  }, [personalWebsite, bio, socialLinks])
+
  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>
+        <div className="absolute top-2 right-2 flex flex-col gap-2">
+          <TooltipProvider>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button
+                  onClick={toggleEdit}
+                  aria-label={isEditing ? "close edit form" : "open edit form"}
+                  size="smIcon"
+                  variant="secondary"
+                  className="rounded-full relative"
+                >
+                  {isEditing ? (
+                    <X className="size-4" />
+                  ) : showAddMoreInfoBanner ? (
+                    <>
+                      <Sparkles className="size-4 text-yellow-400 z-[2]" />
+                      <div className="z-[1] absolute inset-0 rounded-full bg-secondary animate-ping" />
+                    </>
+                  ) : (
+                    <Edit className="size-4" />
+                  )}
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>
+                <p>
+                  {showAddMoreInfoBanner
+                    ? "Add more information to your profile"
+                    : "Edit your profile"}
+                </p>
+              </TooltipContent>
+            </Tooltip>
+          </TooltipProvider>
+        </div>
      )}
-      <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>
+      <CardContent className="flex flex-col gap-4 pt-6">
+        {isEditing ? (
+          <div className="flex flex-col gap-2 items-center ">
+            <Avatar name={name} avatarUrl={avatarUrl} className="size-36" />
+            <EditProfileForm
+              {...{
+                name,
+                username,
+                avatarUrl,
+                bio,
+                personalWebsite,
+                socialLinks,
+                toggleEdit,
+              }}
+            />
          </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 className="flex flex-col gap-2 items-center">
+              <Avatar name={name} avatarUrl={avatarUrl} className="size-36" />
+              <div className="space-y-1">
+                <CardTitle className="text-2xl text-center">{name}</CardTitle>
+                <CardDescription className="text-center">{`@${username}`}</CardDescription>
+              </div>
+              {bio && <p className="text-sm text-center">{bio}</p>}
+              {(socialLinks.length > 0 || personalWebsite) && (
+                <div className="flex gap-2 justify-center">
+                  {personalWebsite && (
+                    <Button variant="secondary" size="smIcon" asChild>
+                      <a
+                        href={personalWebsite}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                      >
+                        <Globe className="size-4" />
+                        <span className="sr-only">Personal Website</span>
+                      </a>
+                    </Button>
+                  )}
+                  {socialLinks.map((link, index) => {
+                    const Icon = socialIcons[link.platform]
+                    return (
+                      <Button
+                        key={index}
+                        variant="secondary"
+                        size="smIcon"
+                        asChild
+                      >
+                        <a
+                          href={link.url}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                        >
+                          <Icon className="size-4" />
+                          <span className="sr-only">{link.platform}</span>
+                        </a>
+                      </Button>
+                    )
+                  })}
+                </div>
              )}
            </div>
+            <div className="flex flex-col gap-1 items-center">
+              {typeof generations === "number" && (
+                <div className="flex justify-center">
+                  <SubscriptionBadge
+                    generations={generations}
+                    tier={tier as keyof typeof TIERS}
+                  />
+                </div>
+              )}
+              <div className="flex gap-4">
+                <StatsItem icon={Package2} label={stats.sandboxes} />
+                <StatsItem icon={Heart} label={stats.likes} />
+              </div>
+            </div>
+            <p className="text-xs mt-2 text-muted-foreground text-center">
+              {joinedAt}
+            </p>
          </>
        )}
      </CardContent>
@ -244,13 +304,213 @@ function ProfileCard({
  )
 }

-function SubmitButton() {
-  const { pending } = useFormStatus()
-
+function EditProfileForm(props: {
+  name: string
+  username: string
+  avatarUrl: string | null
+  bio: string | null
+  personalWebsite: string | null
+  socialLinks: UserLink[]
+  toggleEdit: () => void
+}) {
+  const router = useRouter()
+  const { user } = useUser()
+  const formRef = useRef<HTMLFormElement>(null)
+  const [formState, formAction] = useFormState(updateUser, {
+    message: "",
+  })
+  const [isPending, startTransition] = useTransition()
+  const { name, username, bio, personalWebsite, socialLinks, toggleEdit } =
+    props
+  const form = useForm<EditUserSchema>({
+    resolver: zodResolver(editUserSchema),
+    defaultValues: {
+      oldUsername: username,
+      id: user?.id,
+      name,
+      username,
+      bio: bio ?? "",
+      personalWebsite: personalWebsite ?? "",
+      links:
+        socialLinks.length > 0
+          ? socialLinks
+          : [{ url: "", platform: "generic" }],
+      ...(formState.fields ?? {}),
+    },
+  })
+  const { fields, append, remove } = useFieldArray({
+    name: "links",
+    control: form.control,
+  })
+  useEffect(() => {
+    const message = formState.message
+    if (!Boolean(message)) return
+    if ("error" in formState) {
+      toast.error(formState.message)
+      return
+    }
+    toast.success(formState.message as String)
+    toggleEdit()
+    if (formState?.newRoute) {
+      router.replace(formState.newRoute)
+    }
+  }, [formState])
  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
+    <Form {...form}>
+      <form
+        ref={formRef}
+        action={formAction}
+        onSubmit={(evt) => {
+          evt.preventDefault()
+          form.handleSubmit(() => {
+            startTransition(() => {
+              formAction(new FormData(formRef.current!))
+            })
+          })(evt)
+        }}
+        className="space-y-3 w-full"
+      >
+        <input type="hidden" name="id" value={user?.id} />
+        <input type="hidden" name="oldUsername" value={username} />
+        <FormField
+          control={form.control}
+          name="name"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Name</FormLabel>
+              <FormControl>
+                <Input placeholder="marie doe" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="username"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>User name</FormLabel>
+              <FormControl>
+                <div className="relative">
+                  <Input
+                    className="peer ps-6"
+                    type="text"
+                    placeholder="Username"
+                    {...field}
+                  />
+                  <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>
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="bio"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Bio</FormLabel>
+              <FormControl>
+                <Textarea
+                  placeholder="hi, I love building things!"
+                  {...field}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="personalWebsite"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Personal Website</FormLabel>
+              <FormControl>
+                <Input placeholder="https://chillguy.dev" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <div>
+          {fields.map((field, index) => (
+            <FormField
+              control={form.control}
+              key={field.id}
+              name={`links.${index}`}
+              render={({ field: { onChange, value, ...field } }) => {
+                const Icon = socialIcons[value.platform] ?? socialIcons.generic
+                return (
+                  <FormItem>
+                    <FormLabel className={cn(index !== 0 && "sr-only")}>
+                      Social Links
+                    </FormLabel>
+                    <FormDescription className={cn(index !== 0 && "sr-only")}>
+                      Add links to your blogs or social media profiles.
+                    </FormDescription>
+                    <FormControl>
+                      <div className="flex gap-2">
+                        <div className="relative flex-1">
+                          <Input
+                            {...field}
+                            className="peer ps-9"
+                            value={value.url}
+                            onChange={(e) =>
+                              onChange(parseSocialLink(e.currentTarget.value))
+                            }
+                          />
+                          <div className="pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-muted-foreground/80 peer-disabled:opacity-50">
+                            <Icon
+                              size={16}
+                              strokeWidth={2}
+                              aria-hidden="true"
+                            />
+                          </div>
+                        </div>
+                        <Button
+                          size="smIcon"
+                          type="button"
+                          variant="secondary"
+                          onClick={() => remove(index)}
+                        >
+                          <Trash2 className="size-4" />
+                        </Button>
+                      </div>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )
+              }}
+            />
+          ))}
+          <Button
+            type="button"
+            variant="outline"
+            size="sm"
+            className="mt-2"
+            onClick={() => append({ url: "", platform: "generic" })}
+          >
+            Add URL
+          </Button>
+        </div>
+        <SubmitButton {...{ isPending }} />
+      </form>
+    </Form>
+  )
+}
+function SubmitButton({ isPending }: { isPending: boolean }) {
+  const formStatus = useFormStatus()
+  const { pending } = formStatus
+  const pend = pending || isPending
+  return (
+    <Button size="sm" type="submit" className="w-full mt-2" disabled={pend}>
+      {pend && <Loader2 className="animate-spin mr-2 h-4 w-4" />}
+      Save Changes
    </Button>
  )
 }
@ -441,8 +701,8 @@ interface StatsItemProps {

 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>
+    <Icon size={16} />
+    <span className="text-sm text-muted-foreground">{label}</span>
  </div>
 )
 // #endregion
@ -462,8 +722,8 @@ const SubscriptionBadge = ({
      </Badge>
      <HoverCard>
        <HoverCardTrigger>
-          <Button variant="ghost" size="smIcon">
-            <Info size={20} />
+          <Button variant="ghost" size="smIcon" className="size-[26px]">
+            <Info size={16} />
          </Button>
        </HoverCardTrigger>
        <HoverCardContent>
--- a/frontend/components/profile/navbar.tsx
+++ b/frontend/components/profile/navbar.tsx
@ -9,14 +9,19 @@ 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">
+      <div className="flex items-center space-x-2">
        <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>
+        <h1 className="text-xl">
+          <span className="font-semibold">Sandbox</span>{" "}
+          <span className="text-xs font-medium text-muted-foreground">
+            by gitwit
+          </span>
+        </h1>
      </div>
      <div className="flex items-center space-x-4">
        <ThemeSwitcher />
--- a/frontend/components/ui/button.tsx
+++ b/frontend/components/ui/button.tsx
@ -26,7 +26,7 @@ const buttonVariants = cva(
        sm: "h-8 rounded-md px-3 text-xs",
        lg: "h-10 rounded-md px-8",
        icon: "h-9 w-9",
-        smIcon: "h-8 w-8",
+        smIcon: "size-8",
      },
    },
    defaultVariants: {
--- a/frontend/components/ui/form.tsx
+++ b/frontend/components/ui/form.tsx
@ -1,6 +1,8 @@
+"use client"
+
+import * as React from "react"
 import * as LabelPrimitive from "@radix-ui/react-label"
 import { Slot } from "@radix-ui/react-slot"
-import * as React from "react"
 import {
  Controller,
  ControllerProps,
@ -10,8 +12,8 @@ import {
  useFormContext,
 } from "react-hook-form"

-import { Label } from "@/components/ui/label"
 import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"

 const Form = FormProvider

@ -93,7 +95,7 @@ const FormLabel = React.forwardRef<
  return (
    <Label
      ref={ref}
-      className={cn(className)}
+      className={cn(error && "text-destructive", className)}
      htmlFor={formItemId}
      {...props}
    />
@ -165,12 +167,12 @@ const FormMessage = React.forwardRef<
 FormMessage.displayName = "FormMessage"

 export {
+  useFormField,
  Form,
-  FormControl,
-  FormDescription,
-  FormField,
  FormItem,
  FormLabel,
+  FormControl,
+  FormDescription,
  FormMessage,
-  useFormField,
+  FormField,
 }
--- a/frontend/components/ui/scroll-area.tsx
+++ b/frontend/components/ui/scroll-area.tsx
@ -0,0 +1,48 @@
+"use client"
+
+import * as React from "react"
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+
+import { cn } from "@/lib/utils"
+
+const ScrollArea = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
+>(({ className, children, ...props }, ref) => (
+  <ScrollAreaPrimitive.Root
+    ref={ref}
+    className={cn("relative overflow-hidden", className)}
+    {...props}
+  >
+    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
+      {children}
+    </ScrollAreaPrimitive.Viewport>
+    <ScrollBar />
+    <ScrollAreaPrimitive.Corner />
+  </ScrollAreaPrimitive.Root>
+))
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
+
+const ScrollBar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
+>(({ className, orientation = "vertical", ...props }, ref) => (
+  <ScrollAreaPrimitive.ScrollAreaScrollbar
+    ref={ref}
+    orientation={orientation}
+    className={cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" &&
+        "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" &&
+        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    )}
+    {...props}
+  >
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+))
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
+
+export { ScrollArea, ScrollBar }
--- a/frontend/components/ui/textarea.tsx
+++ b/frontend/components/ui/textarea.tsx
@ -0,0 +1,22 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )}
+      ref={ref}
+      {...props}
+    />
+  )
+})
+Textarea.displayName = "Textarea"
+
+export { Textarea }
--- a/frontend/components/ui/theme-provider.tsx
+++ b/frontend/components/ui/theme-provider.tsx
@ -1,8 +1,11 @@
 "use client"

+import * as React from "react"
 import { ThemeProvider as NextThemesProvider } from "next-themes"
-import { type ThemeProviderProps } from "next-themes/dist/types"

-export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+export function ThemeProvider({
+  children,
+  ...props
+}: React.ComponentProps<typeof NextThemesProvider>) {
  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
 }
--- a/frontend/components/ui/tooltip.tsx
+++ b/frontend/components/ui/tooltip.tsx
@ -1,7 +1,7 @@
 "use client"

-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"

 import { cn } from "@/lib/utils"

@ -29,4 +29,4 @@ const TooltipContent = React.forwardRef<
 ))
 TooltipContent.displayName = TooltipPrimitive.Content.displayName

-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
--- a/frontend/context/TerminalContext.tsx
+++ b/frontend/context/TerminalContext.tsx
@ -20,7 +20,9 @@ interface TerminalContextType {
  createNewTerminal: (command?: string) => Promise<void>
  closeTerminal: (id: string) => void
  deploy: (callback: () => void) => void
-  getAppExists: ((appName: string) => Promise<boolean>) | null
+  getAppExists:
+    | ((appName: string) => Promise<{ success: boolean; exists?: boolean }>)
+    | null
 }

 const TerminalContext = createContext<TerminalContextType | undefined>(
@ -92,16 +94,18 @@ export const TerminalProvider: React.FC<{ children: React.ReactNode }> = ({
    })
  }

-  const getAppExists = async (appName: string): Promise<boolean> => {
+  const getAppExists = async (
+    appName: string
+  ): Promise<{ success: boolean; exists?: boolean }> => {
    console.log("Is there a socket: " + !!socket)
    if (!socket) {
      console.error("Couldn't check if app exists: No socket")
-      return false
+      return { success: false }
    }
-    const response: { exists: boolean } = await new Promise((resolve) =>
-      socket.emit("getAppExists", { appName }, resolve)
+    const response: { success: boolean; exists?: boolean } = await new Promise(
+      (resolve) => socket.emit("getAppExists", { appName }, resolve)
    )
-    return response.exists
+    return response
  }

  const value = {
--- a/frontend/lib/actions.ts
+++ b/frontend/lib/actions.ts
@ -2,6 +2,9 @@

 import { revalidatePath } from "next/cache"
 import { z } from "zod"
+import { editUserSchema } from "./schema"
+import { UserLink } from "./types"
+import { parseSocialLink } from "./utils"

 export async function createSandbox(body: {
  type: string
@ -94,7 +97,7 @@ export async function unshareSandbox(sandboxId: string, userId: string) {
 }

 export async function toggleLike(sandboxId: string, userId: string) {
-  await fetch(
+  const res = await fetch(
    `${process.env.NEXT_PUBLIC_DATABASE_WORKER_URL}/api/sandbox/like`,
    {
      method: "POST",
@ -123,20 +126,31 @@ const UpdateErrorSchema = z.object({
    .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(),
+interface FormState {
+  message: string
+  error?: any
+  newRoute?: string
+  fields?: Record<string, unknown>
+}
+export async function updateUser(
+  prevState: any,
+  formData: FormData
+): Promise<FormState> {
+  let data = Object.fromEntries(formData)
+  let links: UserLink[] = []
+  Object.entries(data).forEach(([key, value]) => {
+    if (key.startsWith("link")) {
+      const [_, index] = key.split(".")
+      if (value) {
+        links.splice(parseInt(index), 0, parseSocialLink(value as string))
+        delete data[key]
+      }
+    }
  })
-  console.log(data)
-
+  // @ts-ignore
+  data.links = links
  try {
-    const validatedData = schema.parse(data)
-
+    const validatedData = editUserSchema.parse(data)
    const changedUsername = validatedData.username !== validatedData.oldUsername
    const res = await fetch(
      `${process.env.NEXT_PUBLIC_DATABASE_WORKER_URL}/api/user`,
@ -150,6 +164,9 @@ export async function updateUser(prevState: any, formData: FormData) {
          id: validatedData.id,
          username: data.username ?? undefined,
          name: data.name ?? undefined,
+          bio: data.bio ?? undefined,
+          personalWebsite: data.personalWebsite ?? undefined,
+          links: data.links ?? undefined,
        }),
      }
    )
@ -160,11 +177,11 @@ export async function updateUser(prevState: any, formData: FormData) {
    const parseResult = UpdateErrorSchema.safeParse(responseData)

    if (!parseResult.success) {
-      return { error: "Unexpected error occurred" }
-    }
-
-    if (parseResult.data.error) {
-      return parseResult.data
+      return {
+        message: "Unexpected error occurred",
+        error: parseResult.error,
+        fields: validatedData,
+      }
    }

    if (changedUsername) {
@ -175,12 +192,13 @@ export async function updateUser(prevState: any, formData: FormData) {
    return { message: "Successfully updated" }
  } catch (error) {
    if (error instanceof z.ZodError) {
-      console.log(error)
      return {
-        error: error.errors?.[0].message,
+        message: "Invalid data",
+        error: error.errors,
+        fields: data,
      }
    }

-    return { error: "An unexpected error occurred" }
+    return { message: "An unexpected error occurred", fields: data }
  }
 }
--- a/frontend/lib/constants/index.ts
+++ b/frontend/lib/constants/index.ts
@ -0,0 +1,14 @@
+export const KNOWN_PLATFORMS = [
+  "github",
+  "twitter",
+  "instagram",
+  "bluesky",
+  "linkedin",
+  "youtube",
+  "twitch",
+  "discord",
+  "mastodon",
+  "threads",
+  "gitlab",
+  "generic",
+] as const
--- a/frontend/lib/data/index.ts
+++ b/frontend/lib/data/index.ts
@ -1,3 +1,37 @@
+import {
+  AtSign,
+  Github,
+  GitlabIcon as GitlabLogo,
+  Globe,
+  Instagram,
+  Link,
+  Linkedin,
+  MessageCircle,
+  Twitch,
+  Twitter,
+  Youtube,
+} from "lucide-react"
+import { KnownPlatform } from "../types"
+
+export const socialIcons: Record<
+  KnownPlatform | "website",
+  React.ComponentType<any>
+> = {
+  github: Github,
+  twitter: Twitter,
+  instagram: Instagram,
+  bluesky: AtSign,
+  linkedin: Linkedin,
+  youtube: Youtube,
+  twitch: Twitch,
+  discord: MessageCircle,
+  mastodon: AtSign,
+  threads: AtSign,
+  gitlab: GitlabLogo,
+  generic: Link,
+  website: Globe,
+}
+
 export const projectTemplates: {
  id: string
  name: string
--- a/frontend/lib/schema/index.ts
+++ b/frontend/lib/schema/index.ts
@ -0,0 +1,20 @@
+import { z } from "zod"
+import { KNOWN_PLATFORMS } from "../constants"
+
+export const editUserSchema = z.object({
+  id: z.string().trim(),
+  username: z.string().trim().min(1, "Username must be at least 1 character"),
+  oldUsername: z.string().trim(),
+  name: z.string().trim().min(1, "Name must be at least 1 character"),
+  bio: z.string().trim().optional(),
+  personalWebsite: z.string().trim().optional(),
+  links: z
+    .array(
+      z.object({
+        url: z.string().trim(),
+        platform: z.enum(KNOWN_PLATFORMS),
+      })
+    )
+    .catch([]),
+})
+export type EditUserSchema = z.infer<typeof editUserSchema>
--- a/frontend/lib/types.ts
+++ b/frontend/lib/types.ts
@ -1,5 +1,7 @@
 // DB Types

+import { KNOWN_PLATFORMS } from "./constants"
+
 export type User = {
  id: string
  name: string
@ -8,11 +10,20 @@ export type User = {
  avatarUrl: string | null
  createdAt: Date
  generations: number
-  sandbox: Sandbox[]
-  usersToSandboxes: UsersToSandboxes[]
+  bio: string | null
+  personalWebsite: string | null
+  links: UserLink[]
  tier: "FREE" | "PRO" | "ENTERPRISE"
  tierExpiresAt: Date
-  lastResetDate?: number
+  lastResetDate: number
+  sandbox: Sandbox[]
+  usersToSandboxes: UsersToSandboxes[]
+}
+
+export type KnownPlatform = (typeof KNOWN_PLATFORMS)[number]
+export type UserLink = {
+  url: string
+  platform: KnownPlatform
 }

 export type Sandbox = {
--- a/frontend/lib/utils.ts
+++ b/frontend/lib/utils.ts
@ -2,7 +2,7 @@ import { type ClassValue, clsx } from "clsx"
 // import { toast } from "sonner"
 import { twMerge } from "tailwind-merge"
 import fileExtToLang from "./file-extension-to-language.json"
-import { TFile, TFolder } from "./types"
+import { KnownPlatform, TFile, TFolder, UserLink } from "./types"

 export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
@ -98,3 +98,57 @@ export function sortFileExplorer(
      return item
    })
 }
+
+export function parseSocialLink(url: string): UserLink {
+  try {
+    // Handle empty or invalid URLs
+    if (!url) return { url: "", platform: "generic" }
+
+    // Remove protocol and www prefix for consistent parsing
+    const cleanUrl = url
+      .toLowerCase()
+      .replace(/^https?:\/\//, "")
+      .replace(/^www\./, "")
+      .split("/")[0] // Get just the domain part
+
+    // Platform detection mapping
+    const platformPatterns: Record<
+      Exclude<KnownPlatform, "generic">,
+      RegExp
+    > = {
+      github: /github\.com/,
+      twitter: /(?:twitter\.com|x\.com|t\.co)/,
+      instagram: /instagram\.com/,
+      bluesky: /(?:bsky\.app|bluesky\.social)/,
+      linkedin: /linkedin\.com/,
+      youtube: /(?:youtube\.com|youtu\.be)/,
+      twitch: /twitch\.tv/,
+      discord: /discord\.(?:gg|com)/,
+      mastodon: /mastodon\.(?:social|online|world)/,
+      threads: /threads\.net/,
+      gitlab: /gitlab\.com/,
+    }
+
+    // Check URL against each pattern
+    for (const [platform, pattern] of Object.entries(platformPatterns)) {
+      if (pattern.test(cleanUrl)) {
+        return {
+          url,
+          platform: platform as KnownPlatform,
+        }
+      }
+    }
+
+    // Fall back to generic if no match found
+    return {
+      url,
+      platform: "generic",
+    }
+  } catch (error) {
+    console.error("Error parsing social link:", error)
+    return {
+      url: url || "",
+      platform: "generic",
+    }
+  }
+}
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@ -13,7 +13,7 @@
        "@clerk/nextjs": "^4.29.12",
        "@clerk/themes": "^1.7.12",
        "@codemirror/lang-javascript": "^6.2.2",
-        "@hookform/resolvers": "^3.3.4",
+        "@hookform/resolvers": "^3.9.1",
        "@liveblocks/client": "^1.12.0",
        "@liveblocks/node": "^1.12.0",
        "@liveblocks/react": "^1.12.0",
@ -27,14 +27,15 @@
        "@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-label": "^2.1.1",
        "@radix-ui/react-popover": "^1.1.1",
        "@radix-ui/react-progress": "^1.1.0",
+        "@radix-ui/react-scroll-area": "^1.2.2",
        "@radix-ui/react-select": "^2.0.0",
-        "@radix-ui/react-slot": "^1.0.2",
+        "@radix-ui/react-slot": "^1.1.1",
        "@radix-ui/react-switch": "^1.0.3",
        "@radix-ui/react-tabs": "^1.1.1",
-        "@radix-ui/react-tooltip": "^1.1.3",
+        "@radix-ui/react-tooltip": "^1.1.6",
        "@react-three/fiber": "^8.16.6",
        "@uiw/codemirror-theme-vscode": "^4.23.5",
        "@uiw/react-codemirror": "^4.23.5",
@ -53,12 +54,12 @@
        "lucide-react": "^0.365.0",
        "monaco-themes": "^0.4.4",
        "next": "14.1.3",
-        "next-themes": "^0.3.0",
+        "next-themes": "^0.4.4",
        "openai": "^4.73.1",
        "posthog-js": "^1.147.0",
        "react": "^18.3.1",
        "react-dom": "^18",
-        "react-hook-form": "^7.51.3",
+        "react-hook-form": "^7.54.2",
        "react-markdown": "^9.0.1",
        "react-resizable-panels": "^2.0.16",
        "react-syntax-highlighter": "^15.5.0",
@ -73,7 +74,7 @@
        "y-monaco": "^0.1.5",
        "y-protocols": "^1.0.6",
        "yjs": "^13.6.15",
-        "zod": "^3.23.8"
+        "zod": "^3.24.1"
      },
      "devDependencies": {
        "@types/estree": "^1.0.6",
@ -909,9 +910,9 @@
      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
    },
    "node_modules/@hookform/resolvers": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.3.4.tgz",
-      "integrity": "sha512-o5cgpGOuJYrd+iMKvkttOclgwRW86EsWJZZRC23prf0uU2i48Htq4PuT73AVb9ionFyZrwYEITuOFGF+BydEtQ==",
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.9.1.tgz",
+      "integrity": "sha512-ud2HqmGBM0P0IABqoskKWI6PEf6ZDDBZkFqe2Vnl+mTHCEHzr3ISjjZyCwTjC/qpL25JC9aIDkloQejvMeq0ug==",
      "peerDependencies": {
        "react-hook-form": "^7.0.0"
      }
@ -1365,6 +1366,24 @@
        }
      }
    },
+    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
    "node_modules/@radix-ui/react-arrow": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.0.3.tgz",
@ -1534,6 +1553,24 @@
        }
      }
    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
    "node_modules/@radix-ui/react-compose-refs": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz",
@ -1632,6 +1669,24 @@
        }
      }
    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
    "node_modules/@radix-ui/react-direction": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.0.1.tgz",
@ -2116,18 +2171,39 @@
      }
    },
    "node_modules/@radix-ui/react-label": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.0.2.tgz",
-      "integrity": "sha512-N5ehvlM7qoTLx7nWPodsPYPgMzA5WM8zZChQg8nyFJKnDO5WHdba1vv5/H6IO5LtJMfD2Q3wh1qHFGNtK0w3bQ==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.1.tgz",
+      "integrity": "sha512-UUw5E4e/2+4kFMH7+YxORXGWggtY6sM8WIwh5RZchhLuUg2H1hc98Py+pr8HMz6rdaYrK2t296ZEjYLOCO5uUw==",
      "dependencies": {
-        "@babel/runtime": "^7.13.10",
-        "@radix-ui/react-primitive": "1.0.3"
+        "@radix-ui/react-primitive": "2.0.1"
      },
      "peerDependencies": {
        "@types/react": "*",
        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0",
-        "react-dom": "^16.8 || ^17.0 || ^18.0"
+        "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-label/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
      },
      "peerDependenciesMeta": {
        "@types/react": {
@ -2178,6 +2254,24 @@
        }
      }
    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
    "node_modules/@radix-ui/react-popover": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.1.tgz",
@ -2693,6 +2787,24 @@
        }
      }
    },
+    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
    "node_modules/@radix-ui/react-progress": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.0.tgz",
@ -2818,6 +2930,161 @@
        }
      }
    },
+    "node_modules/@radix-ui/react-scroll-area": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.2.tgz",
+      "integrity": "sha512-EFI1N/S3YxZEW/lJ/H1jY3njlvTd8tBmgKEn4GHi51+aMm94i6NmAJstsm5cu3yJwYqYc93gpCPm21FeAbFk6g==",
+      "dependencies": {
+        "@radix-ui/number": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@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-scroll-area/node_modules/@radix-ui/number": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.0.tgz",
+      "integrity": "sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ=="
+    },
+    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-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-scroll-area/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-scroll-area/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@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-scroll-area/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area/node_modules/@radix-ui/react-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-scroll-area/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-select": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.0.0.tgz",
@ -2861,7 +3128,7 @@
        }
      }
    },
-    "node_modules/@radix-ui/react-slot": {
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
@ -2879,6 +3146,37 @@
        }
      }
    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
+      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
    "node_modules/@radix-ui/react-switch": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.0.3.tgz",
@ -3192,23 +3490,22 @@
      }
    },
    "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",
-      "integrity": "sha512-Z4w1FIS0BqVFI2c1jZvb/uDVJijJjJ2ZMuPV81oVgTZ7g3BZxobplnMVvXtFWgtozdvYJ+MFWtwkM5S2HnAong==",
-      "license": "MIT",
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.6.tgz",
+      "integrity": "sha512-TLB5D8QLExS1uDn7+wH/bjEmRurNMTzNrtq7IjaS4kjion9NtzsTGkvR5+i7yc9q01Pi2KMM2cN3f8UG4IvvXA==",
      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.3",
        "@radix-ui/react-id": "1.1.0",
-        "@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-slot": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.0"
+        "@radix-ui/react-visually-hidden": "1.1.1"
      },
      "peerDependencies": {
        "@types/react": "*",
@ -3226,18 +3523,16 @@
      }
    },
    "node_modules/@radix-ui/react-tooltip/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==",
-      "license": "MIT"
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
    },
    "node_modules/@radix-ui/react-tooltip/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==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
+      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
      },
      "peerDependencies": {
        "@types/react": "*",
@ -3255,10 +3550,9 @@
      }
    },
    "node_modules/@radix-ui/react-tooltip/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==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
      "peerDependencies": {
        "@types/react": "*",
        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@ -3285,14 +3579,13 @@
      }
    },
    "node_modules/@radix-ui/react-tooltip/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==",
-      "license": "MIT",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz",
+      "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==",
      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
        "@radix-ui/react-use-callback-ref": "1.1.0",
        "@radix-ui/react-use-escape-keydown": "1.1.0"
      },
@ -3330,16 +3623,15 @@
      }
    },
    "node_modules/@radix-ui/react-tooltip/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==",
-      "license": "MIT",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
+      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
      "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-arrow": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
        "@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",
@ -3361,28 +3653,12 @@
        }
      }
    },
-    "node_modules/@radix-ui/react-tooltip/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==",
-      "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-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==",
-      "license": "MIT",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
+      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-primitive": "2.0.1",
        "@radix-ui/react-use-layout-effect": "1.1.0"
      },
      "peerDependencies": {
@ -3401,12 +3677,11 @@
      }
    },
    "node_modules/@radix-ui/react-tooltip/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==",
-      "license": "MIT",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.1",
        "@radix-ui/react-use-layout-effect": "1.1.0"
      },
      "peerDependencies": {
@ -3425,12 +3700,11 @@
      }
    },
    "node_modules/@radix-ui/react-tooltip/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==",
-      "license": "MIT",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
      "dependencies": {
-        "@radix-ui/react-slot": "1.1.0"
+        "@radix-ui/react-slot": "1.1.1"
      },
      "peerDependencies": {
        "@types/react": "*",
@ -3447,24 +3721,6 @@
        }
      }
    },
-    "node_modules/@radix-ui/react-tooltip/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==",
-      "license": "MIT",
-      "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-tooltip/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",
@ -3502,7 +3758,6 @@
      "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==",
-      "license": "MIT",
      "dependencies": {
        "@radix-ui/react-use-callback-ref": "1.1.0"
      },
@ -3535,7 +3790,6 @@
      "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==",
-      "license": "MIT",
      "dependencies": {
        "@radix-ui/rect": "1.1.0"
      },
@ -3553,7 +3807,6 @@
      "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==",
-      "license": "MIT",
      "dependencies": {
        "@radix-ui/react-use-layout-effect": "1.1.0"
      },
@ -3568,12 +3821,11 @@
      }
    },
    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.0.tgz",
-      "integrity": "sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==",
-      "license": "MIT",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
+      "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==",
      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
      },
      "peerDependencies": {
        "@types/react": "*",
@ -3593,8 +3845,7 @@
    "node_modules/@radix-ui/react-tooltip/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==",
-      "license": "MIT"
+      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
    },
    "node_modules/@radix-ui/react-use-callback-ref": {
      "version": "1.0.1",
@ -7325,12 +7576,13 @@
      }
    },
    "node_modules/next-themes": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.3.0.tgz",
-      "integrity": "sha512-/QHIrsYpd6Kfk7xakK4svpDI5mmXP0gfvCoJdGpZQ2TOrQZmsW0QxjaiLn8wbIKjtm4BTSqLoix4lxYYOnLJ/w==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.4.tgz",
+      "integrity": "sha512-LDQ2qIOJF0VnuVrrMSMLrWGjRMkq+0mpgl6e0juCLqdJ+oo8Q84JRWT6Wh11VDQKkMMe+dVzDKLWs5n87T+PkQ==",
+      "license": "MIT",
      "peerDependencies": {
-        "react": "^16.8 || ^17 || ^18",
-        "react-dom": "^16.8 || ^17 || ^18"
+        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
      }
    },
    "node_modules/next/node_modules/postcss": {
@ -8028,18 +8280,18 @@
      }
    },
    "node_modules/react-hook-form": {
-      "version": "7.51.3",
-      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.51.3.tgz",
-      "integrity": "sha512-cvJ/wbHdhYx8aviSWh28w9ImjmVsb5Y05n1+FW786vEZQJV5STNM0pW6ujS+oiBecb0ARBxJFyAnXj9+GHXACQ==",
+      "version": "7.54.2",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.54.2.tgz",
+      "integrity": "sha512-eHpAUgUjWbZocoQYUHposymRb4ZP6d0uwUnooL2uOybA9/3tPUvoAKqEWK1WaSiTxxOfTpffNZP7QwlnM3/gEg==",
      "engines": {
-        "node": ">=12.22.0"
+        "node": ">=18.0.0"
      },
      "funding": {
        "type": "opencollective",
        "url": "https://opencollective.com/react-hook-form"
      },
      "peerDependencies": {
-        "react": "^16.8.0 || ^17 || ^18"
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
      }
    },
    "node_modules/react-markdown": {
@ -9724,9 +9976,9 @@
      }
    },
    "node_modules/zod": {
-      "version": "3.23.8",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
-      "integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==",
+      "version": "3.24.1",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.1.tgz",
+      "integrity": "sha512-muH7gBL9sI1nciMZV67X5fTKKBLtwpZ5VBp1vsOQzj1MhrBZ4wlVCm3gedKZWLp0Oyel8sIGfeiz54Su+OVT+A==",
      "funding": {
        "url": "https://github.com/sponsors/colinhacks"
      }
--- a/frontend/package.json
+++ b/frontend/package.json
@ -14,7 +14,7 @@
    "@clerk/nextjs": "^4.29.12",
    "@clerk/themes": "^1.7.12",
    "@codemirror/lang-javascript": "^6.2.2",
-    "@hookform/resolvers": "^3.3.4",
+    "@hookform/resolvers": "^3.9.1",
    "@liveblocks/client": "^1.12.0",
    "@liveblocks/node": "^1.12.0",
    "@liveblocks/react": "^1.12.0",
@ -28,14 +28,15 @@
    "@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-label": "^2.1.1",
    "@radix-ui/react-popover": "^1.1.1",
    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-scroll-area": "^1.2.2",
    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-slot": "^1.1.1",
    "@radix-ui/react-switch": "^1.0.3",
    "@radix-ui/react-tabs": "^1.1.1",
-    "@radix-ui/react-tooltip": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.1.6",
    "@react-three/fiber": "^8.16.6",
    "@uiw/codemirror-theme-vscode": "^4.23.5",
    "@uiw/react-codemirror": "^4.23.5",
@ -54,12 +55,12 @@
    "lucide-react": "^0.365.0",
    "monaco-themes": "^0.4.4",
    "next": "14.1.3",
-    "next-themes": "^0.3.0",
+    "next-themes": "^0.4.4",
    "openai": "^4.73.1",
    "posthog-js": "^1.147.0",
    "react": "^18.3.1",
    "react-dom": "^18",
-    "react-hook-form": "^7.51.3",
+    "react-hook-form": "^7.54.2",
    "react-markdown": "^9.0.1",
    "react-resizable-panels": "^2.0.16",
    "react-syntax-highlighter": "^15.5.0",
@ -74,7 +75,7 @@
    "y-monaco": "^0.1.5",
    "y-protocols": "^1.0.6",
    "yjs": "^13.6.15",
-    "zod": "^3.23.8"
+    "zod": "^3.24.1"
  },
  "devDependencies": {
    "@types/estree": "^1.0.6",
Author	SHA1	Message	Date
Akhilesh Rangani	bcbbe5abfd	chore: add database setup guide.	2025-01-13 07:42:53 -05:00
Akhileshrangani4	15426cac57	feat: update wrangler and add database migrations	2025-01-13 07:10:29 -05:00
James Murdza	3b8c9e12e4	Merge pull request #19 from Code-Victor/fix/layout-issues Fix/layout issues	2025-01-08 16:16:06 -08:00
Hamzat Victor	1f4e70788e	feat: enhance scrollbars with radix ui & shadcn	2025-01-08 23:04:21 +01:00
Hamzat Victor	b0d444980a	fix: make layout more concrete with css grids	2025-01-08 23:03:51 +01:00
James Murdza	cfa9485e97	Merge pull request #17 from Code-Victor/feat/improve-seo Feat/improve seo	2025-01-08 09:07:43 -08:00
James Murdza	960a104011	Merge pull request #16 from Code-Victor/feat/update-profile-ui Feat/update profile UI	2025-01-08 09:07:35 -08:00
Hamzat Victor	59880fcd6e	feat: update Og image	2025-01-08 17:44:52 +01:00
Hamzat Victor	92584a3ea6	feat: add Seo tags(open graph & twitter)	2025-01-08 01:41:41 +01:00
Hamzat Victor	cfc0ae6cf4	feat: update app icon	2025-01-08 01:41:22 +01:00
Hamzat Victor	e4f4bcfdcc	feat: add OG image for social media	2025-01-08 01:41:12 +01:00
Hamzat Victor	108fa4ff1f	feat: update profile logo and navbar	2025-01-08 00:16:29 +01:00
Hamzat Victor	103faf1d09	feat: update profile UI visual hierachy	2025-01-08 00:16:06 +01:00
Anirudh	2c7527055f	fix: chat msg	2025-01-07 07:57:12 -08:00
Anirudh	bde591006e	fix: use foreground colors for AI CHat	2025-01-07 07:57:09 -08:00
James Murdza	94ffbaf60f	Merge pull request #15 from techwithani/main fix: small bugs	2025-01-06 21:21:11 -08:00
Anirudh	e62849ab96	fix: use latest theme provider	2025-01-07 04:22:57 +00:00
Anirudh	250fb45cb9	fix: use resolvedTheme	2025-01-07 04:16:05 +00:00
Anirudh	49d0690081	fix: hover colors of proj card	2025-01-07 04:13:21 +00:00
Anirudh	f38bf79e54	fix: new button light theme	2025-01-07 04:12:03 +00:00
Anirudh	1eb17a0ac5	fix: frontend monaco theme fix: drizzle migrations folder	2025-01-07 04:01:45 +00:00
Akhileshrangani4	996eb4339e	fix: handle undefined socialLinks in ProfileCard component	2025-01-06 06:31:30 -05:00
Akhilesh Rangani	5faafd477b	Merge pull request #14 from Code-Victor/feat/new-profile-ui-n-fixes Feat/new profile UI n fixes	2025-01-06 05:52:06 -05:00
Hamzat Victor	b88feee86e	feat: liked project can now be deleted	2025-01-06 03:16:05 +01:00
Hamzat Victor	ceeb1fbce3	feat: complete new UI for Profiles, fix notfound error on username change	2025-01-06 02:52:32 +01:00
Hamzat Victor	024e30bd99	feat: update backend schema and code for new profile UI	2025-01-06 02:51:24 +01:00
Akhileshrangani4	947f0c6f0d	feat: schema change to add github token	2025-01-05 14:17:11 -05:00
James Murdza	f800008487	docs: add section on AWS deployment in the README	2025-01-02 13:43:50 -08:00
Akhileshrangani4	1d21d55437	fix: prevent duplicate tabs when clicking file paths Modify selectFile function to check for existing tabs before creating new ones. When clicking file paths in AIChat, it will now switch to the existing tab instead of creating duplicates.	2025-01-01 08:33:13 -05:00
Akhileshrangani4	274c945fac	fix: ctrl/cmd + z with applied code	2025-01-01 08:16:16 -05:00
James Murdza	a41cdff55f	fix: close the SSH channel when a Dokku command is finished	2024-12-31 18:22:31 -08:00
James Murdza	182d527416	chore: add dokku-daemon instructions to README	2024-12-31 13:13:59 -08:00
James Murdza	f3f91ea16f	feat: hide the deploy button when the Dokku server is not connected	2024-12-31 10:40:45 -08:00
Akhileshrangani4	e8590703f8	fix: apply button file save	2024-12-31 08:16:46 -05:00