[TOOL-4033] Playground: UI revamp and cleanup, Improved engine playgrounds, updated theme

Author: MananTank

apps/playground-web/knip.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://unpkg.com/knip@5/schema.json",
+  "next": true,
+  "ignore": ["src/components/ui/**", "src/app/insight/utils.ts"],
+  "project": ["src/**"],
+  "ignoreDependencies": ["server-only"],
+  "ignoreBinaries": ["biome"]
+}

apps/playground-web/package.json

@@ -8,35 +8,30 @@
     "start": "next start",
     "format": "biome format ./src --write",
     "prelint": "biome check ./src",
-    "lint": "eslint ./src",
+    "lint": "biome check ./src && knip && eslint ./src",
     "prefix": "biome check ./src --fix",
     "fix": "eslint ./src --fix",
     "typecheck": "tsc --noEmit",
     "update-insight-blueprints": "bun scripts/updateInsightBlueprints.ts"
   },
   "dependencies": {
-    "@abstract-foundation/agw-client": "^1.6.2",
     "@abstract-foundation/agw-react": "^1.5.4",
     "@hookform/resolvers": "^3.9.1",
-    "@radix-ui/react-accordion": "^1.2.4",
     "@radix-ui/react-checkbox": "^1.1.5",
-    "@radix-ui/react-dialog": "1.1.7",
-    "@radix-ui/react-dropdown-menu": "^2.1.7",
     "@radix-ui/react-label": "^2.1.3",
     "@radix-ui/react-popover": "^1.1.7",
+    "@radix-ui/react-progress": "^1.1.3",
     "@radix-ui/react-radio-group": "^1.2.4",
-    "@radix-ui/react-scroll-area": "^1.2.4",
     "@radix-ui/react-select": "^2.1.7",
     "@radix-ui/react-separator": "^1.1.3",
     "@radix-ui/react-slot": "^1.2.0",
     "@radix-ui/react-switch": "^1.1.4",
-    "@radix-ui/react-tabs": "^1.1.4",
     "@radix-ui/react-tooltip": "1.2.0",
     "@tanstack/react-query": "5.72.1",
     "@thirdweb-dev/engine": "^0.0.18",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "jose": "6.0.10",
+    "date-fns": "4.1.0",
     "lucide-react": "0.487.0",
     "next": "15.2.4",
     "next-themes": "^0.4.6",
@@ -52,17 +47,19 @@
     "shiki": "1.27.0",
     "tailwind-merge": "^2.6.0",
     "thirdweb": "workspace:*",
-    "timeago.js": "^4.0.2",
     "use-debounce": "^10.0.4",
     "zod": "3.24.2"
   },
   "devDependencies": {
     "@types/node": "22.14.0",
     "@types/react": "19.1.0",
     "@types/react-dom": "19.1.1",
+    "autoprefixer": "^10.4.21",
     "eslint": "8.57.0",
+    "eslint-config-biome": "1.9.4",
     "eslint-config-next": "15.2.4",
     "eslint-plugin-react-compiler": "19.0.0-beta-e993439-20250405",
+    "knip": "5.47.0",
     "postcss": "8.5.3",
     "tailwindcss": "3.4.17",
     "tailwindcss-animate": "^1.0.7",

apps/playground-web/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};