vite-plugin-opencode-assistant 1.0.26 → 1.0.28

package/es/core/proxy-server.js

@@ -102,29 +102,33 @@ function generateBridgeScript(options) {
     if (event.data && event.data.type === "OPENCODE_SET_THEME") {
       setTheme(event.data.theme);
     }
-    
+
     if (event.data && event.data.type === "OPENCODE_INSERT_FILE_PART") {
       insertFilePart(event.data.element);
     }
-    
+
     if (event.data && event.data.type === "minimize-state-change") {
       handleMinimizeStateChange(event.data.minimized);
     }
-    
+
     if (event.data && event.data.type === "prompt-dock-visibility-change") {
       handlePromptDockVisibilityChange(event.data.visible);
     }
   });
 
   // === \u6700\u5C0F\u5316\u72B6\u6001\u5904\u7406 ===
+  let savedMinimizedState = null;
+  let savedPromptDockVisibleState = null;
+  
   function handleMinimizeStateChange(minimized) {
+    savedMinimizedState = minimized;
     const dockSurface = document.querySelector('[data-dock-surface="tray"]');
     const sessionTurnList = document.querySelector('[data-slot="session-turn-list"]');
-    
+
     if (dockSurface) {
       dockSurface.style.display = minimized ? 'none' : '';
     }
-    
+
     if (sessionTurnList) {
       sessionTurnList.style.paddingBottom = minimized ? '10px' : '';
     }
@@ -132,19 +136,30 @@ function generateBridgeScript(options) {
 
   // === \u5BF9\u8BDD\u6846\u663E\u793A\u72B6\u6001\u5904\u7406 ===
   function handlePromptDockVisibilityChange(visible) {
+    savedPromptDockVisibleState = visible;
     const promptDock = document.querySelector('[data-component="session-prompt-dock"]');
     if (promptDock) {
       promptDock.style.display = visible ? '' : 'none';
     }
   }
+  
+  // === \u5E94\u7528\u4FDD\u5B58\u7684\u72B6\u6001 ===
+  function applySavedStates() {
+    if (savedMinimizedState !== null) {
+      handleMinimizeStateChange(savedMinimizedState);
+    }
+    if (savedPromptDockVisibleState !== null) {
+      handlePromptDockVisibilityChange(savedPromptDockVisibleState);
+    }
+  }
 
   // === \u4FDD\u5B58\u8F93\u5165\u6846\u5149\u6807\u4F4D\u7F6E ===
   let savedRange = null;
-  
+
   function setupPromptInputListener() {
     const promptInput = document.querySelector('[data-component="prompt-input"]');
     if (!promptInput) return;
-    
+
     promptInput.addEventListener('blur', function() {
       const selection = window.getSelection();
       if (selection && selection.rangeCount > 0) {
@@ -154,7 +169,7 @@ function generateBridgeScript(options) {
         }
       }
     });
-    
+
     promptInput.addEventListener('focus', function() {
       savedRange = null;
     });
@@ -180,29 +195,29 @@ function generateBridgeScript(options) {
 
     const jsonStr = JSON.stringify({
       nodeContext: {
-        "filePath": { 
-          "value": filePath ?? '\u672A\u77E5', 
-          "desc": "\u6E90\u7801\u6587\u4EF6\u8DEF\u5F84" 
+        "filePath": {
+          "value": filePath ?? '\u672A\u77E5',
+          "desc": "\u6E90\u7801\u6587\u4EF6\u8DEF\u5F84"
         },
-        "line": { 
-          "value": line ?? '\u672A\u77E5', 
-          "desc": "\u4EE3\u7801\u6240\u5728\u884C\u53F7" 
+        "line": {
+          "value": line ?? '\u672A\u77E5',
+          "desc": "\u4EE3\u7801\u6240\u5728\u884C\u53F7"
         },
-        "column": { 
-          "value": column ?? '\u672A\u77E5', 
-          "desc": "\u4EE3\u7801\u6240\u5728\u5217\u53F7" 
+        "column": {
+          "value": column ?? '\u672A\u77E5',
+          "desc": "\u4EE3\u7801\u6240\u5728\u5217\u53F7"
         },
-        "description": { 
-          "value": description ?? '\u672A\u77E5', 
-          "desc": "DOM \u5143\u7D20\u9009\u62E9\u5668" 
+        "description": {
+          "value": description ?? '\u672A\u77E5',
+          "desc": "DOM \u5143\u7D20\u9009\u62E9\u5668"
         },
-        "innerText": { 
-          "value": innerText ? innerText.substring(0, 500) : '', 
-          "desc": "DOM \u5143\u7D20\u5185\u90E8\u6587\u672C" 
+        "innerText": {
+          "value": innerText ? innerText.substring(0, 500) : '',
+          "desc": "DOM \u5143\u7D20\u5185\u90E8\u6587\u672C"
         },
-        "selectAt": { 
-          "value": previewPageUrl || '\u672A\u77E5', 
-          "desc": "\u7528\u6237\u9009\u4E2D\u8282\u70B9\u65F6\u7684\u9875\u9762 URL" 
+        "selectAt": {
+          "value": previewPageUrl || '\u672A\u77E5',
+          "desc": "\u7528\u6237\u9009\u4E2D\u8282\u70B9\u65F6\u7684\u9875\u9762 URL"
         }
       }
     });
@@ -211,30 +226,30 @@ function generateBridgeScript(options) {
     span.setAttribute('data-type', 'file');
     span.setAttribute('data-path', jsonStr);
     span.setAttribute('contenteditable', 'false');
-    
+
     span.textContent = displayText;
 
     if (savedRange) {
       const range = savedRange;
       range.collapse(false);
       range.insertNode(span);
-      
+
       const space = document.createTextNode('\\u00A0');
       span.parentNode.insertBefore(space, span.nextSibling);
-      
+
       const newRange = document.createRange();
       newRange.setStartAfter(space);
       newRange.collapse(true);
-      
+
       promptInput.focus();
-      
+
       const selection = window.getSelection();
       if (selection) {
         selection.removeAllRanges();
         selection.addRange(newRange);
       }
       savedRange = null;
-      
+
       promptInput.dispatchEvent(new Event('input', { bubbles: true }));
       return;
     }
@@ -242,20 +257,20 @@ function generateBridgeScript(options) {
     const selection = window.getSelection();
     if (selection && selection.rangeCount > 0) {
       const range = selection.getRangeAt(0);
-      
+
       if (promptInput.contains(range.commonAncestorContainer)) {
         range.collapse(false);
         range.insertNode(span);
-        
+
         const space = document.createTextNode('\\u00A0');
         span.parentNode.insertBefore(space, span.nextSibling);
-        
+
         const newRange = document.createRange();
         newRange.setStartAfter(space);
         newRange.collapse(true);
         selection.removeAllRanges();
         selection.addRange(newRange);
-        
+
         promptInput.dispatchEvent(new Event('input', { bubbles: true }));
         return;
       }
@@ -264,7 +279,7 @@ function generateBridgeScript(options) {
     promptInput.appendChild(span);
     const space = document.createTextNode('\\u00A0');
     promptInput.appendChild(space);
-    
+
     const newRange = document.createRange();
     newRange.setStartAfter(space);
     newRange.collapse(true);
@@ -273,120 +288,18 @@ function generateBridgeScript(options) {
       newSelection.removeAllRanges();
       newSelection.addRange(newRange);
     }
-    
+
     promptInput.dispatchEvent(new Event('input', { bubbles: true }));
     promptInput.focus();
   }
 
-  // === \u601D\u8003\u72B6\u6001\u76D1\u542C (\u5B8C\u5168\u590D\u523B OpenCode Web \u5B9E\u73B0) ===
-  // OpenCode Web \u6838\u5FC3\u903B\u8F91:
-  // working = !!pending() || sessionStatus().type !== "idle"
-  // pending = \u6700\u540E\u4E00\u6761\u672A\u5B8C\u6210\u7684 assistant \u6D88\u606F (time.completed \u4E0D\u662F\u6570\u5B57)
-  // sessionStatus = sync.data.session_status[sessionID]
-  
-  let eventSource = null;
-  const sessionStatus = {};
-  const pendingMessages = {};
-
-  function getCurrentSessionID() {
-    const match = window.location.pathname.match(/\\/session\\/([^\\/]+)/);
-    return match ? match[1] : null;
-  }
-
-  function isPending(message) {
-    return message.role === 'assistant' && typeof message.time?.completed !== 'number';
-  }
-
-  function updateThinkingState(sessionID) {
-    const status = sessionStatus[sessionID];
-    const pending = pendingMessages[sessionID];
-    
-    const isThinking = !!pending || (status && status.type !== 'idle');
-    
-    if (window.parent !== window) {
-      window.parent.postMessage({
-        type: 'OPENCODE_THINKING_STATE',
-        thinking: isThinking,
-        sessionID: sessionID,
-        statusType: status?.type || 'idle',
-        hasPending: !!pending
-      }, '*');
-    }
-  }
-
-  function handleEvent(payload) {
-    const type = payload.type;
-    const props = payload.properties;
-
-    switch (type) {
-      case 'session.status': {
-        const sessionID = props.sessionID;
-        sessionStatus[sessionID] = props.status;
-        updateThinkingState(sessionID);
-        break;
-      }
-      
-      case 'message.updated': {
-        const info = props.info;
-        if (!info || !info.sessionID) break;
-        const sessionID = info.sessionID;
-        
-        if (info.role === 'assistant') {
-          if (isPending(info)) {
-            pendingMessages[sessionID] = info;
-          } else {
-            delete pendingMessages[sessionID];
-          }
-          updateThinkingState(sessionID);
-        }
-        break;
-      }
-      
-      case 'message.part.delta': {
-        const sessionID = props.sessionID;
-        if (sessionID && !pendingMessages[sessionID]) {
-          pendingMessages[sessionID] = { role: 'assistant', time: {} };
-          updateThinkingState(sessionID);
-        }
-        break;
-      }
-    }
-  }
-
-  function setupThinkingListener() {
-    if (eventSource) {
-      eventSource.close();
-    }
-
-    eventSource = new EventSource('/global/event');
-
-    eventSource.onmessage = function(event) {
-      try {
-        const data = JSON.parse(event.data);
-        const payload = data.payload;
-        if (!payload) return;
-        handleEvent(payload);
-      } catch (e) {
-        // ignore parse errors
-      }
-    };
-
-    eventSource.onerror = function(err) {
-      console.warn('[OpenCode Bridge] SSE connection error, retrying in 3s...');
-      eventSource.close();
-      setTimeout(setupThinkingListener, 3000);
-    };
-
-    console.log('[OpenCode Bridge] SSE listener setup complete');
-  }
-
   // === \u5C31\u7EEA\u901A\u77E5 ===
   function init() {
     if (window.parent !== window) {
       window.parent.postMessage({ type: "OPENCODE_READY" }, "*");
     }
-    setupThinkingListener();
     setupPromptInputListener();
+    applySavedStates();
     
     const observer = new MutationObserver(function(mutations) {
       const promptInput = document.querySelector('[data-component="prompt-input"]');
@@ -394,6 +307,13 @@ function generateBridgeScript(options) {
         setupPromptInputListener();
         promptInput._opencodeListenerAttached = true;
       }
+      
+      // \u5F53\u76EE\u6807\u5143\u7D20\u51FA\u73B0\u65F6\u5E94\u7528\u4FDD\u5B58\u7684\u72B6\u6001
+      const promptDock = document.querySelector('[data-component="session-prompt-dock"]');
+      const dockSurface = document.querySelector('[data-dock-surface="tray"]');
+      if (promptDock || dockSurface) {
+        applySavedStates();
+      }
     });
     observer.observe(document.body, { childList: true, subtree: true });
   }
@@ -403,13 +323,6 @@ function generateBridgeScript(options) {
   } else {
     init();
   }
-
-  window.addEventListener('beforeunload', function() {
-    if (eventSource) {
-      eventSource.close();
-      eventSource = null;
-    }
-  });
 })();
 `;
 }

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;
+};