vite-plugin-opencode-assistant 1.0.15 → 1.0.17

package/es/client/App.vue.d.ts

@@ -0,0 +1,6 @@
+import type { WidgetOptions } from "@vite-plugin-opencode-assistant/shared";
+type __VLS_Props = {
+    config: Partial<WidgetOptions>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/client/App.vue.js

@@ -0,0 +1,317 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent as _defineComponent } from "vue";
+import { ref, computed, onMounted } from "vue";
+import { OpenCodeWidget } from "@vite-plugin-opencode-assistant/components";
+import { useHotkey } from "./composables/useHotkey";
+import { useSSE } from "./composables/useSSE";
+import { useSessions } from "./composables/useSessions";
+import { useTheme } from "./composables/useTheme";
+import { useSelectedElements } from "./composables/useSelectedElements";
+import { useServiceStatus } from "./composables/useServiceStatus";
+import { useContext } from "./composables/useContext";
+import LoadingContent from "./components/LoadingContent.vue.js";
+import ChromeWarmupError from "./components/ChromeWarmupError.vue.js";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "App",
+  props: {
+    config: { type: Object, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const open = ref(false);
+    const selectMode = ref(false);
+    const sessionListCollapsed = ref(true);
+    const loading = ref(false);
+    const widgetRef = ref(null);
+    const retryingWarmup = ref(false);
+    const {
+      position = "bottom-right",
+      theme: initialTheme = "auto",
+      open: autoOpen = false,
+      hotkey = "ctrl+k"
+    } = props.config;
+    const widgetPosition = position;
+    const widgetTheme = initialTheme;
+    const showNotification = (msg, options) => {
+      var _a, _b;
+      (_b = (_a = widgetRef.value) == null ? void 0 : _a.showNotification) == null ? void 0 : _b.call(_a, msg, options);
+    };
+    const {
+      serviceStatus,
+      chromeMcpFailed,
+      chromeMcpErrorType,
+      chromeMcpErrorMessage,
+      thinking,
+      loadingText,
+      updateStatusFromTask,
+      setStarting,
+      setThinking
+    } = useServiceStatus();
+    const {
+      selectedElements,
+      removeElement,
+      clearElements
+    } = useSelectedElements();
+    const {
+      theme,
+      sendThemeToIframe
+    } = useTheme(widgetTheme, widgetRef);
+    const {
+      sessions,
+      loadingSessionList,
+      currentSessionId,
+      iframeSrc,
+      iframeLoading,
+      loadSessions,
+      createSession,
+      deleteSession,
+      selectSession
+    } = useSessions(showNotification);
+    const { updateContext } = useContext(serviceStatus, selectedElements);
+    const showSessionListSkeleton = computed(() => serviceStatus.value === "starting");
+    const computedLoading = computed(() => {
+      return serviceStatus.value === "starting" || iframeLoading.value;
+    });
+    const retryWarmup = () => __async(null, null, function* () {
+      retryingWarmup.value = true;
+      try {
+        const res = yield fetch("/__opencode_warmup__", { method: "POST" });
+        const data = yield res.json();
+        if (data.success) {
+          chromeMcpFailed.value = false;
+          serviceStatus.value = "ready";
+          showNotification("Chrome DevTools MCP \u8FDE\u63A5\u6210\u529F");
+        } else {
+          if (data.errorType === "AI_TIMEOUT") {
+            showNotification("AI \u54CD\u5E94\u8D85\u65F6\uFF0C\u8BF7\u68C0\u67E5 OpenCode AI \u6A21\u578B\u914D\u7F6E");
+          } else if (data.errorType === "AI_RESPONSE_ERROR") {
+            showNotification("AI \u54CD\u5E94\u9519\u8BEF\uFF0C\u8BF7\u68C0\u67E5 OpenCode AI \u6A21\u578B\u914D\u7F6E");
+          } else if (data.errorType === "CHROME_NOT_CONNECTED") {
+            showNotification("Chrome \u8FDC\u7A0B\u8C03\u8BD5\u672A\u5F00\u542F\uFF0C\u8BF7\u6309\u7167\u63D0\u793A\u64CD\u4F5C");
+          } else {
+            showNotification(data.error || "\u91CD\u8BD5\u5931\u8D25\uFF0C\u8BF7\u786E\u8BA4 Chrome \u8FDC\u7A0B\u8C03\u8BD5\u5DF2\u5F00\u542F");
+          }
+        }
+      } catch (e) {
+        console.error("[OpenCode] Retry warmup failed:", e);
+        showNotification("\u91CD\u8BD5\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5");
+      } finally {
+        retryingWarmup.value = false;
+      }
+    });
+    const { setupSSE } = useSSE(
+      (data) => {
+        if (data.isStarted !== void 0 && data.isStarted && serviceStatus.value === "idle") {
+          setStarting();
+        }
+        if (data.task) {
+          updateStatusFromTask(data.task, data.errorType, data.errorMessage);
+        }
+        if (serviceStatus.value !== "idle") {
+          loadSessions();
+        }
+      },
+      (data) => {
+        updateStatusFromTask(data.task, data.errorType, data.errorMessage);
+      },
+      () => clearElements(),
+      () => updateContext(true)
+    );
+    const ensureServicesStarted = () => __async(null, null, function* () {
+      if (serviceStatus.value !== "idle") return true;
+      try {
+        const res = yield fetch("/__opencode_start__");
+        const data = yield res.json();
+        if (data.success) {
+          setStarting();
+          setupSSE();
+          return true;
+        }
+      } catch (e) {
+      }
+      return false;
+    });
+    useHotkey(hotkey, (e) => {
+      e.preventDefault();
+      handleToggle(!open.value);
+    });
+    useHotkey("ctrl+p", (e) => {
+      e.preventDefault();
+      const win = window;
+      if (win.__VUE_INSPECTOR__) {
+        selectMode.value = !selectMode.value;
+      } else {
+        showNotification("Vue Inspector \u672A\u52A0\u8F7D\uFF0C\u65E0\u6CD5\u4F7F\u7528\u5143\u7D20\u9009\u62E9\u529F\u80FD");
+      }
+    });
+    onMounted(() => {
+      if (serviceStatus.value !== "idle") {
+        loadSessions();
+        setupSSE();
+        updateContext(true);
+      }
+      if (autoOpen && serviceStatus.value !== "idle") {
+        setTimeout(() => {
+          open.value = true;
+        }, 1e3);
+      }
+      const handleIframeMessage = (event) => {
+        var _a, _b;
+        if (((_a = event.data) == null ? void 0 : _a.type) === "OPENCODE_THINKING_STATE") {
+          setThinking(event.data.thinking);
+        }
+        if (((_b = event.data) == null ? void 0 : _b.type) === "OPENCODE_READY") {
+          sendThemeToIframe();
+        }
+      };
+      window.addEventListener("message", handleIframeMessage);
+    });
+    const handleToggle = (val) => __async(null, null, function* () {
+      if (serviceStatus.value === "idle" && val) {
+        loading.value = true;
+        const started = yield ensureServicesStarted();
+        loading.value = false;
+        if (!started) {
+          showNotification("\u670D\u52A1\u542F\u52A8\u5931\u8D25");
+          return;
+        }
+      }
+      open.value = val;
+      if (val) updateContext();
+      if (val) {
+        iframeLoading.value = false;
+      }
+    });
+    const handleSelectNode = (element) => {
+      var _a;
+      const elementWithContext = __spreadProps(__spreadValues({}, element), {
+        previewPageUrl: window.location.href,
+        previewPageTitle: document.title
+      });
+      (_a = widgetRef.value) == null ? void 0 : _a.sendMessageToIframe("OPENCODE_INSERT_FILE_PART", { element: elementWithContext });
+      showNotification(`\u8282\u70B9\u5DF2\u6DFB\u52A0\u5230\u5BF9\u8BDD\u6846`, { mode: "page" });
+    };
+    const handleClearSelected = () => {
+      clearElements();
+      updateContext(true);
+      showNotification("\u5DF2\u6E05\u9664\u6240\u6709\u9009\u4E2D\u5143\u7D20");
+    };
+    const handleSelectModeChange = (val) => {
+      selectMode.value = val;
+      if (!val && !open.value) {
+        open.value = true;
+      }
+    };
+    const handleSessionListCollapsedChange = (val) => {
+      sessionListCollapsed.value = val;
+    };
+    const handleThemeChange = (val) => {
+      theme.value = val;
+    };
+    const handleRemoveSelectedNode = ({ index }) => {
+      removeElement(index);
+      updateContext(true);
+    };
+    const handleFrameLoaded = () => {
+      iframeLoading.value = false;
+    };
+    const __returned__ = { props, open, selectMode, sessionListCollapsed, loading, widgetRef, retryingWarmup, position, initialTheme, autoOpen, hotkey, widgetPosition, widgetTheme, showNotification, serviceStatus, chromeMcpFailed, chromeMcpErrorType, chromeMcpErrorMessage, thinking, loadingText, updateStatusFromTask, setStarting, setThinking, selectedElements, removeElement, clearElements, theme, sendThemeToIframe, sessions, loadingSessionList, currentSessionId, iframeSrc, iframeLoading, loadSessions, createSession, deleteSession, selectSession, updateContext, showSessionListSkeleton, computedLoading, retryWarmup, setupSSE, ensureServicesStarted, handleToggle, handleSelectNode, handleClearSelected, handleSelectModeChange, handleSessionListCollapsedChange, handleThemeChange, handleRemoveSelectedNode, handleFrameLoaded, get OpenCodeWidget() {
+      return OpenCodeWidget;
+    }, LoadingContent, ChromeWarmupError };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, withCtx as _withCtx } from "vue";
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createBlock($setup["OpenCodeWidget"], {
+    ref: "widgetRef",
+    position: $setup.widgetPosition,
+    theme: $setup.theme,
+    open: $setup.open,
+    "select-mode": $setup.selectMode,
+    "session-list-collapsed": $setup.sessionListCollapsed,
+    "frame-loading": $setup.computedLoading,
+    "loading-session-list": $setup.loadingSessionList,
+    "show-session-list-skeleton": $setup.showSessionListSkeleton,
+    "show-error": $setup.chromeMcpFailed,
+    "iframe-src": $setup.iframeSrc,
+    "current-session-id": $setup.currentSessionId,
+    sessions: $setup.sessions,
+    "session-key": "id",
+    "hotkey-label": $setup.hotkey,
+    thinking: $setup.thinking,
+    "onUpdate:open": $setup.handleToggle,
+    "onUpdate:selectMode": $setup.handleSelectModeChange,
+    "onUpdate:sessionListCollapsed": $setup.handleSessionListCollapsedChange,
+    "onUpdate:theme": $setup.handleThemeChange,
+    onToggleTheme: $setup.handleThemeChange,
+    onCreateSession: $setup.createSession,
+    onDeleteSession: $setup.deleteSession,
+    onSelectSession: $setup.selectSession,
+    onClickSelectedNode: $setup.handleSelectNode,
+    onClearSelectedNodes: $setup.handleClearSelected,
+    onRemoveSelectedNode: $setup.handleRemoveSelectedNode,
+    onEmptyAction: $setup.createSession,
+    onFrameLoaded: $setup.handleFrameLoaded
+  }, {
+    loading: _withCtx(() => [
+      _createVNode($setup["LoadingContent"], { "loading-text": $setup.loadingText }, null, 8, ["loading-text"])
+    ]),
+    error: _withCtx(() => [
+      $setup.chromeMcpFailed ? (_openBlock(), _createBlock($setup["ChromeWarmupError"], {
+        key: 0,
+        retrying: $setup.retryingWarmup,
+        "error-type": $setup.chromeMcpErrorType,
+        "error-message": $setup.chromeMcpErrorMessage,
+        onRetry: $setup.retryWarmup
+      }, null, 8, ["retrying", "error-type", "error-message"])) : _createCommentVNode("v-if", true)
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["position", "theme", "open", "select-mode", "session-list-collapsed", "frame-loading", "loading-session-list", "show-session-list-skeleton", "show-error", "iframe-src", "current-session-id", "sessions", "hotkey-label", "thinking", "onCreateSession", "onDeleteSession", "onSelectSession", "onEmptyAction"]);
+}
+__vue_sfc__.render = __vue_render__;
+var App_vue_default = __vue_sfc__;
+export {
+  App_vue_default as default
+};

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

@@ -0,0 +1 @@
+.opencode-chrome-warmup-error-details[data-v-798041da]{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}

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    retrying: boolean;
+    errorType?: string;
+    errorMessage?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    retry: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRetry?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,196 @@
+import "./ChromeWarmupError-sfc.css";
+import { defineComponent as _defineComponent } 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 }
+  },
+  emits: ["retry"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const emit = __emit;
+    const __returned__ = { emit, 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";
+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_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"];
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [
+    _cache[9] || (_cache[9] = _createElementVNode(
+      "div",
+      { class: "opencode-chrome-warmup-failed-icon" },
+      [
+        _createElementVNode("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          width: "48",
+          height: "48",
+          stroke: "currentColor",
+          "stroke-width": "1.5"
+        }, [
+          _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"
+          })
+        ])
+      ],
+      -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(
+          "div",
+          { class: "opencode-chrome-warmup-failed-title" },
+          "Chrome DevTools MCP \u8FDE\u63A5\u5931\u8D25",
+          -1
+          /* CACHED */
+        )),
+        _cache[2] || (_cache[2] = _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, [
+                _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")
+            ])
+          ],
+          -1
+          /* CACHED */
+        ))
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    )) : $props.errorType === $setup.ChromeMcpWarmupErrorType.AI_TIMEOUT ? (_openBlock(), _createElementBlock(
+      _Fragment,
+      { key: 1 },
+      [
+        _createCommentVNode(" AI \u54CD\u5E94\u8D85\u65F6 "),
+        _cache[3] || (_cache[3] = _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 */
+        ))
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    )) : $props.errorType === $setup.ChromeMcpWarmupErrorType.AI_RESPONSE_ERROR ? (_openBlock(), _createElementBlock(
+      _Fragment,
+      { key: 2 },
+      [
+        _createCommentVNode(" AI \u54CD\u5E94\u9519\u8BEF "),
+        _cache[7] || (_cache[7] = _createElementVNode(
+          "div",
+          { class: "opencode-chrome-warmup-failed-title" },
+          "AI \u54CD\u5E94\u9519\u8BEF",
+          -1
+          /* CACHED */
+        )),
+        _createElementVNode("div", _hoisted_2, [
+          _cache[5] || (_cache[5] = _createElementVNode(
+            "p",
+            null,
+            "AI \u6A21\u578B\u8FD4\u56DE\u4E86\u610F\u5916\u7684\u54CD\u5E94\uFF1A",
+            -1
+            /* CACHED */
+          )),
+          _createElementVNode(
+            "div",
+            _hoisted_3,
+            _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 */
+          ))
+        ])
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    )) : (_openBlock(), _createElementBlock(
+      _Fragment,
+      { key: 3 },
+      [
+        _createCommentVNode(" \u5176\u4ED6\u9519\u8BEF "),
+        _cache[8] || (_cache[8] = _createElementVNode(
+          "div",
+          { class: "opencode-chrome-warmup-failed-title" },
+          "Chrome DevTools MCP \u8FDE\u63A5\u5931\u8D25",
+          -1
+          /* CACHED */
+        )),
+        _createElementVNode("div", _hoisted_4, [
+          $props.errorMessage ? (_openBlock(), _createElementBlock(
+            "p",
+            _hoisted_5,
+            _toDisplayString($props.errorMessage),
+            1
+            /* TEXT */
+          )) : (_openBlock(), _createElementBlock("p", _hoisted_6, "\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5"))
+        ])
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    )),
+    _createElementVNode("div", _hoisted_7, [
+      _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)
+    ])
+  ]);
+}
+__vue_sfc__.render = __vue_render__;
+__vue_sfc__.__scopeId = "data-v-798041da";
+var ChromeWarmupError_vue_default = __vue_sfc__;
+export {
+  ChromeWarmupError_vue_default as default
+};

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

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    loadingText: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,39 @@
+import { defineComponent as _defineComponent } from "vue";
+const __vue_sfc__ = /* @__PURE__ */ _defineComponent({
+  __name: "LoadingContent",
+  props: {
+    loadingText: { type: String, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = {};
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = { class: "opencode-custom-loading" };
+const _hoisted_2 = { class: "opencode-loading-text" };
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [
+    _cache[0] || (_cache[0] = _createElementVNode(
+      "div",
+      { class: "opencode-loading-spinner" },
+      null,
+      -1
+      /* CACHED */
+    )),
+    _createElementVNode(
+      "div",
+      _hoisted_2,
+      _toDisplayString($props.loadingText),
+      1
+      /* TEXT */
+    )
+  ]);
+}
+__vue_sfc__.render = __vue_render__;
+var LoadingContent_vue_default = __vue_sfc__;
+export {
+  LoadingContent_vue_default as default
+};

package/es/client/composables/useContext.d.ts

@@ -0,0 +1,8 @@
+import type { OpenCodeSelectedElement, ServiceStatus } from "@vite-plugin-opencode-assistant/shared";
+export declare function useContext(serviceStatus: {
+    value: ServiceStatus;
+}, selectedElements: {
+    value: OpenCodeSelectedElement[];
+}): {
+    updateContext: (force?: boolean) => void;
+};

package/es/client/composables/useContext.js

@@ -0,0 +1,63 @@
+import { onMounted, onUnmounted } from "vue";
+function useContext(serviceStatus, selectedElements) {
+  let currentPageUrl = "";
+  let currentPageTitle = "";
+  const updateContext = (force = false) => {
+    if (serviceStatus.value === "idle") return;
+    const newUrl = window.location.href;
+    const newTitle = document.title;
+    if (force || newUrl !== currentPageUrl || newTitle !== currentPageTitle) {
+      currentPageUrl = newUrl;
+      currentPageTitle = newTitle;
+      fetch("/__opencode_context__", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          url: newUrl,
+          title: newTitle,
+          selectedElements: selectedElements.value
+        })
+      }).catch(() => {
+      });
+    }
+  };
+  const scheduleContextUpdate = () => {
+    requestAnimationFrame(() => updateContext());
+  };
+  let titleObserver = null;
+  const originalPushState = history.pushState;
+  const originalReplaceState = history.replaceState;
+  onMounted(() => {
+    history.pushState = function(...args) {
+      originalPushState.apply(this, args);
+      scheduleContextUpdate();
+    };
+    history.replaceState = function(...args) {
+      originalReplaceState.apply(this, args);
+      scheduleContextUpdate();
+    };
+    window.addEventListener("popstate", scheduleContextUpdate);
+    window.addEventListener("hashchange", scheduleContextUpdate);
+    titleObserver = new MutationObserver(() => {
+      if (document.title !== currentPageTitle) updateContext();
+    });
+    if (document.head) {
+      titleObserver.observe(document.head, { childList: true, subtree: true });
+    }
+  });
+  onUnmounted(() => {
+    history.pushState = originalPushState;
+    history.replaceState = originalReplaceState;
+    window.removeEventListener("popstate", scheduleContextUpdate);
+    window.removeEventListener("hashchange", scheduleContextUpdate);
+    if (titleObserver) {
+      titleObserver.disconnect();
+    }
+  });
+  return {
+    updateContext
+  };
+}
+export {
+  useContext
+};

package/es/client/composables/useHotkey.d.ts

@@ -0,0 +1,12 @@
+interface HotkeyConfig {
+    ctrl: boolean;
+    shift: boolean;
+    alt: boolean;
+    key: string;
+}
+export declare function parseHotkey(hotkeyStr: string): HotkeyConfig;
+export declare function matchHotkey(e: KeyboardEvent, hotkeyConfig: HotkeyConfig): boolean;
+export declare function useHotkey(hotkeyStr: string, callback: (event: KeyboardEvent) => void): {
+    hotkeyConfig: HotkeyConfig;
+};
+export {};