Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

--- chiedi_a_claude [2025/08/11 06:39] – neoadmin
+++ chiedi_a_claude [2025/08/11 06:49] (versione attuale) – neoadmin
@@ Linea 309: / Linea 309: @@
             <h4 style="margin: 0 0 10px 0; color: #856404;">🔧 Come iniziare</h4>
             <p style="margin: 0; font-size: 13px; color: #856404;">
-. Clicca "📋 Carica Contenuti" per preparare i dati DocuNeo<br>
+. Inserisci la tua API key Anthropic (viene salvata automaticamente) ✓<br>
-. Inserisci la tua API key Anthropic qui sotto<br>
+. Clicca "📋 Carica Contenuti" per preparare i dati DocuNeo ✓<br>
-. Fai una domanda sui protocolli neonatali
+. Fai una domanda sui protocolli neonatali ✓<br>
+                <strong>La prossima volta tutto sarà già pronto!</strong>
             </p>
         </div>
@@ Linea 318: / Linea 319: @@
             <div class="config-item">
                 <label for="apiKey">API Key Anthropic:</label>
-                <input type="password" id="apiKey" placeholder="sk-ant-api03-...">
+                <input type="password" id="apiKey" placeholder="sk-ant-api03-..."
+                       title="La tua API key viene salvata automaticamente nel browser">
+                <small style="color: #6c757d; font-size: 12px;">
+                    💾 Salvata automaticamente nel tuo browser
+                </small>
             </div>
             <div class="config-item">
@@ Linea 351: / Linea 356: @@
         let isProcessing = false;
-        // Inizializzazione
+        // Inizializzazione con controllo API key
         window.onload = function() {
             loadConfig();
+            // Controlla se abbiamo una API key salvata
+            const savedApiKey = localStorage.getItem('claude_apiKey');
+            if (savedApiKey) {
+                document.getElementById('apiKey').value = savedApiKey;
+                showStatus('🔑 API Key caricata! Clicca "Carica Contenuti" se non sono già pronti.', 'info');
+            } else {
+                showStatus('💡 Inserisci la tua API Key Anthropic per iniziare.', 'info');
+            }
             // Controlla se abbiamo contenuti in cache
             if (loadCachedContent()) {
-                showStatus('💡 Contenuti DocuNeo già caricati! Inserisci la tua API key e fai una domanda.', 'info');
+                showStatus('📚 Contenuti DocuNeo già pronti! ' + (savedApiKey ? 'Puoi fare domande.' : 'Inserisci solo la tua API key.'), 'info');
-            } else {
-                showStatus('💡 Benvenuto! Clicca "Carica Contenuti" per iniziare, poi inserisci la tua API key.', 'info');
             }
             setTimeout(hideStatus, 5000);
         };
@@ Linea 661: / Linea 674: @@
         });
-        // Auto-save configurazione
+        // Auto-save configurazione con feedback visivo
         ['apiKey', 'claudeModel', 'maxTokens', 'contextLimit'].forEach(id => {
-            document.getElementById(id).addEventListener('change', saveConfig);
+            const element = document.getElementById(id);
+            element.addEventListener('change', () => {
+                saveConfig();
+                if (id === 'apiKey' && element.value) {
+                    showStatus('🔑 API Key salvata!', 'info');
+                    setTimeout(hideStatus, 2000);
+                }
+            });
+            // Salva anche quando l'utente esce dal campo
+            element.addEventListener('blur', () => {
+                saveConfig();
+            });
         });
     </script>
 </body>
 </html>