@vite-plugin-opencode-assistant/components 1.0.47 → 1.0.49

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

@@ -64,6 +64,7 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
   },
   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 }) {
+    var _a, _b;
     _useCssVars((_ctx) => ({
       "-chatAnimationOrigin.x": chatAnimationOrigin.value.x,
       "-chatAnimationOrigin.y": chatAnimationOrigin.value.y
@@ -106,10 +107,14 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
     const frameRef = ref(null);
     const triggerRef = ref(null);
     const sendMessageToIframe = (type, data) => {
-      var _a;
-      (_a = frameRef.value) == null ? void 0 : _a.sendMessageToIframe(type, data);
+      var _a2;
+      (_a2 = frameRef.value) == null ? void 0 : _a2.sendMessageToIframe(type, data);
     };
     const localSessionListCollapsed = ref(props.sessionListCollapsed);
+    const localDisplayMode = ref(props.displayMode);
+    const localSplitPosition = ref(
+      (_b = (_a = props.splitMode) == null ? void 0 : _a.position) != null ? _b : "right"
+    );
     const minimized = ref(false);
     const promptDockVisible = ref(true);
     const isRestoring = ref(true);
@@ -137,6 +142,18 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
         splitPanelWidth.value = val;
       }
     );
+    watch(
+      () => props.displayMode,
+      (val) => {
+        localDisplayMode.value = val;
+      }
+    );
+    const handleToggleDisplayMode = () => {
+      const modes = ["bubble", "split", "auto"];
+      const currentIndex = modes.indexOf(localDisplayMode.value);
+      const nextIndex = (currentIndex + 1) % modes.length;
+      localDisplayMode.value = modes[nextIndex];
+    };
     const {
       buttonActive,
       containerClasses,
@@ -233,12 +250,15 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
       isSplitMode,
       panelWidth,
       splitConfig,
+      splitPosition,
       handleResize,
-      handleToggle: handleSplitToggle
+      handleToggle: handleSplitToggle,
+      handleTogglePosition
     } = useSplitMode({
-      displayMode: toRef(props, "displayMode"),
+      displayMode: localDisplayMode,
       splitMode: toRef(props, "splitMode"),
       open: toRef(props, "open"),
+      splitPosition: localSplitPosition,
       onOpenChange: (nextOpen) => {
         emit("update:open", nextOpen);
         emit("toggle", nextOpen);
@@ -247,6 +267,9 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
         splitPanelWidth.value = width;
         emit("update:splitPanelWidth", width);
         emit("split-panel-width-change", width);
+      },
+      onPositionChange: (position) => {
+        localSplitPosition.value = position;
       }
     });
     usePersistState({
@@ -257,6 +280,8 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
       theme: toRef(props, "theme"),
       sessionListCollapsed: localSessionListCollapsed,
       splitPanelWidth,
+      displayMode: localDisplayMode,
+      splitPosition: localSplitPosition,
       onRestore: (state) => {
         if (state.open !== void 0 && state.open !== props.open) {
           emit("update:open", state.open);
@@ -291,6 +316,12 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
         if (state.splitPanelWidth !== void 0 && state.splitPanelWidth !== props.splitPanelWidth) {
           handleResize(state.splitPanelWidth);
         }
+        if (state.displayMode !== void 0 && state.displayMode !== props.displayMode) {
+          localDisplayMode.value = state.displayMode;
+        }
+        if (state.splitPosition !== void 0) {
+          localSplitPosition.value = state.splitPosition;
+        }
         nextTick(() => {
           syncStateToIframe();
           setTimeout(() => {
@@ -328,12 +359,12 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
       }
     });
     const bubbleQuadrant = computed(() => {
-      var _a, _b, _c, _d;
+      var _a2, _b2, _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 currentOffset = (_b2 = (_a2 = triggerRef.value) == null ? void 0 : _a2.offset) != null ? _b2 : 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) {
@@ -351,14 +382,14 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
       return quadrant === "top-right" || quadrant === "bottom-right";
     });
     const chatPositionStyle = computed(() => {
-      var _a, _b, _c;
+      var _a2, _b2, _c;
       if (typeof window === "undefined") return {};
       const chatWidth = minimized.value ? 300 : 700;
       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 effectiveOffset = (_c = (_b2 = (_a2 = triggerRef.value) == null ? void 0 : _a2.offset) != null ? _b2 : bubbleOffset.value) != null ? _c : { x: windowWidth.value - bubbleSize - gap, y: windowHeight.value - bubbleSize - gap };
       const style = {};
       if (isBubbleOnRightSide.value) {
         let rightPos = windowWidth.value - effectiveOffset.x + gap;
@@ -458,9 +489,11 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
       promptDockVisible,
       bubbleOffset,
       mode: effectiveMode,
+      displayMode: localDisplayMode,
+      splitPosition,
       sessionStates: computed(() => {
-        var _a;
-        return (_a = props.sessionStates) != null ? _a : {};
+        var _a2;
+        return (_a2 = props.sessionStates) != null ? _a2 : {};
       }),
       iframeSource,
       buttonActive,
@@ -475,6 +508,8 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
       handleTogglePromptDock,
       handleToggleSessionList,
       handleToggleTheme,
+      handleToggleDisplayMode,
+      handleToggleSplitPosition: handleTogglePosition,
       handleEmptyAction,
       handleCreateSession,
       handleSelectSession,
@@ -500,7 +535,7 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
       return dialogResolve;
     }, set dialogResolve(v) {
       dialogResolve = v;
-    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, frameRef, triggerRef, sendMessageToIframe, localSessionListCollapsed, minimized, promptDockVisible, isRestoring, iframeLoaded, splitPanelWidth, 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, effectiveMode, isSplitMode, panelWidth, splitConfig, handleResize, handleSplitToggle, 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, panelWidth, splitConfig, splitPosition, handleResize, handleSplitToggle, handleTogglePosition, handleToggleMinimize, handleTogglePromptDock, windowWidth, windowHeight, handleWindowResize, bubbleQuadrant, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, handleResizeStart, handleResizeEnd, chatAnimationOrigin, isDragging, get wasOpenBeforeDrag() {
       return wasOpenBeforeDrag;
     }, set wasOpenBeforeDrag(v) {
       wasOpenBeforeDrag = v;
@@ -576,6 +611,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
         "notification-mode": $setup.notificationMode,
         thinking: $props.thinking,
         "resolved-theme": $setup.resolvedTheme,
+        "split-position": $setup.splitPosition,
         onResize: $setup.handleResize,
         onResizeStart: $setup.handleResizeStart,
         onResizeEnd: $setup.handleResizeEnd,
@@ -644,7 +680,7 @@ function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           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", "onResize", "onToggle"]),
+      ]), 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",