src/lib/components/ConfigSidebar.svelte

@@ -148,7 +148,7 @@
           bind:value={config.model}
           class="w-full px-3 py-2 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg text-[var(--text-primary)] focus:outline-none focus:border-[var(--accent-primary)]"
         >
-          {#each availableModels as model}
+          {#each availableModels as model (model.value)}
             <option value={model.value}>{model.label}</option>
           {/each}
         </select>
@@ -230,7 +230,7 @@
 
       <!-- Common tools checkboxes -->
       <div class="grid grid-cols-2 gap-2 mb-3">
-        {#each commonTools as tool}
+        {#each commonTools as tool (tool)}
           <label class="flex items-center gap-2 text-sm text-gray-300 cursor-pointer">
             <input
               type="checkbox"
@@ -256,7 +256,7 @@
             </button>
           </div>
           <div class="flex flex-wrap gap-1">
-            {#each grantedTools as tool}
+            {#each grantedTools as tool (tool)}
               <span class="px-2 py-0.5 text-xs bg-[var(--accent-primary)]/20 text-[var(--accent-primary)] rounded">
                 {tool}
               </span>
@@ -270,7 +270,7 @@
         <div class="mb-3">
           <span class="text-xs text-gray-500 block mb-2">Custom tools:</span>
           <div class="flex flex-wrap gap-1">
-            {#each config.auto_granted_tools.filter((t) => !commonTools.includes(t)) as tool}
+            {#each config.auto_granted_tools.filter((t) => !commonTools.includes(t)) as tool (tool)}
               <span
                 class="px-2 py-0.5 text-xs bg-[var(--bg-primary)] border border-[var(--border-color)] rounded flex items-center gap-1"
               >