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

memento-note/components/note-editor/note-metadata-section.tsx

@@ -6,7 +6,12 @@ import { GhostTags } from '../ghost-tags'
 import { cn } from '@/lib/utils'
 
 export function NoteMetadataSection() {
-  const { state, actions, readOnly } = useNoteEditorContext()
+  const { state, actions, readOnly, globalLabels } = useNoteEditorContext()
+
+  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 (
     <div className="space-y-4">
@@ -17,6 +22,7 @@ export function NoteMetadataSection() {
             <LabelBadge
               key={label}
               label={label}
+              type={getLabelType(label)}
               onRemove={() => actions.handleRemoveLabel(label)}
             />
           ))}
@@ -24,7 +30,7 @@ export function NoteMetadataSection() {
       )}
 
       {/* Ghost Tags - only show in dialog mode */}
-      {!readOnly && state.noteType !== 'richtext' && (
+      {!readOnly && !state.isMarkdown && (
         <GhostTags
           suggestions={state.filteredSuggestions}
           addedTags={state.labels}