image click-to-expand +add-block btn + editor shell css+some reverts

[moehdotdev]

what changed

advanced-editor.tsx image click-to-expand
added handleClickOn to editorProps when an already-selected image node is clicked, it opens a dialog showing the image at full size. a Dialog component is rendered below the editor and imagePreviewSrc state drives it. the image gets max-h-[80vh] object-contain so it fits the viewport.

advanced-editor.tsx drag handle + block insert
wrapped the drag handle dots in a container that also shows a + button to the left. clicking + inserts a paragraph with "/" at the position below the current block, which triggers the slash command menu. uses insertContentAt + setTextSelection to place the cursor in the right spot.

extensions.ts image cursor and transition
added cursor-zoom-in transition-shadow duration-200 to the image html attributes so users get a visual cue that clicking will expand the image.

globals.css .advanced-editor-shell
added css for the advanced-editor-shell class: normalizes --moveable-color for the image resize handle and sets ProseMirror-selectednode border to transparent (removing the default blue outline on selected images since the moveable control box handles that).

selecter resizer that match the theme

WorkingSpacePageClient.tsx
workspace header card changed from rounded-none rounded-tl-lg rounded-br-lg to app-radius-md.

NotePageClient.tsx + public/document/[id]/page.tsx reverted parseTiptapContent
reverted back to plain JSON.parse with try/catch. the parseTiptapContent abstraction was removed from these call sites.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
notevo	Building	Preview, Comment	May 4, 2026 9:30am