Improve quick note editor interactions & fix filter chips responsiveness

[ishaanxgupta]

On phone, the filter chips now get their own horizontally scrollable row, so All, Notes, Tweets, Web Pages, and any future connection chips can fit without squeezing. The Grid / Timeline segmented control stays grouped on the next row and aligned to the right.

The QuickNoteCard now uses the same TipTap TextEditor as the full-screen note, so typing / should show the slash-command options like headings. It also expands from 120px to 188px when focused or when it has draft content, then collapses again on blur if empty.

I also updated TextEditor so it can be used inline safely: it now supports editable={false} while saving, and it syncs external content resets without constantly resetting the editor while typing.

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Updated (UTC)
✅ Deployment successful! View logs	supermemory-mcp	aeb314c	May 20 2026, 05:34 PM

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	supermemory-app	aeb314c	Commit Preview URL Branch Preview URL	May 20 2026, 05:35 PM

[claude]

Claude finished @ishaanxgupta's task in 2m 31s —— View job

---

Review Complete

• Analyzed PR changes since last review
• Checked for bugs, security issues, and logic errors
• Posted review summary

---

Overview: Replaces the QuickNoteCard textarea with the TipTap TextEditor for consistent editing (including slash commands), adds modal-like expand/collapse behavior with backdrop blur, and makes filter chips horizontally scrollable on mobile.

Issues found: None — this looks good to ship.

The implementation is solid:

• The draftRef pattern in quick-note-card.tsx:25-26 correctly ensures the submit callback always has the latest draft value without stale closure issues
• The content sync effect in text-editor/index.tsx:91-101 properly compares serialized content to avoid resetting the editor while typing
• The editable prop is correctly synced via setEditable() effect at text-editor/index.tsx:103-105
• Focus/blur handlers properly check e.currentTarget.contains(e.relatedTarget) to prevent collapsing on internal focus changes (quick-note-card.tsx:50-56)
• The Escape key handler and backdrop click handler both properly blur the active element before collapsing (quick-note-card.tsx:58-80)
• z-index stacking is correct: backdrop (60) < wrapper (70) < inner content (71)
• CSS changes for responsive filter chips are straightforward layout adjustments

Score: 10/10

[claude]

Overview: Replaces the QuickNoteCard textarea with the TipTap TextEditor for consistent editing experience (including slash commands), adds expand/collapse behavior based on focus and content, and makes filter chips horizontally scrollable on mobile.

Issues found: None — this looks good to ship.

The implementation is solid:

• The draftRef pattern in quick-note-card.tsx correctly ensures the submit callback always has the latest draft value without stale closure issues
• The content sync effect in text-editor/index.tsx properly compares serialized content to avoid resetting the editor while the user is typing
• The editable prop is correctly synced via setEditable() effect
• Focus/blur handlers for expand/collapse behavior properly check e.currentTarget.contains(e.relatedTarget) to prevent collapsing on internal focus changes
• The CSS changes for responsive filter chips are straightforward layout adjustments

Score: 10/10