Surface external office events in ops center

Co-authored-by: Luke The Dev <iamlukethedev@users.noreply.github.com>

src/features/office/hooks/useOfficeExternalEvents.ts

@@ -46,7 +46,7 @@ export const useOfficeExternalEvents = (
         const newEvents = nextEvents.filter((event) => !previousSeen.has(event.id));
         seenIdsRef.current = new Set(nextEvents.map((event) => event.id));
         setEvents(nextEvents);
-        if (initializedRef.current && newEvents.length > 0) {
+        if (newEvents.length > 0) {
           setLatestNewEvent(newEvents[0] ?? null);
         }
         initializedRef.current = true;

src/features/office/screens/OfficeScreen.tsx

@@ -3139,6 +3139,10 @@ export function OfficeScreen({
     events: externalOfficeEvents,
     feedEvents: externalOfficeFeedEvents,
   } = useOfficeExternalEvents();
+  const operationsFeedEvents = useMemo(
+    () => [...externalOfficeFeedEvents, ...feedEvents],
+    [externalOfficeFeedEvents, feedEvents],
+  );
   const taskBoard = useTaskBoardController({
     gatewayUrl,
     settingsCoordinator,
@@ -5175,7 +5179,7 @@ export function OfficeScreen({
             <OperationsCenterPanel
               agents={state.agents}
               runLog={runLog}
-              feedEvents={feedEvents}
+              feedEvents={operationsFeedEvents}
               onSelectAgent={(agentId) => {
                 handleOpenAgentChat(agentId);
                 setActiveSidebarTab("ops");