fix(modal): accept-by-known-id keeps the raw suggestion row identity for the drop

Spreading canonical_tag_id onto a raw suggestion changed its _keyOf
identity, so _dropEverywhere missed the actual list row and the panel
kept showing an already-accepted suggestion. Pass the resolved id as an
option instead; pinned with a raw-suggestion spec.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CDgx8bQS5YrGRK76v8HUnM

frontend/src/components/modal/TagPanel.vue

@@ -131,10 +131,7 @@ async function onPickExisting(hit) {
     // (operator-asked 2026-07-03).
     const pending = suggestions.findPending(hit.kind, hit.name, hit.id)
     if (pending) {
-      await suggestions.accept({
-        ...pending,
-        canonical_tag_id: pending.canonical_tag_id ?? hit.id,
-      })
+      await suggestions.accept(pending, { tagId: hit.id })
       await host.reloadTags()
     } else {
       await host.addExistingTag(hit.id)
@@ -156,7 +153,7 @@ async function onPickNew(payload) {
     if (created && host.currentImageId === imageId) {
       const pending = suggestions.findPending(payload.kind, payload.name, created.id)
       if (pending) {
-        await suggestions.accept({ ...pending, canonical_tag_id: created.id })
+        await suggestions.accept(pending, { tagId: created.id })
       }
     }
     focusTagInput()

frontend/src/stores/suggestions.js

@@ -97,7 +97,12 @@ export const useSuggestionsStore = defineStore('suggestions', () => {
     }
   }
 
-  async function accept(suggestion) {
+  // opts.tagId: the tag's known id, when the caller already created/resolved
+  // it (TagPanel's manual-add-matches-suggestion path). Passed separately —
+  // NOT spread onto the suggestion — because _dropEverywhere keys off the
+  // suggestion object, and mutating canonical_tag_id on a raw suggestion
+  // would stop it matching its own row in the lists.
+  async function accept(suggestion, { tagId: knownTagId = null } = {}) {
     // Capture imageId so a mid-flight prev/next can't reroute the
     // accept POST to a different image AND push the tag to that
     // image's allowlist.
@@ -106,7 +111,7 @@ export const useSuggestionsStore = defineStore('suggestions', () => {
     // Raw tags (creates_new_tag) have no canonical_tag_id; the backend's
     // accept endpoint needs a tag_id, so for raw tags we create the tag
     // first via the existing /api/tags endpoint, then accept by id.
-    let tagId = suggestion.canonical_tag_id
+    let tagId = knownTagId ?? suggestion.canonical_tag_id
     if (tagId == null) {
       const created = await api.post('/api/tags', {
         body: { name: suggestion.display_name, kind: suggestion.category }