add inline editable title to the note page

[moehdotdev]

the note title used to only be editable from the sidebar. it's now an inline input at the top of the editor, styled to match the prose heading look.

what changed:

• added an Input above the editor in NotePageClient bound to editedTitle state
• debouncedUpdateNoteTitle (100ms debounce) validates with zod, slugifies the new title, updates the url via router.replace, and calls updateNote if the title actually changed
• if validation fails (empty or over 55 chars) the title resets to empty and the update is skipped
• input styled as a large heading (text-2xl / md:text-5xl) with all borders, shadows, and rings stripped
• removed stale comments throughout the file
• minor whitespace fix on the outer container classnames

input.tsx: removed shadow-sm, set shadow-none as default prevents the base shadow showing through on the title input

toast.tsx: default and destructive variants get a gradient background (from-card to-muted-foreground/50 / to-destructive/50), and destructive close button styles simplified to remove unused group-destructive ring overrides

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
notevo	Building	Preview, Comment	Jun 13, 2026 2:37pm