Aktualisiere Modelle und füge Funktionalität zum Hinzufügen und Überprüfen benutzerdefinierter Modelle hinzu; implementiere Umbenennen von Chats mit Modal.

Author: dan17612

background/background.js

@@ -20,7 +20,7 @@ const DEFAULT_SETTINGS = {
     perplexity: "sonar",
     openai: "gpt-4o-mini",
     anthropic: "claude-sonnet-4-6",
-    gemini: "gemini-2.0-flash",
+    gemini: "gemini-2.5-flash",
     lmstudio: "",
   },
   temperature: 0.7,

options/options.css

@@ -769,4 +769,84 @@ details.setting-group .advanced-content {
   gap: 8px;
   padding-bottom: 4px;
 }
+
+/* ---- Model Check Results ---- */
+.model-check-results {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: 10px;
+}
+
+.check-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+  color: var(--color-text-secondary);
+}
+
+.check-spinner {
+  width: 14px;
+  height: 14px;
+  border: 2px solid var(--color-border);
+  border-top-color: var(--color-accent);
+  border-radius: 50%;
+  animation: spin 0.6s linear infinite;
+  flex-shrink: 0;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+.check-icon.ok {
+  color: var(--color-success);
+  flex-shrink: 0;
+}
+
+.check-icon.fail {
+  color: var(--color-danger);
+  flex-shrink: 0;
+}
+
+.check-hint {
+  font-size: 12px;
+  color: var(--color-text-tertiary);
+}
+
+/* ---- Custom Model Tags ---- */
+.custom-model-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 8px;
+}
+
+.custom-model-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 3px 8px;
+  background: var(--color-accent-subtle);
+  color: var(--color-accent);
+  border-radius: var(--radius-full);
+  font-size: 12px;
+  font-family: var(--font-mono);
+}
+
+.custom-model-remove {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--color-accent);
+  padding: 0;
+  display: flex;
+  align-items: center;
+  opacity: 0.7;
+}
+
+.custom-model-remove:hover {
+  opacity: 1;
+  color: var(--color-danger);
 }

options/options.html

@@ -310,6 +310,37 @@ <h2>Modell-Einstellungen</h2>
               <select id="model-select" class="input"></select>
             </div>
 
+            <div class="setting-group">
+              <button id="btn-check-models" class="btn btn-secondary">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
+                  <polyline points="22 4 12 14.01 9 11.01"/>
+                </svg>
+                Modelle prüfen
+              </button>
+              <div id="model-check-results" class="model-check-results"></div>
+            </div>
+
+            <div class="setting-group">
+              <label class="setting-label">Modell manuell hinzufügen</label>
+              <div class="input-with-action">
+                <input
+                  type="text"
+                  id="custom-model-input"
+                  class="input"
+                  placeholder="z.B. gpt-5, gemini-3.1-flash"
+                  autocomplete="off"
+                  spellcheck="false"
+                />
+                <button id="btn-add-model" class="btn btn-primary" title="Hinzufügen">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
+                  </svg>
+                </button>
+              </div>
+              <div id="custom-model-list" class="custom-model-list"></div>
+            </div>
+
             <div class="setting-group hidden" id="lmstudio-model-group">
               <label class="setting-label">Modell</label>
               <div class="input-with-action">