@comergehq/studio 0.1.11 → 0.1.12

package/dist/index.mjs

@@ -6471,6 +6471,10 @@ function useOptimisticChatMessages({
 }
 
 // src/studio/ui/StudioOverlay.tsx
+import {
+  publishComergeStudioUIState,
+  startStudioControlPolling
+} from "@comergehq/studio-control";
 import { Fragment as Fragment6, jsx as jsx57, jsxs as jsxs34 } from "react/jsx-runtime";
 function StudioOverlay({
   captureTargetRef,
@@ -6498,11 +6502,14 @@ function StudioOverlay({
   chatSending,
   chatShowTypingIndicator,
   onSendChat,
-  onNavigateHome
+  onNavigateHome,
+  showFloatingButton,
+  studioControlOptions
 }) {
   const theme = useTheme();
   const { width } = useWindowDimensions4();
   const [sheetOpen, setSheetOpen] = React41.useState(false);
+  const sheetOpenRef = React41.useRef(sheetOpen);
   const [activePage, setActivePage] = React41.useState("preview");
   const [drawing, setDrawing] = React41.useState(false);
   const [chatAttachments, setChatAttachments] = React41.useState([]);
@@ -6583,6 +6590,20 @@ function StudioOverlay({
     },
     [closeSheet, onTestMr]
   );
+  React41.useEffect(() => {
+    sheetOpenRef.current = sheetOpen;
+  }, [sheetOpen]);
+  React41.useEffect(() => {
+    const poller = startStudioControlPolling((action) => {
+      if (action === "show" && !sheetOpenRef.current) openSheet();
+      if (action === "hide" && sheetOpenRef.current) closeSheet();
+      if (action === "toggle") toggleSheet();
+    }, studioControlOptions);
+    return () => poller.stop();
+  }, [closeSheet, openSheet, studioControlOptions, toggleSheet]);
+  React41.useEffect(() => {
+    void publishComergeStudioUIState(sheetOpen, studioControlOptions);
+  }, [sheetOpen, studioControlOptions]);
   return /* @__PURE__ */ jsxs34(Fragment6, { children: [
     /* @__PURE__ */ jsx57(EdgeGlowFrame, { visible: isTesting, role: "accent", thickness: 40, intensity: 1 }),
     /* @__PURE__ */ jsx57(StudioBottomSheet, { open: sheetOpen, onOpenChange: handleSheetOpenChange, children: /* @__PURE__ */ jsx57(
@@ -6639,7 +6660,7 @@ function StudioOverlay({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx57(
+    showFloatingButton && /* @__PURE__ */ jsx57(
       FloatingDraggableButton,
       {
         visible: !sheetOpen && !drawing,
@@ -6691,7 +6712,9 @@ function ComergeStudio({
   apiKey,
   appKey = "MicroMain",
   onNavigateHome,
-  style
+  style,
+  showFloatingButton = true,
+  studioControlOptions
 }) {
   const [activeAppId, setActiveAppId] = React42.useState(appId);
   const [runtimeAppId, setRuntimeAppId] = React42.useState(appId);
@@ -6717,7 +6740,9 @@ function ComergeStudio({
       platform,
       onNavigateHome,
       captureTargetRef,
-      style
+      style,
+      showFloatingButton,
+      studioControlOptions
     }
   ) }) }) });
 }
@@ -6733,7 +6758,9 @@ function ComergeStudioInner({
   platform,
   onNavigateHome,
   captureTargetRef,
-  style
+  style,
+  showFloatingButton,
+  studioControlOptions
 }) {
   const { app, loading: appLoading } = useApp(activeAppId);
   const { app: runtimeAppFromHook } = useApp(runtimeAppId, { enabled: runtimeAppId !== activeAppId });
@@ -6883,7 +6910,9 @@ function ComergeStudioInner({
         chatSending: actions.sending,
         chatShowTypingIndicator,
         onSendChat: (text, attachments) => actions.sendEdit({ prompt: text, attachments }),
-        onNavigateHome
+        onNavigateHome,
+        showFloatingButton,
+        studioControlOptions
       }
     )
   ] }) });