feat: major editor overhaul (assets, properties, timeline, fonts) (#709)

* feat: major editor overhaul (assets, properties, timeline, fonts)

Refactor editor core systems to standardize UI architecture and improve performance.

Assets & Properties:
- Replace monolithic property items with composable `Section` architecture.
- Add specialized sections for Transform, Blending, and Text.
- Implement `NumberField` with scrubbing and math evaluation.
- Add new ColorPicker with EyeDropper and multiple format support.
- Standardize asset panels using new `PanelView` layout.

Fonts & Stickers:
- Implement custom font atlas/sprite system for high-performance previews.
- Add virtualized FontPicker with search and favorites.
- Refactor stickers to use a provider-based architecture (icons, emoji, flags, shapes).
- Standardize sticker IDs to `provider:value` format.

Timeline & Interaction:
- Convert bookmarks to rich objects with notes, colors, and duration.
- Refactor drag-and-drop to use Command pattern (enabling proper undo/redo).
- Add Shift modifier to disable snapping during moves/resizes.
- Add new overlays for layout guides and text editing.

Renderer:
- Add support for multi-line text, custom line-height, and letter-spacing.
- Implement global composite operation (blend modes).
- Update sticker node to resolve dynamic provider IDs.

Infrastructure:
- Add storage migrations (v3->v6) for text weights, sticker IDs, and bookmarks.
- Update global styles and core UI components (Button, Input, Popover).

* add ts-nocheck directive to settings-legacy.tsx to suppress TypeScript errors

* fix: correct global composite operation assignment in TextNode to ensure proper blend mode handling

* deleted shadcn components with errors

* formatting

* fix linter issues

* migrate from next middleware to proxy

* add missing component back

* add breadcrumb back

* chore: add @radix-ui/react-primitive deps

* chore: more deps

* chore: add missing env vars to bun-ci

* next env

1 files changed, 105 insertions, 96 deletions

diff --git a/apps/web/package.json b/apps/web/package.json
index 31582be1..9a57a379 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -1,98 +1,107 @@
 {
-  "name": "@opencut/web",
-  "version": "0.1.0",
-  "private": true,
-  "packageManager": "bun@1.2.18",
-  "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build",
-    "start": "next start",
-    "lint": "biome check src/",
-    "lint:fix": "biome check src/ --write",
-    "format": "biome format src/ --write",
-    "db:generate": "drizzle-kit generate",
-    "db:migrate": "drizzle-kit migrate",
-    "db:push:local": "cross-env NODE_ENV=development drizzle-kit push",
-    "db:push:prod": "cross-env NODE_ENV=production drizzle-kit push"
-  },
-  "dependencies": {
-    "@ffmpeg/core": "^0.12.10",
-    "@ffmpeg/ffmpeg": "^0.12.15",
-    "@ffmpeg/util": "^0.12.2",
-    "@hello-pangea/dnd": "^18.0.1",
-    "@hookform/resolvers": "^3.9.1",
-    "@hugeicons/core-free-icons": "^3.1.1",
-    "@hugeicons/react": "^1.1.4",
-    "@huggingface/transformers": "^3.8.1",
-    "@opencut/env": "workspace:*",
-    "@opencut/ui": "workspace:*",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@upstash/ratelimit": "^2.0.6",
-    "@upstash/redis": "^1.35.4",
-    "@vercel/analytics": "^1.4.1",
-    "aws4fetch": "^1.0.20",
-    "better-auth": "^1.2.7",
-    "botid": "^1.4.2",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.0.0",
-    "dayjs": "^1.11.13",
-    "drizzle-orm": "^0.44.2",
-    "embla-carousel-react": "^8.5.1",
-    "eventemitter3": "^5.0.1",
-    "feed": "^5.1.0",
-    "input-otp": "^1.4.1",
-    "lucide-react": "^0.562.0",
-    "mediabunny": "^1.29.1",
-    "motion": "^12.18.1",
-    "nanoid": "^5.1.5",
-    "next": "16.1.3",
-    "next-themes": "^0.4.4",
-    "pg": "^8.16.2",
-    "postgres": "^3.4.5",
-    "radix-ui": "^1.4.2",
-    "react": "^19.0.0",
-    "react-day-picker": "^8.10.1",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.54.0",
-    "react-icons": "^5.4.0",
-    "react-markdown": "^10.1.0",
-    "react-phone-number-input": "^3.4.11",
-    "react-resizable-panels": "^2.1.7",
-    "recharts": "^2.14.1",
-    "rehype-autolink-headings": "^7.1.0",
-    "rehype-parse": "^9.0.1",
-    "rehype-sanitize": "^6.0.0",
-    "rehype-slug": "^6.0.0",
-    "rehype-stringify": "^10.0.1",
-    "sonner": "^1.7.1",
-    "tailwind-merge": "^2.5.5",
-    "tailwindcss-animate": "^1.0.7",
-    "unified": "^11.0.5",
-    "use-deep-compare-effect": "^1.8.1",
-    "vaul": "^1.1.1",
-    "wavesurfer.js": "^7.9.8",
-    "zod": "^3.25.67",
-    "zustand": "^5.0.2"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.11",
-    "@tailwindcss/typography": "^0.5.16",
-    "@types/bun": "latest",
-    "@types/node": "^24.2.1",
-    "@types/pg": "^8.15.4",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "cross-env": "^7.0.3",
-    "drizzle-kit": "^0.31.4",
-    "dotenv": "^16.5.0",
-    "postcss": "^8",
-    "tailwindcss": "^4.1.11",
-    "tsx": "^4.7.1",
-    "typescript": "^5.8.3"
-  }
+	"name": "@opencut/web",
+	"version": "0.1.0",
+	"private": true,
+	"packageManager": "bun@1.2.18",
+	"scripts": {
+		"dev": "next dev --turbopack",
+		"build": "next build",
+		"start": "next start",
+		"lint": "biome check src/",
+		"lint:fix": "biome check src/ --write",
+		"format": "biome format src/ --write",
+		"db:generate": "drizzle-kit generate",
+		"db:migrate": "drizzle-kit migrate",
+		"db:push:local": "cross-env NODE_ENV=development drizzle-kit push",
+		"db:push:prod": "cross-env NODE_ENV=production drizzle-kit push"
+	},
+	"dependencies": {
+		"@ffmpeg/core": "^0.12.10",
+		"@ffmpeg/ffmpeg": "^0.12.15",
+		"@ffmpeg/util": "^0.12.2",
+		"@hello-pangea/dnd": "^18.0.1",
+		"@hookform/resolvers": "^3.9.1",
+		"@hugeicons/core-free-icons": "^3.1.1",
+		"@hugeicons/react": "^1.1.4",
+		"@huggingface/transformers": "^3.8.1",
+		"@opencut/env": "workspace:*",
+		"@opencut/ui": "workspace:*",
+		"@radix-ui/react-accordion": "^1.2.12",
+		"@radix-ui/react-checkbox": "^1.3.3",
+		"@radix-ui/react-dialog": "^1.1.15",
+		"@radix-ui/react-dropdown-menu": "^2.1.16",
+		"@radix-ui/react-primitive": "^2.1.4",
+		"@radix-ui/react-select": "^2.2.6",
+		"@radix-ui/react-separator": "^1.1.8",
+		"@radix-ui/react-slot": "^1.2.4",
+		"@radix-ui/react-tooltip": "^1.2.8",
+		"@types/culori": "^4.0.1",
+		"@upstash/ratelimit": "^2.0.6",
+		"@upstash/redis": "^1.35.4",
+		"@vercel/analytics": "^1.4.1",
+		"aws4fetch": "^1.0.20",
+		"better-auth": "^1.2.7",
+		"botid": "^1.4.2",
+		"class-variance-authority": "^0.7.1",
+		"clsx": "^2.1.1",
+		"cmdk": "^1.0.0",
+		"culori": "^4.0.2",
+		"dayjs": "^1.11.13",
+		"drizzle-orm": "^0.44.2",
+		"embla-carousel-react": "^8.5.1",
+		"eventemitter3": "^5.0.1",
+		"feed": "^5.1.0",
+		"input-otp": "^1.4.1",
+		"lucide-react": "^0.562.0",
+		"mediabunny": "^1.29.1",
+		"motion": "^12.18.1",
+		"nanoid": "^5.1.5",
+		"next": "16.1.3",
+		"next-themes": "^0.4.4",
+		"pg": "^8.16.2",
+		"postgres": "^3.4.5",
+		"radix-ui": "^1.4.3",
+		"react": "^19.0.0",
+		"react-day-picker": "^8.10.1",
+		"react-dom": "^19.0.0",
+		"react-hook-form": "^7.54.0",
+		"react-icons": "^5.4.0",
+		"react-markdown": "^10.1.0",
+		"react-phone-number-input": "^3.4.11",
+		"react-resizable-panels": "^2.1.7",
+		"react-window": "^2.2.7",
+		"recharts": "^2.14.1",
+		"rehype-autolink-headings": "^7.1.0",
+		"rehype-parse": "^9.0.1",
+		"rehype-sanitize": "^6.0.0",
+		"rehype-slug": "^6.0.0",
+		"rehype-stringify": "^10.0.1",
+		"sonner": "^1.7.1",
+		"tailwind-merge": "^2.5.5",
+		"tailwindcss-animate": "^1.0.7",
+		"unified": "^11.0.5",
+		"use-deep-compare-effect": "^1.8.1",
+		"vaul": "^1.1.2",
+		"wavesurfer.js": "^7.9.8",
+		"zod": "^3.25.67",
+		"zustand": "^5.0.2"
+	},
+	"devDependencies": {
+		"@napi-rs/canvas": "^0.1.92",
+		"@tailwindcss/postcss": "^4.1.11",
+		"@tailwindcss/typography": "^0.5.16",
+		"@types/bun": "latest",
+		"@types/node": "^24.2.1",
+		"@types/pg": "^8.15.4",
+		"@types/react": "^19",
+		"@types/react-dom": "^19",
+		"cross-env": "^7.0.3",
+		"dotenv": "^16.5.0",
+		"drizzle-kit": "^0.31.4",
+		"postcss": "^8",
+		"sharp": "^0.34.5",
+		"tailwindcss": "^4.1.11",
+		"tsx": "^4.7.1",
+		"typescript": "^5.8.3"
+	}
 }