chore(ci): correct Gitea runner to runs-on ubuntu-24.04 and feat(billing): implement US-3.7 billing/subscription UX

memento-note/components/note-editor/note-content-area.tsx

@@ -12,6 +12,7 @@ import { Checkbox } from '@/components/ui/checkbox'
 import { X, Plus } from 'lucide-react'
 import { useLanguage } from '@/lib/i18n'
 import { cn } from '@/lib/utils'
+import { InlinePaywall } from '@/components/settings/inline-paywall'
 
 export function NoteContentArea() {
   const { state, actions, readOnly, fullPage, textareaRef, note, richTextEditorRef } = useNoteEditorContext()
@@ -85,13 +86,20 @@ export function NoteContentArea() {
             readOnly && "cursor-default"
           )}
         />
-        <GhostTags
-          suggestions={state.filteredSuggestions}
-          addedTags={state.labels}
-          isAnalyzing={state.isAnalyzingSuggestions}
-          onSelectTag={actions.handleSelectGhostTag}
-          onDismissTag={actions.handleDismissGhostTag}
-        />
+        {state.quotaExceededFeature === 'auto_tag' ? (
+          <InlinePaywall
+            feature="auto_tag"
+            onDismiss={() => actions.setQuotaExceededFeature(null)}
+          />
+        ) : (
+          <GhostTags
+            suggestions={state.filteredSuggestions}
+            addedTags={state.labels}
+            isAnalyzing={state.isAnalyzingSuggestions}
+            onSelectTag={actions.handleSelectGhostTag}
+            onDismissTag={actions.handleDismissGhostTag}
+          />
+        )}
       </div>
     )
   }
@@ -128,13 +136,20 @@ export function NoteContentArea() {
         noteTitle={state.title || note.title || undefined}
         sourceUrl={note.sourceUrl}
       />
-      <GhostTags
-        suggestions={state.filteredSuggestions}
-        addedTags={state.labels}
-        isAnalyzing={state.isAnalyzingSuggestions}
-        onSelectTag={actions.handleSelectGhostTag}
-        onDismissTag={actions.handleDismissGhostTag}
-      />
+      {state.quotaExceededFeature === 'auto_tag' ? (
+        <InlinePaywall
+          feature="auto_tag"
+          onDismiss={() => actions.setQuotaExceededFeature(null)}
+        />
+      ) : (
+        <GhostTags
+          suggestions={state.filteredSuggestions}
+          addedTags={state.labels}
+          isAnalyzing={state.isAnalyzingSuggestions}
+          onSelectTag={actions.handleSelectGhostTag}
+          onDismissTag={actions.handleDismissGhostTag}
+        />
+      )}
     </div>
   )
 }