@vite-plugin-opencode-assistant/components 1.1.16 → 1.1.17

package/es/index.d.ts

@@ -1,5 +1,5 @@
 import type { App } from 'vue';
-declare const version = "1.1.16";
+declare const version = "1.1.17";
 declare function install(app: App<any>, options?: any): void;
 export { install, version, };
 export * from './open-code-widget';

package/es/index.mjs

@@ -1,5 +1,5 @@
 import { OpenCodeWidget } from "./open-code-widget/index.mjs";
-const version = "1.1.16";
+const version = "1.1.17";
 function install(app, options) {
   const components = [
     OpenCodeWidget

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

@@ -122,9 +122,10 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
     const reviewPanelVisible = ref(false);
     const isRestoring = ref(true);
     const iframeLoaded = ref(false);
+    const iframeReady = ref(false);
     const splitPanelWidth = ref(props.splitPanelWidth);
     const syncStateToIframe = () => {
-      if (!iframeLoaded.value) return;
+      if (!iframeLoaded.value || !iframeReady.value) return;
       sendMessageToIframe(WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
       sendMessageToIframe(WIDGET_MSG.MINIMIZE_STATE, { minimized: minimized.value });
       sendMessageToIframe(WIDGET_MSG.REVIEW_PANEL_TOGGLE, { visible: reviewPanelVisible.value });
@@ -132,7 +133,6 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
     const handleFrameLoaded = () => {
       emit("frame-loaded");
       iframeLoaded.value = true;
-      syncStateToIframe();
     };
     watch(
       () => props.sessionListCollapsed,
@@ -367,14 +367,23 @@ const __vue_sfc__ = /* @__PURE__ */ _defineComponent(__spreadProps(__spreadValue
         windowHeight.value = window.innerHeight;
       }
     };
+    const handleIframeMessage = (event) => {
+      var _a2;
+      if (((_a2 = event.data) == null ? void 0 : _a2.type) === WIDGET_MSG.READY) {
+        iframeReady.value = true;
+        syncStateToIframe();
+      }
+    };
     onMounted(() => {
       if (typeof window !== "undefined") {
         window.addEventListener("resize", handleWindowResize);
+        window.addEventListener("message", handleIframeMessage);
       }
     });
     onUnmounted(() => {
       if (typeof window !== "undefined") {
         window.removeEventListener("resize", handleWindowResize);
+        window.removeEventListener("message", handleIframeMessage);
       }
     });
     const bubbleQuadrant = computed(() => {
@@ -557,7 +566,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, reviewPanelVisible, 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, handleToggleReviewPanel, handleRefresh, windowWidth, windowHeight, handleWindowResize, bubbleQuadrant, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, handleResizeStart, handleResizeEnd, chatAnimationOrigin, isDragging, get wasOpenBeforeDrag() {
+    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, frameRef, triggerRef, sendMessageToIframe, localSessionListCollapsed, localDisplayMode, localSplitPosition, minimized, promptDockVisible, reviewPanelVisible, isRestoring, iframeLoaded, iframeReady, 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, handleToggleReviewPanel, handleRefresh, windowWidth, windowHeight, handleWindowResize, handleIframeMessage, bubbleQuadrant, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, handleResizeStart, handleResizeEnd, chatAnimationOrigin, isDragging, get wasOpenBeforeDrag() {
       return wasOpenBeforeDrag;
     }, set wasOpenBeforeDrag(v) {
       wasOpenBeforeDrag = v;

package/lib/index.cjs

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(lib_exports);
 var import_open_code_widget = require("./open-code-widget/index.cjs");
 __reExport(lib_exports, require("./open-code-widget/index.cjs"), module.exports);
 __reExport(lib_exports, require("./setup.cjs"), module.exports);
-const version = "1.1.16";
+const version = "1.1.17";
 function install(app, options) {
   const components = [
     import_open_code_widget.OpenCodeWidget

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 import type { App } from 'vue';
-declare const version = "1.1.16";
+declare const version = "1.1.17";
 declare function install(app: App<any>, options?: any): void;
 export { install, version, };
 export * from './open-code-widget';

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

@@ -153,9 +153,10 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
     const reviewPanelVisible = (0, import_vue2.ref)(false);
     const isRestoring = (0, import_vue2.ref)(true);
     const iframeLoaded = (0, import_vue2.ref)(false);
+    const iframeReady = (0, import_vue2.ref)(false);
     const splitPanelWidth = (0, import_vue2.ref)(props.splitPanelWidth);
     const syncStateToIframe = () => {
-      if (!iframeLoaded.value) return;
+      if (!iframeLoaded.value || !iframeReady.value) return;
       sendMessageToIframe(import_shared.WIDGET_MSG.PROMPT_DOCK_VISIBILITY, { visible: promptDockVisible.value });
       sendMessageToIframe(import_shared.WIDGET_MSG.MINIMIZE_STATE, { minimized: minimized.value });
       sendMessageToIframe(import_shared.WIDGET_MSG.REVIEW_PANEL_TOGGLE, { visible: reviewPanelVisible.value });
@@ -163,7 +164,6 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
     const handleFrameLoaded = () => {
       emit("frame-loaded");
       iframeLoaded.value = true;
-      syncStateToIframe();
     };
     (0, import_vue2.watch)(
       () => props.sessionListCollapsed,
@@ -398,14 +398,23 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
         windowHeight.value = window.innerHeight;
       }
     };
+    const handleIframeMessage = (event) => {
+      var _a2;
+      if (((_a2 = event.data) == null ? void 0 : _a2.type) === import_shared.WIDGET_MSG.READY) {
+        iframeReady.value = true;
+        syncStateToIframe();
+      }
+    };
     (0, import_vue2.onMounted)(() => {
       if (typeof window !== "undefined") {
         window.addEventListener("resize", handleWindowResize);
+        window.addEventListener("message", handleIframeMessage);
       }
     });
     (0, import_vue2.onUnmounted)(() => {
       if (typeof window !== "undefined") {
         window.removeEventListener("resize", handleWindowResize);
+        window.removeEventListener("message", handleIframeMessage);
       }
     });
     const bubbleQuadrant = (0, import_vue2.computed)(() => {
@@ -588,7 +597,7 @@ const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(__spreadProp
       return dialogResolve;
     }, set dialogResolve(v) {
       dialogResolve = v;
-    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, frameRef, triggerRef, sendMessageToIframe, localSessionListCollapsed, localDisplayMode, localSplitPosition, minimized, promptDockVisible, reviewPanelVisible, 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, handleToggleReviewPanel, handleRefresh, windowWidth, windowHeight, handleWindowResize, bubbleQuadrant, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, handleResizeStart, handleResizeEnd, chatAnimationOrigin, isDragging, get wasOpenBeforeDrag() {
+    }, showConfirmDialog, handleDialogConfirm, handleDialogCancel, frameRef, triggerRef, sendMessageToIframe, localSessionListCollapsed, localDisplayMode, localSplitPosition, minimized, promptDockVisible, reviewPanelVisible, isRestoring, iframeLoaded, iframeReady, 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, handleToggleReviewPanel, handleRefresh, windowWidth, windowHeight, handleWindowResize, handleIframeMessage, bubbleQuadrant, isBubbleOnRightSide, chatPositionStyle, handleBubbleOffsetChange, handleResizeStart, handleResizeEnd, chatAnimationOrigin, isDragging, get wasOpenBeforeDrag() {
       return wasOpenBeforeDrag;
     }, set wasOpenBeforeDrag(v) {
       wasOpenBeforeDrag = v;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vite-plugin-opencode-assistant/components",
-  "version": "1.1.16",
+  "version": "1.1.17",
   "description": "Reusable OpenCode widget components built with Pagoda CLI",
   "type": "module",
   "main": "lib/index.cjs",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "css-selector-generator": "^3.9.2",
-    "@vite-plugin-opencode-assistant/shared": "1.1.16"
+    "@vite-plugin-opencode-assistant/shared": "1.1.17"
   },
   "scripts": {
     "build": "pagoda-cli build",