diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..9e2e1fd1b30777a9a60fdee372a17ebfa35e8f3e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,25 @@
+# Dependencies
+node_modules/
+
+# Build outputs
+frontend/dist/
+backend/dist/
+
+# Local data (Yjs documents, uploads)
+backend/data/
+
+# Environment
+.env
+.env.local
+
+# OS
+.DS_Store
+Thumbs.db
+
+# IDE
+.vscode/
+.idea/
+
+# Logs
+*.log
+npm-debug.log*
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000000000000000000000000000000000000..bf2120b8ed39734542d067705ea0ebc03bbd1ec4
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,23 @@
+FROM node:20-slim AS frontend-build
+
+WORKDIR /app/frontend
+COPY frontend/package.json frontend/package-lock.json* ./
+RUN npm install
+COPY frontend/ ./
+RUN npm run build
+
+FROM node:20-slim
+
+WORKDIR /app
+COPY backend/package.json backend/package-lock.json* ./
+RUN npm install --omit=dev
+COPY backend/ ./
+RUN npx tsc
+
+COPY --from=frontend-build /app/frontend/dist ./frontend-dist
+
+ENV PORT=8080
+ENV NODE_ENV=production
+EXPOSE 8080
+
+CMD ["node", "dist/server.js"]
diff --git a/README.md b/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..307e9dd0133fb9de3ffc3b304501838e88a8ba2f
--- /dev/null
+++ b/README.md
@@ -0,0 +1,34 @@
+---
+title: Collab Editor
+emoji: ✏️
+colorFrom: purple
+colorTo: blue
+sdk: docker
+app_port: 8080
+pinned: false
+---
+
+# Collab Editor
+
+Collaborative real-time article editor with MDX export. Built with TipTap, Yjs, and Hocuspocus.
+
+## Features
+
+- Real-time collaborative editing (multiple cursors)
+- Rich text: headings, bold, italic, lists, blockquotes, code blocks
+- Export to MDX format
+- Dark theme
+
+## Development
+
+```bash
+# Backend
+cd backend && npm install && npm run dev
+
+# Frontend (separate terminal)
+cd frontend && npm install && npm run dev
+```
+
+Open http://localhost:5173. Open a second tab to see collaboration in action.
+
+Use `?doc=my-article` to create/join a specific document.
diff --git a/backend/package-lock.json b/backend/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..985646f15db91dbceab814adadeb4b5f21d4f8e8
--- /dev/null
+++ b/backend/package-lock.json
@@ -0,0 +1,2326 @@
+{
+  "name": "collab-editor-backend",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "collab-editor-backend",
+      "version": "0.1.0",
+      "dependencies": {
+        "@ai-sdk/openai": "^3.0.52",
+        "@ai-sdk/openai-compatible": "^2.0.41",
+        "@citation-js/core": "^0.7.21",
+        "@citation-js/plugin-bibtex": "^0.7.21",
+        "@citation-js/plugin-csl": "^0.7.22",
+        "@citation-js/plugin-doi": "^0.7.21",
+        "@hocuspocus/extension-database": "^3.4.4",
+        "@hocuspocus/server": "^3.4.4",
+        "@huggingface/hub": "^2.11.0",
+        "@openrouter/ai-sdk-provider": "^2.5.1",
+        "ai": "^6.0.158",
+        "dotenv": "^17.4.1",
+        "express": "^4.21.0",
+        "express-ws": "^5.0.2",
+        "multer": "^2.1.1",
+        "yjs": "^13.6.0",
+        "zod": "^4.3.6"
+      },
+      "devDependencies": {
+        "@types/express": "^5.0.0",
+        "@types/express-ws": "^3.0.5",
+        "@types/multer": "^2.1.0",
+        "@types/node": "^22.0.0",
+        "tsx": "^4.19.0",
+        "typescript": "^5.6.0"
+      }
+    },
+    "node_modules/@ai-sdk/gateway": {
+      "version": "3.0.95",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/gateway/-/gateway-3.0.95.tgz",
+      "integrity": "sha512-ZmUNNbZl3V42xwQzPaNUi+s8eqR2lnrxf0bvB6YbLXpLjHYv0k2Y78t12cNOfY0bxGeuVVTLyk856uLuQIuXEQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "3.0.8",
+        "@ai-sdk/provider-utils": "4.0.23",
+        "@vercel/oidc": "3.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.76 || ^4.1.8"
+      }
+    },
+    "node_modules/@ai-sdk/openai": {
+      "version": "3.0.52",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/openai/-/openai-3.0.52.tgz",
+      "integrity": "sha512-4Rr8NCGmfWTz6DCUvixn9UmyZcMatiHn0zWoMzI3JCUe9R1P/vsPOpCBALKoSzVYOjyJnhtnVIbfUKujcS39uw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "3.0.8",
+        "@ai-sdk/provider-utils": "4.0.23"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.76 || ^4.1.8"
+      }
+    },
+    "node_modules/@ai-sdk/openai-compatible": {
+      "version": "2.0.41",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/openai-compatible/-/openai-compatible-2.0.41.tgz",
+      "integrity": "sha512-kNAGINk71AlOXx10Dq/PXw4t/9XjdK8uxfpVElRwtSFMdeSiLVt58p9TPx4/FJD+hxZuVhvxYj9r42osxWq79g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "3.0.8",
+        "@ai-sdk/provider-utils": "4.0.23"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.76 || ^4.1.8"
+      }
+    },
+    "node_modules/@ai-sdk/provider": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/provider/-/provider-3.0.8.tgz",
+      "integrity": "sha512-oGMAgGoQdBXbZqNG0Ze56CHjDZ1IDYOwGYxYjO5KLSlz5HiNQ9udIXsPZ61VWaHGZ5XW/jyjmr6t2xz2jGVwbQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "json-schema": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@ai-sdk/provider-utils": {
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/provider-utils/-/provider-utils-4.0.23.tgz",
+      "integrity": "sha512-z8GlDaCmRSDlqkMF2f4/RFgWxdarvIbyuk+m6WXT1LYgsnGiXRJGTD2Z1+SDl3LqtFuRtGX1aghYvQLoHL/9pg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "3.0.8",
+        "@standard-schema/spec": "^1.1.0",
+        "eventsource-parser": "^3.0.6"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.76 || ^4.1.8"
+      }
+    },
+    "node_modules/@citation-js/core": {
+      "version": "0.7.21",
+      "resolved": "https://registry.npmjs.org/@citation-js/core/-/core-0.7.21.tgz",
+      "integrity": "sha512-Vobv2/Yfnn6C6BVO/pvj7madQ7Mfzl83/jAWwixbemGF6ZThhGMz8++FD9hWHyHXDMYuLGa6fK68c2VsolZmTA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@citation-js/date": "^0.5.0",
+        "@citation-js/name": "^0.4.2",
+        "fetch-ponyfill": "^7.1.0",
+        "sync-fetch": "^0.4.1"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@citation-js/date": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@citation-js/date/-/date-0.5.1.tgz",
+      "integrity": "sha512-1iDKAZ4ie48PVhovsOXQ+C6o55dWJloXqtznnnKy6CltJBQLIuLLuUqa8zlIvma0ZigjVjgDUhnVaNU1MErtZw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/@citation-js/name": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@citation-js/name/-/name-0.4.2.tgz",
+      "integrity": "sha512-brSPsjs2fOVzSnARLKu0qncn6suWjHVQtrqSUrnqyaRH95r/Ad4wPF5EsoWr+Dx8HzkCGb/ogmoAzfCsqlTwTQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@citation-js/plugin-bibtex": {
+      "version": "0.7.21",
+      "resolved": "https://registry.npmjs.org/@citation-js/plugin-bibtex/-/plugin-bibtex-0.7.21.tgz",
+      "integrity": "sha512-O008pSsJgiYKn4+7gAWrbNpNdUH++aMeYmZaJ2oFQ8X1tcY5jNBxJcr0zZojNtUi5CVOaXXHQ0yIifoUhuF2Vg==",
+      "license": "MIT",
+      "dependencies": {
+        "@citation-js/date": "^0.5.0",
+        "@citation-js/name": "^0.4.2",
+        "moo": "^0.5.1"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@citation-js/core": "^0.7.0"
+      }
+    },
+    "node_modules/@citation-js/plugin-csl": {
+      "version": "0.7.22",
+      "resolved": "https://registry.npmjs.org/@citation-js/plugin-csl/-/plugin-csl-0.7.22.tgz",
+      "integrity": "sha512-/rGdtbeP3nS4uZDdEbQUHT8PrUcIs0da2t+sWMKYXoOhXQqfw3oJJ7p4tUD+R8lptyIR5Eq20/DFk/kQDdLpYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@citation-js/date": "^0.5.0",
+        "citeproc": "^2.4.6"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@citation-js/core": "^0.7.0"
+      }
+    },
+    "node_modules/@citation-js/plugin-doi": {
+      "version": "0.7.21",
+      "resolved": "https://registry.npmjs.org/@citation-js/plugin-doi/-/plugin-doi-0.7.21.tgz",
+      "integrity": "sha512-KmViSt6CjfQS5dPHlHI6m6ahfshHUivSd8jQ0z5SvZCj2mKMH+t85tY57/880Xj9hVoXdRLmh53Uf0b+craNHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@citation-js/date": "^0.5.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@citation-js/core": "^0.7.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz",
+      "integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.7.tgz",
+      "integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz",
+      "integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.7.tgz",
+      "integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz",
+      "integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz",
+      "integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz",
+      "integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz",
+      "integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz",
+      "integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz",
+      "integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz",
+      "integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz",
+      "integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz",
+      "integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz",
+      "integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz",
+      "integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz",
+      "integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz",
+      "integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz",
+      "integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz",
+      "integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz",
+      "integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz",
+      "integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz",
+      "integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz",
+      "integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@hocuspocus/common": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@hocuspocus/common/-/common-3.4.4.tgz",
+      "integrity": "sha512-RykIJ0tsHHMP4Xk+4UCbc7SO5LgGxGUSTdbh6anJEsaALAyqinf1Nn5HYuMjLPolAmsar1v++m9zufR09NLpXA==",
+      "license": "MIT",
+      "dependencies": {
+        "lib0": "^0.2.87"
+      }
+    },
+    "node_modules/@hocuspocus/extension-database": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@hocuspocus/extension-database/-/extension-database-3.4.4.tgz",
+      "integrity": "sha512-z7iq2Dw+GOp4aQq7ys3PD0BA++7tQdXBsSHZ+8mkAbxfTDzjzQ576TphxPiXXC1WQ7yjeFXq03xp/KLIhg3Pyg==",
+      "license": "MIT",
+      "dependencies": {
+        "@hocuspocus/server": "^3.4.4"
+      },
+      "peerDependencies": {
+        "yjs": "^13.6.8"
+      }
+    },
+    "node_modules/@hocuspocus/server": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@hocuspocus/server/-/server-3.4.4.tgz",
+      "integrity": "sha512-UV+oaONAejOzeYgUygNcgsc8RdZvSokVvAxluZJIisLACpRO/VsseQ5lWKDRwLd7Fn6+rHWDH3hGuQ1fdX1Ycg==",
+      "license": "MIT",
+      "dependencies": {
+        "@hocuspocus/common": "^3.4.4",
+        "async-lock": "^1.3.1",
+        "async-mutex": "^0.5.0",
+        "kleur": "^4.1.4",
+        "lib0": "^0.2.47",
+        "ws": "^8.5.0"
+      },
+      "peerDependencies": {
+        "y-protocols": "^1.0.6",
+        "yjs": "^13.6.8"
+      }
+    },
+    "node_modules/@huggingface/hub": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@huggingface/hub/-/hub-2.11.0.tgz",
+      "integrity": "sha512-WS6QGaXYeBVFlaB4SOn6z4LGUpLB5kRZNL08uUni4izX353KxiwwZMK5+/AWX86MJh8SMZNa/JFcvFCcQsbszQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@huggingface/tasks": "^0.19.90"
+      },
+      "bin": {
+        "hfjs": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "cli-progress": "^3.12.0"
+      }
+    },
+    "node_modules/@huggingface/tasks": {
+      "version": "0.19.90",
+      "resolved": "https://registry.npmjs.org/@huggingface/tasks/-/tasks-0.19.90.tgz",
+      "integrity": "sha512-nfV9luJbvwGQ/5oKXkKhCV9h4X7mwh1YaGG3ORd6UMLDSwr1OFSSatcBX0O9OtBtmNK19aGSjbLFqqgcIR6+IA==",
+      "license": "MIT"
+    },
+    "node_modules/@openrouter/ai-sdk-provider": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@openrouter/ai-sdk-provider/-/ai-sdk-provider-2.5.1.tgz",
+      "integrity": "sha512-r1fJL1Cb3gQDa2MpWH/sfx1BsEW0uzlRriJM6eihaKqbtKDmZoBisF32VcVaQYassighX7NGCkF68EsrZA43uQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "ai": "^6.0.0",
+        "zod": "^3.25.0 || ^4.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/api": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-1.9.0.tgz",
+      "integrity": "sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "license": "MIT"
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.6",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
+      "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
+      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/express": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-5.0.6.tgz",
+      "integrity": "sha512-sKYVuV7Sv9fbPIt/442koC7+IIwK5olP1KWeD88e/idgoJqDm3JV/YUiPwkoKK92ylff2MGxSz1CSjsXelx0YA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^5.0.0",
+        "@types/serve-static": "^2"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.1.1.tgz",
+      "integrity": "sha512-v4zIMr/cX7/d2BpAEX3KNKL/JrT1s43s96lLvvdTmza1oEvDudCqK9aF/djc/SWgy8Yh0h30TZx5VpzqFCxk5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/express-ws": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/express-ws/-/express-ws-3.0.6.tgz",
+      "integrity": "sha512-6ZDt+tMEQgM4RC1sMX1fIO7kHQkfUDlWfxoPddXUeeDjmc+Yt/fCzqXfp8rFahNr5eIxdomrWphLEWDkB2q3UQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express": "*",
+        "@types/express-serve-static-core": "*",
+        "@types/ws": "*"
+      }
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz",
+      "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/multer": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/multer/-/multer-2.1.0.tgz",
+      "integrity": "sha512-zYZb0+nJhOHtPpGDb3vqPjwpdeGlGC157VpkqNQL+UU2qwoacoQ7MpsAmUptI/0Oa127X32JzWDqQVEXp2RcIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "22.19.17",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.17.tgz",
+      "integrity": "sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/qs": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.15.0.tgz",
+      "integrity": "sha512-JawvT8iBVWpzTrz3EGw9BTQFg3BQNmwERdKE22vlTxawwtbyUSlMppvZYKLZzB5zgACXdXxbD3m1bXaMqP/9ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
+      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/send": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.1.tgz",
+      "integrity": "sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-2.2.0.tgz",
+      "integrity": "sha512-8mam4H1NHLtu7nmtalF7eyBH14QyOASmcxHhSfEoRyr0nP/YdoesEtU+uSRvMe96TW/HPTtkoKqQLl53N7UXMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@vercel/oidc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@vercel/oidc/-/oidc-3.1.0.tgz",
+      "integrity": "sha512-Fw28YZpRnA3cAHHDlkt7xQHiJ0fcL+NRcIqsocZQUSmbzeIKRpwttJjik5ZGanXP+vlA4SbTg+AbA3bP363l+w==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/ai": {
+      "version": "6.0.158",
+      "resolved": "https://registry.npmjs.org/ai/-/ai-6.0.158.tgz",
+      "integrity": "sha512-gLTp1UXFtMqKUi3XHs33K7UFglbvojkxF/aq337TxnLGOhHIW9+GyP2jwW4hYX87f1es+wId3VQoPRRu9zEStQ==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@ai-sdk/gateway": "3.0.95",
+        "@ai-sdk/provider": "3.0.8",
+        "@ai-sdk/provider-utils": "4.0.23",
+        "@opentelemetry/api": "1.9.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.76 || ^4.1.8"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/append-field": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/append-field/-/append-field-1.0.0.tgz",
+      "integrity": "sha512-klpgFSWLW1ZEs8svjfb7g4qWY0YS5imI82dTg+QahUvJ8YqAY0P10Uk8tTyh9ZGuYEZEMaeJYCF5BFuX552hsw==",
+      "license": "MIT"
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "license": "MIT"
+    },
+    "node_modules/async-lock": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/async-lock/-/async-lock-1.4.1.tgz",
+      "integrity": "sha512-Az2ZTpuytrtqENulXwO3GGv1Bztugx6TT37NIo7imr/Qo0gsYiGtSdBa2B6fsXhTpVZDNfu1Qn3pk531e3q+nQ==",
+      "license": "MIT"
+    },
+    "node_modules/async-mutex": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/async-mutex/-/async-mutex-0.5.0.tgz",
+      "integrity": "sha512-1A94B18jkJ3DYq284ohPxoXbfTA5HsQ7/Mf4DEhcyLx3Bz27Rh59iScbB6EPiP+B+joue6YCxcMXSbFC1tZKwA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
+      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.14.0",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT"
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/citeproc": {
+      "version": "2.4.63",
+      "resolved": "https://registry.npmjs.org/citeproc/-/citeproc-2.4.63.tgz",
+      "integrity": "sha512-68F95Bp4UbgZU/DBUGQn0qV3HDZLCdI9+Bb2ByrTaNJDL5VEm9LqaiNaxljsvoaExSLEXe1/r6n2Z06SCzW3/Q==",
+      "license": "CPAL-1.0 OR AGPL-1.0"
+    },
+    "node_modules/cli-progress": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/cli-progress/-/cli-progress-3.12.0.tgz",
+      "integrity": "sha512-tRkV3HJ1ASwm19THiiLIXLO7Im7wlTuKnvkYaTkyoAPefqjNg7W7DHKUlGRxy9vxDvbyCYQkQozvptuMkGCg8A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "string-width": "^4.2.3"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/concat-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-2.0.0.tgz",
+      "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
+      "engines": [
+        "node >= 6.0"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.0.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "17.4.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.4.1.tgz",
+      "integrity": "sha512-k8DaKGP6r1G30Lx8V4+pCsLzKr8vLmV2paqEj1Y55GdAgJuIqpRp5FfajGF8KtwMxCz9qJc6wUIJnm053d/WCw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
+      "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.7",
+        "@esbuild/android-arm": "0.27.7",
+        "@esbuild/android-arm64": "0.27.7",
+        "@esbuild/android-x64": "0.27.7",
+        "@esbuild/darwin-arm64": "0.27.7",
+        "@esbuild/darwin-x64": "0.27.7",
+        "@esbuild/freebsd-arm64": "0.27.7",
+        "@esbuild/freebsd-x64": "0.27.7",
+        "@esbuild/linux-arm": "0.27.7",
+        "@esbuild/linux-arm64": "0.27.7",
+        "@esbuild/linux-ia32": "0.27.7",
+        "@esbuild/linux-loong64": "0.27.7",
+        "@esbuild/linux-mips64el": "0.27.7",
+        "@esbuild/linux-ppc64": "0.27.7",
+        "@esbuild/linux-riscv64": "0.27.7",
+        "@esbuild/linux-s390x": "0.27.7",
+        "@esbuild/linux-x64": "0.27.7",
+        "@esbuild/netbsd-arm64": "0.27.7",
+        "@esbuild/netbsd-x64": "0.27.7",
+        "@esbuild/openbsd-arm64": "0.27.7",
+        "@esbuild/openbsd-x64": "0.27.7",
+        "@esbuild/openharmony-arm64": "0.27.7",
+        "@esbuild/sunos-x64": "0.27.7",
+        "@esbuild/win32-arm64": "0.27.7",
+        "@esbuild/win32-ia32": "0.27.7",
+        "@esbuild/win32-x64": "0.27.7"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/eventsource-parser": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.6.tgz",
+      "integrity": "sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
+      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "~1.20.3",
+        "content-disposition": "~0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "~0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "~6.14.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express-ws": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/express-ws/-/express-ws-5.0.2.tgz",
+      "integrity": "sha512-0uvmuk61O9HXgLhGl3QhNSEtRsQevtmbL94/eILaliEADZBHZOQUAiHFrGPrgsjikohyrmSG5g+sCfASTt0lkQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "ws": "^7.4.6"
+      },
+      "engines": {
+        "node": ">=4.5.0"
+      },
+      "peerDependencies": {
+        "express": "^4.0.0 || ^5.0.0-alpha.1"
+      }
+    },
+    "node_modules/express-ws/node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fetch-ponyfill": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/fetch-ponyfill/-/fetch-ponyfill-7.1.0.tgz",
+      "integrity": "sha512-FhbbL55dj/qdVO3YNK7ZEkshvj3eQ7EuIGV2I6ic/2YiocvyWv+7jg2s4AyS0wdRU75s3tA8ZxI/xPigb0v5Aw==",
+      "license": "MIT",
+      "dependencies": {
+        "node-fetch": "~2.6.1"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "~2.0.2",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.13.7",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.7.tgz",
+      "integrity": "sha512-7tN6rFgBlMgpBML5j8typ92BKFi2sFQvIdpAqLA2beia5avZDrMs0FLZiM5etShWq5irVyGcGMEA1jcDaK7A/Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isomorphic.js": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/isomorphic.js/-/isomorphic.js-0.2.5.tgz",
+      "integrity": "sha512-PIeMbHqMt4DnUP3MA/Flc0HElYjMXArsw1qwJZcm9sqR8mq3l8NYizFMty0pWwE/tzIGH3EKK5+jes5mAr85yw==",
+      "license": "MIT",
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      }
+    },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
+      "license": "(AFL-2.1 OR BSD-3-Clause)"
+    },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lib0": {
+      "version": "0.2.117",
+      "resolved": "https://registry.npmjs.org/lib0/-/lib0-0.2.117.tgz",
+      "integrity": "sha512-DeXj9X5xDCjgKLU/7RR+/HQEVzuuEUiwldwOGsHK/sfAfELGWEyTcf0x+uOvCvK3O2zPmZePXWL85vtia6GyZw==",
+      "license": "MIT",
+      "dependencies": {
+        "isomorphic.js": "^0.2.4"
+      },
+      "bin": {
+        "0ecdsa-generate-keypair": "bin/0ecdsa-generate-keypair.js",
+        "0gentesthtml": "bin/gentesthtml.js",
+        "0serve": "bin/0serve.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/moo": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.3.tgz",
+      "integrity": "sha512-m2fmM2dDm7GZQsY7KK2cme8agi+AAljILjQnof7p1ZMDe6dQ4bdnSMx0cPppudoeNv5hEFQirN6u+O4fDE0IWA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/multer": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/multer/-/multer-2.1.1.tgz",
+      "integrity": "sha512-mo+QTzKlx8R7E5ylSXxWzGoXoZbOsRMpyitcht8By2KHvMbf3tjwosZ/Mu/XYU6UuJ3VZnODIrak5ZrPiPyB6A==",
+      "license": "MIT",
+      "dependencies": {
+        "append-field": "^1.0.0",
+        "busboy": "^1.6.0",
+        "concat-stream": "^2.0.0",
+        "type-is": "^1.6.18"
+      },
+      "engines": {
+        "node": ">= 10.16.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.6.13",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.13.tgz",
+      "integrity": "sha512-StxNAxh15zr77QvvkmveSQ8uCQ4+v5FkvNTj0OESmiHu+VRi/gXArXtkWMElOsOUNLtUEvI4yS+rdtOHZTwlQA==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz",
+      "integrity": "sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA==",
+      "license": "MIT"
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
+      "integrity": "sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/send": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
+      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "~2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
+      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "~0.19.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sync-fetch": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/sync-fetch/-/sync-fetch-0.4.5.tgz",
+      "integrity": "sha512-esiWJ7ixSKGpd9DJPBTC4ckChqdOjIwJfYhVHkcQ2Gnm41323p1TRmEI+esTQ9ppD+b5opps2OTEGTCGX5kF+g==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer": "^5.7.1",
+        "node-fetch": "^2.6.1"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/tsx": {
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.21.0.tgz",
+      "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.27.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
+      "license": "MIT"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.0.tgz",
+      "integrity": "sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/y-protocols": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/y-protocols/-/y-protocols-1.0.7.tgz",
+      "integrity": "sha512-YSVsLoXxO67J6eE/nV4AtFtT3QEotZf5sK5BHxFBXso7VDUT3Tx07IfA6hsu5Q5OmBdMkQVmFZ9QOA7fikWvnw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "lib0": "^0.2.85"
+      },
+      "engines": {
+        "node": ">=16.0.0",
+        "npm": ">=8.0.0"
+      },
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      },
+      "peerDependencies": {
+        "yjs": "^13.0.0"
+      }
+    },
+    "node_modules/yjs": {
+      "version": "13.6.30",
+      "resolved": "https://registry.npmjs.org/yjs/-/yjs-13.6.30.tgz",
+      "integrity": "sha512-vv/9h42eCMC81ZHDFswuu/MKzkl/vyq1BhaNGfHyOonwlG4CJbQF4oiBBJPvfdeCt/PlVDWh7Nov9D34YY09uQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "lib0": "^0.2.99"
+      },
+      "engines": {
+        "node": ">=16.0.0",
+        "npm": ">=8.0.0"
+      },
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
+      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/backend/package.json b/backend/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..78f919aef607a9edd5b8d29820ed8532792d654f
--- /dev/null
+++ b/backend/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "collab-editor-backend",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "tsx watch src/server.ts",
+    "build": "tsc",
+    "start": "node dist/server.js"
+  },
+  "dependencies": {
+    "@ai-sdk/openai": "^3.0.52",
+    "@ai-sdk/openai-compatible": "^2.0.41",
+    "@citation-js/core": "^0.7.21",
+    "@citation-js/plugin-bibtex": "^0.7.21",
+    "@citation-js/plugin-csl": "^0.7.22",
+    "@citation-js/plugin-doi": "^0.7.21",
+    "@hocuspocus/extension-database": "^3.4.4",
+    "@hocuspocus/server": "^3.4.4",
+    "@huggingface/hub": "^2.11.0",
+    "@openrouter/ai-sdk-provider": "^2.5.1",
+    "ai": "^6.0.158",
+    "dotenv": "^17.4.1",
+    "express": "^4.21.0",
+    "express-ws": "^5.0.2",
+    "multer": "^2.1.1",
+    "yjs": "^13.6.0",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@types/express": "^5.0.0",
+    "@types/express-ws": "^3.0.5",
+    "@types/multer": "^2.1.0",
+    "@types/node": "^22.0.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.6.0"
+  }
+}
diff --git a/backend/src/agent/chat.ts b/backend/src/agent/chat.ts
new file mode 100644
index 0000000000000000000000000000000000000000..92cc2ac1d354b6a5dd6e58b05308e75a8ccdb027
--- /dev/null
+++ b/backend/src/agent/chat.ts
@@ -0,0 +1,74 @@
+import { streamText, convertToModelMessages } from "ai";
+import { createOpenRouter } from "@openrouter/ai-sdk-provider";
+import { editorTools } from "./tools.js";
+import { SYSTEM_PROMPT, buildMessages } from "./system-prompt.js";
+import type { Request, Response } from "express";
+
+const DEFAULT_MODEL = "anthropic/claude-sonnet-4";
+
+function getProvider() {
+  const apiKey = process.env.OPENROUTER_API_KEY;
+  if (!apiKey) {
+    throw new Error("OPENROUTER_API_KEY environment variable is required");
+  }
+  return createOpenRouter({ apiKey });
+}
+
+export async function handleChat(req: Request, res: Response) {
+  try {
+    const { messages, context, model } = req.body;
+
+    if (!messages || !Array.isArray(messages)) {
+      res.status(400).json({ error: "messages array is required" });
+      return;
+    }
+
+    const provider = getProvider();
+    const modelId = model || process.env.OPENROUTER_MODEL || DEFAULT_MODEL;
+
+    const contextBlock = buildMessages(context?.document, context?.selection, context?.frontmatter);
+    const systemMessages = contextBlock
+      ? `${SYSTEM_PROMPT}\n\n## Current context\n\n${contextBlock}`
+      : SYSTEM_PROMPT;
+
+    const modelMessages = await convertToModelMessages(messages);
+
+    const result = streamText({
+      model: provider.chat(modelId),
+      system: systemMessages,
+      messages: modelMessages,
+      tools: editorTools,
+    });
+
+    const webResponse = result.toUIMessageStreamResponse({
+      onError: (error) => {
+        console.error("[chat] stream error:", error);
+        return error instanceof Error ? error.message : "Stream error";
+      },
+    });
+
+    res.writeHead(
+      webResponse.status,
+      Object.fromEntries(webResponse.headers.entries()),
+    );
+    const reader = webResponse.body!.getReader();
+    const pump = async (): Promise<void> => {
+      const { done, value } = await reader.read();
+      if (done) {
+        res.end();
+        return;
+      }
+      res.write(value);
+      return pump();
+    };
+    await pump();
+  } catch (error: unknown) {
+    const message =
+      error instanceof Error ? error.message : "Internal server error";
+    console.error("[chat] error:", message);
+
+    if (!res.headersSent) {
+      res.status(500).json({ error: message });
+    }
+  }
+}
diff --git a/backend/src/agent/system-prompt.ts b/backend/src/agent/system-prompt.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d2a470a3891b436dfaad34babb401b24b37b1f6d
--- /dev/null
+++ b/backend/src/agent/system-prompt.ts
@@ -0,0 +1,93 @@
+export const SYSTEM_PROMPT = `You are a writing assistant embedded in a collaborative article editor.
+You help users write, edit, and improve their articles.
+
+## Tools
+
+### Document editing
+- **applyDiff**: Your PRIMARY editing tool. Surgically edit the document with context-aware diffs.
+  Provide surrounding context (contextBefore / contextAfter) to locate the exact position, even
+  when the same text appears multiple times. Call it multiple times for multiple edits.
+- **replaceSelection**: Replace selected text. Use ONLY when the user has text selected.
+- **insertAtCursor**: Insert new text at cursor. Use for additions only.
+
+### Article metadata (frontmatter)
+- **updateFrontmatter**: Update article metadata fields (title, subtitle, template, DOI, etc.).
+  Only include the fields you want to change. Use when the user asks to modify article settings.
+- **addAuthor**: Add an author with name, optional URL, and affiliation indices.
+  Can also create a new affiliation in the same call.
+- **removeAuthor**: Remove an author by 0-based index.
+
+## Editing strategy - applyDiff
+
+You MUST work with surgical, minimal diffs using applyDiff:
+1. **contextBefore**: Copy a few words that appear just before the text you want to change.
+   This helps locate the right spot when the same phrase exists in multiple places.
+2. **contentToDelete**: The exact verbatim text to remove. Even a single extra space will
+   cause the edit to fail. Keep it as short as possible while being unique.
+3. **contentToInsert**: The replacement text. Can be empty to simply delete.
+4. **contextAfter**: Copy a few words that appear just after the text to change.
+
+Rules:
+- Make multiple small edits rather than one large replacement.
+- Never rewrite content that does not need changing.
+- Each applyDiff call should target one specific change (a sentence, a paragraph at most).
+- The contentToDelete must be an exact verbatim copy from the document.
+
+All your edits within a single response are grouped into one undo step -
+the user can revert everything you did with a single Cmd+Z.
+
+## Frontmatter strategy
+
+When the user asks about article metadata:
+- To change title, subtitle, date, DOI, template, etc.: use **updateFrontmatter** with only the fields to change.
+- To add an author: use **addAuthor**. If the affiliation doesn't exist, provide newAffiliationName.
+- To remove an author: use **removeAuthor** with the 0-based index from the current authors list.
+- The current frontmatter is provided in <frontmatter> tags when available.
+
+## Guidelines
+
+1. **Be concise.** When the user asks for an edit, use tools immediately instead of
+   explaining what you would change.
+2. **Preserve the author's voice.** Maintain tone and style unless asked to change them.
+3. **Use markdown formatting** in inserted/replaced text when appropriate.
+4. **Ask for clarification** if the request is ambiguous.
+5. **Reference specific parts** of the document when discussing content.
+
+## Context
+
+The user may provide:
+- Their current text selection (between <selection> tags)
+- The full document content (between <document> tags)
+- The article metadata (between <frontmatter> tags)
+
+Use this context to make informed edits. Always refer to the actual content, not assumptions.`;
+
+export function buildMessages(
+  documentContent?: string,
+  selectedText?: string,
+  frontmatter?: Record<string, unknown>,
+): string {
+  const parts: string[] = [];
+
+  if (frontmatter && Object.keys(frontmatter).length > 0) {
+    const lines: string[] = [];
+    for (const [key, value] of Object.entries(frontmatter)) {
+      if (value === undefined || value === null || value === "") continue;
+      if (Array.isArray(value) && value.length === 0) continue;
+      lines.push(`${key}: ${JSON.stringify(value)}`);
+    }
+    if (lines.length > 0) {
+      parts.push(`<frontmatter>\n${lines.join("\n")}\n</frontmatter>`);
+    }
+  }
+
+  if (documentContent) {
+    parts.push(`<document>\n${documentContent}\n</document>`);
+  }
+
+  if (selectedText) {
+    parts.push(`<selection>\n${selectedText}\n</selection>`);
+  }
+
+  return parts.join("\n\n");
+}
diff --git a/backend/src/agent/tools.ts b/backend/src/agent/tools.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a47950a9bb1ed8524af1ae6e17d9c6ea5a44b21c
--- /dev/null
+++ b/backend/src/agent/tools.ts
@@ -0,0 +1,118 @@
+import { tool } from "ai";
+import { z } from "zod";
+
+/**
+ * Tools exposed to the LLM. These return instructions that the frontend
+ * will execute on the TipTap editor instance. The backend never touches
+ * the document directly - it only produces "edit commands" that are
+ * streamed back and applied client-side.
+ *
+ * All edits from a single agent turn are grouped into one Yjs undo step,
+ * so the user can revert an entire agent action with a single Cmd+Z.
+ */
+
+export const editorTools = {
+  replaceSelection: tool({
+    description:
+      "Replace the currently selected text in the editor with new content. " +
+      "Use ONLY when text is selected and the user asks to rewrite, fix, or rephrase it.",
+    inputSchema: z.object({
+      newText: z
+        .string()
+        .describe("The replacement text (plain text or markdown)"),
+    }),
+  }),
+
+  insertAtCursor: tool({
+    description:
+      "Insert text at the current cursor position (does not replace anything). " +
+      "Use when the user asks to add or generate new content.",
+    inputSchema: z.object({
+      text: z.string().describe("The text to insert (plain text or markdown)"),
+    }),
+  }),
+
+  applyDiff: tool({
+    description:
+      "The PRIMARY tool for editing. Locates a piece of text in the document using " +
+      "context and replaces it. Provide surrounding context to disambiguate when the " +
+      "same text appears multiple times. For multiple edits, call this tool multiple " +
+      "times in a single response. Each call should be a minimal, surgical edit.",
+    inputSchema: z.object({
+      contextBefore: z
+        .string()
+        .describe(
+          "A few words of text that appear immediately BEFORE the content to delete. " +
+            "Used to locate the correct position. Can be empty if at the start of the document.",
+        ),
+      contentToDelete: z
+        .string()
+        .describe(
+          "The exact verbatim text to remove from the document. Must match perfectly.",
+        ),
+      contentToInsert: z
+        .string()
+        .describe(
+          "The new text to insert in place of the deleted text. " +
+            "Can be empty to just delete without replacing.",
+        ),
+      contextAfter: z
+        .string()
+        .describe(
+          "A few words of text that appear immediately AFTER the content to delete. " +
+            "Used to confirm the correct position. Can be empty if at the end.",
+        ),
+    }),
+  }),
+
+  updateFrontmatter: tool({
+    description:
+      "Update article metadata (frontmatter). Use when the user asks to change the title, " +
+      "subtitle, authors, affiliations, publication date, DOI, template, or any article setting. " +
+      "Only include the fields you want to change - omitted fields are left unchanged.",
+    inputSchema: z.object({
+      title: z.string().optional().describe("Article title"),
+      subtitle: z.string().optional().describe("Subtitle"),
+      description: z.string().optional().describe("Short SEO description"),
+      published: z.string().optional().describe('Publication date, e.g. "Apr. 04, 2026"'),
+      template: z.enum(["article", "paper"]).optional().describe("Layout template"),
+      doi: z.string().optional().describe("DOI identifier"),
+      banner: z.string().optional().describe("Banner embed filename"),
+      showPdf: z.boolean().optional().describe("Show PDF download button"),
+      tableOfContentsAutoCollapse: z.boolean().optional().describe("Auto-collapse TOC"),
+      licence: z.string().optional().describe("Licence text (HTML allowed)"),
+      pdfProOnly: z.boolean().optional().describe("Gate PDF behind HF Pro"),
+      seoThumbImage: z.string().optional().describe("Custom OG image URL"),
+    }),
+  }),
+
+  addAuthor: tool({
+    description:
+      "Add an author to the article. Provide the author name and optionally a URL " +
+      "and affiliation indices (1-based). If the affiliation doesn't exist yet, " +
+      "provide newAffiliationName to create it.",
+    inputSchema: z.object({
+      name: z.string().describe("Author name"),
+      url: z.string().optional().describe("Author URL/homepage"),
+      affiliations: z
+        .array(z.number())
+        .optional()
+        .describe("1-based affiliation indices"),
+      newAffiliationName: z
+        .string()
+        .optional()
+        .describe("Name of a new affiliation to create (if needed)"),
+      newAffiliationUrl: z
+        .string()
+        .optional()
+        .describe("URL of the new affiliation"),
+    }),
+  }),
+
+  removeAuthor: tool({
+    description: "Remove an author by index (0-based).",
+    inputSchema: z.object({
+      index: z.number().describe("0-based index of the author to remove"),
+    }),
+  }),
+};
diff --git a/backend/src/citations.ts b/backend/src/citations.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9ba8db6d24a014dc888fbfca538bfa4f5fffbd2f
--- /dev/null
+++ b/backend/src/citations.ts
@@ -0,0 +1,104 @@
+import { Router, type Request, type Response } from "express";
+import { Cite } from "@citation-js/core";
+import "@citation-js/plugin-bibtex";
+import "@citation-js/plugin-doi";
+import "@citation-js/plugin-csl";
+
+const router = Router();
+
+/**
+ * POST /api/citations/resolve
+ * Body: { input: string }   – DOI, DOI URL, or BibTeX string
+ * Returns: { entries: CSL-JSON[] }
+ */
+router.post("/resolve", async (req: Request, res: Response) => {
+  try {
+    const { input } = req.body;
+    if (!input || typeof input !== "string") {
+      res.status(400).json({ error: "Missing 'input' string" });
+      return;
+    }
+
+    const cite = await Cite.async(input.trim());
+    const entries = cite.get({ format: "real", type: "json", style: "csl" });
+
+    if (!entries.length) {
+      res.status(404).json({ error: "Could not resolve any reference" });
+      return;
+    }
+
+    const enriched = entries.map((entry: any) => ({
+      ...entry,
+      id: entry.id || generateKey(entry),
+    }));
+
+    res.json({ entries: enriched });
+  } catch (err: any) {
+    console.error("[citations] resolve error:", err.message);
+    res.status(422).json({ error: err.message || "Failed to resolve" });
+  }
+});
+
+/**
+ * POST /api/citations/format
+ * Body: { entries: CSL-JSON[], style?: string, locale?: string }
+ * Returns: { html: string }
+ */
+router.post("/format", async (req: Request, res: Response) => {
+  try {
+    const { entries, style = "apa", locale = "en-US" } = req.body;
+    if (!Array.isArray(entries) || !entries.length) {
+      res.status(400).json({ error: "Missing 'entries' array" });
+      return;
+    }
+
+    const cite = new Cite(entries);
+    const html = cite.format("bibliography", {
+      format: "html",
+      template: style,
+      lang: locale,
+    });
+
+    res.json({ html });
+  } catch (err: any) {
+    console.error("[citations] format error:", err.message);
+    res.status(422).json({ error: err.message || "Failed to format" });
+  }
+});
+
+/**
+ * POST /api/citations/import-bib
+ * Body: { bibtex: string }
+ * Returns: { entries: CSL-JSON[] }
+ */
+router.post("/import-bib", async (req: Request, res: Response) => {
+  try {
+    const { bibtex } = req.body;
+    if (!bibtex || typeof bibtex !== "string") {
+      res.status(400).json({ error: "Missing 'bibtex' string" });
+      return;
+    }
+
+    const cite = new Cite(bibtex.trim());
+    const entries = cite.get({ format: "real", type: "json", style: "csl" });
+
+    const enriched = entries.map((entry: any) => ({
+      ...entry,
+      id: entry.id || generateKey(entry),
+    }));
+
+    res.json({ entries: enriched });
+  } catch (err: any) {
+    console.error("[citations] import-bib error:", err.message);
+    res.status(422).json({ error: err.message || "Failed to parse BibTeX" });
+  }
+});
+
+function generateKey(entry: any): string {
+  const firstAuthor = entry.author?.[0]?.family || "unknown";
+  const year = entry.issued?.["date-parts"]?.[0]?.[0] || "nd";
+  const base = `${firstAuthor.toLowerCase()}${year}`;
+  return base.replace(/[^a-z0-9]/gi, "");
+}
+
+export { router as citationsRouter };
diff --git a/backend/src/hf-storage.ts b/backend/src/hf-storage.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0102b42426d5d753aab1d2143a269ae7f0b0e0e2
--- /dev/null
+++ b/backend/src/hf-storage.ts
@@ -0,0 +1,97 @@
+import { uploadFile, downloadFile, type RepoDesignation } from "@huggingface/hub";
+
+const HF_TOKEN = process.env.HF_TOKEN || "";
+const HF_DATASET_ID = process.env.HF_DATASET_ID || "";
+
+const repo: RepoDesignation = { type: "dataset", name: HF_DATASET_ID };
+
+export function isHfStorageEnabled(): boolean {
+  return Boolean(HF_TOKEN && HF_DATASET_ID);
+}
+
+function sanitizeName(name: string): string {
+  return name.replace(/[^a-zA-Z0-9_-]/g, "_");
+}
+
+// ---------- Images ----------
+
+export async function uploadImageToHf(
+  buffer: Buffer,
+  filename: string,
+): Promise<string> {
+  const path = `images/${filename}`;
+
+  await uploadFile({
+    repo,
+    file: { path, content: new Blob([buffer]) },
+    accessToken: HF_TOKEN,
+    commitTitle: `upload image ${filename}`,
+  });
+
+  return `https://huggingface.co/datasets/${HF_DATASET_ID}/resolve/main/${path}`;
+}
+
+// ---------- Documents ----------
+
+const dirtyDocs = new Map<string, { state: Buffer; timer: NodeJS.Timeout }>();
+const DEBOUNCE_MS = 10_000;
+
+/**
+ * Mark a document as dirty. After DEBOUNCE_MS of inactivity,
+ * push the latest state to HF.
+ */
+export function schedulePush(docName: string, state: Buffer): void {
+  const existing = dirtyDocs.get(docName);
+  if (existing) clearTimeout(existing.timer);
+
+  const timer = setTimeout(() => pushDocument(docName), DEBOUNCE_MS);
+  dirtyDocs.set(docName, { state, timer });
+}
+
+async function pushDocument(docName: string): Promise<void> {
+  const entry = dirtyDocs.get(docName);
+  if (!entry) return;
+  dirtyDocs.delete(docName);
+
+  const safeName = sanitizeName(docName);
+  const path = `articles/${safeName}.yjs`;
+
+  try {
+    await uploadFile({
+      repo,
+      file: { path, content: new Blob([entry.state]) },
+      accessToken: HF_TOKEN,
+      commitTitle: `save ${safeName}`,
+    });
+    console.log(`[hf-storage] pushed ${path}`);
+  } catch (err) {
+    console.error(`[hf-storage] failed to push ${path}:`, err);
+  }
+}
+
+export async function pullDocument(docName: string): Promise<Uint8Array | null> {
+  const safeName = sanitizeName(docName);
+  const path = `articles/${safeName}.yjs`;
+
+  try {
+    const res = await downloadFile({
+      repo,
+      path,
+      accessToken: HF_TOKEN,
+    });
+    if (!res) return null;
+    const arrayBuf = await res.arrayBuffer();
+    return new Uint8Array(arrayBuf);
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Flush all pending documents to HF immediately.
+ * Call this on graceful shutdown.
+ */
+export async function flushAll(): Promise<void> {
+  const names = [...dirtyDocs.keys()];
+  await Promise.allSettled(names.map((n) => pushDocument(n)));
+}
diff --git a/backend/src/server.ts b/backend/src/server.ts
new file mode 100644
index 0000000000000000000000000000000000000000..35b824f6c13bd8bf9f82318793464b3c492f3605
--- /dev/null
+++ b/backend/src/server.ts
@@ -0,0 +1,163 @@
+import "dotenv/config";
+import express from "express";
+import expressWebsockets from "express-ws";
+import { Hocuspocus } from "@hocuspocus/server";
+import { Database } from "@hocuspocus/extension-database";
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+import { randomUUID } from "crypto";
+import multer from "multer";
+import { handleChat } from "./agent/chat.js";
+import { citationsRouter } from "./citations.js";
+import {
+  isHfStorageEnabled,
+  uploadImageToHf,
+  pullDocument,
+  schedulePush,
+  flushAll,
+} from "./hf-storage.js";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const DATA_DIR = join(__dirname, "..", "data");
+const PORT = parseInt(process.env.PORT || "8080", 10);
+
+mkdirSync(DATA_DIR, { recursive: true });
+
+function docPath(name: string) {
+  return join(DATA_DIR, `${name.replace(/[^a-zA-Z0-9_-]/g, "_")}.yjs`);
+}
+
+const hfEnabled = isHfStorageEnabled();
+if (hfEnabled) {
+  console.log("[server] HF Dataset persistence enabled");
+} else {
+  console.log("[server] HF Dataset persistence disabled (no HF_TOKEN / HF_DATASET_ID)");
+  console.log("[server] falling back to local file persistence");
+}
+
+const hocuspocus = new Hocuspocus({
+  extensions: [
+    new Database({
+      fetch: async ({ documentName }: { documentName: string }) => {
+        // Try local cache first
+        const p = docPath(documentName);
+        if (existsSync(p)) return readFileSync(p);
+
+        // Then try HF dataset
+        if (hfEnabled) {
+          const data = await pullDocument(documentName);
+          if (data) {
+            writeFileSync(p, data);
+            console.log(`[server] pulled ${documentName} from HF`);
+            return Buffer.from(data);
+          }
+        }
+
+        return null;
+      },
+      store: async ({
+        documentName,
+        state,
+      }: {
+        documentName: string;
+        state: Buffer;
+      }) => {
+        // Always write locally for fast access
+        writeFileSync(docPath(documentName), state);
+
+        // Schedule debounced push to HF
+        if (hfEnabled) {
+          schedulePush(documentName, state);
+        }
+      },
+    }),
+  ],
+});
+
+const { app } = expressWebsockets(express());
+
+app.use(express.json({ limit: "1mb" }));
+
+// ---------- Collab WebSocket ----------
+
+app.ws("/collab/:doc", (ws, req) => {
+  hocuspocus.handleConnection(ws, req);
+});
+
+// ---------- AI Chat ----------
+
+app.post("/api/chat", handleChat);
+
+// ---------- Citations ----------
+
+app.use("/api/citations", citationsRouter);
+
+// ---------- Image Upload ----------
+
+const upload = multer({ storage: multer.memoryStorage(), limits: { fileSize: 10 * 1024 * 1024 } });
+
+app.post("/api/upload", upload.single("file"), async (req, res) => {
+  try {
+    const file = (req as any).file as Express.Multer.File | undefined;
+    if (!file) {
+      res.status(400).json({ error: "No file provided" });
+      return;
+    }
+
+    const ext = file.originalname.split(".").pop() || "png";
+    const filename = `${randomUUID()}.${ext}`;
+
+    if (hfEnabled) {
+      const url = await uploadImageToHf(file.buffer, filename);
+      res.json({ url });
+      return;
+    }
+
+    // Fallback: save locally and serve via /uploads/
+    const uploadsDir = join(DATA_DIR, "uploads");
+    mkdirSync(uploadsDir, { recursive: true });
+    writeFileSync(join(uploadsDir, filename), file.buffer);
+    res.json({ url: `/uploads/${filename}` });
+  } catch (err: any) {
+    console.error("[upload] error:", err);
+    res.status(500).json({ error: err.message || "Upload failed" });
+  }
+});
+
+// Serve locally uploaded images
+app.use("/uploads", express.static(join(DATA_DIR, "uploads")));
+
+// ---------- Static frontend ----------
+
+const staticDir =
+  process.env.NODE_ENV === "production"
+    ? join(__dirname, "..", "frontend-dist")
+    : join(__dirname, "..", "..", "frontend", "dist");
+
+if (existsSync(staticDir)) {
+  app.use(express.static(staticDir));
+  app.get("*", (_req, res) => {
+    res.sendFile(join(staticDir, "index.html"));
+  });
+}
+
+// ---------- Start ----------
+
+const server = app.listen(PORT, () => {
+  console.log(`[server] running on http://localhost:${PORT}`);
+  console.log(`[server] collab websocket at ws://localhost:${PORT}/collab/:doc`);
+});
+
+// Graceful shutdown: flush pending docs to HF
+process.on("SIGTERM", async () => {
+  console.log("[server] shutting down, flushing to HF...");
+  await flushAll();
+  server.close();
+});
+
+process.on("SIGINT", async () => {
+  console.log("[server] shutting down, flushing to HF...");
+  await flushAll();
+  server.close();
+});
diff --git a/backend/tsconfig.json b/backend/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..08d92a292ba3e15143580bee6bf48d82971f1a3a
--- /dev/null
+++ b/backend/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "bundler",
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "declaration": true
+  },
+  "include": ["src"]
+}
diff --git a/docs/embed-studio.md b/docs/embed-studio.md
new file mode 100644
index 0000000000000000000000000000000000000000..5a05ba50b637458169cb5b6d37bb4e414fc0dfe2
--- /dev/null
+++ b/docs/embed-studio.md
@@ -0,0 +1,214 @@
+# Embed Studio - Architecture Document
+
+## Overview
+
+The Embed Studio is a dedicated UI mode within the collab-editor for creating, editing, and previewing HTML embed visualizations (D3.js charts). It isolates the dataviz workflow from the article editing flow, providing a focused chat + preview experience similar to the standalone [dataviz-agent-space](https://huggingface.co/spaces/tfrere/dataviz-agent-space).
+
+## Context
+
+The research-article-template uses `<HtmlEmbed>` components to embed self-contained D3.js charts into articles. These are `.html` files in `app/src/content/embeds/` with strict conventions (scoped CSS, IIFE scripts, ColorPalettes, responsive, etc.) documented in `.ai/skills/create-html-embed/directives.md`.
+
+In the collab-editor, users need to create and iterate on these charts without leaving the editor. The Embed Studio solves this by providing a dedicated panel with an AI assistant specialized in D3 chart generation.
+
+## Storage
+
+### Y.Map("embeds")
+
+Embed HTML content is stored in a collaborative Yjs Map, keyed by filename:
+
+```
+Y.Map("embeds") = {
+  "d3-scaling-chart.html": "<div class='d3-scaling-chart'>...</div>",
+  "d3-performance.html": "<div class='d3-performance'>...</div>"
+}
+```
+
+The ProseMirror node (`htmlEmbed`) only stores the `src` attribute as a reference key. The actual HTML lives in the shared Y.Map, enabling real-time collaboration on embed content.
+
+### Node attributes
+
+The `htmlEmbed` TipTap node stores:
+
+| Attribute | Type | Description |
+|-----------|------|-------------|
+| `src` | string | Filename key into Y.Map("embeds") |
+| `title` | string | Chart title (displayed above) |
+| `desc` | string | Chart description |
+| `wide` | boolean | Wide layout mode |
+| `downloadable` | boolean | Show download button |
+| `height` | number | Last known content height (pixels) |
+
+The `height` attribute eliminates layout jumps: once a chart reports its height, it is persisted and used as the iframe's initial height on subsequent loads.
+
+## UI: Two Modes
+
+### 1. Inline Preview (article view)
+
+When the user is editing the article, the `htmlEmbed` NodeView shows a read-only preview:
+
+```
+┌─────────────────────────────────────────┐
+│ 📊 Chart Title              [Edit] [⋮] │
+├─────────────────────────────────────────┤
+│                                         │
+│         <iframe preview>                │
+│                                         │
+└─────────────────────────────────────────┘
+```
+
+- The iframe renders the chart using `srcdoc` with the full HTML document (buildDoc wrapper)
+- Height comes from the stored `height` attribute (default: 400px)
+- Clicking "Edit" opens the Embed Studio panel
+- No code editing in this mode
+
+### 2. Embed Studio Panel (creation/editing)
+
+A full-width panel (drawer or overlay) opens with a split layout:
+
+```
+┌────────────────────────────┬─────────────────────────────┐
+│  Chat (D3 context)         │  Live Preview               │
+│                            │                             │
+│  System prompt includes:   │  ┌─────────────────────┐    │
+│  - D3 embed directives     │  │                     │    │
+│  - ColorPalettes API       │  │   [rendered chart]   │    │
+│  - Current chart HTML      │  │                     │    │
+│                            │  └─────────────────────┘    │
+│  User: "make a bar chart   │                             │
+│   showing model sizes"     │  Toggle: [Preview] [Code]   │
+│                            │                             │
+│  AI: Creating chart...     │                             │
+│                            │       [Save & Close]        │
+└────────────────────────────┴─────────────────────────────┘
+```
+
+**Key design decisions:**
+
+- The chat in this panel has a **separate system prompt** with D3 directives injected. This avoids bloating the main article chat with 500+ lines of D3 conventions.
+- The chat history is **per-embed** (scoped to the `src` key), so each chart has its own conversation thread.
+- The live preview uses **double-buffered iframes** (A/B swap with cross-fade) from the dataviz-agent pattern to avoid flashes on update.
+- An optional "Code" toggle shows the raw HTML for power users (future enhancement).
+
+## AI Tools
+
+The Embed Studio provides three tools to the AI (following the dataviz-agent pattern):
+
+### createEmbed(src, html, title, source)
+
+Create or fully replace the HTML for an embed. Writes to `Y.Map("embeds")`.
+
+### patchEmbed(src, search, replace)
+
+Exact string replacement in the current HTML. More efficient than full rewrite for small changes (color tweaks, label updates, data changes). Reads from and writes to `Y.Map("embeds")`.
+
+### readEmbed(src)
+
+Read the current HTML content. The AI should call this before patching to verify exact content.
+
+## Preview Infrastructure
+
+### buildDoc(html, isDark, primaryColor)
+
+Wraps a chart HTML fragment into a complete HTML document with:
+
+- CSS variables for theming (`--primary-color`, `--text-color`, `--surface-bg`, etc.)
+- `data-theme="dark"` attribute when in dark mode
+- ColorPalettes polyfill (provides `window.ColorPalettes.getColors()`, `.getPrimary()`, etc.)
+- Height reporting script (see below)
+- Base styles (box-sizing, font stack, padding)
+
+### Height reporting
+
+A script injected by `buildDoc()` observes the chart container and reports its height to the parent:
+
+```js
+// Injected into every chart iframe
+new ResizeObserver(entries => {
+  const height = Math.ceil(entries[0].contentRect.height);
+  window.parent.postMessage({ type: 'embedResize', height }, '*');
+}).observe(document.body);
+```
+
+The NodeView listens for this message and updates the node's `height` attribute:
+
+```js
+window.addEventListener('message', (e) => {
+  if (e.data?.type === 'embedResize') {
+    updateAttributes({ height: e.data.height });
+  }
+});
+```
+
+On subsequent renders, the iframe starts at the stored height, eliminating layout jumps.
+
+### Preview strategy: srcdoc first
+
+Initial implementation uses `<iframe srcdoc="...">` directly. This avoids backend changes and keeps the architecture simple.
+
+If we hit limitations (CSP restrictions, large HTML payloads, script execution issues), we migrate to a server-side preview route (`POST /api/preview` returning an ID, iframe loads `/api/preview/:id`), following the dataviz-agent pattern.
+
+## Export
+
+### Updated export API
+
+The `toMdx()` function returns an object instead of a plain string:
+
+```typescript
+interface ExportResult {
+  mdx: string;                        // The MDX content with frontmatter
+  embeds: Record<string, string>;     // filename -> HTML content
+}
+```
+
+The caller is responsible for writing the embed files to `app/src/content/embeds/`.
+
+### MDX output
+
+Each embed in the article exports as:
+
+```mdx
+<HtmlEmbed src="d3-scaling-chart.html" title="Chart Title" desc="Description" />
+```
+
+The HTML files are exported separately from the Y.Map("embeds") contents.
+
+## System Prompt for D3 Generation
+
+The Embed Studio injects the D3 directives into the AI's system prompt. The content comes from two sources:
+
+1. **Tool descriptions** (from dataviz-agent): create/patch/read tools with usage guidelines
+2. **Embed conventions** (from research-article-template): structure, ColorPalettes, CSS variables, mount guard, D3 CDN loading, legends, controls, tooltips, responsiveness, error handling, accessibility, checklist
+
+These are only injected when the Embed Studio is open, keeping the main article chat lightweight.
+
+## Implementation Plan
+
+### Phase 1: Core infrastructure
+
+1. Create `Y.Map("embeds")` in `Editor.tsx` and pass to the embed store
+2. Create `EmbedStore` (similar to FrontmatterStore) with get/set/observe/patch operations
+3. Replace the current atomic `htmlEmbed` NodeView with an iframe-based preview
+4. Implement `buildDoc()` with CSS variables and ColorPalettes polyfill
+5. Implement height reporting via postMessage
+
+### Phase 2: Embed Studio panel
+
+6. Create `EmbedStudio.tsx` - the split-panel UI (chat + preview)
+7. Create a dedicated chat hook (`useEmbedChat`) with D3 system prompt
+8. Implement `createEmbed`, `patchEmbed`, `readEmbed` AI tools (backend + frontend)
+9. Double-buffered iframe preview (A/B swap)
+10. Wire "Edit" button on inline NodeView to open the studio
+
+### Phase 3: Polish
+
+11. Per-embed chat history persistence
+12. Code view toggle
+13. Export API update (`toMdx` returns `{ mdx, embeds }`)
+14. Data file upload support (CSV/JSON stored in Y.Map)
+15. Screenshot-based validation (Playwright, optional)
+
+## References
+
+- [dataviz-agent-space](../../../dataviz-agent-space/) - Standalone D3 chart generation agent
+- [research-article-template embeds skill](../../../research-article-template/.ai/skills/create-html-embed/) - Embed authoring conventions
+- [ChartFrame.jsx](../../../dataviz-agent-space/frontend/src/components/ChartFrame.jsx) - Double-buffered iframe + buildDoc pattern
diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..47af5af489b0b5631d5ed5a25410b32af35c00b9
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Collab Editor</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
new file mode 100644
index 0000000000000000000000000000000000000000..61b650351d6ccd9dee9a8cca459a828729397d7f
--- /dev/null
+++ b/frontend/package-lock.json
@@ -0,0 +1,4317 @@
+{
+  "name": "collab-editor-frontend",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "collab-editor-frontend",
+      "version": "0.1.0",
+      "dependencies": {
+        "@ai-sdk/react": "^3.0.160",
+        "@emotion/react": "^11.14.0",
+        "@emotion/styled": "^11.14.1",
+        "@mui/icons-material": "^9.0.0",
+        "@mui/material": "^9.0.0",
+        "@tiptap/core": "^2.11.0",
+        "@tiptap/extension-code-block-lowlight": "^2.11.0",
+        "@tiptap/extension-collaboration": "^2.11.0",
+        "@tiptap/extension-collaboration-cursor": "^2.11.0",
+        "@tiptap/extension-image": "^2.27.2",
+        "@tiptap/extension-link": "^3.22.3",
+        "@tiptap/extension-mathematics": "^3.22.3",
+        "@tiptap/extension-placeholder": "^2.11.0",
+        "@tiptap/extension-table": "^2.27.2",
+        "@tiptap/extension-table-cell": "^2.27.2",
+        "@tiptap/extension-table-header": "^2.27.2",
+        "@tiptap/extension-table-row": "^2.27.2",
+        "@tiptap/extension-underline": "^3.22.3",
+        "@tiptap/pm": "^2.11.0",
+        "@tiptap/react": "^2.11.0",
+        "@tiptap/starter-kit": "^2.11.0",
+        "@tiptap/suggestion": "^2.27.2",
+        "@types/katex": "^0.16.8",
+        "ai": "^6.0.158",
+        "katex": "^0.16.45",
+        "lowlight": "^3.2.0",
+        "react": "^18.3.0",
+        "react-dom": "^18.3.0",
+        "y-prosemirror": "^1.2.0",
+        "y-websocket": "^2.0.0",
+        "yjs": "^13.6.0",
+        "zod": "^4.3.6"
+      },
+      "devDependencies": {
+        "@types/react": "^18.3.0",
+        "@types/react-dom": "^18.3.0",
+        "@vitejs/plugin-react": "^4.3.0",
+        "vite": "^6.0.0"
+      }
+    },
+    "node_modules/@ai-sdk/gateway": {
+      "version": "3.0.95",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/gateway/-/gateway-3.0.95.tgz",
+      "integrity": "sha512-ZmUNNbZl3V42xwQzPaNUi+s8eqR2lnrxf0bvB6YbLXpLjHYv0k2Y78t12cNOfY0bxGeuVVTLyk856uLuQIuXEQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "3.0.8",
+        "@ai-sdk/provider-utils": "4.0.23",
+        "@vercel/oidc": "3.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.76 || ^4.1.8"
+      }
+    },
+    "node_modules/@ai-sdk/provider": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/provider/-/provider-3.0.8.tgz",
+      "integrity": "sha512-oGMAgGoQdBXbZqNG0Ze56CHjDZ1IDYOwGYxYjO5KLSlz5HiNQ9udIXsPZ61VWaHGZ5XW/jyjmr6t2xz2jGVwbQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "json-schema": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@ai-sdk/provider-utils": {
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/provider-utils/-/provider-utils-4.0.23.tgz",
+      "integrity": "sha512-z8GlDaCmRSDlqkMF2f4/RFgWxdarvIbyuk+m6WXT1LYgsnGiXRJGTD2Z1+SDl3LqtFuRtGX1aghYvQLoHL/9pg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider": "3.0.8",
+        "@standard-schema/spec": "^1.1.0",
+        "eventsource-parser": "^3.0.6"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.76 || ^4.1.8"
+      }
+    },
+    "node_modules/@ai-sdk/react": {
+      "version": "3.0.160",
+      "resolved": "https://registry.npmjs.org/@ai-sdk/react/-/react-3.0.160.tgz",
+      "integrity": "sha512-ZDD42ggZYyBJjiX3PAl03t58uMJsIgreHfRhbdQR0hyuGlxcg1nXS5OvPRQUejNyGz/cM24/uGzt3Mn5ncdoOQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/provider-utils": "4.0.23",
+        "ai": "6.0.158",
+        "swr": "^2.2.5",
+        "throttleit": "2.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "react": "^18 || ~19.0.1 || ~19.1.2 || ^19.2.1"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz",
+      "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
+      "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/serialize": "^1.3.3",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
+      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz",
+      "integrity": "sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
+      "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.14.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/unitless": "^0.10.0",
+        "@emotion/utils": "^1.4.2",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
+      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/styled": {
+      "version": "11.14.1",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz",
+      "integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/is-prop-valid": "^1.3.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.0.0-rc.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
+      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz",
+      "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
+      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
+      "license": "MIT"
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@mui/core-downloads-tracker": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-9.0.0.tgz",
+      "integrity": "sha512-uwQNGkhv0lf7ufxw6QXev77BW6pWbW+7uxYjU5+rfp4lBkFtMEgJCsarTM3Tn+i0lGx6+Ol2u88JdGXr0GDskA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      }
+    },
+    "node_modules/@mui/icons-material": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-9.0.0.tgz",
+      "integrity": "sha512-oDwyvI6LgjWRC9MBcSGvLkPud9S9ELgSBQFYxa1rYcZn6Br55dn22SyvsPDMsn0G8OndFk53iMT45W5mNqrogw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@mui/material": "^9.0.0",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-9.0.0.tgz",
+      "integrity": "sha512-+VP/oQCDhDR87NQQgXnNBG8dwy6GNuQLnenS1pZvkbn2dKFSxRSRMybTpH9xUxXP+316mlYDy5CSbYtusnCWtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.2",
+        "@mui/core-downloads-tracker": "^9.0.0",
+        "@mui/system": "^9.0.0",
+        "@mui/types": "^9.0.0",
+        "@mui/utils": "^9.0.0",
+        "@popperjs/core": "^2.11.8",
+        "@types/react-transition-group": "^4.4.12",
+        "clsx": "^2.1.1",
+        "csstype": "^3.2.3",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.2.4",
+        "react-transition-group": "^4.4.5"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@mui/material-pigment-css": "^9.0.0",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@mui/material-pigment-css": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/private-theming": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-9.0.0.tgz",
+      "integrity": "sha512-JtuZoaiCqwD6vjgYu6Xp3T7DZkrxJlgtDz5yESzhI34fEX5hHMh2VJUbuL9UOg8xrfIFMrq6dcYoH/7Zi4G0RA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.2",
+        "@mui/utils": "^9.0.0",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/styled-engine": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-9.0.0.tgz",
+      "integrity": "sha512-9RLGdX4Jg0aQPRuvqh/OLzYSPlgd5zyEw5/1HIRfdavSiOd03WtUaGZH9/w1RoTYuRKwpgy0hpIFaMHIqPVIWg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.2",
+        "@emotion/cache": "^11.14.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/sheet": "^1.4.0",
+        "csstype": "^3.2.3",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.4.1",
+        "@emotion/styled": "^11.3.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/system": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-9.0.0.tgz",
+      "integrity": "sha512-YnC5Zg6j04IxiLc/boAKs0464jfZlLFVa7mf5E8lF0XOtZVUvG6R6gJK50lgUYdaaLdyLfxF6xR7LaPuEpeT/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.2",
+        "@mui/private-theming": "^9.0.0",
+        "@mui/styled-engine": "^9.0.0",
+        "@mui/types": "^9.0.0",
+        "@mui/utils": "^9.0.0",
+        "clsx": "^2.1.1",
+        "csstype": "^3.2.3",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/types": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-9.0.0.tgz",
+      "integrity": "sha512-i1cuFCAWN44b3AJWO7mh7tuh1sqbQSeVr/94oG0TX5uXivac8XalgE4/6fQZcmGZigzbQ35IXxj/4jLpRIBYZg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.2"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/utils": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-9.0.0.tgz",
+      "integrity": "sha512-bQcqyg/gjULUqTuyUjSAFr6LQGLvtkNtDbJerAtoUn9kGZ0hg5QJiN1PLHMLbeFpe3te1831uq7GFl2ITokGdg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.29.2",
+        "@mui/types": "^9.0.0",
+        "@types/prop-types": "^15.7.15",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^19.2.4"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@opentelemetry/api": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-1.9.0.tgz",
+      "integrity": "sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@remirror/core-constants": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz",
+      "integrity": "sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==",
+      "license": "MIT"
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.1.tgz",
+      "integrity": "sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.1.tgz",
+      "integrity": "sha512-YjG/EwIDvvYI1YvYbHvDz/BYHtkY4ygUIXHnTdLhG+hKIQFBiosfWiACWortsKPKU/+dUwQQCKQM3qrDe8c9BA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.1.tgz",
+      "integrity": "sha512-mjCpF7GmkRtSJwon+Rq1N8+pI+8l7w5g9Z3vWj4T7abguC4Czwi3Yu/pFaLvA3TTeMVjnu3ctigusqWUfjZzvw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.1.tgz",
+      "integrity": "sha512-haZ7hJ1JT4e9hqkoT9R/19XW2QKqjfJVv+i5AGg57S+nLk9lQnJ1F/eZloRO3o9Scy9CM3wQ9l+dkXtcBgN5Ew==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.1.tgz",
+      "integrity": "sha512-czw90wpQq3ZsAVBlinZjAYTKduOjTywlG7fEeWKUA7oCmpA8xdTkxZZlwNJKWqILlq0wehoZcJYfBvOyhPTQ6w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.1.tgz",
+      "integrity": "sha512-KVB2rqsxTHuBtfOeySEyzEOB7ltlB/ux38iu2rBQzkjbwRVlkhAGIEDiiYnO2kFOkJp+Z7pUXKyrRRFuFUKt+g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.1.tgz",
+      "integrity": "sha512-L+34Qqil+v5uC0zEubW7uByo78WOCIrBvci69E7sFASRl0X7b/MB6Cqd1lky/CtcSVTydWa2WZwFuWexjS5o6g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.1.tgz",
+      "integrity": "sha512-n83O8rt4v34hgFzlkb1ycniJh7IR5RCIqt6mz1VRJD6pmhRi0CXdmfnLu9dIUS6buzh60IvACM842Ffb3xd6Gg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.1.tgz",
+      "integrity": "sha512-Nql7sTeAzhTAja3QXeAI48+/+GjBJ+QmAH13snn0AJSNL50JsDqotyudHyMbO2RbJkskbMbFJfIJKWA6R1LCJQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.1.tgz",
+      "integrity": "sha512-+pUymDhd0ys9GcKZPPWlFiZ67sTWV5UU6zOJat02M1+PiuSGDziyRuI/pPue3hoUwm2uGfxdL+trT6Z9rxnlMA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.1.tgz",
+      "integrity": "sha512-VSvgvQeIcsEvY4bKDHEDWcpW4Yw7BtlKG1GUT4FzBUlEKQK0rWHYBqQt6Fm2taXS+1bXvJT6kICu5ZwqKCnvlQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.1.tgz",
+      "integrity": "sha512-4LqhUomJqwe641gsPp6xLfhqWMbQV04KtPp7/dIp0nzPxAkNY1AbwL5W0MQpcalLYk07vaW9Kp1PBhdpZYYcEw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.1.tgz",
+      "integrity": "sha512-tLQQ9aPvkBxOc/EUT6j3pyeMD6Hb8QF2BTBnCQWP/uu1lhc9AIrIjKnLYMEroIz/JvtGYgI9dF3AxHZNaEH0rw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.1.tgz",
+      "integrity": "sha512-RMxFhJwc9fSXP6PqmAz4cbv3kAyvD1etJFjTx4ONqFP9DkTkXsAMU4v3Vyc5BgzC+anz7nS/9tp4obsKfqkDHg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.1.tgz",
+      "integrity": "sha512-QKgFl+Yc1eEk6MmOBfRHYF6lTxiiiV3/z/BRrbSiW2I7AFTXoBFvdMEyglohPj//2mZS4hDOqeB0H1ACh3sBbg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.1.tgz",
+      "integrity": "sha512-RAjXjP/8c6ZtzatZcA1RaQr6O1TRhzC+adn8YZDnChliZHviqIjmvFwHcxi4JKPSDAt6Uhf/7vqcBzQJy0PDJg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.1.tgz",
+      "integrity": "sha512-wcuocpaOlaL1COBYiA89O6yfjlp3RwKDeTIA0hM7OpmhR1Bjo9j31G1uQVpDlTvwxGn2nQs65fBFL5UFd76FcQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.1.tgz",
+      "integrity": "sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.1.tgz",
+      "integrity": "sha512-5cIATbk5vynAjqqmyBjlciMJl1+R/CwX9oLk/EyiFXDWd95KpHdrOJT//rnUl4cUcskrd0jCCw3wpZnhIHdD9w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.1.tgz",
+      "integrity": "sha512-cl0w09WsCi17mcmWqqglez9Gk8isgeWvoUZ3WiJFYSR3zjBQc2J5/ihSjpl+VLjPqjQ/1hJRcqBfLjssREQILw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.1.tgz",
+      "integrity": "sha512-4Cv23ZrONRbNtbZa37mLSueXUCtN7MXccChtKpUnQNgF010rjrjfHx3QxkS2PI7LqGT5xXyYs1a7LbzAwT0iCA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.1.tgz",
+      "integrity": "sha512-i1okWYkA4FJICtr7KpYzFpRTHgy5jdDbZiWfvny21iIKky5YExiDXP+zbXzm3dUcFpkEeYNHgQ5fuG236JPq0g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.1.tgz",
+      "integrity": "sha512-u09m3CuwLzShA0EYKMNiFgcjjzwqtUMLmuCJLeZWjjOYA3IT2Di09KaxGBTP9xVztWyIWjVdsB2E9goMjZvTQg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.1.tgz",
+      "integrity": "sha512-k+600V9Zl1CM7eZxJgMyTUzmrmhB/0XZnF4pRypKAlAgxmedUA+1v9R+XOFv56W4SlHEzfeMtzujLJD22Uz5zg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.1.tgz",
+      "integrity": "sha512-lWMnixq/QzxyhTV6NjQJ4SFo1J6PvOX8vUx5Wb4bBPsEb+8xZ89Bz6kOXpfXj9ak9AHTQVQzlgzBEc1SyM27xQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "license": "MIT"
+    },
+    "node_modules/@tiptap/core": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.27.2.tgz",
+      "integrity": "sha512-ABL1N6eoxzDzC1bYvkMbvyexHacszsKdVPYqhl5GwHLOvpZcv9VE9QaKwDILTyz5voCA0lGcAAXZp+qnXOk5lQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-blockquote": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.27.2.tgz",
+      "integrity": "sha512-oIGZgiAeA4tG3YxbTDfrmENL4/CIwGuP3THtHsNhwRqwsl9SfMk58Ucopi2GXTQSdYXpRJ0ahE6nPqB5D6j/Zw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-bold": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.27.2.tgz",
+      "integrity": "sha512-bR7J5IwjCGQ0s3CIxyMvOCnMFMzIvsc5OVZKscTN5UkXzFsaY6muUAIqtKxayBUucjtUskm5qZowJITCeCb1/A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-bubble-menu": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.27.2.tgz",
+      "integrity": "sha512-VkwlCOcr0abTBGzjPXklJ92FCowG7InU8+Od9FyApdLNmn0utRYGRhw0Zno6VgE9EYr1JY4BRnuSa5f9wlR72w==",
+      "license": "MIT",
+      "dependencies": {
+        "tippy.js": "^6.3.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-bullet-list": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.27.2.tgz",
+      "integrity": "sha512-gmFuKi97u5f8uFc/GQs+zmezjiulZmFiDYTh3trVoLRoc2SAHOjGEB7qxdx7dsqmMN7gwiAWAEVurLKIi1lnnw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-code": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.27.2.tgz",
+      "integrity": "sha512-7X9AgwqiIGXoZX7uvdHQsGsjILnN/JaEVtqfXZnPECzKGaWHeK/Ao4sYvIIIffsyZJA8k5DC7ny2/0sAgr2TuA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-code-block": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.27.2.tgz",
+      "integrity": "sha512-KgvdQHS4jXr79aU3wZOGBIZYYl9vCB7uDEuRFV4so2rYrfmiYMw3T8bTnlNEEGe4RUeAms1i4fdwwvQp9nR1Dw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-code-block-lowlight": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-2.27.2.tgz",
+      "integrity": "sha512-v6NKStBbQ/XCc1NnCi3ObsL1DsxadSIBtUQNA/B+urkPgn5LEy72HAGlf0xwjRaNkAGSaTASLKmc84L5q5zlGQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/extension-code-block": "^2.7.0",
+        "@tiptap/pm": "^2.7.0",
+        "highlight.js": "^11",
+        "lowlight": "^2 || ^3"
+      }
+    },
+    "node_modules/@tiptap/extension-collaboration": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-collaboration/-/extension-collaboration-2.27.2.tgz",
+      "integrity": "sha512-Y61ItHxQ1uc/Ir27mBQRI/wY9JkOui194V+awNv+1YHeaKArTjC2cdSvNzj9+h8JIh5MyfvslSf8hBa7t7PzAg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0",
+        "y-prosemirror": "^1.2.11"
+      }
+    },
+    "node_modules/@tiptap/extension-collaboration-cursor": {
+      "version": "2.26.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-collaboration-cursor/-/extension-collaboration-cursor-2.26.2.tgz",
+      "integrity": "sha512-FdRb27mZ5Kr18hN6cbfBj1e9F0DOoHB1Gv3IYeic+g4h1C9BjDVMN0+JRBQc+4lamNA8TsHO0oKWRwaPe4sSlA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "y-prosemirror": "^1.2.11"
+      }
+    },
+    "node_modules/@tiptap/extension-document": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.27.2.tgz",
+      "integrity": "sha512-CFhAYsPnyYnosDC4639sCJnBUnYH4Cat9qH5NZWHVvdgtDwu8GZgZn2eSzaKSYXWH1vJ9DSlCK+7UyC3SNXIBA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-dropcursor": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.27.2.tgz",
+      "integrity": "sha512-oEu/OrktNoQXq1x29NnH/GOIzQZm8ieTQl3FK27nxfBPA89cNoH4mFEUmBL5/OFIENIjiYG3qWpg6voIqzswNw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-floating-menu": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.27.2.tgz",
+      "integrity": "sha512-GUN6gPIGXS7ngRJOwdSmtBRBDt9Kt9CM/9pSwKebhLJ+honFoNA+Y6IpVyDvvDMdVNgBchiJLs6qA5H97gAePQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tippy.js": "^6.3.7"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-gapcursor": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.27.2.tgz",
+      "integrity": "sha512-/c9VF1HBxj+AP54XGVgCmD9bEGYc5w5OofYCFQgM7l7PB1J00A4vOke0oPkHJnqnOOyPlFaxO/7N6l3XwFcnKA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-hard-break": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.27.2.tgz",
+      "integrity": "sha512-kSRVGKlCYK6AGR0h8xRkk0WOFGXHIIndod3GKgWU49APuIGDiXd8sziXsSlniUsWmqgDmDXcNnSzPcV7AQ8YNg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-heading": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.27.2.tgz",
+      "integrity": "sha512-iM3yeRWuuQR/IRQ1djwNooJGfn9Jts9zF43qZIUf+U2NY8IlvdNsk2wTOdBgh6E0CamrStPxYGuln3ZS4fuglw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-history": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.27.2.tgz",
+      "integrity": "sha512-+hSyqERoFNTWPiZx4/FCyZ/0eFqB9fuMdTB4AC/q9iwu3RNWAQtlsJg5230bf/qmyO6bZxRUc0k8p4hrV6ybAw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-horizontal-rule": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.27.2.tgz",
+      "integrity": "sha512-WGWUSgX+jCsbtf9Y9OCUUgRZYuwjVoieW5n6mAUohJ9/6gc6sGIOrUpBShf+HHo6WD+gtQjRd+PssmX3NPWMpg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-image": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-image/-/extension-image-2.27.2.tgz",
+      "integrity": "sha512-5zL/BY41FIt72azVrCrv3n+2YJ/JyO8wxCcA4Dk1eXIobcgVyIdo4rG39gCqIOiqziAsqnqoj12QHTBtHsJ6mQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-italic": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.27.2.tgz",
+      "integrity": "sha512-1OFsw2SZqfaqx5Fa5v90iNlPRcqyt+lVSjBwTDzuPxTPFY4Q0mL89mKgkq2gVHYNCiaRkXvFLDxaSvBWbmthgg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-link": {
+      "version": "3.22.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-3.22.3.tgz",
+      "integrity": "sha512-S8/P2o9pv6B3kqLjH2TRWwSAximGbciNc6R8/QcN6HWLYxp0N0JoqN3rZHl9VWIBAGRWc4zkt80dhqrl2xmgfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "linkifyjs": "^4.3.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.22.3",
+        "@tiptap/pm": "^3.22.3"
+      }
+    },
+    "node_modules/@tiptap/extension-list-item": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.27.2.tgz",
+      "integrity": "sha512-eJNee7IEGXMnmygM5SdMGDC8m/lMWmwNGf9fPCK6xk0NxuQRgmZHL6uApKcdH6gyNcRPHCqvTTkhEP7pbny/fg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-mathematics": {
+      "version": "3.22.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-mathematics/-/extension-mathematics-3.22.3.tgz",
+      "integrity": "sha512-GIkuTkiMLRjKN1Dp/jbOZ/Yvf0OrtmjS19Q+BVbkLJI+FJlEn5m+N2f/sjDq6sVoHccdraEyq1Ag8be3ohK0ng==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.22.3",
+        "@tiptap/pm": "^3.22.3",
+        "katex": "^0.16.4"
+      }
+    },
+    "node_modules/@tiptap/extension-ordered-list": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.27.2.tgz",
+      "integrity": "sha512-M7A4tLGJcLPYdLC4CI2Gwl8LOrENQW59u3cMVa+KkwG1hzSJyPsbDpa1DI6oXPC2WtYiTf22zrbq3gVvH+KA2w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-paragraph": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.27.2.tgz",
+      "integrity": "sha512-elYVn2wHJJ+zB9LESENWOAfI4TNT0jqEN34sMA/hCtA4im1ZG2DdLHwkHIshj/c4H0dzQhmsS/YmNC5Vbqab/A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-placeholder": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-2.27.2.tgz",
+      "integrity": "sha512-IjsgSVYJRjpAKmIoapU0E2R4E2FPY3kpvU7/1i7PUYisylqejSJxmtJPGYw0FOMQY9oxnEEvfZHMBA610tqKpg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-strike": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.27.2.tgz",
+      "integrity": "sha512-HHIjhafLhS2lHgfAsCwC1okqMsQzR4/mkGDm4M583Yftyjri1TNA7lzhzXWRFWiiMfJxKtdjHjUAQaHuteRTZw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-table": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-table/-/extension-table-2.27.2.tgz",
+      "integrity": "sha512-pDbhOpT5phZkcsyPjGBQlXv0+0hmdrvqHJ+dJjkGcCtlfy2pHiEIhmIItOFagc7wXy8G9iUFZ9Jie4zvDf+brg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-table-cell": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-table-cell/-/extension-table-cell-2.27.2.tgz",
+      "integrity": "sha512-9Lk46MjZMFzVZfOj9Kd7VgC6Odt6vmEhlCYVumErShUY7EkFqCw3b2IYoUtQkntfOEx/Afnhff/okNQwPsJeUA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-table-header": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-table-header/-/extension-table-header-2.27.2.tgz",
+      "integrity": "sha512-ZEb6lbG0NbbodWLV0b4BS/QrDIPlUbCcuOsUxzqVvlMUY1Vg6Fj6fKwLaBcsIUDHi8sxZDBEgYEDw3BR/zcO6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-table-row": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-table-row/-/extension-table-row-2.27.2.tgz",
+      "integrity": "sha512-Nw9+tA56Y5HtLVP01NGCZSUuTQhJPtfK9OfmDgGgcxynn2cRVdEtj+9FNZqRhQ1iRVaAI+Rd4xRvX9qYePMOxw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-text": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.27.2.tgz",
+      "integrity": "sha512-Xk7nYcigljAY0GO9hAQpZ65ZCxqOqaAlTPDFcKerXmlkQZP/8ndx95OgUb1Xf63kmPOh3xypurGS2is3v0MXSA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-text-style": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-style/-/extension-text-style-2.27.2.tgz",
+      "integrity": "sha512-Omk+uxjJLyEY69KStpCw5fA9asvV+MGcAX2HOxyISDFoLaL49TMrNjhGAuz09P1L1b0KGXo4ml7Q3v/Lfy4WPA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-underline": {
+      "version": "3.22.3",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-3.22.3.tgz",
+      "integrity": "sha512-Ch6CBWRa5w90yYSPUW6x9Py9JdrXMqk3pZ9OIlMYD8A7BqyZGfiHerX7XDMYDS09KjyK3U9XH60/zxYOzXdDLA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^3.22.3"
+      }
+    },
+    "node_modules/@tiptap/pm": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.27.2.tgz",
+      "integrity": "sha512-kaEg7BfiJPDQMKbjVIzEPO3wlcA+pZb2tlcK9gPrdDnEFaec2QTF1sXz2ak2IIb2curvnIrQ4yrfHgLlVA72wA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-changeset": "^2.3.0",
+        "prosemirror-collab": "^1.3.1",
+        "prosemirror-commands": "^1.6.2",
+        "prosemirror-dropcursor": "^1.8.1",
+        "prosemirror-gapcursor": "^1.3.2",
+        "prosemirror-history": "^1.4.1",
+        "prosemirror-inputrules": "^1.4.0",
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-markdown": "^1.13.1",
+        "prosemirror-menu": "^1.2.4",
+        "prosemirror-model": "^1.23.0",
+        "prosemirror-schema-basic": "^1.2.3",
+        "prosemirror-schema-list": "^1.4.1",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-tables": "^1.6.4",
+        "prosemirror-trailing-node": "^3.0.0",
+        "prosemirror-transform": "^1.10.2",
+        "prosemirror-view": "^1.37.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tiptap/react": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/react/-/react-2.27.2.tgz",
+      "integrity": "sha512-0EAs8Cpkfbvben1PZ34JN2Nd79Dhioynm2jML27DBbf1VWPk+FFWFGTMLUT0bu+Np5iVxio8fqV9t0mc4D6thA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tiptap/extension-bubble-menu": "^2.27.2",
+        "@tiptap/extension-floating-menu": "^2.27.2",
+        "@types/use-sync-external-store": "^0.0.6",
+        "fast-deep-equal": "^3",
+        "use-sync-external-store": "^1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tiptap/starter-kit": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-2.27.2.tgz",
+      "integrity": "sha512-bb0gJvPoDuyRUQ/iuN52j1//EtWWttw+RXAv1uJxfR0uKf8X7uAqzaOOgwjknoCIDC97+1YHwpGdnRjpDkOBxw==",
+      "license": "MIT",
+      "dependencies": {
+        "@tiptap/core": "^2.27.2",
+        "@tiptap/extension-blockquote": "^2.27.2",
+        "@tiptap/extension-bold": "^2.27.2",
+        "@tiptap/extension-bullet-list": "^2.27.2",
+        "@tiptap/extension-code": "^2.27.2",
+        "@tiptap/extension-code-block": "^2.27.2",
+        "@tiptap/extension-document": "^2.27.2",
+        "@tiptap/extension-dropcursor": "^2.27.2",
+        "@tiptap/extension-gapcursor": "^2.27.2",
+        "@tiptap/extension-hard-break": "^2.27.2",
+        "@tiptap/extension-heading": "^2.27.2",
+        "@tiptap/extension-history": "^2.27.2",
+        "@tiptap/extension-horizontal-rule": "^2.27.2",
+        "@tiptap/extension-italic": "^2.27.2",
+        "@tiptap/extension-list-item": "^2.27.2",
+        "@tiptap/extension-ordered-list": "^2.27.2",
+        "@tiptap/extension-paragraph": "^2.27.2",
+        "@tiptap/extension-strike": "^2.27.2",
+        "@tiptap/extension-text": "^2.27.2",
+        "@tiptap/extension-text-style": "^2.27.2",
+        "@tiptap/pm": "^2.27.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tiptap/suggestion": {
+      "version": "2.27.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/suggestion/-/suggestion-2.27.2.tgz",
+      "integrity": "sha512-dQyvCIg0hcAVeh4fCIVCxogvbp+bF+GpbUb8sNlgnGrmHXnapGxzkvrlHnvneXZxLk/j7CxmBPKJNnm4Pbx4zw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/katex": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.8.tgz",
+      "integrity": "sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.28",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.28.tgz",
+      "integrity": "sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
+      }
+    },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.12",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz",
+      "integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/@vercel/oidc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@vercel/oidc/-/oidc-3.1.0.tgz",
+      "integrity": "sha512-Fw28YZpRnA3cAHHDlkt7xQHiJ0fcL+NRcIqsocZQUSmbzeIKRpwttJjik5ZGanXP+vlA4SbTg+AbA3bP363l+w==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.27",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+      }
+    },
+    "node_modules/abstract-leveldown": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/abstract-leveldown/-/abstract-leveldown-6.2.3.tgz",
+      "integrity": "sha512-BsLm5vFMRUrrLeCcRc+G0t2qOaTzpoJQLOubq2XM72eNpjF5UdU5o/5NvlNhx95XHcAvcl8OMXr4mlg/fRgUXQ==",
+      "deprecated": "Superseded by abstract-level (https://github.com/Level/community#faq)",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "immediate": "^3.2.3",
+        "level-concat-iterator": "~2.0.0",
+        "level-supports": "~1.0.0",
+        "xtend": "~4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ai": {
+      "version": "6.0.158",
+      "resolved": "https://registry.npmjs.org/ai/-/ai-6.0.158.tgz",
+      "integrity": "sha512-gLTp1UXFtMqKUi3XHs33K7UFglbvojkxF/aq337TxnLGOhHIW9+GyP2jwW4hYX87f1es+wId3VQoPRRu9zEStQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ai-sdk/gateway": "3.0.95",
+        "@ai-sdk/provider": "3.0.8",
+        "@ai-sdk/provider-utils": "4.0.23",
+        "@opentelemetry/api": "1.9.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.76 || ^4.1.8"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/async-limiter": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.18",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.18.tgz",
+      "integrity": "sha512-VSnGQAOLtP5mib/DPyg2/t+Tlv65NTBz83BJBJvmLVHHuKJVaDOBvJJykiT5TR++em5nfAySPccDZDa4oSrn8A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001787",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001787.tgz",
+      "integrity": "sha512-mNcrMN9KeI68u7muanUpEejSLghOKlVhRqS/Za2IeyGllJ9I9otGpR9g3nsw7n4W378TE/LyIteA0+/FOZm4Kg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cosmiconfig/node_modules/yaml": {
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz",
+      "integrity": "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deferred-leveldown": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/deferred-leveldown/-/deferred-leveldown-5.3.0.tgz",
+      "integrity": "sha512-a59VOT+oDy7vtAbLRCZwWgxu2BaCfd5Hk7wxJd48ei7I+nsg8Orlb9CLG0PMZienk9BSUKgeAqkO2+Lw+1+Ukw==",
+      "deprecated": "Superseded by abstract-level (https://github.com/Level/community#faq)",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "abstract-leveldown": "~6.2.1",
+        "inherits": "^2.0.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.335",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.335.tgz",
+      "integrity": "sha512-q9n5T4BR4Xwa2cwbrwcsDJtHD/enpQ5S1xF1IAtdqf5AAgqDFmR/aakqH3ChFdqd/QXJhS3rnnXFtexU7rax6Q==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/encoding-down": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/encoding-down/-/encoding-down-6.3.0.tgz",
+      "integrity": "sha512-QKrV0iKR6MZVJV08QY0wp1e7vF6QbhnbQhb07bwpEyuz4uZiZgPlEGdkCROuFkUwdxlFaiPIhjyarH1ee/3vhw==",
+      "deprecated": "Superseded by abstract-level (https://github.com/Level/community#faq)",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "abstract-leveldown": "^6.2.1",
+        "inherits": "^2.0.3",
+        "level-codec": "^9.0.0",
+        "level-errors": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/errno": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "prr": "~1.0.1"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eventsource-parser": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.0.6.tgz",
+      "integrity": "sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "license": "MIT"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "11.11.1",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
+      "integrity": "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause",
+      "optional": true
+    },
+    "node_modules/immediate": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.3.0.tgz",
+      "integrity": "sha512-HR7EVodfFUdQCTIeySw+WDRFJlPcLOJbXfwwZ7Oom6tjsvZ3bOkCDJHehQC3nxJrv7+f9XecwazynjU8e4Vw3Q==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isomorphic.js": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/isomorphic.js/-/isomorphic.js-0.2.5.tgz",
+      "integrity": "sha512-PIeMbHqMt4DnUP3MA/Flc0HElYjMXArsw1qwJZcm9sqR8mq3l8NYizFMty0pWwE/tzIGH3EKK5+jes5mAr85yw==",
+      "license": "MIT",
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
+    },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
+      "license": "(AFL-2.1 OR BSD-3-Clause)"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/katex": {
+      "version": "0.16.45",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.45.tgz",
+      "integrity": "sha512-pQpZbdBu7wCTmQUh7ufPmLr0pFoObnGUoL/yhtwJDgmmQpbkg/0HSVti25Fu4rmd1oCR6NGWe9vqTWuWv3GcNA==",
+      "funding": [
+        "https://opencollective.com/katex",
+        "https://github.com/sponsors/katex"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^8.3.0"
+      },
+      "bin": {
+        "katex": "cli.js"
+      }
+    },
+    "node_modules/level": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/level/-/level-6.0.1.tgz",
+      "integrity": "sha512-psRSqJZCsC/irNhfHzrVZbmPYXDcEYhA5TVNwr+V92jF44rbf86hqGp8fiT702FyiArScYIlPSBTDUASCVNSpw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "level-js": "^5.0.0",
+        "level-packager": "^5.1.0",
+        "leveldown": "^5.4.0"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/level"
+      }
+    },
+    "node_modules/level-codec": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/level-codec/-/level-codec-9.0.2.tgz",
+      "integrity": "sha512-UyIwNb1lJBChJnGfjmO0OR+ezh2iVu1Kas3nvBS/BzGnx79dv6g7unpKIDNPMhfdTEGoc7mC8uAu51XEtX+FHQ==",
+      "deprecated": "Superseded by level-transcoder (https://github.com/Level/community#faq)",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "buffer": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/level-concat-iterator": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/level-concat-iterator/-/level-concat-iterator-2.0.1.tgz",
+      "integrity": "sha512-OTKKOqeav2QWcERMJR7IS9CUo1sHnke2C0gkSmcR7QuEtFNLLzHQAvnMw8ykvEcv0Qtkg0p7FOwP1v9e5Smdcw==",
+      "deprecated": "Superseded by abstract-level (https://github.com/Level/community#faq)",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/level-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/level-errors/-/level-errors-2.0.1.tgz",
+      "integrity": "sha512-UVprBJXite4gPS+3VznfgDSU8PTRuVX0NXwoWW50KLxd2yw4Y1t2JUR5In1itQnudZqRMT9DlAM3Q//9NCjCFw==",
+      "deprecated": "Superseded by abstract-level (https://github.com/Level/community#faq)",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "errno": "~0.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/level-iterator-stream": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/level-iterator-stream/-/level-iterator-stream-4.0.2.tgz",
+      "integrity": "sha512-ZSthfEqzGSOMWoUGhTXdX9jv26d32XJuHz/5YnuHZzH6wldfWMOVwI9TBtKcya4BKTyTt3XVA0A3cF3q5CY30Q==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0",
+        "xtend": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/level-js": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/level-js/-/level-js-5.0.2.tgz",
+      "integrity": "sha512-SnBIDo2pdO5VXh02ZmtAyPP6/+6YTJg2ibLtl9C34pWvmtMEmRTWpra+qO/hifkUtBTOtfx6S9vLDjBsBK4gRg==",
+      "deprecated": "Superseded by browser-level (https://github.com/Level/community#faq)",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "abstract-leveldown": "~6.2.3",
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.3",
+        "ltgt": "^2.1.2"
+      }
+    },
+    "node_modules/level-packager": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/level-packager/-/level-packager-5.1.1.tgz",
+      "integrity": "sha512-HMwMaQPlTC1IlcwT3+swhqf/NUO+ZhXVz6TY1zZIIZlIR0YSn8GtAAWmIvKjNY16ZkEg/JcpAuQskxsXqC0yOQ==",
+      "deprecated": "Superseded by abstract-level (https://github.com/Level/community#faq)",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "encoding-down": "^6.3.0",
+        "levelup": "^4.3.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/level-supports": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/level-supports/-/level-supports-1.0.1.tgz",
+      "integrity": "sha512-rXM7GYnW8gsl1vedTJIbzOrRv85c/2uCMpiiCzO2fndd06U/kUXEEU9evYn4zFggBOg36IsBW8LzqIpETwwQzg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "xtend": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/leveldown": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/leveldown/-/leveldown-5.6.0.tgz",
+      "integrity": "sha512-iB8O/7Db9lPaITU1aA2txU/cBEXAt4vWwKQRrrWuS6XDgbP4QZGj9BL2aNbwb002atoQ/lIotJkfyzz+ygQnUQ==",
+      "deprecated": "Superseded by classic-level (https://github.com/Level/community#faq)",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "abstract-leveldown": "~6.2.1",
+        "napi-macros": "~2.0.0",
+        "node-gyp-build": "~4.1.0"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/levelup": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/levelup/-/levelup-4.4.0.tgz",
+      "integrity": "sha512-94++VFO3qN95cM/d6eBXvd894oJE0w3cInq9USsyQzzoJxmiYzPAocNcuGCPGGjoXqDVJcr3C1jzt1TSjyaiLQ==",
+      "deprecated": "Superseded by abstract-level (https://github.com/Level/community#faq)",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "deferred-leveldown": "~5.3.0",
+        "level-errors": "~2.0.0",
+        "level-iterator-stream": "~4.0.0",
+        "level-supports": "~1.0.0",
+        "xtend": "~4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lib0": {
+      "version": "0.2.117",
+      "resolved": "https://registry.npmjs.org/lib0/-/lib0-0.2.117.tgz",
+      "integrity": "sha512-DeXj9X5xDCjgKLU/7RR+/HQEVzuuEUiwldwOGsHK/sfAfELGWEyTcf0x+uOvCvK3O2zPmZePXWL85vtia6GyZw==",
+      "license": "MIT",
+      "dependencies": {
+        "isomorphic.js": "^0.2.4"
+      },
+      "bin": {
+        "0ecdsa-generate-keypair": "bin/0ecdsa-generate-keypair.js",
+        "0gentesthtml": "bin/gentesthtml.js",
+        "0serve": "bin/0serve.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
+    "node_modules/linkifyjs": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.3.2.tgz",
+      "integrity": "sha512-NT1CJtq3hHIreOianA8aSXn6Cw0JzYOuDQbOrSPe7gqFnCpKP++MQe3ODgO3oh2GJFORkAAdqredOa60z63GbA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lowlight": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-3.3.0.tgz",
+      "integrity": "sha512-0JNhgFoPvP6U6lE/UdVsSq99tn6DhjjpAj5MxG49ewd2mOBVtwWYIT8ClyABhq198aXXODMU6Ox8DrGy/CpTZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "devlop": "^1.0.0",
+        "highlight.js": "~11.11.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/ltgt": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/ltgt/-/ltgt-2.2.1.tgz",
+      "integrity": "sha512-AI2r85+4MquTw9ZYqabu4nMwy9Oftlfa/e/52t9IjtfG+mGBbTNdAoZ3RQKLHR6r0wQnwZnPIEh/Ya6XTWAKNA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/markdown-it": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.1.tgz",
+      "integrity": "sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+      "license": "MIT"
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/napi-macros": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/napi-macros/-/napi-macros-2.0.0.tgz",
+      "integrity": "sha512-A0xLykHtARfueITVDernsAWdtIMbOJgKgcluwENp3AlsKN/PloyO10HtmoqnFAQAcxPkgZN7wdfPfEd0zNGxbg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-gyp-build": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.1.1.tgz",
+      "integrity": "sha512-dSq1xmcPDKPZ2EED2S6zw/b9NKsqzXRE6dVr8TVQnI3FJOTteUMuqF3Qqs6LZg+mLGYJWqQzMbIjMtJqTv87nQ==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "node-gyp-build": "bin.js",
+        "node-gyp-build-optional": "optional.js",
+        "node-gyp-build-test": "build-test.js"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.37",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
+      "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/orderedmap": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
+      "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
+      "license": "MIT"
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.9",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.9.tgz",
+      "integrity": "sha512-7a70Nsot+EMX9fFU3064K/kdHWZqGVY+BADLyXc8Dfv+mTLLVl6JzJpPaCZ2kQL9gIJvKXSLMHhqdRRjwQeFtw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/prosemirror-changeset": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.4.0.tgz",
+      "integrity": "sha512-LvqH2v7Q2SF6yxatuPP2e8vSUKS/L+xAU7dPDC4RMyHMhZoGDfBC74mYuyYF4gLqOEG758wajtyhNnsTkuhvng==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-collab": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
+      "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-commands": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.1.tgz",
+      "integrity": "sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.10.2"
+      }
+    },
+    "node_modules/prosemirror-dropcursor": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.2.tgz",
+      "integrity": "sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0",
+        "prosemirror-view": "^1.1.0"
+      }
+    },
+    "node_modules/prosemirror-gapcursor": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.4.1.tgz",
+      "integrity": "sha512-pMdYaEnjNMSwl11yjEGtgTmLkR08m/Vl+Jj443167p9eB3HVQKhYCc4gmHVDsLPODfZfjr/MmirsdyZziXbQKw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.0.0",
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-view": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-history": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.5.0.tgz",
+      "integrity": "sha512-zlzTiH01eKA55UAf1MEjtssJeHnGxO0j4K4Dpx+gnmX9n+SHNlDqI2oO1Kv1iPN5B1dm5fsljCfqKF9nFL6HRg==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.2.2",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.31.0",
+        "rope-sequence": "^1.3.0"
+      }
+    },
+    "node_modules/prosemirror-inputrules": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.1.tgz",
+      "integrity": "sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-keymap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.3.tgz",
+      "integrity": "sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "w3c-keyname": "^2.2.0"
+      }
+    },
+    "node_modules/prosemirror-markdown": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.4.tgz",
+      "integrity": "sha512-D98dm4cQ3Hs6EmjK500TdAOew4Z03EV71ajEFiWra3Upr7diytJsjF4mPV2dW+eK5uNectiRj0xFxYI9NLXDbw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/markdown-it": "^14.0.0",
+        "markdown-it": "^14.0.0",
+        "prosemirror-model": "^1.25.0"
+      }
+    },
+    "node_modules/prosemirror-menu": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.3.0.tgz",
+      "integrity": "sha512-TImyPXCHPcDsSka2/lwJ6WjTASr4re/qWq1yoTTuLOqfXucwF6VcRa2LWCkM/EyTD1UO3CUwiH8qURJoWJRxwg==",
+      "license": "MIT",
+      "dependencies": {
+        "crelt": "^1.0.0",
+        "prosemirror-commands": "^1.0.0",
+        "prosemirror-history": "^1.0.0",
+        "prosemirror-state": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-model": {
+      "version": "1.25.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.4.tgz",
+      "integrity": "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA==",
+      "license": "MIT",
+      "dependencies": {
+        "orderedmap": "^2.0.0"
+      }
+    },
+    "node_modules/prosemirror-schema-basic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.4.tgz",
+      "integrity": "sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.25.0"
+      }
+    },
+    "node_modules/prosemirror-schema-list": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz",
+      "integrity": "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.7.3"
+      }
+    },
+    "node_modules/prosemirror-state": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.4.tgz",
+      "integrity": "sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.27.0"
+      }
+    },
+    "node_modules/prosemirror-tables": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.8.5.tgz",
+      "integrity": "sha512-V/0cDCsHKHe/tfWkeCmthNUcEp1IVO3p6vwN8XtwE9PZQLAZJigbw3QoraAdfJPir4NKJtNvOB8oYGKRl+t0Dw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.2.3",
+        "prosemirror-model": "^1.25.4",
+        "prosemirror-state": "^1.4.4",
+        "prosemirror-transform": "^1.10.5",
+        "prosemirror-view": "^1.41.4"
+      }
+    },
+    "node_modules/prosemirror-trailing-node": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
+      "integrity": "sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@remirror/core-constants": "3.0.0",
+        "escape-string-regexp": "^4.0.0"
+      },
+      "peerDependencies": {
+        "prosemirror-model": "^1.22.1",
+        "prosemirror-state": "^1.4.2",
+        "prosemirror-view": "^1.33.8"
+      }
+    },
+    "node_modules/prosemirror-transform": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.12.0.tgz",
+      "integrity": "sha512-GxboyN4AMIsoHNtz5uf2r2Ru551i5hWeCMD6E2Ib4Eogqoub0NflniaBPVQ4MrGE5yZ8JV9tUHg9qcZTTrcN4w==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.21.0"
+      }
+    },
+    "node_modules/prosemirror-view": {
+      "version": "1.41.8",
+      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.41.8.tgz",
+      "integrity": "sha512-TnKDdohEatgyZNGCDWIdccOHXhYloJwbwU+phw/a23KBvJIR9lWQWW7WHHK3vBdOLDNuF7TaX98GObUZOWkOnA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.20.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0"
+      }
+    },
+    "node_modules/prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.5.tgz",
+      "integrity": "sha512-Dn0t8IQhCmeIT3wu+Apm1/YVsJXsGWi6k4sPdnBIdqMVtHtv0IGi6dcpNpNkNac0zB2uUAqNX3MHzN8c+z2rwQ==",
+      "license": "MIT"
+    },
+    "node_modules/react-refresh": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+      "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.1.tgz",
+      "integrity": "sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.60.1",
+        "@rollup/rollup-android-arm64": "4.60.1",
+        "@rollup/rollup-darwin-arm64": "4.60.1",
+        "@rollup/rollup-darwin-x64": "4.60.1",
+        "@rollup/rollup-freebsd-arm64": "4.60.1",
+        "@rollup/rollup-freebsd-x64": "4.60.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.60.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.60.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.60.1",
+        "@rollup/rollup-linux-arm64-musl": "4.60.1",
+        "@rollup/rollup-linux-loong64-gnu": "4.60.1",
+        "@rollup/rollup-linux-loong64-musl": "4.60.1",
+        "@rollup/rollup-linux-ppc64-gnu": "4.60.1",
+        "@rollup/rollup-linux-ppc64-musl": "4.60.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.60.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.60.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.60.1",
+        "@rollup/rollup-linux-x64-gnu": "4.60.1",
+        "@rollup/rollup-linux-x64-musl": "4.60.1",
+        "@rollup/rollup-openbsd-x64": "4.60.1",
+        "@rollup/rollup-openharmony-arm64": "4.60.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.60.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.60.1",
+        "@rollup/rollup-win32-x64-gnu": "4.60.1",
+        "@rollup/rollup-win32-x64-msvc": "4.60.1",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rope-sequence": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
+      "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
+      "license": "MIT"
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "license": "MIT"
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/swr": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/swr/-/swr-2.4.1.tgz",
+      "integrity": "sha512-2CC6CiKQtEwaEeNiqWTAw9PGykW8SR5zZX8MZk6TeAvEAnVS7Visz8WzphqgtQ8v2xz/4Q5K+j+SeMaKXeeQIA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.3",
+        "use-sync-external-store": "^1.6.0"
+      },
+      "peerDependencies": {
+        "react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/throttleit": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/throttleit/-/throttleit-2.1.0.tgz",
+      "integrity": "sha512-nt6AMGKW1p/70DF/hGBdJB57B8Tspmbp5gfJ8ilhLnt7kkr2ye7hzD6NVG8GGErk2HWF34igrL2CXmNIkzKqKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tippy.js": {
+      "version": "6.3.7",
+      "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
+      "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@popperjs/core": "^2.9.0"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/vite": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.2.tgz",
+      "integrity": "sha512-2N/55r4JDJ4gdrCvGgINMy+HH3iRpNIz8K6SFwVsA+JbQScLiC+clmAxBgwiSPgcG9U15QmvqCGWzMbqda5zGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
+    },
+    "node_modules/ws": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.3.tgz",
+      "integrity": "sha512-jmTjYU0j60B+vHey6TfR3Z7RD61z/hmxBS3VMSGIrroOWXQEneK1zNuotOUrGyBHQj0yrpsLHPWtigEFd13ndA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "async-limiter": "~1.0.0"
+      }
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/y-leveldb": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/y-leveldb/-/y-leveldb-0.1.2.tgz",
+      "integrity": "sha512-6ulEn5AXfXJYi89rXPEg2mMHAyyw8+ZfeMMdOtBbV8FJpQ1NOrcgi6DTAcXof0dap84NjHPT2+9d0rb6cFsjEg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "level": "^6.0.1",
+        "lib0": "^0.2.31"
+      },
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      },
+      "peerDependencies": {
+        "yjs": "^13.0.0"
+      }
+    },
+    "node_modules/y-prosemirror": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/y-prosemirror/-/y-prosemirror-1.3.7.tgz",
+      "integrity": "sha512-NpM99WSdD4Fx4if5xOMDpPtU3oAmTSjlzh5U4353ABbRHl1HtAFUx6HlebLZfyFxXN9jzKMDkVbcRjqOZVkYQg==",
+      "license": "MIT",
+      "dependencies": {
+        "lib0": "^0.2.109"
+      },
+      "engines": {
+        "node": ">=16.0.0",
+        "npm": ">=8.0.0"
+      },
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      },
+      "peerDependencies": {
+        "prosemirror-model": "^1.7.1",
+        "prosemirror-state": "^1.2.3",
+        "prosemirror-view": "^1.9.10",
+        "y-protocols": "^1.0.1",
+        "yjs": "^13.5.38"
+      }
+    },
+    "node_modules/y-protocols": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/y-protocols/-/y-protocols-1.0.7.tgz",
+      "integrity": "sha512-YSVsLoXxO67J6eE/nV4AtFtT3QEotZf5sK5BHxFBXso7VDUT3Tx07IfA6hsu5Q5OmBdMkQVmFZ9QOA7fikWvnw==",
+      "license": "MIT",
+      "dependencies": {
+        "lib0": "^0.2.85"
+      },
+      "engines": {
+        "node": ">=16.0.0",
+        "npm": ">=8.0.0"
+      },
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      },
+      "peerDependencies": {
+        "yjs": "^13.0.0"
+      }
+    },
+    "node_modules/y-websocket": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/y-websocket/-/y-websocket-2.1.0.tgz",
+      "integrity": "sha512-WHYDRqomaGkkaujtowCDwL8KYk+t1zQCGIgKyvxvchhjTQlMgWXRHJK+FDEcWmHA7I7o/4fy0eniOrtmz0e4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "lib0": "^0.2.52",
+        "lodash.debounce": "^4.0.8",
+        "y-protocols": "^1.0.5"
+      },
+      "bin": {
+        "y-websocket": "bin/server.cjs",
+        "y-websocket-server": "bin/server.cjs"
+      },
+      "engines": {
+        "node": ">=16.0.0",
+        "npm": ">=8.0.0"
+      },
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      },
+      "optionalDependencies": {
+        "ws": "^6.2.1",
+        "y-leveldb": "^0.1.0"
+      },
+      "peerDependencies": {
+        "yjs": "^13.5.6"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yjs": {
+      "version": "13.6.30",
+      "resolved": "https://registry.npmjs.org/yjs/-/yjs-13.6.30.tgz",
+      "integrity": "sha512-vv/9h42eCMC81ZHDFswuu/MKzkl/vyq1BhaNGfHyOonwlG4CJbQF4oiBBJPvfdeCt/PlVDWh7Nov9D34YY09uQ==",
+      "license": "MIT",
+      "dependencies": {
+        "lib0": "^0.2.99"
+      },
+      "engines": {
+        "node": ">=16.0.0",
+        "npm": ">=8.0.0"
+      },
+      "funding": {
+        "type": "GitHub Sponsors ❤",
+        "url": "https://github.com/sponsors/dmonad"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
+      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/frontend/package.json b/frontend/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..2f93bfad1b6291e30acdbacd6dc39793518c9d72
--- /dev/null
+++ b/frontend/package.json
@@ -0,0 +1,51 @@
+{
+  "name": "collab-editor-frontend",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@ai-sdk/react": "^3.0.160",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^9.0.0",
+    "@mui/material": "^9.0.0",
+    "@tiptap/core": "^2.11.0",
+    "@tiptap/extension-code-block-lowlight": "^2.11.0",
+    "@tiptap/extension-collaboration": "^2.11.0",
+    "@tiptap/extension-collaboration-cursor": "^2.11.0",
+    "@tiptap/extension-image": "^2.27.2",
+    "@tiptap/extension-link": "^3.22.3",
+    "@tiptap/extension-mathematics": "^3.22.3",
+    "@tiptap/extension-placeholder": "^2.11.0",
+    "@tiptap/extension-table": "^2.27.2",
+    "@tiptap/extension-table-cell": "^2.27.2",
+    "@tiptap/extension-table-header": "^2.27.2",
+    "@tiptap/extension-table-row": "^2.27.2",
+    "@tiptap/extension-underline": "^3.22.3",
+    "@tiptap/pm": "^2.11.0",
+    "@tiptap/react": "^2.11.0",
+    "@tiptap/starter-kit": "^2.11.0",
+    "@tiptap/suggestion": "^2.27.2",
+    "@types/katex": "^0.16.8",
+    "ai": "^6.0.158",
+    "katex": "^0.16.45",
+    "lowlight": "^3.2.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "y-prosemirror": "^1.2.0",
+    "y-websocket": "^2.0.0",
+    "yjs": "^13.6.0",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "vite": "^6.0.0"
+  }
+}
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..91e203308598311ab1202b89a1f1eff05bbc195b
--- /dev/null
+++ b/frontend/src/App.tsx
@@ -0,0 +1,321 @@
+import { useRef, useState, useCallback, useEffect } from "react";
+import { Editor as TiptapEditor } from "@tiptap/core";
+import { UndoManager } from "yjs";
+import type * as Y from "yjs";
+import {
+  Box,
+  Chip,
+  Collapse,
+  Paper,
+  IconButton,
+  Tooltip,
+} from "@mui/material";
+import UndoIcon from "@mui/icons-material/Undo";
+import RedoIcon from "@mui/icons-material/Redo";
+import FileDownloadOutlinedIcon from "@mui/icons-material/FileDownloadOutlined";
+import SettingsOutlinedIcon from "@mui/icons-material/SettingsOutlined";
+import { Editor } from "./editor/Editor";
+import { CommentsSidebar } from "./components/CommentsSidebar";
+import { CommentDialog } from "./components/CommentDialog";
+import { ChatPanel } from "./components/ChatPanel";
+import { useAgentChat } from "./hooks/useAgentChat";
+import { toMdx } from "./export/to-mdx";
+import type { CommentStore } from "./editor/comments";
+import type { FrontmatterStore } from "./editor/frontmatter/frontmatter-store";
+import { FrontmatterHero } from "./editor/frontmatter/FrontmatterHero";
+import { SettingsDrawer } from "./editor/frontmatter/SettingsDrawer";
+
+const COLORS = [
+  "#958DF1", "#F98181", "#FBBC88", "#FAF594",
+  "#70CFF8", "#94FADB", "#B9F18D", "#C4B5FD",
+];
+
+function randomColor() {
+  return COLORS[Math.floor(Math.random() * COLORS.length)];
+}
+
+function randomName() {
+  const names = ["Alice", "Bob", "Carol", "Dave", "Eve", "Frank", "Grace", "Heidi"];
+  return names[Math.floor(Math.random() * names.length)];
+}
+
+export default function App() {
+  const [user] = useState(() => ({
+    name: randomName(),
+    color: randomColor(),
+  }));
+
+  const [docName] = useState(() => {
+    const params = new URLSearchParams(window.location.search);
+    return params.get("doc") || "default";
+  });
+
+  const editorRef = useRef<TiptapEditor | null>(null);
+  const editorContainerRef = useRef<HTMLDivElement | null>(null);
+  const [editorInstance, setEditorInstance] = useState<TiptapEditor | null>(null);
+  const [containerEl, setContainerEl] = useState<HTMLElement | null>(null);
+  const [commentStore, setCommentStore] = useState<CommentStore | null>(null);
+  const [frontmatterStore, setFrontmatterStore] = useState<FrontmatterStore | null>(null);
+  const [settingsMap, setSettingsMap] = useState<Y.Map<any> | null>(null);
+  const [mdxOutput, setMdxOutput] = useState("");
+  const [showExport, setShowExport] = useState(false);
+  const [commentDialogOpen, setCommentDialogOpen] = useState(false);
+  const [settingsOpen, setSettingsOpen] = useState(false);
+  const selectionRange = useRef<{ from: number; to: number } | null>(null);
+  const [hasSelection, setHasSelection] = useState(false);
+  const [undoManager, setUndoManager] = useState<UndoManager | null>(null);
+
+  const agentChat = useAgentChat({ editor: editorInstance, undoManager, frontmatterStore });
+
+  useEffect(() => {
+    if (!editorInstance) return;
+    const handler = () => {
+      const { from, to } = editorInstance.state.selection;
+      setHasSelection(from !== to);
+    };
+    editorInstance.on("selectionUpdate", handler);
+    return () => { editorInstance.off("selectionUpdate", handler); };
+  }, [editorInstance]);
+
+  const editorContainerCallback = useCallback((node: HTMLDivElement | null) => {
+    editorContainerRef.current = node;
+    setContainerEl(node);
+  }, []);
+
+  const onEditorReady = useCallback((editor: TiptapEditor | null) => {
+    editorRef.current = editor;
+    setEditorInstance(editor);
+  }, []);
+
+  const handleExport = () => {
+    if (!editorRef.current) return;
+    const json = editorRef.current.getJSON();
+    const fm = frontmatterStore?.getAll();
+    setMdxOutput(toMdx(json, fm));
+    setShowExport((v) => !v);
+  };
+
+  const onCommentStoreReady = useCallback((store: CommentStore) => {
+    setCommentStore(store);
+  }, []);
+
+  const onFrontmatterStoreReady = useCallback((store: FrontmatterStore) => {
+    setFrontmatterStore(store);
+  }, []);
+
+  const onSettingsMapReady = useCallback((map: Y.Map<any>) => {
+    setSettingsMap(map);
+  }, []);
+
+  const handleAddComment = useCallback(() => {
+    const editor = editorRef.current;
+    if (!editor) return;
+
+    const { from, to } = editor.state.selection;
+    if (from === to) return;
+
+    selectionRange.current = { from, to };
+    setCommentDialogOpen(true);
+  }, []);
+
+  const handleCommentSubmit = useCallback((text: string) => {
+    const editor = editorRef.current;
+    if (!editor || !commentStore || !selectionRange.current) return;
+
+    const { from, to } = selectionRange.current;
+    const id = `c_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`;
+
+    commentStore.add({
+      id,
+      author: user.name,
+      authorColor: user.color,
+      text,
+      createdAt: Date.now(),
+      resolved: false,
+    });
+
+    editor
+      .chain()
+      .focus()
+      .setTextSelection({ from, to })
+      .setComment(id)
+      .run();
+
+    selectionRange.current = null;
+  }, [commentStore, user]);
+
+  return (
+    <Box
+      sx={{
+        height: "100vh",
+        display: "flex",
+        flexDirection: "column",
+        bgcolor: "background.default",
+        overflow: "hidden",
+      }}
+    >
+      {/* Top bar - minimal */}
+      <Box
+        sx={{
+          flexShrink: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "flex-end",
+          px: 2,
+          py: 0.75,
+          gap: 0.5,
+        }}
+      >
+        <Tooltip title="Undo" arrow>
+          <IconButton
+            size="small"
+            onClick={() => editorInstance?.commands.undo()}
+            sx={{ color: "text.disabled" }}
+          >
+            <UndoIcon sx={{ fontSize: 18 }} />
+          </IconButton>
+        </Tooltip>
+        <Tooltip title="Redo" arrow>
+          <IconButton
+            size="small"
+            onClick={() => editorInstance?.commands.redo()}
+            sx={{ color: "text.disabled" }}
+          >
+            <RedoIcon sx={{ fontSize: 18 }} />
+          </IconButton>
+        </Tooltip>
+        <Box sx={{ width: "1px", height: 16, bgcolor: "divider", mx: 0.5 }} />
+        <Tooltip title="Article settings" arrow>
+          <IconButton size="small" onClick={() => setSettingsOpen(true)} sx={{ color: "text.disabled" }}>
+            <SettingsOutlinedIcon sx={{ fontSize: 18 }} />
+          </IconButton>
+        </Tooltip>
+        <Tooltip title="Export MDX" arrow>
+          <IconButton size="small" onClick={handleExport} sx={{ color: "text.disabled" }}>
+            <FileDownloadOutlinedIcon sx={{ fontSize: 18 }} />
+          </IconButton>
+        </Tooltip>
+        <Chip
+          label={user.name}
+          size="small"
+          sx={{
+            bgcolor: user.color,
+            color: "#000",
+            fontWeight: 600,
+            fontSize: "0.65rem",
+            height: 22,
+            ml: 0.5,
+          }}
+        />
+      </Box>
+
+      {/* 3-column layout: chat | editor | comments */}
+      <Box
+        sx={{
+          flex: 1,
+          display: "grid",
+          gridTemplateColumns: "280px 1fr 240px",
+          minHeight: 0,
+          overflow: "hidden",
+        }}
+      >
+        {/* Chat - fixed, own scroll */}
+        <Box
+          sx={{
+            borderRight: "1px solid",
+            borderColor: "divider",
+            overflow: "hidden",
+            display: "flex",
+          }}
+        >
+          <ChatPanel
+            messages={agentChat.messages}
+            isLoading={agentChat.isLoading}
+            error={agentChat.error}
+            input={agentChat.input}
+            hasSelection={hasSelection}
+            onSend={agentChat.sendMessage}
+            onQuickAction={agentChat.sendQuickAction}
+            onSetInput={agentChat.setInput}
+            onStop={agentChat.stop}
+            onNewChat={() => window.location.reload()}
+          />
+        </Box>
+
+        {/* Editor - scrolls independently */}
+        <Box
+          ref={editorContainerCallback}
+          sx={{
+            overflowY: "auto",
+            overflowX: "hidden",
+            py: 4,
+          }}
+        >
+          <FrontmatterHero store={frontmatterStore} />
+
+          <Editor
+            docName={docName}
+            user={user}
+            editorRef={editorRef}
+            onCommentStoreReady={onCommentStoreReady}
+            onFrontmatterStoreReady={onFrontmatterStoreReady}
+            onSettingsMapReady={onSettingsMapReady}
+            onEditorReady={onEditorReady}
+            onUndoManagerReady={setUndoManager}
+            onAddComment={handleAddComment}
+          />
+
+          <Collapse in={showExport}>
+            <Paper
+              variant="outlined"
+              sx={{
+                mt: 4,
+                mx: "auto",
+                maxWidth: 680,
+                p: 2.5,
+                fontFamily: "monospace",
+                fontSize: "0.8rem",
+                whiteSpace: "pre-wrap",
+                maxHeight: 400,
+                overflow: "auto",
+                color: "text.secondary",
+              }}
+            >
+              {mdxOutput}
+            </Paper>
+          </Collapse>
+        </Box>
+
+        {/* Comments - fixed, own scroll */}
+        <Box
+          sx={{
+            overflowY: "auto",
+            overflowX: "hidden",
+            pl: 2,
+            py: 2,
+          }}
+        >
+          <CommentsSidebar
+            editor={editorInstance}
+            commentStore={commentStore}
+            user={user}
+            editorContainer={containerEl}
+          />
+        </Box>
+      </Box>
+
+      <CommentDialog
+        open={commentDialogOpen}
+        onClose={() => setCommentDialogOpen(false)}
+        onSubmit={handleCommentSubmit}
+      />
+
+      <SettingsDrawer
+        open={settingsOpen}
+        onClose={() => setSettingsOpen(false)}
+        store={frontmatterStore}
+        settingsMap={settingsMap}
+      />
+    </Box>
+  );
+}
diff --git a/frontend/src/components/ChatPanel.tsx b/frontend/src/components/ChatPanel.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4c03140d27de61af6ddc78ad85a3e08e3df10fd5
--- /dev/null
+++ b/frontend/src/components/ChatPanel.tsx
@@ -0,0 +1,319 @@
+import { useState, useRef, useEffect, type KeyboardEvent } from "react";
+import {
+  Box,
+  Typography,
+  IconButton,
+  TextField,
+  Tooltip,
+  Chip,
+  CircularProgress,
+} from "@mui/material";
+import SendIcon from "@mui/icons-material/Send";
+import StopIcon from "@mui/icons-material/Stop";
+import AddIcon from "@mui/icons-material/Add";
+import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
+import ShortTextIcon from "@mui/icons-material/ShortText";
+import ExpandIcon from "@mui/icons-material/Expand";
+import SpellcheckIcon from "@mui/icons-material/Spellcheck";
+import TranslateIcon from "@mui/icons-material/Translate";
+import CompressIcon from "@mui/icons-material/Compress";
+import type { UIMessage } from "ai";
+
+interface ChatPanelProps {
+  messages: UIMessage[];
+  isLoading: boolean;
+  error: Error | undefined;
+  input: string;
+  hasSelection: boolean;
+  onSend: (content: string) => void;
+  onQuickAction: (action: string) => void;
+  onSetInput: (value: string) => void;
+  onStop: () => void;
+  onNewChat: () => void;
+}
+
+const QUICK_ACTIONS = [
+  { id: "rewrite", label: "Rewrite", icon: <AutoFixHighIcon sx={{ fontSize: 14 }} /> },
+  { id: "expand", label: "Expand", icon: <ExpandIcon sx={{ fontSize: 14 }} /> },
+  { id: "summarize", label: "Summarize", icon: <CompressIcon sx={{ fontSize: 14 }} /> },
+  { id: "fix-grammar", label: "Fix grammar", icon: <SpellcheckIcon sx={{ fontSize: 14 }} /> },
+  { id: "translate", label: "Translate", icon: <TranslateIcon sx={{ fontSize: 14 }} /> },
+  { id: "simplify", label: "Simplify", icon: <ShortTextIcon sx={{ fontSize: 14 }} /> },
+];
+
+export function ChatPanel({
+  messages,
+  isLoading,
+  error,
+  input,
+  hasSelection,
+  onSend,
+  onQuickAction,
+  onSetInput,
+  onStop,
+  onNewChat,
+}: ChatPanelProps) {
+  const scrollRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }
+  }, [messages]);
+
+  const inputValue = input ?? "";
+
+  const handleSubmit = () => {
+    if (!inputValue.trim() || isLoading) return;
+    onSend(inputValue.trim());
+    onSetInput("");
+  };
+
+  const handleKeyDown = (e: KeyboardEvent) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSubmit();
+    }
+  };
+
+  return (
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: "100%",
+      }}
+    >
+      {/* Header */}
+      <Box
+        sx={{
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          px: 1.5,
+          py: 1,
+          borderBottom: "1px solid",
+          borderColor: "divider",
+          flexShrink: 0,
+        }}
+      >
+        <Typography variant="caption" sx={{ fontWeight: 600, color: "text.secondary", letterSpacing: "0.05em", textTransform: "uppercase" }}>
+          Assistant
+        </Typography>
+        <Tooltip title="New conversation" arrow>
+          <IconButton size="small" onClick={onNewChat} sx={{ color: "text.disabled" }}>
+            <AddIcon sx={{ fontSize: 16 }} />
+          </IconButton>
+        </Tooltip>
+      </Box>
+
+      {/* Messages */}
+      <Box
+        ref={scrollRef}
+        sx={{
+          flex: 1,
+          overflow: "auto",
+          px: 1.5,
+          py: 1,
+          display: "flex",
+          flexDirection: "column",
+          gap: 1.5,
+        }}
+      >
+        {messages.length === 0 && (
+          <Box sx={{ display: "flex", alignItems: "center", justifyContent: "center", flex: 1, opacity: 0.4 }}>
+            <Typography variant="caption" sx={{ textAlign: "center", maxWidth: 200 }}>
+              Ask me to write, edit, expand, or improve your article.
+            </Typography>
+          </Box>
+        )}
+
+        {messages.map((msg) => (
+          <MessageBubble key={msg.id} message={msg} />
+        ))}
+
+        {isLoading && messages.length > 0 && !messages[messages.length - 1]?.content && (
+          <Box sx={{ display: "flex", alignItems: "center", gap: 1, px: 1 }}>
+            <CircularProgress size={12} sx={{ color: "text.disabled" }} />
+            <Typography variant="caption" sx={{ color: "text.disabled" }}>
+              Thinking...
+            </Typography>
+          </Box>
+        )}
+
+        {error && (
+          <Box sx={{ px: 1, py: 0.5, bgcolor: "error.dark", borderRadius: 1, opacity: 0.8 }}>
+            <Typography variant="caption" sx={{ color: "error.contrastText" }}>
+              {error.message}
+            </Typography>
+          </Box>
+        )}
+      </Box>
+
+      {/* Quick actions */}
+      {hasSelection && (
+        <Box
+          sx={{
+            display: "flex",
+            flexWrap: "wrap",
+            gap: 0.5,
+            px: 1.5,
+            py: 0.75,
+            borderTop: "1px solid",
+            borderColor: "divider",
+            flexShrink: 0,
+          }}
+        >
+          {QUICK_ACTIONS.map((action) => (
+            <Chip
+              key={action.id}
+              label={action.label}
+              icon={action.icon}
+              size="small"
+              variant="outlined"
+              onClick={() => onQuickAction(action.id)}
+              sx={{
+                fontSize: "0.65rem",
+                height: 24,
+                cursor: "pointer",
+                borderColor: "divider",
+                "&:hover": { borderColor: "text.secondary", bgcolor: "action.hover" },
+              }}
+            />
+          ))}
+        </Box>
+      )}
+
+      {/* Input */}
+      <Box
+        sx={{
+          px: 1.5,
+          py: 1,
+          borderTop: "1px solid",
+          borderColor: "divider",
+          flexShrink: 0,
+        }}
+      >
+        <Box sx={{ display: "flex", gap: 0.5, alignItems: "flex-end" }}>
+          <TextField
+            multiline
+            maxRows={4}
+            fullWidth
+            size="small"
+            placeholder="Ask anything..."
+            value={inputValue}
+            onChange={(e) => onSetInput(e.target.value)}
+            onKeyDown={handleKeyDown}
+            variant="standard"
+            slotProps={{
+              input: {
+                disableUnderline: true,
+                sx: {
+                  fontSize: "0.85rem",
+                  lineHeight: 1.5,
+                  py: 0.5,
+                },
+              },
+            }}
+          />
+          {isLoading ? (
+            <IconButton size="small" onClick={onStop} sx={{ color: "warning.main", flexShrink: 0 }}>
+              <StopIcon sx={{ fontSize: 18 }} />
+            </IconButton>
+          ) : (
+            <IconButton
+              size="small"
+              onClick={handleSubmit}
+              disabled={!inputValue.trim()}
+              sx={{ color: inputValue.trim() ? "primary.main" : "text.disabled", flexShrink: 0 }}
+            >
+              <SendIcon sx={{ fontSize: 18 }} />
+            </IconButton>
+          )}
+        </Box>
+      </Box>
+    </Box>
+  );
+}
+
+function MessageBubble({ message }: { message: UIMessage }) {
+  const isUser = message.role === "user";
+
+  const parts = message.parts ?? [];
+  const textParts = parts.filter((p) => p.type === "text");
+  const toolParts = parts.filter((p) => p.type === "tool-invocation");
+  const textContent = textParts.length > 0
+    ? textParts.map((p) => (p as { type: "text"; text: string }).text).join("")
+    : (message as any).content ?? "";
+
+  if (!textContent && message.role === "assistant" && toolParts.length === 0) return null;
+
+  return (
+    <Box sx={{ display: "flex", flexDirection: "column", gap: 0.5 }}>
+      {textContent && (
+        <Box
+          sx={{
+            alignSelf: isUser ? "flex-end" : "flex-start",
+            maxWidth: "95%",
+            px: 1.5,
+            py: 0.75,
+            borderRadius: 2,
+            bgcolor: isUser ? "rgba(149, 141, 241, 0.15)" : "transparent",
+          }}
+        >
+          <Typography
+            variant="body2"
+            sx={{
+              fontSize: "0.8rem",
+              lineHeight: 1.6,
+              color: isUser ? "text.primary" : "text.secondary",
+              whiteSpace: "pre-wrap",
+              wordBreak: "break-word",
+            }}
+          >
+            {textContent}
+          </Typography>
+        </Box>
+      )}
+
+      {toolParts.map((part, i) => {
+        const tool = part as { type: "tool-invocation"; toolInvocation: { toolName: string; state: string; result?: unknown } };
+        return (
+          <Box
+            key={i}
+            sx={{
+              display: "flex",
+              alignItems: "center",
+              gap: 0.5,
+              px: 1.5,
+              opacity: 0.6,
+            }}
+          >
+            <AutoFixHighIcon sx={{ fontSize: 12 }} />
+            <Typography variant="caption" sx={{ fontSize: "0.65rem" }}>
+              {toolLabel(tool.toolInvocation.toolName)}
+              {tool.toolInvocation.state === "result" && tool.toolInvocation.result
+                ? ` - ${tool.toolInvocation.result}`
+                : tool.toolInvocation.state === "call"
+                  ? " (executing...)"
+                  : ""}
+            </Typography>
+          </Box>
+        );
+      })}
+    </Box>
+  );
+}
+
+function toolLabel(name: string): string {
+  const labels: Record<string, string> = {
+    replaceSelection: "Replaced selection",
+    insertAtCursor: "Inserted text",
+    applyDiff: "Applied edit",
+    updateFrontmatter: "Updated metadata",
+    addAuthor: "Added author",
+    removeAuthor: "Removed author",
+  };
+  return labels[name] || name;
+}
diff --git a/frontend/src/components/CommentDialog.tsx b/frontend/src/components/CommentDialog.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fc39e2d57e55c51a57cf4b36fea97be902c8c83a
--- /dev/null
+++ b/frontend/src/components/CommentDialog.tsx
@@ -0,0 +1,80 @@
+import { useState, useEffect, useRef } from "react";
+import {
+  Dialog,
+  DialogContent,
+  TextField,
+  Button,
+  Box,
+} from "@mui/material";
+
+interface CommentDialogProps {
+  open: boolean;
+  onClose: () => void;
+  onSubmit: (text: string) => void;
+}
+
+export function CommentDialog({ open, onClose, onSubmit }: CommentDialogProps) {
+  const [text, setText] = useState("");
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    if (open) {
+      setText("");
+      setTimeout(() => inputRef.current?.focus(), 100);
+    }
+  }, [open]);
+
+  const handleSubmit = () => {
+    if (!text.trim()) return;
+    onSubmit(text.trim());
+    setText("");
+    onClose();
+  };
+
+  return (
+    <Dialog
+      open={open}
+      onClose={onClose}
+      maxWidth="xs"
+      fullWidth
+      PaperProps={{
+        sx: {
+          bgcolor: "background.paper",
+          backgroundImage: "none",
+        },
+      }}
+    >
+      <DialogContent sx={{ p: 2 }}>
+        <TextField
+          inputRef={inputRef}
+          multiline
+          minRows={2}
+          maxRows={4}
+          fullWidth
+          size="small"
+          placeholder="Add your comment..."
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          onKeyDown={(e) => {
+            if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) handleSubmit();
+          }}
+          sx={{ mb: 1.5 }}
+        />
+        <Box sx={{ display: "flex", gap: 1, justifyContent: "flex-end" }}>
+          <Button size="small" onClick={onClose} sx={{ textTransform: "none" }}>
+            Cancel
+          </Button>
+          <Button
+            size="small"
+            variant="contained"
+            onClick={handleSubmit}
+            disabled={!text.trim()}
+            sx={{ textTransform: "none" }}
+          >
+            Comment
+          </Button>
+        </Box>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/frontend/src/components/CommentsSidebar.tsx b/frontend/src/components/CommentsSidebar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..baaab8630e3fcd24bc0512a3841275f419005e16
--- /dev/null
+++ b/frontend/src/components/CommentsSidebar.tsx
@@ -0,0 +1,233 @@
+import { useState, useEffect, useCallback, useRef } from "react";
+import {
+  Box,
+  Typography,
+  IconButton,
+  Chip,
+  Paper,
+  Tooltip,
+  Fade,
+} from "@mui/material";
+import CheckCircleOutlinedIcon from "@mui/icons-material/CheckCircleOutlined";
+import DeleteOutlinedIcon from "@mui/icons-material/DeleteOutlined";
+import type { Editor } from "@tiptap/core";
+import type { CommentStore, CommentData } from "../editor/comments";
+
+interface CommentsSidebarProps {
+  editor: Editor | null;
+  commentStore: CommentStore | null;
+  user: { name: string; color: string };
+  editorContainer: HTMLElement | null;
+}
+
+interface PositionedComment extends CommentData {
+  top: number;
+}
+
+export function CommentsSidebar({ editor, commentStore, user, editorContainer }: CommentsSidebarProps) {
+  const [comments, setComments] = useState<CommentData[]>([]);
+  const [positioned, setPositioned] = useState<PositionedComment[]>([]);
+  const [activeId, setActiveId] = useState<string | null>(null);
+  const sidebarRef = useRef<HTMLDivElement>(null);
+
+  const refresh = useCallback(() => {
+    if (!commentStore) return;
+    setComments(commentStore.getAll());
+  }, [commentStore]);
+
+  useEffect(() => {
+    if (!commentStore) return;
+    refresh();
+    return commentStore.observe(refresh);
+  }, [commentStore, refresh]);
+
+  // Compute Y positions of comment marks in the editor
+  const updatePositions = useCallback(() => {
+    if (!editor || !editorContainer) return;
+
+    const view = editor.view;
+    const containerRect = editorContainer.getBoundingClientRect();
+    const active = comments.filter((c) => !c.resolved);
+    const result: PositionedComment[] = [];
+
+    for (const comment of active) {
+      let markPos = -1;
+
+      view.state.doc.descendants((node, pos) => {
+        if (markPos >= 0) return false;
+        for (const mark of node.marks) {
+          if (mark.type.name === "comment" && mark.attrs.commentId === comment.id) {
+            markPos = pos;
+            return false;
+          }
+        }
+      });
+
+      if (markPos >= 0) {
+        try {
+          const coords = view.coordsAtPos(markPos);
+          const top = coords.top - containerRect.top;
+          result.push({ ...comment, top });
+        } catch {
+          // Position not available yet
+        }
+      }
+    }
+
+    // Avoid overlaps: push comments down if they'd overlap the previous one
+    result.sort((a, b) => a.top - b.top);
+    const MIN_GAP = 80;
+    for (let i = 1; i < result.length; i++) {
+      if (result[i].top < result[i - 1].top + MIN_GAP) {
+        result[i].top = result[i - 1].top + MIN_GAP;
+      }
+    }
+
+    setPositioned(result);
+  }, [editor, editorContainer, comments]);
+
+  useEffect(() => {
+    updatePositions();
+
+    const onScroll = () => updatePositions();
+    const editorEl = editor?.view?.dom;
+    const scrollTarget = editorContainer;
+
+    if (editorEl) {
+      if (scrollTarget) {
+        scrollTarget.addEventListener("scroll", onScroll, { passive: true });
+      }
+      const observer = new MutationObserver(updatePositions);
+      observer.observe(editorEl, { childList: true, subtree: true, characterData: true });
+      return () => {
+        scrollTarget?.removeEventListener("scroll", onScroll);
+        observer.disconnect();
+      };
+    }
+  }, [editor, editorContainer, updatePositions]);
+
+  const handleResolve = (id: string) => {
+    if (!commentStore) return;
+    commentStore.resolve(id, user.name);
+  };
+
+  const handleUnresolve = (id: string) => {
+    if (!commentStore) return;
+    commentStore.unresolve(id);
+  };
+
+  const handleDelete = (id: string) => {
+    if (!commentStore || !editor) return;
+    commentStore.remove(id);
+
+    const { doc, tr } = editor.state;
+    const markType = editor.schema.marks.comment;
+    doc.descendants((node, pos) => {
+      node.marks.forEach((mark) => {
+        if (mark.type === markType && mark.attrs.commentId === id) {
+          tr.removeMark(pos, pos + node.nodeSize, markType);
+        }
+      });
+    });
+    editor.view.dispatch(tr);
+  };
+
+  return (
+    <Box ref={sidebarRef} sx={{ position: "relative", width: "100%", minHeight: "100%" }}>
+      {/* Positioned comments */}
+      {positioned.map((c) => (
+        <Fade in key={c.id}>
+          <Box
+            sx={{
+              position: "absolute",
+              top: c.top,
+              left: 0,
+              right: 0,
+              transition: "top 0.2s ease",
+            }}
+          >
+            <CommentCard
+              comment={c}
+              active={activeId === c.id}
+              onResolve={() => handleResolve(c.id)}
+              onDelete={() => handleDelete(c.id)}
+              onClick={() => setActiveId(activeId === c.id ? null : c.id)}
+            />
+          </Box>
+        </Fade>
+      ))}
+    </Box>
+  );
+}
+
+function CommentCard({
+  comment,
+  active,
+  onResolve,
+  onDelete,
+  onClick,
+}: {
+  comment: CommentData;
+  active?: boolean;
+  onResolve: () => void;
+  onDelete: () => void;
+  onClick: () => void;
+}) {
+  const time = new Date(comment.createdAt).toLocaleString(undefined, {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+
+  return (
+    <Paper
+      variant="outlined"
+      onClick={onClick}
+      sx={{
+        p: 1.25,
+        cursor: "pointer",
+        borderLeft: 3,
+        borderLeftColor: comment.authorColor,
+        borderColor: active ? "primary.main" : "divider",
+        bgcolor: active ? "rgba(149,141,241,0.05)" : "background.paper",
+        transition: "all 0.15s",
+        "&:hover": { borderColor: "primary.main" },
+      }}
+    >
+      <Box sx={{ display: "flex", alignItems: "center", gap: 0.5, mb: 0.5 }}>
+        <Chip
+          label={comment.author}
+          size="small"
+          sx={{
+            bgcolor: comment.authorColor,
+            color: "#000",
+            fontWeight: 600,
+            fontSize: "0.65rem",
+            height: 18,
+          }}
+        />
+        <Typography variant="caption" sx={{ color: "text.disabled", ml: "auto", fontSize: "0.65rem" }}>
+          {time}
+        </Typography>
+      </Box>
+
+      <Typography variant="body2" sx={{ fontSize: "0.8rem", color: "text.primary", mb: 0.75, lineHeight: 1.5 }}>
+        {comment.text}
+      </Typography>
+
+      <Box sx={{ display: "flex", gap: 0.25 }}>
+        <Tooltip title="Resolve" arrow>
+          <IconButton size="small" onClick={(e) => { e.stopPropagation(); onResolve(); }} sx={{ color: "success.main", p: 0.5 }}>
+            <CheckCircleOutlinedIcon sx={{ fontSize: 16 }} />
+          </IconButton>
+        </Tooltip>
+        <Tooltip title="Delete" arrow>
+          <IconButton size="small" onClick={(e) => { e.stopPropagation(); onDelete(); }} sx={{ color: "error.main", p: 0.5 }}>
+            <DeleteOutlinedIcon sx={{ fontSize: 16 }} />
+          </IconButton>
+        </Tooltip>
+      </Box>
+    </Paper>
+  );
+}
diff --git a/frontend/src/editor.css b/frontend/src/editor.css
new file mode 100644
index 0000000000000000000000000000000000000000..7bc3f32e4836a175a17313c5323de3176579690a
--- /dev/null
+++ b/frontend/src/editor.css
@@ -0,0 +1,1076 @@
+/* Notion-like editor typography */
+.tiptap {
+  outline: none;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  font-size: 1rem;
+  line-height: 1.7;
+  color: rgba(255, 255, 255, 0.85);
+  max-width: 780px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 0 32px 0 64px;
+  min-height: 100%;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+.tiptap > *:first-child {
+  margin-top: 0;
+}
+
+/* Headings */
+.tiptap h1 {
+  font-size: 2rem;
+  font-weight: 700;
+  color: #fff;
+  line-height: 1.2;
+  margin: 2em 0 0.4em;
+  letter-spacing: -0.02em;
+}
+
+.tiptap h1:first-child {
+  margin-top: 0;
+}
+
+.tiptap h2 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.9);
+  line-height: 1.3;
+  margin: 1.8em 0 0.4em;
+  letter-spacing: -0.01em;
+}
+
+.tiptap h3 {
+  font-size: 1.2rem;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.85);
+  line-height: 1.4;
+  margin: 1.5em 0 0.3em;
+}
+
+/* Paragraphs */
+.tiptap p {
+  margin: 0.5em 0;
+}
+
+/* Lists */
+.tiptap ul,
+.tiptap ol {
+  padding-left: 1.5rem;
+  margin: 0.5em 0;
+}
+
+.tiptap li {
+  margin: 0.25em 0;
+}
+
+.tiptap li p {
+  margin: 0.15em 0;
+}
+
+/* Blockquote */
+.tiptap blockquote {
+  border-left: 3px solid rgba(255, 255, 255, 0.2);
+  padding-left: 1rem;
+  margin: 1em 0;
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.tiptap blockquote p {
+  margin: 0.4em 0;
+}
+
+/* Inline code */
+.tiptap code {
+  font-family: "SFMono-Regular", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;
+  background: rgba(255, 255, 255, 0.06);
+  padding: 0.15em 0.4em;
+  border-radius: 4px;
+  font-size: 0.88em;
+  color: #e06c75;
+}
+
+/* Code block */
+.tiptap pre {
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 8px;
+  padding: 1rem 1.25rem;
+  margin: 1em 0;
+  overflow-x: auto;
+}
+
+.tiptap pre code {
+  background: none;
+  padding: 0;
+  color: rgba(255, 255, 255, 0.7);
+  font-size: 0.875rem;
+  line-height: 1.6;
+}
+
+/* Syntax highlighting (One Dark inspired) */
+.tiptap pre code .hljs-comment,
+.tiptap pre code .hljs-quote {
+  color: #5c6370;
+  font-style: italic;
+}
+
+.tiptap pre code .hljs-keyword,
+.tiptap pre code .hljs-selector-tag,
+.tiptap pre code .hljs-addition {
+  color: #c678dd;
+}
+
+.tiptap pre code .hljs-string,
+.tiptap pre code .hljs-meta .hljs-string,
+.tiptap pre code .hljs-regexp,
+.tiptap pre code .hljs-doctag {
+  color: #98c379;
+}
+
+.tiptap pre code .hljs-number,
+.tiptap pre code .hljs-literal,
+.tiptap pre code .hljs-bullet {
+  color: #d19a66;
+}
+
+.tiptap pre code .hljs-variable,
+.tiptap pre code .hljs-template-variable,
+.tiptap pre code .hljs-tag .hljs-attr {
+  color: #e06c75;
+}
+
+.tiptap pre code .hljs-type,
+.tiptap pre code .hljs-built_in,
+.tiptap pre code .hljs-class .hljs-title,
+.tiptap pre code .hljs-title.class_ {
+  color: #e5c07b;
+}
+
+.tiptap pre code .hljs-function,
+.tiptap pre code .hljs-title,
+.tiptap pre code .hljs-section {
+  color: #61afef;
+}
+
+.tiptap pre code .hljs-name,
+.tiptap pre code .hljs-tag {
+  color: #e06c75;
+}
+
+.tiptap pre code .hljs-attr {
+  color: #d19a66;
+}
+
+.tiptap pre code .hljs-symbol,
+.tiptap pre code .hljs-link {
+  color: #56b6c2;
+}
+
+.tiptap pre code .hljs-meta,
+.tiptap pre code .hljs-selector-id,
+.tiptap pre code .hljs-selector-class {
+  color: #61afef;
+}
+
+.tiptap pre code .hljs-deletion {
+  color: #e06c75;
+}
+
+.tiptap pre code .hljs-emphasis {
+  font-style: italic;
+}
+
+.tiptap pre code .hljs-strong {
+  font-weight: 700;
+}
+
+/* Horizontal rule */
+.tiptap hr {
+  border: none;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  margin: 2em 0;
+}
+
+/* Tables */
+.tiptap table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 1em 0;
+  overflow: hidden;
+  border-radius: 6px;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.tiptap th,
+.tiptap td {
+  padding: 0.5rem 0.75rem;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  text-align: left;
+  font-size: 0.875rem;
+  min-width: 80px;
+}
+
+.tiptap th {
+  background: rgba(255, 255, 255, 0.04);
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: 600;
+  font-size: 0.8125rem;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+.tiptap td {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.tiptap tr:hover td {
+  background: rgba(255, 255, 255, 0.02);
+}
+
+.tiptap .selectedCell {
+  background: rgba(149, 141, 241, 0.1);
+}
+
+/* Links */
+.tiptap a,
+.tiptap .editor-link {
+  color: #958DF1;
+  text-decoration: underline;
+  text-decoration-color: rgba(149, 141, 241, 0.4);
+  text-underline-offset: 2px;
+  transition: text-decoration-color 0.15s;
+}
+
+.tiptap a:hover,
+.tiptap .editor-link:hover {
+  text-decoration-color: rgba(149, 141, 241, 0.8);
+}
+
+/* Bold */
+.tiptap strong {
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.95);
+}
+
+/* Comment marks */
+.comment-mark {
+  background: rgba(149, 141, 241, 0.15);
+  border-bottom: 2px solid rgba(149, 141, 241, 0.4);
+  cursor: pointer;
+  border-radius: 2px;
+  transition: background 0.15s;
+}
+
+.comment-mark:hover {
+  background: rgba(149, 141, 241, 0.3);
+}
+
+.comment-mark.resolved {
+  background: transparent;
+  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
+}
+
+/* Collaboration cursors */
+.collaboration-cursor__caret {
+  position: relative;
+  margin-left: -1px;
+  margin-right: -1px;
+  border-left: 2px solid;
+  word-break: normal;
+  pointer-events: none;
+}
+
+.collaboration-cursor__label {
+  position: absolute;
+  top: -1.4em;
+  left: -1px;
+  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
+  font-size: 0.65rem;
+  font-weight: 600;
+  padding: 0.1rem 0.35rem;
+  border-radius: 3px 3px 3px 0;
+  white-space: nowrap;
+  color: #000;
+  user-select: none;
+  pointer-events: none;
+}
+
+/* Placeholder */
+.tiptap p.is-editor-empty:first-child::before {
+  content: attr(data-placeholder);
+  float: left;
+  color: rgba(255, 255, 255, 0.25);
+  pointer-events: none;
+  height: 0;
+}
+
+/* Image upload card */
+.image-upload-card {
+  border: 2px dashed rgba(255, 255, 255, 0.1);
+  border-radius: 12px;
+  padding: 2.5rem 1.5rem;
+  margin: 1em 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1rem;
+  transition: border-color 0.2s, background 0.2s;
+  user-select: none;
+}
+
+.image-upload-card:hover {
+  border-color: rgba(255, 255, 255, 0.18);
+  background: rgba(255, 255, 255, 0.015);
+}
+
+.image-upload-card.dragging {
+  border-color: #958DF1;
+  background: rgba(149, 141, 241, 0.06);
+}
+
+.image-upload-card-icon {
+  color: rgba(255, 255, 255, 0.2);
+}
+
+.image-upload-card-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.image-upload-btn {
+  border: none;
+  border-radius: 6px;
+  padding: 0.45rem 1rem;
+  font-size: 0.8125rem;
+  font-family: inherit;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+
+.image-upload-btn.primary {
+  background: rgba(149, 141, 241, 0.15);
+  color: #b4aef7;
+}
+
+.image-upload-btn.primary:hover {
+  background: rgba(149, 141, 241, 0.25);
+  color: #d0ccfa;
+}
+
+.image-upload-btn.secondary {
+  background: rgba(255, 255, 255, 0.06);
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.image-upload-btn.secondary:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.image-upload-card-hint {
+  font-size: 0.75rem;
+  color: rgba(255, 255, 255, 0.25);
+  margin: 0;
+}
+
+.image-upload-card-url {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.75rem;
+  width: 100%;
+  max-width: 400px;
+}
+
+.image-upload-url-input {
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.04);
+  color: rgba(255, 255, 255, 0.85);
+  font-size: 0.8125rem;
+  font-family: inherit;
+  outline: none;
+  transition: border-color 0.15s;
+}
+
+.image-upload-url-input:focus {
+  border-color: rgba(149, 141, 241, 0.5);
+}
+
+.image-upload-url-input::placeholder {
+  color: rgba(255, 255, 255, 0.25);
+}
+
+/* Uploaded images */
+.tiptap img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+  margin: 1em 0;
+}
+
+.tiptap .ProseMirror-selectednode img {
+  outline: 2px solid #958DF1;
+  outline-offset: 2px;
+  border-radius: 8px;
+}
+
+/* Slash menu */
+.slash-menu {
+  background: #1a1a1a;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 10px;
+  padding: 0.35rem;
+  min-width: 220px;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
+  overflow: hidden;
+}
+
+.slash-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.5rem 0.65rem;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.1s;
+  border: none;
+  background: none;
+  width: 100%;
+  text-align: left;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 0.875rem;
+  font-family: inherit;
+}
+
+.slash-menu-item:hover,
+.slash-menu-item.is-selected {
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.slash-menu-item-icon {
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.05);
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 0.9rem;
+  flex-shrink: 0;
+}
+
+.slash-menu-item-content {
+  display: flex;
+  flex-direction: column;
+}
+
+.slash-menu-item-title {
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.85);
+  font-size: 0.875rem;
+}
+
+.slash-menu-item-desc {
+  font-size: 0.75rem;
+  color: rgba(255, 255, 255, 0.4);
+}
+
+/* Math - inline */
+.tiptap [data-type="inline-math"] {
+  cursor: pointer;
+}
+
+.tiptap [data-type="inline-math"] .tiptap-mathematics-render {
+  padding: 0 0.2em;
+  border-radius: 3px;
+  transition: background 0.15s;
+}
+
+.tiptap [data-type="inline-math"] .tiptap-mathematics-render:hover {
+  background: rgba(255, 255, 255, 0.06);
+}
+
+.tiptap [data-type="inline-math"] .tiptap-mathematics-editor {
+  font-family: "SFMono-Regular", "Fira Code", monospace;
+  font-size: 0.85em;
+  color: #e06c75;
+  background: rgba(255, 255, 255, 0.06);
+  padding: 0.1em 0.4em;
+  border-radius: 3px;
+  outline: none;
+}
+
+/* Math - block */
+.tiptap [data-type="block-math"] {
+  margin: 1em 0;
+  cursor: pointer;
+}
+
+.tiptap [data-type="block-math"] .tiptap-mathematics-render {
+  display: flex;
+  justify-content: center;
+  padding: 1rem 0;
+  border-radius: 8px;
+  transition: background 0.15s;
+}
+
+.tiptap [data-type="block-math"] .tiptap-mathematics-render:hover {
+  background: rgba(255, 255, 255, 0.03);
+}
+
+.tiptap [data-type="block-math"] .tiptap-mathematics-editor {
+  display: block;
+  width: 100%;
+  font-family: "SFMono-Regular", "Fira Code", monospace;
+  font-size: 0.875rem;
+  line-height: 1.6;
+  color: #e06c75;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 8px;
+  padding: 1rem 1.25rem;
+  outline: none;
+  text-align: center;
+}
+
+/* Block handle (Notion-like: + and drag grip) */
+.block-handle {
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  height: 28px;
+}
+
+.block-handle-btn {
+  width: 22px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: none;
+  color: rgba(255, 255, 255, 0.2);
+  border-radius: 4px;
+  cursor: pointer;
+  transition: color 0.12s, background 0.12s;
+  padding: 0;
+  line-height: 1;
+}
+
+.block-handle-btn:hover {
+  color: rgba(255, 255, 255, 0.55);
+  background: rgba(255, 255, 255, 0.06);
+}
+
+.block-handle-grip {
+  cursor: grab;
+}
+
+.block-handle-grip:active {
+  cursor: grabbing;
+}
+
+/* KaTeX color override for dark mode */
+.tiptap .katex {
+  color: rgba(255, 255, 255, 0.85);
+}
+
+/* Citation inline node */
+.citation-node {
+  position: relative;
+  color: #958DF1;
+  cursor: default;
+  font-size: 0.9em;
+  white-space: nowrap;
+  text-decoration: underline;
+  text-decoration-color: rgba(149, 141, 241, 0.3);
+  text-underline-offset: 2px;
+  transition: text-decoration-color 0.15s;
+}
+
+.citation-node:hover {
+  text-decoration-color: rgba(149, 141, 241, 0.7);
+}
+
+/* Citation hover tooltip */
+.citation-tooltip {
+  position: absolute;
+  bottom: calc(100% + 8px);
+  left: 50%;
+  transform: translateX(-50%);
+  background: #1e1e1e;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 8px;
+  padding: 0.75rem;
+  min-width: 240px;
+  max-width: 320px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
+  z-index: 100;
+  white-space: normal;
+  pointer-events: auto;
+}
+
+.citation-tooltip-title {
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 0.8125rem;
+  font-weight: 500;
+  line-height: 1.4;
+  margin-bottom: 0.35rem;
+}
+
+.citation-tooltip-journal {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 0.75rem;
+  font-style: italic;
+  line-height: 1.3;
+}
+
+.citation-tooltip-doi {
+  color: rgba(255, 255, 255, 0.35);
+  font-size: 0.7rem;
+  font-family: "SFMono-Regular", "Fira Code", monospace;
+  margin-top: 0.35rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.citation-tooltip-remove {
+  display: block;
+  margin-top: 0.5rem;
+  margin-left: auto;
+  padding: 0.25rem 0.6rem;
+  border: none;
+  border-radius: 4px;
+  background: rgba(224, 108, 117, 0.12);
+  color: #e06c75;
+  font-size: 0.7rem;
+  font-family: inherit;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.citation-tooltip-remove:hover {
+  background: rgba(224, 108, 117, 0.25);
+}
+
+/* Bibliography block */
+.bibliography-block {
+  margin: 2em 0 1em;
+  padding-top: 1.5em;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.bibliography-title {
+  font-size: 1.3rem;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.9);
+  margin: 0 0 1em;
+}
+
+.bibliography-empty {
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 0.875rem;
+  font-style: italic;
+}
+
+.bibliography-content {
+  font-size: 0.875rem;
+  line-height: 1.7;
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.bibliography-content .csl-entry {
+  margin-bottom: 0.75em;
+  padding-left: 2em;
+  text-indent: -2em;
+}
+
+.bibliography-content .csl-entry i {
+  font-style: italic;
+}
+
+/* Citation panel overlay */
+.citation-panel-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.citation-panel {
+  background: #1a1a1a;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 12px;
+  width: 480px;
+  max-height: 80vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
+}
+
+.citation-panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem 1.25rem;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.citation-panel-header h3 {
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.citation-panel-close {
+  background: none;
+  border: none;
+  color: rgba(255, 255, 255, 0.4);
+  font-size: 1.4rem;
+  cursor: pointer;
+  padding: 0;
+  line-height: 1;
+}
+
+.citation-panel-close:hover {
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.citation-panel-body {
+  padding: 1.25rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  overflow-y: auto;
+}
+
+.citation-input {
+  width: 100%;
+  padding: 0.55rem 0.75rem;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.04);
+  color: rgba(255, 255, 255, 0.85);
+  font-size: 0.8125rem;
+  font-family: inherit;
+  outline: none;
+  transition: border-color 0.15s;
+  box-sizing: border-box;
+}
+
+.citation-input:focus {
+  border-color: rgba(149, 141, 241, 0.5);
+}
+
+.citation-input::placeholder {
+  color: rgba(255, 255, 255, 0.25);
+}
+
+.citation-smart-input {
+  resize: vertical;
+  line-height: 1.5;
+}
+
+.citation-error {
+  color: #e06c75;
+  font-size: 0.75rem;
+  margin: 0;
+}
+
+.citation-resolve-btn {
+  align-self: flex-end;
+  padding: 0.5rem 1.25rem;
+  border: none;
+  border-radius: 6px;
+  background: rgba(149, 141, 241, 0.15);
+  color: #b4aef7;
+  font-size: 0.8125rem;
+  font-family: inherit;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.citation-resolve-btn:hover:not(:disabled) {
+  background: rgba(149, 141, 241, 0.25);
+}
+
+.citation-resolve-btn:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+
+.citation-library-divider {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 0.75rem;
+  margin-top: 0.25rem;
+}
+
+.citation-library-divider::after {
+  content: "";
+  flex: 1;
+  height: 1px;
+  background: rgba(255, 255, 255, 0.06);
+}
+
+.citation-library-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+}
+
+.citation-library-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 0.65rem;
+  border-radius: 6px;
+  transition: background 0.1s;
+}
+
+.citation-library-item:hover {
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.citation-library-info {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.1rem;
+}
+
+.citation-library-meta {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+
+.citation-library-title {
+  color: rgba(255, 255, 255, 0.65);
+  font-size: 0.75rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.citation-library-insert {
+  flex-shrink: 0;
+  width: 26px;
+  height: 26px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 6px;
+  background: rgba(149, 141, 241, 0.1);
+  color: #958DF1;
+  font-size: 1rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.15s;
+  opacity: 0;
+}
+
+.citation-library-item:hover .citation-library-insert {
+  opacity: 1;
+}
+
+.citation-library-insert:hover {
+  background: rgba(149, 141, 241, 0.25);
+}
+
+/* -----------------------------------------------------------------------
+   Custom component blocks (Accordion, Note, Quote, …)
+   ----------------------------------------------------------------------- */
+
+/* Ensure editable area inside wrapper components has proper spacing */
+.component-content > *:first-child {
+  margin-top: 0;
+}
+
+.component-content > *:last-child {
+  margin-bottom: 0;
+}
+
+/* Selection ring when the wrapper node is selected */
+.tiptap [data-component].ProseMirror-selectednode {
+  outline: 2px solid rgba(149, 141, 241, 0.5);
+  outline-offset: 2px;
+  border-radius: 8px;
+}
+
+/* -----------------------------------------------------------------------
+   Glossary inline node
+   ----------------------------------------------------------------------- */
+
+.glossary-node {
+  position: relative;
+  display: inline;
+  border-bottom: 1px dashed rgba(149, 141, 241, 0.5);
+  color: rgba(149, 141, 241, 0.9);
+  cursor: help;
+}
+
+.glossary-tooltip {
+  position: absolute;
+  bottom: calc(100% + 6px);
+  left: 50%;
+  transform: translateX(-50%);
+  background: #1e1e2e;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 8px;
+  padding: 10px 14px;
+  min-width: 200px;
+  max-width: 320px;
+  z-index: 50;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+}
+
+.glossary-tooltip-term {
+  font-weight: 700;
+  font-size: 13px;
+  color: rgba(255, 255, 255, 0.9);
+  margin-bottom: 4px;
+}
+
+.glossary-tooltip-def {
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.6);
+  line-height: 1.5;
+}
+
+.glossary-tooltip-remove {
+  margin-top: 8px;
+  background: none;
+  border: none;
+  color: rgba(239, 68, 68, 0.8);
+  font-size: 11px;
+  cursor: pointer;
+  padding: 0;
+}
+
+.glossary-tooltip-remove:hover {
+  color: #ef4444;
+}
+
+/* -----------------------------------------------------------------------
+   Footnote inline node
+   ----------------------------------------------------------------------- */
+
+.footnote-node {
+  position: relative;
+  display: inline;
+}
+
+.footnote-marker {
+  color: rgba(149, 141, 241, 0.9);
+  cursor: pointer;
+  font-size: 0.75em;
+  font-weight: 700;
+  margin: 0 1px;
+}
+
+.footnote-tooltip {
+  position: absolute;
+  bottom: calc(100% + 6px);
+  left: 50%;
+  transform: translateX(-50%);
+  background: #1e1e2e;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 8px;
+  padding: 10px 14px;
+  min-width: 220px;
+  max-width: 360px;
+  z-index: 50;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+}
+
+.footnote-tooltip-content {
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.7);
+  line-height: 1.5;
+}
+
+.footnote-tooltip-input {
+  width: 100%;
+  background: rgba(255, 255, 255, 0.06);
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  border-radius: 4px;
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 12px;
+  padding: 6px 8px;
+  resize: vertical;
+  outline: none;
+  font-family: inherit;
+  line-height: 1.5;
+}
+
+.footnote-tooltip-input:focus {
+  border-color: rgba(149, 141, 241, 0.5);
+}
+
+.footnote-tooltip-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.footnote-tooltip-btn {
+  background: none;
+  border: none;
+  font-size: 11px;
+  cursor: pointer;
+  padding: 0;
+  color: rgba(149, 141, 241, 0.8);
+}
+
+.footnote-tooltip-btn:hover {
+  color: #958df1;
+}
+
+.footnote-tooltip-remove {
+  color: rgba(239, 68, 68, 0.8) !important;
+}
+
+.footnote-tooltip-remove:hover {
+  color: #ef4444 !important;
+}
+
+/* -----------------------------------------------------------------------
+   Stack columns
+   ----------------------------------------------------------------------- */
+
+.stack-columns {
+  display: contents;
+}
+
+.stack-columns > div[data-type="stack-column"] {
+  border: 1px dashed rgba(255, 255, 255, 0.08);
+  border-radius: 6px;
+  padding: 8px;
+  min-height: 40px;
+}
+
+.stack-columns > div[data-type="stack-column"] > *:first-child {
+  margin-top: 0;
+}
+
+.stack-columns > div[data-type="stack-column"] > *:last-child {
+  margin-bottom: 0;
+}
diff --git a/frontend/src/editor/BibliographyView.tsx b/frontend/src/editor/BibliographyView.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6c26208742c9e9a10dddffd8d6001b64db17b975
--- /dev/null
+++ b/frontend/src/editor/BibliographyView.tsx
@@ -0,0 +1,108 @@
+import { NodeViewWrapper } from "@tiptap/react";
+import { useEffect, useState, useCallback, useRef } from "react";
+import type { NodeViewProps } from "@tiptap/react";
+
+export function BibliographyView({ editor }: NodeViewProps) {
+  const [html, setHtml] = useState("");
+  const [count, setCount] = useState(0);
+  const [style, setStyle] = useState("apa");
+  const cacheRef = useRef("");
+  const timerRef = useRef<ReturnType<typeof setTimeout>>();
+
+  // Sync style from collaborative Y.Map("settings")
+  useEffect(() => {
+    const settingsMap = (editor.storage.citation as any)?.settingsMap;
+    if (!settingsMap) return;
+
+    const sync = () => {
+      const val = settingsMap.get("citationStyle");
+      if (val && val !== style) setStyle(val as string);
+    };
+    sync();
+    settingsMap.observe(sync);
+    return () => settingsMap.unobserve(sync);
+  }, [editor]);
+
+  const refresh = useCallback(() => {
+    const citationsMap = (editor.storage.citation as any)?.citationsMap;
+    if (!citationsMap) return;
+
+    const keys = new Set<string>();
+    editor.state.doc.descendants((node) => {
+      if (node.type.name === "citation" && node.attrs.key) {
+        keys.add(node.attrs.key as string);
+      }
+    });
+
+    const entries: any[] = [];
+    for (const key of keys) {
+      const entry = citationsMap.get(key);
+      if (entry) entries.push({ ...entry, id: key });
+    }
+
+    setCount(entries.length);
+
+    if (!entries.length) {
+      setHtml("");
+      cacheRef.current = "";
+      return;
+    }
+
+    const cacheKey = entries
+      .map((e) => e.id)
+      .sort()
+      .join(",") + `:${style}`;
+    if (cacheKey === cacheRef.current) return;
+    cacheRef.current = cacheKey;
+
+    fetch("/api/citations/format", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ entries, style }),
+    })
+      .then((r) => r.json())
+      .then((data) => {
+        if (data.html) setHtml(data.html);
+      })
+      .catch(console.error);
+  }, [editor, style]);
+
+  useEffect(() => {
+    const debouncedRefresh = () => {
+      clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(refresh, 500);
+    };
+
+    refresh();
+
+    const citationsMap = (editor.storage.citation as any)?.citationsMap;
+    if (citationsMap) citationsMap.observe(debouncedRefresh);
+
+    const onUpdate = () => debouncedRefresh();
+    editor.on("update", onUpdate);
+
+    return () => {
+      clearTimeout(timerRef.current);
+      if (citationsMap) citationsMap.unobserve(debouncedRefresh);
+      editor.off("update", onUpdate);
+    };
+  }, [editor, refresh]);
+
+  return (
+    <NodeViewWrapper>
+      <div className="bibliography-block" contentEditable={false}>
+        <h2 className="bibliography-title">References</h2>
+        {count === 0 ? (
+          <p className="bibliography-empty">
+            No citations yet. Use /Citation to add references.
+          </p>
+        ) : (
+          <div
+            className="bibliography-content"
+            dangerouslySetInnerHTML={{ __html: html }}
+          />
+        )}
+      </div>
+    </NodeViewWrapper>
+  );
+}
diff --git a/frontend/src/editor/BlockHandle.tsx b/frontend/src/editor/BlockHandle.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..98cf1fbcda4650114d08478b15d44df83894c991
--- /dev/null
+++ b/frontend/src/editor/BlockHandle.tsx
@@ -0,0 +1,294 @@
+import { useEffect, useRef, useState, useCallback } from "react";
+import type { Editor } from "@tiptap/core";
+
+interface BlockHandleProps {
+  editor: Editor;
+  containerEl: HTMLElement | null;
+}
+
+const BLOCK_SELECTOR =
+  ".tiptap > p, .tiptap > h1, .tiptap > h2, .tiptap > h3, " +
+  ".tiptap > ul, .tiptap > ol, .tiptap > blockquote, " +
+  ".tiptap > pre, .tiptap > hr, .tiptap > table, .tiptap > [data-type]";
+
+/**
+ * Notion-like block handle with two controls:
+ * - A "+" button to insert a new block below
+ * - A drag grip (⋮⋮) to reorder blocks via drag & drop
+ *
+ * Hover detection works on the entire container width (including left margin)
+ * so the handles are easy to reach.
+ */
+export function BlockHandle({ editor, containerEl }: BlockHandleProps) {
+  const handleRef = useRef<HTMLDivElement>(null);
+  const [visible, setVisible] = useState(false);
+  const [top, setTop] = useState(0);
+  const [left, setLeft] = useState(0);
+  const activeBlockRef = useRef<HTMLElement | null>(null);
+  const blockPosRef = useRef<number | null>(null);
+  const dragImageRef = useRef<HTMLDivElement | null>(null);
+  const hideTimer = useRef<ReturnType<typeof setTimeout>>();
+
+  const show = useCallback(() => {
+    clearTimeout(hideTimer.current);
+    setVisible(true);
+  }, []);
+
+  const scheduleHide = useCallback(() => {
+    clearTimeout(hideTimer.current);
+    hideTimer.current = setTimeout(() => {
+      setVisible(false);
+      activeBlockRef.current = null;
+    }, 200);
+  }, []);
+
+  const positionHandle = useCallback(
+    (block: HTMLElement) => {
+      if (!handleRef.current || !containerEl) return;
+      const containerRect = containerEl.getBoundingClientRect();
+      const blockRect = block.getBoundingClientRect();
+
+      setTop(blockRect.top - containerRect.top + containerEl.scrollTop);
+      setLeft(blockRect.left - containerRect.left - 56);
+      show();
+      activeBlockRef.current = block;
+
+      const pos = editor.view.posAtDOM(block, 0);
+      const resolved = editor.state.doc.resolve(pos);
+      blockPosRef.current = resolved.before(1);
+    },
+    [containerEl, editor, show],
+  );
+
+  // Find the nearest block for a given mouse Y position
+  const findBlockAtY = useCallback(
+    (clientY: number): HTMLElement | null => {
+      if (!containerEl) return null;
+      const blocks = containerEl.querySelectorAll<HTMLElement>(BLOCK_SELECTOR);
+      let closest: HTMLElement | null = null;
+      let closestDist = Infinity;
+      for (const block of blocks) {
+        const rect = block.getBoundingClientRect();
+        if (clientY >= rect.top && clientY <= rect.bottom) return block;
+        const dist = Math.min(
+          Math.abs(clientY - rect.top),
+          Math.abs(clientY - rect.bottom),
+        );
+        if (dist < closestDist) {
+          closestDist = dist;
+          closest = block;
+        }
+      }
+      return closestDist < 40 ? closest : null;
+    },
+    [containerEl],
+  );
+
+  // Listen on the whole container (not just .tiptap) for wider hover zone
+  useEffect(() => {
+    if (!containerEl) return;
+
+    const handleMouseMove = (e: MouseEvent) => {
+      const target = e.target as HTMLElement;
+
+      // Direct block hover (inside editor content)
+      const directBlock = target.closest<HTMLElement>(BLOCK_SELECTOR);
+      if (directBlock) {
+        positionHandle(directBlock);
+        return;
+      }
+
+      // Hovering in the left margin area - find nearest block by Y
+      if (
+        handleRef.current?.contains(target) ||
+        target === containerEl ||
+        target.classList.contains("tiptap")
+      ) {
+        const block = findBlockAtY(e.clientY);
+        if (block) {
+          positionHandle(block);
+        }
+      }
+    };
+
+    const handleMouseLeave = () => {
+      scheduleHide();
+    };
+
+    containerEl.addEventListener("mousemove", handleMouseMove);
+    containerEl.addEventListener("mouseleave", handleMouseLeave);
+
+    return () => {
+      containerEl.removeEventListener("mousemove", handleMouseMove);
+      containerEl.removeEventListener("mouseleave", handleMouseLeave);
+      clearTimeout(hideTimer.current);
+    };
+  }, [containerEl, positionHandle, findBlockAtY, scheduleHide]);
+
+  const handleAdd = () => {
+    if (!activeBlockRef.current || !editor) return;
+
+    const pos = editor.view.posAtDOM(activeBlockRef.current, 0);
+    const resolved = editor.state.doc.resolve(pos);
+    const endOfBlock = resolved.end(1);
+
+    editor
+      .chain()
+      .focus()
+      .insertContentAt(endOfBlock, { type: "paragraph" })
+      .setTextSelection(endOfBlock + 1)
+      .insertContent("/")
+      .run();
+  };
+
+  const handleDragStart = (e: React.DragEvent) => {
+    if (blockPosRef.current === null || !activeBlockRef.current) return;
+
+    const block = activeBlockRef.current;
+    const pos = blockPosRef.current;
+    const node = editor.state.doc.nodeAt(pos);
+    if (!node) return;
+
+    const clone = block.cloneNode(true) as HTMLDivElement;
+    clone.style.cssText =
+      "position:fixed;top:-9999px;left:-9999px;width:" +
+      block.offsetWidth +
+      "px;opacity:0.6;pointer-events:none;background:#1a1a1a;border-radius:6px;padding:4px 8px;";
+    document.body.appendChild(clone);
+    dragImageRef.current = clone;
+    e.dataTransfer.setDragImage(clone, 20, 20);
+
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData(
+      "application/block-handle",
+      JSON.stringify({ from: pos, to: pos + node.nodeSize }),
+    );
+
+    block.style.opacity = "0.3";
+  };
+
+  const handleDragEnd = () => {
+    if (activeBlockRef.current) {
+      activeBlockRef.current.style.opacity = "";
+    }
+    if (dragImageRef.current) {
+      dragImageRef.current.remove();
+      dragImageRef.current = null;
+    }
+    setVisible(false);
+  };
+
+  // Drop handler on the editor
+  useEffect(() => {
+    if (!containerEl) return;
+    const editorEl = containerEl.querySelector(".tiptap");
+    if (!editorEl) return;
+
+    const onDragOver = (e: Event) => {
+      const de = e as DragEvent;
+      if (!de.dataTransfer?.types.includes("application/block-handle")) return;
+      de.preventDefault();
+      de.dataTransfer!.dropEffect = "move";
+    };
+
+    const onDrop = (e: Event) => {
+      const de = e as DragEvent;
+      const raw = de.dataTransfer?.getData("application/block-handle");
+      if (!raw) return;
+      de.preventDefault();
+
+      const { from, to } = JSON.parse(raw);
+      const node = editor.state.doc.nodeAt(from);
+      if (!node) return;
+
+      const coords = { left: de.clientX, top: de.clientY };
+      const dropPos = editor.view.posAtCoords(coords);
+      if (!dropPos) return;
+
+      const resolved = editor.state.doc.resolve(dropPos.pos);
+      let insertBefore = resolved.before(1);
+      const targetNode = editor.state.doc.nodeAt(insertBefore);
+      if (targetNode) {
+        const domNode = editor.view.nodeDOM(insertBefore) as HTMLElement | null;
+        if (domNode) {
+          const rect = domNode.getBoundingClientRect();
+          if (de.clientY > rect.top + rect.height / 2) {
+            insertBefore = insertBefore + targetNode.nodeSize;
+          }
+        }
+      }
+
+      if (insertBefore >= from && insertBefore <= to) return;
+
+      const { tr } = editor.state;
+      const slice = editor.state.doc.slice(from, to);
+
+      if (insertBefore > from) {
+        tr.delete(from, to);
+        const mappedPos = tr.mapping.map(insertBefore);
+        tr.insert(mappedPos, slice.content);
+      } else {
+        tr.insert(insertBefore, slice.content);
+        const mappedFrom = tr.mapping.map(from);
+        const mappedTo = tr.mapping.map(to);
+        tr.delete(mappedFrom, mappedTo);
+      }
+
+      editor.view.dispatch(tr);
+    };
+
+    editorEl.addEventListener("dragover", onDragOver);
+    editorEl.addEventListener("drop", onDrop);
+
+    return () => {
+      editorEl.removeEventListener("dragover", onDragOver);
+      editorEl.removeEventListener("drop", onDrop);
+    };
+  }, [containerEl, editor]);
+
+  if (!containerEl) return null;
+
+  return (
+    <div
+      ref={handleRef}
+      className="block-handle"
+      style={{
+        position: "absolute",
+        top,
+        left,
+        opacity: visible ? 1 : 0,
+        pointerEvents: visible ? "auto" : "none",
+        transition: "opacity 0.12s",
+        zIndex: 10,
+      }}
+      onMouseEnter={show}
+      onMouseLeave={scheduleHide}
+    >
+      <button
+        className="block-handle-btn block-handle-add"
+        onClick={handleAdd}
+        title="Add block below"
+      >
+        <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+          <path d="M7 1v12M1 7h12" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
+        </svg>
+      </button>
+      <button
+        className="block-handle-btn block-handle-grip"
+        draggable
+        onDragStart={handleDragStart}
+        onDragEnd={handleDragEnd}
+        title="Drag to reorder"
+      >
+        <svg width="10" height="14" viewBox="0 0 10 14" fill="none">
+          <circle cx="3" cy="2" r="1.2" fill="currentColor" />
+          <circle cx="7" cy="2" r="1.2" fill="currentColor" />
+          <circle cx="3" cy="7" r="1.2" fill="currentColor" />
+          <circle cx="7" cy="7" r="1.2" fill="currentColor" />
+          <circle cx="3" cy="12" r="1.2" fill="currentColor" />
+          <circle cx="7" cy="12" r="1.2" fill="currentColor" />
+        </svg>
+      </button>
+    </div>
+  );
+}
diff --git a/frontend/src/editor/BubbleToolbar.tsx b/frontend/src/editor/BubbleToolbar.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d0292d01d0c12168296f4e9b34b2a0497bdfb751
--- /dev/null
+++ b/frontend/src/editor/BubbleToolbar.tsx
@@ -0,0 +1,151 @@
+import { BubbleMenu } from "@tiptap/react";
+import type { Editor } from "@tiptap/core";
+import { Box, IconButton, Divider, Tooltip } from "@mui/material";
+import FormatBoldIcon from "@mui/icons-material/FormatBold";
+import FormatItalicIcon from "@mui/icons-material/FormatItalic";
+import StrikethroughSIcon from "@mui/icons-material/StrikethroughS";
+import CodeIcon from "@mui/icons-material/Code";
+import FormatQuoteIcon from "@mui/icons-material/FormatQuote";
+import LinkIcon from "@mui/icons-material/Link";
+import TitleIcon from "@mui/icons-material/Title";
+import ChatBubbleOutlinedIcon from "@mui/icons-material/ChatBubbleOutlined";
+import FunctionsIcon from "@mui/icons-material/Functions";
+
+interface BubbleToolbarProps {
+  editor: Editor;
+  onAddComment?: () => void;
+}
+
+function Btn({
+  onClick,
+  active,
+  tooltip,
+  children,
+}: {
+  onClick: () => void;
+  active?: boolean;
+  tooltip: string;
+  children: React.ReactNode;
+}) {
+  return (
+    <Tooltip title={tooltip} arrow placement="top">
+      <IconButton
+        onMouseDown={(e) => {
+          e.preventDefault();
+          onClick();
+        }}
+        size="small"
+        sx={{
+          color: active ? "#fff" : "rgba(255,255,255,0.6)",
+          "&:hover": { color: "#fff" },
+          borderRadius: 1,
+          p: 0.75,
+        }}
+      >
+        {children}
+      </IconButton>
+    </Tooltip>
+  );
+}
+
+export function BubbleToolbar({ editor, onAddComment }: BubbleToolbarProps) {
+  const setLink = () => {
+    const url = window.prompt("URL:");
+    if (url) {
+      editor.chain().focus().setLink({ href: url }).run();
+    }
+  };
+
+  return (
+    <BubbleMenu
+      editor={editor}
+      tippyOptions={{ duration: 150, placement: "top" }}
+    >
+      <Box
+        sx={{
+          display: "flex",
+          alignItems: "center",
+          gap: 0.25,
+          bgcolor: "#1a1a1a",
+          border: "1px solid #333",
+          borderRadius: 2,
+          px: 0.5,
+          py: 0.25,
+          boxShadow: "0 4px 20px rgba(0,0,0,0.4)",
+        }}
+      >
+        <Btn
+          onClick={() => editor.chain().focus().toggleBold().run()}
+          active={editor.isActive("bold")}
+          tooltip="Bold"
+        >
+          <FormatBoldIcon sx={{ fontSize: 18 }} />
+        </Btn>
+        <Btn
+          onClick={() => editor.chain().focus().toggleItalic().run()}
+          active={editor.isActive("italic")}
+          tooltip="Italic"
+        >
+          <FormatItalicIcon sx={{ fontSize: 18 }} />
+        </Btn>
+        <Btn
+          onClick={() => editor.chain().focus().toggleStrike().run()}
+          active={editor.isActive("strike")}
+          tooltip="Strikethrough"
+        >
+          <StrikethroughSIcon sx={{ fontSize: 18 }} />
+        </Btn>
+        <Btn
+          onClick={() => editor.chain().focus().toggleCode().run()}
+          active={editor.isActive("code")}
+          tooltip="Code"
+        >
+          <CodeIcon sx={{ fontSize: 18 }} />
+        </Btn>
+        <Btn
+          onClick={() => editor.chain().focus().insertInlineMath({ latex: "x^2" }).run()}
+          active={editor.isActive("inlineMath")}
+          tooltip="Inline math"
+        >
+          <FunctionsIcon sx={{ fontSize: 18 }} />
+        </Btn>
+
+        <Divider orientation="vertical" flexItem sx={{ mx: 0.25, borderColor: "#444" }} />
+
+        <Btn
+          onClick={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}
+          active={editor.isActive("heading", { level: 2 })}
+          tooltip="Heading"
+        >
+          <TitleIcon sx={{ fontSize: 18 }} />
+        </Btn>
+        <Btn
+          onClick={() => editor.chain().focus().toggleBlockquote().run()}
+          active={editor.isActive("blockquote")}
+          tooltip="Quote"
+        >
+          <FormatQuoteIcon sx={{ fontSize: 18 }} />
+        </Btn>
+        <Btn
+          onClick={setLink}
+          active={editor.isActive("link")}
+          tooltip="Link"
+        >
+          <LinkIcon sx={{ fontSize: 18 }} />
+        </Btn>
+
+        {onAddComment && (
+          <>
+            <Divider orientation="vertical" flexItem sx={{ mx: 0.25, borderColor: "#444" }} />
+            <Btn
+              onClick={onAddComment}
+              tooltip="Comment"
+            >
+              <ChatBubbleOutlinedIcon sx={{ fontSize: 18 }} />
+            </Btn>
+          </>
+        )}
+      </Box>
+    </BubbleMenu>
+  );
+}
diff --git a/frontend/src/editor/CitationPanel.tsx b/frontend/src/editor/CitationPanel.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2e3244953465e4aa7ea96bd24dcabede5008c12d
--- /dev/null
+++ b/frontend/src/editor/CitationPanel.tsx
@@ -0,0 +1,213 @@
+import { useState, useCallback, useEffect } from "react";
+import type { Editor } from "@tiptap/core";
+import type * as Y from "yjs";
+
+interface CitationPanelProps {
+  editor: Editor;
+  citationsMap: Y.Map<any>;
+  onClose: () => void;
+}
+
+function isBibTeX(input: string): boolean {
+  const trimmed = input.trim();
+  return trimmed.startsWith("@") && /\{[\s\S]*\}/.test(trimmed);
+}
+
+/**
+ * Single smart-field citation panel.
+ * Auto-detects DOI / URL / BibTeX from the input.
+ * Library is always visible below.
+ */
+export function CitationPanel({
+  editor,
+  citationsMap,
+  onClose,
+}: CitationPanelProps) {
+  const [input, setInput] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+  const [libraryEntries, setLibraryEntries] = useState<
+    { key: string; entry: any }[]
+  >([]);
+
+  useEffect(() => {
+    const refresh = () => setLibraryEntries(getLibraryEntries(citationsMap));
+    refresh();
+    citationsMap.observe(refresh);
+    return () => citationsMap.unobserve(refresh);
+  }, [citationsMap]);
+
+  const ensureBibliography = useCallback(() => {
+    let hasBibliography = false;
+    editor.state.doc.descendants((node) => {
+      if (node.type.name === "bibliography") hasBibliography = true;
+    });
+    if (!hasBibliography) {
+      const endPos = editor.state.doc.content.size;
+      editor
+        .chain()
+        .insertContentAt(endPos, [
+          { type: "paragraph" },
+          { type: "bibliography" },
+        ])
+        .run();
+    }
+  }, [editor]);
+
+  const insertCitation = useCallback(
+    (entry: any) => {
+      const key =
+        entry["citation-key"] || entry.id || generateKey(entry);
+      citationsMap.set(key, entry);
+      editor.chain().focus().insertCitation(key).run();
+      ensureBibliography();
+      onClose();
+    },
+    [editor, citationsMap, onClose, ensureBibliography],
+  );
+
+  const insertExisting = useCallback(
+    (key: string) => {
+      editor.chain().focus().insertCitation(key).run();
+      ensureBibliography();
+      onClose();
+    },
+    [editor, onClose, ensureBibliography],
+  );
+
+  const resolveInput = useCallback(async () => {
+    if (!input.trim()) return;
+    setLoading(true);
+    setError("");
+    try {
+      const bibtex = isBibTeX(input);
+      const endpoint = bibtex
+        ? "/api/citations/import-bib"
+        : "/api/citations/resolve";
+      const body = bibtex ? { bibtex: input } : { input };
+
+      const res = await fetch(endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body),
+      });
+      const data = await res.json();
+
+      if (!res.ok) {
+        setError(data.error || "Resolution failed");
+        return;
+      }
+
+      if (data.entries?.length >= 1) {
+        data.entries.forEach((entry: any) => {
+          const key =
+            entry["citation-key"] || entry.id || generateKey(entry);
+          citationsMap.set(key, entry);
+        });
+        insertCitation(data.entries[0]);
+      }
+    } catch (err: any) {
+      setError(err.message || "Network error");
+    } finally {
+      setLoading(false);
+    }
+  }, [input, insertCitation, citationsMap]);
+
+  return (
+    <div className="citation-panel-overlay" onClick={onClose}>
+      <div className="citation-panel" onClick={(e) => e.stopPropagation()}>
+        <div className="citation-panel-header">
+          <h3>Add reference</h3>
+          <button className="citation-panel-close" onClick={onClose}>
+            &times;
+          </button>
+        </div>
+
+        <div className="citation-panel-body">
+          <textarea
+            className="citation-input citation-smart-input"
+            placeholder={"Paste a DOI, URL, or BibTeX entry...\ne.g. 10.1038/s41586-020-2649-2"}
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" && !e.shiftKey && !isBibTeX(input)) {
+                e.preventDefault();
+                resolveInput();
+              }
+            }}
+            rows={3}
+            autoFocus
+          />
+
+          {error && <p className="citation-error">{error}</p>}
+
+          <button
+            className="citation-resolve-btn"
+            onClick={resolveInput}
+            disabled={loading || !input.trim()}
+          >
+            {loading ? "Resolving..." : "Resolve & Add"}
+          </button>
+
+          {libraryEntries.length > 0 && (
+            <>
+              <div className="citation-library-divider">
+                <span>Your references ({libraryEntries.length})</span>
+              </div>
+              <div className="citation-library-list">
+                {libraryEntries.map(({ key, entry }) => (
+                  <div key={key} className="citation-library-item">
+                    <div className="citation-library-info">
+                      <span className="citation-library-meta">
+                        {formatAuthorsShort(entry)}{" "}
+                        {entry.issued?.["date-parts"]?.[0]?.[0] || ""}
+                      </span>
+                      <span className="citation-library-title">
+                        {entry.title || key}
+                      </span>
+                    </div>
+                    <button
+                      className="citation-library-insert"
+                      onClick={() => insertExisting(key)}
+                      title="Insert citation"
+                    >
+                      +
+                    </button>
+                  </div>
+                ))}
+              </div>
+            </>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function generateKey(entry: any): string {
+  const firstAuthor = entry.author?.[0]?.family || "unknown";
+  const year = entry.issued?.["date-parts"]?.[0]?.[0] || "nd";
+  return `${firstAuthor.toLowerCase()}${year}`.replace(/[^a-z0-9]/gi, "");
+}
+
+function formatAuthorsShort(entry: any): string {
+  const authors = entry.author;
+  if (!authors?.length) return "";
+  const first = authors[0].family || "";
+  if (authors.length === 1) return first;
+  if (authors.length === 2) return `${first} & ${authors[1].family || ""}`;
+  return `${first} et al.`;
+}
+
+function getLibraryEntries(map: Y.Map<any>): { key: string; entry: any }[] {
+  const result: { key: string; entry: any }[] = [];
+  map.forEach((entry, key) => {
+    result.push({ key, entry });
+  });
+  result.sort((a, b) => {
+    const aName = a.entry.author?.[0]?.family || a.key;
+    const bName = b.entry.author?.[0]?.family || b.key;
+    return aName.localeCompare(bName);
+  });
+  return result;
+}
diff --git a/frontend/src/editor/CitationView.tsx b/frontend/src/editor/CitationView.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..da0345ff07da7a31b8d82fca959937e75fd7e9d4
--- /dev/null
+++ b/frontend/src/editor/CitationView.tsx
@@ -0,0 +1,158 @@
+import { NodeViewWrapper } from "@tiptap/react";
+import { useEffect, useState, useRef, useCallback } from "react";
+import type { NodeViewProps } from "@tiptap/react";
+
+type CitationStyle = "apa" | "ieee" | "vancouver" | "chicago-author-date" | "harvard1";
+
+const NUMERIC_STYLES = new Set<CitationStyle>(["ieee", "vancouver"]);
+
+export function CitationView({ node, editor, getPos }: NodeViewProps) {
+  const key = node.attrs.key as string;
+  const [label, setLabel] = useState(`[${key}]`);
+  const [style, setStyle] = useState<CitationStyle>("apa");
+  const [showTooltip, setShowTooltip] = useState(false);
+  const [entry, setEntry] = useState<any>(null);
+  const tooltipTimer = useRef<ReturnType<typeof setTimeout>>();
+  const wrapperRef = useRef<HTMLSpanElement>(null);
+
+  // Observe citation data + settings
+  useEffect(() => {
+    const citationsMap = (editor.storage.citation as any)?.citationsMap;
+    const settingsMap = (editor.storage.citation as any)?.settingsMap;
+
+    const updateEntry = () => {
+      if (!citationsMap) return;
+      setEntry(citationsMap.get(key) || null);
+    };
+
+    const updateStyle = () => {
+      if (!settingsMap) return;
+      const val = settingsMap.get("citationStyle");
+      if (val) setStyle(val as CitationStyle);
+    };
+
+    updateEntry();
+    updateStyle();
+
+    if (citationsMap) citationsMap.observe(updateEntry);
+    if (settingsMap) settingsMap.observe(updateStyle);
+
+    return () => {
+      if (citationsMap) citationsMap.unobserve(updateEntry);
+      if (settingsMap) settingsMap.unobserve(updateStyle);
+    };
+  }, [key, editor]);
+
+  // Recompute label when entry or style changes
+  useEffect(() => {
+    if (!entry) {
+      setLabel(`[${key}]`);
+      return;
+    }
+
+    if (NUMERIC_STYLES.has(style)) {
+      const order = getDocumentCitationOrder(editor);
+      const idx = order.indexOf(key);
+      const num = idx >= 0 ? idx + 1 : "?";
+      setLabel(style === "ieee" ? `[${num}]` : `(${num})`);
+    } else {
+      setLabel(formatAuthorDate(entry));
+    }
+  }, [entry, style, key, editor]);
+
+  // Re-format when doc changes (for numeric order updates)
+  useEffect(() => {
+    if (!NUMERIC_STYLES.has(style)) return;
+
+    const onUpdate = () => {
+      if (!entry) return;
+      const order = getDocumentCitationOrder(editor);
+      const idx = order.indexOf(key);
+      const num = idx >= 0 ? idx + 1 : "?";
+      setLabel(style === "ieee" ? `[${num}]` : `(${num})`);
+    };
+
+    editor.on("update", onUpdate);
+    return () => { editor.off("update", onUpdate); };
+  }, [editor, style, key, entry]);
+
+  const handleMouseEnter = useCallback(() => {
+    tooltipTimer.current = setTimeout(() => setShowTooltip(true), 300);
+  }, []);
+
+  const handleMouseLeave = useCallback(() => {
+    clearTimeout(tooltipTimer.current);
+    setShowTooltip(false);
+  }, []);
+
+  const removeCitation = useCallback(() => {
+    const pos = getPos();
+    if (typeof pos === "number") {
+      editor.chain().focus().deleteRange({ from: pos, to: pos + 1 }).run();
+    }
+    setShowTooltip(false);
+  }, [editor, getPos]);
+
+  return (
+    <NodeViewWrapper
+      as="span"
+      className="citation-node"
+      ref={wrapperRef}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+    >
+      {label}
+      {showTooltip && entry && (
+        <div className="citation-tooltip">
+          <div className="citation-tooltip-title">{entry.title || key}</div>
+          {entry["container-title"] && (
+            <div className="citation-tooltip-journal">
+              {entry["container-title"]}
+              {entry.volume ? `, ${entry.volume}` : ""}
+              {entry.page ? `, ${entry.page}` : ""}
+            </div>
+          )}
+          {entry.DOI && (
+            <div className="citation-tooltip-doi">doi: {entry.DOI}</div>
+          )}
+          <button
+            className="citation-tooltip-remove"
+            onMouseDown={(e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              removeCitation();
+            }}
+          >
+            Remove
+          </button>
+        </div>
+      )}
+    </NodeViewWrapper>
+  );
+}
+
+function getDocumentCitationOrder(editor: any): string[] {
+  const seen: string[] = [];
+  editor.state.doc.descendants((node: any) => {
+    if (node.type.name === "citation" && node.attrs.key) {
+      const k = node.attrs.key as string;
+      if (!seen.includes(k)) seen.push(k);
+    }
+  });
+  return seen;
+}
+
+function formatAuthorDate(entry: any): string {
+  const authors = entry.author;
+  if (!authors?.length) return `(${entry.id || "?"})`;
+
+  const year = entry.issued?.["date-parts"]?.[0]?.[0] || "n.d.";
+  const first = authors[0].family || authors[0].literal || "?";
+
+  if (authors.length === 1) return `(${first}, ${year})`;
+  if (authors.length === 2) {
+    const second = authors[1].family || authors[1].literal || "?";
+    return `(${first} & ${second}, ${year})`;
+  }
+  return `(${first} et al., ${year})`;
+}
diff --git a/frontend/src/editor/Editor.tsx b/frontend/src/editor/Editor.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..451f30ac51a79922113220c14cfb93baf3bbfd70
--- /dev/null
+++ b/frontend/src/editor/Editor.tsx
@@ -0,0 +1,274 @@
+import { useEditor, EditorContent } from "@tiptap/react";
+import { Editor as TiptapEditor } from "@tiptap/core";
+import StarterKit from "@tiptap/starter-kit";
+import Collaboration from "@tiptap/extension-collaboration";
+import CollaborationCursor from "@tiptap/extension-collaboration-cursor";
+import Placeholder from "@tiptap/extension-placeholder";
+import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import Link from "@tiptap/extension-link";
+import Mathematics from "@tiptap/extension-mathematics";
+import "katex/dist/katex.min.css";
+import { all, createLowlight } from "lowlight";
+import * as Y from "yjs";
+import { UndoManager } from "yjs";
+import { WebsocketProvider } from "y-websocket";
+import { useEffect, useMemo, useRef, useState, MutableRefObject } from "react";
+import { BubbleToolbar } from "./BubbleToolbar";
+import { BlockHandle } from "./BlockHandle";
+import Image from "@tiptap/extension-image";
+import Table from "@tiptap/extension-table";
+import TableRow from "@tiptap/extension-table-row";
+import TableCell from "@tiptap/extension-table-cell";
+import TableHeader from "@tiptap/extension-table-header";
+import { Comment } from "./extensions/comment";
+import { CollaborationUndo } from "./extensions/collaboration-undo";
+import { SlashCommands } from "./extensions/slash-commands";
+import { ImageUpload } from "./extensions/image-upload";
+import { Citation } from "./extensions/citation";
+import { Bibliography } from "./extensions/bibliography";
+import { Glossary } from "./extensions/glossary";
+import { Footnote } from "./extensions/footnote";
+import { Stack, StackColumn } from "./extensions/stack";
+import { CitationPanel } from "./CitationPanel";
+import { createCommentStore, CommentStore } from "./comments";
+import { createFrontmatterStore, FrontmatterStore } from "./frontmatter/frontmatter-store";
+import { seedFrontmatter } from "./frontmatter/seed-frontmatter";
+import { COMPONENTS, createWrapperExtension, createAtomicExtension, registerComponentSerializers } from "./components";
+import { uploadImage } from "./upload";
+import { DEFAULT_CONTENT, SEED_CITATIONS } from "./default-content";
+
+// Auto-register MDX serializers for all custom components (once)
+registerComponentSerializers();
+
+const lowlight = createLowlight(all);
+
+interface EditorProps {
+  docName: string;
+  user: { name: string; color: string };
+  editorRef: MutableRefObject<TiptapEditor | null>;
+  onCommentStoreReady: (store: CommentStore) => void;
+  onFrontmatterStoreReady: (store: FrontmatterStore) => void;
+  onSettingsMapReady?: (map: Y.Map<any>) => void;
+  onEditorReady: (editor: TiptapEditor | null) => void;
+  onUndoManagerReady?: (manager: UndoManager) => void;
+  onAddComment?: () => void;
+}
+
+export function Editor({
+  docName,
+  user,
+  editorRef,
+  onCommentStoreReady,
+  onFrontmatterStoreReady,
+  onSettingsMapReady,
+  onEditorReady,
+  onUndoManagerReady,
+  onAddComment,
+}: EditorProps) {
+  const ydoc = useMemo(() => new Y.Doc(), []);
+  const fragment = useMemo(() => ydoc.getXmlFragment("default"), [ydoc]);
+  const undoManagerCallbackRef = useRef(onUndoManagerReady);
+  undoManagerCallbackRef.current = onUndoManagerReady;
+
+  const provider = useMemo(() => {
+    const wsUrl =
+      window.location.protocol === "https:"
+        ? `wss://${window.location.host}/collab`
+        : `ws://${window.location.host}/collab`;
+
+    return new WebsocketProvider(wsUrl, docName, ydoc);
+  }, [docName, ydoc]);
+
+  const citationsMap = useMemo(() => ydoc.getMap("citations"), [ydoc]);
+  const settingsMap = useMemo(() => ydoc.getMap("settings"), [ydoc]);
+  const commentStore = useMemo(() => createCommentStore(ydoc), [ydoc]);
+  const frontmatterStore = useMemo(() => createFrontmatterStore(ydoc), [ydoc]);
+  const [showCitationPanel, setShowCitationPanel] = useState(false);
+
+  useEffect(() => {
+    onCommentStoreReady(commentStore);
+  }, [commentStore, onCommentStoreReady]);
+
+  useEffect(() => {
+    onFrontmatterStoreReady(frontmatterStore);
+  }, [frontmatterStore, onFrontmatterStoreReady]);
+
+  useEffect(() => {
+    onSettingsMapReady?.(settingsMap);
+  }, [settingsMap, onSettingsMapReady]);
+
+  useEffect(() => {
+    return () => {
+      provider.destroy();
+      ydoc.destroy();
+    };
+  }, [provider, ydoc]);
+
+  const editor = useEditor(
+    {
+      editorProps: {
+        handleDrop: (view, event, _slice, moved) => {
+          if (moved || !event.dataTransfer?.files?.length) return false;
+          const images = Array.from(event.dataTransfer.files).filter((f) =>
+            f.type.startsWith("image/"),
+          );
+          if (!images.length) return false;
+          event.preventDefault();
+          const insertPos = view.posAtCoords({
+            left: event.clientX,
+            top: event.clientY,
+          });
+          images.forEach((file) => {
+            uploadImage(file).then((url) => {
+              const node = view.state.schema.nodes.image.create({ src: url });
+              const tr = view.state.tr.insert(
+                insertPos?.pos ?? view.state.doc.content.size,
+                node,
+              );
+              view.dispatch(tr);
+            });
+          });
+          return true;
+        },
+        handlePaste: (view, event) => {
+          const items = Array.from(event.clipboardData?.items ?? []);
+          const imageItems = items.filter((i) => i.type.startsWith("image/"));
+          if (!imageItems.length) return false;
+          event.preventDefault();
+          imageItems.forEach((item) => {
+            const file = item.getAsFile();
+            if (!file) return;
+            uploadImage(file).then((url) => {
+              const node = view.state.schema.nodes.image.create({ src: url });
+              const tr = view.state.tr.replaceSelectionWith(node);
+              view.dispatch(tr);
+            });
+          });
+          return true;
+        },
+      },
+      extensions: [
+        StarterKit.configure({
+          history: false,
+          codeBlock: false,
+        }),
+        CodeBlockLowlight.configure({ lowlight }),
+        Placeholder.configure({
+          placeholder: 'Type "/" for commands...',
+        }),
+        Link.configure({
+          openOnClick: false,
+          HTMLAttributes: { class: "editor-link" },
+        }),
+        Collaboration.configure({
+          document: ydoc,
+        }),
+        CollaborationCursor.configure({
+          provider,
+          user,
+        }),
+        Mathematics.configure({
+          katexOptions: { throwOnError: false },
+        }),
+        Image.configure({
+          allowBase64: true,
+          HTMLAttributes: { class: "editor-image" },
+        }),
+        Table.configure({ resizable: false }),
+        TableRow,
+        TableCell,
+        TableHeader,
+        SlashCommands,
+        ImageUpload,
+        Citation,
+        Bibliography,
+        Glossary,
+        Footnote,
+        Stack,
+        StackColumn,
+        ...COMPONENTS.filter((d) => d.kind === "wrapper").map(createWrapperExtension),
+        ...COMPONENTS.filter((d) => d.kind === "atomic").map(createAtomicExtension),
+        CollaborationUndo.configure({
+          fragment,
+          onUndoManagerReady: (um) => undoManagerCallbackRef.current?.(um),
+        }),
+        Comment,
+      ],
+    },
+    [ydoc, provider, fragment],
+  );
+
+  const seededRef = useRef(false);
+
+  useEffect(() => {
+    if (!editor || seededRef.current) return;
+
+    const seed = () => {
+      if (seededRef.current) return;
+      if (editor.state.doc.textContent.trim().length === 0) {
+        seededRef.current = true;
+        editor.commands.setContent(DEFAULT_CONTENT);
+        seedFrontmatter(frontmatterStore);
+        for (const [key, entry] of Object.entries(SEED_CITATIONS)) {
+          if (!citationsMap.has(key)) citationsMap.set(key, entry);
+        }
+        if (!settingsMap.has("citationStyle")) {
+          settingsMap.set("citationStyle", "apa");
+        }
+      }
+    };
+
+    const timer = setTimeout(seed, 800);
+
+    const onSync = () => setTimeout(seed, 100);
+    provider.on("sync", onSync);
+    provider.on("synced", onSync);
+
+    return () => {
+      provider.off("sync", onSync);
+      provider.off("synced", onSync);
+      clearTimeout(timer);
+    };
+  }, [editor, provider, frontmatterStore]);
+
+  useEffect(() => {
+    if (!editor) return;
+    if (!editor.storage.citation) {
+      editor.storage.citation = {} as any;
+    }
+    editor.storage.citation.citationsMap = citationsMap;
+    editor.storage.citation.settingsMap = settingsMap;
+  }, [editor, citationsMap, settingsMap]);
+
+  useEffect(() => {
+    const handler = () => setShowCitationPanel(true);
+    window.addEventListener("open-citation-panel", handler);
+    return () => window.removeEventListener("open-citation-panel", handler);
+  }, []);
+
+  useEffect(() => {
+    editorRef.current = editor;
+    onEditorReady(editor);
+  }, [editor, editorRef, onEditorReady]);
+
+  const [containerEl, setContainerEl] = useState<HTMLElement | null>(null);
+
+  if (!editor) return null;
+
+  return (
+    <>
+      <BubbleToolbar editor={editor} onAddComment={onAddComment} />
+      <div ref={setContainerEl} style={{ position: "relative" }}>
+        <BlockHandle editor={editor} containerEl={containerEl} />
+        <EditorContent editor={editor} />
+      </div>
+      {showCitationPanel && (
+        <CitationPanel
+          editor={editor}
+          citationsMap={citationsMap}
+          onClose={() => setShowCitationPanel(false)}
+        />
+      )}
+    </>
+  );
+}
diff --git a/frontend/src/editor/FloatingActions.tsx b/frontend/src/editor/FloatingActions.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..63b44e080d1894f5d2e61ed0ae175ae9aa9e22e1
--- /dev/null
+++ b/frontend/src/editor/FloatingActions.tsx
@@ -0,0 +1,143 @@
+import { FloatingMenu } from "@tiptap/react";
+import type { Editor } from "@tiptap/core";
+import { useState } from "react";
+import { Box, IconButton, Tooltip, Fade, Paper } from "@mui/material";
+import AddIcon from "@mui/icons-material/Add";
+import TitleIcon from "@mui/icons-material/Title";
+import FormatQuoteIcon from "@mui/icons-material/FormatQuote";
+import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
+import FormatListNumberedIcon from "@mui/icons-material/FormatListNumbered";
+import DataObjectIcon from "@mui/icons-material/DataObject";
+import HorizontalRuleIcon from "@mui/icons-material/HorizontalRule";
+import FunctionsIcon from "@mui/icons-material/Functions";
+
+interface FloatingActionsProps {
+  editor: Editor;
+}
+
+export function FloatingActions({ editor }: FloatingActionsProps) {
+  const [open, setOpen] = useState(false);
+
+  const insert = (fn: () => void) => {
+    fn();
+    setOpen(false);
+  };
+
+  return (
+    <FloatingMenu
+      editor={editor}
+      tippyOptions={{
+        duration: 150,
+        placement: "left-start",
+        offset: [-4, 0],
+      }}
+    >
+      <Box sx={{ display: "flex", alignItems: "flex-start", gap: 0.5 }}>
+        <Tooltip title="Insert block" arrow placement="left">
+          <IconButton
+            size="small"
+            onClick={() => setOpen(!open)}
+            sx={{
+              color: open ? "text.primary" : "text.disabled",
+              border: "1px solid",
+              borderColor: open ? "divider" : "transparent",
+              transition: "all 0.15s",
+              "&:hover": { color: "text.primary", borderColor: "divider" },
+              transform: open ? "rotate(45deg)" : "none",
+              p: 0.5,
+            }}
+          >
+            <AddIcon sx={{ fontSize: 20 }} />
+          </IconButton>
+        </Tooltip>
+
+        <Fade in={open} timeout={150}>
+          <Paper
+            variant="outlined"
+            sx={{
+              display: open ? "flex" : "none",
+              gap: 0.25,
+              px: 0.5,
+              py: 0.25,
+              bgcolor: "background.paper",
+              boxShadow: "0 4px 20px rgba(0,0,0,0.3)",
+            }}
+          >
+            <Tooltip title="Heading 2" arrow>
+              <IconButton
+                size="small"
+                onClick={() => insert(() => editor.chain().focus().toggleHeading({ level: 2 }).run())}
+                sx={{ color: "text.secondary", p: 0.75 }}
+              >
+                <TitleIcon sx={{ fontSize: 18 }} />
+              </IconButton>
+            </Tooltip>
+            <Tooltip title="Heading 3" arrow>
+              <IconButton
+                size="small"
+                onClick={() => insert(() => editor.chain().focus().toggleHeading({ level: 3 }).run())}
+                sx={{ color: "text.secondary", fontSize: "0.75rem", fontWeight: 700, p: 0.75 }}
+              >
+                H3
+              </IconButton>
+            </Tooltip>
+            <Tooltip title="Quote" arrow>
+              <IconButton
+                size="small"
+                onClick={() => insert(() => editor.chain().focus().toggleBlockquote().run())}
+                sx={{ color: "text.secondary", p: 0.75 }}
+              >
+                <FormatQuoteIcon sx={{ fontSize: 18 }} />
+              </IconButton>
+            </Tooltip>
+            <Tooltip title="Bullet list" arrow>
+              <IconButton
+                size="small"
+                onClick={() => insert(() => editor.chain().focus().toggleBulletList().run())}
+                sx={{ color: "text.secondary", p: 0.75 }}
+              >
+                <FormatListBulletedIcon sx={{ fontSize: 18 }} />
+              </IconButton>
+            </Tooltip>
+            <Tooltip title="Numbered list" arrow>
+              <IconButton
+                size="small"
+                onClick={() => insert(() => editor.chain().focus().toggleOrderedList().run())}
+                sx={{ color: "text.secondary", p: 0.75 }}
+              >
+                <FormatListNumberedIcon sx={{ fontSize: 18 }} />
+              </IconButton>
+            </Tooltip>
+            <Tooltip title="Code block" arrow>
+              <IconButton
+                size="small"
+                onClick={() => insert(() => editor.chain().focus().toggleCodeBlock().run())}
+                sx={{ color: "text.secondary", p: 0.75 }}
+              >
+                <DataObjectIcon sx={{ fontSize: 18 }} />
+              </IconButton>
+            </Tooltip>
+            <Tooltip title="Equation" arrow>
+              <IconButton
+                size="small"
+                onClick={() => insert(() => editor.chain().focus().insertBlockMath({ latex: "E = mc^2" }).run())}
+                sx={{ color: "text.secondary", p: 0.75 }}
+              >
+                <FunctionsIcon sx={{ fontSize: 18 }} />
+              </IconButton>
+            </Tooltip>
+            <Tooltip title="Divider" arrow>
+              <IconButton
+                size="small"
+                onClick={() => insert(() => editor.chain().focus().setHorizontalRule().run())}
+                sx={{ color: "text.secondary", p: 0.75 }}
+              >
+                <HorizontalRuleIcon sx={{ fontSize: 18 }} />
+              </IconButton>
+            </Tooltip>
+          </Paper>
+        </Fade>
+      </Box>
+    </FloatingMenu>
+  );
+}
diff --git a/frontend/src/editor/FootnoteView.tsx b/frontend/src/editor/FootnoteView.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..15967ed14e24ac156695c65294d97ec385e450e9
--- /dev/null
+++ b/frontend/src/editor/FootnoteView.tsx
@@ -0,0 +1,107 @@
+import { NodeViewWrapper } from "@tiptap/react";
+import { useState, useEffect, useRef, useCallback } from "react";
+import type { NodeViewProps } from "@tiptap/react";
+
+export function FootnoteView({ node, editor, getPos, updateAttributes }: NodeViewProps) {
+  const content = node.attrs.content as string;
+  const [index, setIndex] = useState(0);
+  const [showTooltip, setShowTooltip] = useState(false);
+  const [editing, setEditing] = useState(false);
+  const [draft, setDraft] = useState(content);
+  const tooltipTimer = useRef<ReturnType<typeof setTimeout>>();
+  const inputRef = useRef<HTMLTextAreaElement>(null);
+
+  // Auto-number: count all footnotes in document order
+  useEffect(() => {
+    const computeIndex = () => {
+      let i = 0;
+      const pos = getPos();
+      editor.state.doc.descendants((n, p) => {
+        if (n.type.name === "footnote") {
+          i++;
+          if (p === pos) setIndex(i);
+        }
+      });
+    };
+
+    computeIndex();
+    editor.on("update", computeIndex);
+    return () => { editor.off("update", computeIndex); };
+  }, [editor, getPos]);
+
+  useEffect(() => {
+    if (editing && inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
+    }
+  }, [editing]);
+
+  const handleMouseEnter = useCallback(() => {
+    if (!editing) tooltipTimer.current = setTimeout(() => setShowTooltip(true), 300);
+  }, [editing]);
+
+  const handleMouseLeave = useCallback(() => {
+    clearTimeout(tooltipTimer.current);
+    if (!editing) setShowTooltip(false);
+  }, [editing]);
+
+  const startEdit = useCallback(() => {
+    setDraft(content);
+    setEditing(true);
+    setShowTooltip(true);
+  }, [content]);
+
+  const commitEdit = useCallback(() => {
+    updateAttributes({ content: draft });
+    setEditing(false);
+    setShowTooltip(false);
+  }, [draft, updateAttributes]);
+
+  const remove = useCallback(() => {
+    const pos = getPos();
+    if (typeof pos === "number") {
+      editor.chain().focus().deleteRange({ from: pos, to: pos + 1 }).run();
+    }
+  }, [editor, getPos]);
+
+  return (
+    <NodeViewWrapper
+      as="span"
+      className="footnote-node"
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+      onDoubleClick={startEdit}
+    >
+      <sup className="footnote-marker">{index}</sup>
+      {showTooltip && (
+        <div className="footnote-tooltip">
+          {editing ? (
+            <textarea
+              ref={inputRef}
+              className="footnote-tooltip-input"
+              value={draft}
+              onChange={(e) => setDraft(e.target.value)}
+              onKeyDown={(e) => {
+                if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); commitEdit(); }
+                if (e.key === "Escape") { setEditing(false); setShowTooltip(false); }
+              }}
+              rows={3}
+            />
+          ) : (
+            <div className="footnote-tooltip-content">{content || "Empty footnote. Double-click to edit."}</div>
+          )}
+          <div className="footnote-tooltip-actions">
+            {editing ? (
+              <button className="footnote-tooltip-btn" onMouseDown={(e) => { e.preventDefault(); commitEdit(); }}>Save</button>
+            ) : (
+              <>
+                <button className="footnote-tooltip-btn" onMouseDown={(e) => { e.preventDefault(); startEdit(); }}>Edit</button>
+                <button className="footnote-tooltip-btn footnote-tooltip-remove" onMouseDown={(e) => { e.preventDefault(); e.stopPropagation(); remove(); }}>Remove</button>
+              </>
+            )}
+          </div>
+        </div>
+      )}
+    </NodeViewWrapper>
+  );
+}
diff --git a/frontend/src/editor/GlossaryView.tsx b/frontend/src/editor/GlossaryView.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b825af9aa7b49575015e7ba82e11c4a45474f5f7
--- /dev/null
+++ b/frontend/src/editor/GlossaryView.tsx
@@ -0,0 +1,54 @@
+import { NodeViewWrapper } from "@tiptap/react";
+import { useState, useRef, useCallback } from "react";
+import type { NodeViewProps } from "@tiptap/react";
+
+export function GlossaryView({ node, editor, getPos }: NodeViewProps) {
+  const term = node.attrs.term as string;
+  const definition = node.attrs.definition as string;
+  const [showTooltip, setShowTooltip] = useState(false);
+  const tooltipTimer = useRef<ReturnType<typeof setTimeout>>();
+
+  const handleMouseEnter = useCallback(() => {
+    tooltipTimer.current = setTimeout(() => setShowTooltip(true), 300);
+  }, []);
+
+  const handleMouseLeave = useCallback(() => {
+    clearTimeout(tooltipTimer.current);
+    setShowTooltip(false);
+  }, []);
+
+  const remove = useCallback(() => {
+    const pos = getPos();
+    if (typeof pos === "number") {
+      editor.chain().focus().deleteRange({ from: pos, to: pos + 1 }).run();
+    }
+    setShowTooltip(false);
+  }, [editor, getPos]);
+
+  return (
+    <NodeViewWrapper
+      as="span"
+      className="glossary-node"
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+    >
+      {term || "term"}
+      {showTooltip && (
+        <div className="glossary-tooltip">
+          <div className="glossary-tooltip-term">{term}</div>
+          <div className="glossary-tooltip-def">{definition || "No definition yet."}</div>
+          <button
+            className="glossary-tooltip-remove"
+            onMouseDown={(e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              remove();
+            }}
+          >
+            Remove
+          </button>
+        </div>
+      )}
+    </NodeViewWrapper>
+  );
+}
diff --git a/frontend/src/editor/ImageUploadView.tsx b/frontend/src/editor/ImageUploadView.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6df8e4ffc7e4986d68cd4e848826eb1edc3376d7
--- /dev/null
+++ b/frontend/src/editor/ImageUploadView.tsx
@@ -0,0 +1,153 @@
+import { NodeViewWrapper } from "@tiptap/react";
+import { useCallback, useRef, useState } from "react";
+import type { NodeViewProps } from "@tiptap/react";
+import { uploadImage } from "./upload";
+
+export function ImageUploadView({ editor, getPos }: NodeViewProps) {
+  const [dragging, setDragging] = useState(false);
+  const [uploading, setUploading] = useState(false);
+  const [urlMode, setUrlMode] = useState(false);
+  const [urlValue, setUrlValue] = useState("");
+  const fileRef = useRef<HTMLInputElement>(null);
+
+  const replaceWithImage = useCallback(
+    (src: string) => {
+      const pos = getPos();
+      if (pos === undefined) return;
+      editor
+        .chain()
+        .focus()
+        .deleteRange({ from: pos, to: pos + 1 })
+        .insertContentAt(pos, {
+          type: "image",
+          attrs: { src },
+        })
+        .run();
+    },
+    [editor, getPos],
+  );
+
+  const handleFiles = useCallback(
+    (files: FileList | File[]) => {
+      const file = Array.from(files).find((f) => f.type.startsWith("image/"));
+      if (!file) return;
+      setUploading(true);
+      uploadImage(file)
+        .then((url) => replaceWithImage(url))
+        .catch((err) => {
+          console.error("[image-upload]", err);
+          setUploading(false);
+        });
+    },
+    [replaceWithImage],
+  );
+
+  const onDrop = useCallback(
+    (e: React.DragEvent) => {
+      e.preventDefault();
+      setDragging(false);
+      if (e.dataTransfer.files.length) handleFiles(e.dataTransfer.files);
+    },
+    [handleFiles],
+  );
+
+  const onDragOver = useCallback((e: React.DragEvent) => {
+    e.preventDefault();
+    setDragging(true);
+  }, []);
+
+  const onDragLeave = useCallback(() => setDragging(false), []);
+
+  const submitUrl = useCallback(() => {
+    const src = urlValue.trim();
+    if (src) replaceWithImage(src);
+  }, [urlValue, replaceWithImage]);
+
+  return (
+    <NodeViewWrapper>
+      <div
+        className={`image-upload-card${dragging ? " dragging" : ""}`}
+        onDrop={onDrop}
+        onDragOver={onDragOver}
+        onDragLeave={onDragLeave}
+        contentEditable={false}
+      >
+        <input
+          ref={fileRef}
+          type="file"
+          accept="image/*"
+          style={{ display: "none" }}
+          onChange={(e) => {
+            if (e.target.files?.length) handleFiles(e.target.files);
+          }}
+        />
+
+        {uploading ? (
+          <>
+            <div className="image-upload-card-icon" style={{ opacity: 0.5 }}>
+              <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+                <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+                <circle cx="8.5" cy="8.5" r="1.5" />
+                <polyline points="21 15 16 10 5 21" />
+              </svg>
+            </div>
+            <p className="image-upload-card-hint">Uploading...</p>
+          </>
+        ) : !urlMode ? (
+          <>
+            <div className="image-upload-card-icon">
+              <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
+                <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+                <circle cx="8.5" cy="8.5" r="1.5" />
+                <polyline points="21 15 16 10 5 21" />
+              </svg>
+            </div>
+            <div className="image-upload-card-actions">
+              <button
+                className="image-upload-btn primary"
+                onClick={() => fileRef.current?.click()}
+              >
+                Upload image
+              </button>
+              <button
+                className="image-upload-btn secondary"
+                onClick={() => setUrlMode(true)}
+              >
+                Embed link
+              </button>
+            </div>
+            <p className="image-upload-card-hint">
+              Drag & drop an image, or click to upload
+            </p>
+          </>
+        ) : (
+          <div className="image-upload-card-url">
+            <input
+              type="text"
+              className="image-upload-url-input"
+              placeholder="Paste image URL..."
+              value={urlValue}
+              onChange={(e) => setUrlValue(e.target.value)}
+              onKeyDown={(e) => {
+                if (e.key === "Enter") submitUrl();
+                if (e.key === "Escape") setUrlMode(false);
+              }}
+              autoFocus
+            />
+            <div className="image-upload-card-actions">
+              <button className="image-upload-btn primary" onClick={submitUrl}>
+                Embed
+              </button>
+              <button
+                className="image-upload-btn secondary"
+                onClick={() => setUrlMode(false)}
+              >
+                Cancel
+              </button>
+            </div>
+          </div>
+        )}
+      </div>
+    </NodeViewWrapper>
+  );
+}
diff --git a/frontend/src/editor/SlashMenu.tsx b/frontend/src/editor/SlashMenu.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0a0b5b7ba4c1be5c313ae2af3c71373a4002ddc4
--- /dev/null
+++ b/frontend/src/editor/SlashMenu.tsx
@@ -0,0 +1,240 @@
+import { ReactRenderer } from "@tiptap/react";
+import tippy, { type Instance as TippyInstance } from "tippy.js";
+import { type SuggestionProps, type SuggestionKeyDownProps } from "@tiptap/suggestion";
+import {
+  forwardRef,
+  useEffect,
+  useImperativeHandle,
+  useState,
+  useCallback,
+} from "react";
+import type { Editor } from "@tiptap/core";
+import { getComponentSlashItems } from "./components";
+
+interface SlashItem {
+  title: string;
+  description: string;
+  icon: string;
+  command: (editor: Editor) => void;
+}
+
+const BUILT_IN_ITEMS: SlashItem[] = [
+  {
+    title: "Heading 1",
+    description: "Large section heading",
+    icon: "H1",
+    command: (editor) =>
+      editor.chain().focus().toggleHeading({ level: 1 }).run(),
+  },
+  {
+    title: "Heading 2",
+    description: "Medium section heading",
+    icon: "H2",
+    command: (editor) =>
+      editor.chain().focus().toggleHeading({ level: 2 }).run(),
+  },
+  {
+    title: "Heading 3",
+    description: "Small section heading",
+    icon: "H3",
+    command: (editor) =>
+      editor.chain().focus().toggleHeading({ level: 3 }).run(),
+  },
+  {
+    title: "Bullet list",
+    description: "Unordered list",
+    icon: "•",
+    command: (editor) => editor.chain().focus().toggleBulletList().run(),
+  },
+  {
+    title: "Numbered list",
+    description: "Ordered list",
+    icon: "1.",
+    command: (editor) => editor.chain().focus().toggleOrderedList().run(),
+  },
+  {
+    title: "Quote",
+    description: "Blockquote",
+    icon: "❝",
+    command: (editor) => editor.chain().focus().toggleBlockquote().run(),
+  },
+  {
+    title: "Code block",
+    description: "Code with syntax highlighting",
+    icon: "<>",
+    command: (editor) => editor.chain().focus().toggleCodeBlock().run(),
+  },
+  {
+    title: "Divider",
+    description: "Horizontal rule",
+    icon: "—",
+    command: (editor) => editor.chain().focus().setHorizontalRule().run(),
+  },
+  {
+    title: "Image",
+    description: "Upload or embed an image",
+    icon: "🖼",
+    command: (editor) => {
+      editor.chain().focus().insertImageUpload().run();
+    },
+  },
+  {
+    title: "Citation",
+    description: "Cite a paper (DOI or BibTeX)",
+    icon: "📎",
+    command: () => {
+      window.dispatchEvent(new CustomEvent("open-citation-panel"));
+    },
+  },
+  {
+    title: "Glossary",
+    description: "Highlighted term with tooltip definition",
+    icon: "📖",
+    command: (editor) => {
+      editor.chain().focus().insertGlossary("term", "Definition here…").run();
+    },
+  },
+  {
+    title: "Footnote",
+    description: "Numbered footnote reference",
+    icon: "¹",
+    command: (editor) => {
+      editor.chain().focus().insertFootnote("Footnote content…").run();
+    },
+  },
+  {
+    title: "Stack",
+    description: "Multi-column layout (2-4 columns)",
+    icon: "▥",
+    command: (editor) => {
+      editor.chain().focus().insertStack(2).run();
+    },
+  },
+];
+
+const ITEMS: SlashItem[] = [...BUILT_IN_ITEMS, ...getComponentSlashItems()];
+
+interface SlashMenuListProps {
+  items: SlashItem[];
+  command: (item: SlashItem) => void;
+}
+
+interface SlashMenuListRef {
+  onKeyDown: (props: SuggestionKeyDownProps) => boolean;
+}
+
+const SlashMenuList = forwardRef<SlashMenuListRef, SlashMenuListProps>(
+  ({ items, command }, ref) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+
+    useEffect(() => {
+      setSelectedIndex(0);
+    }, [items]);
+
+    const selectItem = useCallback(
+      (index: number) => {
+        const item = items[index];
+        if (item) command(item);
+      },
+      [items, command],
+    );
+
+    useImperativeHandle(ref, () => ({
+      onKeyDown: ({ event }: SuggestionKeyDownProps) => {
+        if (event.key === "ArrowUp") {
+          setSelectedIndex((i) => (i + items.length - 1) % items.length);
+          return true;
+        }
+        if (event.key === "ArrowDown") {
+          setSelectedIndex((i) => (i + 1) % items.length);
+          return true;
+        }
+        if (event.key === "Enter") {
+          selectItem(selectedIndex);
+          return true;
+        }
+        return false;
+      },
+    }));
+
+    if (items.length === 0) return null;
+
+    return (
+      <div className="slash-menu">
+        {items.map((item, index) => (
+          <button
+            key={item.title}
+            className={`slash-menu-item ${index === selectedIndex ? "is-selected" : ""}`}
+            onClick={() => selectItem(index)}
+          >
+            <span className="slash-menu-item-icon">{item.icon}</span>
+            <span className="slash-menu-item-content">
+              <span className="slash-menu-item-title">{item.title}</span>
+              <span className="slash-menu-item-desc">{item.description}</span>
+            </span>
+          </button>
+        ))}
+      </div>
+    );
+  },
+);
+
+SlashMenuList.displayName = "SlashMenuList";
+
+export function slashMenuSuggestion() {
+  return {
+    items: ({ query }: { query: string }) => {
+      return ITEMS.filter((item) =>
+        item.title.toLowerCase().includes(query.toLowerCase()),
+      );
+    },
+
+    render: () => {
+      let component: ReactRenderer<SlashMenuListRef> | null = null;
+      let popup: TippyInstance[] | null = null;
+
+      return {
+        onStart: (props: SuggestionProps<SlashItem>) => {
+          component = new ReactRenderer(SlashMenuList, {
+            props,
+            editor: props.editor,
+          });
+
+          if (!props.clientRect) return;
+
+          popup = tippy("body", {
+            getReferenceClientRect: props.clientRect as () => DOMRect,
+            appendTo: () => document.body,
+            content: component.element,
+            showOnCreate: true,
+            interactive: true,
+            trigger: "manual",
+            placement: "bottom-start",
+          });
+        },
+
+        onUpdate(props: SuggestionProps<SlashItem>) {
+          component?.updateProps(props);
+
+          if (!props.clientRect || !popup?.[0]) return;
+          popup[0].setProps({
+            getReferenceClientRect: props.clientRect as () => DOMRect,
+          });
+        },
+
+        onKeyDown(props: SuggestionKeyDownProps) {
+          if (props.event.key === "Escape") {
+            popup?.[0]?.hide();
+            return true;
+          }
+          return component?.ref?.onKeyDown(props) ?? false;
+        },
+
+        onExit() {
+          popup?.[0]?.destroy();
+          component?.destroy();
+        },
+      };
+    },
+  };
+}
diff --git a/frontend/src/editor/StackView.tsx b/frontend/src/editor/StackView.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1706eed2785d58a14e9439a14c50cd4411e12dd2
--- /dev/null
+++ b/frontend/src/editor/StackView.tsx
@@ -0,0 +1,104 @@
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+import { useCallback } from "react";
+import type { NodeViewProps } from "@tiptap/react";
+
+const GAP_MAP: Record<string, string> = {
+  small: "8px",
+  medium: "16px",
+  large: "24px",
+};
+
+const LAYOUT_OPTIONS = ["2-column", "3-column", "4-column"];
+const GAP_OPTIONS = ["small", "medium", "large"];
+
+export function StackView({ node, updateAttributes }: NodeViewProps) {
+  const layout = (node.attrs.layout as string) || "2-column";
+  const gap = (node.attrs.gap as string) || "medium";
+  const colCount = parseInt(layout) || 2;
+
+  const handleLayoutChange = useCallback(
+    (e: React.ChangeEvent<HTMLSelectElement>) => updateAttributes({ layout: e.target.value }),
+    [updateAttributes],
+  );
+
+  const handleGapChange = useCallback(
+    (e: React.ChangeEvent<HTMLSelectElement>) => updateAttributes({ gap: e.target.value }),
+    [updateAttributes],
+  );
+
+  return (
+    <NodeViewWrapper data-component="stack">
+      <div
+        style={{
+          border: "1px solid rgba(255,255,255,0.1)",
+          borderRadius: 8,
+          background: "rgba(255,255,255,0.02)",
+          margin: "0.75em 0",
+          overflow: "hidden",
+        }}
+      >
+        {/* Header */}
+        <div
+          contentEditable={false}
+          style={{
+            display: "flex",
+            alignItems: "center",
+            gap: 8,
+            padding: "6px 12px",
+            borderBottom: "1px solid rgba(255,255,255,0.1)",
+            userSelect: "none",
+          }}
+        >
+          <span style={{ fontSize: 14, lineHeight: 1 }}>▥</span>
+          <span style={{ fontSize: 13, fontWeight: 600, color: "rgba(255,255,255,0.6)" }}>Stack</span>
+          <select
+            value={layout}
+            onChange={handleLayoutChange}
+            style={{
+              background: "rgba(255,255,255,0.06)",
+              border: "1px solid rgba(255,255,255,0.1)",
+              borderRadius: 4,
+              color: "rgba(255,255,255,0.8)",
+              fontSize: 12,
+              padding: "2px 6px",
+              outline: "none",
+            }}
+          >
+            {LAYOUT_OPTIONS.map((opt) => (
+              <option key={opt} value={opt}>{opt}</option>
+            ))}
+          </select>
+          <select
+            value={gap}
+            onChange={handleGapChange}
+            style={{
+              background: "rgba(255,255,255,0.06)",
+              border: "1px solid rgba(255,255,255,0.1)",
+              borderRadius: 4,
+              color: "rgba(255,255,255,0.8)",
+              fontSize: 12,
+              padding: "2px 6px",
+              outline: "none",
+            }}
+          >
+            {GAP_OPTIONS.map((opt) => (
+              <option key={opt} value={opt}>{opt}</option>
+            ))}
+          </select>
+        </div>
+
+        {/* Columns rendered by ProseMirror via NodeViewContent */}
+        <div
+          style={{
+            display: "grid",
+            gridTemplateColumns: `repeat(${colCount}, 1fr)`,
+            gap: GAP_MAP[gap] || "16px",
+            padding: "8px 12px",
+          }}
+        >
+          <NodeViewContent className="stack-columns" />
+        </div>
+      </div>
+    </NodeViewWrapper>
+  );
+}
diff --git a/frontend/src/editor/comments.ts b/frontend/src/editor/comments.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1b1c2dfab5f0f591936d0dec9758ff3a6b62b5b2
--- /dev/null
+++ b/frontend/src/editor/comments.ts
@@ -0,0 +1,61 @@
+import * as Y from "yjs";
+
+export interface CommentData {
+  id: string;
+  author: string;
+  authorColor: string;
+  text: string;
+  createdAt: number;
+  resolved: boolean;
+  resolvedBy?: string;
+  resolvedAt?: number;
+}
+
+export function createCommentStore(ydoc: Y.Doc) {
+  const ymap = ydoc.getMap<CommentData>("comments");
+
+  return {
+    add(comment: CommentData) {
+      ymap.set(comment.id, comment);
+    },
+
+    resolve(id: string, resolvedBy: string) {
+      const comment = ymap.get(id);
+      if (!comment) return;
+      ymap.set(id, {
+        ...comment,
+        resolved: true,
+        resolvedBy,
+        resolvedAt: Date.now(),
+      });
+    },
+
+    unresolve(id: string) {
+      const comment = ymap.get(id);
+      if (!comment) return;
+      ymap.set(id, {
+        ...comment,
+        resolved: false,
+        resolvedBy: undefined,
+        resolvedAt: undefined,
+      });
+    },
+
+    remove(id: string) {
+      ymap.delete(id);
+    },
+
+    getAll(): CommentData[] {
+      const comments: CommentData[] = [];
+      ymap.forEach((value) => comments.push(value));
+      return comments.sort((a, b) => a.createdAt - b.createdAt);
+    },
+
+    observe(callback: () => void) {
+      ymap.observe(callback);
+      return () => ymap.unobserve(callback);
+    },
+  };
+}
+
+export type CommentStore = ReturnType<typeof createCommentStore>;
diff --git a/frontend/src/editor/components/AtomicView.tsx b/frontend/src/editor/components/AtomicView.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..89f1da8d2554378826230d50aae6155fd012a39f
--- /dev/null
+++ b/frontend/src/editor/components/AtomicView.tsx
@@ -0,0 +1,144 @@
+// ---------------------------------------------------------------------------
+// Generic atomic NodeView
+//
+// Renders any "atomic" component (no editable children) as a placeholder
+// card showing the component type, icon, and its field values.
+// ---------------------------------------------------------------------------
+
+import React, { useCallback } from "react";
+import { NodeViewWrapper } from "@tiptap/react";
+import type { NodeViewProps } from "@tiptap/react";
+import type { ComponentDef, ComponentField } from "./registry";
+
+function AtomicFieldRow({
+  field,
+  value,
+  onChange,
+}: {
+  field: ComponentField;
+  value: unknown;
+  onChange: (val: unknown) => void;
+}) {
+  if (field.type === "boolean") {
+    return (
+      <label style={{ display: "flex", alignItems: "center", gap: 6, fontSize: 12, color: "rgba(255,255,255,0.5)", cursor: "pointer" }}>
+        <input
+          type="checkbox"
+          checked={!!value}
+          onChange={(e) => onChange(e.target.checked)}
+          style={{ accentColor: "#7c3aed" }}
+        />
+        {field.label}
+      </label>
+    );
+  }
+
+  if (field.type === "select" && field.options) {
+    return (
+      <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
+        <span style={{ fontSize: 12, color: "rgba(255,255,255,0.4)", minWidth: 60 }}>{field.label}</span>
+        <select
+          value={String(value ?? field.default ?? "")}
+          onChange={(e) => onChange(e.target.value)}
+          style={{
+            background: "rgba(255,255,255,0.06)",
+            border: "1px solid rgba(255,255,255,0.1)",
+            borderRadius: 4,
+            color: "rgba(255,255,255,0.8)",
+            fontSize: 12,
+            padding: "2px 6px",
+            outline: "none",
+            flex: 1,
+          }}
+        >
+          {field.options.map((opt) => (
+            <option key={opt} value={opt}>{opt}</option>
+          ))}
+        </select>
+      </div>
+    );
+  }
+
+  return (
+    <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
+      <span style={{ fontSize: 12, color: "rgba(255,255,255,0.4)", minWidth: 60 }}>{field.label}</span>
+      <input
+        type="text"
+        value={String(value ?? "")}
+        placeholder={field.placeholder || field.label}
+        onChange={(e) => onChange(e.target.value)}
+        style={{
+          background: "rgba(255,255,255,0.04)",
+          border: "1px solid rgba(255,255,255,0.08)",
+          borderRadius: 4,
+          color: "rgba(255,255,255,0.85)",
+          fontSize: 13,
+          padding: "4px 8px",
+          outline: "none",
+          flex: 1,
+          minWidth: 0,
+        }}
+      />
+    </div>
+  );
+}
+
+export function makeAtomicView(def: ComponentDef) {
+  function AtomicNodeView({ node, updateAttributes }: NodeViewProps) {
+    const handleFieldChange = useCallback(
+      (fieldName: string, value: unknown) => {
+        updateAttributes({ [fieldName]: value });
+      },
+      [updateAttributes],
+    );
+
+    const primaryField = def.fields.find((f) => f.name === "src" || f.name === "title") || def.fields[0];
+    const primaryValue = primaryField ? String(node.attrs[primaryField.name] || "") : "";
+
+    return (
+      <NodeViewWrapper data-component={def.name}>
+        <div
+          contentEditable={false}
+          style={{
+            border: "1px dashed rgba(255,255,255,0.15)",
+            borderRadius: 8,
+            background: "rgba(255,255,255,0.02)",
+            margin: "0.75em 0",
+            padding: "12px 16px",
+            userSelect: "none",
+          }}
+        >
+          {/* Header */}
+          <div style={{ display: "flex", alignItems: "center", gap: 8, marginBottom: def.fields.length > 0 ? 10 : 0 }}>
+            <span style={{ fontSize: 16, lineHeight: 1 }}>{def.icon}</span>
+            <span style={{ fontSize: 13, fontWeight: 600, color: "rgba(255,255,255,0.6)" }}>
+              {def.label}
+            </span>
+            {primaryValue && (
+              <span style={{ fontSize: 12, color: "rgba(255,255,255,0.35)", fontFamily: "monospace" }}>
+                {primaryValue}
+              </span>
+            )}
+          </div>
+
+          {/* Fields */}
+          {def.fields.length > 0 && (
+            <div style={{ display: "flex", flexDirection: "column", gap: 6 }}>
+              {def.fields.map((f) => (
+                <AtomicFieldRow
+                  key={f.name}
+                  field={f}
+                  value={node.attrs[f.name]}
+                  onChange={(v) => handleFieldChange(f.name, v)}
+                />
+              ))}
+            </div>
+          )}
+        </div>
+      </NodeViewWrapper>
+    );
+  }
+
+  AtomicNodeView.displayName = `${def.tag}View`;
+  return AtomicNodeView;
+}
diff --git a/frontend/src/editor/components/WrapperView.tsx b/frontend/src/editor/components/WrapperView.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..dabec5e147416894b18cd6fa81c75dc9a8f0979b
--- /dev/null
+++ b/frontend/src/editor/components/WrapperView.tsx
@@ -0,0 +1,207 @@
+// ---------------------------------------------------------------------------
+// Generic wrapper NodeView
+//
+// Renders any "wrapper" component from the registry as:
+//   ┌──────────────────────────────────────┐
+//   │ [icon]  Title / fields       [chevron]│  <- chrome (contentEditable=false)
+//   ├──────────────────────────────────────┤
+//   │  NodeViewContent (editable blocks)   │  <- ProseMirror content hole
+//   └──────────────────────────────────────┘
+// ---------------------------------------------------------------------------
+
+import React, { useState, useCallback } from "react";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+import type { NodeViewProps } from "@tiptap/react";
+import type { ComponentDef, ComponentField } from "./registry";
+
+// Variant color mapping for the Note component
+const VARIANT_COLORS: Record<string, { border: string; bg: string; icon: string }> = {
+  neutral: { border: "rgba(255,255,255,0.12)", bg: "rgba(255,255,255,0.03)", icon: "📝" },
+  info: { border: "rgba(59,130,246,0.35)", bg: "rgba(59,130,246,0.06)", icon: "ℹ️" },
+  success: { border: "rgba(34,197,94,0.35)", bg: "rgba(34,197,94,0.06)", icon: "✅" },
+  danger: { border: "rgba(239,68,68,0.35)", bg: "rgba(239,68,68,0.06)", icon: "⚠️" },
+};
+
+function FieldInput({
+  field,
+  value,
+  onChange,
+}: {
+  field: ComponentField;
+  value: unknown;
+  onChange: (val: unknown) => void;
+}) {
+  if (field.type === "boolean") {
+    return (
+      <label style={{ display: "flex", alignItems: "center", gap: 4, fontSize: 12, color: "rgba(255,255,255,0.5)", cursor: "pointer" }}>
+        <input
+          type="checkbox"
+          checked={!!value}
+          onChange={(e) => onChange(e.target.checked)}
+          style={{ accentColor: "#7c3aed" }}
+        />
+        {field.label}
+      </label>
+    );
+  }
+
+  if (field.type === "select" && field.options) {
+    return (
+      <select
+        value={String(value ?? field.default ?? "")}
+        onChange={(e) => onChange(e.target.value)}
+        style={{
+          background: "rgba(255,255,255,0.06)",
+          border: "1px solid rgba(255,255,255,0.1)",
+          borderRadius: 4,
+          color: "rgba(255,255,255,0.8)",
+          fontSize: 12,
+          padding: "2px 6px",
+          outline: "none",
+        }}
+      >
+        {field.options.map((opt) => (
+          <option key={opt} value={opt}>{opt}</option>
+        ))}
+      </select>
+    );
+  }
+
+  // string field
+  return (
+    <input
+      type="text"
+      value={String(value ?? "")}
+      placeholder={field.placeholder || field.label}
+      onChange={(e) => onChange(e.target.value)}
+      style={{
+        background: "transparent",
+        border: "none",
+        borderBottom: "1px solid rgba(255,255,255,0.1)",
+        color: "rgba(255,255,255,0.9)",
+        fontSize: 14,
+        fontWeight: 600,
+        padding: "2px 0",
+        outline: "none",
+        flex: 1,
+        minWidth: 0,
+      }}
+    />
+  );
+}
+
+/**
+ * Factory: returns a React component bound to a specific ComponentDef.
+ */
+export function makeWrapperView(def: ComponentDef) {
+  function WrapperNodeView({ node, updateAttributes }: NodeViewProps) {
+    const [collapsed, setCollapsed] = useState(
+      def.name === "accordion" ? !node.attrs.open : false,
+    );
+
+    const handleFieldChange = useCallback(
+      (fieldName: string, value: unknown) => {
+        updateAttributes({ [fieldName]: value });
+      },
+      [updateAttributes],
+    );
+
+    const titleField = def.fields.find((f) => f.name === "title");
+    const otherFields = def.fields.filter((f) => f.name !== "title");
+
+    // Variant-aware styling for Note
+    const variant = node.attrs.variant as string | undefined;
+    const colors = def.name === "note" && variant ? VARIANT_COLORS[variant] || VARIANT_COLORS.neutral : null;
+
+    const emoji = (node.attrs.emoji as string) || colors?.icon || def.icon;
+
+    const borderColor = colors?.border || "rgba(255,255,255,0.1)";
+    const bgColor = colors?.bg || "rgba(255,255,255,0.02)";
+
+    const isAccordion = def.name === "accordion";
+
+    return (
+      <NodeViewWrapper
+        data-component={def.name}
+        style={{
+          border: `1px solid ${borderColor}`,
+          borderRadius: 8,
+          background: bgColor,
+          margin: "0.75em 0",
+          overflow: "hidden",
+        }}
+      >
+        {/* Header chrome - not editable by ProseMirror */}
+        <div
+          contentEditable={false}
+          style={{
+            display: "flex",
+            alignItems: "center",
+            gap: 8,
+            padding: "8px 12px",
+            borderBottom: collapsed ? "none" : `1px solid ${borderColor}`,
+            userSelect: "none",
+            cursor: isAccordion ? "pointer" : "default",
+          }}
+          onClick={isAccordion ? () => setCollapsed((c) => !c) : undefined}
+        >
+          <span style={{ fontSize: 14, lineHeight: 1, flexShrink: 0 }}>{emoji}</span>
+
+          {titleField ? (
+            <div
+              style={{ flex: 1, minWidth: 0 }}
+              onClick={(e) => e.stopPropagation()}
+            >
+              <FieldInput
+                field={titleField}
+                value={node.attrs[titleField.name]}
+                onChange={(v) => handleFieldChange(titleField.name, v)}
+              />
+            </div>
+          ) : (
+            <span style={{ flex: 1, fontSize: 13, fontWeight: 600, color: "rgba(255,255,255,0.6)" }}>
+              {def.label}
+            </span>
+          )}
+
+          {otherFields.map((f) => (
+            <div key={f.name} onClick={(e) => e.stopPropagation()}>
+              <FieldInput
+                field={f}
+                value={node.attrs[f.name]}
+                onChange={(v) => handleFieldChange(f.name, v)}
+              />
+            </div>
+          ))}
+
+          {isAccordion && (
+            <span
+              style={{
+                fontSize: 14,
+                transition: "transform 200ms ease",
+                transform: collapsed ? "rotate(-90deg)" : "rotate(0deg)",
+                color: "rgba(255,255,255,0.4)",
+                flexShrink: 0,
+              }}
+            >
+              ▾
+            </span>
+          )}
+        </div>
+
+        {/* Editable content area */}
+        <div
+          style={{
+            display: collapsed ? "none" : "block",
+            padding: "8px 12px",
+          }}
+        >
+          <NodeViewContent className="component-content" />
+        </div>
+      </NodeViewWrapper>
+    );
+  }
+
+  WrapperNodeView.displayName = `${def.tag}View`;
+  return WrapperNodeView;
+}
diff --git a/frontend/src/editor/components/factory.ts b/frontend/src/editor/components/factory.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d282ce252d13012d05478c38e6694fde1ab6baf4
--- /dev/null
+++ b/frontend/src/editor/components/factory.ts
@@ -0,0 +1,134 @@
+// ---------------------------------------------------------------------------
+// Extension factories
+//
+// Generate TipTap Node extensions from ComponentDef declarations.
+// ---------------------------------------------------------------------------
+
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import type { ComponentDef } from "./registry";
+import { makeWrapperView } from "./WrapperView";
+import { makeAtomicView } from "./AtomicView";
+
+/**
+ * Build a TipTap Node for a "wrapper" component (has editable children).
+ *
+ * The resulting node:
+ * - belongs to the "block" group
+ * - accepts block+ content (paragraphs, lists, code, …)
+ * - stores each field as a node attribute
+ * - exposes an `insert<Tag>` command
+ * - renders via a generic React NodeView parameterised by the def
+ */
+export function createWrapperExtension(def: ComponentDef) {
+  const commandName = `insert${def.tag}`;
+
+  return Node.create({
+    name: def.name,
+    group: "block",
+    content: def.content || "block+",
+    defining: true,
+    isolating: true,
+
+    addAttributes() {
+      const attrs: Record<string, { default: unknown }> = {};
+      for (const f of def.fields) {
+        attrs[f.name] = { default: f.default ?? null };
+      }
+      return attrs;
+    },
+
+    parseHTML() {
+      return [{ tag: `div[data-component="${def.name}"]` }];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return [
+        "div",
+        mergeAttributes(HTMLAttributes, { "data-component": def.name }),
+        0, // ProseMirror content hole
+      ];
+    },
+
+    addCommands() {
+      return {
+        [commandName]:
+          () =>
+          ({ commands }: { commands: any }) => {
+            const attrs: Record<string, unknown> = {};
+            for (const f of def.fields) {
+              attrs[f.name] = f.default ?? null;
+            }
+            return commands.insertContent({
+              type: def.name,
+              attrs,
+              content: [{ type: "paragraph" }],
+            });
+          },
+      } as any;
+    },
+
+    addNodeView() {
+      return ReactNodeViewRenderer(makeWrapperView(def));
+    },
+  });
+}
+
+/**
+ * Build a TipTap Node for an "atomic" component (no editable children).
+ *
+ * The resulting node:
+ * - belongs to the "block" group
+ * - is an atom (no ProseMirror content inside)
+ * - stores each field as a node attribute
+ * - exposes an `insert<Tag>` command
+ * - renders via a generic placeholder NodeView
+ */
+export function createAtomicExtension(def: ComponentDef) {
+  const commandName = `insert${def.tag}`;
+
+  return Node.create({
+    name: def.name,
+    group: "block",
+    atom: true,
+    draggable: true,
+    selectable: true,
+
+    addAttributes() {
+      const attrs: Record<string, { default: unknown }> = {};
+      for (const f of def.fields) {
+        attrs[f.name] = { default: f.default ?? null };
+      }
+      return attrs;
+    },
+
+    parseHTML() {
+      return [{ tag: `div[data-component="${def.name}"]` }];
+    },
+
+    renderHTML({ HTMLAttributes }) {
+      return [
+        "div",
+        mergeAttributes(HTMLAttributes, { "data-component": def.name }),
+      ];
+    },
+
+    addCommands() {
+      return {
+        [commandName]:
+          () =>
+          ({ commands }: { commands: any }) => {
+            const attrs: Record<string, unknown> = {};
+            for (const f of def.fields) {
+              attrs[f.name] = f.default ?? null;
+            }
+            return commands.insertContent({ type: def.name, attrs });
+          },
+      } as any;
+    },
+
+    addNodeView() {
+      return ReactNodeViewRenderer(makeAtomicView(def));
+    },
+  });
+}
diff --git a/frontend/src/editor/components/index.ts b/frontend/src/editor/components/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7f29c05ac3dac6ff3847db310affe7a2332f4728
--- /dev/null
+++ b/frontend/src/editor/components/index.ts
@@ -0,0 +1,5 @@
+export { COMPONENTS } from "./registry";
+export type { ComponentDef, ComponentField } from "./registry";
+export { createWrapperExtension, createAtomicExtension } from "./factory";
+export { registerComponentSerializers } from "./serializers";
+export { getComponentSlashItems } from "./slash-items";
diff --git a/frontend/src/editor/components/registry.ts b/frontend/src/editor/components/registry.ts
new file mode 100644
index 0000000000000000000000000000000000000000..3034d5a74d6ca8585d5b213f96ae708a1b8b9dd7
--- /dev/null
+++ b/frontend/src/editor/components/registry.ts
@@ -0,0 +1,163 @@
+// ---------------------------------------------------------------------------
+// Component Registry
+//
+// Each entry describes a custom MDX component that can be used inside the
+// editor.  Factories (factory.ts) consume these definitions to auto-generate
+// TipTap extensions, NodeViews, slash-menu items and MDX serializers.
+// ---------------------------------------------------------------------------
+
+export interface ComponentField {
+  name: string;
+  type: "string" | "boolean" | "select";
+  default?: unknown;
+  options?: string[];
+  label: string;
+  placeholder?: string;
+}
+
+export interface ComponentDef {
+  /** Internal TipTap node name, e.g. "accordion" */
+  name: string;
+  /** MDX / Astro tag name, e.g. "Accordion" */
+  tag: string;
+  /** Single-char or emoji icon for the slash menu */
+  icon: string;
+  /** Human-readable label shown in the slash menu */
+  label: string;
+  /** Short description shown below the label */
+  description: string;
+  /** "wrapper" = has editable children, "atomic" = self-closing */
+  kind: "wrapper" | "atomic";
+  /** Editable attributes exposed in the toolbar */
+  fields: ComponentField[];
+  /** ProseMirror content expression (wrapper only, defaults to "block+") */
+  content?: string;
+}
+
+// ---------------------------------------------------------------------------
+// Registry — add new components here
+// ---------------------------------------------------------------------------
+
+export const COMPONENTS: ComponentDef[] = [
+  {
+    name: "accordion",
+    tag: "Accordion",
+    icon: "▸",
+    label: "Accordion",
+    description: "Collapsible content section",
+    kind: "wrapper",
+    fields: [
+      { name: "title", type: "string", label: "Title", default: "Details", placeholder: "Section title…" },
+      { name: "open", type: "boolean", label: "Open by default", default: false },
+    ],
+  },
+  {
+    name: "note",
+    tag: "Note",
+    icon: "ℹ",
+    label: "Note / Callout",
+    description: "Highlighted callout box",
+    kind: "wrapper",
+    fields: [
+      { name: "title", type: "string", label: "Title", default: "", placeholder: "Optional title…" },
+      { name: "emoji", type: "string", label: "Emoji", default: "", placeholder: "e.g. 💡" },
+      {
+        name: "variant",
+        type: "select",
+        label: "Variant",
+        default: "neutral",
+        options: ["neutral", "info", "success", "danger"],
+      },
+    ],
+  },
+  {
+    name: "quoteBlock",
+    tag: "Quote",
+    icon: "❝",
+    label: "Quote block",
+    description: "Quote with author attribution",
+    kind: "wrapper",
+    fields: [
+      { name: "author", type: "string", label: "Author", default: "", placeholder: "Author name…" },
+      { name: "source", type: "string", label: "Source", default: "", placeholder: "Book, URL…" },
+    ],
+  },
+  {
+    name: "wide",
+    tag: "Wide",
+    icon: "↔",
+    label: "Wide",
+    description: "Wider-than-column container",
+    kind: "wrapper",
+    fields: [],
+  },
+  {
+    name: "fullWidth",
+    tag: "FullWidth",
+    icon: "⟷",
+    label: "Full width",
+    description: "Full-width container",
+    kind: "wrapper",
+    fields: [],
+  },
+  {
+    name: "sidenote",
+    tag: "Sidenote",
+    icon: "¶",
+    label: "Sidenote",
+    description: "Margin note alongside content",
+    kind: "wrapper",
+    fields: [],
+  },
+  {
+    name: "reference",
+    tag: "Reference",
+    icon: "🏷",
+    label: "Reference / Figure",
+    description: "Captioned figure with anchor ID",
+    kind: "wrapper",
+    fields: [
+      { name: "id", type: "string", label: "ID", default: "", placeholder: "fig-1" },
+      { name: "caption", type: "string", label: "Caption", default: "", placeholder: "Figure caption…" },
+    ],
+  },
+  {
+    name: "htmlEmbed",
+    tag: "HtmlEmbed",
+    icon: "📊",
+    label: "HTML Embed",
+    description: "Embed an external HTML visualization",
+    kind: "atomic",
+    fields: [
+      { name: "src", type: "string", label: "Source file", default: "", placeholder: "d3-chart.html" },
+      { name: "title", type: "string", label: "Title", default: "", placeholder: "Chart title…" },
+      { name: "desc", type: "string", label: "Description", default: "", placeholder: "Chart description…" },
+      { name: "wide", type: "boolean", label: "Wide", default: false },
+      { name: "downloadable", type: "boolean", label: "Downloadable", default: false },
+    ],
+  },
+  {
+    name: "hfUser",
+    tag: "HfUser",
+    icon: "👤",
+    label: "HF User card",
+    description: "Hugging Face user profile card",
+    kind: "atomic",
+    fields: [
+      { name: "username", type: "string", label: "Username", default: "", placeholder: "username" },
+      { name: "name", type: "string", label: "Display name", default: "", placeholder: "Full Name" },
+      { name: "url", type: "string", label: "URL", default: "", placeholder: "https://huggingface.co/username" },
+    ],
+  },
+  {
+    name: "rawHtml",
+    tag: "RawHtml",
+    icon: "</>",
+    label: "Raw HTML",
+    description: "Inject raw HTML content",
+    kind: "atomic",
+    fields: [
+      { name: "html", type: "string", label: "HTML", default: "", placeholder: "<div>…</div>" },
+    ],
+  },
+];
diff --git a/frontend/src/editor/components/serializers.ts b/frontend/src/editor/components/serializers.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c6b78d24df95d1a298cffe5f1874664c0a2f8076
--- /dev/null
+++ b/frontend/src/editor/components/serializers.ts
@@ -0,0 +1,41 @@
+// ---------------------------------------------------------------------------
+// Auto-register MDX serializers for every component in the registry.
+//
+// Call `registerComponentSerializers()` once at startup (side-effect import).
+// ---------------------------------------------------------------------------
+
+import { registerSerializer, serializeNode } from "../../export/serializers/index";
+import { COMPONENTS } from "./registry";
+import type { ComponentDef } from "./registry";
+
+function serializeAttrs(def: ComponentDef, attrs: Record<string, unknown>): string {
+  const parts: string[] = [];
+
+  for (const f of def.fields) {
+    const val = attrs[f.name];
+    if (val === undefined || val === null || val === f.default) continue;
+
+    if (f.type === "boolean") {
+      if (val) parts.push(f.name);
+    } else {
+      parts.push(`${f.name}="${String(val)}"`);
+    }
+  }
+
+  return parts.length ? ` ${parts.join(" ")}` : "";
+}
+
+export function registerComponentSerializers() {
+  for (const def of COMPONENTS) {
+    registerSerializer(def.name, (node) => {
+      const attrStr = serializeAttrs(def, node.attrs ?? {});
+
+      if (def.kind === "atomic") {
+        return `<${def.tag}${attrStr} />`;
+      }
+
+      const inner = node.content?.map(serializeNode).join("\n\n") ?? "";
+      return `<${def.tag}${attrStr}>\n${inner}\n</${def.tag}>`;
+    });
+  }
+}
diff --git a/frontend/src/editor/components/slash-items.ts b/frontend/src/editor/components/slash-items.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f309031fdc1dff12785832bdf0ac577fe5636d30
--- /dev/null
+++ b/frontend/src/editor/components/slash-items.ts
@@ -0,0 +1,27 @@
+// ---------------------------------------------------------------------------
+// Auto-generate slash-menu items from the component registry.
+// ---------------------------------------------------------------------------
+
+import { COMPONENTS } from "./registry";
+import type { Editor } from "@tiptap/core";
+
+export interface SlashItem {
+  title: string;
+  description: string;
+  icon: string;
+  command: (editor: Editor) => void;
+}
+
+export function getComponentSlashItems(): SlashItem[] {
+  return COMPONENTS.map((def) => {
+    const commandName = `insert${def.tag}`;
+    return {
+      title: def.label,
+      description: def.description,
+      icon: def.icon,
+      command: (editor: Editor) => {
+        (editor.chain().focus() as any)[commandName]().run();
+      },
+    };
+  });
+}
diff --git a/frontend/src/editor/default-content.ts b/frontend/src/editor/default-content.ts
new file mode 100644
index 0000000000000000000000000000000000000000..68ca10825927a13c1cfbe44b9af1f2145e70aac7
--- /dev/null
+++ b/frontend/src/editor/default-content.ts
@@ -0,0 +1,233 @@
+/**
+ * Default demo content loaded when a document is empty (first sync).
+ * Covers every block/mark type supported by the editor.
+ */
+export const DEFAULT_CONTENT = `
+<h1>Welcome to the Collaborative Editor</h1>
+
+<p>This demo article showcases <strong>every content type</strong> available in the editor. Feel free to edit, delete, or rewrite anything — the AI assistant in the left panel can help you.</p>
+
+<h2>Text formatting</h2>
+
+<p>You can make text <strong>bold</strong>, <em>italic</em>, or <s>strikethrough</s>. Combine them for <strong><em>bold italic</em></strong>. Use <code>inline code</code> for technical terms, and add <a href="https://huggingface.co">links</a> to external resources.</p>
+
+<h2>Lists</h2>
+
+<h3>Unordered list</h3>
+
+<ul>
+  <li>First item with some context</li>
+  <li>Second item — supports <strong>rich formatting</strong> inside</li>
+  <li>Third item with <code>inline code</code></li>
+</ul>
+
+<h3>Ordered list</h3>
+
+<ol>
+  <li>Prepare the dataset</li>
+  <li>Fine-tune the model</li>
+  <li>Evaluate on the test split</li>
+  <li>Deploy to production</li>
+</ol>
+
+<h2>Blockquote</h2>
+
+<blockquote>
+  <p>"The best way to predict the future is to invent it." — Alan Kay</p>
+</blockquote>
+
+<h2>Code block</h2>
+
+<pre><code class="language-python">import torch
+from transformers import AutoModelForCausalLM, AutoTokenizer
+
+model_id = "meta-llama/Llama-3-8B"
+tokenizer = AutoTokenizer.from_pretrained(model_id)
+model = AutoModelForCausalLM.from_pretrained(
+    model_id,
+    torch_dtype=torch.bfloat16,
+    device_map="auto",
+)
+
+prompt = "The future of AI is"
+inputs = tokenizer(prompt, return_tensors="pt").to(model.device)
+outputs = model.generate(**inputs, max_new_tokens=100)
+print(tokenizer.decode(outputs[0], skip_special_tokens=True))</code></pre>
+
+<h2>Table</h2>
+
+<table>
+  <tr>
+    <th>Model</th>
+    <th>Parameters</th>
+    <th>MMLU</th>
+    <th>HellaSwag</th>
+  </tr>
+  <tr>
+    <td>LLaMA 3 8B</td>
+    <td>8B</td>
+    <td>66.6</td>
+    <td>82.0</td>
+  </tr>
+  <tr>
+    <td>LLaMA 3 70B</td>
+    <td>70B</td>
+    <td>79.5</td>
+    <td>87.3</td>
+  </tr>
+  <tr>
+    <td>GPT-4</td>
+    <td>~1.8T</td>
+    <td>86.4</td>
+    <td>95.3</td>
+  </tr>
+  <tr>
+    <td>Mixtral 8x7B</td>
+    <td>46.7B</td>
+    <td>70.6</td>
+    <td>84.4</td>
+  </tr>
+</table>
+
+<h2>Mathematics</h2>
+
+<p>Inline math works with double dollars: the quadratic formula is <span data-type="inline-math" data-latex="x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}"></span> and Euler's identity is <span data-type="inline-math" data-latex="e^{i\\pi} + 1 = 0"></span>.</p>
+
+<p>Block equations use triple dollars. Here is a standard autoregressive loss:</p>
+
+<div data-type="block-math" data-latex="\\mathcal{L}(\\theta) = -\\sum_{t=1}^{T} \\log P(x_t \\mid x_{<t}; \\theta)"></div>
+
+<p>And the full variational trajectory decomposition:</p>
+
+<div data-type="block-math" data-latex="\\begin{aligned} \\log p_\\theta(\\mathcal{D}) &amp;= \\log \\sum_{i=0}^N p_\\theta((o,a)_i) \\\\ &amp;= \\log \\sum_{i=0}^N \\int_{\\text{supp}(Z)} p_\\theta((o,a)_i \\mid z)\\, p(z) \\\\ &amp;= \\log \\sum_{i=0}^N \\int_{\\text{supp}(Z)} \\frac{q_\\theta(z \\mid (o,a)_i)}{q_\\theta(z \\mid (o,a)_i)} \\cdot p_\\theta((o,a)_i \\mid z)\\, p(z) \\\\ &amp;= \\log \\sum_{i=0}^N \\mathbb{E}_{z \\sim p_\\theta(\\bullet \\mid (o,a)_i)} \\left[ \\frac{p(z)}{q_\\theta(z \\mid (o,a)_i)} \\cdot p_\\theta((o,a)_i \\mid z) \\right] \\end{aligned}"></div>
+
+<h2>Scientific references</h2>
+
+<p>The editor supports academic citations. The Transformer architecture <span data-type="citation" key="vaswani2017"></span> revolutionized natural language processing by introducing the self-attention mechanism. Large-scale pretraining <span data-type="citation" key="devlin2019"></span> demonstrated that unsupervised objectives on massive corpora produce powerful general-purpose representations.</p>
+
+<p>More recently, scaling laws <span data-type="citation" key="kaplan2020"></span> have shown predictable relationships between model size, dataset size, and performance.</p>
+
+<hr />
+
+<h2>Horizontal rule</h2>
+
+<p>Use a horizontal rule to visually separate sections:</p>
+
+<hr />
+
+<h2>Nested content</h2>
+
+<p>Lists can contain multiple levels of formatting. Blockquotes can hold structured content:</p>
+
+<blockquote>
+  <p><strong>Note:</strong> This editor supports real-time collaboration. Open this page in another tab to see cursors sync live.</p>
+</blockquote>
+
+<h3>A deeper heading level</h3>
+
+<p>Heading levels go from H1 down to H3, giving you a clear document hierarchy. The floating menu on the left lets you insert any block type, and the bubble toolbar appears when you select text.</p>
+
+<h2>Custom components</h2>
+
+<p>The editor supports rich custom components from the research article template. Use the <code>/</code> slash menu to insert them.</p>
+
+<div data-component="accordion" title="Implementation details" open="false"><p>The model was fine-tuned using LoRA adapters with rank 16 on 4× A100 GPUs. Training took approximately 12 hours on the full dataset. We used a cosine learning rate schedule with warm-up over the first 10% of steps.</p></div>
+
+<div data-component="note" title="Important" emoji="💡" variant="info"><p>All experiments were conducted with mixed-precision (bf16) training. Results may vary slightly with different random seeds.</p></div>
+
+<div data-component="quoteBlock" author="Ilya Sutskever" source="NeurIPS 2024 keynote"><p>If you have a very large neural network and you train it on a very large dataset, you get very good results. It really is that simple.</p></div>
+
+<div data-component="note" title="Warning" emoji="⚠️" variant="danger"><p>Do not use these scaling estimates for production capacity planning without accounting for inference overhead and memory constraints.</p></div>
+
+<div data-component="wide"><p>This content stretches beyond the normal column width, useful for wide tables, figures or visualizations that need extra horizontal space.</p></div>
+
+<div data-component="fullWidth"><p>This content spans the entire page width. It is ideal for large figures, panoramic images, or full-bleed data visualizations.</p></div>
+
+<div data-component="sidenote"><p>Scaling laws were first systematically studied in the context of neural machine translation before being generalized to language models.</p></div>
+
+<div data-component="reference" id="fig-scaling" caption="Log-linear relationship between compute budget and model performance across three orders of magnitude."><p>[ Figure placeholder — insert an image or chart here ]</p></div>
+
+<div data-component="htmlEmbed" src="d3-scaling-chart.html" title="Interactive scaling law visualization" desc="Explore how model size, data, and compute interact." wide="false" downloadable="true"></div>
+
+<p>The concept of <span data-type="glossary" term="Scaling law" definition="A power-law relationship between model size, dataset size, compute budget, and performance."></span> has become central to modern AI research. Early work<span data-type="footnote" content="Hestness et al. (2017) observed similar scaling behavior in vision and translation tasks before the scaling laws paper formalized the framework."></span> suggested these relationships hold across modalities.</p>
+
+<div data-component="stack" layout="2-column" gap="medium"><div data-type="stack-column"><p><strong>Column A</strong></p><p>Multi-column layouts let you place content side by side. Each column is fully editable.</p></div><div data-type="stack-column"><p><strong>Column B</strong></p><p>Use the layout selector in the header to switch between 2, 3, or 4 columns.</p></div></div>
+
+<div data-component="hfUser" username="tfrere" name="Thibaud Frere" url="https://huggingface.co/tfrere"></div>
+
+<h2>What's next?</h2>
+
+<p>Try asking the AI assistant to:</p>
+
+<ul>
+  <li>Rewrite a paragraph in a different tone</li>
+  <li>Expand a section with more detail</li>
+  <li>Fix grammar or spelling errors</li>
+  <li>Translate content to another language</li>
+  <li>Add a new section on a specific topic</li>
+</ul>
+
+<p>Select some text and use the quick actions, or type a message in the chat panel. All AI edits can be undone with <code>Cmd+Z</code>.</p>
+
+<div data-type="bibliography"></div>
+`;
+
+/**
+ * Demo citation entries (CSL-JSON) seeded into Y.Map("citations").
+ */
+export const SEED_CITATIONS: Record<string, any> = {
+  vaswani2017: {
+    id: "vaswani2017",
+    type: "paper-conference",
+    title: "Attention is all you need",
+    author: [
+      { family: "Vaswani", given: "Ashish" },
+      { family: "Shazeer", given: "Noam" },
+      { family: "Parmar", given: "Niki" },
+      { family: "Uszkoreit", given: "Jakob" },
+      { family: "Jones", given: "Llion" },
+      { family: "Gomez", given: "Aidan N." },
+      { family: "Kaiser", given: "Lukasz" },
+      { family: "Polosukhin", given: "Illia" },
+    ],
+    issued: { "date-parts": [[2017]] },
+    "container-title": "Advances in Neural Information Processing Systems",
+    volume: "30",
+    DOI: "10.48550/arXiv.1706.03762",
+  },
+  devlin2019: {
+    id: "devlin2019",
+    type: "paper-conference",
+    title: "BERT: Pre-training of deep bidirectional transformers for language understanding",
+    author: [
+      { family: "Devlin", given: "Jacob" },
+      { family: "Chang", given: "Ming-Wei" },
+      { family: "Lee", given: "Kenton" },
+      { family: "Toutanova", given: "Kristina" },
+    ],
+    issued: { "date-parts": [[2019]] },
+    "container-title": "Proceedings of NAACL-HLT",
+    page: "4171-4186",
+    DOI: "10.18653/v1/N19-1423",
+  },
+  kaplan2020: {
+    id: "kaplan2020",
+    type: "article-journal",
+    title: "Scaling laws for neural language models",
+    author: [
+      { family: "Kaplan", given: "Jared" },
+      { family: "McCandlish", given: "Sam" },
+      { family: "Henighan", given: "Tom" },
+      { family: "Brown", given: "Tom B." },
+      { family: "Chess", given: "Benjamin" },
+      { family: "Child", given: "Rewon" },
+      { family: "Gray", given: "Scott" },
+      { family: "Radford", given: "Alec" },
+      { family: "Wu", given: "Jeffrey" },
+      { family: "Amodei", given: "Dario" },
+    ],
+    issued: { "date-parts": [[2020]] },
+    "container-title": "arXiv preprint arXiv:2001.08361",
+    DOI: "10.48550/arXiv.2001.08361",
+  },
+};
diff --git a/frontend/src/editor/extensions/bibliography.ts b/frontend/src/editor/extensions/bibliography.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4ba0e433e0ed97ed2099789c04df1efa9633ce3a
--- /dev/null
+++ b/frontend/src/editor/extensions/bibliography.ts
@@ -0,0 +1,44 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import { BibliographyView } from "../BibliographyView";
+
+declare module "@tiptap/core" {
+  interface Commands<ReturnType> {
+    bibliography: {
+      insertBibliography: () => ReturnType;
+    };
+  }
+}
+
+export const Bibliography = Node.create({
+  name: "bibliography",
+  group: "block",
+  atom: true,
+  draggable: false,
+  selectable: true,
+
+  parseHTML() {
+    return [{ tag: 'div[data-type="bibliography"]' }];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      mergeAttributes(HTMLAttributes, { "data-type": "bibliography" }),
+    ];
+  },
+
+  addCommands() {
+    return {
+      insertBibliography:
+        () =>
+        ({ commands }) => {
+          return commands.insertContent({ type: this.name });
+        },
+    };
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(BibliographyView);
+  },
+});
diff --git a/frontend/src/editor/extensions/citation.ts b/frontend/src/editor/extensions/citation.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8145c33aa1d40f440c0e4ab06503f02e58d6fd54
--- /dev/null
+++ b/frontend/src/editor/extensions/citation.ts
@@ -0,0 +1,59 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import { CitationView } from "../CitationView";
+
+declare module "@tiptap/core" {
+  interface Commands<ReturnType> {
+    citation: {
+      insertCitation: (key: string) => ReturnType;
+    };
+  }
+}
+
+export const Citation = Node.create({
+  name: "citation",
+  group: "inline",
+  inline: true,
+  atom: true,
+
+  addStorage() {
+    return {
+      citationsMap: null as any,
+      settingsMap: null as any,
+    };
+  },
+
+  addAttributes() {
+    return {
+      key: { default: "" },
+    };
+  },
+
+  parseHTML() {
+    return [{ tag: 'span[data-type="citation"]' }];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes(HTMLAttributes, { "data-type": "citation" }),
+    ];
+  },
+
+  addCommands() {
+    return {
+      insertCitation:
+        (key: string) =>
+        ({ commands }) => {
+          return commands.insertContent({
+            type: this.name,
+            attrs: { key },
+          });
+        },
+    };
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(CitationView);
+  },
+});
diff --git a/frontend/src/editor/extensions/collaboration-undo.ts b/frontend/src/editor/extensions/collaboration-undo.ts
new file mode 100644
index 0000000000000000000000000000000000000000..96d6483dbe3d1aed5b21bae734fe96e2b9042032
--- /dev/null
+++ b/frontend/src/editor/extensions/collaboration-undo.ts
@@ -0,0 +1,87 @@
+import { Extension } from "@tiptap/core";
+import { UndoManager } from "yjs";
+import type { XmlFragment } from "yjs";
+
+declare module "@tiptap/core" {
+  interface Commands<ReturnType> {
+    collaborationUndo: {
+      undo: () => ReturnType;
+      redo: () => ReturnType;
+    };
+  }
+}
+
+export interface CollaborationUndoOptions {
+  fragment: XmlFragment;
+  onUndoManagerReady?: (manager: UndoManager) => void;
+}
+
+/**
+ * Wraps Y.UndoManager as a TipTap extension, replacing the disabled
+ * ProseMirror history with collaborative undo/redo.
+ *
+ * Agent edits can be grouped by calling undoManager.stopCapturing()
+ * before and after a batch of changes - everything between two
+ * stopCapturing() calls is merged into a single undo step.
+ */
+export const CollaborationUndo = Extension.create<CollaborationUndoOptions>({
+  name: "collaborationUndo",
+
+  addOptions() {
+    return {
+      fragment: null as unknown as XmlFragment,
+      onUndoManagerReady: undefined,
+    };
+  },
+
+  addStorage() {
+    return {
+      undoManager: null as UndoManager | null,
+    };
+  },
+
+  onCreate() {
+    const um = new UndoManager(this.options.fragment, {
+      captureTimeout: 500,
+    });
+    this.storage.undoManager = um;
+    this.options.onUndoManagerReady?.(um);
+  },
+
+  onDestroy() {
+    this.storage.undoManager?.destroy();
+  },
+
+  addCommands() {
+    return {
+      undo:
+        () =>
+        () => {
+          const um = this.storage.undoManager;
+          if (um && um.undoStack.length > 0) {
+            um.undo();
+            return true;
+          }
+          return false;
+        },
+      redo:
+        () =>
+        () => {
+          const um = this.storage.undoManager;
+          if (um && um.redoStack.length > 0) {
+            um.redo();
+            return true;
+          }
+          return false;
+        },
+    };
+  },
+
+  addKeyboardShortcuts() {
+    return {
+      "Mod-z": () => this.editor.commands.undo(),
+      "Mod-Shift-z": () => this.editor.commands.redo(),
+      "Mod-y": () => this.editor.commands.redo(),
+    };
+  },
+});
diff --git a/frontend/src/editor/extensions/comment.ts b/frontend/src/editor/extensions/comment.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1ff5a2b3b2df9d322bcbe350894a5107a5d870e5
--- /dev/null
+++ b/frontend/src/editor/extensions/comment.ts
@@ -0,0 +1,74 @@
+import { Mark, mergeAttributes } from "@tiptap/core";
+
+export interface CommentOptions {
+  HTMLAttributes: Record<string, string>;
+}
+
+declare module "@tiptap/core" {
+  interface Commands<ReturnType> {
+    comment: {
+      setComment: (commentId: string) => ReturnType;
+      unsetComment: () => ReturnType;
+    };
+  }
+}
+
+export const Comment = Mark.create<CommentOptions>({
+  name: "comment",
+
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+    };
+  },
+
+  addAttributes() {
+    return {
+      commentId: {
+        default: null,
+        parseHTML: (el) => el.getAttribute("data-comment-id"),
+        renderHTML: (attrs) => {
+          if (!attrs.commentId) return {};
+          return { "data-comment-id": attrs.commentId };
+        },
+      },
+      resolved: {
+        default: false,
+        parseHTML: (el) => el.getAttribute("data-resolved") === "true",
+        renderHTML: (attrs) => {
+          if (!attrs.resolved) return {};
+          return { "data-resolved": "true" };
+        },
+      },
+    };
+  },
+
+  parseHTML() {
+    return [{ tag: "span[data-comment-id]" }];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+        class: `comment-mark ${HTMLAttributes["data-resolved"] === "true" ? "resolved" : ""}`,
+      }),
+      0,
+    ];
+  },
+
+  addCommands() {
+    return {
+      setComment:
+        (commentId: string) =>
+        ({ commands }) => {
+          return commands.setMark(this.name, { commentId });
+        },
+      unsetComment:
+        () =>
+        ({ commands }) => {
+          return commands.unsetMark(this.name);
+        },
+    };
+  },
+});
diff --git a/frontend/src/editor/extensions/footnote.ts b/frontend/src/editor/extensions/footnote.ts
new file mode 100644
index 0000000000000000000000000000000000000000..415d2a3aff78449743da48e05cc8321afcca1e6b
--- /dev/null
+++ b/frontend/src/editor/extensions/footnote.ts
@@ -0,0 +1,52 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import { FootnoteView } from "../FootnoteView";
+
+declare module "@tiptap/core" {
+  interface Commands<ReturnType> {
+    footnote: {
+      insertFootnote: (content: string) => ReturnType;
+    };
+  }
+}
+
+export const Footnote = Node.create({
+  name: "footnote",
+  group: "inline",
+  inline: true,
+  atom: true,
+
+  addAttributes() {
+    return {
+      content: { default: "" },
+    };
+  },
+
+  parseHTML() {
+    return [{ tag: 'span[data-type="footnote"]' }];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes(HTMLAttributes, { "data-type": "footnote" }),
+    ];
+  },
+
+  addCommands() {
+    return {
+      insertFootnote:
+        (content: string) =>
+        ({ commands }) => {
+          return commands.insertContent({
+            type: this.name,
+            attrs: { content },
+          });
+        },
+    };
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(FootnoteView);
+  },
+});
diff --git a/frontend/src/editor/extensions/glossary.ts b/frontend/src/editor/extensions/glossary.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8b4b886ff332dda186cb9ce1276d261d1132d221
--- /dev/null
+++ b/frontend/src/editor/extensions/glossary.ts
@@ -0,0 +1,53 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import { GlossaryView } from "../GlossaryView";
+
+declare module "@tiptap/core" {
+  interface Commands<ReturnType> {
+    glossary: {
+      insertGlossary: (term: string, definition: string) => ReturnType;
+    };
+  }
+}
+
+export const Glossary = Node.create({
+  name: "glossary",
+  group: "inline",
+  inline: true,
+  atom: true,
+
+  addAttributes() {
+    return {
+      term: { default: "" },
+      definition: { default: "" },
+    };
+  },
+
+  parseHTML() {
+    return [{ tag: 'span[data-type="glossary"]' }];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "span",
+      mergeAttributes(HTMLAttributes, { "data-type": "glossary" }),
+    ];
+  },
+
+  addCommands() {
+    return {
+      insertGlossary:
+        (term: string, definition: string) =>
+        ({ commands }) => {
+          return commands.insertContent({
+            type: this.name,
+            attrs: { term, definition },
+          });
+        },
+    };
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(GlossaryView);
+  },
+});
diff --git a/frontend/src/editor/extensions/image-upload.ts b/frontend/src/editor/extensions/image-upload.ts
new file mode 100644
index 0000000000000000000000000000000000000000..23da5708dad5c33df904c9892808ab15fc534d49
--- /dev/null
+++ b/frontend/src/editor/extensions/image-upload.ts
@@ -0,0 +1,43 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import { ImageUploadView } from "../ImageUploadView";
+
+declare module "@tiptap/core" {
+  interface Commands<ReturnType> {
+    imageUpload: {
+      insertImageUpload: () => ReturnType;
+    };
+  }
+}
+
+export const ImageUpload = Node.create({
+  name: "imageUpload",
+  group: "block",
+  atom: true,
+  draggable: true,
+
+  parseHTML() {
+    return [{ tag: 'div[data-type="image-upload"]' }];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      mergeAttributes(HTMLAttributes, { "data-type": "image-upload" }),
+    ];
+  },
+
+  addCommands() {
+    return {
+      insertImageUpload:
+        () =>
+        ({ commands }) => {
+          return commands.insertContent({ type: this.name });
+        },
+    };
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(ImageUploadView);
+  },
+});
diff --git a/frontend/src/editor/extensions/slash-commands.ts b/frontend/src/editor/extensions/slash-commands.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2e64bf2e6078196c9089024e12fd313df8380c07
--- /dev/null
+++ b/frontend/src/editor/extensions/slash-commands.ts
@@ -0,0 +1,37 @@
+import { Extension } from "@tiptap/core";
+import Suggestion from "@tiptap/suggestion";
+import { slashMenuSuggestion } from "../SlashMenu";
+
+export const SlashCommands = Extension.create({
+  name: "slashCommands",
+
+  addOptions() {
+    return {
+      suggestion: {
+        char: "/",
+        command: ({
+          editor,
+          range,
+          props,
+        }: {
+          editor: any;
+          range: any;
+          props: any;
+        }) => {
+          editor.chain().focus().deleteRange(range).run();
+          props.command(editor);
+        },
+        ...slashMenuSuggestion(),
+      },
+    };
+  },
+
+  addProseMirrorPlugins() {
+    return [
+      Suggestion({
+        editor: this.editor,
+        ...this.options.suggestion,
+      }),
+    ];
+  },
+});
diff --git a/frontend/src/editor/extensions/stack.ts b/frontend/src/editor/extensions/stack.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2a79a12a68a0035b9a5b887d962237e55a3a70c8
--- /dev/null
+++ b/frontend/src/editor/extensions/stack.ts
@@ -0,0 +1,76 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import { StackView } from "../StackView";
+
+declare module "@tiptap/core" {
+  interface Commands<ReturnType> {
+    stack: {
+      insertStack: (columns?: number) => ReturnType;
+    };
+  }
+}
+
+export const StackColumn = Node.create({
+  name: "stackColumn",
+  group: "stackColumn",
+  content: "block+",
+  defining: true,
+  isolating: true,
+
+  parseHTML() {
+    return [{ tag: 'div[data-type="stack-column"]' }];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-type": "stack-column" }), 0];
+  },
+});
+
+export const Stack = Node.create({
+  name: "stack",
+  group: "block",
+  content: "stackColumn{2,4}",
+  defining: true,
+  isolating: true,
+
+  addAttributes() {
+    return {
+      layout: { default: "2-column" },
+      gap: { default: "medium" },
+    };
+  },
+
+  parseHTML() {
+    return [{ tag: 'div[data-component="stack"]' }];
+  },
+
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      mergeAttributes(HTMLAttributes, { "data-component": "stack" }),
+      0,
+    ];
+  },
+
+  addCommands() {
+    return {
+      insertStack:
+        (columns = 2) =>
+        ({ commands }) => {
+          const cols = Array.from({ length: Math.min(Math.max(columns, 2), 4) }, () => ({
+            type: "stackColumn",
+            content: [{ type: "paragraph" }],
+          }));
+          return commands.insertContent({
+            type: "stack",
+            attrs: { layout: `${columns}-column` },
+            content: cols,
+          });
+        },
+    };
+  },
+
+  addNodeView() {
+    return ReactNodeViewRenderer(StackView);
+  },
+});
diff --git a/frontend/src/editor/frontmatter/FrontmatterHero.tsx b/frontend/src/editor/frontmatter/FrontmatterHero.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..52166d43ad921feaf21ee21a3712df3e140f03ad
--- /dev/null
+++ b/frontend/src/editor/frontmatter/FrontmatterHero.tsx
@@ -0,0 +1,417 @@
+import { useState, useRef, useEffect, type KeyboardEvent } from "react";
+import {
+  Box,
+  Typography,
+  Chip,
+  IconButton,
+  Tooltip,
+  TextField,
+} from "@mui/material";
+import AddIcon from "@mui/icons-material/Add";
+import CloseIcon from "@mui/icons-material/Close";
+import { useFrontmatter } from "./useFrontmatter";
+import type { FrontmatterStore, Author, Affiliation } from "./frontmatter-store";
+
+interface FrontmatterHeroProps {
+  store: FrontmatterStore | null;
+}
+
+export function FrontmatterHero({ store }: FrontmatterHeroProps) {
+  const { data, update } = useFrontmatter(store);
+  const [editingAuthorIdx, setEditingAuthorIdx] = useState<number | null>(null);
+  const [showAuthorForm, setShowAuthorForm] = useState(false);
+
+  if (!data) {
+    return <Box sx={{ maxWidth: 680, mx: "auto", mb: 4, px: 2 }} />;
+  }
+
+  const hasContent = data.title || data.subtitle || data.authors.length > 0;
+
+  return (
+    <Box sx={{ maxWidth: 680, mx: "auto", mb: 4, px: 2 }}>
+      {/* Title */}
+      <EditableText
+        value={data.title}
+        placeholder="Article title"
+        onChange={(v) => update("title", v)}
+        typographySx={{
+          fontSize: "2.2rem",
+          fontWeight: 700,
+          lineHeight: 1.2,
+          letterSpacing: "-0.02em",
+          color: "text.primary",
+          mb: 0.5,
+        }}
+        multiline
+      />
+
+      {/* Subtitle */}
+      <EditableText
+        value={data.subtitle}
+        placeholder="Subtitle (optional)"
+        onChange={(v) => update("subtitle", v)}
+        typographySx={{
+          fontSize: "1.15rem",
+          fontWeight: 400,
+          lineHeight: 1.5,
+          color: "text.secondary",
+          mb: 2.5,
+        }}
+      />
+
+      {/* Authors + Affiliations */}
+      <Box sx={{ mb: 2 }}>
+        <Box sx={{ display: "flex", flexWrap: "wrap", alignItems: "center", gap: 0.75 }}>
+          {data.authors.map((author, i) => (
+            <AuthorChip
+              key={`author-${i}`}
+              author={author}
+              affiliations={data.affiliations}
+              onEdit={() => setEditingAuthorIdx(i)}
+              onRemove={() => store?.removeAuthor(i)}
+            />
+          ))}
+          <Tooltip title="Add author" arrow>
+            <IconButton
+              size="small"
+              onClick={() => setShowAuthorForm(true)}
+              sx={{ color: "text.disabled", border: "1px dashed", borderColor: "divider", borderRadius: 1, p: 0.5 }}
+            >
+              <AddIcon sx={{ fontSize: 14 }} />
+            </IconButton>
+          </Tooltip>
+        </Box>
+
+        {/* Affiliation footnotes */}
+        {data.affiliations.length > 0 && (
+          <Box sx={{ color: "text.disabled", mt: 0.75, fontSize: "0.7rem" }}>
+            {data.affiliations.map((aff, i) => (
+              <span key={`aff-${i}`}>
+                <sup>{i + 1}</sup>{" "}
+                {aff.url ? (
+                  <a href={aff.url} style={{ color: "inherit", textDecoration: "underline" }} target="_blank" rel="noopener noreferrer">
+                    {aff.name}
+                  </a>
+                ) : (
+                  aff.name
+                )}
+                {i < data.affiliations.length - 1 ? "   " : ""}
+              </span>
+            ))}
+          </Box>
+        )}
+      </Box>
+
+      {/* Meta line: date + DOI */}
+      <Box sx={{ display: "flex", alignItems: "center", gap: 1.5, flexWrap: "wrap" }}>
+        <EditableText
+          value={data.published}
+          placeholder="Publication date"
+          onChange={(v) => update("published", v)}
+          typographySx={{ fontSize: "0.8rem", color: "text.disabled" }}
+          inline
+        />
+        {data.published && data.doi && (
+          <Box component="span" sx={{ color: "text.disabled", fontSize: "0.8rem" }}>-</Box>
+        )}
+        <EditableText
+          value={data.doi}
+          placeholder="DOI"
+          onChange={(v) => update("doi", v)}
+          typographySx={{ fontSize: "0.8rem", color: "text.disabled", fontFamily: "monospace" }}
+          inline
+        />
+      </Box>
+
+      {/* Separator */}
+      {hasContent && (
+        <Box sx={{ borderBottom: "1px solid", borderColor: "divider", mt: 3, mb: 1 }} />
+      )}
+
+      {/* Author forms */}
+      {showAuthorForm && (
+        <AuthorInlineForm
+          affiliations={data.affiliations}
+          onSubmit={(author, newAff) => {
+            if (newAff) {
+              const idx = store!.addAffiliation(newAff);
+              author.affiliations = [...author.affiliations, idx];
+            }
+            store?.addAuthor(author);
+            setShowAuthorForm(false);
+          }}
+          onCancel={() => setShowAuthorForm(false)}
+        />
+      )}
+
+      {editingAuthorIdx !== null && data.authors[editingAuthorIdx] && (
+        <AuthorInlineForm
+          initial={data.authors[editingAuthorIdx]}
+          affiliations={data.affiliations}
+          onSubmit={(author, newAff) => {
+            if (newAff) {
+              const idx = store!.addAffiliation(newAff);
+              author.affiliations = [...author.affiliations, idx];
+            }
+            store?.updateAuthor(editingAuthorIdx, author);
+            setEditingAuthorIdx(null);
+          }}
+          onCancel={() => setEditingAuthorIdx(null)}
+        />
+      )}
+    </Box>
+  );
+}
+
+// ---- Editable text field (click-to-edit) ----
+
+interface EditableTextProps {
+  value: string;
+  placeholder: string;
+  onChange: (value: string) => void;
+  typographySx?: Record<string, any>;
+  multiline?: boolean;
+  inline?: boolean;
+}
+
+function EditableText({ value, placeholder, onChange, typographySx = {}, multiline, inline }: EditableTextProps) {
+  const [editing, setEditing] = useState(false);
+  const [draft, setDraft] = useState(value);
+  const inputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);
+
+  useEffect(() => {
+    if (!editing) setDraft(value);
+  }, [value, editing]);
+
+  useEffect(() => {
+    if (editing) {
+      inputRef.current?.focus();
+      if (inputRef.current) {
+        const el = inputRef.current;
+        el.selectionStart = el.selectionEnd = el.value.length;
+      }
+    }
+  }, [editing]);
+
+  const commit = () => {
+    setEditing(false);
+    if (draft !== value) onChange(draft);
+  };
+
+  const handleKeyDown = (e: KeyboardEvent) => {
+    if (e.key === "Enter" && !multiline) {
+      e.preventDefault();
+      commit();
+    }
+    if (e.key === "Escape") {
+      setDraft(value);
+      setEditing(false);
+    }
+  };
+
+  const displayValue = value || placeholder;
+  const isEmpty = !value;
+
+  if (editing) {
+    return (
+      <Box sx={{ display: inline ? "inline-flex" : "flex" }}>
+        <TextField
+          inputRef={inputRef}
+          value={draft}
+          onChange={(e) => setDraft(e.target.value)}
+          onBlur={commit}
+          onKeyDown={handleKeyDown}
+          multiline={multiline}
+          fullWidth={!inline}
+          variant="standard"
+          placeholder={placeholder}
+          slotProps={{
+            input: {
+              disableUnderline: true,
+              sx: {
+                ...typographySx,
+                p: 0,
+                m: 0,
+              },
+            },
+          }}
+        />
+      </Box>
+    );
+  }
+
+  return (
+    <Box
+      onClick={() => setEditing(true)}
+      sx={{
+        ...typographySx,
+        cursor: "text",
+        opacity: isEmpty ? 0.35 : 1,
+        borderRadius: 1,
+        transition: "background 0.15s",
+        px: 0.5,
+        mx: -0.5,
+        display: inline ? "inline" : "block",
+        "&:hover": {
+          bgcolor: "rgba(255,255,255,0.04)",
+        },
+      }}
+    >
+      {displayValue}
+    </Box>
+  );
+}
+
+// ---- Author chip ----
+
+function AuthorChip({
+  author,
+  affiliations,
+  onEdit,
+  onRemove,
+}: {
+  author: Author;
+  affiliations: Affiliation[];
+  onEdit: () => void;
+  onRemove: () => void;
+}) {
+  const affIndices = author.affiliations || [];
+
+  return (
+    <Chip
+      label={
+        affIndices.length > 0
+          ? `${author.name} (${affIndices.join(",")})`
+          : author.name
+      }
+      size="small"
+      onClick={onEdit}
+      onDelete={onRemove}
+      deleteIcon={<CloseIcon sx={{ fontSize: 12 }} />}
+      sx={{
+        fontSize: "0.8rem",
+        height: 26,
+        bgcolor: "rgba(255,255,255,0.06)",
+        border: "1px solid",
+        borderColor: "divider",
+        cursor: "pointer",
+        "&:hover": { borderColor: "text.disabled" },
+      }}
+    />
+  );
+}
+
+// ---- Author inline form ----
+
+function AuthorInlineForm({
+  initial,
+  affiliations,
+  onSubmit,
+  onCancel,
+}: {
+  initial?: Author;
+  affiliations: Affiliation[];
+  onSubmit: (author: Author, newAffiliation?: Affiliation) => void;
+  onCancel: () => void;
+}) {
+  const [name, setName] = useState(initial?.name || "");
+  const [url, setUrl] = useState(initial?.url || "");
+  const [affIndices, setAffIndices] = useState<number[]>(initial?.affiliations || []);
+  const [newAffName, setNewAffName] = useState("");
+  const nameRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    nameRef.current?.focus();
+  }, []);
+
+  const handleSubmit = () => {
+    if (!name.trim()) return;
+    const newAff = newAffName.trim() ? { name: newAffName.trim() } : undefined;
+    onSubmit(
+      { name: name.trim(), url: url.trim() || undefined, affiliations: affIndices },
+      newAff,
+    );
+  };
+
+  const toggleAff = (idx: number) => {
+    setAffIndices((prev) =>
+      prev.includes(idx) ? prev.filter((i) => i !== idx) : [...prev, idx],
+    );
+  };
+
+  return (
+    <Box
+      sx={{
+        mt: 2,
+        p: 2,
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 2,
+        bgcolor: "background.paper",
+        display: "flex",
+        flexDirection: "column",
+        gap: 1.5,
+      }}
+    >
+      <Typography variant="caption" sx={{ fontWeight: 600, color: "text.secondary", textTransform: "uppercase", letterSpacing: "0.05em" }}>
+        {initial ? "Edit author" : "Add author"}
+      </Typography>
+
+      <Box sx={{ display: "flex", gap: 1 }}>
+        <TextField
+          inputRef={nameRef}
+          size="small"
+          label="Name"
+          value={name}
+          onChange={(e) => setName(e.target.value)}
+          onKeyDown={(e) => e.key === "Enter" && handleSubmit()}
+          fullWidth
+        />
+        <TextField
+          size="small"
+          label="URL (optional)"
+          value={url}
+          onChange={(e) => setUrl(e.target.value)}
+          onKeyDown={(e) => e.key === "Enter" && handleSubmit()}
+          fullWidth
+        />
+      </Box>
+
+      {affiliations.length > 0 && (
+        <Box sx={{ display: "flex", flexWrap: "wrap", gap: 0.5 }}>
+          {affiliations.map((aff, i) => (
+            <Chip
+              key={`aff-select-${i}`}
+              label={`${i + 1}. ${aff.name}`}
+              size="small"
+              variant={affIndices.includes(i + 1) ? "filled" : "outlined"}
+              onClick={() => toggleAff(i + 1)}
+              sx={{ fontSize: "0.7rem", height: 22, cursor: "pointer" }}
+            />
+          ))}
+        </Box>
+      )}
+
+      <TextField
+        size="small"
+        label="New affiliation (optional)"
+        placeholder="e.g. Hugging Face"
+        value={newAffName}
+        onChange={(e) => setNewAffName(e.target.value)}
+        onKeyDown={(e) => e.key === "Enter" && handleSubmit()}
+      />
+
+      <Box sx={{ display: "flex", gap: 1, justifyContent: "flex-end" }}>
+        <Chip label="Cancel" size="small" onClick={onCancel} sx={{ cursor: "pointer" }} />
+        <Chip
+          label={initial ? "Save" : "Add"}
+          size="small"
+          color="primary"
+          onClick={handleSubmit}
+          disabled={!name.trim()}
+          sx={{ cursor: "pointer" }}
+        />
+      </Box>
+    </Box>
+  );
+}
diff --git a/frontend/src/editor/frontmatter/SettingsDrawer.tsx b/frontend/src/editor/frontmatter/SettingsDrawer.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..866d6bda2b078d7924fb833734be581424e8ce1f
--- /dev/null
+++ b/frontend/src/editor/frontmatter/SettingsDrawer.tsx
@@ -0,0 +1,224 @@
+import {
+  Drawer,
+  Box,
+  Typography,
+  TextField,
+  Select,
+  MenuItem,
+  FormControlLabel,
+  Switch,
+  Divider,
+  IconButton,
+  Accordion,
+  AccordionSummary,
+  AccordionDetails,
+} from "@mui/material";
+import CloseIcon from "@mui/icons-material/Close";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import { useState, useEffect } from "react";
+import { useFrontmatter } from "./useFrontmatter";
+import type { FrontmatterStore, FrontmatterData } from "./frontmatter-store";
+import type * as Y from "yjs";
+
+interface SettingsDrawerProps {
+  open: boolean;
+  onClose: () => void;
+  store: FrontmatterStore | null;
+  settingsMap?: Y.Map<any> | null;
+}
+
+export function SettingsDrawer({ open, onClose, store, settingsMap }: SettingsDrawerProps) {
+  const { data, update } = useFrontmatter(store);
+  const [citationStyle, setCitationStyle] = useState("apa");
+
+  useEffect(() => {
+    if (!settingsMap) return;
+    const sync = () => {
+      const val = settingsMap.get("citationStyle");
+      if (val) setCitationStyle(val as string);
+    };
+    sync();
+    settingsMap.observe(sync);
+    return () => settingsMap.unobserve(sync);
+  }, [settingsMap]);
+
+  if (!data) return null;
+
+  return (
+    <Drawer
+      anchor="right"
+      open={open}
+      onClose={onClose}
+      PaperProps={{
+        sx: {
+          width: 320,
+          bgcolor: "background.paper",
+          backgroundImage: "none",
+          borderLeft: "1px solid",
+          borderColor: "divider",
+        },
+      }}
+    >
+      <Box sx={{ p: 2, display: "flex", flexDirection: "column", height: "100%" }}>
+        {/* Header */}
+        <Box sx={{ display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 }}>
+          <Typography variant="subtitle2" sx={{ fontWeight: 600, textTransform: "uppercase", letterSpacing: "0.05em", color: "text.secondary", fontSize: "0.75rem" }}>
+            Article settings
+          </Typography>
+          <IconButton size="small" onClick={onClose} sx={{ color: "text.disabled" }}>
+            <CloseIcon sx={{ fontSize: 16 }} />
+          </IconButton>
+        </Box>
+
+        <Box sx={{ flex: 1, overflowY: "auto", display: "flex", flexDirection: "column", gap: 2.5 }}>
+          {/* Template */}
+          <FieldGroup label="Template">
+            <Select
+              size="small"
+              fullWidth
+              value={data.template}
+              onChange={(e) => update("template", e.target.value as FrontmatterData["template"])}
+            >
+              <MenuItem value="article">Article (full layout)</MenuItem>
+              <MenuItem value="paper">Paper (single column)</MenuItem>
+            </Select>
+          </FieldGroup>
+
+          {/* Description (SEO) */}
+          <FieldGroup label="Description (SEO)">
+            <TextField
+              size="small"
+              fullWidth
+              multiline
+              minRows={2}
+              maxRows={4}
+              placeholder="Short description for meta tags..."
+              value={data.description}
+              onChange={(e) => update("description", e.target.value)}
+            />
+          </FieldGroup>
+
+          {/* Banner */}
+          <FieldGroup label="Banner embed">
+            <TextField
+              size="small"
+              fullWidth
+              placeholder="banner.html"
+              value={data.banner}
+              onChange={(e) => update("banner", e.target.value)}
+            />
+          </FieldGroup>
+
+          {/* Citation style (collaborative via Y.Map) */}
+          <FieldGroup label="Citation style">
+            <Select
+              size="small"
+              fullWidth
+              value={citationStyle}
+              onChange={(e) => {
+                const val = e.target.value;
+                setCitationStyle(val);
+                settingsMap?.set("citationStyle", val);
+              }}
+            >
+              <MenuItem value="apa">APA (7th edition)</MenuItem>
+              <MenuItem value="ieee">IEEE</MenuItem>
+              <MenuItem value="vancouver">Vancouver</MenuItem>
+              <MenuItem value="chicago-author-date">Chicago (author-date)</MenuItem>
+              <MenuItem value="harvard1">Harvard</MenuItem>
+            </Select>
+          </FieldGroup>
+
+          <Divider />
+
+          {/* Toggles */}
+          <FormControlLabel
+            control={
+              <Switch
+                size="small"
+                checked={data.showPdf}
+                onChange={(_, v) => update("showPdf", v)}
+              />
+            }
+            label={<Typography variant="body2" sx={{ fontSize: "0.85rem" }}>Show PDF download</Typography>}
+          />
+
+          <FormControlLabel
+            control={
+              <Switch
+                size="small"
+                checked={data.tableOfContentsAutoCollapse}
+                onChange={(_, v) => update("tableOfContentsAutoCollapse", v)}
+              />
+            }
+            label={<Typography variant="body2" sx={{ fontSize: "0.85rem" }}>Auto-collapse TOC</Typography>}
+          />
+
+          {/* Advanced */}
+          <Accordion
+            disableGutters
+            elevation={0}
+            sx={{
+              bgcolor: "transparent",
+              "&:before": { display: "none" },
+              border: "1px solid",
+              borderColor: "divider",
+              borderRadius: "8px !important",
+            }}
+          >
+            <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: 16 }} />}>
+              <Typography variant="caption" sx={{ fontWeight: 600, textTransform: "uppercase", letterSpacing: "0.05em", color: "text.secondary" }}>
+                Advanced
+              </Typography>
+            </AccordionSummary>
+            <AccordionDetails sx={{ display: "flex", flexDirection: "column", gap: 2 }}>
+              <FieldGroup label="Licence">
+                <TextField
+                  size="small"
+                  fullWidth
+                  multiline
+                  minRows={2}
+                  placeholder="e.g. CC BY 4.0 (HTML allowed)"
+                  value={data.licence}
+                  onChange={(e) => update("licence", e.target.value)}
+                />
+              </FieldGroup>
+
+              <FieldGroup label="SEO thumbnail image">
+                <TextField
+                  size="small"
+                  fullWidth
+                  placeholder="https://..."
+                  value={data.seoThumbImage}
+                  onChange={(e) => update("seoThumbImage", e.target.value)}
+                />
+              </FieldGroup>
+
+              <FormControlLabel
+                control={
+                  <Switch
+                    size="small"
+                    checked={data.pdfProOnly}
+                    onChange={(_, v) => update("pdfProOnly", v)}
+                  />
+                }
+                label={<Typography variant="body2" sx={{ fontSize: "0.85rem" }}>PDF Pro only</Typography>}
+              />
+            </AccordionDetails>
+          </Accordion>
+        </Box>
+      </Box>
+    </Drawer>
+  );
+}
+
+function FieldGroup({ label, children }: { label: string; children: React.ReactNode }) {
+  return (
+    <Box>
+      <Typography variant="caption" sx={{ color: "text.secondary", fontWeight: 500, mb: 0.5, display: "block", fontSize: "0.75rem" }}>
+        {label}
+      </Typography>
+      {children}
+    </Box>
+  );
+}
diff --git a/frontend/src/editor/frontmatter/frontmatter-store.ts b/frontend/src/editor/frontmatter/frontmatter-store.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cfe5c2060b442d302454772c05677d89c1d8c3b3
--- /dev/null
+++ b/frontend/src/editor/frontmatter/frontmatter-store.ts
@@ -0,0 +1,204 @@
+import * as Y from "yjs";
+
+export interface Author {
+  name: string;
+  url?: string;
+  affiliations: number[];
+}
+
+export interface Affiliation {
+  name: string;
+  url?: string;
+}
+
+export interface LinkItem {
+  label: string;
+  url: string;
+}
+
+export interface FrontmatterData {
+  title: string;
+  subtitle: string;
+  description: string;
+  authors: Author[];
+  affiliations: Affiliation[];
+  published: string;
+  template: "article" | "paper";
+  banner: string;
+  doi: string;
+  showPdf: boolean;
+  tableOfContentsAutoCollapse: boolean;
+  licence: string;
+  pdfProOnly: boolean;
+  seoThumbImage: string;
+  links: LinkItem[];
+}
+
+const SCALAR_DEFAULTS: Omit<FrontmatterData, "authors" | "affiliations" | "links"> = {
+  title: "",
+  subtitle: "",
+  description: "",
+  published: "",
+  template: "article",
+  banner: "banner.html",
+  doi: "",
+  showPdf: true,
+  tableOfContentsAutoCollapse: false,
+  licence: "",
+  pdfProOnly: false,
+  seoThumbImage: "",
+};
+
+type ScalarKey = keyof typeof SCALAR_DEFAULTS;
+type ArrayField = "authors" | "affiliations" | "links";
+
+/**
+ * Collaborative frontmatter store backed by Yjs.
+ *
+ * Scalar fields (title, doi, template...) live in a Y.Map for atomic updates.
+ * Array fields (authors, affiliations, links) each get their own Y.Array
+ * so concurrent insertions merge correctly instead of last-write-wins.
+ */
+export function createFrontmatterStore(ydoc: Y.Doc) {
+  const ymap = ydoc.getMap("frontmatter");
+  const yAuthors = ydoc.getArray<Author>("frontmatter.authors");
+  const yAffiliations = ydoc.getArray<Affiliation>("frontmatter.affiliations");
+  const yLinks = ydoc.getArray<LinkItem>("frontmatter.links");
+
+  // --- Scalars ---
+
+  function getScalar<K extends ScalarKey>(key: K): FrontmatterData[K] {
+    const val = ymap.get(key);
+    return val !== undefined ? (val as FrontmatterData[K]) : (SCALAR_DEFAULTS[key] as FrontmatterData[K]);
+  }
+
+  function setScalar<K extends ScalarKey>(key: K, value: FrontmatterData[K]) {
+    ymap.set(key, value);
+  }
+
+  // --- Full snapshot ---
+
+  function getAll(): FrontmatterData {
+    const scalars: Record<string, unknown> = {};
+    for (const key of Object.keys(SCALAR_DEFAULTS) as ScalarKey[]) {
+      const val = ymap.get(key);
+      scalars[key] = val !== undefined ? val : SCALAR_DEFAULTS[key];
+    }
+
+    return {
+      ...(scalars as Omit<FrontmatterData, "authors" | "affiliations" | "links">),
+      authors: yAuthors.toArray(),
+      affiliations: yAffiliations.toArray(),
+      links: yLinks.toArray(),
+    };
+  }
+
+  function setAll(data: Partial<FrontmatterData>) {
+    ydoc.transact(() => {
+      for (const [key, value] of Object.entries(data)) {
+        if (value === undefined) continue;
+
+        if (key === "authors" && Array.isArray(value)) {
+          yAuthors.delete(0, yAuthors.length);
+          yAuthors.push(value);
+        } else if (key === "affiliations" && Array.isArray(value)) {
+          yAffiliations.delete(0, yAffiliations.length);
+          yAffiliations.push(value);
+        } else if (key === "links" && Array.isArray(value)) {
+          yLinks.delete(0, yLinks.length);
+          yLinks.push(value);
+        } else {
+          ymap.set(key, value);
+        }
+      }
+    });
+  }
+
+  // --- Typed getters/setters for convenience ---
+
+  function get<K extends keyof FrontmatterData>(key: K): FrontmatterData[K] {
+    if (key === "authors") return yAuthors.toArray() as FrontmatterData[K];
+    if (key === "affiliations") return yAffiliations.toArray() as FrontmatterData[K];
+    if (key === "links") return yLinks.toArray() as FrontmatterData[K];
+    return getScalar(key as ScalarKey) as FrontmatterData[K];
+  }
+
+  function set<K extends keyof FrontmatterData>(key: K, value: FrontmatterData[K]) {
+    if (key === "authors") {
+      ydoc.transact(() => {
+        yAuthors.delete(0, yAuthors.length);
+        yAuthors.push(value as Author[]);
+      });
+    } else if (key === "affiliations") {
+      ydoc.transact(() => {
+        yAffiliations.delete(0, yAffiliations.length);
+        yAffiliations.push(value as Affiliation[]);
+      });
+    } else if (key === "links") {
+      ydoc.transact(() => {
+        yLinks.delete(0, yLinks.length);
+        yLinks.push(value as LinkItem[]);
+      });
+    } else {
+      setScalar(key as ScalarKey, value as FrontmatterData[ScalarKey]);
+    }
+  }
+
+  // --- Authors (concurrent-safe) ---
+
+  function addAuthor(author: Author) {
+    yAuthors.push([author]);
+  }
+
+  function updateAuthor(index: number, author: Author) {
+    if (index >= 0 && index < yAuthors.length) {
+      ydoc.transact(() => {
+        yAuthors.delete(index, 1);
+        yAuthors.insert(index, [author]);
+      });
+    }
+  }
+
+  function removeAuthor(index: number) {
+    if (index >= 0 && index < yAuthors.length) {
+      yAuthors.delete(index, 1);
+    }
+  }
+
+  // --- Affiliations (concurrent-safe) ---
+
+  function addAffiliation(affiliation: Affiliation): number {
+    yAffiliations.push([affiliation]);
+    return yAffiliations.length; // 1-based index
+  }
+
+  // --- Observe all changes ---
+
+  function observe(callback: () => void) {
+    ymap.observe(callback);
+    yAuthors.observe(callback);
+    yAffiliations.observe(callback);
+    yLinks.observe(callback);
+
+    return () => {
+      ymap.unobserve(callback);
+      yAuthors.unobserve(callback);
+      yAffiliations.unobserve(callback);
+      yLinks.unobserve(callback);
+    };
+  }
+
+  return {
+    get,
+    set,
+    getAll,
+    setAll,
+    addAuthor,
+    updateAuthor,
+    removeAuthor,
+    addAffiliation,
+    observe,
+  };
+}
+
+export type FrontmatterStore = ReturnType<typeof createFrontmatterStore>;
diff --git a/frontend/src/editor/frontmatter/index.ts b/frontend/src/editor/frontmatter/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..16ed9445efb581c5c8251c9a6a4d25313c888356
--- /dev/null
+++ b/frontend/src/editor/frontmatter/index.ts
@@ -0,0 +1,5 @@
+export { createFrontmatterStore } from "./frontmatter-store";
+export type { FrontmatterStore, FrontmatterData, Author, Affiliation, LinkItem } from "./frontmatter-store";
+export { useFrontmatter } from "./useFrontmatter";
+export { FrontmatterHero } from "./FrontmatterHero";
+export { SettingsDrawer } from "./SettingsDrawer";
diff --git a/frontend/src/editor/frontmatter/seed-frontmatter.ts b/frontend/src/editor/frontmatter/seed-frontmatter.ts
new file mode 100644
index 0000000000000000000000000000000000000000..99d232f71313de8495838a0eaf3d819d72044376
--- /dev/null
+++ b/frontend/src/editor/frontmatter/seed-frontmatter.ts
@@ -0,0 +1,25 @@
+import type { FrontmatterStore } from "./frontmatter-store";
+
+/**
+ * Populate frontmatter with demo data when a new document is created.
+ * Only writes if the title is empty (avoids overwriting existing docs).
+ */
+export function seedFrontmatter(store: FrontmatterStore) {
+  if (store.get("title")) return;
+
+  store.setAll({
+    title: "Scaling Laws for Neural Language Models",
+    subtitle: "How model size, data, and compute interact",
+    description: "An empirical study of scaling behavior across model size, data, and compute budgets.",
+    published: "Apr. 13, 2026",
+    doi: "10.1234/collab-editor.2026",
+    template: "article",
+  });
+
+  store.addAffiliation({ name: "Hugging Face", url: "https://huggingface.co" });
+  store.addAffiliation({ name: "MIT", url: "https://mit.edu" });
+
+  store.addAuthor({ name: "Alice Martin", url: "https://example.com/alice", affiliations: [1] });
+  store.addAuthor({ name: "Bob Chen", affiliations: [1, 2] });
+  store.addAuthor({ name: "Carol Wu", affiliations: [2] });
+}
diff --git a/frontend/src/editor/frontmatter/useFrontmatter.ts b/frontend/src/editor/frontmatter/useFrontmatter.ts
new file mode 100644
index 0000000000000000000000000000000000000000..caf46b6582980d9974441bf23e11f1a9479a5fda
--- /dev/null
+++ b/frontend/src/editor/frontmatter/useFrontmatter.ts
@@ -0,0 +1,28 @@
+import { useState, useEffect, useCallback } from "react";
+import type { FrontmatterStore, FrontmatterData } from "./frontmatter-store";
+
+export function useFrontmatter(store: FrontmatterStore | null) {
+  const [data, setData] = useState<FrontmatterData | null>(null);
+
+  useEffect(() => {
+    if (!store) return;
+    setData(store.getAll());
+    return store.observe(() => setData(store.getAll()));
+  }, [store]);
+
+  const update = useCallback(
+    <K extends keyof FrontmatterData>(key: K, value: FrontmatterData[K]) => {
+      store?.set(key, value);
+    },
+    [store],
+  );
+
+  const updateAll = useCallback(
+    (partial: Partial<FrontmatterData>) => {
+      store?.setAll(partial);
+    },
+    [store],
+  );
+
+  return { data, update, updateAll };
+}
diff --git a/frontend/src/editor/upload.ts b/frontend/src/editor/upload.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6b043cb989ac048062cbd1f2712f278c465136dd
--- /dev/null
+++ b/frontend/src/editor/upload.ts
@@ -0,0 +1,18 @@
+/**
+ * Upload an image file to the backend.
+ * Returns the URL to use in the editor (either HF dataset URL or local /uploads/ URL).
+ */
+export async function uploadImage(file: File): Promise<string> {
+  const form = new FormData();
+  form.append("file", file);
+
+  const res = await fetch("/api/upload", { method: "POST", body: form });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`Upload failed: ${text}`);
+  }
+
+  const { url } = await res.json();
+  return url;
+}
diff --git a/frontend/src/export/serializers/index.ts b/frontend/src/export/serializers/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5a78dcea181f3cad82cc7b630ee8f88a0117fc09
--- /dev/null
+++ b/frontend/src/export/serializers/index.ts
@@ -0,0 +1,133 @@
+import type { JSONContent } from "@tiptap/core";
+
+type Serializer = (node: JSONContent) => string;
+
+const serializers: Record<string, Serializer> = {};
+
+export function registerSerializer(type: string, fn: Serializer) {
+  serializers[type] = fn;
+}
+
+export function serializeNode(node: JSONContent): string {
+  const fn = serializers[node.type!];
+  if (fn) return fn(node);
+  if (node.text) return serializeMarks(node);
+  if (node.content) return node.content.map(serializeNode).join("");
+  return "";
+}
+
+function serializeMarks(node: JSONContent): string {
+  let text = node.text || "";
+  if (!node.marks) return text;
+
+  for (const mark of node.marks) {
+    switch (mark.type) {
+      case "bold":
+        text = `**${text}**`;
+        break;
+      case "italic":
+        text = `*${text}*`;
+        break;
+      case "strike":
+        text = `~~${text}~~`;
+        break;
+      case "code":
+        text = `\`${text}\``;
+        break;
+      case "link":
+        text = `[${text}](${mark.attrs?.href || ""})`;
+        break;
+    }
+  }
+
+  return text;
+}
+
+function inlineContent(node: JSONContent): string {
+  if (!node.content) return "";
+  return node.content.map(serializeNode).join("");
+}
+
+// --- Built-in serializers ---
+
+registerSerializer("paragraph", (node) => inlineContent(node));
+
+registerSerializer("heading", (node) => {
+  const level = node.attrs?.level || 1;
+  const prefix = "#".repeat(level);
+  return `${prefix} ${inlineContent(node)}`;
+});
+
+registerSerializer("bulletList", (node) => {
+  if (!node.content) return "";
+  return node.content
+    .map((item) => {
+      const inner = item.content?.map(serializeNode).join("\n") || "";
+      return `- ${inner}`;
+    })
+    .join("\n");
+});
+
+registerSerializer("orderedList", (node) => {
+  if (!node.content) return "";
+  return node.content
+    .map((item, i) => {
+      const inner = item.content?.map(serializeNode).join("\n") || "";
+      return `${i + 1}. ${inner}`;
+    })
+    .join("\n");
+});
+
+registerSerializer("blockquote", (node) => {
+  if (!node.content) return "";
+  const inner = node.content.map(serializeNode).join("\n");
+  return inner
+    .split("\n")
+    .map((line) => `> ${line}`)
+    .join("\n");
+});
+
+registerSerializer("codeBlock", (node) => {
+  const lang = node.attrs?.language || "";
+  const code = inlineContent(node);
+  return `\`\`\`${lang}\n${code}\n\`\`\``;
+});
+
+registerSerializer("horizontalRule", () => "---");
+
+registerSerializer("hardBreak", () => "  \n");
+
+registerSerializer("listItem", (node) => {
+  if (!node.content) return "";
+  return node.content.map(serializeNode).join("\n");
+});
+
+// --- Inline atoms ---
+
+registerSerializer("glossary", (node) => {
+  const term = node.attrs?.term || "";
+  const definition = node.attrs?.definition || "";
+  return `<Glossary term="${term}" definition="${definition}">${term}</Glossary>`;
+});
+
+registerSerializer("footnote", (node) => {
+  return `[^fn]: ${node.attrs?.content || ""}`;
+});
+
+// --- Stack (multi-column) ---
+
+registerSerializer("stack", (node) => {
+  const layout = node.attrs?.layout || "2-column";
+  const gap = node.attrs?.gap || "medium";
+  const attrs: string[] = [];
+  if (layout !== "2-column") attrs.push(`layout="${layout}"`);
+  if (gap !== "medium") attrs.push(`gap="${gap}"`);
+  const attrStr = attrs.length ? ` ${attrs.join(" ")}` : "";
+  const inner = node.content?.map(serializeNode).join("\n\n") ?? "";
+  return `<Stack${attrStr}>\n${inner}\n</Stack>`;
+});
+
+registerSerializer("stackColumn", (node) => {
+  if (!node.content) return "";
+  return node.content.map(serializeNode).join("\n\n");
+});
diff --git a/frontend/src/export/to-mdx.ts b/frontend/src/export/to-mdx.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8d09a3c0e50b288c83a710d63e568a5dea84dae6
--- /dev/null
+++ b/frontend/src/export/to-mdx.ts
@@ -0,0 +1,70 @@
+import type { JSONContent } from "@tiptap/core";
+import { serializeNode } from "./serializers/index";
+import type { FrontmatterData } from "../editor/frontmatter/frontmatter-store";
+
+export function toMdx(doc: JSONContent, frontmatter?: FrontmatterData): string {
+  const body = doc.content
+    ? doc.content.map((node) => serializeNode(node)).join("\n\n")
+    : "";
+
+  if (!frontmatter) return body;
+
+  const yaml = serializeFrontmatter(frontmatter);
+  if (!yaml) return body;
+
+  return `---\n${yaml}---\n\n${body}`;
+}
+
+function serializeFrontmatter(fm: FrontmatterData): string {
+  const lines: string[] = [];
+
+  if (fm.title) lines.push(`title: ${yamlString(fm.title)}`);
+  if (fm.subtitle) lines.push(`subtitle: ${yamlString(fm.subtitle)}`);
+  if (fm.description) lines.push(`description: ${yamlString(fm.description)}`);
+
+  if (fm.authors.length > 0) {
+    lines.push("authors:");
+    for (const author of fm.authors) {
+      lines.push(`  - name: ${yamlString(author.name)}`);
+      if (author.url) lines.push(`    url: ${yamlString(author.url)}`);
+      if (author.affiliations.length > 0) {
+        lines.push(`    affiliations: [${author.affiliations.join(", ")}]`);
+      }
+    }
+  }
+
+  if (fm.affiliations.length > 0) {
+    lines.push("affiliations:");
+    for (const aff of fm.affiliations) {
+      lines.push(`  - name: ${yamlString(aff.name)}`);
+      if (aff.url) lines.push(`    url: ${yamlString(aff.url)}`);
+    }
+  }
+
+  if (fm.published) lines.push(`published: ${yamlString(fm.published)}`);
+  if (fm.template !== "article") lines.push(`template: ${yamlString(fm.template)}`);
+  if (fm.banner && fm.banner !== "banner.html") lines.push(`banner: ${yamlString(fm.banner)}`);
+  if (fm.doi) lines.push(`doi: ${yamlString(fm.doi)}`);
+  if (!fm.showPdf) lines.push("showPdf: false");
+  if (fm.tableOfContentsAutoCollapse) lines.push("tableOfContentsAutoCollapse: true");
+  if (fm.licence) lines.push(`licence: ${yamlString(fm.licence)}`);
+  if (fm.pdfProOnly) lines.push("pdfProOnly: true");
+  if (fm.seoThumbImage) lines.push(`seoThumbImage: ${yamlString(fm.seoThumbImage)}`);
+
+  if (fm.links.length > 0) {
+    lines.push("links:");
+    for (const link of fm.links) {
+      lines.push(`  - label: ${yamlString(link.label)}`);
+      lines.push(`    url: ${yamlString(link.url)}`);
+    }
+  }
+
+  return lines.length > 0 ? lines.join("\n") + "\n" : "";
+}
+
+function yamlString(value: string): string {
+  if (/[\n:"{}[\],&*?|>!%@`#]/.test(value) || value !== value.trim()) {
+    return `"${value.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
+  }
+  return `"${value}"`;
+}
diff --git a/frontend/src/hooks/useAgentChat.ts b/frontend/src/hooks/useAgentChat.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ed7c49ba26728a30b9c857eabfd5eb4bc346ba53
--- /dev/null
+++ b/frontend/src/hooks/useAgentChat.ts
@@ -0,0 +1,328 @@
+import { useChat } from "@ai-sdk/react";
+import {
+  DefaultChatTransport,
+  lastAssistantMessageIsCompleteWithToolCalls,
+} from "ai";
+import { useCallback, useRef, useState } from "react";
+import type { Editor } from "@tiptap/core";
+import type { UndoManager } from "yjs";
+import type { UIMessage } from "ai";
+import { toMdx } from "../export/to-mdx";
+import type { FrontmatterStore } from "../editor/frontmatter/frontmatter-store";
+
+interface UseAgentChatOptions {
+  editor: Editor | null;
+  undoManager: UndoManager | null;
+  frontmatterStore: FrontmatterStore | null;
+}
+
+const transport = new DefaultChatTransport({ api: "/api/chat" });
+
+export function useAgentChat({ editor, undoManager, frontmatterStore }: UseAgentChatOptions) {
+  const pendingSelectionRef = useRef<{ from: number; to: number } | null>(null);
+  const agentBatchActiveRef = useRef(false);
+  const [input, setInput] = useState("");
+
+  const getEditorContext = useCallback(() => {
+    if (!editor) return {};
+
+    const { from, to } = editor.state.selection;
+    const hasSelection = from !== to;
+
+    const document = toMdx(editor.getJSON());
+    const selection = hasSelection
+      ? editor.state.doc.textBetween(from, to, "\n")
+      : undefined;
+
+    if (hasSelection) {
+      pendingSelectionRef.current = { from, to };
+    }
+
+    const frontmatter = frontmatterStore?.getAll();
+
+    return { document, selection, frontmatter };
+  }, [editor, frontmatterStore]);
+
+  /**
+   * Start a new undo capture group. All subsequent edits will be
+   * merged into one undo step until endAgentBatch() is called.
+   */
+  const startAgentBatch = useCallback(() => {
+    if (undoManager && !agentBatchActiveRef.current) {
+      undoManager.stopCapturing();
+      agentBatchActiveRef.current = true;
+    }
+  }, [undoManager]);
+
+  const endAgentBatch = useCallback(() => {
+    if (undoManager && agentBatchActiveRef.current) {
+      undoManager.stopCapturing();
+      agentBatchActiveRef.current = false;
+    }
+  }, [undoManager]);
+
+  /**
+   * Extract all text from the ProseMirror document as a flat string,
+   * keeping a mapping from string offsets to document positions.
+   */
+  const getDocTextWithPositions = useCallback((): {
+    text: string;
+    map: number[];
+  } => {
+    if (!editor) return { text: "", map: [] };
+    const chunks: string[] = [];
+    const map: number[] = [];
+
+    editor.state.doc.descendants((node, pos) => {
+      if (node.isText && node.text) {
+        for (let i = 0; i < node.text.length; i++) {
+          map.push(pos + i);
+          chunks.push(node.text[i]);
+        }
+      } else if (node.isBlock && chunks.length > 0) {
+        map.push(pos);
+        chunks.push("\n");
+      }
+    });
+
+    return { text: chunks.join(""), map };
+  }, [editor]);
+
+  /**
+   * Find text in the document, optionally using surrounding context
+   * to disambiguate when the same text appears multiple times.
+   */
+  const findTextPosition = useCallback(
+    (
+      search: string,
+      contextBefore?: string,
+      contextAfter?: string,
+    ): { from: number; to: number } | null => {
+      if (!editor || !search) return null;
+
+      const { text, map } = getDocTextWithPositions();
+
+      const candidates: number[] = [];
+      let startIdx = 0;
+      while (true) {
+        const idx = text.indexOf(search, startIdx);
+        if (idx === -1) break;
+        candidates.push(idx);
+        startIdx = idx + 1;
+      }
+
+      if (candidates.length === 0) return null;
+      if (candidates.length === 1) {
+        const idx = candidates[0];
+        return { from: map[idx], to: map[idx + search.length - 1] + 1 };
+      }
+
+      // Score each candidate by how well the context matches
+      let bestIdx = candidates[0];
+      let bestScore = -1;
+      for (const idx of candidates) {
+        let score = 0;
+        if (contextBefore) {
+          const before = text.slice(Math.max(0, idx - contextBefore.length - 10), idx);
+          if (before.includes(contextBefore)) score += 2;
+          else if (before.toLowerCase().includes(contextBefore.toLowerCase())) score += 1;
+        }
+        if (contextAfter) {
+          const after = text.slice(idx + search.length, idx + search.length + (contextAfter?.length ?? 0) + 10);
+          if (after.includes(contextAfter)) score += 2;
+          else if (after.toLowerCase().includes(contextAfter.toLowerCase())) score += 1;
+        }
+        if (score > bestScore) {
+          bestScore = score;
+          bestIdx = idx;
+        }
+      }
+
+      return { from: map[bestIdx], to: map[bestIdx + search.length - 1] + 1 };
+    },
+    [editor, getDocTextWithPositions],
+  );
+
+  const executeToolCall = useCallback(
+    (toolCall: { toolName: string; args: unknown; toolCallId: string }) => {
+      switch (toolCall.toolName) {
+        // --- Frontmatter tools (no editor needed) ---
+        case "updateFrontmatter": {
+          if (!frontmatterStore) return "Frontmatter store not available";
+          const fields = toolCall.args as Record<string, unknown>;
+          const updates: Record<string, unknown> = {};
+          for (const [key, value] of Object.entries(fields)) {
+            if (value !== undefined) updates[key] = value;
+          }
+          frontmatterStore.setAll(updates as any);
+          return `Frontmatter updated: ${Object.keys(updates).join(", ")}`;
+        }
+
+        case "addAuthor": {
+          if (!frontmatterStore) return "Frontmatter store not available";
+          const { name, url, affiliations, newAffiliationName, newAffiliationUrl } =
+            toolCall.args as {
+              name: string;
+              url?: string;
+              affiliations?: number[];
+              newAffiliationName?: string;
+              newAffiliationUrl?: string;
+            };
+          const affIndices = affiliations || [];
+          if (newAffiliationName) {
+            const newIdx = frontmatterStore.addAffiliation({
+              name: newAffiliationName,
+              url: newAffiliationUrl,
+            });
+            affIndices.push(newIdx);
+          }
+          frontmatterStore.addAuthor({ name, url, affiliations: affIndices });
+          return `Author "${name}" added`;
+        }
+
+        case "removeAuthor": {
+          if (!frontmatterStore) return "Frontmatter store not available";
+          const { index } = toolCall.args as { index: number };
+          const authors = frontmatterStore.get("authors");
+          if (index < 0 || index >= authors.length) {
+            return `Invalid author index ${index} (${authors.length} authors)`;
+          }
+          const removed = authors[index].name;
+          frontmatterStore.removeAuthor(index);
+          return `Author "${removed}" removed`;
+        }
+
+        // --- Editor tools ---
+        case "replaceSelection": {
+          if (!editor) return "Editor not available";
+          startAgentBatch();
+          const { newText } = toolCall.args as { newText: string };
+          const sel = pendingSelectionRef.current;
+          if (sel) {
+            editor
+              .chain()
+              .focus()
+              .setTextSelection(sel)
+              .insertContent(newText)
+              .run();
+            pendingSelectionRef.current = null;
+          } else {
+            const { from, to } = editor.state.selection;
+            if (from !== to) {
+              editor.chain().focus().insertContent(newText).run();
+            }
+          }
+          return "Selection replaced successfully";
+        }
+
+        case "insertAtCursor": {
+          if (!editor) return "Editor not available";
+          startAgentBatch();
+          const { text } = toolCall.args as { text: string };
+          editor.chain().focus().insertContent(text).run();
+          return "Text inserted successfully";
+        }
+
+        case "applyDiff": {
+          if (!editor) return "Editor not available";
+          startAgentBatch();
+          const { contextBefore, contentToDelete, contentToInsert, contextAfter } =
+            toolCall.args as {
+              contextBefore: string;
+              contentToDelete: string;
+              contentToInsert: string;
+              contextAfter: string;
+            };
+          const pos = findTextPosition(contentToDelete, contextBefore, contextAfter);
+          if (pos) {
+            editor
+              .chain()
+              .focus()
+              .setTextSelection(pos)
+              .insertContent(contentToInsert || "")
+              .run();
+            return "Diff applied successfully";
+          }
+          return `Text "${contentToDelete.slice(0, 50)}..." not found in document`;
+        }
+
+        default:
+          return `Unknown tool: ${toolCall.toolName}`;
+      }
+    },
+    [editor, frontmatterStore, startAgentBatch, findTextPosition],
+  );
+
+  const { addToolOutput, ...chat } = useChat({
+    transport,
+    sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls,
+
+    async onToolCall({ toolCall }) {
+      if (toolCall.dynamic) return;
+
+      const result = executeToolCall({
+        toolName: toolCall.toolName as string,
+        args: toolCall.input,
+        toolCallId: toolCall.toolCallId,
+      });
+
+      addToolOutput({
+        toolCallId: toolCall.toolCallId,
+        output: result,
+      });
+    },
+
+    onError(error) {
+      console.error("[agent] chat error:", error);
+      endAgentBatch();
+    },
+  });
+
+  const sendMessage = useCallback(
+    (content: string) => {
+      endAgentBatch();
+      const context = getEditorContext();
+      chat.sendMessage({ text: content }, { body: { context } });
+    },
+    [chat, getEditorContext, endAgentBatch],
+  );
+
+  const sendQuickAction = useCallback(
+    (action: string) => {
+      endAgentBatch();
+      const context = getEditorContext();
+      const prompts: Record<string, string> = {
+        rewrite:
+          "Rewrite the selected text to be clearer and more concise.",
+        expand:
+          "Expand the selected text with more detail and examples.",
+        summarize:
+          "Summarize the selected text into a shorter version.",
+        "fix-grammar":
+          "Fix any grammar and spelling errors in the selected text.",
+        translate:
+          "Translate the selected text to English (or French if already in English).",
+        simplify:
+          "Simplify the selected text so it's easier to understand.",
+      };
+
+      const prompt = prompts[action] || action;
+      chat.sendMessage({ text: prompt }, { body: { context } });
+    },
+    [chat, getEditorContext, endAgentBatch],
+  );
+
+  const isLoading =
+    chat.status === "streaming" || chat.status === "submitted";
+
+  return {
+    messages: chat.messages as UIMessage[],
+    isLoading,
+    error: chat.error,
+    sendMessage,
+    sendQuickAction,
+    input,
+    setInput,
+    stop: chat.stop,
+  };
+}
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1747af523817f4655216d574ff17da089ad0020f
--- /dev/null
+++ b/frontend/src/main.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { ThemeProvider, CssBaseline } from "@mui/material";
+import { theme } from "./theme";
+import App from "./App";
+import "./editor.css";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
+      <App />
+    </ThemeProvider>
+  </React.StrictMode>
+);
diff --git a/frontend/src/theme.ts b/frontend/src/theme.ts
new file mode 100644
index 0000000000000000000000000000000000000000..ff925053ccb99f13772e2b8a4f598cb516be35c4
--- /dev/null
+++ b/frontend/src/theme.ts
@@ -0,0 +1,36 @@
+import { createTheme } from "@mui/material/styles";
+
+export const theme = createTheme({
+  palette: {
+    mode: "dark",
+    background: {
+      default: "#0f0f0f",
+      paper: "#1a1a1a",
+    },
+    primary: {
+      main: "#958DF1",
+    },
+    text: {
+      primary: "#e0e0e0",
+      secondary: "#888",
+    },
+    divider: "#2a2a2a",
+  },
+  typography: {
+    fontFamily:
+      '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  },
+  shape: {
+    borderRadius: 8,
+  },
+  components: {
+    MuiIconButton: {
+      styleOverrides: {
+        root: {
+          borderRadius: 6,
+          padding: 6,
+        },
+      },
+    },
+  },
+});
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c9ab444e2cb0b731dec41ecad35a07494dfeab1e
--- /dev/null
+++ b/frontend/vite.config.ts
@@ -0,0 +1,22 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    proxy: {
+      "/collab": {
+        target: "ws://localhost:8080",
+        ws: true,
+      },
+      "/api": {
+        target: "http://localhost:8080",
+        changeOrigin: true,
+      },
+      "/uploads": {
+        target: "http://localhost:8080",
+        changeOrigin: true,
+      },
+    },
+  },
+});