vite-plugin-opencode-assistant 1.0.47 → 1.0.49

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

@@ -22,20 +22,76 @@ __export(ChromeWarmupError_vue_exports, {
 module.exports = __toCommonJS(ChromeWarmupError_vue_exports);
 var import_ChromeWarmupError_sfc = require("./ChromeWarmupError-sfc.css");
 var import_vue = require("vue");
-var import_shared = require("@vite-plugin-opencode-assistant/shared");
 var import_vue2 = require("vue");
+var import_shared = require("@vite-plugin-opencode-assistant/shared");
+var import_vue3 = require("vue");
 const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.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 = (0, import_vue2.ref)("");
+    (0, import_vue2.watch)(
+      () => props.models,
+      (models) => {
+        if (models && models.length > 0 && !selectedModelValue.value) {
+          selectedModelValue.value = `${models[0].providerID}:${models[0].modelID}`;
+        }
+      },
+      { immediate: true }
+    );
+    const shouldShowModelSelector = (0, import_vue2.computed)(() => {
+      return props.errorType === import_shared.ChromeMcpWarmupErrorType.AI_TIMEOUT || props.errorType === import_shared.ChromeMcpWarmupErrorType.AI_RESPONSE_ERROR || props.errorType === import_shared.ChromeMcpWarmupErrorType.UNKNOWN;
+    });
+    const hasModels = (0, import_vue2.computed)(() => props.models && props.models.length > 0);
+    const groupedModels = (0, import_vue2.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 = (0, import_vue2.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 import_shared.ChromeMcpWarmupErrorType;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
@@ -44,19 +100,44 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
 });
 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 (0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("div", _hoisted_1, [
-    _cache[9] || (_cache[9] = (0, import_vue2.createElementVNode)(
+  return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_1, [
+    _cache[11] || (_cache[11] = (0, import_vue3.createElementVNode)(
       "div",
       { class: "opencode-chrome-warmup-failed-icon" },
       [
-        (0, import_vue2.createElementVNode)("svg", {
+        (0, import_vue3.createElementVNode)("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 24 24",
@@ -65,7 +146,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
           stroke: "currentColor",
           "stroke-width": "1.5"
         }, [
-          (0, import_vue2.createElementVNode)("path", {
+          (0, import_vue3.createElementVNode)("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
@@ -75,31 +156,30 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       -1
       /* CACHED */
     )),
-    (0, import_vue2.createCommentVNode)(" Chrome \u8FDC\u7A0B\u8C03\u8BD5\u672A\u5F00\u542F "),
-    $props.errorType === $setup.ChromeMcpWarmupErrorType.CHROME_NOT_CONNECTED ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)(
-      import_vue2.Fragment,
+    $props.errorType === $setup.ChromeMcpWarmupErrorType.CHROME_NOT_CONNECTED ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+      import_vue3.Fragment,
       { key: 0 },
       [
-        _cache[1] || (_cache[1] = (0, import_vue2.createElementVNode)(
+        _cache[2] || (_cache[2] = (0, import_vue3.createElementVNode)(
           "div",
           { class: "opencode-chrome-warmup-failed-title" },
           "Chrome DevTools MCP \u8FDE\u63A5\u5931\u8D25",
           -1
           /* CACHED */
         )),
-        _cache[2] || (_cache[2] = (0, import_vue2.createElementVNode)(
+        _cache[3] || (_cache[3] = (0, import_vue3.createElementVNode)(
           "div",
           { class: "opencode-chrome-warmup-failed-text" },
           [
-            (0, import_vue2.createElementVNode)("p", null, "\u8BF7\u6309\u4EE5\u4E0B\u6B65\u9AA4\u5F00\u542F Chrome \u8FDC\u7A0B\u8C03\u8BD5\uFF1A"),
-            (0, import_vue2.createElementVNode)("ol", { class: "opencode-chrome-warmup-steps" }, [
-              (0, import_vue2.createElementVNode)("li", null, [
-                (0, import_vue2.createTextVNode)(" \u5728 Chrome \u5730\u5740\u680F\u8F93\u5165 "),
-                (0, import_vue2.createElementVNode)("code", { class: "opencode-chrome-warmup-code" }, "chrome://inspect/#remote-debugging")
+            (0, import_vue3.createElementVNode)("p", null, "\u8BF7\u6309\u4EE5\u4E0B\u6B65\u9AA4\u5F00\u542F Chrome \u8FDC\u7A0B\u8C03\u8BD5\uFF1A"),
+            (0, import_vue3.createElementVNode)("div", { class: "opencode-chrome-warmup-steps" }, [
+              (0, import_vue3.createElementVNode)("div", null, [
+                (0, import_vue3.createTextVNode)(" \u5728 Chrome \u5730\u5740\u680F\u8F93\u5165 "),
+                (0, import_vue3.createElementVNode)("code", { class: "opencode-chrome-warmup-code" }, "chrome://inspect/#remote-debugging")
               ]),
-              (0, import_vue2.createElementVNode)("li", null, "\u52FE\u9009 'Allow remote debugging for this browser instance' \u9009\u9879"),
-              (0, import_vue2.createElementVNode)("li", null, "\u91CD\u65B0\u542F\u52A8\u6D4F\u89C8\u5668"),
-              (0, import_vue2.createElementVNode)("li", null, "\u5B8C\u6210\u540E\u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\u91CD\u8BD5")
+              (0, import_vue3.createElementVNode)("div", null, "\u52FE\u9009 'Allow remote debugging for this browser instance' \u9009\u9879"),
+              (0, import_vue3.createElementVNode)("div", null, "\u91CD\u65B0\u542F\u52A8\u6D4F\u89C8\u5668"),
+              (0, import_vue3.createElementVNode)("div", null, "\u5B8C\u6210\u540E\u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\u91CD\u8BD5")
             ])
           ],
           -1
@@ -108,108 +188,169 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       ],
       64
       /* STABLE_FRAGMENT */
-    )) : $props.errorType === $setup.ChromeMcpWarmupErrorType.AI_TIMEOUT ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)(
-      import_vue2.Fragment,
+    )) : $props.errorType === $setup.ChromeMcpWarmupErrorType.AI_TIMEOUT ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+      import_vue3.Fragment,
       { key: 1 },
       [
-        (0, import_vue2.createCommentVNode)(" AI \u54CD\u5E94\u8D85\u65F6 "),
-        _cache[3] || (_cache[3] = (0, import_vue2.createElementVNode)(
+        _cache[6] || (_cache[6] = (0, import_vue3.createElementVNode)(
           "div",
           { class: "opencode-chrome-warmup-failed-title" },
           "AI \u54CD\u5E94\u8D85\u65F6",
           -1
           /* CACHED */
         )),
-        _cache[4] || (_cache[4] = (0, import_vue2.createElementVNode)(
-          "div",
-          { class: "opencode-chrome-warmup-failed-text" },
-          [
-            (0, import_vue2.createElementVNode)("p", null, "AI \u6A21\u578B\u54CD\u5E94\u8D85\u65F6\uFF0C\u53EF\u80FD\u7684\u539F\u56E0\uFF1A"),
-            (0, import_vue2.createElementVNode)("ol", { class: "opencode-chrome-warmup-steps" }, [
-              (0, import_vue2.createElementVNode)("li", null, "OpenCode AI \u6A21\u578B\u672A\u6B63\u786E\u914D\u7F6E"),
-              (0, import_vue2.createElementVNode)("li", null, "AI \u6A21\u578B\u670D\u52A1\u4E0D\u53EF\u7528\u6216\u54CD\u5E94\u7F13\u6162"),
-              (0, import_vue2.createElementVNode)("li", null, "\u7F51\u7EDC\u8FDE\u63A5\u95EE\u9898")
-            ]),
-            (0, import_vue2.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 */
-        ))
+        (0, import_vue3.createElementVNode)("div", _hoisted_2, [
+          _cache[4] || (_cache[4] = (0, import_vue3.createElementVNode)(
+            "p",
+            null,
+            "AI \u6A21\u578B\u54CD\u5E94\u8D85\u65F6\uFF0C\u53EF\u80FD\u7684\u539F\u56E0\uFF1A",
+            -1
+            /* CACHED */
+          )),
+          _cache[5] || (_cache[5] = (0, import_vue3.createElementVNode)(
+            "div",
+            { class: "opencode-chrome-warmup-steps" },
+            [
+              (0, import_vue3.createElementVNode)("div", null, "\u5F53\u524D\u9009\u62E9\u7684 AI \u6A21\u578B\u670D\u52A1\u4E0D\u53EF\u7528\u6216\u54CD\u5E94\u7F13\u6162"),
+              (0, import_vue3.createElementVNode)("div", null, "\u7F51\u7EDC\u8FDE\u63A5\u95EE\u9898"),
+              (0, import_vue3.createElementVNode)("div", null, "\u6A21\u578B\u914D\u7F6E\u4E0D\u6B63\u786E")
+            ],
+            -1
+            /* CACHED */
+          )),
+          $setup.hasModels ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("p", _hoisted_3, "\u53EF\u9009\u62E9\u5176\u4ED6\u6A21\u578B\u91CD\u8BD5\uFF1A")) : (0, import_vue3.createCommentVNode)("v-if", true)
+        ])
       ],
       64
       /* STABLE_FRAGMENT */
-    )) : $props.errorType === $setup.ChromeMcpWarmupErrorType.AI_RESPONSE_ERROR ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)(
-      import_vue2.Fragment,
+    )) : $props.errorType === $setup.ChromeMcpWarmupErrorType.AI_RESPONSE_ERROR ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+      import_vue3.Fragment,
       { key: 2 },
       [
-        (0, import_vue2.createCommentVNode)(" AI \u54CD\u5E94\u9519\u8BEF "),
-        _cache[7] || (_cache[7] = (0, import_vue2.createElementVNode)(
+        _cache[8] || (_cache[8] = (0, import_vue3.createElementVNode)(
           "div",
           { class: "opencode-chrome-warmup-failed-title" },
           "AI \u54CD\u5E94\u9519\u8BEF",
           -1
           /* CACHED */
         )),
-        (0, import_vue2.createElementVNode)("div", _hoisted_2, [
-          _cache[5] || (_cache[5] = (0, import_vue2.createElementVNode)(
+        (0, import_vue3.createElementVNode)("div", _hoisted_4, [
+          _cache[7] || (_cache[7] = (0, import_vue3.createElementVNode)(
             "p",
             null,
             "AI \u6A21\u578B\u8FD4\u56DE\u4E86\u610F\u5916\u7684\u54CD\u5E94\uFF1A",
             -1
             /* CACHED */
           )),
-          (0, import_vue2.createElementVNode)(
+          (0, import_vue3.createElementVNode)(
             "div",
-            _hoisted_3,
-            (0, import_vue2.toDisplayString)($props.errorMessage || "\u672A\u77E5\u9519\u8BEF"),
+            _hoisted_5,
+            (0, import_vue3.toDisplayString)($props.errorMessage || "\u672A\u77E5\u9519\u8BEF"),
             1
             /* TEXT */
           ),
-          _cache[6] || (_cache[6] = (0, import_vue2.createElementVNode)(
-            "p",
-            { style: { "margin-top": "12px" } },
-            "\u8BF7\u68C0\u67E5 OpenCode AI \u6A21\u578B\u914D\u7F6E\u662F\u5426\u6B63\u786E",
-            -1
-            /* CACHED */
-          ))
+          $setup.hasModels ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("p", _hoisted_6, "\u53EF\u9009\u62E9\u5176\u4ED6\u6A21\u578B\u91CD\u8BD5\uFF1A")) : (0, import_vue3.createCommentVNode)("v-if", true)
         ])
       ],
       64
       /* STABLE_FRAGMENT */
-    )) : ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)(
-      import_vue2.Fragment,
+    )) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
+      import_vue3.Fragment,
       { key: 3 },
       [
-        (0, import_vue2.createCommentVNode)(" \u5176\u4ED6\u9519\u8BEF "),
-        _cache[8] || (_cache[8] = (0, import_vue2.createElementVNode)(
+        _cache[9] || (_cache[9] = (0, import_vue3.createElementVNode)(
           "div",
           { class: "opencode-chrome-warmup-failed-title" },
           "Chrome DevTools MCP \u8FDE\u63A5\u5931\u8D25",
           -1
           /* CACHED */
         )),
-        (0, import_vue2.createElementVNode)("div", _hoisted_4, [
-          $props.errorMessage ? ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)(
+        (0, import_vue3.createElementVNode)("div", _hoisted_7, [
+          $props.errorMessage ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)(
             "p",
-            _hoisted_5,
-            (0, import_vue2.toDisplayString)($props.errorMessage),
+            _hoisted_8,
+            (0, import_vue3.toDisplayString)($props.errorMessage),
             1
             /* TEXT */
-          )) : ((0, import_vue2.openBlock)(), (0, import_vue2.createElementBlock)("p", _hoisted_6, "\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"))
+          )) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("p", _hoisted_9, "\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5")),
+          $setup.hasModels ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("p", _hoisted_10, "\u53EF\u9009\u62E9\u6A21\u578B\u91CD\u8BD5\uFF1A")) : (0, import_vue3.createCommentVNode)("v-if", true)
         ])
       ],
       64
       /* STABLE_FRAGMENT */
     )),
-    (0, import_vue2.createElementVNode)("div", _hoisted_7, [
-      (0, import_vue2.createElementVNode)("button", {
+    $setup.shouldShowModelSelector && $setup.hasModels ? ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_11, [
+      (0, import_vue3.createElementVNode)("div", _hoisted_12, [
+        (0, import_vue3.withDirectives)((0, import_vue3.createElementVNode)("select", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.selectedModelValue = $event),
+          class: "native-select",
+          disabled: $props.retrying
+        }, [
+          ((0, import_vue3.openBlock)(true), (0, import_vue3.createElementBlock)(
+            import_vue3.Fragment,
+            null,
+            (0, import_vue3.renderList)($setup.groupedModels, (providerModels, provider) => {
+              return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("optgroup", {
+                key: provider,
+                label: $setup.getProviderDisplayName(provider)
+              }, [
+                ((0, import_vue3.openBlock)(true), (0, import_vue3.createElementBlock)(
+                  import_vue3.Fragment,
+                  null,
+                  (0, import_vue3.renderList)(providerModels, (model) => {
+                    return (0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("option", {
+                      key: $setup.getModelKey(model),
+                      value: $setup.getModelKey(model)
+                    }, (0, import_vue3.toDisplayString)(model.name || model.modelID), 9, _hoisted_15);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ], 8, _hoisted_14);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ], 8, _hoisted_13), [
+          [import_vue3.vModelSelect, $setup.selectedModelValue]
+        ]),
+        _cache[10] || (_cache[10] = (0, import_vue3.createElementVNode)(
+          "span",
+          { class: "select-arrow" },
+          [
+            (0, import_vue3.createElementVNode)("svg", {
+              viewBox: "0 0 24 24",
+              width: "16",
+              height: "16",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              (0, import_vue3.createElementVNode)("path", {
+                d: "M6 9l6 6 6-6",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              })
+            ])
+          ],
+          -1
+          /* CACHED */
+        ))
+      ]),
+      (0, import_vue3.createElementVNode)("button", {
+        class: "retry-btn",
+        disabled: $props.retrying,
+        onClick: $setup.handleRetry
+      }, (0, import_vue3.toDisplayString)($props.retrying ? "\u8FDE\u63A5\u4E2D..." : "\u91CD\u8BD5\u8FDE\u63A5"), 9, _hoisted_16)
+    ])) : ((0, import_vue3.openBlock)(), (0, import_vue3.createElementBlock)("div", _hoisted_17, [
+      (0, import_vue3.createElementVNode)("button", {
         class: "opencode-chrome-warmup-failed-btn primary",
         disabled: $props.retrying,
-        onClick: _cache[0] || (_cache[0] = ($event) => $setup.emit("retry"))
-      }, (0, import_vue2.toDisplayString)($props.retrying ? "\u8FDE\u63A5\u4E2D..." : "\u91CD\u8BD5\u8FDE\u63A5"), 9, _hoisted_8)
-    ])
+        onClick: _cache[1] || (_cache[1] = ($event) => $setup.handleRetry())
+      }, (0, import_vue3.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__;

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