vite-plugin-opencode-assistant 1.0.44 → 1.0.48

package/es/core/api.js

@@ -59,21 +59,6 @@ class OpenCodeAPI {
     __publicField(this, "getPort", getPort);
     __publicField(this, "getProxyPort", getProxyPort);
     __publicField(this, "warmupChromeMcpConfig", warmupChromeMcpConfig);
-    __publicField(this, "failedFreeModels", /* @__PURE__ */ new Set());
-  }
-  markModelAsFailed(providerID, modelID) {
-    const key = `${providerID}:${modelID}`;
-    this.failedFreeModels.add(key);
-    log.debug("Marked model as failed", {
-      providerID,
-      modelID,
-      key,
-      failedCount: this.failedFreeModels.size
-    });
-  }
-  clearFailedModels() {
-    this.failedFreeModels.clear();
-    log.debug("Cleared failed models cache");
   }
   createHttpRequest(options, body, timeout) {
     const timer = new PerformanceTimer("HTTP Request", {
@@ -187,7 +172,7 @@ class OpenCodeAPI {
       throw lastError;
     });
   }
-  getCheapestModel() {
+  getAvailableModels() {
     return __async(this, null, function* () {
       var _a, _b;
       try {
@@ -200,7 +185,6 @@ class OpenCodeAPI {
         const connectedProviders = new Set(response.connected);
         const allModels = [];
         for (const provider of response.all) {
-          if (provider.id === "opencode") continue;
           if (!connectedProviders.has(provider.id)) {
             log.debug("Skipping not connected provider", { providerID: provider.id });
             continue;
@@ -216,34 +200,14 @@ class OpenCodeAPI {
           }
         }
         allModels.sort((a, b) => a.inputCost - b.inputCost);
-        const availableModel = allModels.find(
-          (model) => !this.failedFreeModels.has(`${model.providerID}:${model.modelID}`)
-        );
-        if (!availableModel) {
-          log.debug("All models have failed", {
-            totalModels: allModels.length,
-            failedModels: this.failedFreeModels.size,
-            connectedProviders: response.connected
-          });
-          return null;
-        }
-        log.debug("Found cheapest available model for warmup", {
-          providerID: availableModel.providerID,
-          modelID: availableModel.modelID,
-          name: availableModel.name,
-          inputCost: availableModel.inputCost,
-          releaseDate: availableModel.releaseDate,
-          totalModels: allModels.length,
-          failedModels: this.failedFreeModels.size,
+        log.debug("Found available models for warmup", {
+          count: allModels.length,
           connectedProviders: response.connected
         });
-        return {
-          providerID: availableModel.providerID,
-          modelID: availableModel.modelID
-        };
+        return allModels;
       } catch (error) {
-        log.warn("Failed to get cheapest model", { error });
-        return null;
+        log.warn("Failed to get available models", { error });
+        return [];
       }
     });
   }
@@ -317,12 +281,10 @@ class OpenCodeAPI {
       throw lastError;
     });
   }
-  warmupChromeMcp(projectDir, viteOrigin) {
+  executeWarmupChromeMcp(projectDir, operation, viteOrigin, selectedModel) {
     return __async(this, null, function* () {
-      if (!this.warmupChromeMcpConfig) return;
-      const timer = log.timer("warmupChromeMcp", { viteOrigin });
+      const timer = log.timer(`${operation}WarmupChromeMcp`, { viteOrigin, operation });
       let warmupSessionId = null;
-      let freeModel = null;
       const chromeAvailable = yield checkChromeDevToolsAvailable();
       if (!chromeAvailable) {
         const error = new ChromeMcpWarmupError(
@@ -330,14 +292,14 @@ class OpenCodeAPI {
           "Chrome DevTools Protocol is not available",
           "Chrome remote debugging is not enabled or not running on port 9222. Please enable Chrome remote debugging first."
         );
-        log.warn("Chrome DevTools not available", {
+        log.warn(`Chrome DevTools not available for ${operation}`, {
           port: CHROME_DEVTOOLS_PORT,
           hint: "Enable Chrome remote debugging at chrome://inspect/#remote-debugging"
         });
-        timer.end("Chrome DevTools not available");
-        throw error;
+        timer.end(`Chrome DevTools not available for ${operation}`);
+        return { success: false, error };
       }
-      log.debug("Chrome DevTools is available, proceeding with warmup");
+      log.debug(`Chrome DevTools is available, proceeding with ${operation} warmup`);
       try {
         const warmupSession = yield this.createSession(
           projectDir,
@@ -345,14 +307,26 @@ class OpenCodeAPI {
           "__chrome_mcp_warmup__"
         );
         warmupSessionId = warmupSession.id;
-        freeModel = yield this.getCheapestModel();
-        if (freeModel) {
-          log.debug("Using cheapest model for warmup", {
-            providerID: freeModel.providerID,
-            modelID: freeModel.modelID
-          });
+        let modelToUse = selectedModel;
+        if (!modelToUse) {
+          const models = yield this.getAvailableModels();
+          if (models.length > 0) {
+            modelToUse = {
+              providerID: models[0].providerID,
+              modelID: models[0].modelID
+            };
+            log.debug(`Using cheapest model for ${operation} warmup`, {
+              providerID: modelToUse.providerID,
+              modelID: modelToUse.modelID
+            });
+          } else {
+            log.debug(`No model available for ${operation}, using default model`);
+          }
         } else {
-          log.debug("No model available, using default model");
+          log.debug(`Using selected model for ${operation} warmup`, {
+            providerID: modelToUse.providerID,
+            modelID: modelToUse.modelID
+          });
         }
         const WARMUP_TIMEOUT = 6e4;
         const data = yield this.createHttpRequest(
@@ -370,10 +344,10 @@ class OpenCodeAPI {
                 text: "Test if the chrome-devtools_list_pages tool is available. If available, reply with: ready. If not available, explain why."
               }
             ]
-          }, freeModel && {
+          }, modelToUse && {
             model: {
-              providerID: freeModel.providerID,
-              modelID: freeModel.modelID
+              providerID: modelToUse.providerID,
+              modelID: modelToUse.modelID
             }
           })),
           WARMUP_TIMEOUT
@@ -394,56 +368,43 @@ class OpenCodeAPI {
             `AI responded with: ${responseText.substring(0, 200)}`
           );
         }
-        timer.end("Chrome MCP warmed up");
+        timer.end(`Chrome MCP ${operation} warmed up successfully`);
+        return { success: true };
       } catch (e) {
         if (e instanceof ChromeMcpWarmupError) {
           if (e.type === ChromeMcpWarmupErrorType.SESSION_ERROR) {
             timer.end("Session creation failed");
           }
-          log.warn(`Chrome MCP warmup failed: ${e.type}`, __spreadValues({
+          log.warn(`Chrome MCP ${operation} warmup failed: ${e.type}`, {
             message: e.message,
             details: e.details
-          }, freeModel && {
-            model: `${freeModel.providerID}/${freeModel.modelID}`
-          }));
-          timer.end(`Chrome MCP warmup failed: ${e.type}`);
-          throw e;
-        }
-        if (freeModel) {
-          this.markModelAsFailed(freeModel.providerID, freeModel.modelID);
-          log.debug("Marked model as failed due to warmup error", {
-            providerID: freeModel.providerID,
-            modelID: freeModel.modelID,
-            error: e instanceof Error ? e.message : String(e)
           });
+          timer.end(`Chrome MCP ${operation} warmup failed: ${e.type}`);
+          return { success: false, error: e };
         }
         const errorMessage = e instanceof Error ? e.message : String(e);
         if (errorMessage.includes("timeout") || errorMessage.includes("Timeout")) {
           const error2 = new ChromeMcpWarmupError(
             ChromeMcpWarmupErrorType.AI_TIMEOUT,
             "AI response timeout",
-            "AI did not respond within 30 seconds. Please check if the OpenCode AI model is properly configured and available."
+            "AI did not respond within 60 seconds. Please check if the OpenCode AI model is properly configured and available."
           );
-          log.warn("Chrome MCP warmup timeout", __spreadValues({
+          log.warn(`Chrome MCP ${operation} warmup timeout`, {
             error: errorMessage
-          }, freeModel && {
-            model: `${freeModel.providerID}/${freeModel.modelID}`
-          }));
-          timer.end("Chrome MCP warmup timeout");
-          throw error2;
+          });
+          timer.end(`Chrome MCP ${operation} warmup timeout`);
+          return { success: false, error: error2 };
         }
         const error = new ChromeMcpWarmupError(
           ChromeMcpWarmupErrorType.UNKNOWN,
-          "Unknown error during Chrome MCP warmup",
+          `Unknown error during Chrome MCP ${operation} warmup`,
           errorMessage
         );
-        log.warn("Chrome MCP warmup failed with unknown error", __spreadValues({
+        log.warn(`Chrome MCP ${operation} warmup failed with unknown error`, {
           error: errorMessage
-        }, freeModel && {
-          model: `${freeModel.providerID}/${freeModel.modelID}`
-        }));
-        timer.end("Chrome MCP warmup failed");
-        throw error;
+        });
+        timer.end(`Chrome MCP ${operation} warmup failed`);
+        return { success: false, error };
       } finally {
         if (warmupSessionId) {
           try {
@@ -458,6 +419,27 @@ class OpenCodeAPI {
       }
     });
   }
+  warmupChromeMcp(projectDir, viteOrigin) {
+    return __async(this, null, function* () {
+      if (!this.warmupChromeMcpConfig) return;
+      const models = yield this.getAvailableModels();
+      const cheapestModel = models[0];
+      const result = yield this.executeWarmupChromeMcp(
+        projectDir,
+        "warmup",
+        viteOrigin,
+        cheapestModel ? { providerID: cheapestModel.providerID, modelID: cheapestModel.modelID } : void 0
+      );
+      if (!result.success) {
+        throw result.error;
+      }
+    });
+  }
+  retryWarmupChromeMcp(projectDir, viteOrigin, selectedModel) {
+    return __async(this, null, function* () {
+      return this.executeWarmupChromeMcp(projectDir, "retry", viteOrigin, selectedModel);
+    });
+  }
   getOrCreateSession(projectDir) {
     return __async(this, null, function* () {
       const timer = log.timer("getOrCreateSession", { projectDir });
@@ -479,148 +461,6 @@ class OpenCodeAPI {
       return url;
     });
   }
-  retryWarmupChromeMcp(projectDir, viteOrigin) {
-    return __async(this, null, function* () {
-      const timer = log.timer("retryWarmupChromeMcp", { viteOrigin });
-      let warmupSessionId = null;
-      let freeModel = null;
-      const chromeAvailable = yield checkChromeDevToolsAvailable();
-      if (!chromeAvailable) {
-        const error = new ChromeMcpWarmupError(
-          ChromeMcpWarmupErrorType.CHROME_NOT_CONNECTED,
-          "Chrome DevTools Protocol is not available",
-          "Chrome remote debugging is not enabled or not running on port 9222. Please enable Chrome remote debugging first."
-        );
-        log.warn("Chrome DevTools not available for retry", {
-          port: CHROME_DEVTOOLS_PORT,
-          hint: "Enable Chrome remote debugging at chrome://inspect/#remote-debugging"
-        });
-        timer.end("Chrome DevTools not available for retry");
-        return { success: false, error };
-      }
-      log.debug("Chrome DevTools is available, proceeding with retry warmup");
-      try {
-        const warmupSession = yield this.createSession(
-          projectDir,
-          DEFAULT_RETRIES,
-          "__chrome_mcp_warmup__"
-        );
-        warmupSessionId = warmupSession.id;
-        freeModel = yield this.getCheapestModel();
-        if (freeModel) {
-          log.debug("Using cheapest model for retry warmup", {
-            providerID: freeModel.providerID,
-            modelID: freeModel.modelID
-          });
-        } else {
-          log.debug("No model available for retry, using default model");
-        }
-        const WARMUP_TIMEOUT = 6e4;
-        const data = yield this.createHttpRequest(
-          {
-            hostname: this.hostname,
-            port: this.getPort(),
-            path: `/session/${warmupSessionId}/message`,
-            method: "POST",
-            headers: { "Content-Type": "application/json" }
-          },
-          JSON.stringify(__spreadValues({
-            parts: [
-              {
-                type: "text",
-                text: "Test if the chrome-devtools_list_pages tool is available. If available, reply with: ready. If not available, explain why."
-              }
-            ]
-          }, freeModel && {
-            model: {
-              providerID: freeModel.providerID,
-              modelID: freeModel.modelID
-            }
-          })),
-          WARMUP_TIMEOUT
-        );
-        log.debug("Chrome MCP warmup response:", { data });
-        const responseText = extractTextFromResponse(data);
-        if (!responseText) {
-          throw new ChromeMcpWarmupError(
-            ChromeMcpWarmupErrorType.AI_RESPONSE_ERROR,
-            "AI did not respond to the warmup request",
-            "Empty response from AI"
-          );
-        }
-        const lowerResponse = responseText.toLowerCase();
-        if (!lowerResponse.includes("ready")) {
-          throw new ChromeMcpWarmupError(
-            ChromeMcpWarmupErrorType.AI_RESPONSE_ERROR,
-            "AI response does not indicate success",
-            `AI responded with: ${responseText.substring(0, 200)}`
-          );
-        }
-        timer.end("Chrome MCP warmed up successfully");
-        return { success: true };
-      } catch (e) {
-        if (e instanceof ChromeMcpWarmupError) {
-          if (e.type === ChromeMcpWarmupErrorType.SESSION_ERROR) {
-            timer.end("Session creation failed");
-          }
-          log.warn(`Chrome MCP warmup retry failed: ${e.type}`, __spreadValues({
-            message: e.message,
-            details: e.details
-          }, freeModel && {
-            model: `${freeModel.providerID}/${freeModel.modelID}`
-          }));
-          timer.end(`Chrome MCP warmup retry failed: ${e.type}`);
-          return { success: false, error: e };
-        }
-        if (freeModel) {
-          this.markModelAsFailed(freeModel.providerID, freeModel.modelID);
-          log.debug("Marked model as failed due to retry warmup error", {
-            providerID: freeModel.providerID,
-            modelID: freeModel.modelID,
-            error: e instanceof Error ? e.message : String(e)
-          });
-        }
-        const errorMessage = e instanceof Error ? e.message : String(e);
-        if (errorMessage.includes("timeout") || errorMessage.includes("Timeout")) {
-          const error2 = new ChromeMcpWarmupError(
-            ChromeMcpWarmupErrorType.AI_TIMEOUT,
-            "AI response timeout",
-            "AI did not respond within 60 seconds. Please check if the OpenCode AI model is properly configured and available."
-          );
-          log.warn("Chrome MCP warmup retry timeout", __spreadValues({
-            error: errorMessage
-          }, freeModel && {
-            model: `${freeModel.providerID}/${freeModel.modelID}`
-          }));
-          timer.end("Chrome MCP warmup retry timeout");
-          return { success: false, error: error2 };
-        }
-        const error = new ChromeMcpWarmupError(
-          ChromeMcpWarmupErrorType.UNKNOWN,
-          "Unknown error during Chrome MCP warmup retry",
-          errorMessage
-        );
-        log.warn("Chrome MCP warmup retry failed with unknown error", __spreadValues({
-          error: errorMessage
-        }, freeModel && {
-          model: `${freeModel.providerID}/${freeModel.modelID}`
-        }));
-        timer.end("Chrome MCP warmup retry failed");
-        return { success: false, error };
-      } finally {
-        if (warmupSessionId) {
-          try {
-            yield this.deleteSession(warmupSessionId, 5);
-          } catch (e) {
-            log.warn("Failed to delete warmup session after retries", {
-              error: e,
-              warmupSessionId
-            });
-          }
-        }
-      }
-    });
-  }
 }
 export {
   OpenCodeAPI

package/es/core/service.d.ts

@@ -1,5 +1,6 @@
 import type { ResultPromise } from "execa";
 import type http from "http";
+import type { ModelInfo } from "@vite-plugin-opencode-assistant/shared";
 import type { OpenCodeOptions, ServiceStartupTask } from "@vite-plugin-opencode-assistant/shared";
 import { ChromeMcpWarmupErrorType } from "@vite-plugin-opencode-assistant/shared";
 import type { OpenCodeAPI } from "./api.js";
@@ -26,7 +27,11 @@ export declare class OpenCodeService {
     constructor(config: Required<OpenCodeOptions>, api: OpenCodeAPI, sseClients: Set<http.ServerResponse>, onPortAllocated: (port: number) => void, onProxyPortAllocated: (port: number) => void);
     private sendTaskUpdate;
     start(corsOrigins?: string[], contextApiUrl?: string, logsApiUrl?: string, viteOrigin?: string): Promise<void>;
-    retryWarmupChromeMcp(viteOrigin?: string): Promise<{
+    getAvailableModels(): Promise<ModelInfo[]>;
+    retryWarmupChromeMcp(viteOrigin?: string, selectedModel?: {
+        providerID: string;
+        modelID: string;
+    }): Promise<{
         success: boolean;
         errorType?: string;
         errorMessage?: string;

package/es/core/service.js

@@ -262,9 +262,18 @@ Please install OpenCode first:
       return this.startPromise;
     });
   }
-  retryWarmupChromeMcp(viteOrigin) {
+  getAvailableModels() {
     return __async(this, null, function* () {
-      const result = yield this.api.retryWarmupChromeMcp(this.workspaceRoot, viteOrigin);
+      return this.api.getAvailableModels();
+    });
+  }
+  retryWarmupChromeMcp(viteOrigin, selectedModel) {
+    return __async(this, null, function* () {
+      const result = yield this.api.retryWarmupChromeMcp(
+        this.workspaceRoot,
+        viteOrigin,
+        selectedModel
+      );
       if (result.success) {
         this.chromeMcpWarmupFailed = false;
         this.sendTaskUpdate("ready");

package/es/endpoints/types.d.ts

@@ -1,4 +1,4 @@
-import type { PageContext, SessionInfo, ServiceStartupTask } from "@vite-plugin-opencode-assistant/shared";
+import type { PageContext, SessionInfo, ServiceStartupTask, ModelInfo } from "@vite-plugin-opencode-assistant/shared";
 import type http from "http";
 export interface EndpointContext {
     get webUrl(): string | null;
@@ -15,7 +15,11 @@ export interface EndpointContext {
     deleteSession: (id: string) => Promise<void>;
     resolveWidgetPath: () => string;
     resolveWidgetStylePath: () => string;
-    retryWarmupChromeMcp: () => Promise<{
+    getAvailableModels: () => Promise<ModelInfo[]>;
+    retryWarmupChromeMcp: (selectedModel?: {
+        providerID: string;
+        modelID: string;
+    }) => Promise<{
         success: boolean;
         errorType?: string;
         errorMessage?: string;

package/es/endpoints/warmup.js

@@ -1,3 +1,4 @@
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -18,37 +19,83 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+var __forAwait = (obj, it, method) => (it = obj[__knownSymbol("asyncIterator")]) ? it.call(obj) : (obj = obj[__knownSymbol("iterator")](), it = {}, method = (key, fn) => (fn = obj[key]) && (it[key] = (arg) => new Promise((yes, no, done) => (arg = fn.call(obj, arg), done = arg.done, Promise.resolve(arg.value).then((value) => yes({ value, done }), no)))), method("next"), method("return"), it);
 import { createLogger } from "@vite-plugin-opencode-assistant/shared";
 const log = createLogger("Endpoints:Warmup");
 function setupWarmupEndpoint(server, ctx) {
   server.middlewares.use("/__opencode_warmup__", (req, res) => __async(null, null, function* () {
+    if (req.method === "GET") {
+      try {
+        const models = yield ctx.getAvailableModels();
+        res.setHeader("Content-Type", "application/json");
+        res.writeHead(200);
+        res.end(JSON.stringify({ success: true, models }));
+      } catch (e) {
+        log.error("Failed to get available models", { error: e });
+        res.setHeader("Content-Type", "application/json");
+        res.writeHead(500);
+        res.end(JSON.stringify({ success: false, models: [] }));
+      }
+      return;
+    }
     if (req.method !== "POST") {
       res.writeHead(405);
       res.end("Method not allowed");
       return;
     }
     try {
-      const result = yield ctx.retryWarmupChromeMcp();
+      let body = "";
+      try {
+        for (var iter = __forAwait(req), more, temp, error; more = !(temp = yield iter.next()).done; more = false) {
+          const chunk = temp.value;
+          body += chunk;
+        }
+      } catch (temp) {
+        error = [temp];
+      } finally {
+        try {
+          more && (temp = iter.return) && (yield temp.call(iter));
+        } finally {
+          if (error)
+            throw error[0];
+        }
+      }
+      let selectedModel;
+      if (body) {
+        try {
+          const parsed = JSON.parse(body);
+          if (parsed.providerID && parsed.modelID) {
+            selectedModel = { providerID: parsed.providerID, modelID: parsed.modelID };
+          }
+        } catch (e) {
+          log.debug("Failed to parse request body, using default model");
+        }
+      }
+      const result = yield ctx.retryWarmupChromeMcp(selectedModel);
       res.setHeader("Content-Type", "application/json");
       res.writeHead(200);
       if (result.success) {
         res.end(JSON.stringify({ success: true }));
       } else {
-        res.end(JSON.stringify({
-          success: false,
-          errorType: result.errorType,
-          error: result.errorMessage
-        }));
+        res.end(
+          JSON.stringify({
+            success: false,
+            errorType: result.errorType,
+            error: result.errorMessage
+          })
+        );
       }
     } catch (e) {
       log.error("Failed to retry warmup", { error: e });
       res.setHeader("Content-Type", "application/json");
       res.writeHead(500);
-      res.end(JSON.stringify({
-        success: false,
-        errorType: "UNKNOWN",
-        error: String(e)
-      }));
+      res.end(
+        JSON.stringify({
+          success: false,
+          errorType: "UNKNOWN",
+          error: String(e)
+        })
+      );
     }
   }));
 }

package/es/index.js

@@ -123,7 +123,8 @@ function createOpenCodePlugin(options = {}) {
           deleteSession: (id) => api.deleteSession(id),
           resolveWidgetPath,
           resolveWidgetStylePath,
-          retryWarmupChromeMcp: () => service.retryWarmupChromeMcp(getViteOrigin())
+          getAvailableModels: () => service.getAvailableModels(),
+          retryWarmupChromeMcp: (selectedModel) => service.retryWarmupChromeMcp(getViteOrigin(), selectedModel)
         });
         (_a2 = server.httpServer) == null ? void 0 : _a2.on("listening", () => __async(null, null, function* () {
           var _a3;

package/lib/client/App.vue.js

@@ -96,6 +96,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
     const loading = (0, import_vue2.ref)(false);
     const widgetRef = (0, import_vue2.ref)(null);
     const retryingWarmup = (0, import_vue2.ref)(false);
+    const availableModels = (0, import_vue2.ref)([]);
     const {
       theme: initialTheme = "auto",
       open: autoOpen = false,
@@ -175,10 +176,14 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
       }
       return "\u52A0\u8F7D\u4F1A\u8BDD...";
     });
-    const retryWarmup = () => __async(null, null, function* () {
+    const retryWarmup = (selectedModel) => __async(null, null, function* () {
       retryingWarmup.value = true;
       try {
-        const res = yield fetch("/__opencode_warmup__", { method: "POST" });
+        const res = yield fetch("/__opencode_warmup__", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: selectedModel ? JSON.stringify(selectedModel) : ""
+        });
         const data = yield res.json();
         if (data.success) {
           chromeMcpFailed.value = false;
@@ -206,6 +211,18 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
         retryingWarmup.value = false;
       }
     });
+    const fetchAvailableModels = () => __async(null, null, function* () {
+      try {
+        const res = yield fetch("/__opencode_warmup__", { method: "GET" });
+        const data = yield res.json();
+        if (data.success && data.models) {
+          availableModels.value = data.models;
+        }
+      } catch (e) {
+        console.error("[OpenCode] Failed to fetch available models:", e);
+        availableModels.value = [];
+      }
+    });
     const ensureServicesStarted = () => __async(null, null, function* () {
       if (serviceStatus.value !== "idle") return true;
       try {
@@ -245,6 +262,11 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
         loadSessions();
       }
     });
+    (0, import_vue2.watch)(chromeMcpFailed, (failed) => {
+      if (failed) {
+        fetchAvailableModels();
+      }
+    });
     (0, import_vue2.onMounted)(() => {
       if (serviceStatus.value === "ready") {
         loadSessions();
@@ -332,7 +354,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
     const handleFrameLoaded = () => {
       iframeLoading.value = false;
     };
-    const __returned__ = { props, open, selectMode, sessionListCollapsed, loading, widgetRef, retryingWarmup, initialTheme, autoOpen, hotkey, proxyPort, proxyHost, displayMode, splitMode, widgetTheme, splitPanelWidth, proxyBaseUrl, showNotification, serviceStatus, chromeMcpFailed, chromeMcpErrorType, chromeMcpErrorMessage, loadingText, updateStatusFromTask, setStarting, selectedElements, removeElement, clearElements, theme, sendThemeToIframe, sessions, loadingSessionList, currentSessionId, iframeSrc, iframeLoading, loadSessions, createSession, deleteSession, selectSession, updateSessionInfo, updateContext, serverSSE, opencodeSSE, thinking, sessionStates, showSessionListSkeleton, computedLoading, displayLoadingText, retryWarmup, ensureServicesStarted, toggleSelectMode, handleToggle, handleSelectNode, handleClearSelected, handleSelectModeChange, handleSessionListCollapsedChange, handleThemeChange, handleSplitPanelWidthChange, handleRemoveSelectedNode, handleFrameLoaded, get OpenCodeWidget() {
+    const __returned__ = { props, open, selectMode, sessionListCollapsed, loading, widgetRef, retryingWarmup, availableModels, initialTheme, autoOpen, hotkey, proxyPort, proxyHost, displayMode, splitMode, widgetTheme, splitPanelWidth, proxyBaseUrl, showNotification, serviceStatus, chromeMcpFailed, chromeMcpErrorType, chromeMcpErrorMessage, loadingText, updateStatusFromTask, setStarting, selectedElements, removeElement, clearElements, theme, sendThemeToIframe, sessions, loadingSessionList, currentSessionId, iframeSrc, iframeLoading, loadSessions, createSession, deleteSession, selectSession, updateSessionInfo, updateContext, serverSSE, opencodeSSE, thinking, sessionStates, showSessionListSkeleton, computedLoading, displayLoadingText, retryWarmup, fetchAvailableModels, ensureServicesStarted, toggleSelectMode, handleToggle, handleSelectNode, handleClearSelected, handleSelectModeChange, handleSessionListCollapsedChange, handleThemeChange, handleSplitPanelWidthChange, handleRemoveSelectedNode, handleFrameLoaded, get OpenCodeWidget() {
       return import_components.OpenCodeWidget;
     }, LoadingContent: import_LoadingContent_vue.default, ChromeWarmupError: import_ChromeWarmupError_vue.default };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
@@ -384,8 +406,9 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
         retrying: $setup.retryingWarmup,
         "error-type": $setup.chromeMcpErrorType,
         "error-message": $setup.chromeMcpErrorMessage,
+        models: $setup.availableModels,
         onRetry: $setup.retryWarmup
-      }, null, 8, ["retrying", "error-type", "error-message"])) : (0, import_vue3.createCommentVNode)("v-if", true)
+      }, null, 8, ["retrying", "error-type", "error-message", "models"])) : (0, import_vue3.createCommentVNode)("v-if", true)
     ]),
     _: 1
     /* STABLE */

package/lib/client/components/ChromeWarmupError-sfc.css

@@ -1 +1 @@
-.opencode-chrome-warmup-error-details[data-v-13778a4c]{margin-top:8px;padding:12px;background:var(--oc-bg-tertiary);border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:var(--oc-text-secondary);max-height:120px;overflow-y:auto;word-break:break-word}
+.opencode-chrome-warmup-error-details[data-v-06c8b833]{margin-top:8px;padding:12px;background:var(--oc-bg-tertiary);border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:var(--oc-text-secondary);max-height:120px;overflow-y:auto;word-break:break-word}.opencode-model-selector[data-v-06c8b833]{display:flex;flex-direction:column;gap:12px;max-width:400px}.select-wrapper[data-v-06c8b833]{position:relative;width:100%}.native-select[data-v-06c8b833]{width:100%;padding:10px 36px 10px 12px;border-radius:8px;border:1px solid var(--oc-border-primary);background:var(--oc-bg-primary);color:var(--oc-text-primary);font-size:14px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.native-select[data-v-06c8b833]:hover:not(:disabled){border-color:var(--oc-border-hover);background:var(--oc-bg-secondary)}.native-select[data-v-06c8b833]:focus{border-color:var(--oc-primary);box-shadow:0 0 0 2px rgba(var(--oc-primary-rgb, 59, 130, 246),.2)}.native-select[data-v-06c8b833]:disabled{opacity:.6;cursor:not-allowed}.native-select option[data-v-06c8b833]{background:var(--oc-bg-primary);color:var(--oc-text-primary);padding:8px}.native-select optgroup[data-v-06c8b833]{color:var(--oc-text-secondary);font-weight:600;font-size:12px}.select-arrow[data-v-06c8b833]{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--oc-text-secondary);display:flex;align-items:center}.native-select:disabled+.select-arrow[data-v-06c8b833]{opacity:.6}.retry-btn[data-v-06c8b833]{width:100%;padding:10px 20px;border-radius:8px;border:none;background:var(--oc-primary);color:#fff;font-size:14px;cursor:pointer;transition:background-color .15s ease}.retry-btn[data-v-06c8b833]:hover:not(:disabled){background:var(--oc-primary-hover)}.retry-btn[data-v-06c8b833]:disabled{opacity:.6;cursor:not-allowed}.opencode-chrome-warmup-failed-actions[data-v-06c8b833]{margin-top:16px;display:flex;justify-content:center}.opencode-chrome-warmup-failed-btn[data-v-06c8b833]{padding:10px 20px;border-radius:8px;border:none;font-size:14px;cursor:pointer;transition:background-color .15s ease}.opencode-chrome-warmup-failed-btn.primary[data-v-06c8b833]{background:var(--oc-primary);color:#fff}.opencode-chrome-warmup-failed-btn.primary[data-v-06c8b833]:hover:not(:disabled){background:var(--oc-primary-hover)}.opencode-chrome-warmup-failed-btn[data-v-06c8b833]:disabled{opacity:.6;cursor:not-allowed}