TypeCellOS · YousefED · Jul 2, 2026 · Jun 30, 2026 · Jun 30, 2026 · Jun 30, 2026
diff --git a/examples/07-collaboration/13-versioning-yjs14/tsconfig.json b/examples/07-collaboration/13-versioning-yjs14/tsconfig.json
@@ -17,7 +17,7 @@
     "jsx": "react-jsx",
     "composite": true
   },
-  "include": [".", "src/test.ts"],
+  "include": ["."],
   "__ADD_FOR_LOCAL_DEV_references": [
     {
       "path": "../../../packages/core/"

diff --git a/examples/07-collaboration/14-suggestion-gallery/.bnexample.json b/examples/07-collaboration/14-suggestion-gallery/.bnexample.json
@@ -0,0 +1,10 @@
+{
+  "playground": true,
+  "docs": false,
+  "author": "yousefed",
+  "tags": ["Advanced", "Development", "Collaboration"],
+  "dependencies": {
+    "@y/protocols": "^1.0.6-rc.1",
+    "@y/y": "^14.0.0-rc.16"
+  }
+}
diff --git a/examples/07-collaboration/14-suggestion-gallery/README.md b/examples/07-collaboration/14-suggestion-gallery/README.md
@@ -0,0 +1,18 @@
+# Suggestion Scenarios Gallery
+
+Browse the suggestion (track-changes) rendering scenarios interactively. Each
+entry sets up a base document and applies a change in suggestion mode, so you can
+see how insertions, deletions and type changes are visualized as a diff.
+
+The **Base** pane (left) is read-only and shows the document before the change.
+The **Suggestion** pane (right) is editable — keep typing to create more
+suggestions on top.
+
+These are the same scenarios covered by the y-prosemirror visual tests; the
+per-scenario definitions live in `src/scenarios.ts` so the tests and this gallery
+stay in sync.
+
+**Relevant Docs:**
+
+- [Editor Setup](/docs/editor-basics/setup)
+- [Collaboration](/docs/collaboration/real-time-collaboration)
diff --git a/examples/07-collaboration/14-suggestion-gallery/index.html b/examples/07-collaboration/14-suggestion-gallery/index.html
@@ -0,0 +1,14 @@
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Suggestion Scenarios Gallery</title>
+    <script>
+      <!-- AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY -->
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.tsx"></script>
+  </body>
+</html>
diff --git a/examples/07-collaboration/14-suggestion-gallery/main.tsx b/examples/07-collaboration/14-suggestion-gallery/main.tsx
@@ -0,0 +1,11 @@
+// AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY
+import React from "react";
+import { createRoot } from "react-dom/client";
+import App from "./src/App.jsx";
+
+const root = createRoot(document.getElementById("root")!);
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);
diff --git a/examples/07-collaboration/14-suggestion-gallery/package.json b/examples/07-collaboration/14-suggestion-gallery/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "@blocknote/example-collaboration-suggestion-gallery",
+  "description": "AUTO-GENERATED FILE, DO NOT EDIT DIRECTLY",
+  "type": "module",
+  "private": true,
+  "version": "0.12.4",
+  "scripts": {
+    "start": "vp dev",
+    "dev": "vp dev",
+    "build:prod": "tsc && vp build",
+    "preview": "vp preview"
+  },
+  "dependencies": {
+    "@blocknote/ariakit": "latest",
+    "@blocknote/core": "latest",
+    "@blocknote/mantine": "latest",
+    "@blocknote/react": "latest",
+    "@blocknote/shadcn": "latest",
+    "@mantine/core": "^9.0.2",
+    "@mantine/hooks": "^9.0.2",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "@y/protocols": "^1.0.6-rc.1",
+    "@y/y": "^14.0.0-rc.16"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "vite-plus": "catalog:"
+  }
+}