@gen3/frontend 0.11.26 → 0.11.28

package/dist/cjs/index.js

@@ -880,6 +880,7 @@ const workspaceShutdownAlertLimit = 30000; // 5 minutes: 5 * 60 * 1000 TODO Figu
     }
 };
 
+const ACTIVITY_CHANNEL = 'gen3-user-activity';
 const logoutSession = async ()=>{
     // logged in using credentials then execute credentials logout first
     const accessToken = cookiesNext.getCookie('credentials_token');
@@ -963,6 +964,27 @@ const UPDATE_SESSION_LIMIT = MinutesToMilliseconds(5);
     const [getUserDetails] = core.useLazyFetchUserDetailsQuery(); // Fetch user details
     const userStatus = core.useCoreSelector((state)=>core.selectUserAuthStatus(state));
     const [mostRecentActivityTimestamp, setMostRecentActivityTimestamp] = React.useState(Date.now());
+    const broadcastChannelRef = React.useRef(null);
+    // Initialize BroadcastChannel for cross-tab communication
+    // any user event on one tab or window will update mostRecentActivityTimestamp
+    React.useEffect(()=>{
+        if (typeof window !== 'undefined') {
+            broadcastChannelRef.current = new BroadcastChannel(ACTIVITY_CHANNEL);
+            // Listen for activity updates from other tabs
+            const handleActivityMessage = (event)=>{
+                if (event.data.type === 'activity-update') {
+                    setMostRecentActivityTimestamp(event.data.timestamp);
+                }
+            };
+            broadcastChannelRef.current.addEventListener('message', handleActivityMessage);
+            return ()=>{
+                if (broadcastChannelRef.current) {
+                    broadcastChannelRef.current.removeEventListener('message', handleActivityMessage);
+                    broadcastChannelRef.current.close();
+                }
+            };
+        }
+    }, []);
     const [mostRecentSessionRefreshTimestamp, setMostRecentSessionRefreshTimestamp] = React.useState(Date.now());
     const inactiveTimeLimitMilliseconds = MinutesToMilliseconds(inactiveTimeLimit);
     const workspaceInactivityTimeLimitMilliseconds = MinutesToMilliseconds(workspaceInactivityTimeLimit);
@@ -999,15 +1021,28 @@ const UPDATE_SESSION_LIMIT = MinutesToMilliseconds(5);
         updateSession();
         if (updateSessionIntervalMilliseconds <= 0) return; // do not poll if updateSessionInterval is 0
         const updateUserActivity = ()=>{
-            setMostRecentActivityTimestamp(Date.now());
+            const timestamp = Date.now();
+            setMostRecentActivityTimestamp(timestamp);
+            if (broadcastChannelRef.current) {
+                broadcastChannelRef.current.postMessage({
+                    type: 'activity-update',
+                    timestamp
+                });
+            }
         };
         window.addEventListener('mousedown', updateUserActivity);
         window.addEventListener('keypress', updateUserActivity);
         window.addEventListener('updateUserActivity', updateUserActivity);
+        window.addEventListener('scroll', updateUserActivity);
+        window.addEventListener('click', updateUserActivity);
+        window.addEventListener('touchstart', updateUserActivity);
         return ()=>{
             window.removeEventListener('mousedown', updateUserActivity);
             window.removeEventListener('keypress', updateUserActivity);
             window.removeEventListener('updateUserActivity', updateUserActivity);
+            window.removeEventListener('scroll', updateUserActivity);
+            window.removeEventListener('click', updateUserActivity);
+            window.removeEventListener('touchstart', updateUserActivity);
         };
     }, []); // only call on mount/dismount
     useInterval(()=>{
@@ -25859,14 +25894,17 @@ const TabbedCohortBuilderPage = ({ headerProps, footerProps, configuration })=>{
                 root: 'w-full'
             },
             children: [
-                /*#__PURE__*/ jsxRuntime.jsx("div", {
+                /*#__PURE__*/ jsxRuntime.jsxs("div", {
                     className: "w-full flex-col flex gap-4 fixed bg-white z-10",
-                    children: /*#__PURE__*/ jsxRuntime.jsx(CohortManagerAndExpression, {
-                        index: configuration.index
-                    })
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(CohortManager$1, {}),
+                        /*#__PURE__*/ jsxRuntime.jsx(QueryExpression, {
+                            index: configuration.index
+                        })
+                    ]
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx("div", {
-                    className: "w-full mt-40 mr-4",
+                    className: "w-full mt-60 mr-4",
                     children: /*#__PURE__*/ jsxRuntime.jsx(TabbedCohortBuilder, {
                         ...configuration
                     })