@comergehq/studio 0.1.33 → 0.1.34

package/dist/index.d.mts

@@ -26,6 +26,7 @@ type BaseBundleMeta = {
     updatedAt: string;
 };
 
+type ActiveAppChangedSource = 'initial' | 'fork_edit' | 'related_apps' | 'host_route_sync';
 type ComergeStudioProps = {
     appId: string;
     clientKey: string;
@@ -38,6 +39,11 @@ type ComergeStudioProps = {
         threadId?: string;
         source?: string;
     }) => void;
+    onActiveAppChanged?: (params: {
+        appId: string;
+        appKey?: string;
+        source: ActiveAppChangedSource;
+    }) => void;
     style?: ViewStyle;
     showBubble?: boolean;
     enableAgentProgress?: boolean;
@@ -45,7 +51,7 @@ type ComergeStudioProps = {
     embeddedBaseBundles?: EmbeddedBaseBundles;
     onSystemEvent?: (event: ComergeRuntimeSystemEventEnvelope) => void;
 };
-declare function ComergeStudio({ appId, clientKey, appKey, analyticsEnabled, onNavigateHome, onOpenAppRequested, style, showBubble, enableAgentProgress, studioControlOptions, embeddedBaseBundles, onSystemEvent, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
+declare function ComergeStudio({ appId, clientKey, appKey, analyticsEnabled, onNavigateHome, onOpenAppRequested, onActiveAppChanged, style, showBubble, enableAgentProgress, studioControlOptions, embeddedBaseBundles, onSystemEvent, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
 
 declare function setSupabaseClient(client: SupabaseClient): void;
 

package/dist/index.d.ts

@@ -26,6 +26,7 @@ type BaseBundleMeta = {
     updatedAt: string;
 };
 
+type ActiveAppChangedSource = 'initial' | 'fork_edit' | 'related_apps' | 'host_route_sync';
 type ComergeStudioProps = {
     appId: string;
     clientKey: string;
@@ -38,6 +39,11 @@ type ComergeStudioProps = {
         threadId?: string;
         source?: string;
     }) => void;
+    onActiveAppChanged?: (params: {
+        appId: string;
+        appKey?: string;
+        source: ActiveAppChangedSource;
+    }) => void;
     style?: ViewStyle;
     showBubble?: boolean;
     enableAgentProgress?: boolean;
@@ -45,7 +51,7 @@ type ComergeStudioProps = {
     embeddedBaseBundles?: EmbeddedBaseBundles;
     onSystemEvent?: (event: ComergeRuntimeSystemEventEnvelope) => void;
 };
-declare function ComergeStudio({ appId, clientKey, appKey, analyticsEnabled, onNavigateHome, onOpenAppRequested, style, showBubble, enableAgentProgress, studioControlOptions, embeddedBaseBundles, onSystemEvent, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
+declare function ComergeStudio({ appId, clientKey, appKey, analyticsEnabled, onNavigateHome, onOpenAppRequested, onActiveAppChanged, style, showBubble, enableAgentProgress, studioControlOptions, embeddedBaseBundles, onSystemEvent, }: ComergeStudioProps): react_jsx_runtime.JSX.Element;
 
 declare function setSupabaseClient(client: SupabaseClient): void;
 

package/dist/index.js

@@ -9891,6 +9891,7 @@ function ComergeStudio({
   analyticsEnabled,
   onNavigateHome,
   onOpenAppRequested,
+  onActiveAppChanged,
   style,
   showBubble = true,
   enableAgentProgress = true,
@@ -9901,12 +9902,36 @@ function ComergeStudio({
   const [activeAppId, setActiveAppId] = React51.useState(appId);
   const [runtimeAppId, setRuntimeAppId] = React51.useState(appId);
   const [pendingRuntimeTargetAppId, setPendingRuntimeTargetAppId] = React51.useState(null);
+  const didSyncFromHostRef = React51.useRef(false);
+  const lastNotifiedRef = React51.useRef(null);
   const platform = React51.useMemo(() => import_react_native61.Platform.OS === "ios" ? "ios" : "android", []);
+  const notifyActiveAppChanged = React51.useCallback(
+    (nextAppId, source) => {
+      if (!onActiveAppChanged) return;
+      const trimmedAppId = nextAppId.trim();
+      if (!trimmedAppId) return;
+      const nextAppKey = (appKey == null ? void 0 : appKey.trim()) || "MicroMain";
+      const dedupeKey = `${trimmedAppId}:${nextAppKey}`;
+      if (lastNotifiedRef.current === dedupeKey) return;
+      lastNotifiedRef.current = dedupeKey;
+      onActiveAppChanged({ appId: trimmedAppId, appKey: nextAppKey, source });
+    },
+    [appKey, onActiveAppChanged]
+  );
+  const setActiveAppIdWithSource = React51.useCallback(
+    (nextAppId, source) => {
+      setActiveAppId(nextAppId);
+      notifyActiveAppChanged(nextAppId, source);
+    },
+    [notifyActiveAppChanged]
+  );
   React51.useEffect(() => {
-    setActiveAppId(appId);
+    const source = didSyncFromHostRef.current ? "host_route_sync" : "initial";
+    didSyncFromHostRef.current = true;
+    setActiveAppIdWithSource(appId, source);
     setRuntimeAppId(appId);
     setPendingRuntimeTargetAppId(null);
-  }, [appId]);
+  }, [appId, setActiveAppIdWithSource]);
   const captureTargetRef = React51.useRef(null);
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     StudioBootstrap,
@@ -9919,7 +9944,7 @@ function ComergeStudio({
         {
           userId,
           activeAppId,
-          setActiveAppId,
+          setActiveAppId: setActiveAppIdWithSource,
           runtimeAppId,
           setRuntimeAppId,
           pendingRuntimeTargetAppId,
@@ -10039,7 +10064,7 @@ function ComergeStudioInner({
     userId,
     app,
     onForkedApp: (id, opts) => {
-      setActiveAppId(id);
+      setActiveAppId(id, "fork_edit");
       const keepRenderingAppId = opts == null ? void 0 : opts.keepRenderingAppId;
       if (keepRenderingAppId) {
         setRuntimeAppId(keepRenderingAppId);
@@ -10184,7 +10209,7 @@ function ComergeStudioInner({
             source: "related_apps_switcher"
           });
         } else {
-          setActiveAppId(targetAppId);
+          setActiveAppId(targetAppId, "related_apps");
           setRuntimeAppId(targetAppId);
           setPendingRuntimeTargetAppId(null);
         }