@vite-plugin-opencode-assistant/components 1.0.74 → 1.0.76

package/es/open-code-widget/src/index.vue.mjs

@@ -30,6 +30,7 @@ import { useInspector } from "../composables/use-inspector.mjs";
 import { usePersistState } from "../composables/use-persist-state.mjs";
 import { useSplitMode } from "../composables/use-split.mjs";
 import { provideOpenCodeWidgetContext } from "./context.mjs";
+import { WIDGET_MSG } from "@vite-plugin-opencode-assistant/shared";
 const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValues({}, {
   name: "OpencodeWidget"
 }), {
@@ -60,7 +61,8 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
     sessionStates: { type: Object, required: false },
     displayMode: { type: String, required: false, default: "bubble" },
     splitMode: { type: Object, required: false, default: void 0 },
-    splitPanelWidth: { type: Number, required: false, default: 500 }
+    splitPanelWidth: { type: Number, required: false, default: 500 },
+    hideBubble: { type: Boolean, required: false, default: false }
   },
   emits: ["update:open", "update:selectMode", "update:sessionListCollapsed", "update:currentSessionId", "update:selectedElements", "update:theme", "update:thinking", "update:splitPanelWidth", "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", "split-panel-width-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -122,8 +124,8 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
     const splitPanelWidth = ref(props.splitPanelWidth);
     const syncStateToIframe = () => {
       if (!iframeLoaded.value) return;
-      sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
-      sendMessageToIframe("minimize-state-change", { minimized: minimized.value });
+      sendMessageToIframe(WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
+      sendMessageToIframe(WIDGET_MSG.MINIMIZE_STATE, { minimized: minimized.value });
     };
     const handleFrameLoaded = () => {
       emit("frame-loaded");
@@ -149,6 +151,7 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
       }
     );
     const handleToggleDisplayMode = () => {
+      if (localDisplayMode.value === "extension" || localDisplayMode.value === "extension-selector") return;
       const modes = ["bubble", "split", "auto"];
       const currentIndex = modes.indexOf(localDisplayMode.value);
       const nextIndex = (currentIndex + 1) % modes.length;
@@ -248,6 +251,7 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
     const {
       effectiveMode,
       isSplitMode,
+      isExtensionMode,
       panelWidth,
       splitConfig,
       splitPosition,
@@ -333,12 +337,15 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
     const handleToggleMinimize = () => {
       minimized.value = !minimized.value;
       promptDockVisible.value = !minimized.value;
-      sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
-      sendMessageToIframe("minimize-state-change", { minimized: minimized.value });
+      sendMessageToIframe(WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
+      sendMessageToIframe(WIDGET_MSG.MINIMIZE_STATE, { minimized: minimized.value });
     };
     const handleTogglePromptDock = () => {
       promptDockVisible.value = !promptDockVisible.value;
-      sendMessageToIframe("prompt-dock-visibility-change", { visible: promptDockVisible.value });
+      sendMessageToIframe(WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
+    };
+    const handleRefresh = () => {
+      window.location.reload();
     };
     const windowWidth = ref(typeof window !== "undefined" ? window.innerWidth : 0);
     const windowHeight = ref(typeof window !== "undefined" ? window.innerHeight : 0);
@@ -519,7 +526,8 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
       handleRemoveSelectedNode: (payload) => handleRemoveSelectedNode(payload.item, payload.index, payload.source),
       handleClearSelectedNodes,
       handleFrameLoaded,
-      handleBubbleOffsetChange
+      handleBubbleOffsetChange,
+      handleRefresh
     });
     __expose({
       showNotification,
@@ -535,7 +543,7 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
       return dialogResolve;
     }, set dialogResolve(v) {
       dialogResolve = v;
-    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, frameRef, triggerRef, sendMessageToIframe, localSessionListCollapsed, localDisplayMode, localSplitPosition, minimized, promptDockVisible, isRestoring, iframeLoaded, splitPanelWidth, syncStateToIframe, handleFrameLoaded, handleToggleDisplayMode, 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, effectiveMode, isSplitMode, panelWidth, splitConfig, splitPosition, handleResize, handleSplitToggle, handleTogglePosition, handleToggleMinimize, handleTogglePromptDock, windowWidth, windowHeight, handleWindowResize, bubbleQuadrant, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, handleResizeStart, handleResizeEnd, chatAnimationOrigin, isDragging, get wasOpenBeforeDrag() {
+    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, frameRef, triggerRef, sendMessageToIframe, localSessionListCollapsed, localDisplayMode, localSplitPosition, minimized, promptDockVisible, isRestoring, iframeLoaded, splitPanelWidth, syncStateToIframe, handleFrameLoaded, handleToggleDisplayMode, 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, effectiveMode, isSplitMode, isExtensionMode, panelWidth, splitConfig, splitPosition, handleResize, handleSplitToggle, handleTogglePosition, handleToggleMinimize, handleTogglePromptDock, handleRefresh, windowWidth, windowHeight, handleWindowResize, bubbleQuadrant, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, handleResizeStart, handleResizeEnd, chatAnimationOrigin, isDragging, get wasOpenBeforeDrag() {
       return wasOpenBeforeDrag;
     }, set wasOpenBeforeDrag(v) {
       wasOpenBeforeDrag = v;
@@ -544,7 +552,7 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
     return __returned__;
   }
 }));
-import { renderSlot as _renderSlot, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, createVNode as _createVNode, vShow as _vShow, normalizeStyle as _normalizeStyle, withDirectives as _withDirectives, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, Teleport as _Teleport, normalizeClass as _normalizeClass } from "vue";
+import { renderSlot as _renderSlot, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, createVNode as _createVNode, Fragment as _Fragment, createElementBlock as _createElementBlock, vShow as _vShow, normalizeStyle as _normalizeStyle, withDirectives as _withDirectives, toDisplayString as _toDisplayString, Teleport as _Teleport, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = { class: "opencode-tooltip-tag" };
 const _hoisted_2 = { class: "opencode-tooltip-file" };
 const _hoisted_3 = {
@@ -567,121 +575,130 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
   return _openBlock(), _createElementBlock(
     "div",
     {
-      class: _normalizeClass($setup.containerClasses)
+      class: _normalizeClass([...$setup.containerClasses, { "extension-mode": $setup.isExtensionMode }])
     },
     [
-      !$setup.isSplitMode ? (_openBlock(), _createBlock(
-        $setup["Trigger"],
-        {
-          key: 0,
-          ref: "triggerRef",
-          onDragStart: $setup.handleDragStart,
-          onDragEnd: $setup.handleDragEnd
-        },
-        _createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          $setup.slots["button-icon"] ? {
-            name: "default",
-            fn: _withCtx(() => [
-              _renderSlot(_ctx.$slots, "button-icon")
+      $props.displayMode !== "extension-selector" ? (_openBlock(), _createElementBlock(
+        _Fragment,
+        { key: 0 },
+        [
+          !$setup.isSplitMode && !$setup.props.hideBubble ? (_openBlock(), _createBlock(
+            $setup["Trigger"],
+            {
+              key: 0,
+              ref: "triggerRef",
+              onDragStart: $setup.handleDragStart,
+              onDragEnd: $setup.handleDragEnd
+            },
+            _createSlots({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              $setup.slots["button-icon"] ? {
+                name: "default",
+                fn: _withCtx(() => [
+                  _renderSlot(_ctx.$slots, "button-icon")
+                ]),
+                key: "0"
+              } : void 0
             ]),
-            key: "0"
-          } : void 0
-        ]),
-        1536
-        /* NEED_PATCH, DYNAMIC_SLOTS */
+            1536
+            /* NEED_PATCH, DYNAMIC_SLOTS */
+          )) : _createCommentVNode("v-if", true),
+          _createVNode($setup["ChatPanel"], {
+            ref: "frameRef",
+            mode: $setup.effectiveMode,
+            open: $props.open,
+            minimized: $setup.minimized,
+            "position-style": $setup.chatPositionStyle,
+            "animation-origin": $setup.chatAnimationOrigin,
+            "panel-width": $setup.panelWidth,
+            resizable: $setup.splitConfig.resizable,
+            "min-width": $setup.splitConfig.minWidth,
+            "max-width": $setup.splitConfig.maxWidth,
+            "no-transition": $setup.isRestoring,
+            dragging: $setup.isDragging,
+            "notification-visible": $setup.notificationVisible,
+            "notification-message": $setup.notificationMessage,
+            "notification-mode": $setup.notificationMode,
+            thinking: $props.thinking,
+            "resolved-theme": $setup.resolvedTheme,
+            "split-position": $setup.splitPosition,
+            extension: $setup.isExtensionMode,
+            onResize: $setup.handleResize,
+            onResizeStart: $setup.handleResizeStart,
+            onResizeEnd: $setup.handleResizeEnd,
+            onToggle: $setup.handleSplitToggle
+          }, _createSlots({
+            "sessions-empty": _withCtx(() => [
+              _renderSlot(_ctx.$slots, "sessions-empty", {}, () => [
+                _cache[0] || (_cache[0] = _createElementVNode(
+                  "div",
+                  { class: "opencode-session-empty" },
+                  "\u6682\u65E0\u4F1A\u8BDD",
+                  -1
+                  /* CACHED */
+                ))
+              ])
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            $setup.slots["session-toggle-icon"] ? {
+              name: "session-toggle-icon",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "session-toggle-icon")
+              ]),
+              key: "0"
+            } : void 0,
+            $setup.slots["select-icon"] ? {
+              name: "select-icon",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "select-icon")
+              ]),
+              key: "1"
+            } : void 0,
+            $setup.slots["close-icon"] ? {
+              name: "close-icon",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "close-icon")
+              ]),
+              key: "2"
+            } : void 0,
+            $setup.slots["empty-state"] ? {
+              name: "empty-state",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "empty-state")
+              ]),
+              key: "3"
+            } : void 0,
+            $setup.slots.loading ? {
+              name: "loading",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "loading")
+              ]),
+              key: "4"
+            } : void 0,
+            $setup.slots.error ? {
+              name: "error",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "error")
+              ]),
+              key: "5"
+            } : void 0,
+            $setup.slots.content ? {
+              name: "content",
+              fn: _withCtx(() => [
+                _renderSlot(_ctx.$slots, "content")
+              ]),
+              key: "6"
+            } : void 0
+          ]), 1032, ["mode", "open", "minimized", "position-style", "animation-origin", "panel-width", "resizable", "min-width", "max-width", "no-transition", "dragging", "notification-visible", "notification-message", "notification-mode", "thinking", "resolved-theme", "split-position", "extension", "onResize", "onToggle"]),
+          _createVNode($setup["SelectHint"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
       )) : _createCommentVNode("v-if", true),
-      _createVNode($setup["ChatPanel"], {
-        ref: "frameRef",
-        mode: $setup.effectiveMode,
-        open: $props.open,
-        minimized: $setup.minimized,
-        "position-style": $setup.chatPositionStyle,
-        "animation-origin": $setup.chatAnimationOrigin,
-        "panel-width": $setup.panelWidth,
-        resizable: $setup.splitConfig.resizable,
-        "min-width": $setup.splitConfig.minWidth,
-        "max-width": $setup.splitConfig.maxWidth,
-        "no-transition": $setup.isRestoring,
-        dragging: $setup.isDragging,
-        "notification-visible": $setup.notificationVisible,
-        "notification-message": $setup.notificationMessage,
-        "notification-mode": $setup.notificationMode,
-        thinking: $props.thinking,
-        "resolved-theme": $setup.resolvedTheme,
-        "split-position": $setup.splitPosition,
-        onResize: $setup.handleResize,
-        onResizeStart: $setup.handleResizeStart,
-        onResizeEnd: $setup.handleResizeEnd,
-        onToggle: $setup.handleSplitToggle
-      }, _createSlots({
-        "sessions-empty": _withCtx(() => [
-          _renderSlot(_ctx.$slots, "sessions-empty", {}, () => [
-            _cache[0] || (_cache[0] = _createElementVNode(
-              "div",
-              { class: "opencode-session-empty" },
-              "\u6682\u65E0\u4F1A\u8BDD",
-              -1
-              /* CACHED */
-            ))
-          ])
-        ]),
-        _: 2
-        /* DYNAMIC */
-      }, [
-        $setup.slots["session-toggle-icon"] ? {
-          name: "session-toggle-icon",
-          fn: _withCtx(() => [
-            _renderSlot(_ctx.$slots, "session-toggle-icon")
-          ]),
-          key: "0"
-        } : void 0,
-        $setup.slots["select-icon"] ? {
-          name: "select-icon",
-          fn: _withCtx(() => [
-            _renderSlot(_ctx.$slots, "select-icon")
-          ]),
-          key: "1"
-        } : void 0,
-        $setup.slots["close-icon"] ? {
-          name: "close-icon",
-          fn: _withCtx(() => [
-            _renderSlot(_ctx.$slots, "close-icon")
-          ]),
-          key: "2"
-        } : void 0,
-        $setup.slots["empty-state"] ? {
-          name: "empty-state",
-          fn: _withCtx(() => [
-            _renderSlot(_ctx.$slots, "empty-state")
-          ]),
-          key: "3"
-        } : void 0,
-        $setup.slots.loading ? {
-          name: "loading",
-          fn: _withCtx(() => [
-            _renderSlot(_ctx.$slots, "loading")
-          ]),
-          key: "4"
-        } : void 0,
-        $setup.slots.error ? {
-          name: "error",
-          fn: _withCtx(() => [
-            _renderSlot(_ctx.$slots, "error")
-          ]),
-          key: "5"
-        } : void 0,
-        $setup.slots.content ? {
-          name: "content",
-          fn: _withCtx(() => [
-            _renderSlot(_ctx.$slots, "content")
-          ]),
-          key: "6"
-        } : void 0
-      ]), 1032, ["mode", "open", "minimized", "position-style", "animation-origin", "panel-width", "resizable", "min-width", "max-width", "no-transition", "dragging", "notification-visible", "notification-message", "notification-mode", "thinking", "resolved-theme", "split-position", "onResize", "onToggle"]),
-      _createVNode($setup["SelectHint"]),
       _withDirectives(_createElementVNode(
         "div",
         {