app/dashboard/folders/page.tsx

@@ -179,6 +179,7 @@ export default function FoldersPage() {
   const [processes, setProcesses] = useState<any>(null)
   const [myProcesses, setMyProcesses] = useState<string[]>([])
   const [userPairingId, setUserPairingId] = useState<string | null>(null)
+  const [pairingIdInitialized, setPairingIdInitialized] = useState(false)
 
   // Modal states
   const [inviteMessage, setInviteMessage] = useState("")
@@ -348,6 +349,7 @@ export default function FoldersPage() {
 
     setIsConnected(connected);
     setUserPairingId(pairingId);
+    setPairingIdInitialized(true);
   }, []);
 
   useEffect(() => {
@@ -356,7 +358,6 @@ export default function FoldersPage() {
       messageBus.isReady().then(() => {
         messageBus.getProcesses().then((processes: any) => {
           setProcesses(processes);
-          console.log('getProcesses', processes);
         });
       });
     }
@@ -373,18 +374,6 @@ export default function FoldersPage() {
     }
   }, [isConnected, processes]);
 
-  useEffect(() => {
-    if (isConnected && userPairingId === null) {
-      const messageBus = MessageBus.getInstance(iframeUrl);
-      messageBus.isReady().then(() => {
-        messageBus.getUserPairingId().then((userPairingId: string) => {
-          UserStore.getInstance().pair(userPairingId);
-          setUserPairingId(UserStore.getInstance().getUserPairingId());
-        })
-      });
-    }
-  }, [isConnected, userPairingId, processes]);
-
   // useEffect pour écouter les changements dans sessionStorage et récupérer le userPairingId
   useEffect(() => {
     const handleStorageChange = (e: StorageEvent) => {

app/dashboard/layout.tsx

@@ -69,6 +69,40 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
     setUserPairingId(pairingId);
   }, []);
 
+  useEffect(() => {
+    const messageBus = MessageBus.getInstance(iframeUrl);
+    messageBus.isReady().then(() => {
+      messageBus.getProcesses().then((processes: any) => {
+        setProcesses(processes);
+      });
+    });
+  }, [iframeUrl]);
+
+  useEffect(() => {
+    if (processes !== null) {
+      const messageBus = MessageBus.getInstance(iframeUrl);
+      messageBus.isReady().then(() => {
+        messageBus.getMyProcesses().then((res: string[]) => {
+          setMyProcesses(res);
+          console.log("getMyProcesses", res);
+        })
+      });
+    }
+  }, [processes]);
+
+  useEffect(() => {
+    if (userPairingId === null) {
+      const messageBus = MessageBus.getInstance(iframeUrl);
+      messageBus.isReady().then(() => {
+        messageBus.getUserPairingId().then((userPairingId: string) => {
+          UserStore.getInstance().pair(userPairingId);
+          setUserPairingId(UserStore.getInstance().getUserPairingId());
+          console.log("User paired!");
+        })
+      });
+    }
+  }, [userPairingId, processes]);
+
   useEffect(() => {
     const checkAuthentication = async () => {
       try {

lib/4nk/MessageBus.ts

@@ -576,8 +576,10 @@ export default class MessageBus {
       return;
     }
   
-    console.log('[MessageBus] sendMessage:', message, 'to', this.origin);
-    iframe.contentWindow?.postMessage(message, this.origin);
+    const targetOrigin = "*" // this.origin pour la production ;
+  
+    console.log('[MessageBus] sendMessage:', message, 'to', targetOrigin);
+    iframe.contentWindow?.postMessage(message, targetOrigin);
   }
 
   private initMessageListener(correlationId: string): void {