feat: save account model and thinking settings for Hermes

web/index.html

@@ -103,7 +103,7 @@
                     <button id="muteBtn" class="btn btn-icon" aria-label="Mute microphone" title="Mute microphone" disabled>
                         <svg viewBox="0 0 24 24" width="19" height="19" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="8" y1="22" x2="16" y2="22"></line></svg>
                     </button>
-                    <button id="settingsBtn" class="btn btn-icon" aria-label="Voice settings" title="Voice settings">
+                    <button id="settingsBtn" class="btn btn-icon" aria-label="Hope settings" title="Hope settings">
                         <svg viewBox="0 0 24 24" width="19" height="19" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7h10M18 7h2M4 17h2M10 17h10"></path><circle cx="16" cy="7" r="2"></circle><circle cx="8" cy="17" r="2"></circle></svg>
                     </button>
                 </div>
@@ -146,14 +146,34 @@
         <div class="sheet-header">
             <div>
                 <h2>Hope’s settings</h2>
-                <p>Your voice preference applies to this conversation. Reasoning is managed by your private assistant.</p>
+                <p>Your voice preference applies to this conversation.</p>
             </div>
             <button id="closeSheetBtn" class="btn btn-icon" aria-label="Close settings">
                 <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"></path></svg>
             </button>
         </div>
-        <h3 class="sheet-section-title">Voice</h3>
-        <div class="voice-list" id="voiceList"></div>
+        <div class="sheet-content">
+            <form id="modelSettingsForm" class="account-form model-settings" aria-labelledby="modelSettingsHeading" aria-describedby="modelSettingsScope">
+                <h3 id="modelSettingsHeading">Model and thinking</h3>
+                <p id="modelSettingsScope" class="model-settings-note">Saved for your account. Applies to your next request, including in an active conversation, without interrupting it.</p>
+                <div>
+                    <label for="modelSelect">Model</label>
+                    <select id="modelSelect" name="model" required disabled aria-describedby="modelSettingsStatus"><option value="">Open settings to load models</option></select>
+                </div>
+                <div>
+                    <label for="thinkingLevelSelect">Thinking level</label>
+                    <select id="thinkingLevelSelect" name="thinking_level" required disabled aria-describedby="thinkingLevelNote"><option value="">Open settings to load thinking levels</option></select>
+                    <p id="thinkingLevelNote" class="model-settings-note">Thinking requests may be limited or ignored by the selected model.</p>
+                </div>
+                <p id="modelSettingsStatus" class="model-settings-status" role="status" aria-live="polite" aria-atomic="true">Open settings to load your saved preferences.</p>
+                <div class="model-settings-actions">
+                    <button id="saveModelSettings" type="submit" class="btn btn-primary" disabled>Save</button>
+                    <button id="retryModelSettings" type="button" class="btn btn-secondary" hidden>Retry</button>
+                </div>
+            </form>
+            <h3 class="sheet-section-title">Voice</h3>
+            <div class="voice-list" id="voiceList" role="radiogroup" aria-label="Voice"></div>
+        </div>
     </div>
 
     <div class="tasks-panel" id="tasksPanel" hidden inert aria-label="Assistant activity">