@vite-plugin-opencode-assistant/components 1.0.25 → 1.0.27

package/lib/open-code-widget/src/index.vue.js

@@ -60,6 +60,7 @@ var import_use_selection = require("../composables/use-selection");
 var import_use_session = require("../composables/use-session");
 var import_use_widget = require("../composables/use-widget");
 var import_use_inspector = require("../composables/use-inspector");
+var import_use_persist_state = require("../composables/use-persist-state");
 var import_context = require("./context");
 var import_vue3 = require("vue");
 const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProps(__spreadValues({}, {
@@ -92,6 +93,10 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
   },
   emits: ["update:open", "update:selectMode", "update:sessionListCollapsed", "update:currentSessionId", "update:selectedElements", "update:theme", "update:thinking", "toggle", "close", "toggle-session-list", "toggle-select-mode", "toggle-theme", "create-session", "select-session", "delete-session", "click-selected-node", "remove-selected-node", "clear-selected-nodes", "empty-action", "frame-loaded", "thinking-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    (0, import_vue.useCssVars)((_ctx) => ({
+      "-chatAnimationOrigin.x": chatAnimationOrigin.value.x,
+      "-chatAnimationOrigin.y": chatAnimationOrigin.value.y
+    }));
     const props = __props;
     const emit = __emit;
     const slots = (0, import_vue2.useSlots)();
@@ -133,17 +138,26 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       var _a;
       (_a = frameRef.value) == null ? void 0 : _a.sendMessageToIframe(type, data);
     };
+    const localSessionListCollapsed = (0, import_vue2.ref)(props.sessionListCollapsed);
+    const minimized = (0, import_vue2.ref)(false);
+    const promptDockVisible = (0, import_vue2.ref)(true);
+    const isRestoring = (0, import_vue2.ref)(true);
+    const iframeLoaded = (0, import_vue2.ref)(false);
+    const syncStateToIframe = () => {
+      if (!iframeLoaded.value) return;
+      sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
+      sendMessageToIframe("minimize-state-change", { minimized: minimized.value });
+    };
     const handleFrameLoaded = () => {
       emit("frame-loaded");
+      iframeLoaded.value = true;
+      syncStateToIframe();
     };
     __expose({
       showNotification,
       showConfirmDialog,
       sendMessageToIframe
     });
-    const localSessionListCollapsed = (0, import_vue2.ref)(props.sessionListCollapsed);
-    const minimized = (0, import_vue2.ref)(false);
-    const promptDockVisible = (0, import_vue2.ref)(true);
     (0, import_vue2.watch)(
       () => props.sessionListCollapsed,
       (val) => {
@@ -240,6 +254,53 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
         emit("toggle-select-mode", false);
       }
     });
+    const bubbleOffset = (0, import_vue2.ref)(void 0);
+    (0, import_use_persist_state.usePersistState)({
+      open: (0, import_vue2.toRef)(props, "open"),
+      minimized,
+      promptDockVisible,
+      bubbleOffset,
+      theme: (0, import_vue2.toRef)(props, "theme"),
+      sessionListCollapsed: localSessionListCollapsed,
+      onRestore: (state) => {
+        if (state.open !== void 0 && state.open !== props.open) {
+          emit("update:open", state.open);
+          emit("toggle", state.open);
+        }
+        if (state.minimized !== void 0) {
+          minimized.value = state.minimized;
+        }
+        if (state.bubbleOffset !== void 0) {
+          const bubbleSize = 44;
+          const margin = 10;
+          const maxX = window.innerWidth - bubbleSize - margin;
+          const maxY = window.innerHeight - bubbleSize - margin;
+          bubbleOffset.value = {
+            x: Math.max(margin, Math.min(state.bubbleOffset.x, maxX)),
+            y: Math.max(margin, Math.min(state.bubbleOffset.y, maxY))
+          };
+        }
+        if (state.theme !== void 0 && state.theme !== props.theme) {
+          emit("update:theme", state.theme);
+          emit("toggle-theme", state.theme);
+        }
+        if (state.sessionListCollapsed !== void 0 && state.sessionListCollapsed !== props.sessionListCollapsed) {
+          localSessionListCollapsed.value = state.sessionListCollapsed;
+          emit("update:sessionListCollapsed", state.sessionListCollapsed);
+        }
+        if (state.promptDockVisible !== void 0) {
+          promptDockVisible.value = state.promptDockVisible;
+        } else if (minimized.value) {
+          promptDockVisible.value = false;
+        }
+        (0, import_vue2.nextTick)(() => {
+          syncStateToIframe();
+          setTimeout(() => {
+            isRestoring.value = false;
+          }, 50);
+        });
+      }
+    });
     const handleToggleMinimize = () => {
       minimized.value = !minimized.value;
       promptDockVisible.value = !minimized.value;
@@ -250,41 +311,84 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       promptDockVisible.value = !promptDockVisible.value;
       sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
     };
-    const bubbleOffset = (0, import_vue2.ref)({ x: 0, y: 0 });
+    const windowWidth = (0, import_vue2.ref)(typeof window !== "undefined" ? window.innerWidth : 0);
+    const windowHeight = (0, import_vue2.ref)(typeof window !== "undefined" ? window.innerHeight : 0);
+    const handleWindowResize = () => {
+      if (typeof window !== "undefined") {
+        windowWidth.value = window.innerWidth;
+        windowHeight.value = window.innerHeight;
+      }
+    };
+    (0, import_vue2.onMounted)(() => {
+      if (typeof window !== "undefined") {
+        window.addEventListener("resize", handleWindowResize);
+      }
+    });
+    (0, import_vue2.onUnmounted)(() => {
+      if (typeof window !== "undefined") {
+        window.removeEventListener("resize", handleWindowResize);
+      }
+    });
+    const bubbleQuadrant = (0, import_vue2.computed)(() => {
+      var _a, _b, _c, _d;
+      if (typeof window === "undefined") return "bottom-right";
+      const centerX = windowWidth.value / 2;
+      const centerY = windowHeight.value / 2;
+      const bubbleSize = 44;
+      const currentOffset = (_b = (_a = triggerRef.value) == null ? void 0 : _a.offset) != null ? _b : bubbleOffset.value;
+      const effectiveX = ((_c = currentOffset == null ? void 0 : currentOffset.x) != null ? _c : windowWidth.value - bubbleSize - 24) + bubbleSize / 2;
+      const effectiveY = ((_d = currentOffset == null ? void 0 : currentOffset.y) != null ? _d : windowHeight.value - bubbleSize - 24) + bubbleSize / 2;
+      if (effectiveX >= centerX && effectiveY >= centerY) {
+        return "bottom-right";
+      } else if (effectiveX < centerX && effectiveY >= centerY) {
+        return "bottom-left";
+      } else if (effectiveX >= centerX && effectiveY < centerY) {
+        return "top-right";
+      } else {
+        return "top-left";
+      }
+    });
     const isBubbleOnRightSide = (0, import_vue2.computed)(() => {
-      if (typeof window === "undefined") return true;
-      const centerX = window.innerWidth / 2;
-      return bubbleOffset.value.x > centerX;
+      const quadrant = bubbleQuadrant.value;
+      return quadrant === "top-right" || quadrant === "bottom-right";
     });
     const chatPositionStyle = (0, import_vue2.computed)(() => {
+      var _a, _b, _c;
       if (typeof window === "undefined") return {};
-      const windowWidth = window.innerWidth;
-      const windowHeight = window.innerHeight;
       const chatWidth = minimized.value ? 300 : 700;
-      const chatHeight = minimized.value ? 300 : Math.min(windowHeight * 0.86, windowHeight - 40);
+      const chatHeight = minimized.value ? 300 : Math.min(windowHeight.value * 0.86, windowHeight.value - 40);
       const gap = 24;
       const bubbleSize = 44;
       const screenMargin = 20;
+      const effectiveOffset = (_c = (_b = (_a = triggerRef.value) == null ? void 0 : _a.offset) != null ? _b : bubbleOffset.value) != null ? _c : { x: windowWidth.value - bubbleSize - gap, y: windowHeight.value - bubbleSize - gap };
       const style = {};
       if (isBubbleOnRightSide.value) {
-        let rightPos = windowWidth - bubbleOffset.value.x + gap;
-        const maxRight = windowWidth - chatWidth - screenMargin;
+        let rightPos = windowWidth.value - effectiveOffset.x + gap;
+        const minRight = screenMargin;
+        const maxRight = windowWidth.value - chatWidth - screenMargin;
         if (rightPos > maxRight) {
           rightPos = maxRight;
         }
+        if (rightPos < minRight) {
+          rightPos = minRight;
+        }
         style.right = `${rightPos}px`;
         style.left = "auto";
       } else {
-        let leftPos = bubbleOffset.value.x + bubbleSize + gap;
-        const maxLeft = windowWidth - chatWidth - screenMargin;
+        let leftPos = effectiveOffset.x + bubbleSize + gap;
+        const minLeft = screenMargin;
+        const maxLeft = windowWidth.value - chatWidth - screenMargin;
         if (leftPos > maxLeft) {
           leftPos = maxLeft;
         }
+        if (leftPos < minLeft) {
+          leftPos = minLeft;
+        }
         style.left = `${leftPos}px`;
         style.right = "auto";
       }
-      let bottomPos = windowHeight - bubbleOffset.value.y - bubbleSize;
-      const maxBottom = windowHeight - chatHeight - screenMargin;
+      let bottomPos = windowHeight.value - effectiveOffset.y - bubbleSize;
+      const maxBottom = windowHeight.value - chatHeight - screenMargin;
       if (bottomPos > maxBottom) {
         bottomPos = maxBottom;
       }
@@ -297,6 +401,20 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
     const handleBubbleOffsetChange = (offset) => {
       bubbleOffset.value = offset;
     };
+    const chatAnimationOrigin = (0, import_vue2.computed)(() => {
+      const quadrant = bubbleQuadrant.value;
+      switch (quadrant) {
+        case "top-left":
+          return { x: "-20px", y: "-20px" };
+        case "top-right":
+          return { x: "20px", y: "-20px" };
+        case "bottom-left":
+          return { x: "-20px", y: "20px" };
+        case "bottom-right":
+        default:
+          return { x: "20px", y: "20px" };
+      }
+    });
     const isDragging = (0, import_vue2.ref)(false);
     let wasOpenBeforeDrag = false;
     const handleDragStart = () => {
@@ -334,6 +452,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       thinking: (0, import_vue2.toRef)(props, "thinking"),
       minimized,
       promptDockVisible,
+      bubbleOffset,
       iframeSource,
       buttonActive,
       sessionListTitle,
@@ -355,7 +474,8 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       handleClickSelectedNode,
       handleRemoveSelectedNode: (payload) => handleRemoveSelectedNode(payload.item, payload.index, payload.source),
       handleClearSelectedNodes,
-      handleFrameLoaded
+      handleFrameLoaded,
+      handleBubbleOffsetChange
     });
     const __returned__ = { props, emit, slots, notificationMessage, notificationVisible, notificationMode, get notificationTimer() {
       return notificationTimer;
@@ -365,7 +485,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       return dialogResolve;
     }, set dialogResolve(v) {
       dialogResolve = v;
-    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, frameRef, triggerRef, sendMessageToIframe, handleFrameLoaded, localSessionListCollapsed, minimized, promptDockVisible, buttonActive, containerClasses, iframeSource, sessionListTitle, resolvedTheme, handleClose, handleEmptyAction, handleToggle, handleToggleSessionList, handleToggleTheme, sessionItems, handleCreateSession, handleDeleteSession, handleSelectSession, bubbleVisible, hasSelectedElements, selectedElementItems, handleClearSelectedNodes, handleClickSelectedNode, handleRemoveSelectedNode, handleToggleSelectMode, highlightVisible, highlightStyle, tooltipVisible, tooltipStyle, tooltipContent, handleToggleMinimize, handleTogglePromptDock, bubbleOffset, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, isDragging, get wasOpenBeforeDrag() {
+    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, frameRef, triggerRef, sendMessageToIframe, localSessionListCollapsed, minimized, promptDockVisible, isRestoring, iframeLoaded, syncStateToIframe, handleFrameLoaded, buttonActive, containerClasses, iframeSource, sessionListTitle, resolvedTheme, handleClose, handleEmptyAction, handleToggle, handleToggleSessionList, handleToggleTheme, sessionItems, handleCreateSession, handleDeleteSession, handleSelectSession, bubbleVisible, hasSelectedElements, selectedElementItems, handleClearSelectedNodes, handleClickSelectedNode, handleRemoveSelectedNode, handleToggleSelectMode, highlightVisible, highlightStyle, tooltipVisible, tooltipStyle, tooltipContent, bubbleOffset, handleToggleMinimize, handleTogglePromptDock, windowWidth, windowHeight, handleWindowResize, bubbleQuadrant, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, chatAnimationOrigin, isDragging, get wasOpenBeforeDrag() {
       return wasOpenBeforeDrag;
     }, set wasOpenBeforeDrag(v) {
       wasOpenBeforeDrag = v;
@@ -409,7 +529,6 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
         $setup["Trigger"],
         {
           ref: "triggerRef",
-          onOffsetChange: $setup.handleBubbleOffsetChange,
           onDragStart: $setup.handleDragStart,
           onDragEnd: $setup.handleDragEnd
         },
@@ -431,7 +550,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
       (0, import_vue3.withDirectives)((0, import_vue3.createElementVNode)(
         "div",
         {
-          class: (0, import_vue3.normalizeClass)(["opencode-chat", { open: $props.open, minimized: $setup.minimized, dragging: $setup.isDragging }]),
+          class: (0, import_vue3.normalizeClass)(["opencode-chat", { open: $props.open, minimized: $setup.minimized, dragging: $setup.isDragging, "no-transition": $setup.isRestoring }]),
           style: (0, import_vue3.normalizeStyle)($setup.chatPositionStyle)
         },
         [
@@ -542,9 +661,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
         "div",
         {
           class: "opencode-element-highlight",
-          style: (0, import_vue3.normalizeStyle)(__spreadValues({
-            display: $setup.highlightVisible ? "block" : "none"
-          }, $setup.highlightStyle))
+          style: (0, import_vue3.normalizeStyle)($setup.highlightStyle)
         },
         null,
         4
@@ -556,9 +673,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
         "div",
         {
           class: "opencode-element-tooltip",
-          style: (0, import_vue3.normalizeStyle)(__spreadValues({
-            display: $setup.tooltipVisible ? "block" : "none"
-          }, $setup.tooltipStyle))
+          style: (0, import_vue3.normalizeStyle)($setup.tooltipStyle)
         },
         [
           (0, import_vue3.createElementVNode)(

package/lib/web-types.json

@@ -1 +1 @@
-{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"@vite-plugin-opencode-assistant/components","version":"1.0.25","contributions":{"html":{"tags":[{"name":"open-code","attributes":[{"name":"","default":"`'bottom-right'`","description":"挂件显示的位置","value":{"type":"`'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'`","kind":"expression"}},{"name":"","default":"`false`","description":"挂件是否打开","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'auto'`","description":"主题模式","value":{"type":"`'light' | 'dark' | 'auto'`","kind":"expression"}},{"name":"","default":"`'AI 助手'`","description":"助手头部显示的标题","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'Ctrl+K'`","description":"快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'按 ESC 或 Ctrl+P 退出'`","description":"选择模式快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"是否进入选择页面元素模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"会话列表是否折叠","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'id'`","description":"会话列表项的唯一键字段","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"iframe 是否显示加载状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`undefined`","description":"会话列表是否加载中","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示会话列表骨架屏","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示空状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示错误状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'当前项目暂无会话'`","description":"空状态显示的文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'立即创建'`","description":"空状态操作按钮文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`''`","description":"Web UI 的 URL 来源","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`[]`","description":"会话列表数据","value":{"type":"`OpenCodeWidgetSession[]`","kind":"expression"}},{"name":"","default":"`null`","description":"当前选中的会话 ID","value":{"type":"`string | null`","kind":"expression"}},{"name":"","default":"`[]`","description":"已选中的元素列表","value":{"type":"`OpenCodeSelectedElement[]`","kind":"expression"}},{"name":"","default":"`true`","description":"是否显示\"一键清空\"按钮","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"是否启用选择模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示思考状态（加载中）","value":{"type":"`boolean`","kind":"expression"}}],"events":[{"name":"`update:open`","description":"当挂件打开或关闭时触发","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"`update:selectMode`","description":"当选择模式切换时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`update:sessionListCollapsed`","description":"当会话列表折叠状态改变时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`update:currentSessionId`","description":"当选中的会话 ID 改变时触发","arguments":[{"name":"sessionId","type":"Id"},{"name":"string | null"}]},{"name":"`update:selectedElements`","description":"当已选中的元素列表改变时触发","arguments":[{"name":"elements","type":"ts"},{"name":"OpenCodeSelectedElement[]"}]},{"name":"`update:theme`","description":"当主题模式改变时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`update:thinking`","description":"当思考状态改变时触发","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]},{"name":"","description":"点击触发挂件开关","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击关闭按钮时触发","arguments":[]},{"name":"`toggle-session-list`","description":"点击会话列表切换按钮时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`toggle-select-mode`","description":"点击选择模式切换按钮时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`toggle-theme`","description":"点击主题切换按钮时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`create-session`","description":"点击创建新会话时触发","arguments":[]},{"name":"`select-session`","description":"选中某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`delete-session`","description":"删除某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`click-selected-node`","description":"点击已选中的气泡或节点卡片时触发","arguments":[{"name":"element","type":"nt"},{"name":"OpenCodeSelectedElement"}]},{"name":"`remove-selected-node`","description":"删除已选中的元素时触发","arguments":[{"name":"payload","type":"ad"},{"name":"OpenCodeRemoveSelectedPayload"}]},{"name":"`clear-selected-nodes`","description":"清空所有选中元素时触发","arguments":[]},{"name":"`empty-action`","description":"点击空状态操作按钮时触发","arguments":[]},{"name":"`frame-loaded`","description":"iframe 加载完成时触发","arguments":[]},{"name":"`thinking-change`","description":"思考状态改变时触发（用于显示加载动画）","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]}],"slots":[{"name":"`button-icon`","description":"自定义触发按钮图标"},{"name":"`session-toggle-icon`","description":"自定义会话列表切换图标"},{"name":"`select-icon`","description":"自定义选择模式切换图标"},{"name":"`close-icon`","description":"自定义关闭按钮图标"},{"name":"`theme-icon`","description":"自定义主题切换图标"},{"name":"`sessions-empty`","description":"自定义会话列表空状态"},{"name":"`empty-state`","description":"自定义 iframe 空状态"},{"name":"","description":"自定义 iframe 加载状态"},{"name":"","description":"自定义错误状态"},{"name":"","description":"自定义 iframe 内容"}]}],"attributes":[]}},"js-types-syntax":"typescript"}
+{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"@vite-plugin-opencode-assistant/components","version":"1.0.27","contributions":{"html":{"tags":[{"name":"open-code","attributes":[{"name":"","default":"`'bottom-right'`","description":"挂件显示的位置","value":{"type":"`'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'`","kind":"expression"}},{"name":"","default":"`false`","description":"挂件是否打开","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'auto'`","description":"主题模式","value":{"type":"`'light' | 'dark' | 'auto'`","kind":"expression"}},{"name":"","default":"`'AI 助手'`","description":"助手头部显示的标题","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'Ctrl+K'`","description":"快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'按 ESC 或 Ctrl+P 退出'`","description":"选择模式快捷键提示文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"是否进入选择页面元素模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"会话列表是否折叠","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'id'`","description":"会话列表项的唯一键字段","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`false`","description":"iframe 是否显示加载状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`undefined`","description":"会话列表是否加载中","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示会话列表骨架屏","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示空状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示错误状态","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`'当前项目暂无会话'`","description":"空状态显示的文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`'立即创建'`","description":"空状态操作按钮文本","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`''`","description":"Web UI 的 URL 来源","value":{"type":"`string`","kind":"expression"}},{"name":"","default":"`[]`","description":"会话列表数据","value":{"type":"`OpenCodeWidgetSession[]`","kind":"expression"}},{"name":"","default":"`null`","description":"当前选中的会话 ID","value":{"type":"`string | null`","kind":"expression"}},{"name":"","default":"`[]`","description":"已选中的元素列表","value":{"type":"`OpenCodeSelectedElement[]`","kind":"expression"}},{"name":"","default":"`true`","description":"是否显示\"一键清空\"按钮","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`true`","description":"是否启用选择模式","value":{"type":"`boolean`","kind":"expression"}},{"name":"","default":"`false`","description":"是否显示思考状态（加载中）","value":{"type":"`boolean`","kind":"expression"}}],"events":[{"name":"`update:open`","description":"当挂件打开或关闭时触发","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"`update:selectMode`","description":"当选择模式切换时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`update:sessionListCollapsed`","description":"当会话列表折叠状态改变时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`update:currentSessionId`","description":"当选中的会话 ID 改变时触发","arguments":[{"name":"sessionId","type":"Id"},{"name":"string | null"}]},{"name":"`update:selectedElements`","description":"当已选中的元素列表改变时触发","arguments":[{"name":"elements","type":"ts"},{"name":"OpenCodeSelectedElement[]"}]},{"name":"`update:theme`","description":"当主题模式改变时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`update:thinking`","description":"当思考状态改变时触发","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]},{"name":"","description":"点击触发挂件开关","arguments":[{"name":"open","type":"en"},{"name":"boolean"}]},{"name":"","description":"点击关闭按钮时触发","arguments":[]},{"name":"`toggle-session-list`","description":"点击会话列表切换按钮时触发","arguments":[{"name":"collapsed","type":"ed"},{"name":"boolean"}]},{"name":"`toggle-select-mode`","description":"点击选择模式切换按钮时触发","arguments":[{"name":"mode","type":"de"},{"name":"boolean"}]},{"name":"`toggle-theme`","description":"点击主题切换按钮时触发","arguments":[{"name":"theme","type":"me"},{"name":"'light' | 'dark' | 'auto'"}]},{"name":"`create-session`","description":"点击创建新会话时触发","arguments":[]},{"name":"`select-session`","description":"选中某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`delete-session`","description":"删除某个历史会话时触发","arguments":[{"name":"session","type":"on"},{"name":"OpenCodeWidgetSession"}]},{"name":"`click-selected-node`","description":"点击已选中的气泡或节点卡片时触发","arguments":[{"name":"element","type":"nt"},{"name":"OpenCodeSelectedElement"}]},{"name":"`remove-selected-node`","description":"删除已选中的元素时触发","arguments":[{"name":"payload","type":"ad"},{"name":"OpenCodeRemoveSelectedPayload"}]},{"name":"`clear-selected-nodes`","description":"清空所有选中元素时触发","arguments":[]},{"name":"`empty-action`","description":"点击空状态操作按钮时触发","arguments":[]},{"name":"`frame-loaded`","description":"iframe 加载完成时触发","arguments":[]},{"name":"`thinking-change`","description":"思考状态改变时触发（用于显示加载动画）","arguments":[{"name":"thinking","type":"ng"},{"name":"boolean"}]}],"slots":[{"name":"`button-icon`","description":"自定义触发按钮图标"},{"name":"`session-toggle-icon`","description":"自定义会话列表切换图标"},{"name":"`select-icon`","description":"自定义选择模式切换图标"},{"name":"`close-icon`","description":"自定义关闭按钮图标"},{"name":"`theme-icon`","description":"自定义主题切换图标"},{"name":"`sessions-empty`","description":"自定义会话列表空状态"},{"name":"`empty-state`","description":"自定义 iframe 空状态"},{"name":"","description":"自定义 iframe 加载状态"},{"name":"","description":"自定义错误状态"},{"name":"","description":"自定义 iframe 内容"}]}],"attributes":[]}},"js-types-syntax":"typescript"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vite-plugin-opencode-assistant/components",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "description": "Reusable OpenCode widget components built with Pagoda CLI",
   "type": "module",
   "main": "lib/index.js",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "css-selector-generator": "^3.9.1",
-    "@vite-plugin-opencode-assistant/shared": "1.0.25"
+    "@vite-plugin-opencode-assistant/shared": "1.0.27"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.5",