vite-plugin-opencode-assistant 1.0.44 → 1.0.48

package/es/client/App.vue.js

@@ -65,6 +65,7 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
     const loading = ref(false);
     const widgetRef = ref(null);
     const retryingWarmup = ref(false);
+    const availableModels = ref([]);
     const {
       theme: initialTheme = "auto",
       open: autoOpen = false,
@@ -144,10 +145,14 @@ const __vue_sfc__ = /* @__PURE__ */ _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;
@@ -175,6 +180,18 @@ const __vue_sfc__ = /* @__PURE__ */ _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 {
@@ -214,6 +231,11 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
         loadSessions();
       }
     });
+    watch(chromeMcpFailed, (failed) => {
+      if (failed) {
+        fetchAvailableModels();
+      }
+    });
     onMounted(() => {
       if (serviceStatus.value === "ready") {
         loadSessions();
@@ -301,7 +323,7 @@ const __vue_sfc__ = /* @__PURE__ */ _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 OpenCodeWidget;
     }, LoadingContent, ChromeWarmupError };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
@@ -354,8 +376,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"])) : _createCommentVNode("v-if", true)
+      }, null, 8, ["retrying", "error-type", "error-message", "models"])) : _createCommentVNode("v-if", true)
     ]),
     _: 1
     /* STABLE */

package/es/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}

package/es/client/components/ChromeWarmupError.vue.d.ts

@@ -1,11 +1,19 @@
+import { type ModelInfo } from "@vite-plugin-opencode-assistant/shared";
 type __VLS_Props = {
     retrying: boolean;
     errorType?: string;
     errorMessage?: string;
+    models?: ModelInfo[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    retry: () => any;
+    retry: (selectedModel?: {
+        providerID: string;
+        modelID: string;
+    } | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRetry?: (() => any) | undefined;
+    onRetry?: ((selectedModel?: {
+        providerID: string;
+        modelID: string;
+    } | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/es/client/components/ChromeWarmupError.vue.js

@@ -1,36 +1,117 @@
 import "./ChromeWarmupError-sfc.css";
 import { defineComponent as _defineComponent } from "vue";
+import { ref, computed, watch } from "vue";
 import { ChromeMcpWarmupErrorType } from "@vite-plugin-opencode-assistant/shared";
 const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
   __name: "ChromeWarmupError",
   props: {
     retrying: { type: Boolean, required: true },
     errorType: { type: String, required: false },
-    errorMessage: { type: String, required: false }
+    errorMessage: { type: String, required: false },
+    models: { type: Array, required: false }
   },
   emits: ["retry"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
+    const props = __props;
     const emit = __emit;
-    const __returned__ = { emit, get ChromeMcpWarmupErrorType() {
+    const selectedModelValue = ref("");
+    watch(
+      () => props.models,
+      (models) => {
+        if (models && models.length > 0 && !selectedModelValue.value) {
+          selectedModelValue.value = `${models[0].providerID}:${models[0].modelID}`;
+        }
+      },
+      { immediate: true }
+    );
+    const shouldShowModelSelector = computed(() => {
+      return props.errorType === ChromeMcpWarmupErrorType.AI_TIMEOUT || props.errorType === ChromeMcpWarmupErrorType.AI_RESPONSE_ERROR || props.errorType === ChromeMcpWarmupErrorType.UNKNOWN;
+    });
+    const hasModels = computed(() => props.models && props.models.length > 0);
+    const groupedModels = computed(() => {
+      if (!props.models) return {};
+      const groups = {};
+      for (const model of props.models) {
+        if (!groups[model.providerID]) {
+          groups[model.providerID] = [];
+        }
+        groups[model.providerID].push(model);
+      }
+      return groups;
+    });
+    const selectedModel = computed(() => {
+      var _a;
+      if (!selectedModelValue.value || !props.models) return ((_a = props.models) == null ? void 0 : _a[0]) || null;
+      const [providerID, modelID] = selectedModelValue.value.split(":");
+      return props.models.find((m) => m.providerID === providerID && m.modelID === modelID) || null;
+    });
+    const getProviderDisplayName = (providerID) => {
+      const knownProviders = {
+        anthropic: "Anthropic",
+        openai: "OpenAI",
+        google: "Google",
+        xai: "xAI",
+        opencode: "OpenCode",
+        opencode_go: "OpenCode Go"
+      };
+      return knownProviders[providerID] || providerID;
+    };
+    const getModelKey = (model) => `${model.providerID}:${model.modelID}`;
+    const handleRetry = () => {
+      if (shouldShowModelSelector.value && hasModels.value && selectedModel.value) {
+        emit("retry", {
+          providerID: selectedModel.value.providerID,
+          modelID: selectedModel.value.modelID
+        });
+      } else {
+        emit("retry");
+      }
+    };
+    const __returned__ = { props, emit, selectedModelValue, shouldShowModelSelector, hasModels, groupedModels, selectedModel, getProviderDisplayName, getModelKey, handleRetry, get ChromeMcpWarmupErrorType() {
       return ChromeMcpWarmupErrorType;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, Fragment as _Fragment, toDisplayString as _toDisplayString } from "vue";
+import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createTextVNode as _createTextVNode, Fragment as _Fragment, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, renderList as _renderList, vModelSelect as _vModelSelect, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = { class: "opencode-chrome-warmup-failed" };
 const _hoisted_2 = { class: "opencode-chrome-warmup-failed-text" };
-const _hoisted_3 = { class: "opencode-chrome-warmup-error-details" };
+const _hoisted_3 = {
+  key: 0,
+  style: { "margin-top": "12px", "font-weight": "500" }
+};
 const _hoisted_4 = { class: "opencode-chrome-warmup-failed-text" };
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { key: 1 };
-const _hoisted_7 = { class: "opencode-chrome-warmup-failed-actions" };
-const _hoisted_8 = ["disabled"];
+const _hoisted_5 = { class: "opencode-chrome-warmup-error-details" };
+const _hoisted_6 = {
+  key: 0,
+  style: { "margin-top": "12px" }
+};
+const _hoisted_7 = { class: "opencode-chrome-warmup-failed-text" };
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = { key: 1 };
+const _hoisted_10 = {
+  key: 2,
+  style: { "margin-top": "12px" }
+};
+const _hoisted_11 = {
+  key: 4,
+  class: "opencode-model-selector"
+};
+const _hoisted_12 = { class: "select-wrapper" };
+const _hoisted_13 = ["disabled"];
+const _hoisted_14 = ["label"];
+const _hoisted_15 = ["value"];
+const _hoisted_16 = ["disabled"];
+const _hoisted_17 = {
+  key: 5,
+  class: "opencode-chrome-warmup-failed-actions"
+};
+const _hoisted_18 = ["disabled"];
 function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
   return _openBlock(), _createElementBlock("div", _hoisted_1, [
-    _cache[9] || (_cache[9] = _createElementVNode(
+    _cache[11] || (_cache[11] = _createElementVNode(
       "div",
       { class: "opencode-chrome-warmup-failed-icon" },
       [
@@ -53,31 +134,30 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       -1
       /* CACHED */
     )),
-    _createCommentVNode(" Chrome \u8FDC\u7A0B\u8C03\u8BD5\u672A\u5F00\u542F "),
     $props.errorType === $setup.ChromeMcpWarmupErrorType.CHROME_NOT_CONNECTED ? (_openBlock(), _createElementBlock(
       _Fragment,
       { key: 0 },
       [
-        _cache[1] || (_cache[1] = _createElementVNode(
+        _cache[2] || (_cache[2] = _createElementVNode(
           "div",
           { class: "opencode-chrome-warmup-failed-title" },
           "Chrome DevTools MCP \u8FDE\u63A5\u5931\u8D25",
           -1
           /* CACHED */
         )),
-        _cache[2] || (_cache[2] = _createElementVNode(
+        _cache[3] || (_cache[3] = _createElementVNode(
           "div",
           { class: "opencode-chrome-warmup-failed-text" },
           [
             _createElementVNode("p", null, "\u8BF7\u6309\u4EE5\u4E0B\u6B65\u9AA4\u5F00\u542F Chrome \u8FDC\u7A0B\u8C03\u8BD5\uFF1A"),
-            _createElementVNode("ol", { class: "opencode-chrome-warmup-steps" }, [
-              _createElementVNode("li", null, [
+            _createElementVNode("div", { class: "opencode-chrome-warmup-steps" }, [
+              _createElementVNode("div", null, [
                 _createTextVNode(" \u5728 Chrome \u5730\u5740\u680F\u8F93\u5165 "),
                 _createElementVNode("code", { class: "opencode-chrome-warmup-code" }, "chrome://inspect/#remote-debugging")
               ]),
-              _createElementVNode("li", null, "\u52FE\u9009 'Allow remote debugging for this browser instance' \u9009\u9879"),
-              _createElementVNode("li", null, "\u91CD\u65B0\u542F\u52A8\u6D4F\u89C8\u5668"),
-              _createElementVNode("li", null, "\u5B8C\u6210\u540E\u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\u91CD\u8BD5")
+              _createElementVNode("div", null, "\u52FE\u9009 'Allow remote debugging for this browser instance' \u9009\u9879"),
+              _createElementVNode("div", null, "\u91CD\u65B0\u542F\u52A8\u6D4F\u89C8\u5668"),
+              _createElementVNode("div", null, "\u5B8C\u6210\u540E\u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\u91CD\u8BD5")
             ])
           ],
           -1
@@ -90,29 +170,34 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       _Fragment,
       { key: 1 },
       [
-        _createCommentVNode(" AI \u54CD\u5E94\u8D85\u65F6 "),
-        _cache[3] || (_cache[3] = _createElementVNode(
+        _cache[6] || (_cache[6] = _createElementVNode(
           "div",
           { class: "opencode-chrome-warmup-failed-title" },
           "AI \u54CD\u5E94\u8D85\u65F6",
           -1
           /* CACHED */
         )),
-        _cache[4] || (_cache[4] = _createElementVNode(
-          "div",
-          { class: "opencode-chrome-warmup-failed-text" },
-          [
-            _createElementVNode("p", null, "AI \u6A21\u578B\u54CD\u5E94\u8D85\u65F6\uFF0C\u53EF\u80FD\u7684\u539F\u56E0\uFF1A"),
-            _createElementVNode("ol", { class: "opencode-chrome-warmup-steps" }, [
-              _createElementVNode("li", null, "OpenCode AI \u6A21\u578B\u672A\u6B63\u786E\u914D\u7F6E"),
-              _createElementVNode("li", null, "AI \u6A21\u578B\u670D\u52A1\u4E0D\u53EF\u7528\u6216\u54CD\u5E94\u7F13\u6162"),
-              _createElementVNode("li", null, "\u7F51\u7EDC\u8FDE\u63A5\u95EE\u9898")
-            ]),
-            _createElementVNode("p", { style: { "margin-top": "12px", "font-weight": "500" } }, "\u8BF7\u68C0\u67E5 OpenCode \u914D\u7F6E\u6587\u4EF6\u4E2D\u7684 AI \u6A21\u578B\u8BBE\u7F6E")
-          ],
-          -1
-          /* CACHED */
-        ))
+        _createElementVNode("div", _hoisted_2, [
+          _cache[4] || (_cache[4] = _createElementVNode(
+            "p",
+            null,
+            "AI \u6A21\u578B\u54CD\u5E94\u8D85\u65F6\uFF0C\u53EF\u80FD\u7684\u539F\u56E0\uFF1A",
+            -1
+            /* CACHED */
+          )),
+          _cache[5] || (_cache[5] = _createElementVNode(
+            "div",
+            { class: "opencode-chrome-warmup-steps" },
+            [
+              _createElementVNode("div", null, "\u5F53\u524D\u9009\u62E9\u7684 AI \u6A21\u578B\u670D\u52A1\u4E0D\u53EF\u7528\u6216\u54CD\u5E94\u7F13\u6162"),
+              _createElementVNode("div", null, "\u7F51\u7EDC\u8FDE\u63A5\u95EE\u9898"),
+              _createElementVNode("div", null, "\u6A21\u578B\u914D\u7F6E\u4E0D\u6B63\u786E")
+            ],
+            -1
+            /* CACHED */
+          )),
+          $setup.hasModels ? (_openBlock(), _createElementBlock("p", _hoisted_3, "\u53EF\u9009\u62E9\u5176\u4ED6\u6A21\u578B\u91CD\u8BD5\uFF1A")) : _createCommentVNode("v-if", true)
+        ])
       ],
       64
       /* STABLE_FRAGMENT */
@@ -120,16 +205,15 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       _Fragment,
       { key: 2 },
       [
-        _createCommentVNode(" AI \u54CD\u5E94\u9519\u8BEF "),
-        _cache[7] || (_cache[7] = _createElementVNode(
+        _cache[8] || (_cache[8] = _createElementVNode(
           "div",
           { class: "opencode-chrome-warmup-failed-title" },
           "AI \u54CD\u5E94\u9519\u8BEF",
           -1
           /* CACHED */
         )),
-        _createElementVNode("div", _hoisted_2, [
-          _cache[5] || (_cache[5] = _createElementVNode(
+        _createElementVNode("div", _hoisted_4, [
+          _cache[7] || (_cache[7] = _createElementVNode(
             "p",
             null,
             "AI \u6A21\u578B\u8FD4\u56DE\u4E86\u610F\u5916\u7684\u54CD\u5E94\uFF1A",
@@ -138,18 +222,12 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
           )),
           _createElementVNode(
             "div",
-            _hoisted_3,
+            _hoisted_5,
             _toDisplayString($props.errorMessage || "\u672A\u77E5\u9519\u8BEF"),
             1
             /* TEXT */
           ),
-          _cache[6] || (_cache[6] = _createElementVNode(
-            "p",
-            { style: { "margin-top": "12px" } },
-            "\u8BF7\u68C0\u67E5 OpenCode AI \u6A21\u578B\u914D\u7F6E\u662F\u5426\u6B63\u786E",
-            -1
-            /* CACHED */
-          ))
+          $setup.hasModels ? (_openBlock(), _createElementBlock("p", _hoisted_6, "\u53EF\u9009\u62E9\u5176\u4ED6\u6A21\u578B\u91CD\u8BD5\uFF1A")) : _createCommentVNode("v-if", true)
         ])
       ],
       64
@@ -158,38 +236,101 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       _Fragment,
       { key: 3 },
       [
-        _createCommentVNode(" \u5176\u4ED6\u9519\u8BEF "),
-        _cache[8] || (_cache[8] = _createElementVNode(
+        _cache[9] || (_cache[9] = _createElementVNode(
           "div",
           { class: "opencode-chrome-warmup-failed-title" },
           "Chrome DevTools MCP \u8FDE\u63A5\u5931\u8D25",
           -1
           /* CACHED */
         )),
-        _createElementVNode("div", _hoisted_4, [
+        _createElementVNode("div", _hoisted_7, [
           $props.errorMessage ? (_openBlock(), _createElementBlock(
             "p",
-            _hoisted_5,
+            _hoisted_8,
             _toDisplayString($props.errorMessage),
             1
             /* TEXT */
-          )) : (_openBlock(), _createElementBlock("p", _hoisted_6, "\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"))
+          )) : (_openBlock(), _createElementBlock("p", _hoisted_9, "\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5")),
+          $setup.hasModels ? (_openBlock(), _createElementBlock("p", _hoisted_10, "\u53EF\u9009\u62E9\u6A21\u578B\u91CD\u8BD5\uFF1A")) : _createCommentVNode("v-if", true)
         ])
       ],
       64
       /* STABLE_FRAGMENT */
     )),
-    _createElementVNode("div", _hoisted_7, [
+    $setup.shouldShowModelSelector && $setup.hasModels ? (_openBlock(), _createElementBlock("div", _hoisted_11, [
+      _createElementVNode("div", _hoisted_12, [
+        _withDirectives(_createElementVNode("select", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.selectedModelValue = $event),
+          class: "native-select",
+          disabled: $props.retrying
+        }, [
+          (_openBlock(true), _createElementBlock(
+            _Fragment,
+            null,
+            _renderList($setup.groupedModels, (providerModels, provider) => {
+              return _openBlock(), _createElementBlock("optgroup", {
+                key: provider,
+                label: $setup.getProviderDisplayName(provider)
+              }, [
+                (_openBlock(true), _createElementBlock(
+                  _Fragment,
+                  null,
+                  _renderList(providerModels, (model) => {
+                    return _openBlock(), _createElementBlock("option", {
+                      key: $setup.getModelKey(model),
+                      value: $setup.getModelKey(model)
+                    }, _toDisplayString(model.name || model.modelID), 9, _hoisted_15);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ], 8, _hoisted_14);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ], 8, _hoisted_13), [
+          [_vModelSelect, $setup.selectedModelValue]
+        ]),
+        _cache[10] || (_cache[10] = _createElementVNode(
+          "span",
+          { class: "select-arrow" },
+          [
+            _createElementVNode("svg", {
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              _createElementVNode("path", {
+                d: "M6 9l6 6 6-6",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              })
+            ])
+          ],
+          -1
+          /* CACHED */
+        ))
+      ]),
+      _createElementVNode("button", {
+        class: "retry-btn",
+        disabled: $props.retrying,
+        onClick: $setup.handleRetry
+      }, _toDisplayString($props.retrying ? "\u8FDE\u63A5\u4E2D..." : "\u91CD\u8BD5\u8FDE\u63A5"), 9, _hoisted_16)
+    ])) : (_openBlock(), _createElementBlock("div", _hoisted_17, [
       _createElementVNode("button", {
         class: "opencode-chrome-warmup-failed-btn primary",
         disabled: $props.retrying,
-        onClick: _cache[0] || (_cache[0] = ($event) => $setup.emit("retry"))
-      }, _toDisplayString($props.retrying ? "\u8FDE\u63A5\u4E2D..." : "\u91CD\u8BD5\u8FDE\u63A5"), 9, _hoisted_8)
-    ])
+        onClick: _cache[1] || (_cache[1] = ($event) => $setup.handleRetry())
+      }, _toDisplayString($props.retrying ? "\u8FDE\u63A5\u4E2D..." : "\u91CD\u8BD5\u8FDE\u63A5"), 9, _hoisted_18)
+    ]))
   ]);
 }
 __vue_sfc__.render = __vue_render__;
-__vue_sfc__.__scopeId = "data-v-13778a4c";
+__vue_sfc__.__scopeId = "data-v-06c8b833";
 var ChromeWarmupError_vue_default = __vue_sfc__;
 export {
   ChromeWarmupError_vue_default as default

package/es/client/styles.css

@@ -1 +1 @@
-.opencode-custom-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.opencode-loading-spinner{width:32px;height:32px;border:3px solid var(--oc-border-primary);border-top-color:var(--oc-primary);border-radius:50%;animation:opencode-spin .8s linear infinite}@keyframes opencode-spin{to{transform:rotate(360deg)}}.opencode-loading-text{margin-top:12px;color:var(--oc-text-secondary);font-size:14px}.opencode-chrome-warmup-failed{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:15}.opencode-chrome-warmup-failed-icon{color:var(--oc-warning, #f59e0b);margin-bottom:16px}.opencode-chrome-warmup-failed-title{color:var(--oc-text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.opencode-chrome-warmup-failed-text{color:var(--oc-text-secondary);font-size:14px;margin-bottom:24px;text-align:left;max-width:400px;line-height:1.6;text-align:center}.opencode-chrome-warmup-failed-text p{margin:0 0 12px;font-weight:500;color:var(--oc-text-primary)}.opencode-chrome-warmup-steps{margin:0;padding-left:20px}.opencode-chrome-warmup-steps li{margin-bottom:8px;color:var(--oc-text-secondary);font-size:13px;line-height:1.5}.opencode-chrome-warmup-steps li:last-child{margin-bottom:0}.opencode-chrome-warmup-code{display:inline-block;background:var(--oc-bg-tertiary);color:var(--oc-primary);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500;word-break:break-all;margin:0 2px}.opencode-chrome-warmup-failed-actions{display:flex;gap:12px}.opencode-chrome-warmup-failed-btn{padding:10px 24px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.opencode-chrome-warmup-failed-btn.primary{background:var(--oc-primary);color:#fff;box-shadow:var(--oc-shadow-primary)}.opencode-chrome-warmup-failed-btn.primary:hover:not(:disabled){background:var(--oc-primary-hover);transform:translateY(-1px);box-shadow:var(--oc-shadow-primary-hover)}.opencode-chrome-warmup-failed-btn.primary:active:not(:disabled){transform:translateY(0)}.opencode-chrome-warmup-failed-btn.primary:disabled{opacity:.6;cursor:not-allowed}
+.opencode-custom-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.opencode-loading-spinner{width:32px;height:32px;border:3px solid var(--oc-border-primary);border-top-color:var(--oc-primary);border-radius:50%;animation:opencode-spin .8s linear infinite}@keyframes opencode-spin{to{transform:rotate(360deg)}}.opencode-loading-text{margin-top:12px;color:var(--oc-text-secondary);font-size:14px}.opencode-chrome-warmup-failed{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--oc-bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:15}.opencode-chrome-warmup-failed-icon{color:var(--oc-warning, #f59e0b);margin-bottom:16px}.opencode-chrome-warmup-failed-title{color:var(--oc-text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.opencode-chrome-warmup-failed-text{color:var(--oc-text-secondary);font-size:14px;text-align:left;max-width:400px;line-height:1.6;text-align:center}.opencode-chrome-warmup-failed-text p{margin:0 0 12px;font-weight:500;color:var(--oc-text-primary)}.opencode-chrome-warmup-steps{margin:0}.opencode-chrome-warmup-steps div{margin-bottom:8px;color:var(--oc-text-secondary);font-size:13px;line-height:1.5}.opencode-chrome-warmup-steps div:last-child{margin-bottom:0}.opencode-chrome-warmup-code{display:inline-block;background:var(--oc-bg-tertiary);color:var(--oc-primary);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500;word-break:break-all;margin:0 2px}.opencode-chrome-warmup-failed-actions{display:flex;gap:12px}.opencode-chrome-warmup-failed-btn{padding:10px 24px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.opencode-chrome-warmup-failed-btn.primary{background:var(--oc-primary);color:#fff;box-shadow:var(--oc-shadow-primary)}.opencode-chrome-warmup-failed-btn.primary:hover:not(:disabled){background:var(--oc-primary-hover);transform:translateY(-1px);box-shadow:var(--oc-shadow-primary-hover)}.opencode-chrome-warmup-failed-btn.primary:active:not(:disabled){transform:translateY(0)}.opencode-chrome-warmup-failed-btn.primary:disabled{opacity:.6;cursor:not-allowed}

package/es/core/api.d.ts

@@ -1,27 +1,25 @@
-import type { SessionInfo } from "@vite-plugin-opencode-assistant/shared";
+import type { SessionInfo, ModelInfo } from "@vite-plugin-opencode-assistant/shared";
 import { ChromeMcpWarmupError } from "@vite-plugin-opencode-assistant/shared";
 export declare class OpenCodeAPI {
     private hostname;
     private getPort;
     private getProxyPort;
     private warmupChromeMcpConfig;
-    private failedFreeModels;
     constructor(hostname: string, getPort: () => number, getProxyPort: () => number, warmupChromeMcpConfig?: boolean);
-    markModelAsFailed(providerID: string, modelID: string): void;
-    clearFailedModels(): void;
     private createHttpRequest;
     getSessions(projectDir: string, retries?: number): Promise<SessionInfo[]>;
     createSession(projectDir: string, retries?: number, title?: string): Promise<SessionInfo>;
-    getCheapestModel(): Promise<{
-        providerID: string;
-        modelID: string;
-    } | null>;
+    getAvailableModels(): Promise<ModelInfo[]>;
     deleteSession(sessionId: string, retries?: number): Promise<void>;
     getToolIds(retries?: number): Promise<string[]>;
+    private executeWarmupChromeMcp;
     warmupChromeMcp(projectDir: string, viteOrigin?: string): Promise<void>;
-    getOrCreateSession(projectDir: string): Promise<string>;
-    retryWarmupChromeMcp(projectDir: string, viteOrigin?: string): Promise<{
+    retryWarmupChromeMcp(projectDir: string, viteOrigin?: string, selectedModel?: {
+        providerID: string;
+        modelID: string;
+    }): Promise<{
         success: boolean;
         error?: ChromeMcpWarmupError;
     }>;
+    getOrCreateSession(projectDir: string): Promise<string>;
 }