fix(settings): resolve 4 console errors in settings.html

- Fix escaped quotes in presetHint fallback using " instead of \"
- Fix escaped quotes in load preset confirmation modal
- Fix component name mismatch: modelManager() → models()
- Add missing editing state/methods to models component

public/js/components/models.js

@@ -6,6 +6,21 @@
 window.Components = window.Components || {};
 
 window.Components.models = () => ({
+    editingModelId: null,
+    newMapping: '',
+
+    isEditing(modelId) {
+        return this.editingModelId === modelId;
+    },
+
+    startEditing(modelId) {
+        this.editingModelId = modelId;
+    },
+
+    stopEditing() {
+        this.editingModelId = null;
+    },
+
     init() {
         // Ensure data is fetched when this tab becomes active (skip initial trigger)
         this.$watch('$store.global.activeTab', (val, oldVal) => {

public/views/settings.html

@@ -243,7 +243,7 @@
                             <span x-show="deletingPreset" class="loading loading-spinner loading-xs"></span>
                         </button>
                     </div>
-                    <p class="text-[10px] text-gray-600 mt-2" x-text="$store.global.t('presetHint') || 'Select a preset to load it. Click \"Apply to Claude CLI\" to save changes.'">Select a preset to load it. Click "Apply to Claude CLI" to save changes.</p>
+                    <p class="text-[10px] text-gray-600 mt-2" x-text="$store.global.t('presetHint') || 'Select a preset to load it. Click &quot;Apply to Claude CLI&quot; to save changes.'">Select a preset to load it. Click "Apply to Claude CLI" to save changes.</p>
                 </div>
 
                 <!-- Base URL -->
@@ -625,7 +625,7 @@
                         <p class="py-4 text-gray-300">
                             <span x-text="$store.global.t('unsavedChangesMessage') || 'Your current configuration doesn\'t match any saved preset.'">Your current configuration doesn't match any saved preset.</span>
                             <br><br>
-                            <span class="text-yellow-400/80" x-text="'Load \"' + pendingPresetName + '\" and lose current changes?'"></span>
+                            <span class="text-yellow-400/80" x-text="'Load &quot;' + pendingPresetName + '&quot; and lose current changes?'"></span>
                         </p>
                         <div class="modal-action">
                             <button class="btn btn-ghost text-gray-400" @click="cancelLoadPreset()"
@@ -681,7 +681,7 @@
             </div>
 
             <!-- Tab 3: Models Configuration -->
-            <div x-show="activeTab === 'models'" x-data="window.Components.modelManager()"
+            <div x-show="activeTab === 'models'" x-data="window.Components.models()"
                 class="space-y-6 max-w-3xl animate-fade-in">
 
                 <div class="flex items-center justify-between">