Node UX PR-1: NodeContentRenderer (readable markdown + code)#66
Merged
Conversation
…(PR-1) First slice of the "read contents/diagrams at a useful scale" rework. The app had NO markdown or code rendering — a node's `description` only showed as a plain textarea in a modal. NodeContentRenderer turns it into readable, GitHub-flavored markdown with syntax-highlighted fenced code, at a fixed legible size (independent of canvas zoom). - deps: react-markdown + remark-gfm + react-syntax-highlighter (Prism). - NodeContentRenderer.tsx (default export so callers can React.lazy it → stays out of the main bundle until a node's contents are first viewed). compact flag for the on-canvas peek. Styled for the dark theme; inline vs fenced code, headings, lists, tables, links. Not wired to any view yet — PR-2 (docked inspector) consumes it. Web build + typecheck clean; renderer is lazy so the heavy deps aren't in the main chunk. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
🧪 Comprehensive Test Suite
Full-stack smoke gate runs in the CI workflow. |
This was referenced Jun 14, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
First slice of the "read files/diagrams at a useful scale, switch modes intuitively" rework (per the UX review).
The app had zero markdown/code rendering — a node's
descriptiononly appeared as a plain<textarea>in a modal.NodeContentRendererrenders it as readable GitHub-flavored markdown with syntax-highlighted fenced code, at a fixed legible size (independent of canvas zoom).react-markdown+remark-gfm+react-syntax-highlighter(Prism).NodeContentRenderer.tsx— default export so callersReact.lazy()it (keeps the heavy deps out of the main bundle until a node's contents are first viewed).compactflag for the on-canvas peek; dark-theme styling for headings/lists/tables/links/inline+fenced code.Not wired to any view yet — PR-2 (docked inspector with Card·Contents·Diagram toggle) consumes it. Web build + typecheck clean.
🤖 Generated with Claude Code