vite-plugin-opencode-assistant 1.0.27 → 1.0.28

package/es/index.js

@@ -175,7 +175,9 @@ function createOpenCodePlugin(options = {}) {
       const widget = injectWidget({
         theme: config.theme,
         open: config.open,
-        hotkey: config.hotkey
+        hotkey: config.hotkey,
+        proxyPort: actualProxyPort,
+        proxyHost: config.hostname
       });
       timer.end();
       return html.replace("</body>", `${widget}</body>`);

package/lib/client/App.vue.js

@@ -71,7 +71,8 @@ var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_components = require("@vite-plugin-opencode-assistant/components");
 var import_useHotkey = require("./composables/useHotkey");
-var import_useSSE = require("./composables/useSSE");
+var import_useServerSSE = require("./composables/useServerSSE");
+var import_useOpencodeSessionSSE = require("./composables/useOpencodeSessionSSE");
 var import_useSessions = require("./composables/useSessions");
 var import_useTheme = require("./composables/useTheme");
 var import_useSelectedElements = require("./composables/useSelectedElements");
@@ -97,9 +98,14 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
     const {
       theme: initialTheme = "auto",
       open: autoOpen = false,
-      hotkey = "ctrl+k"
+      hotkey = "ctrl+k",
+      proxyPort = 4098,
+      proxyHost = "localhost"
     } = props.config;
     const widgetTheme = initialTheme;
+    const proxyBaseUrl = (0, import_vue2.computed)(() => {
+      return `http://${proxyHost}:${proxyPort}`;
+    });
     const showNotification = (msg, options) => {
       var _a, _b;
       (_b = (_a = widgetRef.value) == null ? void 0 : _a.showNotification) == null ? void 0 : _b.call(_a, msg, options);
@@ -109,11 +115,9 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
       chromeMcpFailed,
       chromeMcpErrorType,
       chromeMcpErrorMessage,
-      thinking,
       loadingText,
       updateStatusFromTask,
-      setStarting,
-      setThinking
+      setStarting
     } = (0, import_useServiceStatus.useServiceStatus)();
     const {
       selectedElements,
@@ -133,13 +137,50 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
       loadSessions,
       createSession,
       deleteSession,
-      selectSession
-    } = (0, import_useSessions.useSessions)(showNotification);
+      selectSession,
+      updateSessionInfo
+    } = (0, import_useSessions.useSessions)({ showNotification });
     const { updateContext } = (0, import_useContext.useContext)(serviceStatus, selectedElements);
+    const serverSSE = (0, import_useServerSSE.useServerSSE)({
+      onStatusSync: (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();
+        }
+      },
+      onTaskUpdate: (data) => {
+        updateStatusFromTask(data.task, data.errorType, data.errorMessage);
+      },
+      onClearElements: () => clearElements(),
+      onConnected: () => updateContext(true)
+    });
+    const opencodeSSE = (0, import_useOpencodeSessionSSE.useOpencodeSessionSSE)({
+      proxyBaseUrl: proxyBaseUrl.value,
+      currentSessionId,
+      onConnected: () => {
+        console.log("[OpenCode] Session SSE connected");
+      },
+      onSessionUpdate: (session) => {
+        updateSessionInfo(session);
+      }
+    });
+    const thinking = opencodeSSE.hasAnyThinking;
+    const sessionStates = opencodeSSE.sessionStates;
     const showSessionListSkeleton = (0, import_vue2.computed)(() => serviceStatus.value === "starting");
     const computedLoading = (0, import_vue2.computed)(() => {
       return serviceStatus.value === "starting" || iframeLoading.value;
     });
+    const displayLoadingText = (0, import_vue2.computed)(() => {
+      if (serviceStatus.value === "starting") {
+        return loadingText.value;
+      }
+      return "\u52A0\u8F7D\u4F1A\u8BDD...";
+    });
     const retryWarmup = () => __async(null, null, function* () {
       retryingWarmup.value = true;
       try {
@@ -167,24 +208,6 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
         retryingWarmup.value = false;
       }
     });
-    const { setupSSE } = (0, import_useSSE.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 {
@@ -192,7 +215,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
         const data = yield res.json();
         if (data.success) {
           setStarting();
-          setupSSE();
+          serverSSE.connect();
           return true;
         }
       } catch (e) {
@@ -212,10 +235,17 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
         showNotification("Vue Inspector \u672A\u52A0\u8F7D\uFF0C\u65E0\u6CD5\u4F7F\u7528\u5143\u7D20\u9009\u62E9\u529F\u80FD");
       }
     });
+    (0, import_vue2.watch)(serviceStatus, (status, oldStatus) => {
+      if (status !== "idle" && oldStatus === "idle") {
+        serverSSE.connect();
+        opencodeSSE.connect();
+      }
+    });
     (0, import_vue2.onMounted)(() => {
       if (serviceStatus.value !== "idle") {
         loadSessions();
-        setupSSE();
+        serverSSE.connect();
+        opencodeSSE.connect();
         updateContext(true);
       }
       if (autoOpen && serviceStatus.value !== "idle") {
@@ -224,11 +254,8 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)({
         }, 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") {
+        var _a;
+        if (((_a = event.data) == null ? void 0 : _a.type) === "OPENCODE_READY") {
           sendThemeToIframe();
         }
       };
@@ -283,7 +310,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, 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() {
+    const __returned__ = { props, open, selectMode, sessionListCollapsed, loading, widgetRef, retryingWarmup, initialTheme, autoOpen, hotkey, proxyPort, proxyHost, widgetTheme, 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, handleToggle, handleSelectNode, handleClearSelected, handleSelectModeChange, handleSessionListCollapsedChange, handleThemeChange, 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 });
@@ -304,6 +331,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
     "iframe-src": $setup.iframeSrc,
     "current-session-id": $setup.currentSessionId,
     sessions: $setup.sessions,
+    "session-states": $setup.sessionStates,
     "session-key": "id",
     "hotkey-label": $setup.hotkey,
     thinking: $setup.thinking,
@@ -322,7 +350,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
     onFrameLoaded: $setup.handleFrameLoaded
   }, {
     loading: (0, import_vue3.withCtx)(() => [
-      (0, import_vue3.createVNode)($setup["LoadingContent"], { "loading-text": $setup.loadingText }, null, 8, ["loading-text"])
+      (0, import_vue3.createVNode)($setup["LoadingContent"], { "loading-text": $setup.displayLoadingText }, null, 8, ["loading-text"])
     ]),
     error: (0, import_vue3.withCtx)(() => [
       $setup.chromeMcpFailed ? ((0, import_vue3.openBlock)(), (0, import_vue3.createBlock)($setup["ChromeWarmupError"], {
@@ -335,7 +363,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     _: 1
     /* STABLE */
-  }, 8, ["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"]);
+  }, 8, ["theme", "open", "select-mode", "session-list-collapsed", "frame-loading", "loading-session-list", "show-session-list-skeleton", "show-error", "iframe-src", "current-session-id", "sessions", "session-states", "hotkey-label", "thinking", "onCreateSession", "onDeleteSession", "onSelectSession", "onEmptyAction"]);
 }
 __vue_sfc__.render = __vue_render__;
 var App_vue_default = __vue_sfc__;

package/lib/client/composables/index.d.ts

@@ -0,0 +1,10 @@
+export { useSSE } from "./useSSE";
+export { useServerSSE } from "./useServerSSE";
+export { useOpencodeSSE } from "./useOpencodeSSE";
+export { useOpencodeSessionSSE } from "./useOpencodeSessionSSE";
+export { useHotkey } from "./useHotkey";
+export { useSessions } from "./useSessions";
+export { useTheme } from "./useTheme";
+export { useSelectedElements } from "./useSelectedElements";
+export { useServiceStatus } from "./useServiceStatus";
+export { useContext } from "./useContext";

package/lib/client/composables/index.js

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var composables_exports = {};
+__export(composables_exports, {
+  useContext: () => import_useContext.useContext,
+  useHotkey: () => import_useHotkey.useHotkey,
+  useOpencodeSSE: () => import_useOpencodeSSE.useOpencodeSSE,
+  useOpencodeSessionSSE: () => import_useOpencodeSessionSSE.useOpencodeSessionSSE,
+  useSSE: () => import_useSSE.useSSE,
+  useSelectedElements: () => import_useSelectedElements.useSelectedElements,
+  useServerSSE: () => import_useServerSSE.useServerSSE,
+  useServiceStatus: () => import_useServiceStatus.useServiceStatus,
+  useSessions: () => import_useSessions.useSessions,
+  useTheme: () => import_useTheme.useTheme
+});
+module.exports = __toCommonJS(composables_exports);
+var import_useSSE = require("./useSSE");
+var import_useServerSSE = require("./useServerSSE");
+var import_useOpencodeSSE = require("./useOpencodeSSE");
+var import_useOpencodeSessionSSE = require("./useOpencodeSessionSSE");
+var import_useHotkey = require("./useHotkey");
+var import_useSessions = require("./useSessions");
+var import_useTheme = require("./useTheme");
+var import_useSelectedElements = require("./useSelectedElements");
+var import_useServiceStatus = require("./useServiceStatus");
+var import_useContext = require("./useContext");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useContext,
+  useHotkey,
+  useOpencodeSSE,
+  useOpencodeSessionSSE,
+  useSSE,
+  useSelectedElements,
+  useServerSSE,
+  useServiceStatus,
+  useSessions,
+  useTheme
+});

package/lib/client/composables/useOpencodeSSE.d.ts

@@ -0,0 +1,64 @@
+import { type Ref } from "vue";
+/**
+ * OpenCode SSE 事件 payload
+ */
+export interface OpencodeSSEPayload {
+    type: string;
+    properties: {
+        sessionID?: string;
+        status?: {
+            type: string;
+        };
+        info?: {
+            sessionID?: string;
+            role?: string;
+            time?: {
+                completed?: number;
+                created?: number;
+                updated?: number;
+                archived?: number;
+                compacting?: number;
+            };
+            title?: string;
+            id?: string;
+            summary?: {
+                additions?: number;
+                deletions?: number;
+                files?: number;
+            };
+        };
+        [key: string]: unknown;
+    };
+}
+/**
+ * OpenCode SSE 消息结构
+ */
+export interface OpencodeSSEMessage {
+    payload: OpencodeSSEPayload;
+}
+/**
+ * OpenCode SSE 配置选项
+ */
+export interface OpencodeSSEOptions {
+    /** OpenCode proxy 基础 URL (例如: http://localhost:4098/xxx) */
+    proxyBaseUrl: string;
+    /** 是否启用 */
+    enabled?: Ref<boolean>;
+    /** 事件处理器 */
+    onEvent?: (payload: OpencodeSSEPayload) => void;
+    /** 连接成功回调 */
+    onConnected?: () => void;
+    /** 连接错误回调 */
+    onError?: (error: Error) => void;
+}
+/**
+ * 监听 OpenCode SSE 事件
+ * 端点: /global/event (通过 proxy server)
+ * 只负责连接管理和消息分发，不包含业务逻辑
+ */
+export declare function useOpencodeSSE(options: OpencodeSSEOptions): {
+    status: Ref<import("./useSSE").SSEConnectionStatus, import("./useSSE").SSEConnectionStatus>;
+    isConnected: import("vue").ComputedRef<boolean>;
+    connect: () => void;
+    disconnect: () => void;
+};

package/lib/client/composables/useOpencodeSSE.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useOpencodeSSE_exports = {};
+__export(useOpencodeSSE_exports, {
+  useOpencodeSSE: () => useOpencodeSSE
+});
+module.exports = __toCommonJS(useOpencodeSSE_exports);
+var import_useSSE = require("./useSSE");
+function useOpencodeSSE(options) {
+  const { proxyBaseUrl, enabled, onEvent, onConnected, onError } = options;
+  const endpoint = `${proxyBaseUrl}/global/event`;
+  const { status, isConnected, connect, disconnect } = (0, import_useSSE.useSSE)({
+    endpoint,
+    autoConnect: false,
+    enabled,
+    onMessage: (data) => {
+      const message = data;
+      const payload = message.payload;
+      if (!payload) return;
+      onEvent == null ? void 0 : onEvent(payload);
+    },
+    onConnected,
+    onError
+  });
+  return {
+    // 状态
+    status,
+    isConnected,
+    // 方法
+    connect,
+    disconnect
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useOpencodeSSE
+});

package/lib/client/composables/useOpencodeSessionSSE.d.ts

@@ -0,0 +1,66 @@
+import { type Ref, type ComputedRef } from "vue";
+/**
+ * Session 状态类型
+ */
+export type OpencodeSessionStatusType = "idle" | "running" | "streaming" | "completed";
+/**
+ * Session 思考状态
+ */
+export interface OpencodeSessionThinkingState {
+    thinking: boolean;
+    statusType: OpencodeSessionStatusType;
+    hasPending: boolean;
+}
+/**
+ * Session 更新事件数据
+ */
+export interface OpencodeSessionUpdateData {
+    id: string;
+    title?: string;
+    time?: {
+        created?: number;
+        updated?: number;
+        archived?: number;
+        compacting?: number;
+    };
+    summary?: {
+        additions?: number;
+        deletions?: number;
+        files?: number;
+    };
+}
+/**
+ * OpenCode Session SSE 配置选项
+ */
+export interface OpencodeSessionSSEOptions {
+    /** OpenCode proxy 基础 URL */
+    proxyBaseUrl: string;
+    /** 当前 session ID (响应式) */
+    currentSessionId: Ref<string | null>;
+    /** 是否启用 */
+    enabled?: Ref<boolean>;
+    /** 连接成功回调 */
+    onConnected?: () => void;
+    /** Session 更新回调 (包括标题变化) */
+    onSessionUpdate?: (session: OpencodeSessionUpdateData) => void;
+}
+/**
+ * 监听 OpenCode Session SSE 事件
+ * 专注于 session thinking 状态管理和标题更新
+ */
+export declare function useOpencodeSessionSSE(options: OpencodeSessionSSEOptions): {
+    status: Ref<import("./useSSE").SSEConnectionStatus, import("./useSSE").SSEConnectionStatus>;
+    isConnected: ComputedRef<boolean>;
+    sessionStates: Ref<Record<string, OpencodeSessionThinkingState>, Record<string, OpencodeSessionThinkingState>>;
+    currentThinking: ComputedRef<boolean>;
+    currentSessionState: ComputedRef<OpencodeSessionThinkingState | null>;
+    hasAnyThinking: ComputedRef<boolean>;
+    thinkingSessionCount: ComputedRef<number>;
+    connect: () => void;
+    disconnect: () => void;
+    clearSessionState: (sessionID: string) => void;
+    clearAllSessionStates: () => void;
+    getSessionState: (sessionID: string) => OpencodeSessionThinkingState | undefined;
+    isSessionThinking: (sessionID: string) => boolean;
+    getSessionsThinking: (sessionIds: string[]) => Record<string, boolean>;
+};

package/lib/client/composables/useOpencodeSessionSSE.js

@@ -0,0 +1,187 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useOpencodeSessionSSE_exports = {};
+__export(useOpencodeSessionSSE_exports, {
+  useOpencodeSessionSSE: () => useOpencodeSessionSSE
+});
+module.exports = __toCommonJS(useOpencodeSessionSSE_exports);
+var import_vue = require("vue");
+var import_useOpencodeSSE = require("./useOpencodeSSE");
+function useOpencodeSessionSSE(options) {
+  const { proxyBaseUrl, currentSessionId, enabled, onConnected, onSessionUpdate } = options;
+  const sessionStates = (0, import_vue.ref)({});
+  function isPendingMessage(info) {
+    var _a;
+    return (info == null ? void 0 : info.role) === "assistant" && typeof ((_a = info == null ? void 0 : info.time) == null ? void 0 : _a.completed) !== "number";
+  }
+  function updateThinkingState(sessionID) {
+    const state = sessionStates.value[sessionID];
+    const isThinking = (state == null ? void 0 : state.hasPending) || (state == null ? void 0 : state.statusType) !== "idle";
+    sessionStates.value[sessionID] = {
+      thinking: isThinking,
+      statusType: (state == null ? void 0 : state.statusType) || "idle",
+      hasPending: (state == null ? void 0 : state.hasPending) || false
+    };
+  }
+  function handleEvent(payload) {
+    var _a;
+    const type = payload.type;
+    const props = payload.properties;
+    switch (type) {
+      case "session.updated": {
+        const info = props.info;
+        if (!(info == null ? void 0 : info.id)) return;
+        onSessionUpdate == null ? void 0 : onSessionUpdate({
+          id: info.id,
+          title: info.title,
+          time: info.time,
+          summary: info.summary
+        });
+        break;
+      }
+      case "session.status": {
+        const sessionID = props.sessionID;
+        if (!sessionID) return;
+        const statusType = ((_a = props.status) == null ? void 0 : _a.type) || "idle";
+        sessionStates.value[sessionID] = {
+          thinking: statusType !== "idle",
+          statusType,
+          hasPending: false
+        };
+        updateThinkingState(sessionID);
+        break;
+      }
+      case "message.updated": {
+        const info = props.info;
+        if (!(info == null ? void 0 : info.sessionID)) return;
+        const sessionID = info.sessionID;
+        if (info.role === "assistant") {
+          const hasPending = isPendingMessage(info);
+          const current = sessionStates.value[sessionID] || {
+            thinking: false,
+            statusType: "idle",
+            hasPending: false
+          };
+          sessionStates.value[sessionID] = __spreadProps(__spreadValues({}, current), {
+            hasPending
+          });
+          updateThinkingState(sessionID);
+        }
+        break;
+      }
+      case "message.part.delta": {
+        const sessionID = props.sessionID;
+        if (!sessionID) return;
+        const current = sessionStates.value[sessionID];
+        if (!(current == null ? void 0 : current.hasPending)) {
+          sessionStates.value[sessionID] = {
+            thinking: true,
+            statusType: (current == null ? void 0 : current.statusType) || "idle",
+            hasPending: true
+          };
+        }
+        break;
+      }
+    }
+  }
+  const sse = (0, import_useOpencodeSSE.useOpencodeSSE)({
+    proxyBaseUrl,
+    enabled,
+    onEvent: handleEvent,
+    onConnected
+  });
+  const currentThinking = (0, import_vue.computed)(() => {
+    var _a, _b;
+    const id = currentSessionId.value;
+    if (!id) return false;
+    return (_b = (_a = sessionStates.value[id]) == null ? void 0 : _a.thinking) != null ? _b : false;
+  });
+  const currentSessionState = (0, import_vue.computed)(() => {
+    const id = currentSessionId.value;
+    if (!id) return null;
+    return sessionStates.value[id] || null;
+  });
+  const hasAnyThinking = (0, import_vue.computed)(() => {
+    return Object.values(sessionStates.value).some((state) => state.thinking);
+  });
+  const thinkingSessionCount = (0, import_vue.computed)(() => {
+    return Object.values(sessionStates.value).filter((state) => state.thinking).length;
+  });
+  function clearSessionState(sessionID) {
+    delete sessionStates.value[sessionID];
+  }
+  function clearAllSessionStates() {
+    sessionStates.value = {};
+  }
+  function getSessionState(sessionID) {
+    return sessionStates.value[sessionID];
+  }
+  function isSessionThinking(sessionID) {
+    var _a, _b;
+    return (_b = (_a = sessionStates.value[sessionID]) == null ? void 0 : _a.thinking) != null ? _b : false;
+  }
+  function getSessionsThinking(sessionIds) {
+    return sessionIds.reduce(
+      (acc, id) => {
+        acc[id] = isSessionThinking(id);
+        return acc;
+      },
+      {}
+    );
+  }
+  return {
+    // SSE 基础状态
+    status: sse.status,
+    isConnected: sse.isConnected,
+    // session 状态
+    sessionStates,
+    currentThinking,
+    currentSessionState,
+    hasAnyThinking,
+    thinkingSessionCount,
+    // 方法
+    connect: sse.connect,
+    disconnect: sse.disconnect,
+    clearSessionState,
+    clearAllSessionStates,
+    getSessionState,
+    isSessionThinking,
+    getSessionsThinking
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useOpencodeSessionSSE
+});