Now the sdashboard handle setProcess, setMyProcesses & setUserPairingId

app/dashboard/layout.tsx

@@ -27,11 +27,15 @@ import {
 import AuthModal from "@/components/4nk/AuthModal"
 import MessageBus from "@/lib/4nk/MessageBus"
 import UserStore from "@/lib/4nk/UserStore"
+import Iframe from "@/components/4nk/Iframe"
 // DebugInfo supprimé
 
 export default function DashboardLayout({ children }: { children: React.ReactNode }) {
   const [isAuthenticated, setIsAuthenticated] = useState(false)
   const [isAuthModalOpen, setIsAuthModalOpen] = useState(false)
+  const [processes, setProcesses] = useState<any>(null)
+  const [myProcesses, setMyProcesses] = useState<string[]>([])
+  const [userPairingId, setUserPairingId] = useState<string | null>(null)
   const [isLoading, setIsLoading] = useState(true)
   const [isMockMode, setIsMockMode] = useState(false)
   const [sidebarOpen, setSidebarOpen] = useState(false)
@@ -52,6 +56,39 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
     { name: "Paramètres", href: "/dashboard/settings", icon: Settings },
   ]
 
+  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);
+        })
+      });
+    }
+  }, [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 {
@@ -60,37 +97,19 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
         const messageBus = MessageBus.getInstance(iframeUrl)
 
         if (accessToken) {
-          // Vérifier si on est en mode mock
+          // Vérifier la validité du token en mode production
-          // const mockMode = messageBus.isInMockMode()
+          // const isValid = await messageBus.validateToken()
-          // setIsMockMode(mockMode)
+          // if (isValid) {
-
-          if (true) {
-            console.log("🎭 Dashboard en mode mock")
             setIsAuthenticated(true)
+            const pairingId = userStore.getUserPairingId()
             setUserInfo({
-              id: "mock_user_001",
+              id: pairingId?.slice(0, 8) + "...",
-              name: "Utilisateur Démo",
+              name: "Utilisateur 4NK",
-              email: "demo@docv.fr",
+              email: "user@4nk.io",
-              role: "Administrateur",
+              role: "Utilisateur",
-              company: "Entreprise Démo (ID: 1234)",
+              company: "Organisation 4NK",
             })
-          } else {
+          // }
-            // Vérifier la validité du token en mode production
-            const isValid = await messageBus.validateToken()
-            if (isValid) {
-              setIsAuthenticated(true)
-              const pairingId = userStore.getUserPairingId()
-              setUserInfo({
-                id: pairingId?.slice(0, 8) + "...",
-                name: "Utilisateur 4NK",
-                email: "user@4nk.io",
-                role: "Utilisateur",
-                company: "Organisation 4NK",
-              })
-            } else {
-              setIsAuthModalOpen(true)
-            }
-          }
         } else {
           setIsAuthModalOpen(true)
         }
@@ -114,10 +133,7 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
 
   const handleLogout = () => {
     const userStore = UserStore.getInstance()
-    const messageBus = MessageBus.getInstance(iframeUrl)
-
     userStore.disconnect()
-    // messageBus.disableMockMode()
 
     // Afficher un message de confirmation avec options
     setShowLogoutConfirm(true)
@@ -210,9 +226,8 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
                 <Link
                   key={item.name}
                   href={item.href}
-                  className={`flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-colors ${
+                  className={`flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-colors ${isActive ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-100 hover:text-gray-900"
-                    isActive ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:bg-gray-100 hover:text-gray-900"
+                    }`}
-                  }`}
                   onClick={() => setSidebarOpen(false)}
                 >
                   <item.icon className="h-5 w-5 mr-3" />
@@ -304,10 +319,10 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
               <p className="text-gray-600 mb-6">Vous avez été déconnecté de votre espace sécurisé DocV.</p>
 
               <div className="space-y-3">
-                <Button onClick={() => confirmLogout(false)} className="w-full">
+                {/* <Button onClick={() => confirmLogout(false)} className="w-full">
                   <LogOut className="h-4 w-4 mr-2" />
                   Aller à la page de connexion
-                </Button>
+                </Button> */}
 
                 <Button onClick={() => confirmLogout(true)} variant="outline" className="w-full">
                   <Home className="h-4 w-4 mr-2" />
@@ -321,6 +336,8 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
         </div>
       )}
 
+      {<Iframe iframeUrl={iframeUrl} />}
+
       {/* Debug info retiré */}
     </div>
   )