Merge pull request #210 from flo-bit/more-events-stuff-maybe-blogs

events stuff, blogs pt1

package.json

···
 		"@atcute/tid": "^1.1.1",
 		"@cloudflare/workers-types": "^4.20260123.0",
 		"@ethercorps/sveltekit-og": "^4.2.1",
+		"@floating-ui/dom": "^1.7.5",
 		"@foxui/3d": "^0.4.7",
 		"@foxui/colors": "^0.4.7",
 		"@foxui/core": "^0.4.7",
···
 		"@tailwindcss/typography": "^0.5.19",
 		"@threlte/core": "^8.3.1",
 		"@threlte/extras": "^9.7.1",
-		"@tiptap/core": "^3.16.0",
-		"@tiptap/extension-document": "^3.16.0",
-		"@tiptap/extension-image": "^3.16.0",
-		"@tiptap/extension-link": "^3.16.0",
-		"@tiptap/extension-paragraph": "^3.16.0",
-		"@tiptap/extension-placeholder": "^3.16.0",
-		"@tiptap/extension-text": "^3.16.0",
-		"@tiptap/starter-kit": "^3.16.0",
+		"@tiptap/core": "^3.19.0",
+		"@tiptap/extension-bubble-menu": "^3.19.0",
+		"@tiptap/extension-code-block-lowlight": "^3.19.0",
+		"@tiptap/extension-document": "^3.19.0",
+		"@tiptap/extension-image": "^3.19.0",
+		"@tiptap/extension-link": "^3.19.0",
+		"@tiptap/extension-paragraph": "^3.19.0",
+		"@tiptap/extension-placeholder": "^3.19.0",
+		"@tiptap/extension-text": "^3.19.0",
+		"@tiptap/extension-typography": "^3.19.0",
+		"@tiptap/extension-underline": "^3.19.0",
+		"@tiptap/markdown": "^3.19.0",
+		"@tiptap/pm": "^3.19.0",
+		"@tiptap/starter-kit": "^3.19.0",
+		"@tiptap/suggestion": "^3.19.0",
 		"@types/three": "^0.176.0",
 		"bits-ui": "^2.15.4",
 		"clsx": "^2.1.1",
···
 		"hls.js": "^1.6.15",
 		"leaflet": "^1.9.4",
 		"link-preview-js": "^4.0.0",
+		"lowlight": "^3.3.0",
 		"maplibre-gl": "^5.17.0",
 		"marked": "^17.0.1",
 		"perfect-freehand": "^1.2.2",
···
 		"simple-icons": "^16.6.0",
 		"svelte-boring-avatars": "^1.2.6",
 		"svelte-sonner": "^1.0.7",
+		"svelte-tiptap": "^3.0.1",
 		"tailwind-merge": "^3.4.0",
 		"tailwind-variants": "^3.2.2",
 		"tailwindcss-animate": "^1.0.7",

pnpm-lock.yaml

···
       '@ethercorps/sveltekit-og':
         specifier: ^4.2.1
         version: 4.2.1(@sveltejs/kit@2.50.1(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@25.0.10)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.6.1)(lightningcss@1.30.2)))
+      '@floating-ui/dom':
+        specifier: ^1.7.5
+        version: 1.7.5
       '@foxui/3d':
         specifier: ^0.4.7
         version: 0.4.7(svelte@5.48.0)(tailwindcss@4.1.18)
···
         specifier: ^9.7.1
         version: 9.7.1(@types/three@0.176.0)(svelte@5.48.0)(three@0.176.0)
       '@tiptap/core':
-        specifier: ^3.16.0
-        version: 3.16.0(@tiptap/pm@3.16.0)
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/extension-bubble-menu':
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      '@tiptap/extension-code-block-lowlight':
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/extension-code-block@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)(highlight.js@11.11.1)(lowlight@3.3.0)
       '@tiptap/extension-document':
-        specifier: ^3.16.0
-        version: 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
       '@tiptap/extension-image':
-        specifier: ^3.16.0
-        version: 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
       '@tiptap/extension-link':
-        specifier: ^3.16.0
-        version: 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
       '@tiptap/extension-paragraph':
-        specifier: ^3.16.0
-        version: 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
       '@tiptap/extension-placeholder':
-        specifier: ^3.16.0
-        version: 3.16.0(@tiptap/extensions@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/extensions@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))
       '@tiptap/extension-text':
-        specifier: ^3.16.0
-        version: 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-typography':
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-underline':
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/markdown':
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      '@tiptap/pm':
+        specifier: ^3.19.0
+        version: 3.19.0
       '@tiptap/starter-kit':
-        specifier: ^3.16.0
-        version: 3.16.0
+        specifier: ^3.19.0
+        version: 3.19.0
+      '@tiptap/suggestion':
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
       '@types/three':
         specifier: ^0.176.0
         version: 0.176.0
···
       link-preview-js:
         specifier: ^4.0.0
         version: 4.0.0
+      lowlight:
+        specifier: ^3.3.0
+        version: 3.3.0
       maplibre-gl:
         specifier: ^5.17.0
         version: 5.17.0
···
       svelte-sonner:
         specifier: ^1.0.7
         version: 1.0.7(svelte@5.48.0)
+      svelte-tiptap:
+        specifier: ^3.0.1
+        version: 3.0.1(@floating-ui/dom@1.7.5)(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/extension-bubble-menu@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))(@tiptap/extension-floating-menu@3.19.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)(svelte@5.48.0)
       tailwind-merge:
         specifier: ^3.4.0
         version: 3.4.0
···
   '@floating-ui/core@1.7.3':
     resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
 
-  '@floating-ui/dom@1.7.4':
-    resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==}
+  '@floating-ui/core@1.7.4':
+    resolution: {integrity: sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg==, tarball: https://registry.npmjs.org/@floating-ui/core/-/core-1.7.4.tgz}
+
+  '@floating-ui/dom@1.7.5':
+    resolution: {integrity: sha512-N0bD2kIPInNHUHehXhMke1rBGs1dwqvC9O9KYMyyjK7iXt7GAhnro7UlcuYcGdS/yYOlq0MAVgrow8IbWJwyqg==, tarball: https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.5.tgz}
 
   '@floating-ui/utils@0.2.10':
     resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
···
     resolution: {integrity: sha512-dCED+QRChTVatE9ibtoaxc+WkdzOSjYTKi/+uacHWIsfodVfpsueo3+DKpgU5Px8qXjgmXkSvhXvSCz3fnP9lw==}
 
   '@remirror/core-constants@3.0.0':
-    resolution: {integrity: sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==}
+    resolution: {integrity: sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==, tarball: https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz}
 
   '@resvg/resvg-wasm@2.6.2':
     resolution: {integrity: sha512-FqALmHI8D4o6lk/LRWDnhw95z5eO+eAa6ORjVg09YRR7BkcM6oPHU9uyC0gtQG5vpFLvgpeU4+zEAz2H8APHNw==}
···
       svelte: '>=5'
       three: '>=0.160'
 
-  '@tiptap/core@3.16.0':
-    resolution: {integrity: sha512-XegRaNuoQ/guzBQU2xHxOwFXXrtoXW9tiyXDhssSqylvZmBVSlRIPNHA6ArkHBKm6ehLf6+6Y9fF3uky1yCXYQ==}
+  '@tiptap/core@3.19.0':
+    resolution: {integrity: sha512-bpqELwPW+DG8gWiD8iiFtSl4vIBooG5uVJod92Qxn3rA9nFatyXRr4kNbMJmOZ66ezUvmCjXVe/5/G4i5cyzKA==, tarball: https://registry.npmjs.org/@tiptap/core/-/core-3.19.0.tgz}
+    peerDependencies:
+      '@tiptap/pm': ^3.19.0
+
+  '@tiptap/extension-blockquote@3.19.0':
+    resolution: {integrity: sha512-y3UfqY9KD5XwWz3ndiiJ089Ij2QKeiXy/g1/tlAN/F1AaWsnkHEHMLxCP1BIqmMpwsX7rZjMLN7G5Lp7c9682A==, tarball: https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/pm': ^3.16.0
+      '@tiptap/core': ^3.19.0
+
+  '@tiptap/extension-bold@3.19.0':
+    resolution: {integrity: sha512-UZgb1d0XK4J/JRIZ7jW+s4S6KjuEDT2z1PPM6ugcgofgJkWQvRZelCPbmtSFd3kwsD+zr9UPVgTh9YIuGQ8t+Q==, tarball: https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-3.19.0.tgz}
+    peerDependencies:
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-blockquote@3.16.0':
-    resolution: {integrity: sha512-c1bhJ3KDFXyNcMweiBzu0LouBXfUC/sUMtaEafQePR98BVu+d0tmWXcGlfVarGVoRyCYFa1mHpkgtxp4SS3lag==}
+  '@tiptap/extension-bubble-menu@3.19.0':
+    resolution: {integrity: sha512-klNVIYGCdznhFkrRokzGd6cwzoi8J7E5KbuOfZBwFwhMKZhlz/gJfKmYg9TJopeUhrr2Z9yHgWTk8dh/YIJCdQ==, tarball: https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
+
+  '@tiptap/extension-bullet-list@3.19.0':
+    resolution: {integrity: sha512-F9uNnqd0xkJbMmRxVI5RuVxwB9JaCH/xtRqOUNQZnRBt7IdAElCY+Dvb4hMCtiNv+enGM/RFGJuFHR9TxmI7rw==, tarball: https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-3.19.0.tgz}
+    peerDependencies:
+      '@tiptap/extension-list': ^3.19.0
+
+  '@tiptap/extension-code-block-lowlight@3.19.0':
+    resolution: {integrity: sha512-P8O8i1J+XozEVA7bF/Ijwf/r1rVqrh1DBQ7dXxBcrUvLpIGyVjtxX228jBF/kD4kf2xOlphvjDhV2fLa8XOVsg==, tarball: https://registry.npmjs.org/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-3.19.0.tgz}
+    peerDependencies:
+      '@tiptap/core': ^3.19.0
+      '@tiptap/extension-code-block': ^3.19.0
+      '@tiptap/pm': ^3.19.0
+      highlight.js: ^11
+      lowlight: ^2 || ^3
+
+  '@tiptap/extension-code-block@3.19.0':
+    resolution: {integrity: sha512-b/2qR+tMn8MQb+eaFYgVk4qXnLNkkRYmwELQ8LEtEDQPxa5Vl7J3eu8+4OyoIFhZrNDZvvoEp80kHMCP8sI6rg==, tarball: https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-3.19.0.tgz}
+    peerDependencies:
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
 
-  '@tiptap/extension-bold@3.16.0':
-    resolution: {integrity: sha512-S61wtChbOigk2bklCJ2uEa8jbAnI9ChbW4d1z/Uv/Hr6eWo42vVBtjNZKFOsiBPDajFZbOfnvekGs731jNrHKg==}
+  '@tiptap/extension-code@3.19.0':
+    resolution: {integrity: sha512-2kqqQIXBXj2Or+4qeY3WoE7msK+XaHKL6EKOcKlOP2BW8eYqNTPzNSL+PfBDQ3snA7ljZQkTs/j4GYDj90vR1A==, tarball: https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-bullet-list@3.16.0':
-    resolution: {integrity: sha512-GjKssVf9241GLdshdYRzPPApWQIB+7GJy0TZgx7bWmFUVgypYxDoE/rQRmvb3Fhup836bgfpfUzStevJ6eIClw==}
+  '@tiptap/extension-document@3.19.0':
+    resolution: {integrity: sha512-AOf0kHKSFO0ymjVgYSYDncRXTITdTcrj1tqxVazrmO60KNl1Rc2dAggDvIVTEBy5NvceF0scc7q3sE/5ZtVV7A==, tarball: https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/extension-list': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-code-block@3.16.0':
-    resolution: {integrity: sha512-hAsXe6fIBsvIMWlVEXKLEzFQ8h6VUEBWqEEFIQgq+SpZCkGX+KzVmFXd5V2aDqb+BoOyqYiA2w1d/frBBxVEpw==}
+  '@tiptap/extension-dropcursor@3.19.0':
+    resolution: {integrity: sha512-sf3dEZXiLvsGqVK2maUIzXY6qtYYCvBumag7+VPTMGQ0D4hiZ1X/4ukt4+6VXDg5R2WP1CoIt/QvUetUjWNhbQ==, tarball: https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
-      '@tiptap/pm': ^3.16.0
+      '@tiptap/extensions': ^3.19.0
 
-  '@tiptap/extension-code@3.16.0':
-    resolution: {integrity: sha512-U8/bz/1BhQ39LJgUqJ8u1HzLcYdtubUWVAVC8seteLz1vIhXkTyfAC8478KQ+YdIDkMzAs+0vxk5BsWcWG16zQ==}
+  '@tiptap/extension-floating-menu@3.19.0':
+    resolution: {integrity: sha512-JaoEkVRkt+Slq3tySlIsxnMnCjS0L5n1CA1hctjLy0iah8edetj3XD5mVv5iKqDzE+LIjF4nwLRRVKJPc8hFBg==, tarball: https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@floating-ui/dom': ^1.0.0
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
 
-  '@tiptap/extension-document@3.16.0':
-    resolution: {integrity: sha512-vOwBnJIonYmmFVMEnnE1jwoUMq0P/9BcaUocIG9o5iFRTV38I8YGn8n6DiE1pjSeLXRpLrXl6LLwdOMBJewhBg==}
+  '@tiptap/extension-gapcursor@3.19.0':
+    resolution: {integrity: sha512-w7DACS4oSZaDWjz7gropZHPc9oXqC9yERZTcjWxyORuuIh1JFf0TRYspleK+OK28plK/IftojD/yUDn1MTRhvA==, tarball: https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/extensions': ^3.19.0
 
-  '@tiptap/extension-dropcursor@3.16.0':
-    resolution: {integrity: sha512-n9Gbt99K9oBChjp8puF0ffAJtBF6ZVjydG5u5QO2Z8sHNE+Hn6ARfgZqLjr11ZF4b+mLShqsmyROmITNf73W+A==}
+  '@tiptap/extension-hard-break@3.19.0':
+    resolution: {integrity: sha512-lAmQraYhPS5hafvCl74xDB5+bLuNwBKIEsVoim35I0sDJj5nTrfhaZgMJ91VamMvT+6FF5f1dvBlxBxAWa8jew==, tarball: https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/extensions': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-gapcursor@3.16.0':
-    resolution: {integrity: sha512-8dxE4bkfn6Jog/JHDxN/kzcRbyJB7HyFqCKdiTq0f4atzysmnEUuMswwlwMPaErkzlETD6B8NEEtMknEUqowGA==}
+  '@tiptap/extension-heading@3.19.0':
+    resolution: {integrity: sha512-uLpLlfyp086WYNOc0ekm1gIZNlEDfmzOhKzB0Hbyi6jDagTS+p9mxUNYeYOn9jPUxpFov43+Wm/4E24oY6B+TQ==, tarball: https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/extensions': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-hard-break@3.16.0':
-    resolution: {integrity: sha512-nwUTixlHYo9V1lfOYsRi2JiAYCRC7pObB3Kt7rEeMxB3XmcRcSpHtxYs6r+TvifsLFys8RG5wOFXIV/YXZHcDg==}
+  '@tiptap/extension-horizontal-rule@3.19.0':
+    resolution: {integrity: sha512-iqUHmgMGhMgYGwG6L/4JdelVQ5Mstb4qHcgTGd/4dkcUOepILvhdxajPle7OEdf9sRgjQO6uoAU5BVZVC26+ng==, tarball: https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
 
-  '@tiptap/extension-heading@3.16.0':
-    resolution: {integrity: sha512-du4d1Ukvhr1zvPWlU/HS3NMlRswzGRSNDNfCFUhdYgQoHOSnUXshnlKD3E5H0EHfL9UwT4JFyqAT3+1ZnahkdA==}
+  '@tiptap/extension-image@3.19.0':
+    resolution: {integrity: sha512-/rGl8nBziBPVJJ/9639eQWFDKcI3RQsDM3s+cqYQMFQfMqc7sQB9h4o4sHCBpmKxk3Y0FV/0NjnjLbBVm8OKdQ==, tarball: https://registry.npmjs.org/@tiptap/extension-image/-/extension-image-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-horizontal-rule@3.16.0':
-    resolution: {integrity: sha512-yyKl45UCH55pIf8G4bHiUNFxggipRVT276c3t9vrkXU6BkJhzfxxcIc5svWkiThDjdYmJs1FfVCYAtGSuKiSyA==}
+  '@tiptap/extension-italic@3.19.0':
+    resolution: {integrity: sha512-6GffxOnS/tWyCbDkirWNZITiXRta9wrCmrfa4rh+v32wfaOL1RRQNyqo9qN6Wjyl1R42Js+yXTzTTzZsOaLMYA==, tarball: https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
-      '@tiptap/pm': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-image@3.16.0':
-    resolution: {integrity: sha512-mTjt4kdyVtY/2dJcfxAgBae/dkH+r6GwARl7NlPtnI3EzpELFR65FNuOQyTxFXP3yfV9uMtPpq6Wevk8aLTsxQ==}
+  '@tiptap/extension-link@3.19.0':
+    resolution: {integrity: sha512-HEGDJnnCPfr7KWu7Dsq+eRRe/mBCsv6DuI+7fhOCLDJjjKzNgrX2abbo/zG3D/4lCVFaVb+qawgJubgqXR/Smw==, tarball: https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
 
-  '@tiptap/extension-italic@3.16.0':
-    resolution: {integrity: sha512-SVNnkRUK6G+dQse5Ms8Q/wudSTh37O94p02RDc3KneEtBk6wkokqCLuwKnWLPhlEqsuOku+wTD9DSJdvoRlq9w==}
+  '@tiptap/extension-list-item@3.19.0':
+    resolution: {integrity: sha512-VsSKuJz4/Tb6ZmFkXqWpDYkRzmaLTyE6dNSEpNmUpmZ32sMqo58mt11/huADNwfBFB0Ve7siH/VnFNIJYY3xvg==, tarball: https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/extension-list': ^3.19.0
 
-  '@tiptap/extension-link@3.16.0':
-    resolution: {integrity: sha512-WPPJLtGXQadBVVwH6gcMpaXIgfvFF9NGpE2IVqleVKR3Epv2Rd4aWd4oyAdrT8KU9G6dzMXZfkrB8aArTDKxYQ==}
+  '@tiptap/extension-list-keymap@3.19.0':
+    resolution: {integrity: sha512-bxgmAgA3RzBGA0GyTwS2CC1c+QjkJJq9hC+S6PSOWELGRiTbwDN3MANksFXLjntkTa0N5fOnL27vBHtMStURqw==, tarball: https://registry.npmjs.org/@tiptap/extension-list-keymap/-/extension-list-keymap-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
-      '@tiptap/pm': ^3.16.0
+      '@tiptap/extension-list': ^3.19.0
 
-  '@tiptap/extension-list-item@3.16.0':
-    resolution: {integrity: sha512-kshssUZEPoosPWbJNQEFJnVV3iPwsDU9l/RCdHJB5SE+aNWJyUk5hQ/YwngEHjV7rS+RnAuhbrcB5swgyzROuA==}
+  '@tiptap/extension-list@3.19.0':
+    resolution: {integrity: sha512-N6nKbFB2VwMsPlCw67RlAtYSK48TAsAUgjnD+vd3ieSlIufdQnLXDFUP6hFKx9mwoUVUgZGz02RA6bkxOdYyTw==, tarball: https://registry.npmjs.org/@tiptap/extension-list/-/extension-list-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/extension-list': ^3.16.0
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
 
-  '@tiptap/extension-list-keymap@3.16.0':
-    resolution: {integrity: sha512-AU3J9W6uo835ZdxiGmrYx1KUymzvfkU4d278X0OBAfujORXkbDNlo9er8pOrOpgXNxgtnlH32lWR4bWyKdUgwA==}
+  '@tiptap/extension-ordered-list@3.19.0':
+    resolution: {integrity: sha512-cxGsINquwHYE1kmhAcLNLHAofmoDEG6jbesR5ybl7tU5JwtKVO7S/xZatll2DU1dsDAXWPWEeeMl4e/9svYjCg==, tarball: https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/extension-list': ^3.16.0
+      '@tiptap/extension-list': ^3.19.0
 
-  '@tiptap/extension-list@3.16.0':
-    resolution: {integrity: sha512-tpjWGugfI0XYR9iG/QlYYtCY35TFWHNwGKc94wN4s7NmAjB4xlwdTkTZQ6PdZ39x1SeHkRjxAka+6GcBIoOHGQ==}
+  '@tiptap/extension-paragraph@3.19.0':
+    resolution: {integrity: sha512-xWa6gj82l5+AzdYyrSk9P4ynySaDzg/SlR1FarXE5yPXibYzpS95IWaVR0m2Qaz7Rrk+IiYOTGxGRxcHLOelNg==, tarball: https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
-      '@tiptap/pm': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-ordered-list@3.16.0':
-    resolution: {integrity: sha512-mNKqwEgiXSMi5afGtnodsptveukpr3GqcGsw2fqJFyNq9SITznjiiuQfULtzVnayC8qHsk0Zzbpzf0zvdHlypg==}
+  '@tiptap/extension-placeholder@3.19.0':
+    resolution: {integrity: sha512-i15OfgyI4IDCYAcYSKUMnuZkYuUInfanjf9zquH8J2BETiomf/jZldVCp/QycMJ8DOXZ38fXDc99wOygnSNySg==, tarball: https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/extension-list': ^3.16.0
+      '@tiptap/extensions': ^3.19.0
 
-  '@tiptap/extension-paragraph@3.16.0':
-    resolution: {integrity: sha512-JHn3ev7US5FxtQFyEOeQ8XfvKcR5NiHkwDH2Gcwe+0ttpA/Qrrr5XN3tJIgI3rXfR5DjxArq/QO0OTVBm3xlJA==}
+  '@tiptap/extension-strike@3.19.0':
+    resolution: {integrity: sha512-xYpabHsv7PccLUBQaP8AYiFCnYbx6P93RHPd0lgNwhdOjYFd931Zy38RyoxPHAgbYVmhf1iyx7lpuLtBnhS5dA==, tarball: https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-placeholder@3.16.0':
-    resolution: {integrity: sha512-sbffATC2fwyRF9i483fSRj5MTADCqD1QUl4LCAt8VO+cVEQbV19WV5J7EQ8wIjDEoFoOKIUXdU/0CEcF4IpjDQ==}
+  '@tiptap/extension-text@3.19.0':
+    resolution: {integrity: sha512-K95+SnbZy0h6hNFtfy23n8t/nOcTFEf69In9TSFVVmwn/Nwlke+IfiESAkqbt1/7sKJeegRXYO7WzFEmFl9Q/g==, tarball: https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/extensions': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-strike@3.16.0':
-    resolution: {integrity: sha512-l5/4+gii53kET7ETyYpbTumoQdZ6HwJLUcDlGHutLZlBCaZPxFTi5qgHQBhNq5KAzRH3LVJeb0fEeMi+yCZBQA==}
+  '@tiptap/extension-typography@3.19.0':
+    resolution: {integrity: sha512-2Rwwz1ErNhqUcXPzPX2u4frdyrK4Yj6ZMvCLPxLt5lQXj9Eq9YEoD9isw8abR105ko3BCidvfElQYSFu6dWPSw==, tarball: https://registry.npmjs.org/@tiptap/extension-typography/-/extension-typography-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-text@3.16.0':
-    resolution: {integrity: sha512-KTewoX4wZq95cKnjBbogRwBFoGgM6qUg1yjCQ/M6Ajkp4Mtp8Iki9EiAxtfk76b/wtXFf3DsDhFOeVqgKyYbYg==}
+  '@tiptap/extension-underline@3.19.0':
+    resolution: {integrity: sha512-800MGEWfG49j10wQzAFiW/ele1HT04MamcL8iyuPNu7ZbjbGN2yknvdrJlRy7hZlzIrVkZMr/1tz62KN33VHIw==, tarball: https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/core': ^3.19.0
 
-  '@tiptap/extension-underline@3.16.0':
-    resolution: {integrity: sha512-obXAPgHVZocMaW6HtKyCYsN4CxHogWr23gioyEQcpIX0LeegHDqxkoPrjIPX6Tn1isDyvXchcSKWHEfiHO3ZOA==}
+  '@tiptap/extensions@3.19.0':
+    resolution: {integrity: sha512-ZmGUhLbMWaGqnJh2Bry+6V4M6gMpUDYo4D1xNux5Gng/E/eYtc+PMxMZ/6F7tNTAuujLBOQKj6D+4SsSm457jw==, tarball: https://registry.npmjs.org/@tiptap/extensions/-/extensions-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
 
-  '@tiptap/extensions@3.16.0':
-    resolution: {integrity: sha512-0iVrn0FHcHIRMdsQLQbf16NgYrKz+Sup/8dDMVBy1QoHn5Hb51QZABqXJTZ6u7My34b4fNZrSggzBAE7l7N/pA==}
+  '@tiptap/markdown@3.19.0':
+    resolution: {integrity: sha512-Pnfacq2FHky1rqwmGwEmUJxuZu8VZ8XjaJIqsQC34S3CQWiOU+PukC9In2odzcooiVncLWT9s97jKuYpbmF1tQ==, tarball: https://registry.npmjs.org/@tiptap/markdown/-/markdown-3.19.0.tgz}
     peerDependencies:
-      '@tiptap/core': ^3.16.0
-      '@tiptap/pm': ^3.16.0
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
+
+  '@tiptap/pm@3.19.0':
+    resolution: {integrity: sha512-789zcnM4a8OWzvbD2DL31d0wbSm9BVeO/R7PLQwLIGysDI3qzrcclyZ8yhqOEVuvPitRRwYLq+mY14jz7kY4cw==, tarball: https://registry.npmjs.org/@tiptap/pm/-/pm-3.19.0.tgz}
 
-  '@tiptap/pm@3.16.0':
-    resolution: {integrity: sha512-FMxZ6Tc5ONKa/EByDV8lswct6YW2lF/wn11zqXmrfBZhdG7UQPTijpSwb6TCqaO5GOHmixaIaDPj+zimUREHQA==}
+  '@tiptap/starter-kit@3.19.0':
+    resolution: {integrity: sha512-dTCkHEz+Y8ADxX7h+xvl6caAj+3nII/wMB1rTQchSuNKqJTOrzyUsCWm094+IoZmLT738wANE0fRIgziNHs/ug==, tarball: https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-3.19.0.tgz}
 
-  '@tiptap/starter-kit@3.16.0':
-    resolution: {integrity: sha512-eWi+77SgKyhSx91Hmn32ER+gPN6FfInGtod4A+XxSG+LqS/sn6kpUEdowYrnqiZzhUXZCSTSJvC+UcMUZHOkxQ==}
+  '@tiptap/suggestion@3.19.0':
+    resolution: {integrity: sha512-tUZwMRFqTVPIo566ZmHNRteyZxJy2EE4FA+S3IeIUOOvY6AW0h1imhbpBO7sXV8CeEQvpa+2DWwLvy7L3vmstA==, tarball: https://registry.npmjs.org/@tiptap/suggestion/-/suggestion-3.19.0.tgz}
+    peerDependencies:
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
 
   '@tweenjs/tween.js@23.1.3':
     resolution: {integrity: sha512-vJmvvwFxYuGnF2axRtPYocag6Clbb5YS7kLL+SO/TeVFzHqDIWrNKYtcsPMibjDx9O+bu+psAy9NKfWklassUA==}
···
   '@types/geojson@7946.0.16':
     resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==, tarball: https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz}
 
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==, tarball: https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
   '@types/linkify-it@5.0.0':
-    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
+    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==, tarball: https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz}
 
   '@types/markdown-it@14.1.2':
-    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==}
+    resolution: {integrity: sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==, tarball: https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz}
 
   '@types/mdurl@2.0.0':
-    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
+    resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==, tarball: https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz}
 
   '@types/node@25.0.10':
     resolution: {integrity: sha512-zWW5KPngR/yvakJgGOmZ5vTBemDoSqF3AcV/LrO5u5wTWyEAVVh+IT39G4gtyAkh3CtTZs8aX/yRM82OfzHJRg==}
···
 
   '@types/turndown@5.0.6':
     resolution: {integrity: sha512-ru00MoyeeouE5BX4gRL+6m/BsDfbRayOskWqUvh7CLGW+UXxHQItqALa38kKnOiZPqJrtzJUgAC2+F0rL1S4Pg==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==, tarball: https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz}
 
   '@types/webxr@0.5.24':
     resolution: {integrity: sha512-h8fgEd/DpoS9CBrjEQXR+dIDraopAEfu4wYVNY2tEPwk60stPWhvZMf4Foo5FakuQ7HFZoa8WceaWFervK2Ovg==}
···
     resolution: {integrity: sha512-zpEHTy1fjTMZCKLHUZoVeylt9XrzaIN2rbPXEt0k+q7JE5CkCZdo6bNq55bn24a69CH7ErAVLKijxJja4fw+UQ==}
 
   crelt@1.0.6:
-    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
+    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==, tarball: https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz}
 
   cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
···
   devalue@5.6.2:
     resolution: {integrity: sha512-nPRkjWzzDQlsejL1WVifk5rvcFi/y1onBRxjaFMjZeR9mFpqu2gmAZ9xUB9/IEanEP/vBtGeGganC/GO1fmufg==}
 
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==, tarball: https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz}
+
   diet-sprite@0.0.1:
     resolution: {integrity: sha512-zSHI2WDAn1wJqJYxcmjWfJv3Iw8oL9reQIbEyx2x2/EZ4/qmUTIo8/5qOCurnAcq61EwtJJaZ0XTy2NRYqpB5A==}
 
···
     resolution: {integrity: sha512-Ox1pJVrDCyGHMG9CFg1tmrRUMRPRsAWYc/PinY0XzJU4K7y7vjNoLKIQ7BR5UJMCxNN8EM1MNDmHWA/B3aZUuw==}
     engines: {node: '>=6'}
 
+  highlight.js@11.11.1:
+    resolution: {integrity: sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w==, tarball: https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz}
+    engines: {node: '>=12.0.0'}
+
   hls.js@1.6.15:
     resolution: {integrity: sha512-E3a5VwgXimGHwpRGV+WxRTKeSp2DW5DI5MWv34ulL3t5UNmyJWCQ1KmLEHbYzcfThfXG8amBL+fCYPneGHC4VA==}
 
···
     engines: {node: '>=18'}
 
   linkify-it@5.0.0:
-    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
+    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==, tarball: https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz}
 
   linkifyjs@4.3.2:
-    resolution: {integrity: sha512-NT1CJtq3hHIreOianA8aSXn6Cw0JzYOuDQbOrSPe7gqFnCpKP++MQe3ODgO3oh2GJFORkAAdqredOa60z63GbA==}
+    resolution: {integrity: sha512-NT1CJtq3hHIreOianA8aSXn6Cw0JzYOuDQbOrSPe7gqFnCpKP++MQe3ODgO3oh2GJFORkAAdqredOa60z63GbA==, tarball: https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.3.2.tgz}
 
   loadjs@4.3.0:
     resolution: {integrity: sha512-vNX4ZZLJBeDEOBvdr2v/F+0aN5oMuPu7JTqrMwp+DtgK+AryOlpy6Xtm2/HpNr+azEa828oQjOtWsB6iDtSfSQ==}
···
   loose-envify@1.4.0:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==, tarball: https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz}
     hasBin: true
+
+  lowlight@3.3.0:
+    resolution: {integrity: sha512-0JNhgFoPvP6U6lE/UdVsSq99tn6DhjjpAj5MxG49ewd2mOBVtwWYIT8ClyABhq198aXXODMU6Ox8DrGy/CpTZQ==, tarball: https://registry.npmjs.org/lowlight/-/lowlight-3.3.0.tgz}
 
   lz-string@1.5.0:
     resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
···
     engines: {node: '>=16.14.0', npm: '>=8.1.0'}
 
   markdown-it@14.1.0:
-    resolution: {integrity: sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==}
+    resolution: {integrity: sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==, tarball: https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz}
     hasBin: true
 
   marked@17.0.1:
···
     hasBin: true
 
   mdurl@2.0.0:
-    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
+    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==, tarball: https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz}
 
   meshoptimizer@0.18.1:
     resolution: {integrity: sha512-ZhoIoL7TNV4s5B6+rx5mC//fw8/POGyNxS/DZyCJeiZ12ScLfVwRE/GfsxwiTkMYYD5DmK2/JXnEVXqL4rF+Sw==}
···
     engines: {node: '>= 0.8.0'}
 
   orderedmap@2.1.1:
-    resolution: {integrity: sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==}
+    resolution: {integrity: sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==, tarball: https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz}
 
   p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
···
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==, tarball: https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz}
 
   prosemirror-changeset@2.3.1:
-    resolution: {integrity: sha512-j0kORIBm8ayJNl3zQvD1TTPHJX3g042et6y/KQhZhnPrruO8exkTgG8X+NRpj7kIyMMEx74Xb3DyMIBtO0IKkQ==}
+    resolution: {integrity: sha512-j0kORIBm8ayJNl3zQvD1TTPHJX3g042et6y/KQhZhnPrruO8exkTgG8X+NRpj7kIyMMEx74Xb3DyMIBtO0IKkQ==, tarball: https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.3.1.tgz}
 
   prosemirror-collab@1.3.1:
-    resolution: {integrity: sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==}
+    resolution: {integrity: sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==, tarball: https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz}
 
   prosemirror-commands@1.7.1:
-    resolution: {integrity: sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==}
+    resolution: {integrity: sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==, tarball: https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.1.tgz}
 
   prosemirror-dropcursor@1.8.2:
-    resolution: {integrity: sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==}
+    resolution: {integrity: sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==, tarball: https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.2.tgz}
 
   prosemirror-gapcursor@1.4.0:
-    resolution: {integrity: sha512-z00qvurSdCEWUIulij/isHaqu4uLS8r/Fi61IbjdIPJEonQgggbJsLnstW7Lgdk4zQ68/yr6B6bf7sJXowIgdQ==}
+    resolution: {integrity: sha512-z00qvurSdCEWUIulij/isHaqu4uLS8r/Fi61IbjdIPJEonQgggbJsLnstW7Lgdk4zQ68/yr6B6bf7sJXowIgdQ==, tarball: https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.4.0.tgz}
 
   prosemirror-history@1.5.0:
-    resolution: {integrity: sha512-zlzTiH01eKA55UAf1MEjtssJeHnGxO0j4K4Dpx+gnmX9n+SHNlDqI2oO1Kv1iPN5B1dm5fsljCfqKF9nFL6HRg==}
+    resolution: {integrity: sha512-zlzTiH01eKA55UAf1MEjtssJeHnGxO0j4K4Dpx+gnmX9n+SHNlDqI2oO1Kv1iPN5B1dm5fsljCfqKF9nFL6HRg==, tarball: https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.5.0.tgz}
 
   prosemirror-inputrules@1.5.1:
-    resolution: {integrity: sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==}
+    resolution: {integrity: sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==, tarball: https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.1.tgz}
 
   prosemirror-keymap@1.2.3:
-    resolution: {integrity: sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==}
+    resolution: {integrity: sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==, tarball: https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.3.tgz}
 
   prosemirror-markdown@1.13.3:
-    resolution: {integrity: sha512-3E+Et6cdXIH0EgN2tGYQ+EBT7N4kMiZFsW+hzx+aPtOmADDHWCdd2uUQb7yklJrfUYUOjEEu22BiN6UFgPe4cQ==}
+    resolution: {integrity: sha512-3E+Et6cdXIH0EgN2tGYQ+EBT7N4kMiZFsW+hzx+aPtOmADDHWCdd2uUQb7yklJrfUYUOjEEu22BiN6UFgPe4cQ==, tarball: https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.3.tgz}
 
   prosemirror-menu@1.2.5:
-    resolution: {integrity: sha512-qwXzynnpBIeg1D7BAtjOusR+81xCp53j7iWu/IargiRZqRjGIlQuu1f3jFi+ehrHhWMLoyOQTSRx/IWZJqOYtQ==}
+    resolution: {integrity: sha512-qwXzynnpBIeg1D7BAtjOusR+81xCp53j7iWu/IargiRZqRjGIlQuu1f3jFi+ehrHhWMLoyOQTSRx/IWZJqOYtQ==, tarball: https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.5.tgz}
 
   prosemirror-model@1.25.4:
-    resolution: {integrity: sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA==}
+    resolution: {integrity: sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA==, tarball: https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.4.tgz}
 
   prosemirror-schema-basic@1.2.4:
-    resolution: {integrity: sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==}
+    resolution: {integrity: sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==, tarball: https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.4.tgz}
 
   prosemirror-schema-list@1.5.1:
-    resolution: {integrity: sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==}
+    resolution: {integrity: sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==, tarball: https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz}
 
   prosemirror-state@1.4.4:
-    resolution: {integrity: sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==}
+    resolution: {integrity: sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==, tarball: https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.4.tgz}
 
   prosemirror-tables@1.8.5:
-    resolution: {integrity: sha512-V/0cDCsHKHe/tfWkeCmthNUcEp1IVO3p6vwN8XtwE9PZQLAZJigbw3QoraAdfJPir4NKJtNvOB8oYGKRl+t0Dw==}
+    resolution: {integrity: sha512-V/0cDCsHKHe/tfWkeCmthNUcEp1IVO3p6vwN8XtwE9PZQLAZJigbw3QoraAdfJPir4NKJtNvOB8oYGKRl+t0Dw==, tarball: https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.8.5.tgz}
 
   prosemirror-trailing-node@3.0.0:
-    resolution: {integrity: sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==}
+    resolution: {integrity: sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==, tarball: https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz}
     peerDependencies:
       prosemirror-model: ^1.22.1
       prosemirror-state: ^1.4.2
       prosemirror-view: ^1.33.8
 
   prosemirror-transform@1.11.0:
-    resolution: {integrity: sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw==}
+    resolution: {integrity: sha512-4I7Ce4KpygXb9bkiPS3hTEk4dSHorfRw8uI0pE8IhxlK2GXsqv5tIA7JUSxtSu7u8APVOTtbUBxTmnHIxVkIJw==, tarball: https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.11.0.tgz}
 
   prosemirror-view@1.41.5:
-    resolution: {integrity: sha512-UDQbIPnDrjE8tqUBbPmCOZgtd75htE6W3r0JCmY9bL6W1iemDM37MZEKC49d+tdQ0v/CKx4gjxLoLsfkD2NiZA==}
+    resolution: {integrity: sha512-UDQbIPnDrjE8tqUBbPmCOZgtd75htE6W3r0JCmY9bL6W1iemDM37MZEKC49d+tdQ0v/CKx4gjxLoLsfkD2NiZA==, tarball: https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.41.5.tgz}
 
   protocol-buffers-schema@3.6.0:
     resolution: {integrity: sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw==, tarball: https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz}
 
   punycode.js@2.3.1:
-    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
+    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==, tarball: https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz}
     engines: {node: '>=6'}
 
   punycode@2.3.1:
···
     hasBin: true
 
   rope-sequence@1.3.4:
-    resolution: {integrity: sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==}
+    resolution: {integrity: sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==, tarball: https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz}
 
   runed@0.23.4:
     resolution: {integrity: sha512-9q8oUiBYeXIDLWNK5DfCWlkL0EW3oGbk845VdKlPeia28l751VpfesaB/+7pI6rnbx1I6rqoZ2fZxptOJLxILA==}
···
     peerDependencies:
       svelte: ^5.0.0
 
+  svelte-tiptap@3.0.1:
+    resolution: {integrity: sha512-Vi3kVGOd01f7mslOxGbJB7z2QavdvH+6WffhB+Y5fleTiZaW0YWqIboyO2u/uh4BQeosiINmmuRJ+Qwb7mYP+A==, tarball: https://registry.npmjs.org/svelte-tiptap/-/svelte-tiptap-3.0.1.tgz}
+    peerDependencies:
+      '@floating-ui/dom': ^1.0.0
+      '@tiptap/core': ^3.0.0
+      '@tiptap/extension-bubble-menu': ^3.0.0
+      '@tiptap/extension-floating-menu': ^3.0.0
+      '@tiptap/pm': ^3.0.0
+      svelte: ^5.0.0
+
   svelte-toolbelt@0.10.6:
     resolution: {integrity: sha512-YWuX+RE+CnWYx09yseAe4ZVMM7e7GRFZM6OYWpBKOb++s+SQ8RBIMMe+Bs/CznBMc0QPLjr+vDBxTAkozXsFXQ==}
     engines: {node: '>=18', pnpm: '>=8.7.0'}
···
     hasBin: true
 
   uc.micro@2.1.0:
-    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
+    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==, tarball: https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz}
 
   ufo@1.6.3:
     resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
···
         optional: true
 
   w3c-keyname@2.2.8:
-    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
+    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==, tarball: https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz}
 
   webgl-sdf-generator@1.1.1:
     resolution: {integrity: sha512-9Z0JcMTFxeE+b2x1LJTdnaT8rT8aEp7MVxkNwoycNmJWwPdzoXzMh0BjJSh/AEFP+KPYZUli814h8bJZFIZ2jA==}
···
     dependencies:
       '@floating-ui/utils': 0.2.10
 
-  '@floating-ui/dom@1.7.4':
+  '@floating-ui/core@1.7.4':
+    dependencies:
+      '@floating-ui/utils': 0.2.10
+
+  '@floating-ui/dom@1.7.5':
     dependencies:
-      '@floating-ui/core': 1.7.3
+      '@floating-ui/core': 1.7.4
       '@floating-ui/utils': 0.2.10
 
   '@floating-ui/utils@0.2.10': {}
···
     transitivePeerDependencies:
       - '@types/three'
 
-  '@tiptap/core@3.16.0(@tiptap/pm@3.16.0)':
+  '@tiptap/core@3.19.0(@tiptap/pm@3.19.0)':
+    dependencies:
+      '@tiptap/pm': 3.19.0
+
+  '@tiptap/extension-blockquote@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/pm': 3.16.0
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-blockquote@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-bold@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-bold@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-bubble-menu@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@floating-ui/dom': 1.7.5
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
 
-  '@tiptap/extension-bullet-list@3.16.0(@tiptap/extension-list@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-bullet-list@3.19.0(@tiptap/extension-list@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/extension-list': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
+      '@tiptap/extension-list': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-code-block@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)':
+  '@tiptap/extension-code-block-lowlight@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/extension-code-block@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)(highlight.js@11.11.1)(lowlight@3.3.0)':
+    dependencies:
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/extension-code-block': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
+      highlight.js: 11.11.1
+      lowlight: 3.3.0
+
+  '@tiptap/extension-code-block@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
+    dependencies:
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
+
+  '@tiptap/extension-code@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
-      '@tiptap/pm': 3.16.0
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-code@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-document@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-document@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-dropcursor@3.19.0(@tiptap/extensions@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/extensions': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-dropcursor@3.16.0(@tiptap/extensions@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-floating-menu@3.19.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
     dependencies:
-      '@tiptap/extensions': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
+      '@floating-ui/dom': 1.7.5
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
 
-  '@tiptap/extension-gapcursor@3.16.0(@tiptap/extensions@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-gapcursor@3.19.0(@tiptap/extensions@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/extensions': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
+      '@tiptap/extensions': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-hard-break@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-hard-break@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-heading@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-heading@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-horizontal-rule@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)':
+  '@tiptap/extension-horizontal-rule@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
-      '@tiptap/pm': 3.16.0
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
 
-  '@tiptap/extension-image@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-image@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-italic@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-italic@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-link@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)':
+  '@tiptap/extension-link@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
-      '@tiptap/pm': 3.16.0
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
       linkifyjs: 4.3.2
 
-  '@tiptap/extension-list-item@3.16.0(@tiptap/extension-list@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-list-item@3.19.0(@tiptap/extension-list@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/extension-list': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
+      '@tiptap/extension-list': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-list-keymap@3.16.0(@tiptap/extension-list@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-list-keymap@3.19.0(@tiptap/extension-list@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/extension-list': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
+      '@tiptap/extension-list': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-list@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)':
+  '@tiptap/extension-list@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
-      '@tiptap/pm': 3.16.0
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
+
+  '@tiptap/extension-ordered-list@3.19.0(@tiptap/extension-list@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))':
+    dependencies:
+      '@tiptap/extension-list': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+
+  '@tiptap/extension-paragraph@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
+    dependencies:
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-ordered-list@3.16.0(@tiptap/extension-list@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-placeholder@3.19.0(@tiptap/extensions@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/extension-list': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
+      '@tiptap/extensions': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-paragraph@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-strike@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-placeholder@3.16.0(@tiptap/extensions@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-text@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/extensions': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-strike@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-typography@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-text@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extension-underline@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
 
-  '@tiptap/extension-underline@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))':
+  '@tiptap/extensions@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
 
-  '@tiptap/extensions@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)':
+  '@tiptap/markdown@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
-      '@tiptap/pm': 3.16.0
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
+      marked: 17.0.1
 
-  '@tiptap/pm@3.16.0':
+  '@tiptap/pm@3.19.0':
     dependencies:
       prosemirror-changeset: 2.3.1
       prosemirror-collab: 1.3.1
···
       prosemirror-transform: 1.11.0
       prosemirror-view: 1.41.5
 
-  '@tiptap/starter-kit@3.16.0':
+  '@tiptap/starter-kit@3.19.0':
     dependencies:
-      '@tiptap/core': 3.16.0(@tiptap/pm@3.16.0)
-      '@tiptap/extension-blockquote': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extension-bold': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extension-bullet-list': 3.16.0(@tiptap/extension-list@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))
-      '@tiptap/extension-code': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extension-code-block': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
-      '@tiptap/extension-document': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extension-dropcursor': 3.16.0(@tiptap/extensions@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))
-      '@tiptap/extension-gapcursor': 3.16.0(@tiptap/extensions@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))
-      '@tiptap/extension-hard-break': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extension-heading': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extension-horizontal-rule': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
-      '@tiptap/extension-italic': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extension-link': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
-      '@tiptap/extension-list': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
-      '@tiptap/extension-list-item': 3.16.0(@tiptap/extension-list@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))
-      '@tiptap/extension-list-keymap': 3.16.0(@tiptap/extension-list@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))
-      '@tiptap/extension-ordered-list': 3.16.0(@tiptap/extension-list@3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0))
-      '@tiptap/extension-paragraph': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extension-strike': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extension-text': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extension-underline': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))
-      '@tiptap/extensions': 3.16.0(@tiptap/core@3.16.0(@tiptap/pm@3.16.0))(@tiptap/pm@3.16.0)
-      '@tiptap/pm': 3.16.0
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/extension-blockquote': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-bold': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-bullet-list': 3.19.0(@tiptap/extension-list@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))
+      '@tiptap/extension-code': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-code-block': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      '@tiptap/extension-document': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-dropcursor': 3.19.0(@tiptap/extensions@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))
+      '@tiptap/extension-gapcursor': 3.19.0(@tiptap/extensions@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))
+      '@tiptap/extension-hard-break': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-heading': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-horizontal-rule': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      '@tiptap/extension-italic': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-link': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      '@tiptap/extension-list': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      '@tiptap/extension-list-item': 3.19.0(@tiptap/extension-list@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))
+      '@tiptap/extension-list-keymap': 3.19.0(@tiptap/extension-list@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))
+      '@tiptap/extension-ordered-list': 3.19.0(@tiptap/extension-list@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))
+      '@tiptap/extension-paragraph': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-strike': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-text': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extension-underline': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
+      '@tiptap/extensions': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
+
+  '@tiptap/suggestion@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
+    dependencies:
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
 
   '@tweenjs/tween.js@23.1.3': {}
 
···
   '@types/estree@1.0.8': {}
 
   '@types/geojson@7946.0.16': {}
+
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
 
   '@types/json-schema@7.0.15': {}
 
···
 
   '@types/turndown@5.0.6': {}
 
+  '@types/unist@3.0.3': {}
+
   '@types/webxr@0.5.24': {}
 
   '@typescript-eslint/eslint-plugin@8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.2(jiti@2.6.1))(typescript@5.9.3)':
···
   bits-ui@1.8.0(svelte@5.48.0):
     dependencies:
       '@floating-ui/core': 1.7.3
-      '@floating-ui/dom': 1.7.4
+      '@floating-ui/dom': 1.7.5
       '@internationalized/date': 3.10.1
       css.escape: 1.5.1
       esm-env: 1.2.2
···
   bits-ui@2.15.4(@internationalized/date@3.10.1)(@sveltejs/kit@2.50.1(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@25.0.10)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0):
     dependencies:
       '@floating-ui/core': 1.7.3
-      '@floating-ui/dom': 1.7.4
+      '@floating-ui/dom': 1.7.5
       '@internationalized/date': 3.10.1
       esm-env: 1.2.2
       runed: 0.35.1(@sveltejs/kit@2.50.1(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@25.0.10)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)
···
 
   devalue@5.6.2: {}
 
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
   diet-sprite@0.0.1: {}
 
   dom-serializer@2.0.0:
···
 
   hex-rgb@4.3.0: {}
 
+  highlight.js@11.11.1: {}
+
   hls.js@1.6.15: {}
 
   htmlparser2@10.1.0:
···
   loose-envify@1.4.0:
     dependencies:
       js-tokens: 4.0.0
+
+  lowlight@3.3.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      devlop: 1.1.0
+      highlight.js: 11.11.1
 
   lz-string@1.5.0: {}
 
···
   svelte-sonner@1.0.7(svelte@5.48.0):
     dependencies:
       runed: 0.28.0(svelte@5.48.0)
+      svelte: 5.48.0
+
+  svelte-tiptap@3.0.1(@floating-ui/dom@1.7.5)(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/extension-bubble-menu@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))(@tiptap/extension-floating-menu@3.19.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)(svelte@5.48.0):
+    dependencies:
+      '@floating-ui/dom': 1.7.5
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/extension-bubble-menu': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      '@tiptap/extension-floating-menu': 3.19.0(@floating-ui/dom@1.7.5)(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
       svelte: 5.48.0
 
   svelte-toolbelt@0.10.6(@sveltejs/kit@2.50.1(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0)(vite@7.3.1(@types/node@25.0.10)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.10)(jiti@2.6.1)(lightningcss@1.30.2)))(svelte@5.48.0):

src/lib/atproto/settings.ts

···
 		'site.standard.publication',
 		'site.standard.document',
 		'xyz.statusphere.status',
-		'community.lexicon.calendar.rsvp'
+		'community.lexicon.calendar.rsvp',
+		'community.lexicon.calendar.event'
 	],
 
 	// what types of authenticated proxied requests you can make to services

src/lib/cards/content/StandardSiteDocumentListCard/index.ts

···
 		for (const record of records) {
 			const site = record.value.site as string;
 
-			if (site.startsWith('at://')) {
+			if (site && site.startsWith('at://')) {
 				if (!publications[site]) {
 					const siteParts = parseUri(site);
 
···
 
 				record.value.href = publications[site] + record.value.path;
 			} else {
-				record.value.href = site + record.value.path;
+				record.value.href = (site ?? '') + record.value.path;
 			}
 		}
 

src/lib/cards/social/EventCard/CreateEventCardModal.svelte

···
 	import { Alert, Button, Input, Subheading } from '@foxui/core';
 	import Modal from '$lib/components/modal/Modal.svelte';
 	import type { CreationModalComponentProps } from '../../types';
+	import { getRecord } from '$lib/atproto/methods';
+	import type { Did } from '@atcute/lexicons';
 
 	const EVENT_COLLECTION = 'community.lexicon.calendar.event';
 
···
 				throw new Error('Invalid URL format');
 			}
 
-			// Validate the event exists by fetching it
-			const response = await fetch(
-				`https://smokesignal.events/xrpc/community.lexicon.calendar.GetEvent?repository=${encodeURIComponent(parsed.did)}&record_key=${encodeURIComponent(parsed.rkey)}`
-			);
+			// Validate the event exists by fetching the record directly
+			const record = await getRecord({
+				did: parsed.did as Did,
+				collection: EVENT_COLLECTION,
+				rkey: parsed.rkey
+			});
 
-			if (!response.ok) {
+			if (!record?.value) {
 				throw new Error('Event not found');
 			}
 
···
 			errorMessage =
 				err instanceof Error && err.message === 'Event not found'
 					? "Couldn't find that event. Please check the URL and try again."
-					: 'Invalid URL. Please enter a valid smokesignal.events URL or AT URI.';
+					: 'Invalid URL. Please enter a valid event AT URI or smokesignal.events URL.';
 			return false;
 		} finally {
 			isValidating = false;
···
 		}}
 		class="flex flex-col gap-2"
 	>
-		<Subheading>Enter a Smoke Signal event URL</Subheading>
+		<Subheading>Enter an event URL</Subheading>
 		<Input
 			bind:value={eventUrl}
-			placeholder="https://smokesignal.events/did:.../..."
+			placeholder="at://did:.../community.lexicon.calendar.event/..."
 			class="mt-4"
 		/>
 
···
 		{/if}
 
 		<p class="text-base-500 dark:text-base-400 mt-2 text-xs">
-			Paste a URL from <a
-				href="https://smokesignal.events"
-				class="text-accent-800 dark:text-accent-300"
-				target="_blank">smokesignal.events</a
-			> or an AT URI for a calendar event.
+			Paste an AT URI for a calendar event or a smokesignal.events URL.
 		</p>
 
 		<div class="mt-4 flex justify-end gap-2">

src/lib/cards/social/EventCard/EventCard.svelte

···
 	}
 
 	let eventUrl = $derived(() => {
-		if (eventData?.url) return eventData.url;
 		if (parsedUri) {
-			return `https://smokesignal.events/${parsedUri.repo}/${parsedUri.rkey}`;
+			return `/${parsedUri.repo}/events/${parsedUri.rkey}`;
 		}
 		return '#';
 	});
···
 				</div>
 
 				{#if isMobile() ? item.mobileW > 4 : item.w > 2}
-					<Button href={eventUrl()} target="_blank" rel="noopener noreferrer" class="z-50"
-						>View event</Button
-					>
+					<Button href={eventUrl()} target="_blank" class="z-50">View event</Button>
 				{/if}
 			</div>
 
···
 					{eventData.description}
 				</p>
 			{/if}
-
-			{#if (eventData.countGoing !== undefined || eventData.countInterested !== undefined) && ((isMobile() && item.mobileH >= 4) || (!isMobile() && item.h >= 3))}
-				<div
-					class="text-base-600 dark:text-base-400 accent:text-base-800 flex flex-wrap gap-3 text-xs"
-				>
-					{#if eventData.countGoing !== undefined}
-						<div class="flex items-center gap-1">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke-width="1.5"
-								stroke="currentColor"
-								class="size-4"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
-								/>
-							</svg>
-							<span>{eventData.countGoing} going</span>
-						</div>
-					{/if}
-					{#if eventData.countInterested !== undefined}
-						<div class="flex items-center gap-1">
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke-width="1.5"
-								stroke="currentColor"
-								class="size-4"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"
-								/>
-							</svg>
-							<span>{eventData.countInterested} interested</span>
-						</div>
-					{/if}
-				</div>
-			{/if}
 		</div>
 
 		{#if showImage}
···
 
 		<a
 			href={eventUrl()}
-			class="absolute inset-0 h-full w-full"
 			target="_blank"
-			rel="noopener noreferrer"
+			class="absolute inset-0 h-full w-full"
 			use:qrOverlay={{
 				context: {
 					title: eventData?.name ?? ''
 				}
 			}}
 		>
-			<span class="sr-only">View event on smokesignal.events</span>
+			<span class="sr-only">View event</span>
 		</a>
 	{:else if isLoaded}
 		<div class="flex h-full w-full items-center justify-center">

src/lib/cards/social/EventCard/index.ts

···
-import { parseUri } from '$lib/atproto';
+import { parseUri, getRecord } from '$lib/atproto';
 import type { CardDefinition } from '../../types';
 import CreateEventCardModal from './CreateEventCardModal.svelte';
 import EventCard from './EventCard.svelte';
+import type { Did } from '@atcute/lexicons';
 
 const EVENT_COLLECTION = 'community.lexicon.calendar.event';
 
···
 			width: number;
 			height: number;
 		};
+	}>;
+	facets?: Array<{
+		index: { byteStart: number; byteEnd: number };
+		features: Array<{ $type: string; [key: string]: unknown }>;
 	}>;
 	uris?: Array<{
 		uri: string;
 		name?: string;
 	}>;
-	countGoing?: number;
-	countInterested?: number;
-	url: string;
+	url?: string;
 };
 
 export const EventCardDefinition = {
···
 			if (!parsedUri || !parsedUri.rkey || !parsedUri.repo) continue;
 
 			try {
-				const response = await fetch(
-					`https://smokesignal.events/xrpc/community.lexicon.calendar.GetEvent?repository=${encodeURIComponent(parsedUri.repo)}&record_key=${encodeURIComponent(parsedUri.rkey)}`
-				);
+				const record = await getRecord({
+					did: parsedUri.repo as Did,
+					collection: EVENT_COLLECTION,
+					rkey: parsedUri.rkey
+				});
 
-				if (response.ok) {
-					const data = await response.json();
-					eventDataMap[item.id] = data as EventData;
+				if (record?.value) {
+					eventDataMap[item.id] = record.value as EventData;
 				}
 			} catch (error) {
 				console.error('Failed to fetch event data:', error);
···
 
 	name: 'Event',
 
-	keywords: ['calendar', 'meetup', 'schedule', 'date', 'rsvp'],
+	keywords: ['calendar', 'meetup', 'schedule', 'date', 'rsvp', 'smokesignal'],
 	groups: ['Social'],
 	icon: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="size-4"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5" /></svg>`
 } as CardDefinition & { type: 'event' };

src/lib/components/image-store.ts

···
+const DB_NAME = 'blento-images';
+const STORE_NAME = 'images';
+
+function openDB(): Promise<IDBDatabase> {
+	return new Promise((resolve, reject) => {
+		const request = indexedDB.open(DB_NAME, 1);
+		request.onupgradeneeded = () => {
+			request.result.createObjectStore(STORE_NAME);
+		};
+		request.onsuccess = () => resolve(request.result);
+		request.onerror = () => reject(request.error);
+	});
+}
+
+export async function putImage(key: string, blob: Blob, name: string): Promise<void> {
+	const db = await openDB();
+	const data = await blob.arrayBuffer();
+	return new Promise((resolve, reject) => {
+		const tx = db.transaction(STORE_NAME, 'readwrite');
+		tx.objectStore(STORE_NAME).put({ data, type: blob.type, name }, key);
+		tx.oncomplete = () => resolve();
+		tx.onerror = () => reject(tx.error);
+	});
+}
+
+export async function getImage(key: string): Promise<{ blob: Blob; name: string } | null> {
+	const db = await openDB();
+	return new Promise((resolve, reject) => {
+		const tx = db.transaction(STORE_NAME, 'readonly');
+		const request = tx.objectStore(STORE_NAME).get(key);
+		request.onsuccess = () => {
+			if (!request.result) return resolve(null);
+			const { data, type, name } = request.result;
+			resolve({ blob: new Blob([data], { type }), name });
+		};
+		request.onerror = () => reject(request.error);
+	});
+}
+
+export async function deleteImage(key: string): Promise<void> {
+	const db = await openDB();
+	return new Promise((resolve, reject) => {
+		const tx = db.transaction(STORE_NAME, 'readwrite');
+		tx.objectStore(STORE_NAME).delete(key);
+		tx.oncomplete = () => resolve();
+		tx.onerror = () => reject(tx.error);
+	});
+}
+
+export async function clearImages(): Promise<void> {
+	const db = await openDB();
+	return new Promise((resolve, reject) => {
+		const tx = db.transaction(STORE_NAME, 'readwrite');
+		tx.objectStore(STORE_NAME).clear();
+		tx.oncomplete = () => resolve();
+		tx.onerror = () => reject(tx.error);
+	});
+}

src/lib/components/rich-text-editor/Icon.svelte

···
+<script lang="ts">
+	import type { RichTextTypes } from '.';
+
+	let {
+		name
+	}: {
+		name: RichTextTypes;
+	} = $props();
+</script>
+
+{#if name === 'paragraph'}
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><path d="M13 4v16" /><path d="M17 4v16" /><path d="M19 4H9.5a4.5 4.5 0 0 0 0 9H13" /></svg
+	>
+{:else if name === 'heading-1'}
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><path d="M4 12h8" /><path d="M4 18V6" /><path d="M12 18V6" /><path d="m17 12 3-2v8" /></svg
+	>
+{:else if name === 'heading-2'}
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><path d="M4 12h8" /><path d="M4 18V6" /><path d="M12 18V6" /><path
+			d="M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1"
+		/></svg
+	>
+{:else if name === 'heading-3'}
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><path d="M4 12h8" /><path d="M4 18V6" /><path d="M12 18V6" /><path
+			d="M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2"
+		/><path d="M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" /></svg
+	>
+{:else if name === 'blockquote'}
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><path d="M17 6H3" /><path d="M21 12H8" /><path d="M21 18H8" /><path d="M3 12v6" /></svg
+	>
+{:else if name === 'code'}
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg
+	>
+{:else if name === 'bullet-list'}
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><path d="M3 12h.01" /><path d="M3 18h.01" /><path d="M3 6h.01" /><path d="M8 12h13" /><path
+			d="M8 18h13"
+		/><path d="M8 6h13" /></svg
+	>
+{:else if name === 'ordered-list'}
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><path d="M10 12h11" /><path d="M10 18h11" /><path d="M10 6h11" /><path d="M4 10h2" /><path
+			d="M4 6h1v4"
+		/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" /></svg
+	>
+{:else if name === 'image'}
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path
+			d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"
+		/></svg
+	>
+{/if}

src/lib/components/rich-text-editor/RichTextEditor.svelte

···
+<script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
+	import { Editor, mergeAttributes, type Content } from '@tiptap/core';
+	import StarterKit from '@tiptap/starter-kit';
+	import Placeholder from '@tiptap/extension-placeholder';
+	import Image from '@tiptap/extension-image';
+	import { all, createLowlight } from 'lowlight';
+	import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight';
+	import BubbleMenu from '@tiptap/extension-bubble-menu';
+	import Underline from '@tiptap/extension-underline';
+	import RichTextEditorMenu from './RichTextEditorMenu.svelte';
+	import type { RichTextTypes } from '.';
+	import RichTextEditorLinkMenu from './RichTextEditorLinkMenu.svelte';
+	import Slash, { suggestion } from './slash-menu';
+	import Typography from '@tiptap/extension-typography';
+	import { Markdown } from '@tiptap/markdown';
+	import { RichTextLink } from './RichTextLink';
+
+	import './code.css';
+	import { cn } from '@foxui/core';
+	import { ImageUploadNode } from './image-upload/ImageUploadNode';
+	import { Transaction } from '@tiptap/pm/state';
+
+	let {
+		content = $bindable({}),
+		placeholder = 'Write or press / for commands',
+		editor = $bindable(null),
+		ref = $bindable(null),
+		class: className,
+		onupdate,
+		ontransaction
+	}: {
+		content?: Content;
+		placeholder?: string;
+		editor?: Editor | null;
+		ref?: HTMLDivElement | null;
+		class?: string;
+		onupdate?: (content: Content, context: { editor: Editor; transaction: Transaction }) => void;
+		ontransaction?: () => void;
+	} = $props();
+
+	const lowlight = createLowlight(all);
+
+	let hasFocus = true;
+
+	let menu: HTMLElement | null = $state(null);
+	let menuLink: HTMLElement | null = $state(null);
+
+	let selectedType: RichTextTypes = $state('paragraph');
+
+	let isBold = $state(false);
+	let isItalic = $state(false);
+	let isUnderline = $state(false);
+	let isStrikethrough = $state(false);
+	let isLink = $state(false);
+	let isImage = $state(false);
+
+	const CustomImage = Image.extend({
+		// addAttributes(this) {
+		// 	return {
+		// 		inline: true,
+		// 		allowBase64: true,
+		// 		HTMLAttributes: {},
+		// 		uploadImageHandler: { default: undefined }
+		// 	};
+		// },
+		renderHTML({ HTMLAttributes }) {
+			const attrs = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+				uploadImageHandler: undefined
+			});
+			const isLocal = attrs['data-local'] === 'true';
+
+			// if (isLocal) {
+			// 	// For local images, wrap in a container with a label
+			// 	return [
+			// 		'div',
+			// 		{ class: 'image-container' },
+			// 		['img', { ...attrs, class: `${attrs.class || ''} local-image` }],
+			// 		['span', { class: 'local-image-label' }, 'Local preview']
+			// 	];
+			// }
+
+			console.log('attrs', attrs);
+
+			// For regular images, just return the img tag
+			return ['img', attrs];
+		}
+	});
+
+	onMount(() => {
+		if (!ref) return;
+
+		let extensions = [
+			StarterKit.configure({
+				dropcursor: {
+					class: 'text-accent-500/30 rounded-2xl',
+					width: 2
+				},
+				codeBlock: false,
+				heading: {
+					levels: [1, 2, 3]
+				}
+			}),
+			Placeholder.configure({
+				placeholder: ({ node }) => {
+					// only show in paragraphs
+					if (node.type.name === 'paragraph' || node.type.name === 'heading') {
+						return placeholder;
+					}
+					return '';
+				}
+			}),
+			CustomImage.configure({
+				HTMLAttributes: {
+					class: 'max-w-full object-contain relative rounded-2xl'
+				},
+				allowBase64: true
+			}),
+			CodeBlockLowlight.configure({
+				lowlight,
+				defaultLanguage: 'js'
+			}),
+			BubbleMenu.configure({
+				element: menu,
+				shouldShow: ({ editor }) => {
+					// dont show if image selected or no selection or is code block
+					return (
+						!editor.isActive('image') &&
+						!editor.view.state.selection.empty &&
+						!editor.isActive('codeBlock') &&
+						!editor.isActive('link') &&
+						!editor.isActive('imageUpload')
+					);
+				},
+				pluginKey: 'bubble-menu-marks'
+			}),
+			BubbleMenu.configure({
+				element: menuLink,
+				shouldShow: ({ editor }) => {
+					// only show if link is selected
+					return editor.isActive('link') && !editor.view.state.selection.empty;
+				},
+				pluginKey: 'bubble-menu-links'
+			}),
+			Underline.configure({}),
+			RichTextLink.configure({
+				openOnClick: false,
+				autolink: true,
+				defaultProtocol: 'https'
+			}),
+			Slash.configure({
+				suggestion: suggestion({
+					char: '/',
+					pluginKey: 'slash',
+					switchTo,
+					processImageFile
+				})
+			}),
+			Typography.configure(),
+			Markdown.configure(),
+			ImageUploadNode.configure({})
+		];
+
+		editor = new Editor({
+			element: ref,
+			extensions,
+			editorProps: {
+				attributes: {
+					class: 'outline-none'
+				}
+			},
+			onUpdate: (ctx) => {
+				content = ctx.editor.getJSON();
+				onupdate?.(content, ctx);
+			},
+			onFocus: () => {
+				hasFocus = true;
+			},
+			onBlur: () => {
+				hasFocus = false;
+			},
+			onTransaction: (ctx) => {
+				isBold = ctx.editor.isActive('bold');
+				isItalic = ctx.editor.isActive('italic');
+				isUnderline = ctx.editor.isActive('underline');
+				isStrikethrough = ctx.editor.isActive('strike');
+				isLink = ctx.editor.isActive('link');
+				isImage = ctx.editor.isActive('image');
+
+				if (ctx.editor.isActive('heading', { level: 1 })) {
+					selectedType = 'heading-1';
+				} else if (ctx.editor.isActive('heading', { level: 2 })) {
+					selectedType = 'heading-2';
+				} else if (ctx.editor.isActive('heading', { level: 3 })) {
+					selectedType = 'heading-3';
+				} else if (ctx.editor.isActive('blockquote')) {
+					selectedType = 'blockquote';
+				} else if (ctx.editor.isActive('code')) {
+					selectedType = 'code';
+				} else if (ctx.editor.isActive('bulletList')) {
+					selectedType = 'bullet-list';
+				} else if (ctx.editor.isActive('orderedList')) {
+					selectedType = 'ordered-list';
+				} else {
+					selectedType = 'paragraph';
+				}
+				ontransaction?.();
+			},
+			content
+		});
+	});
+
+	// Flag to track whether a file is being dragged over the drop area
+	let isDragOver = $state(false);
+
+	// Store local image files for later upload
+	let localImages: Map<string, File> = $state(new Map());
+
+	// Track which image URLs in the editor are local previews
+	let localImageUrls: Set<string> = $state(new Set());
+
+	// Process image file to create a local preview
+	async function processImageFile(file: File) {
+		if (!editor) {
+			console.warn('Tiptap editor not initialized');
+			return;
+		}
+
+		try {
+			const localUrl = URL.createObjectURL(file);
+
+			localImages.set(localUrl, file);
+			localImageUrls.add(localUrl);
+
+			//editor.commands.setImageUploadNode();
+			editor
+				.chain()
+				.focus()
+				.setImageUploadNode({
+					preview: localUrl
+				})
+				.run();
+
+			// wait 2 seconds
+			// await new Promise((resolve) => setTimeout(resolve, 500));
+
+			// content = editor.getJSON();
+
+			// console.log('replacing image url in content');
+			// replaceImageUrlInContent(content, localUrl, 'https://picsum.photos/200/300');
+			// editor.commands.setContent(content);
+		} catch (error) {
+			console.error('Error creating image preview:', error);
+		}
+	}
+
+	const handlePaste = (event: ClipboardEvent) => {
+		const items = event.clipboardData?.items;
+		if (!items) return;
+		// Check for image data in clipboard
+		for (const item of Array.from(items)) {
+			if (!item.type.startsWith('image/')) continue;
+			const file = item.getAsFile();
+			if (!file) continue;
+			event.preventDefault();
+			processImageFile(file);
+			return;
+		}
+	};
+
+	function handleDragOver(event: DragEvent) {
+		event.preventDefault();
+		event.stopPropagation();
+		isDragOver = true;
+	}
+	function handleDragLeave(event: DragEvent) {
+		event.preventDefault();
+		event.stopPropagation();
+		isDragOver = false;
+	}
+	function handleDrop(event: DragEvent) {
+		event.preventDefault();
+		event.stopPropagation();
+		isDragOver = false;
+		if (!event.dataTransfer?.files?.length) return;
+		const file = event.dataTransfer.files[0];
+		if (file?.type.startsWith('image/')) {
+			processImageFile(file);
+		}
+	}
+
+	onDestroy(() => {
+		for (const localUrl of localImageUrls) {
+			URL.revokeObjectURL(localUrl);
+		}
+
+		editor?.destroy();
+	});
+
+	let link = $state('');
+
+	let linkInput: HTMLInputElement | null = $state(null);
+
+	function clickedLink() {
+		if (isLink) {
+			//tiptap?.chain().focus().unsetLink().run();
+			// get current link
+			link = editor?.getAttributes('link').href;
+
+			setTimeout(() => {
+				linkInput?.focus();
+			}, 100);
+		} else {
+			link = '';
+			// set link
+			editor?.chain().focus().setLink({ href: link }).run();
+
+			setTimeout(() => {
+				linkInput?.focus();
+			}, 100);
+		}
+	}
+
+	function switchTo(value: RichTextTypes) {
+		editor?.chain().focus().setParagraph().run();
+
+		if (value === 'heading-1') {
+			editor?.chain().focus().setNode('heading', { level: 1 }).run();
+		} else if (value === 'heading-2') {
+			editor?.chain().focus().setNode('heading', { level: 2 }).run();
+		} else if (value === 'heading-3') {
+			editor?.chain().focus().setNode('heading', { level: 3 }).run();
+		} else if (value === 'blockquote') {
+			editor?.chain().focus().setBlockquote().run();
+		} else if (value === 'code') {
+			editor?.chain().focus().setCodeBlock().run();
+		} else if (value === 'bullet-list') {
+			editor?.chain().focus().toggleBulletList().run();
+		} else if (value === 'ordered-list') {
+			editor?.chain().focus().toggleOrderedList().run();
+		}
+	}
+</script>
+
+<div
+	bind:this={ref}
+	class={cn('relative flex-1', className)}
+	onpaste={handlePaste}
+	ondragover={handleDragOver}
+	ondragleave={handleDragLeave}
+	ondrop={handleDrop}
+	role="region"
+></div>
+
+<RichTextEditorMenu
+	bind:ref={menu}
+	{editor}
+	{isBold}
+	{isItalic}
+	{isUnderline}
+	{isStrikethrough}
+	{isLink}
+	{isImage}
+	{clickedLink}
+	{processImageFile}
+	{switchTo}
+	bind:selectedType
+/>
+
+<RichTextEditorLinkMenu bind:ref={menuLink} {editor} bind:link bind:linkInput />
+
+<style>
+	:global(.tiptap) {
+		:first-child {
+			margin-top: 0;
+		}
+
+		:global(img) {
+			display: block;
+			height: auto;
+			margin: 1.5rem 0;
+			max-width: 100%;
+
+			&.ProseMirror-selectednode {
+				outline: 3px solid var(--color-accent-500);
+			}
+		}
+
+		:global(div[data-type='image-upload']) {
+			&.ProseMirror-selectednode {
+				outline: 3px solid var(--color-accent-500);
+			}
+		}
+
+		:global(blockquote p:first-of-type::before) {
+			content: none;
+		}
+
+		:global(blockquote p:last-of-type::after) {
+			content: none;
+		}
+
+		:global(blockquote p) {
+			font-style: normal;
+		}
+	}
+
+	:global(.tiptap .is-empty::before) {
+		color: var(--color-base-500);
+		content: attr(data-placeholder);
+		float: left;
+		height: 0;
+		pointer-events: none;
+	}
+</style>

src/lib/components/rich-text-editor/RichTextEditorLinkMenu.svelte

···
+<script lang="ts">
+	import { Button, Input } from '@foxui/core';
+	import type { Editor } from '@tiptap/core';
+
+	let {
+		editor,
+		link = $bindable(''),
+		ref = $bindable(null),
+		linkInput = $bindable(null)
+	}: {
+		editor: Editor | null;
+		link: string;
+		ref: HTMLElement | null;
+		linkInput: HTMLInputElement | null;
+	} = $props();
+
+	function processLink(link: string) {
+		return link.includes(':') ? link : `http://${link}`;
+	}
+</script>
+
+<div
+	bind:this={ref}
+	style="visibility: hidden; opacity: 0;"
+	class="menu bg-base-50 dark:bg-base-900 relative w-fit rounded-2xl px-1 py-1 shadow-lg backdrop-blur-sm"
+>
+	<div class="flex items-center gap-1">
+		<Input
+			bind:ref={linkInput}
+			sizeVariant="sm"
+			bind:value={link}
+			placeholder="Enter link"
+			onblur={() => {
+				if (link === '') {
+					editor?.chain().focus().extendMarkRange('link').unsetLink().run();
+				} else {
+					editor
+						?.chain()
+						.focus()
+						.extendMarkRange('link')
+						.setLink({ href: processLink(link) })
+						.run();
+				}
+			}}
+			onkeydown={(e: KeyboardEvent) => {
+				if (e.key === 'Enter') {
+					if (link === '') {
+						editor?.chain().focus().extendMarkRange('link').unsetLink().run();
+					} else {
+						editor
+							?.chain()
+							.focus()
+							.extendMarkRange('link')
+							.setLink({ href: processLink(link) })
+							.run();
+					}
+				}
+			}}
+		/>
+		<Button
+			size="iconSm"
+			onclick={() => {
+				if (link === '') {
+					editor?.chain().focus().extendMarkRange('link').unsetLink().run();
+				} else {
+					editor
+						?.chain()
+						.focus()
+						.extendMarkRange('link')
+						.setLink({ href: processLink(link) })
+						.run();
+				}
+			}}
+		>
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				fill="none"
+				viewBox="0 0 24 24"
+				stroke-width="1.5"
+				stroke="currentColor"
+				class="size-6"
+			>
+				<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
+			</svg>
+
+			<span class="sr-only">save link</span>
+		</Button>
+		<Button
+			size="iconSm"
+			onclick={() => {
+				editor?.chain().focus().extendMarkRange('link').unsetLink().run();
+			}}
+			variant="ghost"
+		>
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				fill="none"
+				viewBox="0 0 24 24"
+				stroke-width="1.5"
+				stroke="currentColor"
+			>
+				<path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
+				/>
+			</svg>
+			<span class="sr-only">remove link</span>
+		</Button>
+	</div>
+</div>

src/lib/components/rich-text-editor/RichTextEditorMenu.svelte

···
+<script lang="ts">
+	import { cn, Toggle, toggleVariants, Tooltip } from '@foxui/core';
+	import type { Editor } from '@tiptap/core';
+	import Select from './Select.svelte';
+	import type { RichTextTypes } from '.';
+
+	let {
+		editor,
+		isBold,
+		isImage,
+		isItalic,
+		isUnderline,
+		isStrikethrough,
+		isLink,
+		clickedLink,
+		selectedType = $bindable('paragraph'),
+		ref = $bindable(null),
+		processImageFile,
+		switchTo
+	}: {
+		editor: Editor | null;
+		isBold: boolean;
+		isImage: boolean;
+		isItalic: boolean;
+		isUnderline: boolean;
+		isStrikethrough: boolean;
+		isLink: boolean;
+		clickedLink: () => void;
+		selectedType: RichTextTypes;
+		ref: HTMLElement | null;
+		processImageFile: (file: File, input: HTMLInputElement) => void;
+		switchTo: (value: RichTextTypes) => void;
+	} = $props();
+
+	function handleFileProcess(event: Event) {
+		const input = event.target as HTMLInputElement;
+		if (!input.files?.length) return;
+		const file = input.files[0];
+		if (!file || !file.type.startsWith('image/')) return;
+		processImageFile(file, input);
+	}
+
+	let fileInput = $state<HTMLInputElement | null>(null);
+</script>
+
+<div
+	bind:this={ref}
+	style="visibility: hidden; opacity: 0;"
+	class="bg-base-50 dark:bg-base-900 border-base-500/20 dark:border-base-700/20 relative w-fit rounded-2xl border px-1 py-1 shadow-lg backdrop-blur-sm"
+>
+	<Select
+		onValueChange={(value) => {
+			switchTo(value as RichTextTypes);
+		}}
+		type="single"
+		items={[
+			{ value: 'paragraph', label: 'Text' },
+			{ value: 'heading-1', label: 'Heading 1' },
+			{ value: 'heading-2', label: 'Heading 2' },
+			{ value: 'heading-3', label: 'Heading 3' },
+			{ value: 'blockquote', label: 'Blockquote' },
+			{ value: 'code', label: 'Code Block' },
+			{ value: 'bullet-list', label: 'Bullet List' },
+			{ value: 'ordered-list', label: 'Ordered List' }
+		]}
+		bind:value={selectedType}
+	/>
+	<!-- <Tooltip withContext text="Bold" delayDuration={0}>
+		{#snippet child({ props })} -->
+	<Toggle
+		size="sm"
+		onclick={() => editor?.chain().focus().toggleBold().run()}
+		bind:pressed={() => isBold, (bold) => {}}
+	>
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
+			<path
+				fill-rule="evenodd"
+				d="M5.246 3.744a.75.75 0 0 1 .75-.75h7.125a4.875 4.875 0 0 1 3.346 8.422 5.25 5.25 0 0 1-2.97 9.58h-7.5a.75.75 0 0 1-.75-.75V3.744Zm7.125 6.75a2.625 2.625 0 0 0 0-5.25H8.246v5.25h4.125Zm-4.125 2.251v6h4.5a3 3 0 0 0 0-6h-4.5Z"
+				clip-rule="evenodd"
+			/>
+		</svg>
+
+		<span class="sr-only">Bold</span>
+	</Toggle>
+	<!-- {/snippet}
+	</Tooltip> -->
+	<Toggle
+		size="sm"
+		onclick={() => editor?.chain().focus().toggleItalic().run()}
+		bind:pressed={() => isItalic, (italic) => {}}
+	>
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
+			<path
+				fill-rule="evenodd"
+				d="M10.497 3.744a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-3.275l-5.357 15.002h2.632a.75.75 0 1 1 0 1.5h-7.5a.75.75 0 1 1 0-1.5h3.275l5.357-15.002h-2.632a.75.75 0 0 1-.75-.75Z"
+				clip-rule="evenodd"
+			/>
+		</svg>
+
+		<span class="sr-only">Italic</span>
+	</Toggle>
+
+	<Toggle
+		size="sm"
+		onclick={() => editor?.chain().focus().toggleUnderline().run()}
+		bind:pressed={() => isUnderline, (underline) => {}}
+	>
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
+			<path
+				fill-rule="evenodd"
+				d="M5.995 2.994a.75.75 0 0 1 .75.75v7.5a5.25 5.25 0 1 0 10.5 0v-7.5a.75.75 0 0 1 1.5 0v7.5a6.75 6.75 0 1 1-13.5 0v-7.5a.75.75 0 0 1 .75-.75Zm-3 17.252a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5h-16.5a.75.75 0 0 1-.75-.75Z"
+				clip-rule="evenodd"
+			/>
+		</svg>
+
+		<span class="sr-only">Underline</span>
+	</Toggle>
+
+	<Toggle
+		size="sm"
+		onclick={() => editor?.chain().focus().toggleStrike().run()}
+		bind:pressed={() => isStrikethrough, (strikethrough) => {}}
+	>
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
+			<path
+				fill-rule="evenodd"
+				d="M9.657 4.728c-1.086.385-1.766 1.057-1.979 1.85-.214.8.046 1.733.81 2.616.746.862 1.93 1.612 3.388 2.003.07.019.14.037.21.053h8.163a.75.75 0 0 1 0 1.5h-8.24a.66.66 0 0 1-.02 0H3.75a.75.75 0 0 1 0-1.5h4.78a7.108 7.108 0 0 1-1.175-1.074C6.372 9.042 5.849 7.61 6.229 6.19c.377-1.408 1.528-2.38 2.927-2.876 1.402-.497 3.127-.55 4.855-.086A8.937 8.937 0 0 1 16.94 4.6a.75.75 0 0 1-.881 1.215 7.437 7.437 0 0 0-2.436-1.14c-1.473-.394-2.885-.331-3.966.052Zm6.533 9.632a.75.75 0 0 1 1.03.25c.592.974.846 2.094.55 3.2-.378 1.408-1.529 2.38-2.927 2.876-1.402.497-3.127.55-4.855.087-1.712-.46-3.168-1.354-4.134-2.47a.75.75 0 0 1 1.134-.982c.746.862 1.93 1.612 3.388 2.003 1.473.394 2.884.331 3.966-.052 1.085-.384 1.766-1.056 1.978-1.85.169-.628.046-1.33-.381-2.032a.75.75 0 0 1 .25-1.03Z"
+				clip-rule="evenodd"
+			/>
+		</svg>
+
+		<span class="sr-only">Strikethrough</span>
+	</Toggle>
+
+	<Toggle
+		size="sm"
+		onclick={() => {
+			clickedLink();
+		}}
+		bind:pressed={() => isLink, (link) => {}}
+	>
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
+			<path
+				fill-rule="evenodd"
+				d="M19.902 4.098a3.75 3.75 0 0 0-5.304 0l-4.5 4.5a3.75 3.75 0 0 0 1.035 6.037.75.75 0 0 1-.646 1.353 5.25 5.25 0 0 1-1.449-8.45l4.5-4.5a5.25 5.25 0 1 1 7.424 7.424l-1.757 1.757a.75.75 0 1 1-1.06-1.06l1.757-1.757a3.75 3.75 0 0 0 0-5.304Zm-7.389 4.267a.75.75 0 0 1 1-.353 5.25 5.25 0 0 1 1.449 8.45l-4.5 4.5a5.25 5.25 0 1 1-7.424-7.424l1.757-1.757a.75.75 0 1 1 1.06 1.06l-1.757 1.757a3.75 3.75 0 1 0 5.304 5.304l4.5-4.5a3.75 3.75 0 0 0-1.035-6.037.75.75 0 0 1-.354-1Z"
+				clip-rule="evenodd"
+			/>
+		</svg>
+
+		<span class="sr-only">Link</span>
+	</Toggle>
+
+	<!-- <Toggle
+		size="sm"
+		onclick={() => {
+			fileInput?.click();
+		}}
+		bind:pressed={() => isImage, (image) => {}}
+	>
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 24 24"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+			><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path
+				d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"
+			/></svg
+		>
+	</Toggle> -->
+
+	<input
+		type="file"
+		accept="image/*"
+		class="hidden"
+		onchange={handleFileProcess}
+		tabindex="-1"
+		bind:this={fileInput}
+	/>
+</div>

src/lib/components/rich-text-editor/RichTextLink.ts

···
+// from https://github.com/Doist/typist/blob/main/src/extensions/rich-text/rich-text-link.ts
+import { InputRule, markInputRule, markPasteRule, PasteRule } from '@tiptap/core';
+import { Link } from '@tiptap/extension-link';
+
+import type { LinkOptions } from '@tiptap/extension-link';
+
+/**
+ * The input regex for Markdown links with title support, and multiple quotation marks (required
+ * in case the `Typography` extension is being included).
+ */
+const inputRegex = /(?:^|\s)\[([^\]]*)?\]\((\S+)(?: ["“](.+)["”])?\)$/i;
+
+/**
+ * The paste regex for Markdown links with title support, and multiple quotation marks (required
+ * in case the `Typography` extension is being included).
+ */
+const pasteRegex = /(?:^|\s)\[([^\]]*)?\]\((\S+)(?: ["“](.+)["”])?\)/gi;
+
+/**
+ * Input rule built specifically for the `Link` extension, which ignores the auto-linked URL in
+ * parentheses (e.g., `(https://doist.dev)`).
+ *
+ * @see https://github.com/ueberdosis/tiptap/discussions/1865
+ */
+function linkInputRule(config: Parameters<typeof markInputRule>[0]) {
+	const defaultMarkInputRule = markInputRule(config);
+
+	return new InputRule({
+		find: config.find,
+		handler(props) {
+			const { tr } = props.state;
+
+			defaultMarkInputRule.handler(props);
+			tr.setMeta('preventAutolink', true);
+		}
+	});
+}
+
+/**
+ * Paste rule built specifically for the `Link` extension, which ignores the auto-linked URL in
+ * parentheses (e.g., `(https://doist.dev)`). This extension was inspired from the multiple
+ * implementations found in a Tiptap discussion at GitHub.
+ *
+ * @see https://github.com/ueberdosis/tiptap/discussions/1865
+ */
+function linkPasteRule(config: Parameters<typeof markPasteRule>[0]) {
+	const defaultMarkPasteRule = markPasteRule(config);
+
+	return new PasteRule({
+		find: config.find,
+		handler(props) {
+			const { tr } = props.state;
+
+			defaultMarkPasteRule.handler(props);
+			tr.setMeta('preventAutolink', true);
+		}
+	});
+}
+
+/**
+ * The options available to customize the `RichTextLink` extension.
+ */
+type RichTextLinkOptions = LinkOptions;
+
+/**
+ * Custom extension that extends the built-in `Link` extension to add additional input/paste rules
+ * for converting the Markdown link syntax (i.e. `[Doist](https://doist.com)`) into links, and also
+ * adds support for the `title` attribute.
+ */
+const RichTextLink = Link.extend<RichTextLinkOptions>({
+	inclusive: false,
+	addOptions() {
+		return {
+			...this.parent?.(),
+			openOnClick: 'whenNotEditable' as const
+		} as RichTextLinkOptions;
+	},
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			title: {
+				default: null
+			}
+		};
+	},
+	addInputRules() {
+		return [
+			linkInputRule({
+				find: inputRegex,
+				type: this.type,
+
+				// We need to use `pop()` to remove the last capture groups from the match to
+				// satisfy Tiptap's `markPasteRule` expectation of having the content as the last
+				// capture group in the match (this makes the attribute order important)
+				getAttributes(match) {
+					return {
+						title: match.pop()?.trim(),
+						href: match.pop()?.trim()
+					};
+				}
+			})
+		];
+	},
+	addPasteRules() {
+		return [
+			linkPasteRule({
+				find: pasteRegex,
+				type: this.type,
+
+				// We need to use `pop()` to remove the last capture groups from the match to
+				// satisfy Tiptap's `markInputRule` expectation of having the content as the last
+				// capture group in the match (this makes the attribute order important)
+				getAttributes(match) {
+					return {
+						title: match.pop()?.trim(),
+						href: match.pop()?.trim()
+					};
+				}
+			})
+		];
+	}
+});
+
+export { RichTextLink };
+
+export type { RichTextLinkOptions };

src/lib/components/rich-text-editor/Select.svelte

···
+<script lang="ts">
+	import { Button, cn, toggleVariants } from '@foxui/core';
+	import { Select, type WithoutChildren } from 'bits-ui';
+	import Icon from './Icon.svelte';
+
+	type Props = WithoutChildren<Select.RootProps> & {
+		placeholder?: string;
+		items: { value: string; label: string; disabled?: boolean }[];
+		contentProps?: WithoutChildren<Select.ContentProps>;
+	};
+
+	let { value = $bindable(), items, contentProps, placeholder, ...restProps }: Props = $props();
+</script>
+
+<Select.Root bind:value={value as never} {...restProps}>
+	<Select.Trigger>
+		{#snippet child({ props })}
+			<button {...props} class={cn(toggleVariants({ size: 'sm' }), 'gap-1')}>
+				{#if value}
+					<Icon name={value as any} />
+				{:else}
+					<span class="size-3.5">?</span>
+				{/if}
+
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					fill="none"
+					viewBox="0 0 24 24"
+					stroke-width="1.5"
+					stroke="currentColor"
+					class="!size-2.5"
+				>
+					<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
+				</svg>
+			</button>
+		{/snippet}
+	</Select.Trigger>
+	<Select.Portal>
+		<Select.Content
+			{...contentProps}
+			class={cn(
+				'bg-base-50/50 border-base-500/20 overflow-hidden rounded-2xl border shadow-lg backdrop-blur-xl',
+				'dark:bg-base-900/50 dark:border-base-500/10',
+				'motion-safe:animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+				contentProps?.class
+			)}
+			sideOffset={6}
+		>
+			<Select.ScrollUpButton>up</Select.ScrollUpButton>
+			<Select.Viewport class="divide-base-300/30 dark:divide-base-800 divide-y text-sm">
+				{#each items as { value, label, disabled } (value)}
+					<Select.Item {value} {label} {disabled}>
+						{#snippet children({ selected })}
+							<div
+								class={cn(
+									'text-base-900 dark:text-base-200 group relative isolate flex min-w-28 cursor-pointer items-center gap-3 px-3 py-2 font-medium [&_svg]:size-3.5',
+									selected
+										? 'text-accent-700 dark:text-accent-400 bg-accent-500/10'
+										: 'hover:bg-accent-500/10'
+								)}
+							>
+								<Icon name={value as any} />
+								{label}
+							</div>
+						{/snippet}
+					</Select.Item>
+				{/each}
+			</Select.Viewport>
+			<Select.ScrollDownButton>down</Select.ScrollDownButton>
+		</Select.Content>
+	</Select.Portal>
+</Select.Root>

src/lib/components/rich-text-editor/code.css

···
+/* GitHub Light theme for code blocks */
+.tiptap {
+	:first-child {
+		margin-top: 0;
+	}
+
+	pre {
+		background: #f6f8fa;
+		border-radius: 1rem;
+		color: #1f2328;
+		font-family: 'JetBrainsMono', monospace;
+		border: 1px solid #d1d9e0;
+		margin: 1.5rem 0;
+		padding: 0.75rem 1rem;
+
+		code {
+			background: none;
+			color: inherit;
+			font-size: 0.8rem;
+			padding: 0;
+		}
+
+		.hljs-comment,
+		.hljs-quote {
+			color: #59636e;
+			font-style: italic;
+		}
+
+		.hljs-keyword,
+		.hljs-selector-tag {
+			color: #cf222e;
+		}
+
+		.hljs-tag,
+		.hljs-name {
+			color: #116329;
+		}
+
+		.hljs-attribute {
+			color: #0550ae;
+		}
+
+		.hljs-variable,
+		.hljs-template-variable,
+		.hljs-regexp,
+		.hljs-link {
+			color: #0550ae;
+		}
+
+		.hljs-number,
+		.hljs-literal {
+			color: #0550ae;
+		}
+
+		.hljs-string,
+		.hljs-symbol,
+		.hljs-bullet {
+			color: #0a3069;
+		}
+
+		.hljs-title,
+		.hljs-section {
+			color: #0550ae;
+			font-weight: 600;
+		}
+
+		.hljs-type,
+		.hljs-built_in,
+		.hljs-builtin-name,
+		.hljs-params {
+			color: #953800;
+		}
+
+		.hljs-meta {
+			color: #0550ae;
+		}
+
+		.hljs-selector-id,
+		.hljs-selector-class {
+			color: #0550ae;
+		}
+
+		.hljs-emphasis {
+			font-style: italic;
+		}
+
+		.hljs-strong {
+			font-weight: 700;
+		}
+	}
+}
+
+/* GitHub Dark theme for code blocks */
+.dark .tiptap {
+	pre {
+		background: #161b22;
+		color: #e6edf3;
+		border: 1px solid #30363d;
+
+		code {
+			background: none;
+			color: inherit;
+			font-size: 0.8rem;
+			padding: 0;
+		}
+
+		.hljs-comment,
+		.hljs-quote {
+			color: #8b949e;
+			font-style: italic;
+		}
+
+		.hljs-keyword,
+		.hljs-selector-tag {
+			color: #ff7b72;
+		}
+
+		.hljs-tag,
+		.hljs-name {
+			color: #7ee787;
+		}
+
+		.hljs-attribute {
+			color: #79c0ff;
+		}
+
+		.hljs-variable,
+		.hljs-template-variable,
+		.hljs-regexp,
+		.hljs-link {
+			color: #79c0ff;
+		}
+
+		.hljs-number,
+		.hljs-literal {
+			color: #79c0ff;
+		}
+
+		.hljs-string,
+		.hljs-symbol,
+		.hljs-bullet {
+			color: #a5d6ff;
+		}
+
+		.hljs-title,
+		.hljs-section {
+			color: #d2a8ff;
+			font-weight: 600;
+		}
+
+		.hljs-type,
+		.hljs-built_in,
+		.hljs-builtin-name,
+		.hljs-params {
+			color: #ffa657;
+		}
+
+		.hljs-meta {
+			color: #79c0ff;
+		}
+
+		.hljs-selector-id,
+		.hljs-selector-class {
+			color: #79c0ff;
+		}
+
+		.hljs-emphasis {
+			font-style: italic;
+		}
+
+		.hljs-strong {
+			font-weight: 700;
+		}
+	}
+}

src/lib/components/rich-text-editor/image-upload/ImageUploadComponent.svelte

···
+<script lang="ts">
+	import type { NodeViewProps } from '@tiptap/core';
+	import { onMount } from 'svelte';
+	import { NodeViewWrapper } from 'svelte-tiptap';
+
+	let props: NodeViewProps = $props();
+
+	onMount(() => {
+		const pos = props.getPos();
+		if (pos == null) return;
+
+		props.deleteNode();
+		props.editor
+			.chain()
+			.focus()
+			.insertContentAt(pos, [
+				{
+					type: 'image',
+					attrs: { src: props.node.attrs.preview, alt: 'image', title: 'image' }
+				}
+			])
+			.run();
+	});
+</script>
+
+<NodeViewWrapper>
+	<img src={props.node.attrs.preview} alt="Upload preview" />
+</NodeViewWrapper>

src/lib/components/rich-text-editor/image-upload/ImageUploadNode.ts

···
+import { Node, mergeAttributes } from '@tiptap/core';
+import { SvelteNodeViewRenderer } from 'svelte-tiptap';
+
+import ImageUploadComponent from './ImageUploadComponent.svelte';
+
+export type UploadFunction = (
+	file: File,
+	onProgress?: (event: { progress: number }) => void,
+	abortSignal?: AbortSignal
+) => Promise<string>;
+
+export interface ImageUploadNodeOptions {
+	/**
+	 * Acceptable file types for upload.
+	 * @default 'image/*'
+	 */
+	accept?: string;
+	/**
+	 * Maximum number of files that can be uploaded.
+	 * @default 1
+	 */
+	limit?: number;
+	/**
+	 * Maximum file size in bytes (0 for unlimited).
+	 * @default 0
+	 */
+	maxSize?: number;
+
+	/**
+	 * Preview image URL.
+	 */
+	preview?: string;
+	/**
+	 * Function to handle the upload process.
+	 */
+	upload?: UploadFunction;
+	/**
+	 * Callback for upload errors.
+	 */
+	onError?: (error: Error) => void;
+	/**
+	 * Callback for successful uploads.
+	 */
+	onSuccess?: (url: string) => void;
+}
+
+declare module '@tiptap/core' {
+	interface Commands<ReturnType> {
+		imageUpload: {
+			setImageUploadNode: (options?: ImageUploadNodeOptions) => ReturnType;
+		};
+	}
+}
+
+export const ImageUploadNode = Node.create<ImageUploadNodeOptions>({
+	name: 'imageUpload',
+	group: 'block',
+	atom: true,
+	draggable: true,
+	selectable: false,
+	inline: false,
+
+	addAttributes() {
+		return {
+			accept: {
+				default: this.options.accept
+			},
+			limit: {
+				default: this.options.limit
+			},
+			maxSize: {
+				default: this.options.maxSize
+			},
+			preview: {
+				default: this.options.preview
+			}
+		};
+	},
+
+	addOptions() {
+		return {
+			accept: 'image/*',
+			limit: 1,
+			maxSize: 0,
+			upload: undefined,
+			onError: undefined,
+			onSuccess: undefined
+		};
+	},
+
+	addCommands() {
+		return {
+			setImageUploadNode:
+				(options = {}) =>
+				({ commands }) => {
+					return commands.insertContent({
+						type: this.name,
+						attrs: options
+					});
+				}
+		};
+	},
+
+	parseHTML() {
+		return [{ tag: 'div[data-type="image-upload"]' }];
+	},
+
+	renderHTML({ HTMLAttributes }) {
+		return ['div', mergeAttributes({ 'data-type': 'image-upload' }, HTMLAttributes)];
+	},
+
+	addNodeView() {
+		return SvelteNodeViewRenderer(ImageUploadComponent);
+	}
+});

src/lib/components/rich-text-editor/index.ts

···
+export { default as RichTextEditor } from './RichTextEditor.svelte';
+
+export type RichTextTypes =
+	| 'paragraph'
+	| 'heading-1'
+	| 'heading-2'
+	| 'heading-3'
+	| 'blockquote'
+	| 'code'
+	| 'bullet-list'
+	| 'ordered-list';

src/lib/components/rich-text-editor/slash-menu/SuggestionSelect.svelte

···
+<script lang="ts">
+	import { cn } from '@foxui/core';
+	import type { Editor, Range } from '@tiptap/core';
+	import Icon from '../Icon.svelte';
+	import type { RichTextTypes } from '..';
+
+	type Props = {
+		items: {
+			value: RichTextTypes;
+			label: string;
+			command: ({ editor, range }: { editor: Editor; range: Range }) => void;
+		}[];
+		range: Range;
+		editor: Editor;
+		active?: number;
+	};
+
+	let { items, range, editor, active = 0 }: Props = $props();
+
+	let activeIndex = $state(0);
+
+	export function setItems(value: any[]) {
+		items = value;
+	}
+
+	export function setRange(value: Range) {
+		range = value;
+	}
+
+	export function onKeyDown(event: KeyboardEvent) {
+		if (event.repeat) {
+			return false;
+		}
+		switch (event.key) {
+			case 'ArrowUp': {
+				if (activeIndex <= 0) {
+					activeIndex = items.length - 1;
+				} else {
+					activeIndex--;
+				}
+				return true;
+			}
+			case 'ArrowDown': {
+				if (activeIndex >= items.length - 1) {
+					activeIndex = 0;
+				} else {
+					activeIndex++;
+				}
+				return true;
+			}
+			case 'Enter': {
+				const selected = items[activeIndex];
+
+				if (selected) {
+					selected.command({ editor, range });
+					return true;
+				}
+			}
+		}
+
+		return false;
+	}
+</script>
+
+<menu
+	class={cn(
+		'bg-base-50/50 border-base-500/20 overflow-hidden rounded-2xl border shadow-lg backdrop-blur-xl',
+		'dark:bg-base-900/50 dark:border-base-500/10',
+		'motion-safe:animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+		'divide-base-300/30 dark:divide-base-800 divide-y text-sm'
+	)}
+>
+	{#each items as item, index (item.value)}
+		<button
+			onclick={() => item.command({ editor, range })}
+			class={cn(
+				'text-base-900 dark:text-base-200 group relative isolate flex w-full min-w-28 cursor-pointer items-center gap-3 px-3 py-2 font-medium [&_svg]:size-3.5',
+				activeIndex === index
+					? 'text-accent-700 dark:text-accent-400 bg-accent-500/10'
+					: 'hover:bg-accent-500/10'
+			)}
+		>
+			<Icon name={item.value} />
+			{item.label}
+		</button>
+	{/each}
+</menu>

src/lib/components/rich-text-editor/slash-menu/index.ts

···
+import { Extension } from '@tiptap/core';
+import Suggestion from '@tiptap/suggestion';
+import type { Editor, Range } from '@tiptap/core';
+import { PluginKey } from '@tiptap/pm/state';
+import type { SuggestionKeyDownProps, SuggestionProps } from '@tiptap/suggestion';
+import SuggestionSelect from './SuggestionSelect.svelte';
+import { mount, unmount } from 'svelte';
+import { computePosition, flip, shift, offset } from '@floating-ui/dom';
+import type { RichTextTypes } from '..';
+
+export default Extension.create({
+	name: 'slash',
+
+	addOptions() {
+		return {
+			suggestion: {
+				char: '/',
+
+				command: ({ editor, range, props }: { editor: Editor; range: Range; props: any }) => {
+					props.command({ editor, range });
+				}
+			}
+		};
+	},
+
+	addProseMirrorPlugins() {
+		return [
+			Suggestion({
+				editor: this.editor,
+				...this.options.suggestion
+			})
+		];
+	}
+});
+
+export function suggestion({
+	char,
+	pluginKey,
+	switchTo,
+	processImageFile
+}: {
+	char: string;
+	pluginKey: string;
+	switchTo: (value: RichTextTypes) => void;
+	processImageFile: (file: File) => void;
+}) {
+	return {
+		char,
+		pluginKey: new PluginKey(pluginKey),
+
+		items: ({ query }: { query: string }) => {
+			return [
+				{
+					value: 'paragraph',
+					label: 'Paragraph',
+					command: ({ editor, range }: { editor: Editor; range: Range }) => {
+						editor.chain().focus().deleteRange(range).run();
+						switchTo('paragraph');
+					}
+				},
+				{
+					value: 'heading-1',
+					label: 'Heading 1',
+					command: ({ editor, range }: { editor: Editor; range: Range }) => {
+						editor.chain().focus().deleteRange(range).run();
+						switchTo('heading-1');
+					}
+				},
+				{
+					value: 'heading-2',
+					label: 'Heading 2',
+					command: ({ editor, range }: { editor: Editor; range: Range }) => {
+						editor.chain().focus().deleteRange(range).run();
+						switchTo('heading-2');
+					}
+				},
+				{
+					value: 'heading-3',
+					label: 'Heading 3',
+					command: ({ editor, range }: { editor: Editor; range: Range }) => {
+						editor.chain().focus().deleteRange(range).run();
+						switchTo('heading-3');
+					}
+				},
+				{
+					value: 'blockquote',
+					label: 'Blockquote',
+					command: ({ editor, range }: { editor: Editor; range: Range }) => {
+						editor.chain().focus().deleteRange(range).run();
+						switchTo('blockquote');
+					}
+				},
+				{
+					value: 'code',
+					label: 'Code Block',
+					command: ({ editor, range }: { editor: Editor; range: Range }) => {
+						editor.chain().focus().deleteRange(range).run();
+						switchTo('code');
+					}
+				},
+				{
+					value: 'bullet-list',
+					label: 'Bullet List',
+					command: ({ editor, range }: { editor: Editor; range: Range }) => {
+						editor.chain().focus().deleteRange(range).run();
+						switchTo('bullet-list');
+					}
+				},
+				{
+					value: 'ordered-list',
+					label: 'Ordered List',
+					command: ({ editor, range }: { editor: Editor; range: Range }) => {
+						editor.chain().focus().deleteRange(range).run();
+						switchTo('ordered-list');
+					}
+				},
+				{
+					value: 'image',
+					label: 'Add Image',
+					command: ({ editor, range }: { editor: Editor; range: Range }) => {
+						editor.chain().focus().deleteRange(range).run();
+
+						const fileInput = document.createElement('input');
+						fileInput.type = 'file';
+						fileInput.click();
+						fileInput.addEventListener('change', (event) => {
+							const input = event.target as HTMLInputElement;
+							if (!input.files?.length) return;
+							const file = input.files[0];
+							if (!file?.type.startsWith('image/')) return;
+							processImageFile(file);
+
+							input.remove();
+						});
+					}
+				}
+			].filter((item) => item.label.toLowerCase().includes(query.toLowerCase()));
+		},
+
+		render: () => {
+			let component: ReturnType<typeof SuggestionSelect>;
+			let floatingEl: HTMLElement;
+
+			function updatePosition(clientRect: (() => DOMRect | null) | null | undefined) {
+				if (!clientRect || !floatingEl) return;
+				const rect = clientRect();
+				if (!rect) return;
+
+				// Create a virtual reference element for floating-ui
+				const virtualRef = {
+					getBoundingClientRect: () => rect
+				};
+
+				computePosition(virtualRef, floatingEl, {
+					placement: 'bottom-start',
+					middleware: [offset(8), flip(), shift({ padding: 8 })]
+				}).then(({ x, y }) => {
+					Object.assign(floatingEl.style, {
+						left: `${x}px`,
+						top: `${y}px`
+					});
+				});
+			}
+
+			return {
+				onStart: (props: SuggestionProps) => {
+					floatingEl = document.createElement('div');
+					floatingEl.style.position = 'absolute';
+					floatingEl.style.zIndex = '50';
+					document.body.appendChild(floatingEl);
+
+					component = mount(SuggestionSelect, {
+						target: floatingEl,
+						props
+					});
+
+					updatePosition(props.clientRect);
+				},
+				onUpdate: (props: SuggestionProps) => {
+					component.setItems(props.items);
+					component.setRange(props.range);
+					updatePosition(props.clientRect);
+				},
+				onKeyDown: (props: SuggestionKeyDownProps) => {
+					if (props.event.key === 'Escape') {
+						floatingEl.style.display = 'none';
+						return true;
+					}
+
+					return component.onKeyDown(props.event);
+				},
+				onExit: () => {
+					unmount(component);
+					floatingEl.remove();
+				}
+			};
+		}
+	};
+}

src/routes/[[actor=actor]]/blog/+layout.server.ts

···
+import { getRecord } from '$lib/atproto/methods.js';
+import type { Did } from '@atcute/lexicons';
+import { getActor } from '$lib/actor.js';
+
+export async function load({ params, platform, request }) {
+	const did = await getActor({ request, paramActor: params.actor, platform });
+
+	if (!did) return { accentColor: undefined, baseColor: undefined };
+
+	try {
+		const publication = await getRecord({
+			did: did as Did,
+			collection: 'site.standard.publication',
+			rkey: 'blento.self'
+		});
+
+		const preferences = publication?.value?.preferences as
+			| { accentColor?: string; baseColor?: string }
+			| undefined;
+
+		return {
+			accentColor: preferences?.accentColor,
+			baseColor: preferences?.baseColor
+		};
+	} catch {
+		return { accentColor: undefined, baseColor: undefined };
+	}
+}

src/routes/[[actor=actor]]/blog/+layout.svelte

···
+<script lang="ts">
+	import ThemeScript from '$lib/website/ThemeScript.svelte';
+
+	let { data, children } = $props();
+</script>
+
+<ThemeScript accentColor={data.accentColor} baseColor={data.baseColor} />
+
+{@render children()}

src/routes/[[actor=actor]]/blog/+page.server.ts

···
+import { error } from '@sveltejs/kit';
+import { getBlentoOrBskyProfile, getRecord, listRecords, parseUri } from '$lib/atproto/methods.js';
+import { createCache, type CachedProfile } from '$lib/cache';
+import type { Did } from '@atcute/lexicons';
+import { getActor } from '$lib/actor.js';
+
+export async function load({ params, platform, request }) {
+	const cache = createCache(platform);
+
+	const did = await getActor({ request, paramActor: params.actor, platform });
+
+	if (!did) {
+		throw error(404, 'Blog not found');
+	}
+
+	try {
+		const [records, hostProfile] = await Promise.all([
+			listRecords({
+				did: did as Did,
+				collection: 'site.standard.document',
+				limit: 100
+			}),
+			cache
+				? cache.getProfile(did as Did).catch(() => null)
+				: getBlentoOrBskyProfile({ did: did as Did })
+						.then(
+							(p): CachedProfile => ({
+								did: p.did as string,
+								handle: p.handle as string,
+								displayName: p.displayName as string | undefined,
+								avatar: p.avatar as string | undefined,
+								hasBlento: p.hasBlento,
+								url: p.url
+							})
+						)
+						.catch(() => null)
+		]);
+
+		// Resolve publication URLs for site fields
+		const publications: Record<string, string> = {};
+
+		for (const record of records) {
+			const site = record.value.site as string;
+			if (!site) continue;
+
+			const rkey = record.uri.split('/').pop();
+
+			if (site === `at://${did}/site.standard.publication/blento.self`) {
+				record.value.href = `./blog/${rkey}`;
+			} else if (site.startsWith('at://')) {
+				if (!publications[site]) {
+					const siteParts = parseUri(site);
+					if (!siteParts) continue;
+
+					try {
+						const publicationRecord = await getRecord({
+							did: siteParts.repo as Did,
+							collection: siteParts.collection!,
+							rkey: siteParts.rkey
+						});
+
+						if (publicationRecord.value?.url) {
+							publications[site] = publicationRecord.value.url as string;
+						}
+					} catch {
+						continue;
+					}
+				}
+
+				if (publications[site]) {
+					record.value.href = publications[site] + record.value.path;
+				}
+			} else {
+				record.value.href = site + record.value.path;
+			}
+		}
+
+		const posts = records
+			.filter((r) => r.value?.href)
+			.map((r) => {
+				const value = r.value as Record<string, unknown>;
+				return {
+					title: value.title as string,
+					description: value.description as string | undefined,
+					publishedAt: value.publishedAt as string | undefined,
+					href: value.href as string,
+					coverImage: value.coverImage as { $type: 'blob'; ref: { $link: string } } | undefined,
+					rkey: r.uri.split('/').pop() as string
+				};
+			})
+			.sort((a, b) => {
+				const dateA = a.publishedAt || '';
+				const dateB = b.publishedAt || '';
+				return dateB.localeCompare(dateA);
+			});
+
+		return {
+			posts,
+			did,
+			hostProfile: hostProfile ?? null
+		};
+	} catch (e) {
+		if (e && typeof e === 'object' && 'status' in e) throw e;
+		throw error(404, 'Blog not found');
+	}
+}

src/routes/[[actor=actor]]/blog/+page.svelte

···
+<script lang="ts">
+	import { getCDNImageBlobUrl } from '$lib/atproto';
+	import { user } from '$lib/atproto/auth.svelte';
+	import { Avatar as FoxAvatar, Button } from '@foxui/core';
+
+	let { data } = $props();
+
+	let posts = $derived(data.posts);
+	let did: string = $derived(data.did);
+	let hostProfile = $derived(data.hostProfile);
+
+	let hostName = $derived(hostProfile?.displayName || hostProfile?.handle || did);
+	let hostUrl = $derived(
+		hostProfile?.url ?? `https://bsky.app/profile/${hostProfile?.handle || did}`
+	);
+
+	function formatDate(dateStr: string): string {
+		const date = new Date(dateStr);
+		const options: Intl.DateTimeFormatOptions = {
+			year: 'numeric',
+			month: 'long',
+			day: 'numeric'
+		};
+		return date.toLocaleDateString('en-US', options);
+	}
+
+	let actorPrefix = $derived(hostProfile?.handle ? `/${hostProfile.handle}` : `/${did}`);
+	let isOwner = $derived(user.isLoggedIn && user.did === did);
+
+	function getCoverUrl(
+		coverImage: { $type: 'blob'; ref: { $link: string } } | undefined
+	): string | undefined {
+		if (!coverImage) return undefined;
+		return getCDNImageBlobUrl({ did, blob: coverImage, type: 'jpeg' });
+	}
+</script>
+
+<svelte:head>
+	<title>{hostName} - Blog</title>
+	<meta name="description" content="Blog posts by {hostName}" />
+	<meta property="og:title" content="{hostName} - Blog" />
+	<meta property="og:description" content="Blog posts by {hostName}" />
+	<meta name="twitter:card" content="summary" />
+	<meta name="twitter:title" content="{hostName} - Blog" />
+	<meta name="twitter:description" content="Blog posts by {hostName}" />
+</svelte:head>
+
+<div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12">
+	<div class="mx-auto max-w-4xl">
+		<!-- Header -->
+		<div class="mb-8">
+			<div class="flex items-center justify-between gap-4">
+				<h1 class="text-base-900 dark:text-base-50 mb-2 text-2xl font-bold sm:text-3xl">Blog</h1>
+				{#if isOwner}
+					<Button href="{actorPrefix}/blog/new">New post</Button>
+				{/if}
+			</div>
+			<div class="mt-4 flex items-center gap-2">
+				<span class="text-base-500 dark:text-base-400 text-sm">Written by</span>
+				<a
+					href={hostUrl}
+					target={hostProfile?.hasBlento ? undefined : '_blank'}
+					rel={hostProfile?.hasBlento ? undefined : 'noopener noreferrer'}
+					class="flex items-center gap-1.5 hover:underline"
+				>
+					<FoxAvatar src={hostProfile?.avatar} alt={hostName} class="size-5 shrink-0" />
+					<span class="text-base-900 dark:text-base-100 text-sm font-medium">{hostName}</span>
+				</a>
+			</div>
+		</div>
+
+		{#if posts.length === 0}
+			<p class="text-base-500 dark:text-base-400 py-12 text-center">No blog posts found.</p>
+		{:else}
+			<div class="divide-base-100 dark:divide-base-900 divide-y">
+				{#each posts as post (post.rkey)}
+					{@const coverUrl = getCoverUrl(post.coverImage)}
+					<a
+						href={post.href}
+						target={post.href.startsWith('./') ? undefined : '_blank'}
+						rel={post.href.startsWith('./') ? undefined : 'noopener noreferrer'}
+						class="group flex items-start gap-4 py-6"
+					>
+						<div class="min-w-0 flex-1">
+							{#if post.publishedAt}
+								<p class="text-base-500 dark:text-base-400 mb-1 text-sm">
+									{formatDate(post.publishedAt)}
+								</p>
+							{/if}
+							<h2
+								class="text-base-900 dark:text-base-50 group-hover:text-base-700 dark:group-hover:text-base-200 mb-2 text-lg leading-snug font-semibold"
+							>
+								{post.title}
+							</h2>
+							{#if post.description}
+								<p class="text-base-600 dark:text-base-400 line-clamp-3 text-sm leading-relaxed">
+									{post.description}
+								</p>
+							{/if}
+						</div>
+
+						{#if coverUrl}
+							<img
+								src={coverUrl}
+								alt={post.title}
+								class="aspect-video w-32 shrink-0 rounded-lg object-cover"
+							/>
+						{/if}
+					</a>
+				{/each}
+			</div>
+		{/if}
+	</div>
+</div>

src/routes/[[actor=actor]]/blog/[rkey]/+page.server.ts

···
+import { error } from '@sveltejs/kit';
+import { getBlentoOrBskyProfile, getRecord, parseUri } from '$lib/atproto/methods.js';
+import { createCache, type CachedProfile } from '$lib/cache';
+import type { Did } from '@atcute/lexicons';
+import { getActor } from '$lib/actor';
+
+export async function load({ params, platform, request }) {
+	const { rkey } = params;
+
+	const cache = createCache(platform);
+
+	const did = await getActor({ request, paramActor: params.actor, platform });
+
+	if (!did || !rkey) {
+		throw error(404, 'Post not found');
+	}
+
+	try {
+		const [postRecord, hostProfile] = await Promise.all([
+			getRecord({
+				did: did as Did,
+				collection: 'site.standard.document',
+				rkey
+			}),
+			cache
+				? cache.getProfile(did as Did).catch(() => null)
+				: getBlentoOrBskyProfile({ did: did as Did })
+						.then(
+							(p): CachedProfile => ({
+								did: p.did as string,
+								handle: p.handle as string,
+								displayName: p.displayName as string | undefined,
+								avatar: p.avatar as string | undefined,
+								hasBlento: p.hasBlento,
+								url: p.url
+							})
+						)
+						.catch(() => null)
+		]);
+
+		if (!postRecord?.value) {
+			throw error(404, 'Post not found');
+		}
+
+		const post = postRecord.value as Record<string, unknown>;
+
+		// Resolve external URL
+		let externalUrl: string | null = null;
+		const site = post.site as string | undefined;
+		const path = post.path as string | undefined;
+
+		if (site && path && site !== `at://${did}/site.standard.publication/blento.self`) {
+			if (site.startsWith('at://')) {
+				const siteParts = parseUri(site);
+				if (siteParts) {
+					try {
+						const publicationRecord = await getRecord({
+							did: siteParts.repo as Did,
+							collection: siteParts.collection!,
+							rkey: siteParts.rkey
+						});
+
+						if (publicationRecord.value?.url) {
+							externalUrl = (publicationRecord.value.url as string) + path;
+						}
+					} catch {
+						// Could not resolve publication URL
+					}
+				}
+			} else {
+				externalUrl = site + path;
+			}
+		}
+
+		return {
+			post,
+			did,
+			rkey,
+			hostProfile: hostProfile ?? null,
+			externalUrl
+		};
+	} catch (e) {
+		if (e && typeof e === 'object' && 'status' in e) throw e;
+		throw error(404, 'Post not found');
+	}
+}

src/routes/[[actor=actor]]/blog/[rkey]/+page.svelte

···
+<script lang="ts">
+	import { getCDNImageBlobUrl } from '$lib/atproto';
+	import { Avatar as FoxAvatar } from '@foxui/core';
+	import { marked } from 'marked';
+	import { sanitize } from '$lib/sanitize';
+	import { all, createLowlight } from 'lowlight';
+
+	const lowlight = createLowlight(all);
+
+	function hastToHtml(node: any): string {
+		if (node.type === 'text') return escapeHtml(node.value);
+		if (node.type === 'element') {
+			const cls = node.properties?.className?.join(' ');
+			const children = (node.children || []).map(hastToHtml).join('');
+			return cls ? `<span class="${cls}">${children}</span>` : `<span>${children}</span>`;
+		}
+		if (node.type === 'root' || node.children) {
+			return (node.children || []).map(hastToHtml).join('');
+		}
+		return '';
+	}
+
+	function escapeHtml(str: string): string {
+		return str
+			.replace(/&/g, '&amp;')
+			.replace(/</g, '&lt;')
+			.replace(/>/g, '&gt;')
+			.replace(/"/g, '&quot;');
+	}
+
+	let { data } = $props();
+
+	let post = $derived(data.post as Record<string, unknown>);
+	let did: string = $derived(data.did);
+	let hostProfile = $derived(data.hostProfile);
+	let externalUrl = $derived(data.externalUrl as string | null);
+
+	let title = $derived((post.title as string) || '');
+	let description = $derived((post.description as string) || '');
+	let publishedAt = $derived(post.publishedAt as string | undefined);
+
+	let hostName = $derived(hostProfile?.displayName || hostProfile?.handle || did);
+	let hostUrl = $derived(
+		hostProfile?.url ?? `https://bsky.app/profile/${hostProfile?.handle || did}`
+	);
+
+	let actorPrefix = $derived(hostProfile?.handle ? `/${hostProfile.handle}` : `/${did}`);
+
+	let coverUrl = $derived.by(() => {
+		const coverImage = post.coverImage as { $type: 'blob'; ref: { $link: string } } | undefined;
+		if (!coverImage) return undefined;
+		return getCDNImageBlobUrl({ did, blob: coverImage, type: 'jpeg' });
+	});
+
+	let content = $derived(post.content as { $type: string; value: string } | undefined);
+	let isMarkdown = $derived(content?.$type === 'app.blento.markdown');
+
+	let tags = $derived((post.tags as string[]) || []);
+	let bskyPostRef = $derived(post.bskyPostRef as { uri: string; cid: string } | undefined);
+
+	let bskyDiscussUrl = $derived.by(() => {
+		if (!bskyPostRef?.uri) return undefined;
+		const parts = bskyPostRef.uri.split('/');
+		const postDid = parts[2];
+		const postRkey = parts[parts.length - 1];
+		return `https://bsky.app/profile/${postDid}/post/${postRkey}`;
+	});
+
+	function formatDate(dateStr: string): string {
+		const date = new Date(dateStr);
+		return date.toLocaleDateString('en-US', {
+			year: 'numeric',
+			month: 'long',
+			day: 'numeric'
+		});
+	}
+
+	const renderer = new marked.Renderer();
+	renderer.link = ({ href, title, text }) =>
+		`<a target="_blank" rel="noopener noreferrer" href="${href}" title="${title ?? ''}">${text}</a>`;
+	renderer.code = ({ text, lang }) => {
+		let highlighted: string;
+		try {
+			const tree =
+				lang && lowlight.registered(lang)
+					? lowlight.highlight(lang, text)
+					: lowlight.highlightAuto(text);
+			highlighted = hastToHtml(tree);
+		} catch {
+			highlighted = escapeHtml(text);
+		}
+		return `<pre><code class="hljs${lang ? ` language-${lang}` : ''}">${highlighted}</code></pre>`;
+	};
+</script>
+
+<svelte:head>
+	<title>{title}</title>
+	<meta name="description" content={description || `Blog post: ${title}`} />
+	<meta property="og:title" content={title} />
+	<meta property="og:description" content={description || `Blog post: ${title}`} />
+	{#if coverUrl}
+		<meta property="og:image" content={coverUrl} />
+	{/if}
+	<meta name="twitter:card" content={coverUrl ? 'summary_large_image' : 'summary'} />
+	<meta name="twitter:title" content={title} />
+	<meta name="twitter:description" content={description || `Blog post: ${title}`} />
+	{#if coverUrl}
+		<meta name="twitter:image" content={coverUrl} />
+	{/if}
+</svelte:head>
+
+<div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12">
+	<div class="mx-auto max-w-3xl">
+		<!-- Cover image -->
+		{#if coverUrl}
+			<img src={coverUrl} alt={title} class="mb-8 aspect-video w-full rounded-2xl object-cover" />
+		{/if}
+
+		<!-- Title & meta -->
+		<header class="mb-8">
+			<h1 class="text-base-900 dark:text-base-50 mb-4 text-3xl leading-tight font-bold sm:text-4xl">
+				{title}
+			</h1>
+
+			<div class="flex flex-wrap items-center gap-4">
+				{#if publishedAt}
+					<span class="text-base-500 dark:text-base-400 text-sm">
+						{formatDate(publishedAt)}
+					</span>
+				{/if}
+				<a
+					href={hostUrl}
+					target={hostProfile?.hasBlento ? undefined : '_blank'}
+					rel={hostProfile?.hasBlento ? undefined : 'noopener noreferrer'}
+					class="flex items-center gap-1.5 hover:underline"
+				>
+					<FoxAvatar src={hostProfile?.avatar} alt={hostName} class="size-5 shrink-0" />
+					<span class="text-base-900 dark:text-base-100 text-sm font-medium">{hostName}</span>
+				</a>
+			</div>
+
+			{#if tags.length > 0}
+				<div class="mt-4 flex flex-wrap gap-2">
+					{#each tags as tag (tag)}
+						<span
+							class="bg-base-100 dark:bg-base-800 text-base-600 dark:text-base-300 rounded-full px-3 py-1 text-xs font-medium"
+						>
+							{tag}
+						</span>
+					{/each}
+				</div>
+			{/if}
+		</header>
+
+		<!-- Content -->
+		{#if isMarkdown && content}
+			<article
+				class="prose dark:prose-invert prose-base prose-neutral prose-a:text-accent-600 dark:prose-a:text-accent-400 prose-img:rounded-xl max-w-none"
+			>
+				{@html sanitize(marked.parse(content.value, { renderer }) as string, {
+					ADD_ATTR: ['target']
+				})}
+			</article>
+		{:else}
+			<div class="py-4">
+				{#if description}
+					<p class="text-base-700 dark:text-base-300 mb-6 text-lg leading-relaxed">
+						{description}
+					</p>
+				{/if}
+
+				{#if externalUrl}
+					<a
+						href={externalUrl}
+						target="_blank"
+						rel="noopener noreferrer"
+						class="bg-base-900 dark:bg-base-50 text-base-50 dark:text-base-900 hover:bg-base-800 dark:hover:bg-base-200 inline-flex items-center gap-2 rounded-lg px-5 py-3 text-sm font-medium transition-colors"
+					>
+						Read on original page
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke-width="2"
+							stroke="currentColor"
+							class="size-4"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
+							/>
+						</svg>
+					</a>
+				{/if}
+			</div>
+		{/if}
+
+		<!-- Footer -->
+		<footer
+			class="border-base-200 dark:border-base-800 mt-12 flex flex-wrap items-center gap-4 border-t pt-6"
+		>
+			<a
+				href="{actorPrefix}/blog"
+				class="text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200 inline-flex items-center gap-1.5 text-sm transition-colors"
+			>
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					fill="none"
+					viewBox="0 0 24 24"
+					stroke-width="2"
+					stroke="currentColor"
+					class="size-4"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
+					/>
+				</svg>
+				Back to blog
+			</a>
+
+			{#if bskyDiscussUrl}
+				<a
+					href={bskyDiscussUrl}
+					target="_blank"
+					rel="noopener noreferrer"
+					class="text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200 inline-flex items-center gap-1.5 text-sm transition-colors"
+				>
+					Discuss on Bluesky
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke-width="2"
+						stroke="currentColor"
+						class="size-3.5"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
+						/>
+					</svg>
+				</a>
+			{/if}
+
+			{#if externalUrl && isMarkdown}
+				<a
+					href={externalUrl}
+					target="_blank"
+					rel="noopener noreferrer"
+					class="text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200 inline-flex items-center gap-1.5 text-sm transition-colors"
+				>
+					View on original page
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke-width="2"
+						stroke="currentColor"
+						class="size-3.5"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
+						/>
+					</svg>
+				</a>
+			{/if}
+		</footer>
+	</div>
+</div>
+
+<style>
+	:global(.prose pre) {
+		background: #f6f8fa;
+		border-radius: 1rem;
+		color: #1f2328;
+		font-family: 'JetBrainsMono', monospace;
+		border: 1px solid #d1d9e0;
+	}
+
+	:global(.prose pre code) {
+		background: none;
+		color: inherit;
+		font-size: 0.8rem;
+		padding: 0;
+	}
+
+	:global(.prose pre .hljs-comment),
+	:global(.prose pre .hljs-quote) {
+		color: #59636e;
+		font-style: italic;
+	}
+
+	:global(.prose pre .hljs-keyword),
+	:global(.prose pre .hljs-selector-tag) {
+		color: #cf222e;
+	}
+
+	:global(.prose pre .hljs-tag),
+	:global(.prose pre .hljs-name) {
+		color: #116329;
+	}
+
+	:global(.prose pre .hljs-attribute) {
+		color: #0550ae;
+	}
+
+	:global(.prose pre .hljs-variable),
+	:global(.prose pre .hljs-template-variable),
+	:global(.prose pre .hljs-regexp),
+	:global(.prose pre .hljs-link) {
+		color: #0550ae;
+	}
+
+	:global(.prose pre .hljs-number),
+	:global(.prose pre .hljs-literal) {
+		color: #0550ae;
+	}
+
+	:global(.prose pre .hljs-string),
+	:global(.prose pre .hljs-symbol),
+	:global(.prose pre .hljs-bullet) {
+		color: #0a3069;
+	}
+
+	:global(.prose pre .hljs-title),
+	:global(.prose pre .hljs-section) {
+		color: #0550ae;
+		font-weight: 600;
+	}
+
+	:global(.prose pre .hljs-type),
+	:global(.prose pre .hljs-built_in),
+	:global(.prose pre .hljs-builtin-name),
+	:global(.prose pre .hljs-params) {
+		color: #953800;
+	}
+
+	:global(.prose pre .hljs-meta) {
+		color: #0550ae;
+	}
+
+	/* Dark mode */
+	:global(.dark .prose pre) {
+		background: #161b22;
+		color: #e6edf3;
+		border-color: #30363d;
+	}
+
+	:global(.dark .prose pre .hljs-comment),
+	:global(.dark .prose pre .hljs-quote) {
+		color: #8b949e;
+		font-style: italic;
+	}
+
+	:global(.dark .prose pre .hljs-keyword),
+	:global(.dark .prose pre .hljs-selector-tag) {
+		color: #ff7b72;
+	}
+
+	:global(.dark .prose pre .hljs-tag),
+	:global(.dark .prose pre .hljs-name) {
+		color: #7ee787;
+	}
+
+	:global(.dark .prose pre .hljs-attribute) {
+		color: #79c0ff;
+	}
+
+	:global(.dark .prose pre .hljs-variable),
+	:global(.dark .prose pre .hljs-template-variable),
+	:global(.dark .prose pre .hljs-regexp),
+	:global(.dark .prose pre .hljs-link) {
+		color: #79c0ff;
+	}
+
+	:global(.dark .prose pre .hljs-number),
+	:global(.dark .prose pre .hljs-literal) {
+		color: #79c0ff;
+	}
+
+	:global(.dark .prose pre .hljs-string),
+	:global(.dark .prose pre .hljs-symbol),
+	:global(.dark .prose pre .hljs-bullet) {
+		color: #a5d6ff;
+	}
+
+	:global(.dark .prose pre .hljs-title),
+	:global(.dark .prose pre .hljs-section) {
+		color: #d2a8ff;
+		font-weight: 600;
+	}
+
+	:global(.dark .prose pre .hljs-type),
+	:global(.dark .prose pre .hljs-built_in),
+	:global(.dark .prose pre .hljs-builtin-name),
+	:global(.dark .prose pre .hljs-params) {
+		color: #ffa657;
+	}
+
+	:global(.dark .prose pre .hljs-meta) {
+		color: #79c0ff;
+	}
+</style>

src/routes/[[actor=actor]]/blog/new/+page.svelte

···
+<script lang="ts">
+	import { user } from '$lib/atproto/auth.svelte';
+	import { loginModalState } from '$lib/atproto/UI/LoginModal.svelte';
+	import { uploadBlob, createTID } from '$lib/atproto/methods';
+	import { compressImage } from '$lib/atproto/image-helper';
+	import { Badge, Button } from '@foxui/core';
+	import { goto } from '$app/navigation';
+	import { onMount, onDestroy } from 'svelte';
+	import { SvelteMap } from 'svelte/reactivity';
+	import { RichTextEditor } from '$lib/components/rich-text-editor';
+	import { putImage, getImage, clearImages } from '$lib/components/image-store';
+	import type { Editor, Content } from '@tiptap/core';
+
+	const DRAFT_KEY = 'blog-draft';
+
+	let title = $state('');
+	let description = $state('');
+	let coverFile: File | null = $state(null);
+	let coverPreview: string | null = $state(null);
+	let submitting = $state(false);
+	let error: string | null = $state(null);
+	let hasDraft = $state(false);
+	let editorInstance: Editor | null = $state(null);
+	let editorContent: Content = $state({});
+	let draftRestored = $state(false);
+
+	let fileInput: HTMLInputElement | undefined = $state();
+	let titleEl: HTMLTextAreaElement | undefined = $state();
+	let descriptionEl: HTMLTextAreaElement | undefined = $state();
+	let draggingOver = $state(false);
+
+	function handleDrop(e: DragEvent) {
+		e.preventDefault();
+		draggingOver = false;
+		const file = e.dataTransfer?.files?.[0];
+		if (!file || !file.type.startsWith('image/')) return;
+		coverFile = file;
+		if (coverPreview) URL.revokeObjectURL(coverPreview);
+		coverPreview = URL.createObjectURL(file);
+
+		const key = crypto.randomUUID();
+		blobToKeyMap.set(coverPreview, key);
+		keyToBlobMap.set(key, coverPreview);
+		putImage(key, file, file.name);
+		scheduleSaveDraft();
+	}
+
+	// blob URL <-> IndexedDB key mappings
+	const blobToKeyMap = new SvelteMap<string, string>();
+	const keyToBlobMap = new SvelteMap<string, string>();
+
+	// ── Image tracking ──
+
+	function findImageSrcs(node: unknown): string[] {
+		const srcs: string[] = [];
+		function walk(n: Record<string, unknown>) {
+			if (!n) return;
+			if (n.type === 'image' && typeof (n.attrs as Record<string, unknown>)?.src === 'string') {
+				srcs.push((n.attrs as Record<string, string>).src);
+			}
+			if (Array.isArray(n.content)) (n.content as Record<string, unknown>[]).forEach(walk);
+		}
+		walk(node as Record<string, unknown>);
+		return srcs;
+	}
+
+	async function trackNewImages(content: Content) {
+		const srcs = findImageSrcs(content);
+		for (const src of srcs) {
+			if (src.startsWith('blob:') && !blobToKeyMap.has(src)) {
+				try {
+					const response = await fetch(src);
+					const blob = await response.blob();
+					const key = crypto.randomUUID();
+					await putImage(key, blob, 'image');
+					blobToKeyMap.set(src, key);
+					keyToBlobMap.set(key, src);
+				} catch (e) {
+					console.error('Failed to store image in IndexedDB:', e);
+				}
+			}
+		}
+	}
+
+	// ── Draft management ──
+
+	function serializeContent(content: Content): Content {
+		const json = JSON.parse(JSON.stringify(content));
+		function walk(node: Record<string, unknown>) {
+			if (!node) return;
+			const attrs = node.attrs as Record<string, string> | undefined;
+			if (node.type === 'image' && attrs?.src && blobToKeyMap.has(attrs.src)) {
+				attrs.src = `idb://${blobToKeyMap.get(attrs.src)}`;
+			}
+			if (Array.isArray(node.content)) (node.content as Record<string, unknown>[]).forEach(walk);
+		}
+		walk(json as Record<string, unknown>);
+		return json;
+	}
+
+	let saveTimeout: ReturnType<typeof setTimeout> | undefined;
+
+	function scheduleSaveDraft() {
+		clearTimeout(saveTimeout);
+		saveTimeout = setTimeout(saveDraft, 500);
+	}
+
+	function saveDraft() {
+		const draft: Record<string, unknown> = {
+			title,
+			description,
+			content: serializeContent(editorContent),
+			updatedAt: Date.now()
+		};
+		if (coverPreview && blobToKeyMap.has(coverPreview)) {
+			draft.coverImageKey = blobToKeyMap.get(coverPreview);
+		}
+		localStorage.setItem(DRAFT_KEY, JSON.stringify(draft));
+		hasDraft = true;
+	}
+
+	async function restoreDraft() {
+		const raw = localStorage.getItem(DRAFT_KEY);
+		if (!raw) return;
+
+		try {
+			const draft = JSON.parse(raw);
+			title = draft.title || '';
+			description = draft.description || '';
+
+			const content = draft.content;
+			if (content) {
+				// Collect all idb:// keys needed
+				const idbKeys: string[] = [];
+				function collectKeys(node: Record<string, unknown>) {
+					if (!node) return;
+					const attrs = node.attrs as Record<string, string> | undefined;
+					if (node.type === 'image' && attrs?.src?.startsWith('idb://')) {
+						idbKeys.push(attrs.src.replace('idb://', ''));
+					}
+					if (Array.isArray(node.content))
+						(node.content as Record<string, unknown>[]).forEach(collectKeys);
+				}
+				collectKeys(content);
+				if (draft.coverImageKey) idbKeys.push(draft.coverImageKey);
+
+				// Load images from IndexedDB and create blob URLs
+				for (const key of idbKeys) {
+					const img = await getImage(key);
+					if (img) {
+						const blobUrl = URL.createObjectURL(img.blob);
+						blobToKeyMap.set(blobUrl, key);
+						keyToBlobMap.set(key, blobUrl);
+					}
+				}
+
+				// Replace idb:// references with new blob URLs
+				function replaceRefs(node: Record<string, unknown>) {
+					if (!node) return;
+					const attrs = node.attrs as Record<string, string> | undefined;
+					if (node.type === 'image' && attrs?.src?.startsWith('idb://')) {
+						const key = attrs.src.replace('idb://', '');
+						const blobUrl = keyToBlobMap.get(key);
+						if (blobUrl) attrs.src = blobUrl;
+					}
+					if (Array.isArray(node.content))
+						(node.content as Record<string, unknown>[]).forEach(replaceRefs);
+				}
+				replaceRefs(content);
+				editorContent = content;
+			}
+
+			// Restore cover image
+			if (draft.coverImageKey) {
+				const blobUrl = keyToBlobMap.get(draft.coverImageKey);
+				if (blobUrl) {
+					coverPreview = blobUrl;
+					const img = await getImage(draft.coverImageKey);
+					if (img) {
+						coverFile = new File([img.blob], img.name, { type: img.blob.type });
+					}
+				}
+			}
+
+			hasDraft = true;
+		} catch (e) {
+			console.error('Failed to restore draft:', e);
+		}
+	}
+
+	function clearDraft() {
+		localStorage.removeItem(DRAFT_KEY);
+		clearImages();
+		hasDraft = false;
+	}
+
+	function discardDraft() {
+		clearDraft();
+		title = '';
+		description = '';
+		coverFile = null;
+		if (coverPreview) URL.revokeObjectURL(coverPreview);
+		coverPreview = null;
+		editorContent = {};
+		editorInstance?.commands.clearContent();
+	}
+
+	// ── Cover image ──
+
+	function onFileChange(e: Event) {
+		const input = e.target as HTMLInputElement;
+		const file = input.files?.[0];
+		if (!file) return;
+		coverFile = file;
+		if (coverPreview) URL.revokeObjectURL(coverPreview);
+		coverPreview = URL.createObjectURL(file);
+
+		const key = crypto.randomUUID();
+		blobToKeyMap.set(coverPreview, key);
+		keyToBlobMap.set(key, coverPreview);
+		putImage(key, file, file.name);
+		scheduleSaveDraft();
+	}
+
+	function removeCover() {
+		coverFile = null;
+		if (coverPreview) {
+			URL.revokeObjectURL(coverPreview);
+			coverPreview = null;
+		}
+		if (fileInput) fileInput.value = '';
+		scheduleSaveDraft();
+	}
+
+	// ── Publish ──
+
+	async function handleSubmit() {
+		error = null;
+
+		if (!title.trim()) {
+			error = 'Title is required.';
+			return;
+		}
+		if (!user.client || !user.did) {
+			error = 'You must be logged in.';
+			return;
+		}
+
+		submitting = true;
+
+		try {
+			// Upload cover image
+			let coverImageBlob: unknown | undefined;
+			if (coverFile) {
+				const compressed = await compressImage(coverFile);
+				const blobRef = await uploadBlob({ blob: compressed.blob });
+				if (blobRef) coverImageBlob = blobRef;
+			}
+
+			// Convert content to markdown using tiptap's built-in markdown support
+			let markdown = editorInstance?.getMarkdown() ?? '';
+
+			// Upload all blob:// images and replace with CDN URLs
+			const blobUrlRegex = /!\[([^\]]*)\]\((blob:[^\s)]+)(?:\s+"[^"]*")?\)/g;
+			const matches = [...markdown.matchAll(blobUrlRegex)];
+			const imageBlobs: unknown[] = [];
+
+			for (const match of matches) {
+				const blobUrl = match[2];
+				try {
+					const response = await fetch(blobUrl);
+					const blob = await response.blob();
+					const file = new File([blob], 'image.jpg', { type: blob.type });
+					const compressed = await compressImage(file);
+					const blobRef = await uploadBlob({ blob: compressed.blob });
+					if (blobRef) {
+						imageBlobs.push(blobRef);
+						const cdnUrl = `https://cdn.bsky.app/img/feed_fullsize/plain/${user.did}/${blobRef.ref.$link}@jpeg`;
+						markdown = markdown.replaceAll(blobUrl, cdnUrl);
+					}
+				} catch (e) {
+					console.error('Failed to upload inline image:', e);
+				}
+			}
+
+			const rkey = createTID();
+
+			const record: Record<string, unknown> = {
+				$type: 'site.standard.document',
+				title: title.trim(),
+				content: {
+					$type: 'app.blento.markdown',
+					value: markdown,
+					images: imageBlobs.length > 0 ? imageBlobs : undefined
+				},
+				site: `at://${user.did}/site.standard.publication/blento.self`,
+				path: `/blog/${rkey}`,
+				publishedAt: new Date().toISOString()
+			};
+
+			if (description.trim()) record.description = description.trim();
+			if (coverImageBlob) record.coverImage = coverImageBlob;
+
+			const response = await user.client.post('com.atproto.repo.createRecord', {
+				input: {
+					collection: 'site.standard.document',
+					repo: user.did,
+					rkey,
+					record
+				}
+			});
+
+			if (response.ok) {
+				clearDraft();
+				const handle =
+					user.profile?.handle && user.profile.handle !== 'handle.invalid'
+						? user.profile.handle
+						: user.did;
+				goto(`/${handle}/blog/${rkey}`);
+			} else {
+				error = 'Failed to create post. Please try again.';
+			}
+		} catch (e) {
+			console.error('Failed to create post:', e);
+			error = 'Failed to create post. Please try again.';
+		} finally {
+			submitting = false;
+		}
+	}
+
+	// ── Editor callbacks ──
+
+	function onEditorUpdate(content: Content) {
+		editorContent = content;
+		trackNewImages(content);
+		scheduleSaveDraft();
+	}
+
+	function autoResize(el: HTMLTextAreaElement) {
+		const resize = () => {
+			el.style.height = 'auto';
+			el.style.height = el.scrollHeight + 'px';
+		};
+		resize();
+		return { update: resize };
+	}
+
+	function onTitleInput() {
+		scheduleSaveDraft();
+	}
+
+	function onDescriptionInput() {
+		scheduleSaveDraft();
+	}
+
+	// ── Lifecycle ──
+
+	onMount(async () => {
+		await restoreDraft();
+		draftRestored = true;
+	});
+
+	onDestroy(() => {
+		clearTimeout(saveTimeout);
+		for (const blobUrl of blobToKeyMap.keys()) {
+			URL.revokeObjectURL(blobUrl);
+		}
+	});
+</script>
+
+<svelte:head>
+	<title>Create Blog Post</title>
+</svelte:head>
+
+<div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12">
+	<div class="mx-auto max-w-3xl">
+		{#if user.isInitializing || !draftRestored}
+			<div class="flex items-center gap-3">
+				<div class="bg-base-300 dark:bg-base-700 size-5 animate-pulse rounded-full"></div>
+				<div class="bg-base-300 dark:bg-base-700 h-4 w-48 animate-pulse rounded"></div>
+			</div>
+		{:else if !user.isLoggedIn}
+			<div
+				class="border-base-200 dark:border-base-800 bg-base-100 dark:bg-base-900/50 rounded-2xl border p-8 text-center"
+			>
+				<p class="text-base-600 dark:text-base-400 mb-4">Log in to create a blog post.</p>
+				<Button onclick={() => loginModalState.show()}>Log in</Button>
+			</div>
+		{:else}
+			<!-- Draft badge -->
+			<div class="mb-6 flex items-center gap-3">
+				<Badge>Local draft</Badge>
+				{#if hasDraft}
+					<button
+						type="button"
+						onclick={discardDraft}
+						class="text-base-400 dark:text-base-500 cursor-pointer text-xs transition-colors hover:text-red-500 dark:hover:text-red-400"
+					>
+						Discard draft
+					</button>
+				{/if}
+			</div>
+
+			<!-- Cover image — full-width like the blog post view -->
+			<input
+				bind:this={fileInput}
+				type="file"
+				id="cover"
+				accept="image/*"
+				onchange={onFileChange}
+				class="hidden"
+			/>
+			{#if coverPreview}
+				<div class="group relative mb-8">
+					<img
+						src={coverPreview}
+						alt="Cover preview"
+						class="aspect-video w-full rounded-2xl object-cover"
+					/>
+					<div
+						class="absolute inset-0 flex items-center justify-center gap-2 rounded-2xl bg-black/0 opacity-0 transition-all group-hover:bg-black/30 group-hover:opacity-100"
+					>
+						<button
+							type="button"
+							onclick={() => fileInput?.click()}
+							class="rounded-lg bg-white/90 px-3 py-1.5 text-sm font-medium text-black transition-colors hover:bg-white"
+						>
+							Replace
+						</button>
+						<button
+							type="button"
+							onclick={removeCover}
+							class="rounded-lg bg-white/90 px-3 py-1.5 text-sm font-medium text-red-600 transition-colors hover:bg-white"
+						>
+							Remove
+						</button>
+					</div>
+				</div>
+			{:else}
+				<button
+					type="button"
+					onclick={() => fileInput?.click()}
+					ondragover={(e) => {
+						e.preventDefault();
+						draggingOver = true;
+					}}
+					ondragleave={() => (draggingOver = false)}
+					ondrop={handleDrop}
+					class="mb-8 flex h-20 w-full cursor-pointer items-center gap-3 rounded-xl border-2 border-dashed px-5 transition-colors {draggingOver
+						? 'border-accent-400 bg-accent-50 dark:border-accent-500 dark:bg-accent-950'
+						: 'border-base-300 dark:border-base-700 hover:border-base-400 dark:hover:border-base-600'}"
+				>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						fill="none"
+						viewBox="0 0 24 24"
+						stroke-width="1.5"
+						stroke="currentColor"
+						class="text-base-400 dark:text-base-500 size-6 shrink-0"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909M3.75 21h16.5A2.25 2.25 0 0 0 22.5 18.75V5.25A2.25 2.25 0 0 0 20.25 3H3.75A2.25 2.25 0 0 0 1.5 5.25v13.5A2.25 2.25 0 0 0 3.75 21Z"
+						/>
+					</svg>
+					<span class="text-base-400 dark:text-base-500 text-sm">
+						{draggingOver ? 'Drop image here' : 'Add cover image or drag & drop'}
+					</span>
+				</button>
+			{/if}
+
+			<!-- Title & description — styled like the blog post header -->
+			<header class="mb-8">
+				<textarea
+					bind:this={titleEl}
+					bind:value={title}
+					oninput={(e) => {
+						onTitleInput();
+						autoResize(e.currentTarget);
+					}}
+					onkeydown={(e) => {
+						if (e.key === 'Enter' && !e.shiftKey) {
+							e.preventDefault();
+							descriptionEl?.focus();
+						}
+					}}
+					use:autoResize
+					placeholder="Post title"
+					rows={1}
+					class="text-base-900 dark:text-base-50 placeholder:text-base-500 mb-4 w-full resize-none border-0 border-none bg-transparent text-3xl leading-tight font-bold outline-none focus:border-0 focus:ring-0 focus:outline-0 sm:text-4xl"
+				></textarea>
+				<textarea
+					bind:this={descriptionEl}
+					bind:value={description}
+					oninput={(e) => {
+						onDescriptionInput();
+						autoResize(e.currentTarget);
+					}}
+					onkeydown={(e) => {
+						if (e.key === 'Enter' && !e.shiftKey) {
+							e.preventDefault();
+							editorInstance?.commands.focus();
+						}
+					}}
+					use:autoResize
+					placeholder="A short description (optional)"
+					rows={1}
+					class="text-base-600 dark:text-base-400 placeholder:text-base-400 dark:placeholder:text-base-600 w-full resize-none border-0 border-none bg-transparent text-sm leading-relaxed outline-none focus:border-0 focus:ring-0 focus:outline-0"
+				></textarea>
+			</header>
+
+			<!-- Rich text editor — styled like the blog post content area -->
+			<article
+				class="prose dark:prose-invert prose-base prose-neutral prose-a:text-accent-600 dark:prose-a:text-accent-400 prose-img:rounded-xl mb-12 max-w-none px-4"
+			>
+				<RichTextEditor
+					bind:editor={editorInstance}
+					content={editorContent}
+					placeholder="Start writing..."
+					onupdate={onEditorUpdate}
+				/>
+			</article>
+
+			{#if error}
+				<p class="mb-4 text-sm text-red-600 dark:text-red-400">{error}</p>
+			{/if}
+
+			<div class="border-base-200 dark:border-base-800 border-t pt-6">
+				<Button onclick={handleSubmit} disabled={submitting} class="w-full">
+					{submitting ? 'Publishing...' : 'Publish Post'}
+				</Button>
+			</div>
+		{/if}
+	</div>
+</div>

src/routes/[[actor=actor]]/e/+page.server.ts src/routes/[[actor=actor]]/events/+page.server.ts

···
 import { error } from '@sveltejs/kit';
 import type { EventData } from '$lib/cards/social/EventCard';
-import { getBlentoOrBskyProfile } from '$lib/atproto/methods.js';
+import { getBlentoOrBskyProfile, listRecords } from '$lib/atproto/methods.js';
 import { createCache, type CachedProfile } from '$lib/cache';
 import type { Did } from '@atcute/lexicons';
 import { getActor } from '$lib/actor.js';
···
 	}
 
 	try {
-		const [eventsResponse, hostProfile] = await Promise.all([
-			fetch(
-				`https://smokesignal.events/xrpc/community.lexicon.calendar.searchEvents?repository=${encodeURIComponent(did)}&query=upcoming`
-			),
+		const [records, hostProfile] = await Promise.all([
+			listRecords({
+				did: did as Did,
+				collection: 'community.lexicon.calendar.event',
+				limit: 100
+			}),
 			cache
 				? cache.getProfile(did as Did).catch(() => null)
 				: getBlentoOrBskyProfile({ did: did as Did })
···
 						.catch(() => null)
 		]);
 
-		if (!eventsResponse.ok) {
-			throw error(404, 'Events not found');
-		}
-
-		const data: { results: EventData[] } = await eventsResponse.json();
-		const events = data.results;
+		const events = records.map((r) => ({
+			...(r.value as EventData),
+			rkey: r.uri.split('/').pop() as string
+		}));
 
 		return {
 			events,

src/routes/[[actor=actor]]/e/+page.svelte src/routes/[[actor=actor]]/events/+page.svelte

···
 <script lang="ts">
 	import type { EventData } from '$lib/cards/social/EventCard';
 	import { getCDNImageBlobUrl } from '$lib/atproto';
-	import { Avatar as FoxAvatar, Badge } from '@foxui/core';
+	import { user } from '$lib/atproto/auth.svelte';
+	import { Avatar as FoxAvatar, Badge, Button } from '@foxui/core';
 	import Avatar from 'svelte-boring-avatars';
 
 	let { data } = $props();
 
-	let events: EventData[] = $derived(data.events);
+	let events: (EventData & { rkey: string })[] = $derived(data.events);
 	let did: string = $derived(data.did);
 	let hostProfile = $derived(data.hostProfile);
 
···
 		return { url, alt: media.alt || event.name };
 	}
 
-	function getRkey(event: EventData): string {
-		return event.url.split('/').pop() || '';
-	}
-
 	let actorPrefix = $derived(data.hostProfile?.handle ? `/${data.hostProfile.handle}` : `/${did}`);
+	let isOwner = $derived(user.isLoggedIn && user.did === did);
 </script>
 
 <svelte:head>
···
 <div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12 sm:py-12">
 	<div class="mx-auto max-w-4xl">
 		<!-- Header -->
-		<div class="mb-8">
-			<h1 class="text-base-900 dark:text-base-50 mb-2 text-2xl font-bold sm:text-3xl">
-				Upcoming events
-			</h1>
-			<div class="flex items-center gap-2 mt-4">
-				<span class="text-base-500 dark:text-base-400 text-sm">Hosted by</span>
-				<a
-					href={hostUrl}
-					target={hostProfile?.hasBlento ? undefined : '_blank'}
-					rel={hostProfile?.hasBlento ? undefined : 'noopener noreferrer'}
-					class="flex items-center gap-1.5 hover:underline"
-				>
-					<FoxAvatar src={hostProfile?.avatar} alt={hostName} class="size-5 shrink-0" />
-					<span class="text-base-900 dark:text-base-100 text-sm font-medium">{hostName}</span>
-				</a>
+		<div class="mb-8 flex items-start justify-between">
+			<div>
+				<h1 class="text-base-900 dark:text-base-50 mb-2 text-2xl font-bold sm:text-3xl">
+					Upcoming events
+				</h1>
+				<div class="mt-4 flex items-center gap-2">
+					<span class="text-base-500 dark:text-base-400 text-sm">Hosted by</span>
+					<a
+						href={hostUrl}
+						target={hostProfile?.hasBlento ? undefined : '_blank'}
+						rel={hostProfile?.hasBlento ? undefined : 'noopener noreferrer'}
+						class="flex items-center gap-1.5 hover:underline"
+					>
+						<FoxAvatar src={hostProfile?.avatar} alt={hostName} class="size-5 shrink-0" />
+						<span class="text-base-900 dark:text-base-100 text-sm font-medium">{hostName}</span>
+					</a>
+				</div>
 			</div>
+			{#if isOwner}
+				<Button href="{actorPrefix}/events/new" variant="primary">New event</Button>
+			{/if}
 		</div>
 
 		{#if events.length === 0}
 			<p class="text-base-500 dark:text-base-400 py-12 text-center">No events found.</p>
 		{:else}
 			<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each events as event (event.url)}
+				{#each events as event (event.rkey)}
 					{@const thumbnail = getThumbnail(event)}
 					{@const location = getLocationString(event.locations)}
-					{@const rkey = getRkey(event)}
+					{@const rkey = event.rkey}
 					<a
-						href="{actorPrefix}/e/{rkey}"
-						class="border-base-200 dark:border-base-800 hover:border-base-300 dark:hover:border-base-700 group block overflow-hidden rounded-xl border transition-colors"
+						href="{actorPrefix}/events/{rkey}"
+						class="border-base-200 dark:border-base-800 hover:border-base-300 dark:hover:border-base-700 group bg-base-100 dark:bg-base-900 block overflow-hidden rounded-2xl border transition-colors"
 					>
 						<!-- Thumbnail -->
-						{#if thumbnail}
-							<img
-								src={thumbnail.url}
-								alt={thumbnail.alt}
-								class="aspect-square w-full object-cover"
-							/>
-						{:else}
-							<div
-								class="bg-base-100 dark:bg-base-900 aspect-square w-full [&>svg]:h-full [&>svg]:w-full"
-							>
-								<Avatar
-									size={400}
-									name={rkey}
-									variant="marble"
-									colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
-									square
+						<div class="p-4">
+							{#if thumbnail}
+								<img
+									src={thumbnail.url}
+									alt={thumbnail.alt}
+									class="aspect-square w-full rounded-2xl object-cover"
 								/>
-							</div>
-						{/if}
+							{:else}
+								<div
+									class="bg-base-100 dark:bg-base-900 aspect-square w-full overflow-hidden rounded-2xl [&>svg]:h-full [&>svg]:w-full"
+								>
+									<Avatar
+										size={400}
+										name={rkey}
+										variant="marble"
+										colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
+										square
+									/>
+								</div>
+							{/if}
+						</div>
 
 						<!-- Content -->
 						<div class="p-4">
···
 									<span class="text-base-500 dark:text-base-400 truncate text-xs">{location}</span>
 								{/if}
 							</div>
-
-							{#if event.countGoing && event.countGoing > 0}
-								<p class="text-base-500 dark:text-base-400 mt-2 text-xs">
-									{event.countGoing} going
-								</p>
-							{/if}
 						</div>
 					</a>
 				{/each}

src/routes/[[actor=actor]]/e/[rkey]/+page.server.ts src/routes/[[actor=actor]]/events/[rkey]/+page.server.ts

···
 import { error } from '@sveltejs/kit';
 import type { EventData } from '$lib/cards/social/EventCard';
-import { getBlentoOrBskyProfile, getRecord, resolveHandle } from '$lib/atproto/methods.js';
-import { isHandle } from '@atcute/lexicons/syntax';
+import { getBlentoOrBskyProfile, getRecord } from '$lib/atproto/methods.js';
 import { createCache, type CachedProfile } from '$lib/cache';
-import type { ActorIdentifier, Did } from '@atcute/lexicons';
-import { env as publicEnv } from '$env/dynamic/public';
+import type { Did } from '@atcute/lexicons';
 import { getActor } from '$lib/actor';
 
 export async function load({ params, platform, request }) {
···
 	}
 
 	try {
-		const [eventResponse, hostProfile, eventRecord] = await Promise.all([
-			fetch(
-				`https://smokesignal.events/xrpc/community.lexicon.calendar.GetEvent?repository=${encodeURIComponent(did)}&record_key=${encodeURIComponent(rkey)}`
-			),
+		const [eventRecord, hostProfile] = await Promise.all([
+			getRecord({
+				did: did as Did,
+				collection: 'community.lexicon.calendar.event',
+				rkey
+			}),
 			cache
 				? cache.getProfile(did as Did).catch(() => null)
 				: getBlentoOrBskyProfile({ did: did as Did })
···
 								url: p.url
 							})
 						)
-						.catch(() => null),
-			getRecord({
-				did: did as Did,
-				collection: 'community.lexicon.calendar.event',
-				rkey
-			}).catch(() => null)
+						.catch(() => null)
 		]);
 
-		if (!eventResponse.ok) {
+		if (!eventRecord?.value) {
 			throw error(404, 'Event not found');
 		}
 
-		const eventData: EventData = await eventResponse.json();
+		const eventData: EventData = eventRecord.value as EventData;
+		console.log(eventData);
 
 		return {
 			eventData,
 			did,
 			rkey,
 			hostProfile: hostProfile ?? null,
-			eventCid: (eventRecord?.cid as string) ?? null
+			eventCid: (eventRecord.cid as string) ?? null
 		};
 	} catch (e) {
 		if (e && typeof e === 'object' && 'status' in e) throw e;

src/routes/[[actor=actor]]/e/[rkey]/+page.svelte src/routes/[[actor=actor]]/events/[rkey]/+page.svelte

···
 	import Avatar from 'svelte-boring-avatars';
 	import EventRsvp from './EventRsvp.svelte';
 	import { page } from '$app/state';
+	import { segmentize, type Facet } from '@atcute/bluesky-richtext-segmenter';
+	import { sanitize } from '$lib/sanitize';
 
 	let { data } = $props();
 
···
 
 	let location = $derived(getLocationString(eventData.locations));
 
-	let headerImage = $derived.by(() => {
+	let thumbnailImage = $derived.by(() => {
 		if (!eventData.media || eventData.media.length === 0) return null;
 		const media = eventData.media.find((m) => m.role === 'thumbnail');
 		if (!media?.content) return null;
···
 		return { url, alt: media.alt || eventData.name };
 	});
 
-	let eventUrl = $derived(eventData.url || `https://smokesignal.events/${did}/${rkey}`);
+	let bannerImage = $derived.by(() => {
+		if (!eventData.media || eventData.media.length === 0) return null;
+		const media = eventData.media.find((m) => m.role === 'header');
+		if (!media?.content) return null;
+		const url = getCDNImageBlobUrl({ did, blob: media.content, type: 'jpeg' });
+		if (!url) return null;
+		return { url, alt: media.alt || eventData.name };
+	});
+
+	// Prefer thumbnail; fall back to header/banner image
+	let displayImage = $derived(thumbnailImage ?? bannerImage);
+	let isBannerOnly = $derived(!thumbnailImage && !!bannerImage);
+
+	let isSameDay = $derived(
+		endDate &&
+			startDate.getFullYear() === endDate.getFullYear() &&
+			startDate.getMonth() === endDate.getMonth() &&
+			startDate.getDate() === endDate.getDate()
+	);
+
+	function escapeHtml(str: string): string {
+		return str
+			.replace(/&/g, '&')
+			.replace(/</g, '&lt;')
+			.replace(/>/g, '&gt;')
+			.replace(/"/g, '&quot;')
+			.replace(/'/g, '&#39;');
+	}
+
+	function renderDescription(text: string, facets?: Facet[]): string {
+		const segments = segmentize(text, facets);
+		const html = segments
+			.map((segment) => {
+				const escaped = escapeHtml(segment.text);
+				const feature = segment.features?.[0] as
+					| { $type: string; did?: string; uri?: string; tag?: string }
+					| undefined;
+				if (!feature) return `<span>${escaped}</span>`;
+
+				const link = (href: string) =>
+					`<a target="_blank" rel="noopener noreferrer nofollow" href="${encodeURI(href)}" class="text-accent-600 dark:text-accent-400 hover:underline">${escaped}</a>`;
+
+				switch (feature.$type) {
+					case 'app.bsky.richtext.facet#mention':
+						return link(`https://bsky.app/profile/${feature.did}`);
+					case 'app.bsky.richtext.facet#link':
+						return link(feature.uri!);
+					case 'app.bsky.richtext.facet#tag':
+						return link(`https://bsky.app/hashtag/${feature.tag}`);
+					default:
+						return `<span>${escaped}</span>`;
+				}
+			})
+			.join('');
+		return html.replace(/\n/g, '<br>');
+	}
+
+	let descriptionHtml = $derived(
+		eventData.description
+			? sanitize(renderDescription(eventData.description, eventData.facets as Facet[] | undefined))
+			: null
+	);
+
+	let smokesignalUrl = $derived(`https://smokesignal.events/${did}/${rkey}`);
 	let eventUri = $derived(`at://${did}/community.lexicon.calendar.event/${rkey}`);
 
 	let ogImageUrl = $derived(`${page.url.origin}${page.url.pathname}/og.png`);
···
 
 <div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12 sm:py-12">
 	<div class="mx-auto max-w-4xl">
+		<!-- Banner image (full width, only when no thumbnail) -->
+		{#if isBannerOnly && displayImage}
+			<img
+				src={displayImage.url}
+				alt={displayImage.alt}
+				class="border-base-200 dark:border-base-800 mb-8 aspect-3/1 w-full rounded-2xl border object-cover"
+			/>
+		{/if}
+
 		<!-- Two-column layout: image left, details right -->
 		<div
 			class="grid grid-cols-1 gap-8 md:grid-cols-[14rem_1fr] md:gap-x-10 md:gap-y-6 lg:grid-cols-[16rem_1fr]"
 		>
-			<!-- Image -->
-			<div class="order-1 max-w-sm md:order-0 md:col-start-1 md:max-w-none">
-				{#if headerImage}
-					<img
-						src={headerImage.url}
-						alt={headerImage.alt}
-						class="border-base-200 dark:border-base-800 aspect-square w-full rounded-2xl border object-cover"
-					/>
-				{:else}
-					<div
-						class="border-base-200 dark:border-base-800 aspect-square w-full overflow-hidden rounded-2xl border [&>svg]:h-full [&>svg]:w-full"
-					>
-						<Avatar
-							size={256}
-							name={data.rkey}
-							variant="marble"
-							colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
-							square
+			<!-- Thumbnail image (left column) -->
+			{#if !isBannerOnly}
+				<div class="order-1 max-w-sm md:order-0 md:col-start-1 md:max-w-none">
+					{#if displayImage}
+						<img
+							src={displayImage.url}
+							alt={displayImage.alt}
+							class="border-base-200 dark:border-base-800 aspect-square w-full rounded-2xl border object-cover"
 						/>
-					</div>
-				{/if}
-			</div>
+					{:else}
+						<div
+							class="border-base-200 dark:border-base-800 aspect-square w-full overflow-hidden rounded-2xl border [&>svg]:h-full [&>svg]:w-full"
+						>
+							<Avatar
+								size={256}
+								name={data.rkey}
+								variant="marble"
+								colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
+								square
+							/>
+						</div>
+					{/if}
+				</div>
+			{/if}
 
 			<!-- Right column: event details -->
 			<div class="order-2 min-w-0 md:order-0 md:col-start-2 md:row-span-5 md:row-start-1">
···
 					<div>
 						<p class="text-base-900 dark:text-base-50 font-semibold">
 							{formatWeekday(startDate)}, {formatFullDate(startDate)}
+							{#if endDate && !isSameDay}
+								- {formatWeekday(endDate)}, {formatFullDate(endDate)}
+							{/if}
 						</p>
 						<p class="text-base-500 dark:text-base-400 text-sm">
 							{formatTime(startDate)}
-							{#if endDate}
-								- {formatTime(endDate)}{/if}
+							{#if endDate && isSameDay}
+								- {formatTime(endDate)}
+							{/if}
 						</p>
 					</div>
 				</div>
···
 				<EventRsvp {eventUri} eventCid={data.eventCid} />
 
 				<!-- About Event -->
-				{#if eventData.description}
+				{#if descriptionHtml}
 					<div class="mt-8 mb-8">
 						<p
 							class="text-base-500 dark:text-base-400 mb-3 text-xs font-semibold tracking-wider uppercase"
 						>
 							About
 						</p>
-						<p class="text-base-700 dark:text-base-300 leading-relaxed whitespace-pre-wrap">
-							{eventData.description}
+						<p class="text-base-700 dark:text-base-300 leading-relaxed">
+							{@html descriptionHtml}
 						</p>
 					</div>
 				{/if}
···
 				</a>
 			</div>
 
-			{#if (eventData.countGoing && eventData.countGoing > 0) || (eventData.countInterested && eventData.countInterested > 0)}
-				<!-- Counts -->
-				<div
-					class="text-base-900 dark:text-base-100 order-4 space-y-2.5 text-base font-medium md:order-0 md:col-start-1"
-				>
-					{#if eventData.countGoing && eventData.countGoing > 0}
-						<p>{eventData.countGoing} Going</p>
-					{/if}
-					{#if eventData.countInterested && eventData.countInterested > 0}
-						<p>{eventData.countInterested} Interested</p>
-					{/if}
-				</div>
-			{/if}
-
 			{#if eventData.uris && eventData.uris.length > 0}
 				<!-- Links -->
 				<div class="order-5 md:order-0 md:col-start-1">
···
 
 			<!-- View on Smoke Signal link -->
 			<a
-				href={eventUrl}
+				href={smokesignalUrl}
 				target="_blank"
 				rel="noopener noreferrer"
 				class="text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200 order-6 inline-flex items-center gap-1.5 text-sm transition-colors md:order-0 md:col-start-2"

src/routes/[[actor=actor]]/e/[rkey]/EventRsvp.svelte src/routes/[[actor=actor]]/events/[rkey]/EventRsvp.svelte

···
 </script>
 
 <div
-	class="border-base-200 dark:border-base-800 bg-base-100 dark:bg-base-900/50 mt-8 mb-2 rounded-2xl border p-4"
+	class="border-base-200 dark:border-base-800 bg-base-100 items-between dark:bg-base-900/50 mt-8 mb-2 flex h-25 flex-col justify-center rounded-2xl border p-4"
 >
 	{#if user.isInitializing || rsvpLoading}
 		<div class="flex items-center gap-3">

src/routes/[[actor=actor]]/e/[rkey]/og.png/+server.ts src/routes/[[actor=actor]]/events/[rkey]/og.png/+server.ts

···
-import { getCDNImageBlobUrl, resolveHandle } from '$lib/atproto/methods.js';
-import { env as publicEnv } from '$env/dynamic/public';
+import { getCDNImageBlobUrl, getRecord } from '$lib/atproto/methods.js';
 
-import type { ActorIdentifier } from '@atcute/lexicons';
-import { isHandle } from '@atcute/lexicons/syntax';
+import type { Did } from '@atcute/lexicons';
 import type { EventData } from '$lib/cards/social/EventCard';
 import { ImageResponse } from '@ethercorps/sveltekit-og';
 import { error } from '@sveltejs/kit';
···
 	let eventData: EventData;
 
 	try {
-		const eventResponse = await fetch(
-			`https://smokesignal.events/xrpc/community.lexicon.calendar.GetEvent?repository=${encodeURIComponent(did)}&record_key=${encodeURIComponent(rkey)}`
-		);
+		const eventRecord = await getRecord({
+			did: did as Did,
+			collection: 'community.lexicon.calendar.event',
+			rkey
+		});
 
-		if (!eventResponse.ok) {
+		if (!eventRecord?.value) {
 			throw error(404, 'Event not found');
 		}
 
-		eventData = await eventResponse.json();
+		eventData = eventRecord.value as EventData;
 	} catch (e) {
 		if (e && typeof e === 'object' && 'status' in e) throw e;
 		throw error(404, 'Event not found');

src/routes/[[actor=actor]]/e/[rkey]/og.png/EventOgImage.svelte src/routes/[[actor=actor]]/events/[rkey]/og.png/EventOgImage.svelte

···
 			</svg>
 			<span class="ml-3 text-2xl text-neutral-300">{dateStr}</span>
 		</div>
-
 	</div>
 </div>

src/routes/[[actor=actor]]/events/+layout.server.ts

···
+import { getRecord } from '$lib/atproto/methods.js';
+import type { Did } from '@atcute/lexicons';
+import { getActor } from '$lib/actor.js';
+
+export async function load({ params, platform, request }) {
+	const did = await getActor({ request, paramActor: params.actor, platform });
+
+	if (!did) return { accentColor: undefined, baseColor: undefined };
+
+	try {
+		const publication = await getRecord({
+			did: did as Did,
+			collection: 'site.standard.publication',
+			rkey: 'blento.self'
+		});
+
+		const preferences = publication?.value?.preferences as
+			| { accentColor?: string; baseColor?: string }
+			| undefined;
+
+		return {
+			accentColor: preferences?.accentColor,
+			baseColor: preferences?.baseColor
+		};
+	} catch {
+		return { accentColor: undefined, baseColor: undefined };
+	}
+}

src/routes/[[actor=actor]]/events/+layout.svelte

···
+<script lang="ts">
+	import ThemeScript from '$lib/website/ThemeScript.svelte';
+
+	let { data, children } = $props();
+</script>
+
+<ThemeScript accentColor={data.accentColor} baseColor={data.baseColor} />
+
+{@render children()}

src/routes/[[actor=actor]]/events/new/+page.svelte

···
+<script lang="ts">
+	import { user } from '$lib/atproto/auth.svelte';
+	import { loginModalState } from '$lib/atproto/UI/LoginModal.svelte';
+	import { uploadBlob, resolveHandle } from '$lib/atproto/methods';
+	import { compressImage } from '$lib/atproto/image-helper';
+	import { Avatar as FoxAvatar, Badge, Button, ToggleGroup, ToggleGroupItem } from '@foxui/core';
+	import { goto } from '$app/navigation';
+	import { tokenize, type Token } from '@atcute/bluesky-richtext-parser';
+	import type { Handle } from '@atcute/lexicons';
+	import { onMount } from 'svelte';
+	import { browser } from '$app/environment';
+	import { putImage, getImage, deleteImage } from '$lib/components/image-store';
+
+	const DRAFT_KEY = 'blento-event-draft';
+
+	type EventMode = 'inperson' | 'virtual' | 'hybrid';
+
+	interface EventDraft {
+		name: string;
+		description: string;
+		startsAt: string;
+		endsAt: string;
+		links: Array<{ uri: string; name: string }>;
+		mode?: EventMode;
+		thumbnailKey?: string;
+	}
+
+	let thumbnailKey: string | null = $state(null);
+
+	let name = $state('');
+	let description = $state('');
+	let startsAt = $state('');
+	let endsAt = $state('');
+	let mode: EventMode = $state('inperson');
+	let thumbnailFile: File | null = $state(null);
+	let thumbnailPreview: string | null = $state(null);
+	let submitting = $state(false);
+	let error: string | null = $state(null);
+
+	let links: Array<{ uri: string; name: string }> = $state([]);
+	let showLinkPopup = $state(false);
+	let newLinkUri = $state('');
+	let newLinkName = $state('');
+
+	let hasDraft = $state(false);
+	let draftLoaded = $state(false);
+
+	onMount(async () => {
+		const saved = localStorage.getItem(DRAFT_KEY);
+		if (saved) {
+			try {
+				const draft: EventDraft = JSON.parse(saved);
+				name = draft.name || '';
+				description = draft.description || '';
+				startsAt = draft.startsAt || '';
+				endsAt = draft.endsAt || '';
+				links = draft.links || [];
+				mode = draft.mode || 'inperson';
+
+				if (draft.thumbnailKey) {
+					const img = await getImage(draft.thumbnailKey);
+					if (img) {
+						thumbnailKey = draft.thumbnailKey;
+						thumbnailFile = new File([img.blob], img.name, { type: img.blob.type });
+						thumbnailPreview = URL.createObjectURL(img.blob);
+					}
+				}
+
+				hasDraft = true;
+			} catch {
+				localStorage.removeItem(DRAFT_KEY);
+			}
+		}
+		draftLoaded = true;
+	});
+
+	let saveDraftTimeout: ReturnType<typeof setTimeout> | undefined;
+
+	function saveDraft() {
+		if (!draftLoaded || !browser) return;
+		clearTimeout(saveDraftTimeout);
+		saveDraftTimeout = setTimeout(() => {
+			const draft: EventDraft = { name, description, startsAt, endsAt, links, mode };
+			if (thumbnailKey) draft.thumbnailKey = thumbnailKey;
+			const hasContent = name || description || startsAt || endsAt || links.length > 0;
+			if (hasContent) {
+				localStorage.setItem(DRAFT_KEY, JSON.stringify(draft));
+				hasDraft = true;
+			} else {
+				localStorage.removeItem(DRAFT_KEY);
+				hasDraft = false;
+			}
+		}, 500);
+	}
+
+	$effect(() => {
+		// track all draft fields by reading them
+		void [name, description, startsAt, endsAt, mode, JSON.stringify(links)];
+		saveDraft();
+	});
+
+	function deleteDraft() {
+		localStorage.removeItem(DRAFT_KEY);
+		if (thumbnailKey) deleteImage(thumbnailKey);
+		name = '';
+		description = '';
+		startsAt = '';
+		endsAt = '';
+		links = [];
+		mode = 'inperson';
+		thumbnailFile = null;
+		if (thumbnailPreview) URL.revokeObjectURL(thumbnailPreview);
+		thumbnailPreview = null;
+		thumbnailKey = null;
+		hasDraft = false;
+	}
+
+	function addLink() {
+		const uri = newLinkUri.trim();
+		if (!uri) return;
+		links.push({ uri, name: newLinkName.trim() });
+		newLinkUri = '';
+		newLinkName = '';
+		showLinkPopup = false;
+	}
+
+	function removeLink(index: number) {
+		links.splice(index, 1);
+	}
+
+	let fileInput: HTMLInputElement | undefined = $state();
+
+	let hostName = $derived(user.profile?.displayName || user.profile?.handle || user.did || '');
+
+	async function setThumbnail(file: File) {
+		thumbnailFile = file;
+		if (thumbnailPreview) URL.revokeObjectURL(thumbnailPreview);
+		thumbnailPreview = URL.createObjectURL(file);
+
+		if (thumbnailKey) await deleteImage(thumbnailKey);
+		thumbnailKey = crypto.randomUUID();
+		await putImage(thumbnailKey, file, file.name);
+		saveDraft();
+	}
+
+	async function onFileChange(e: Event) {
+		const input = e.target as HTMLInputElement;
+		const file = input.files?.[0];
+		if (!file) return;
+		setThumbnail(file);
+	}
+
+	let isDragOver = $state(false);
+
+	function onDragOver(e: DragEvent) {
+		e.preventDefault();
+		isDragOver = true;
+	}
+
+	function onDragLeave(e: DragEvent) {
+		e.preventDefault();
+		isDragOver = false;
+	}
+
+	function onDrop(e: DragEvent) {
+		e.preventDefault();
+		isDragOver = false;
+		const file = e.dataTransfer?.files?.[0];
+		if (file?.type.startsWith('image/')) {
+			setThumbnail(file);
+		}
+	}
+
+	function removeThumbnail() {
+		thumbnailFile = null;
+		if (thumbnailPreview) {
+			URL.revokeObjectURL(thumbnailPreview);
+			thumbnailPreview = null;
+		}
+		if (thumbnailKey) {
+			deleteImage(thumbnailKey);
+			thumbnailKey = null;
+		}
+		if (fileInput) fileInput.value = '';
+		saveDraft();
+	}
+
+	function formatMonth(date: Date): string {
+		return date.toLocaleDateString('en-US', { month: 'short' }).toUpperCase();
+	}
+
+	function formatDay(date: Date): number {
+		return date.getDate();
+	}
+
+	function formatWeekday(date: Date): string {
+		return date.toLocaleDateString('en-US', { weekday: 'long' });
+	}
+
+	function formatFullDate(date: Date): string {
+		const options: Intl.DateTimeFormatOptions = { month: 'long', day: 'numeric' };
+		if (date.getFullYear() !== new Date().getFullYear()) {
+			options.year = 'numeric';
+		}
+		return date.toLocaleDateString('en-US', options);
+	}
+
+	function formatTime(date: Date): string {
+		return date.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });
+	}
+
+	let startDate = $derived(startsAt ? new Date(startsAt) : null);
+	let endDate = $derived(endsAt ? new Date(endsAt) : null);
+	let isSameDay = $derived(
+		startDate &&
+			endDate &&
+			startDate.getFullYear() === endDate.getFullYear() &&
+			startDate.getMonth() === endDate.getMonth() &&
+			startDate.getDate() === endDate.getDate()
+	);
+
+	async function tokensToFacets(tokens: Token[]): Promise<Record<string, unknown>[]> {
+		const encoder = new TextEncoder();
+		const facets: Record<string, unknown>[] = [];
+		let byteOffset = 0;
+
+		for (const token of tokens) {
+			const tokenBytes = encoder.encode(token.raw);
+			const byteStart = byteOffset;
+			const byteEnd = byteOffset + tokenBytes.length;
+
+			if (token.type === 'mention') {
+				try {
+					const did = await resolveHandle({ handle: token.handle as Handle });
+					if (did) {
+						facets.push({
+							index: { byteStart, byteEnd },
+							features: [{ $type: 'app.bsky.richtext.facet#mention', did }]
+						});
+					}
+				} catch {
+					// skip unresolvable mentions
+				}
+			} else if (token.type === 'autolink') {
+				facets.push({
+					index: { byteStart, byteEnd },
+					features: [{ $type: 'app.bsky.richtext.facet#link', uri: token.url }]
+				});
+			} else if (token.type === 'topic') {
+				facets.push({
+					index: { byteStart, byteEnd },
+					features: [{ $type: 'app.bsky.richtext.facet#tag', tag: token.name }]
+				});
+			}
+
+			byteOffset = byteEnd;
+		}
+
+		return facets;
+	}
+
+	async function handleSubmit() {
+		error = null;
+
+		if (!name.trim()) {
+			error = 'Name is required.';
+			return;
+		}
+		if (!startsAt) {
+			error = 'Start date is required.';
+			return;
+		}
+		if (!user.client || !user.did) {
+			error = 'You must be logged in.';
+			return;
+		}
+
+		submitting = true;
+
+		try {
+			let media: Array<Record<string, unknown>> | undefined;
+
+			if (thumbnailFile) {
+				const compressed = await compressImage(thumbnailFile);
+				const blobRef = await uploadBlob({ blob: compressed.blob });
+				if (blobRef) {
+					media = [
+						{
+							role: 'thumbnail',
+							content: blobRef,
+							aspect_ratio: {
+								width: compressed.aspectRatio.width,
+								height: compressed.aspectRatio.height
+							}
+						}
+					];
+				}
+			}
+
+			const record: Record<string, unknown> = {
+				$type: 'community.lexicon.calendar.event',
+				name: name.trim(),
+				mode: `community.lexicon.calendar.event#${mode}`,
+				status: 'community.lexicon.calendar.event#scheduled',
+				startsAt: new Date(startsAt).toISOString(),
+				createdAt: new Date().toISOString()
+			};
+
+			const trimmedDescription = description.trim();
+			if (trimmedDescription) {
+				record.description = trimmedDescription;
+				const tokens = tokenize(trimmedDescription);
+				const facets = await tokensToFacets(tokens);
+				if (facets.length > 0) {
+					record.facets = facets;
+				}
+			}
+			if (endsAt) {
+				record.endsAt = new Date(endsAt).toISOString();
+			}
+			if (media) {
+				record.media = media;
+			}
+			if (links.length > 0) {
+				record.uris = links;
+			}
+
+			const response = await user.client.post('com.atproto.repo.createRecord', {
+				input: {
+					collection: 'community.lexicon.calendar.event',
+					repo: user.did,
+					record
+				}
+			});
+
+			if (response.ok) {
+				localStorage.removeItem(DRAFT_KEY);
+				if (thumbnailKey) deleteImage(thumbnailKey);
+				const parts = response.data.uri.split('/');
+				const rkey = parts[parts.length - 1];
+				const handle =
+					user.profile?.handle && user.profile.handle !== 'handle.invalid'
+						? user.profile.handle
+						: user.did;
+				goto(`/${handle}/events/${rkey}`);
+			} else {
+				error = 'Failed to create event. Please try again.';
+			}
+		} catch (e) {
+			console.error('Failed to create event:', e);
+			error = 'Failed to create event. Please try again.';
+		} finally {
+			submitting = false;
+		}
+	}
+</script>
+
+<svelte:head>
+	<title>Create Event</title>
+</svelte:head>
+
+<div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12 sm:py-12">
+	<div class="mx-auto max-w-4xl">
+		{#if user.isInitializing}
+			<div class="flex items-center gap-3">
+				<div class="bg-base-300 dark:bg-base-700 size-5 animate-pulse rounded-full"></div>
+				<div class="bg-base-300 dark:bg-base-700 h-4 w-48 animate-pulse rounded"></div>
+			</div>
+		{:else if !user.isLoggedIn}
+			<div
+				class="border-base-200 dark:border-base-800 bg-base-100 dark:bg-base-900/50 rounded-2xl border p-8 text-center"
+			>
+				<p class="text-base-600 dark:text-base-400 mb-4">Log in to create an event.</p>
+				<Button onclick={() => loginModalState.show()}>Log in</Button>
+			</div>
+		{:else}
+			<div class="mb-6 flex items-center gap-3">
+				<Badge size="sm">Local draft</Badge>
+				{#if hasDraft}
+					<button
+						type="button"
+						onclick={deleteDraft}
+						class="text-base-500 dark:text-base-400 cursor-pointer text-xs hover:text-red-500 hover:underline"
+					>
+						Delete draft
+					</button>
+				{/if}
+			</div>
+
+			<form
+				onsubmit={(e) => {
+					e.preventDefault();
+					handleSubmit();
+				}}
+			>
+				<!-- Two-column layout mirroring detail page -->
+				<div
+					class="grid grid-cols-1 gap-8 md:grid-cols-[14rem_1fr] md:gap-x-10 md:gap-y-6 lg:grid-cols-[16rem_1fr]"
+				>
+					<!-- Thumbnail (left column) -->
+					<!-- svelte-ignore a11y_no_static_element_interactions -->
+					<div
+						class="order-1 max-w-sm md:order-0 md:col-start-1 md:max-w-none"
+						ondragover={onDragOver}
+						ondragleave={onDragLeave}
+						ondrop={onDrop}
+					>
+						<input
+							bind:this={fileInput}
+							type="file"
+							accept="image/*"
+							onchange={onFileChange}
+							class="hidden"
+						/>
+						{#if thumbnailPreview}
+							<div class="relative">
+								<button type="button" onclick={() => fileInput?.click()} class="w-full">
+									<img
+										src={thumbnailPreview}
+										alt="Thumbnail preview"
+										class="border-base-200 dark:border-base-800 aspect-square w-full cursor-pointer rounded-2xl border object-cover"
+									/>
+								</button>
+								<button
+									type="button"
+									onclick={removeThumbnail}
+									aria-label="Remove thumbnail"
+									class="bg-base-900/70 absolute top-2 right-2 flex size-7 items-center justify-center rounded-full text-white hover:bg-red-600"
+								>
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										viewBox="0 0 20 20"
+										fill="currentColor"
+										class="size-4"
+									>
+										<path
+											d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
+										/>
+									</svg>
+								</button>
+							</div>
+						{:else}
+							<button
+								type="button"
+								onclick={() => fileInput?.click()}
+								class="border-base-300 dark:border-base-700 hover:border-base-400 dark:hover:border-base-600 text-base-500 dark:text-base-400 flex aspect-square w-full cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed transition-colors {isDragOver
+									? 'border-accent-500 bg-accent-50 dark:bg-accent-950 text-accent-500'
+									: ''}"
+							>
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke-width="1.5"
+									stroke="currentColor"
+									class="mb-1 size-6"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909M3.75 21h16.5A2.25 2.25 0 0 0 22.5 18.75V5.25A2.25 2.25 0 0 0 20.25 3H3.75A2.25 2.25 0 0 0 1.5 5.25v13.5A2.25 2.25 0 0 0 3.75 21Z"
+									/>
+								</svg>
+								<span class="text-sm">Add image</span>
+							</button>
+						{/if}
+					</div>
+
+					<!-- Right column: event details -->
+					<div class="order-2 min-w-0 md:order-0 md:col-start-2 md:row-span-5 md:row-start-1">
+						<!-- Name -->
+						<input
+							type="text"
+							bind:value={name}
+							required
+							placeholder="Event name"
+							class="text-base-900 dark:text-base-50 placeholder:text-base-300 dark:placeholder:text-base-700 mb-2 w-full border-0 bg-transparent text-4xl leading-tight font-bold focus:border-0 focus:ring-0 focus:outline-none sm:text-5xl"
+						/>
+
+						<!-- Mode toggle -->
+						<div class="mb-8">
+							<ToggleGroup
+								type="single"
+								bind:value={
+									() => {
+										return mode;
+									},
+									(val) => {
+										if (val) mode = val;
+									}
+								}
+								class="w-fit"
+							>
+								<ToggleGroupItem size="sm" value="inperson">In Person</ToggleGroupItem>
+								<ToggleGroupItem size="sm" value="virtual">Virtual</ToggleGroupItem>
+								<ToggleGroupItem size="sm" value="hybrid">Hybrid</ToggleGroupItem>
+							</ToggleGroup>
+						</div>
+
+						<!-- Date row -->
+						<div class="mb-4 flex items-center gap-4">
+							<div
+								class="border-base-200 dark:border-base-700 flex size-12 shrink-0 flex-col items-center justify-center overflow-hidden rounded-xl border"
+							>
+								{#if startDate}
+									<span
+										class="text-base-500 dark:text-base-400 text-[9px] leading-none font-semibold"
+									>
+										{formatMonth(startDate)}
+									</span>
+									<span class="text-base-900 dark:text-base-50 text-lg leading-tight font-bold">
+										{formatDay(startDate)}
+									</span>
+								{:else}
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke-width="1.5"
+										stroke="currentColor"
+										class="text-base-400 dark:text-base-500 size-5"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"
+										/>
+									</svg>
+								{/if}
+							</div>
+							<div class="flex-1">
+								{#if startDate}
+									<p class="text-base-900 dark:text-base-50 font-semibold">
+										{formatWeekday(startDate)}, {formatFullDate(startDate)}
+										{#if endDate && !isSameDay}
+											- {formatWeekday(endDate)}, {formatFullDate(endDate)}
+										{/if}
+									</p>
+									<p class="text-base-500 dark:text-base-400 text-sm">
+										{formatTime(startDate)}
+										{#if endDate && isSameDay}
+											- {formatTime(endDate)}
+										{/if}
+									</p>
+								{/if}
+								<div class="mt-1 flex flex-wrap gap-3">
+									<label class="flex items-center gap-1.5">
+										<span class="text-base-500 dark:text-base-400 text-xs">Start</span>
+										<input
+											type="datetime-local"
+											bind:value={startsAt}
+											required
+											class="text-base-700 dark:text-base-300 bg-transparent text-xs focus:outline-none"
+										/>
+									</label>
+									<label class="flex items-center gap-1.5">
+										<span class="text-base-500 dark:text-base-400 text-xs">End</span>
+										<input
+											type="datetime-local"
+											bind:value={endsAt}
+											class="text-base-700 dark:text-base-300 bg-transparent text-xs focus:outline-none"
+										/>
+									</label>
+								</div>
+							</div>
+						</div>
+
+						<!-- About Event -->
+						<div class="mt-8 mb-8">
+							<p
+								class="text-base-500 dark:text-base-400 mb-3 text-xs font-semibold tracking-wider uppercase"
+							>
+								About
+							</p>
+							<textarea
+								bind:value={description}
+								rows={4}
+								placeholder="What's this event about? @mentions, #hashtags and links will be detected automatically."
+								class="text-base-700 dark:text-base-300 placeholder:text-base-300 dark:placeholder:text-base-700 w-full resize-none border-0 bg-transparent leading-relaxed focus:border-0 focus:ring-0 focus:outline-none"
+							></textarea>
+						</div>
+
+						{#if error}
+							<p class="mb-4 text-sm text-red-600 dark:text-red-400">{error}</p>
+						{/if}
+
+						<Button type="submit" disabled={submitting}>
+							{submitting ? 'Creating...' : 'Create Event'}
+						</Button>
+					</div>
+
+					<!-- Hosted By -->
+					<div class="order-3 md:order-0 md:col-start-1">
+						<p
+							class="text-base-500 dark:text-base-400 mb-3 text-xs font-semibold tracking-wider uppercase"
+						>
+							Hosted By
+						</p>
+						<div class="flex items-center gap-2.5">
+							<FoxAvatar src={user.profile?.avatar} alt={hostName} class="size-8 shrink-0" />
+							<span class="text-base-900 dark:text-base-100 truncate text-sm font-medium">
+								{hostName}
+							</span>
+						</div>
+					</div>
+
+					<!-- Links -->
+					<div class="order-4 md:order-0 md:col-start-1">
+						<p
+							class="text-base-500 dark:text-base-400 mb-4 text-xs font-semibold tracking-wider uppercase"
+						>
+							Links
+						</p>
+						<div class="space-y-3">
+							{#each links as link, i (i)}
+								<div class="group flex items-center gap-1.5">
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										fill="none"
+										viewBox="0 0 24 24"
+										stroke-width="1.5"
+										stroke="currentColor"
+										class="text-base-700 dark:text-base-300 size-3.5 shrink-0"
+									>
+										<path
+											stroke-linecap="round"
+											stroke-linejoin="round"
+											d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"
+										/>
+									</svg>
+									<span class="text-base-700 dark:text-base-300 truncate text-sm">
+										{link.name || link.uri.replace(/^https?:\/\//, '')}
+									</span>
+									<button
+										type="button"
+										onclick={() => removeLink(i)}
+										class="text-base-400 ml-auto shrink-0 opacity-0 transition-opacity group-hover:opacity-100 hover:text-red-500"
+										aria-label="Remove link"
+									>
+										<svg
+											xmlns="http://www.w3.org/2000/svg"
+											viewBox="0 0 20 20"
+											fill="currentColor"
+											class="size-3.5"
+										>
+											<path
+												d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
+											/>
+										</svg>
+									</button>
+								</div>
+							{/each}
+						</div>
+
+						<div class="relative mt-3">
+							<button
+								type="button"
+								onclick={() => (showLinkPopup = !showLinkPopup)}
+								class="text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200 flex items-center gap-1.5 text-sm transition-colors"
+							>
+								<svg
+									xmlns="http://www.w3.org/2000/svg"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke-width="1.5"
+									stroke="currentColor"
+									class="size-4"
+								>
+									<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
+								</svg>
+								Add link
+							</button>
+
+							{#if showLinkPopup}
+								<div
+									class="border-base-200 dark:border-base-700 bg-base-50 dark:bg-base-900 absolute top-full left-0 z-10 mt-2 w-64 rounded-xl border p-3 shadow-lg"
+								>
+									<input
+										type="url"
+										bind:value={newLinkUri}
+										placeholder="https://..."
+										class="border-base-300 dark:border-base-700 bg-base-100 dark:bg-base-800 text-base-900 dark:text-base-100 placeholder:text-base-400 dark:placeholder:text-base-600 mb-2 w-full rounded-lg border px-2.5 py-1.5 text-sm focus:outline-none"
+									/>
+									<input
+										type="text"
+										bind:value={newLinkName}
+										placeholder="Label (optional)"
+										class="border-base-300 dark:border-base-700 bg-base-100 dark:bg-base-800 text-base-900 dark:text-base-100 placeholder:text-base-400 dark:placeholder:text-base-600 mb-3 w-full rounded-lg border px-2.5 py-1.5 text-sm focus:outline-none"
+									/>
+									<div class="flex justify-end gap-2">
+										<button
+											type="button"
+											onclick={() => (showLinkPopup = false)}
+											class="text-base-500 dark:text-base-400 text-xs hover:underline"
+										>
+											Cancel
+										</button>
+										<button
+											type="button"
+											onclick={addLink}
+											disabled={!newLinkUri.trim()}
+											class="bg-base-900 dark:bg-base-100 text-base-50 dark:text-base-900 disabled:bg-base-300 dark:disabled:bg-base-700 rounded-lg px-3 py-1 text-xs font-medium disabled:cursor-not-allowed"
+										>
+											Add
+										</button>
+									</div>
+								</div>
+							{/if}
+						</div>
+					</div>
+				</div>
+			</form>
+		{/if}
+	</div>
+</div>