feat: standardize UI theme, fix dark mode consistency, and implement editorial tags

memento-note/components/note-editor/note-editor-full-page.tsx

@@ -14,23 +14,30 @@ import { format } from 'date-fns'
 import { ChevronRight } from 'lucide-react'
 import { toast } from 'sonner'
 import { Note } from '@/lib/types'
+import { GhostTags } from '@/components/ghost-tags'
+import { LabelBadge } from '@/components/label-badge'
 
 interface NoteEditorFullPageProps {
   onClose: () => void
 }
 
 export function NoteEditorFullPage({ onClose }: NoteEditorFullPageProps) {
-  const { state, actions, note, readOnly, notebooks, fileInputRef } = useNoteEditorContext()
+  const { state, actions, note, readOnly, notebooks, fileInputRef, globalLabels } = useNoteEditorContext()
 
   const notebookName = notebooks.find(nb => nb.id === note.notebookId)?.name || null
 
+  const getLabelType = (name: string): 'ai' | 'user' => {
+    const found = globalLabels.find(l => l.name.toLowerCase() === name.toLowerCase())
+    return (found as any)?.type === 'ai' ? 'ai' : 'user'
+  }
+
   return (
     <>
       {/* ── outer container ── */}
       <div className="h-full flex items-stretch overflow-hidden transition-all duration-500">
 
         {/* ── main scrollable column ── */}
-        <div className="flex-1 flex flex-col overflow-y-auto bg-white dark:bg-zinc-950">
+        <div className="flex-1 flex flex-col overflow-y-auto bg-white dark:bg-background">
 
           {/* TOOLBAR */}
           <NoteEditorToolbar mode="fullPage" onClose={onClose} />
@@ -51,6 +58,28 @@ export function NoteEditorFullPage({ onClose }: NoteEditorFullPageProps) {
 
               {/* Title */}
               <NoteTitleBlock />
+
+              {(state.labels.length > 0 || (state.filteredSuggestions.length > 0)) && (
+                <div className="flex flex-wrap gap-2 pt-2">
+                  {state.labels.map((label) => (
+                    <LabelBadge
+                      key={label}
+                      label={label}
+                      type={getLabelType(label)}
+                      onRemove={() => actions.handleRemoveLabel(label)}
+                    />
+                  ))}
+                  {!readOnly && (
+                    <GhostTags
+                      suggestions={state.filteredSuggestions}
+                      addedTags={state.labels}
+                      isAnalyzing={state.isAnalyzingSuggestions}
+                      onSelectTag={actions.handleSelectGhostTag}
+                      onDismissTag={actions.handleDismissGhostTag}
+                    />
+                  )}
+                </div>
+              )}
             </div>
 
             {/* Hero image — show first note image if present */}
@@ -83,12 +112,14 @@ export function NoteEditorFullPage({ onClose }: NoteEditorFullPageProps) {
               onApplyToNote={(nc: string) => {
                 actions.setPreviousContentForCopilot(state.content)
                 actions.setContent(nc)
-                if (state.noteType === 'markdown') actions.setShowMarkdownPreview(true)
+                if (state.isMarkdown) actions.setShowMarkdownPreview(true)
               }}
               onUndoLastAction={state.previousContentForCopilot !== null ? () => { actions.setContent(state.previousContentForCopilot!); actions.setPreviousContentForCopilot(null) } : undefined}
               lastActionApplied={state.previousContentForCopilot !== null}
               notebooks={notebooks}
-              diagramInsertFormat={state.noteType === 'richtext' ? 'html' : 'markdown'}
+              notebookId={note.notebookId ?? undefined}
+              notebookName={notebookName ?? undefined}
+              diagramInsertFormat={state.isMarkdown ? 'markdown' : 'html'}
               onGenerateTitle={async () => {
                 const plain = state.content.replace(/<[^>]+>/g, ' ').trim()
                 const wordCount = plain.split(/\s+/).filter(Boolean).length