Upload kimi-script.js

kimi-js/kimi-script.js

@@ -179,6 +179,17 @@ document.addEventListener("DOMContentLoaded", async function () {
     // Hydrate API config UI from DB after ApiUi is defined and function declared
     initializeApiConfigUI();
 
+    // Listen for model changes and update the UI only for OpenRouter
+    window.addEventListener("llmModelChanged", function (event) {
+        const modelIdInput = ApiUi.modelIdInput();
+        const providerSelect = ApiUi.providerSelect();
+
+        // Only update the field if current provider is OpenRouter
+        if (modelIdInput && event.detail && event.detail.id && providerSelect && providerSelect.value === "openrouter") {
+            modelIdInput.value = event.detail.id;
+        }
+    });
+
     const providerSelectEl = document.getElementById("llm-provider");
     if (providerSelectEl) {
         providerSelectEl.addEventListener("change", async function (e) {
@@ -232,7 +243,8 @@ document.addEventListener("DOMContentLoaded", async function () {
             if (apiKeyInput) apiKeyInput.placeholder = p.keyPh;
             if (modelIdInput) {
                 modelIdInput.placeholder = p.model;
-                // Value only for OpenRouter; others cleared to encourage provider-specific model naming
+                // Only populate the field for OpenRouter since those are the models we have in the list
+                // For other providers, user must manually enter the provider-specific model ID
                 modelIdInput.value = provider === "openrouter" && window.kimiLLM ? window.kimiLLM.currentModel : "";
             }
             if (window.kimiDB) {
@@ -264,6 +276,23 @@ document.addEventListener("DOMContentLoaded", async function () {
                 ApiUi.clearStatus();
             }
         });
+
+        // Listen for model ID changes and update the current model
+        const modelIdInput = ApiUi.modelIdInput();
+        if (modelIdInput) {
+            modelIdInput.addEventListener("blur", async function (e) {
+                const newModelId = e.target.value.trim();
+                if (newModelId && window.kimiLLM && newModelId !== window.kimiLLM.currentModel) {
+                    try {
+                        await window.kimiLLM.setCurrentModel(newModelId);
+                    } catch (error) {
+                        console.warn("Failed to set model:", error.message);
+                        // Reset to current model if setting failed
+                        e.target.value = window.kimiLLM.currentModel || "";
+                    }
+                }
+            });
+        }
     }
 
     const loadingScreen = document.getElementById("loading-screen");