From 1ea0eee86c87ce0a67af4bae28f434f5819d07db Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 1 Dec 2025 23:52:06 -0800
Subject: [PATCH] add suggestion props to all database section components

---
 src/lib/components/ui/SuggestionBadge.svelte  | 22 ++---
 .../sections/CharacterMetadataSection.svelte  | 49 +++++++++-
 .../sections/CharacterStatsSection.svelte     | 89 +++++++++++++++++--
 .../sections/CharacterTaxonomySection.svelte  | 89 +++++++++++++++++--
 .../sections/CharacterUncapSection.svelte     | 43 ++++++++-
 .../sections/SummonMetadataSection.svelte     | 56 ++++++++++--
 .../sections/SummonStatsSection.svelte        | 53 +++++++++--
 .../sections/SummonTaxonomySection.svelte     | 23 ++++-
 .../sections/SummonUncapSection.svelte        | 35 +++++++-
 .../sections/WeaponMetadataSection.svelte     | 56 ++++++++++--
 .../sections/WeaponStatsSection.svelte        | 53 +++++++++--
 .../sections/WeaponTaxonomySection.svelte     | 29 +++++-
 .../sections/WeaponUncapSection.svelte        | 29 +++++-
 13 files changed, 559 insertions(+), 67 deletions(-)

diff --git a/src/lib/components/ui/SuggestionBadge.svelte b/src/lib/components/ui/SuggestionBadge.svelte
index 11ed2c4d..d9fd29cf 100644
--- a/src/lib/components/ui/SuggestionBadge.svelte
+++ b/src/lib/components/ui/SuggestionBadge.svelte
@@ -30,16 +30,18 @@
 </script>
 
 {#if suggestion !== undefined && suggestion !== null && !dismissed}
-	<TooltipBase.Root bind:open={isOpen} openDelay={0} closeDelay={100}>
-		<TooltipBase.Trigger asChild let:builder>
-			<button
-				{...builder}
-				type="button"
-				class="suggestion-badge"
-				aria-label="Wiki suggestion available"
-			>
-				<Icon name="sparkles" size={14} />
-			</button>
+	<TooltipBase.Root bind:open={isOpen} delayDuration={0}>
+		<TooltipBase.Trigger>
+			{#snippet child({ props })}
+				<button
+					{...props}
+					type="button"
+					class="suggestion-badge"
+					aria-label="Wiki suggestion available"
+				>
+					<Icon name="sparkles" size={14} />
+				</button>
+			{/snippet}
 		</TooltipBase.Trigger>
 		<TooltipBase.Content class="suggestion-tooltip" sideOffset={4}>
 			<div class="suggestion-content">
diff --git a/src/lib/features/database/characters/sections/CharacterMetadataSection.svelte b/src/lib/features/database/characters/sections/CharacterMetadataSection.svelte
index 3d7cecc6..d7268994 100644
--- a/src/lib/features/database/characters/sections/CharacterMetadataSection.svelte
+++ b/src/lib/features/database/characters/sections/CharacterMetadataSection.svelte
@@ -1,29 +1,70 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+  import type { CharacterSuggestions } from '$lib/api/adapters/entity.adapter'
   import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
   import DetailItem from '$lib/components/ui/DetailItem.svelte'
+  import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
+  import CopyableText from '$lib/components/ui/CopyableText.svelte'
   import { getRarityLabel, getRarityOptions } from '$lib/utils/rarity'
 
   interface Props {
     character: any
     editMode?: boolean
     editData?: any
+    // Suggestion support for batch import
+    suggestions?: CharacterSuggestions
+    dismissedSuggestions?: Set<string>
+    onAcceptSuggestion?: (field: string, value: any) => void
+    onDismissSuggestion?: (field: string) => void
   }
 
-  let { character, editMode = false, editData = $bindable() }: Props = $props()
+  let {
+    character,
+    editMode = false,
+    editData = $bindable(),
+    suggestions,
+    dismissedSuggestions,
+    onAcceptSuggestion,
+    onDismissSuggestion
+  }: Props = $props()
 
   const rarityOptions = getRarityOptions()
 </script>
 
 <DetailsContainer title="Metadata">
   {#if editMode}
-    <DetailItem label="Rarity" bind:value={editData.rarity} editable={true} type="select" options={rarityOptions} />
-    <DetailItem label="Granblue ID" bind:value={editData.granblueId} editable={true} type="text" />
+    <SuggestionDetailItem
+      label="Rarity"
+      bind:value={editData.rarity}
+      editable={true}
+      type="select"
+      options={rarityOptions}
+      suggestion={suggestions?.rarity}
+      dismissedSuggestion={dismissedSuggestions?.has('rarity')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('rarity', suggestions?.rarity)}
+      onDismissSuggestion={() => onDismissSuggestion?.('rarity')}
+    />
+    <SuggestionDetailItem
+      label="Granblue ID"
+      bind:value={editData.granblueId}
+      editable={true}
+      type="text"
+      suggestion={suggestions?.granblueId}
+      dismissedSuggestion={dismissedSuggestions?.has('granblueId')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('granblueId', suggestions?.granblueId)}
+      onDismissSuggestion={() => onDismissSuggestion?.('granblueId')}
+    />
     <DetailItem label="Character ID" bind:value={editData.characterId} editable={true} type="number" />
   {:else}
     <DetailItem label="Rarity" value={getRarityLabel(character.rarity)} />
-    <DetailItem label="Granblue ID" value={character.granblueId} />
+    <DetailItem label="Granblue ID">
+      {#if character.granblueId}
+        <CopyableText value={character.granblueId} />
+      {:else}
+        —
+      {/if}
+    </DetailItem>
   {/if}
 </DetailsContainer>
 
diff --git a/src/lib/features/database/characters/sections/CharacterStatsSection.svelte b/src/lib/features/database/characters/sections/CharacterStatsSection.svelte
index 0f1486b0..22dad7bc 100644
--- a/src/lib/features/database/characters/sections/CharacterStatsSection.svelte
+++ b/src/lib/features/database/characters/sections/CharacterStatsSection.svelte
@@ -1,16 +1,31 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+  import type { CharacterSuggestions } from '$lib/api/adapters/entity.adapter'
   import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
   import DetailItem from '$lib/components/ui/DetailItem.svelte'
+  import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
 
   interface Props {
     character: any
     editMode?: boolean
     editData?: any
+    // Suggestion support for batch import
+    suggestions?: CharacterSuggestions
+    dismissedSuggestions?: Set<string>
+    onAcceptSuggestion?: (field: string, value: any) => void
+    onDismissSuggestion?: (field: string) => void
   }
 
-  let { character, editMode = false, editData = $bindable() }: Props = $props()
+  let {
+    character,
+    editMode = false,
+    editData = $bindable(),
+    suggestions,
+    dismissedSuggestions,
+    onAcceptSuggestion,
+    onDismissSuggestion
+  }: Props = $props()
 
   const flb = $derived(editMode ? Boolean(editData.flb) : Boolean(character?.uncap?.flb))
   const ulb = $derived(editMode ? Boolean(editData.ulb) : Boolean(character?.uncap?.ulb))
@@ -18,10 +33,40 @@
 
 <DetailsContainer title="HP Stats">
   {#if editMode}
-    <DetailItem label="Base HP" bind:value={editData.minHp} editable={true} type="number" placeholder="0" />
-    <DetailItem label="Max HP" bind:value={editData.maxHp} editable={true} type="number" placeholder="0" />
+    <SuggestionDetailItem
+      label="Base HP"
+      bind:value={editData.minHp}
+      editable={true}
+      type="number"
+      placeholder="0"
+      suggestion={suggestions?.minHp}
+      dismissedSuggestion={dismissedSuggestions?.has('minHp')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('minHp', suggestions?.minHp)}
+      onDismissSuggestion={() => onDismissSuggestion?.('minHp')}
+    />
+    <SuggestionDetailItem
+      label="Max HP"
+      bind:value={editData.maxHp}
+      editable={true}
+      type="number"
+      placeholder="0"
+      suggestion={suggestions?.maxHp}
+      dismissedSuggestion={dismissedSuggestions?.has('maxHp')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('maxHp', suggestions?.maxHp)}
+      onDismissSuggestion={() => onDismissSuggestion?.('maxHp')}
+    />
     {#if flb}
-      <DetailItem label="Max HP (FLB)" bind:value={editData.maxHpFlb} editable={true} type="number" placeholder="0" />
+      <SuggestionDetailItem
+        label="Max HP (FLB)"
+        bind:value={editData.maxHpFlb}
+        editable={true}
+        type="number"
+        placeholder="0"
+        suggestion={suggestions?.maxHpFlb}
+        dismissedSuggestion={dismissedSuggestions?.has('maxHpFlb')}
+        onAcceptSuggestion={() => onAcceptSuggestion?.('maxHpFlb', suggestions?.maxHpFlb)}
+        onDismissSuggestion={() => onDismissSuggestion?.('maxHpFlb')}
+      />
     {/if}
     {#if ulb}
       <DetailItem label="Max HP (ULB)" bind:value={editData.maxHpUlb} editable={true} type="number" placeholder="0" />
@@ -40,10 +85,40 @@
 
 <DetailsContainer title="Attack Stats">
   {#if editMode}
-    <DetailItem label="Base Attack" bind:value={editData.minAtk} editable={true} type="number" placeholder="0" />
-    <DetailItem label="Max Attack" bind:value={editData.maxAtk} editable={true} type="number" placeholder="0" />
+    <SuggestionDetailItem
+      label="Base Attack"
+      bind:value={editData.minAtk}
+      editable={true}
+      type="number"
+      placeholder="0"
+      suggestion={suggestions?.minAtk}
+      dismissedSuggestion={dismissedSuggestions?.has('minAtk')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('minAtk', suggestions?.minAtk)}
+      onDismissSuggestion={() => onDismissSuggestion?.('minAtk')}
+    />
+    <SuggestionDetailItem
+      label="Max Attack"
+      bind:value={editData.maxAtk}
+      editable={true}
+      type="number"
+      placeholder="0"
+      suggestion={suggestions?.maxAtk}
+      dismissedSuggestion={dismissedSuggestions?.has('maxAtk')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('maxAtk', suggestions?.maxAtk)}
+      onDismissSuggestion={() => onDismissSuggestion?.('maxAtk')}
+    />
     {#if flb}
-      <DetailItem label="Max Attack (FLB)" bind:value={editData.maxAtkFlb} editable={true} type="number" placeholder="0" />
+      <SuggestionDetailItem
+        label="Max Attack (FLB)"
+        bind:value={editData.maxAtkFlb}
+        editable={true}
+        type="number"
+        placeholder="0"
+        suggestion={suggestions?.maxAtkFlb}
+        dismissedSuggestion={dismissedSuggestions?.has('maxAtkFlb')}
+        onAcceptSuggestion={() => onAcceptSuggestion?.('maxAtkFlb', suggestions?.maxAtkFlb)}
+        onDismissSuggestion={() => onDismissSuggestion?.('maxAtkFlb')}
+      />
     {/if}
     {#if ulb}
       <DetailItem label="Max Attack (ULB)" bind:value={editData.maxAtkUlb} editable={true} type="number" placeholder="0" />
diff --git a/src/lib/features/database/characters/sections/CharacterTaxonomySection.svelte b/src/lib/features/database/characters/sections/CharacterTaxonomySection.svelte
index 963b709c..a5c55c83 100644
--- a/src/lib/features/database/characters/sections/CharacterTaxonomySection.svelte
+++ b/src/lib/features/database/characters/sections/CharacterTaxonomySection.svelte
@@ -1,8 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+  import type { CharacterSuggestions } from '$lib/api/adapters/entity.adapter'
   import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
   import DetailItem from '$lib/components/ui/DetailItem.svelte'
+  import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
   import ElementLabel from '$lib/components/labels/ElementLabel.svelte'
   import ProficiencyLabel from '$lib/components/labels/ProficiencyLabel.svelte'
   import { getElementOptions } from '$lib/utils/element'
@@ -14,9 +16,22 @@
     character: any
     editMode?: boolean
     editData?: any
+    // Suggestion support for batch import
+    suggestions?: CharacterSuggestions
+    dismissedSuggestions?: Set<string>
+    onAcceptSuggestion?: (field: string, value: any) => void
+    onDismissSuggestion?: (field: string) => void
   }
 
-  let { character, editMode = false, editData = $bindable() }: Props = $props()
+  let {
+    character,
+    editMode = false,
+    editData = $bindable(),
+    suggestions,
+    dismissedSuggestions,
+    onAcceptSuggestion,
+    onDismissSuggestion
+  }: Props = $props()
 
   const elementOptions = getElementOptions()
   const raceOptions = getRaceOptions()
@@ -26,12 +41,72 @@
 
 <DetailsContainer title="Details">
   {#if editMode}
-    <DetailItem label="Element" bind:value={editData.element} editable={true} type="select" options={elementOptions} />
-    <DetailItem label="Race 1" bind:value={editData.race1} editable={true} type="select" options={raceOptions} />
-    <DetailItem label="Race 2" bind:value={editData.race2} editable={true} type="select" options={raceOptions} />
-    <DetailItem label="Gender" bind:value={editData.gender} editable={true} type="select" options={genderOptions} />
-    <DetailItem label="Proficiency 1" bind:value={editData.proficiency1} editable={true} type="select" options={proficiencyOptions} />
-    <DetailItem label="Proficiency 2" bind:value={editData.proficiency2} editable={true} type="select" options={proficiencyOptions} />
+    <SuggestionDetailItem
+      label="Element"
+      bind:value={editData.element}
+      editable={true}
+      type="select"
+      options={elementOptions}
+      suggestion={suggestions?.element}
+      dismissedSuggestion={dismissedSuggestions?.has('element')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('element', suggestions?.element)}
+      onDismissSuggestion={() => onDismissSuggestion?.('element')}
+    />
+    <SuggestionDetailItem
+      label="Race 1"
+      bind:value={editData.race1}
+      editable={true}
+      type="select"
+      options={raceOptions}
+      suggestion={suggestions?.race1}
+      dismissedSuggestion={dismissedSuggestions?.has('race1')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('race1', suggestions?.race1)}
+      onDismissSuggestion={() => onDismissSuggestion?.('race1')}
+    />
+    <SuggestionDetailItem
+      label="Race 2"
+      bind:value={editData.race2}
+      editable={true}
+      type="select"
+      options={raceOptions}
+      suggestion={suggestions?.race2}
+      dismissedSuggestion={dismissedSuggestions?.has('race2')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('race2', suggestions?.race2)}
+      onDismissSuggestion={() => onDismissSuggestion?.('race2')}
+    />
+    <SuggestionDetailItem
+      label="Gender"
+      bind:value={editData.gender}
+      editable={true}
+      type="select"
+      options={genderOptions}
+      suggestion={suggestions?.gender}
+      dismissedSuggestion={dismissedSuggestions?.has('gender')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('gender', suggestions?.gender)}
+      onDismissSuggestion={() => onDismissSuggestion?.('gender')}
+    />
+    <SuggestionDetailItem
+      label="Proficiency 1"
+      bind:value={editData.proficiency1}
+      editable={true}
+      type="select"
+      options={proficiencyOptions}
+      suggestion={suggestions?.proficiency1}
+      dismissedSuggestion={dismissedSuggestions?.has('proficiency1')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('proficiency1', suggestions?.proficiency1)}
+      onDismissSuggestion={() => onDismissSuggestion?.('proficiency1')}
+    />
+    <SuggestionDetailItem
+      label="Proficiency 2"
+      bind:value={editData.proficiency2}
+      editable={true}
+      type="select"
+      options={proficiencyOptions}
+      suggestion={suggestions?.proficiency2}
+      dismissedSuggestion={dismissedSuggestions?.has('proficiency2')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('proficiency2', suggestions?.proficiency2)}
+      onDismissSuggestion={() => onDismissSuggestion?.('proficiency2')}
+    />
   {:else}
     <DetailItem label="Element">
       <ElementLabel element={character.element} size="medium" />
diff --git a/src/lib/features/database/characters/sections/CharacterUncapSection.svelte b/src/lib/features/database/characters/sections/CharacterUncapSection.svelte
index 72eac45d..f26ffe20 100644
--- a/src/lib/features/database/characters/sections/CharacterUncapSection.svelte
+++ b/src/lib/features/database/characters/sections/CharacterUncapSection.svelte
@@ -1,8 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+  import type { CharacterSuggestions } from '$lib/api/adapters/entity.adapter'
   import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
   import DetailItem from '$lib/components/ui/DetailItem.svelte'
+  import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
   import UncapIndicator from '$lib/components/uncap/UncapIndicator.svelte'
   import { getCharacterMaxUncapLevel } from '$lib/utils/uncap'
   import { getElementLabel } from '$lib/utils/element'
@@ -13,9 +15,22 @@
     character: any
     editMode?: boolean
     editData?: any
+    // Suggestion support for batch import
+    suggestions?: CharacterSuggestions
+    dismissedSuggestions?: Set<string>
+    onAcceptSuggestion?: (field: string, value: any) => void
+    onDismissSuggestion?: (field: string) => void
   }
 
-  let { character, editMode = false, editData = $bindable() }: Props = $props()
+  let {
+    character,
+    editMode = false,
+    editData = $bindable(),
+    suggestions,
+    dismissedSuggestions,
+    onAcceptSuggestion,
+    onDismissSuggestion
+  }: Props = $props()
 
   const uncap = $derived(
     editMode
@@ -92,8 +107,30 @@
   {/if}
 
   {#if editMode}
-    <DetailItem label="FLB" bind:value={editData.flb} editable={true} type="checkbox" element={elementName} onchange={handleFlbChange} />
-    <DetailItem label="ULB" bind:value={editData.ulb} editable={true} type="checkbox" element={elementName} onchange={handleUlbChange} />
+    <SuggestionDetailItem
+      label="FLB"
+      bind:value={editData.flb}
+      editable={true}
+      type="checkbox"
+      element={elementName}
+      onchange={handleFlbChange}
+      suggestion={suggestions?.flb}
+      dismissedSuggestion={dismissedSuggestions?.has('flb')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('flb', suggestions?.flb)}
+      onDismissSuggestion={() => onDismissSuggestion?.('flb')}
+    />
+    <SuggestionDetailItem
+      label="ULB"
+      bind:value={editData.ulb}
+      editable={true}
+      type="checkbox"
+      element={elementName}
+      onchange={handleUlbChange}
+      suggestion={suggestions?.ulb}
+      dismissedSuggestion={dismissedSuggestions?.has('ulb')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('ulb', suggestions?.ulb)}
+      onDismissSuggestion={() => onDismissSuggestion?.('ulb')}
+    />
     <DetailItem label="Transcendence" bind:value={editData.transcendence} editable={true} type="checkbox" element={elementName} onchange={handleTranscendenceChange} />
     <div class="special-field">
       <DetailItem label="Special" bind:value={editData.special} editable={true} type="checkbox" element={elementName} onchange={handleSpecialChange} />
diff --git a/src/lib/features/database/summons/sections/SummonMetadataSection.svelte b/src/lib/features/database/summons/sections/SummonMetadataSection.svelte
index 21d4144a..3b9a6613 100644
--- a/src/lib/features/database/summons/sections/SummonMetadataSection.svelte
+++ b/src/lib/features/database/summons/sections/SummonMetadataSection.svelte
@@ -1,23 +1,69 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+  import type { SummonSuggestions } from '$lib/api/adapters/entity.adapter'
   import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
   import DetailItem from '$lib/components/ui/DetailItem.svelte'
+  import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
+  import CopyableText from '$lib/components/ui/CopyableText.svelte'
   import { getRarityLabel, getRarityOptions } from '$lib/utils/rarity'
 
-  let { summon, editMode = false, editData = $bindable<any>() }:
-    { summon: any; editMode?: boolean; editData?: any } = $props()
+  interface Props {
+    summon: any
+    editMode?: boolean
+    editData?: any
+    // Suggestion support for batch import
+    suggestions?: SummonSuggestions
+    dismissedSuggestions?: Set<string>
+    onAcceptSuggestion?: (field: string, value: any) => void
+    onDismissSuggestion?: (field: string) => void
+  }
+
+  let {
+    summon,
+    editMode = false,
+    editData = $bindable<any>(),
+    suggestions,
+    dismissedSuggestions,
+    onAcceptSuggestion,
+    onDismissSuggestion
+  }: Props = $props()
 
   const rarityOptions = getRarityOptions()
 </script>
 
 <DetailsContainer title="Metadata">
   {#if editMode}
-    <DetailItem label="Rarity" bind:value={editData.rarity} editable={true} type="select" options={rarityOptions} />
-    <DetailItem label="Granblue ID" bind:value={editData.granblue_id} editable={true} type="text" />
+    <SuggestionDetailItem
+      label="Rarity"
+      bind:value={editData.rarity}
+      editable={true}
+      type="select"
+      options={rarityOptions}
+      suggestion={suggestions?.rarity}
+      dismissedSuggestion={dismissedSuggestions?.has('rarity')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('rarity', suggestions?.rarity)}
+      onDismissSuggestion={() => onDismissSuggestion?.('rarity')}
+    />
+    <SuggestionDetailItem
+      label="Granblue ID"
+      bind:value={editData.granblue_id}
+      editable={true}
+      type="text"
+      suggestion={suggestions?.granblueId}
+      dismissedSuggestion={dismissedSuggestions?.has('granblueId')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('granblueId', suggestions?.granblueId)}
+      onDismissSuggestion={() => onDismissSuggestion?.('granblueId')}
+    />
   {:else}
     <DetailItem label="Rarity" value={getRarityLabel(summon.rarity)} />
-    <DetailItem label="Granblue ID" value={summon.granblueId} />
+    <DetailItem label="Granblue ID">
+      {#if summon.granblueId}
+        <CopyableText value={summon.granblueId} />
+      {:else}
+        —
+      {/if}
+    </DetailItem>
   {/if}
 </DetailsContainer>
 
diff --git a/src/lib/features/database/summons/sections/SummonStatsSection.svelte b/src/lib/features/database/summons/sections/SummonStatsSection.svelte
index 3eef8095..4d90dc26 100644
--- a/src/lib/features/database/summons/sections/SummonStatsSection.svelte
+++ b/src/lib/features/database/summons/sections/SummonStatsSection.svelte
@@ -1,16 +1,31 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+	import type { SummonSuggestions } from '$lib/api/adapters/entity.adapter'
 	import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
 	import DetailItem from '$lib/components/ui/DetailItem.svelte'
+	import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
 
 	interface Props {
 		summon: any
 		editMode?: boolean
 		editData?: any
+		// Suggestion support for batch import
+		suggestions?: SummonSuggestions
+		dismissedSuggestions?: Set<string>
+		onAcceptSuggestion?: (field: string, value: any) => void
+		onDismissSuggestion?: (field: string) => void
 	}
 
-	let { summon, editMode = false, editData = $bindable() }: Props = $props()
+	let {
+		summon,
+		editMode = false,
+		editData = $bindable(),
+		suggestions,
+		dismissedSuggestions,
+		onAcceptSuggestion,
+		onDismissSuggestion
+	}: Props = $props()
 
 	const flb = $derived(editMode ? Boolean(editData.flb) : Boolean(summon?.uncap?.flb))
 	const ulb = $derived(editMode ? Boolean(editData.ulb) : Boolean(summon?.uncap?.ulb))
@@ -21,27 +36,39 @@
 
 <DetailsContainer title="HP Stats">
 	{#if editMode}
-		<DetailItem
+		<SuggestionDetailItem
 			label="Base HP"
 			bind:value={editData.minHp}
 			editable={true}
 			type="number"
 			placeholder="0"
+			suggestion={suggestions?.minHp}
+			dismissedSuggestion={dismissedSuggestions?.has('minHp')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('minHp', suggestions?.minHp)}
+			onDismissSuggestion={() => onDismissSuggestion?.('minHp')}
 		/>
-		<DetailItem
+		<SuggestionDetailItem
 			label="Max HP"
 			bind:value={editData.maxHp}
 			editable={true}
 			type="number"
 			placeholder="0"
+			suggestion={suggestions?.maxHp}
+			dismissedSuggestion={dismissedSuggestions?.has('maxHp')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('maxHp', suggestions?.maxHp)}
+			onDismissSuggestion={() => onDismissSuggestion?.('maxHp')}
 		/>
 		{#if flb}
-			<DetailItem
+			<SuggestionDetailItem
 				label="Max HP (FLB)"
 				bind:value={editData.maxHpFlb}
 				editable={true}
 				type="number"
 				placeholder="0"
+				suggestion={suggestions?.maxHpFlb}
+				dismissedSuggestion={dismissedSuggestions?.has('maxHpFlb')}
+				onAcceptSuggestion={() => onAcceptSuggestion?.('maxHpFlb', suggestions?.maxHpFlb)}
+				onDismissSuggestion={() => onDismissSuggestion?.('maxHpFlb')}
 			/>
 		{/if}
 		{#if ulb}
@@ -79,27 +106,39 @@
 
 <DetailsContainer title="Attack Stats">
 	{#if editMode}
-		<DetailItem
+		<SuggestionDetailItem
 			label="Base Attack"
 			bind:value={editData.minAtk}
 			editable={true}
 			type="number"
 			placeholder="0"
+			suggestion={suggestions?.minAtk}
+			dismissedSuggestion={dismissedSuggestions?.has('minAtk')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('minAtk', suggestions?.minAtk)}
+			onDismissSuggestion={() => onDismissSuggestion?.('minAtk')}
 		/>
-		<DetailItem
+		<SuggestionDetailItem
 			label="Max Attack"
 			bind:value={editData.maxAtk}
 			editable={true}
 			type="number"
 			placeholder="0"
+			suggestion={suggestions?.maxAtk}
+			dismissedSuggestion={dismissedSuggestions?.has('maxAtk')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('maxAtk', suggestions?.maxAtk)}
+			onDismissSuggestion={() => onDismissSuggestion?.('maxAtk')}
 		/>
 		{#if flb}
-			<DetailItem
+			<SuggestionDetailItem
 				label="Max Attack (FLB)"
 				bind:value={editData.maxAtkFlb}
 				editable={true}
 				type="number"
 				placeholder="0"
+				suggestion={suggestions?.maxAtkFlb}
+				dismissedSuggestion={dismissedSuggestions?.has('maxAtkFlb')}
+				onAcceptSuggestion={() => onAcceptSuggestion?.('maxAtkFlb', suggestions?.maxAtkFlb)}
+				onDismissSuggestion={() => onDismissSuggestion?.('maxAtkFlb')}
 			/>
 		{/if}
 		{#if ulb}
diff --git a/src/lib/features/database/summons/sections/SummonTaxonomySection.svelte b/src/lib/features/database/summons/sections/SummonTaxonomySection.svelte
index ae558dc5..595621c3 100644
--- a/src/lib/features/database/summons/sections/SummonTaxonomySection.svelte
+++ b/src/lib/features/database/summons/sections/SummonTaxonomySection.svelte
@@ -1,8 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+	import type { SummonSuggestions } from '$lib/api/adapters/entity.adapter'
 	import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
 	import DetailItem from '$lib/components/ui/DetailItem.svelte'
+	import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
 	import ElementLabel from '$lib/components/labels/ElementLabel.svelte'
 	import { getElementOptions } from '$lib/utils/element'
 
@@ -10,21 +12,38 @@
 		summon: any
 		editMode?: boolean
 		editData?: any
+		// Suggestion support for batch import
+		suggestions?: SummonSuggestions
+		dismissedSuggestions?: Set<string>
+		onAcceptSuggestion?: (field: string, value: any) => void
+		onDismissSuggestion?: (field: string) => void
 	}
 
-	let { summon, editMode = false, editData = $bindable() }: Props = $props()
+	let {
+		summon,
+		editMode = false,
+		editData = $bindable(),
+		suggestions,
+		dismissedSuggestions,
+		onAcceptSuggestion,
+		onDismissSuggestion
+	}: Props = $props()
 
 	const elementOptions = getElementOptions()
 </script>
 
 <DetailsContainer title="Details">
 	{#if editMode}
-		<DetailItem
+		<SuggestionDetailItem
 			label="Element"
 			bind:value={editData.element}
 			editable={true}
 			type="select"
 			options={elementOptions}
+			suggestion={suggestions?.element}
+			dismissedSuggestion={dismissedSuggestions?.has('element')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('element', suggestions?.element)}
+			onDismissSuggestion={() => onDismissSuggestion?.('element')}
 		/>
 		<DetailItem
 			label="Series"
diff --git a/src/lib/features/database/summons/sections/SummonUncapSection.svelte b/src/lib/features/database/summons/sections/SummonUncapSection.svelte
index dd51aef1..b4eb973f 100644
--- a/src/lib/features/database/summons/sections/SummonUncapSection.svelte
+++ b/src/lib/features/database/summons/sections/SummonUncapSection.svelte
@@ -1,8 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+	import type { SummonSuggestions } from '$lib/api/adapters/entity.adapter'
 	import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
 	import DetailItem from '$lib/components/ui/DetailItem.svelte'
+	import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
 	import UncapIndicator from '$lib/components/uncap/UncapIndicator.svelte'
 	import { getSummonMaxUncapLevel } from '$lib/utils/uncap'
 	import { getElementLabel } from '$lib/utils/element'
@@ -13,9 +15,22 @@
 		summon: any
 		editMode?: boolean
 		editData?: any
+		// Suggestion support for batch import
+		suggestions?: SummonSuggestions
+		dismissedSuggestions?: Set<string>
+		onAcceptSuggestion?: (field: string, value: any) => void
+		onDismissSuggestion?: (field: string) => void
 	}
 
-	let { summon, editMode = false, editData = $bindable() }: Props = $props()
+	let {
+		summon,
+		editMode = false,
+		editData = $bindable(),
+		suggestions,
+		dismissedSuggestions,
+		onAcceptSuggestion,
+		onDismissSuggestion
+	}: Props = $props()
 
 	const uncap = $derived(
 		editMode
@@ -81,21 +96,29 @@
 	{/if}
 
 	{#if editMode}
-		<DetailItem
+		<SuggestionDetailItem
 			label="FLB"
 			bind:value={editData.flb}
 			editable={true}
 			type="checkbox"
 			element={elementName}
 			onchange={handleFlbChange}
+			suggestion={suggestions?.flb}
+			dismissedSuggestion={dismissedSuggestions?.has('flb')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('flb', suggestions?.flb)}
+			onDismissSuggestion={() => onDismissSuggestion?.('flb')}
 		/>
-		<DetailItem
+		<SuggestionDetailItem
 			label="ULB"
 			bind:value={editData.ulb}
 			editable={true}
 			type="checkbox"
 			element={elementName}
 			onchange={handleUlbChange}
+			suggestion={suggestions?.ulb}
+			dismissedSuggestion={dismissedSuggestions?.has('ulb')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('ulb', suggestions?.ulb)}
+			onDismissSuggestion={() => onDismissSuggestion?.('ulb')}
 		/>
 		<DetailItem
 			label="Transcendence"
@@ -105,12 +128,16 @@
 			element={elementName}
 			onchange={handleTranscendenceChange}
 		/>
-		<DetailItem
+		<SuggestionDetailItem
 			label="Subaura"
 			bind:value={editData.subaura}
 			editable={true}
 			type="checkbox"
 			element={elementName}
+			suggestion={suggestions?.subaura}
+			dismissedSuggestion={dismissedSuggestions?.has('subaura')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('subaura', suggestions?.subaura)}
+			onDismissSuggestion={() => onDismissSuggestion?.('subaura')}
 		/>
 		<DetailItem
 			label="Limit"
diff --git a/src/lib/features/database/weapons/sections/WeaponMetadataSection.svelte b/src/lib/features/database/weapons/sections/WeaponMetadataSection.svelte
index 65a940fe..0379268b 100644
--- a/src/lib/features/database/weapons/sections/WeaponMetadataSection.svelte
+++ b/src/lib/features/database/weapons/sections/WeaponMetadataSection.svelte
@@ -1,23 +1,69 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+  import type { WeaponSuggestions } from '$lib/api/adapters/entity.adapter'
   import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
   import DetailItem from '$lib/components/ui/DetailItem.svelte'
+  import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
+  import CopyableText from '$lib/components/ui/CopyableText.svelte'
   import { getRarityLabel, getRarityOptions } from '$lib/utils/rarity'
 
-  let { weapon, editMode = false, editData = $bindable<any>() }:
-    { weapon: any; editMode?: boolean; editData?: any } = $props()
+  interface Props {
+    weapon: any
+    editMode?: boolean
+    editData?: any
+    // Suggestion support for batch import
+    suggestions?: WeaponSuggestions
+    dismissedSuggestions?: Set<string>
+    onAcceptSuggestion?: (field: string, value: any) => void
+    onDismissSuggestion?: (field: string) => void
+  }
+
+  let {
+    weapon,
+    editMode = false,
+    editData = $bindable<any>(),
+    suggestions,
+    dismissedSuggestions,
+    onAcceptSuggestion,
+    onDismissSuggestion
+  }: Props = $props()
 
   const rarityOptions = getRarityOptions()
 </script>
 
 <DetailsContainer title="Metadata">
   {#if editMode}
-    <DetailItem label="Rarity" bind:value={editData.rarity} editable={true} type="select" options={rarityOptions} />
-    <DetailItem label="Granblue ID" bind:value={editData.granblue_id} editable={true} type="text" />
+    <SuggestionDetailItem
+      label="Rarity"
+      bind:value={editData.rarity}
+      editable={true}
+      type="select"
+      options={rarityOptions}
+      suggestion={suggestions?.rarity}
+      dismissedSuggestion={dismissedSuggestions?.has('rarity')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('rarity', suggestions?.rarity)}
+      onDismissSuggestion={() => onDismissSuggestion?.('rarity')}
+    />
+    <SuggestionDetailItem
+      label="Granblue ID"
+      bind:value={editData.granblue_id}
+      editable={true}
+      type="text"
+      suggestion={suggestions?.granblueId}
+      dismissedSuggestion={dismissedSuggestions?.has('granblueId')}
+      onAcceptSuggestion={() => onAcceptSuggestion?.('granblueId', suggestions?.granblueId)}
+      onDismissSuggestion={() => onDismissSuggestion?.('granblueId')}
+    />
   {:else}
     <DetailItem label="Rarity" value={getRarityLabel(weapon.rarity)} />
-    <DetailItem label="Granblue ID" value={weapon.granblueId} />
+    <DetailItem label="Granblue ID">
+      {#if weapon.granblueId}
+        <CopyableText value={weapon.granblueId} />
+      {:else}
+        —
+      {/if}
+    </DetailItem>
   {/if}
 </DetailsContainer>
 
diff --git a/src/lib/features/database/weapons/sections/WeaponStatsSection.svelte b/src/lib/features/database/weapons/sections/WeaponStatsSection.svelte
index 11bee2a4..ab2780bf 100644
--- a/src/lib/features/database/weapons/sections/WeaponStatsSection.svelte
+++ b/src/lib/features/database/weapons/sections/WeaponStatsSection.svelte
@@ -1,16 +1,31 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+	import type { WeaponSuggestions } from '$lib/api/adapters/entity.adapter'
 	import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
 	import DetailItem from '$lib/components/ui/DetailItem.svelte'
+	import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
 
 	interface Props {
 		weapon: any
 		editMode?: boolean
 		editData?: any
+		// Suggestion support for batch import
+		suggestions?: WeaponSuggestions
+		dismissedSuggestions?: Set<string>
+		onAcceptSuggestion?: (field: string, value: any) => void
+		onDismissSuggestion?: (field: string) => void
 	}
 
-	let { weapon, editMode = false, editData = $bindable() }: Props = $props()
+	let {
+		weapon,
+		editMode = false,
+		editData = $bindable(),
+		suggestions,
+		dismissedSuggestions,
+		onAcceptSuggestion,
+		onDismissSuggestion
+	}: Props = $props()
 
 	const flb = $derived(editMode ? Boolean(editData.flb) : Boolean(weapon?.uncap?.flb))
 	const ulb = $derived(editMode ? Boolean(editData.ulb) : Boolean(weapon?.uncap?.ulb))
@@ -41,27 +56,39 @@
 
 <DetailsContainer title="HP Stats">
 	{#if editMode}
-		<DetailItem
+		<SuggestionDetailItem
 			label="Base HP"
 			bind:value={editData.minHp}
 			editable={true}
 			type="number"
 			placeholder="0"
+			suggestion={suggestions?.minHp}
+			dismissedSuggestion={dismissedSuggestions?.has('minHp')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('minHp', suggestions?.minHp)}
+			onDismissSuggestion={() => onDismissSuggestion?.('minHp')}
 		/>
-		<DetailItem
+		<SuggestionDetailItem
 			label="Max HP"
 			bind:value={editData.maxHp}
 			editable={true}
 			type="number"
 			placeholder="0"
+			suggestion={suggestions?.maxHp}
+			dismissedSuggestion={dismissedSuggestions?.has('maxHp')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('maxHp', suggestions?.maxHp)}
+			onDismissSuggestion={() => onDismissSuggestion?.('maxHp')}
 		/>
 		{#if flb}
-			<DetailItem
+			<SuggestionDetailItem
 				label="Max HP (FLB)"
 				bind:value={editData.maxHpFlb}
 				editable={true}
 				type="number"
 				placeholder="0"
+				suggestion={suggestions?.maxHpFlb}
+				dismissedSuggestion={dismissedSuggestions?.has('maxHpFlb')}
+				onAcceptSuggestion={() => onAcceptSuggestion?.('maxHpFlb', suggestions?.maxHpFlb)}
+				onDismissSuggestion={() => onDismissSuggestion?.('maxHpFlb')}
 			/>
 		{/if}
 		{#if ulb}
@@ -87,27 +114,39 @@
 
 <DetailsContainer title="Attack Stats">
 	{#if editMode}
-		<DetailItem
+		<SuggestionDetailItem
 			label="Base Attack"
 			bind:value={editData.minAtk}
 			editable={true}
 			type="number"
 			placeholder="0"
+			suggestion={suggestions?.minAtk}
+			dismissedSuggestion={dismissedSuggestions?.has('minAtk')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('minAtk', suggestions?.minAtk)}
+			onDismissSuggestion={() => onDismissSuggestion?.('minAtk')}
 		/>
-		<DetailItem
+		<SuggestionDetailItem
 			label="Max Attack"
 			bind:value={editData.maxAtk}
 			editable={true}
 			type="number"
 			placeholder="0"
+			suggestion={suggestions?.maxAtk}
+			dismissedSuggestion={dismissedSuggestions?.has('maxAtk')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('maxAtk', suggestions?.maxAtk)}
+			onDismissSuggestion={() => onDismissSuggestion?.('maxAtk')}
 		/>
 		{#if flb}
-			<DetailItem
+			<SuggestionDetailItem
 				label="Max Attack (FLB)"
 				bind:value={editData.maxAtkFlb}
 				editable={true}
 				type="number"
 				placeholder="0"
+				suggestion={suggestions?.maxAtkFlb}
+				dismissedSuggestion={dismissedSuggestions?.has('maxAtkFlb')}
+				onAcceptSuggestion={() => onAcceptSuggestion?.('maxAtkFlb', suggestions?.maxAtkFlb)}
+				onDismissSuggestion={() => onDismissSuggestion?.('maxAtkFlb')}
 			/>
 		{/if}
 		{#if ulb}
diff --git a/src/lib/features/database/weapons/sections/WeaponTaxonomySection.svelte b/src/lib/features/database/weapons/sections/WeaponTaxonomySection.svelte
index fc002b8e..67b9a71a 100644
--- a/src/lib/features/database/weapons/sections/WeaponTaxonomySection.svelte
+++ b/src/lib/features/database/weapons/sections/WeaponTaxonomySection.svelte
@@ -1,8 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+	import type { WeaponSuggestions } from '$lib/api/adapters/entity.adapter'
 	import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
 	import DetailItem from '$lib/components/ui/DetailItem.svelte'
+	import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
 	import ElementLabel from '$lib/components/labels/ElementLabel.svelte'
 	import ProficiencyLabel from '$lib/components/labels/ProficiencyLabel.svelte'
 	import { getElementLabel, getElementOptions } from '$lib/utils/element'
@@ -15,9 +17,22 @@
 		weapon: any
 		editMode?: boolean
 		editData?: any
+		// Suggestion support for batch import
+		suggestions?: WeaponSuggestions
+		dismissedSuggestions?: Set<string>
+		onAcceptSuggestion?: (field: string, value: any) => void
+		onDismissSuggestion?: (field: string) => void
 	}
 
-	let { weapon, editMode = false, editData = $bindable() }: Props = $props()
+	let {
+		weapon,
+		editMode = false,
+		editData = $bindable(),
+		suggestions,
+		dismissedSuggestions,
+		onAcceptSuggestion,
+		onDismissSuggestion
+	}: Props = $props()
 
 	const elementOptions = getElementOptions()
 	const proficiencyOptions = getProficiencyOptions()
@@ -44,19 +59,27 @@
 
 <DetailsContainer title="Details">
 	{#if editMode}
-		<DetailItem
+		<SuggestionDetailItem
 			label="Element"
 			bind:value={editData.element}
 			editable={true}
 			type="select"
 			options={elementOptions}
+			suggestion={suggestions?.element}
+			dismissedSuggestion={dismissedSuggestions?.has('element')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('element', suggestions?.element)}
+			onDismissSuggestion={() => onDismissSuggestion?.('element')}
 		/>
-		<DetailItem
+		<SuggestionDetailItem
 			label="Proficiency"
 			bind:value={editData.proficiency}
 			editable={true}
 			type="select"
 			options={proficiencyOptions}
+			suggestion={suggestions?.proficiency}
+			dismissedSuggestion={dismissedSuggestions?.has('proficiency')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('proficiency', suggestions?.proficiency)}
+			onDismissSuggestion={() => onDismissSuggestion?.('proficiency')}
 		/>
 		<DetailItem
 			label="Series"
diff --git a/src/lib/features/database/weapons/sections/WeaponUncapSection.svelte b/src/lib/features/database/weapons/sections/WeaponUncapSection.svelte
index 74d1f4b4..e6aa6d97 100644
--- a/src/lib/features/database/weapons/sections/WeaponUncapSection.svelte
+++ b/src/lib/features/database/weapons/sections/WeaponUncapSection.svelte
@@ -1,8 +1,10 @@
 <svelte:options runes={true} />
 
 <script lang="ts">
+	import type { WeaponSuggestions } from '$lib/api/adapters/entity.adapter'
 	import DetailsContainer from '$lib/components/ui/DetailsContainer.svelte'
 	import DetailItem from '$lib/components/ui/DetailItem.svelte'
+	import SuggestionDetailItem from '$lib/components/ui/SuggestionDetailItem.svelte'
 	import UncapIndicator from '$lib/components/uncap/UncapIndicator.svelte'
 	import { getElementLabel } from '$lib/utils/element'
 
@@ -12,9 +14,22 @@
 		weapon: any
 		editMode?: boolean
 		editData?: any
+		// Suggestion support for batch import
+		suggestions?: WeaponSuggestions
+		dismissedSuggestions?: Set<string>
+		onAcceptSuggestion?: (field: string, value: any) => void
+		onDismissSuggestion?: (field: string) => void
 	}
 
-	let { weapon, editMode = false, editData = $bindable() }: Props = $props()
+	let {
+		weapon,
+		editMode = false,
+		editData = $bindable(),
+		suggestions,
+		dismissedSuggestions,
+		onAcceptSuggestion,
+		onDismissSuggestion
+	}: Props = $props()
 
 	const uncap = $derived(
 		editMode
@@ -79,21 +94,29 @@
 	{/if}
 
 	{#if editMode}
-		<DetailItem
+		<SuggestionDetailItem
 			label="FLB"
 			bind:value={editData.flb}
 			editable={true}
 			type="checkbox"
 			element={elementName}
 			onchange={handleFlbChange}
+			suggestion={suggestions?.flb}
+			dismissedSuggestion={dismissedSuggestions?.has('flb')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('flb', suggestions?.flb)}
+			onDismissSuggestion={() => onDismissSuggestion?.('flb')}
 		/>
-		<DetailItem
+		<SuggestionDetailItem
 			label="ULB"
 			bind:value={editData.ulb}
 			editable={true}
 			type="checkbox"
 			element={elementName}
 			onchange={handleUlbChange}
+			suggestion={suggestions?.ulb}
+			dismissedSuggestion={dismissedSuggestions?.has('ulb')}
+			onAcceptSuggestion={() => onAcceptSuggestion?.('ulb', suggestions?.ulb)}
+			onDismissSuggestion={() => onDismissSuggestion?.('ulb')}
 		/>
 		<DetailItem
 			label="Transcendence"