feat: migrate task jobs to workflow notifications + timeline

components/shell/app-shell.tsx

@@ -7,6 +7,9 @@ import Link from 'next/link';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 import { useEffect, useMemo, useState } from 'react';
 import { authClient } from '@/lib/auth-client';
+import { TaskDetailModal } from '@/components/notifications/task-detail-modal';
+import { TaskNotificationsDrawer } from '@/components/notifications/task-notifications-drawer';
+import { TaskNotificationsTrigger } from '@/components/notifications/task-notifications-trigger';
 import {
   companyAnalysisQueryOptions,
   filingsQueryOptions,
@@ -18,6 +21,7 @@ import {
 } from '@/lib/query/options';
 import type { ActiveContext, NavGroup, NavItem } from '@/lib/types';
 import { Button } from '@/components/ui/button';
+import { useTaskNotificationsCenter } from '@/hooks/use-task-notifications-center';
 import { cn } from '@/lib/utils';
 
 type AppShellProps = {
@@ -186,6 +190,7 @@ export function AppShell({ title, subtitle, actions, activeTicker, breadcrumbs,
 
   const [isSigningOut, setIsSigningOut] = useState(false);
   const [isMoreOpen, setIsMoreOpen] = useState(false);
+  const notifications = useTaskNotificationsCenter();
   const { data: session } = authClient.useSession();
   const sessionUser = (session?.user ?? null) as { name?: string | null; email?: string | null; role?: unknown } | null;
 
@@ -338,6 +343,11 @@ export function AppShell({ title, subtitle, actions, activeTicker, breadcrumbs,
     };
   }, [navEntries]);
 
+  useEffect(() => {
+    notifications.setIsPopoverOpen(false);
+    setIsMoreOpen(false);
+  }, [pathname]);
+
   const signOut = async () => {
     if (isSigningOut) {
       return;
@@ -422,6 +432,17 @@ export function AppShell({ title, subtitle, actions, activeTicker, breadcrumbs,
                 ) : null}
               </div>
               <div className="flex flex-wrap items-center gap-2">
+                <TaskNotificationsTrigger
+                  unreadCount={notifications.unreadCount}
+                  isPopoverOpen={notifications.isPopoverOpen}
+                  setIsPopoverOpen={notifications.setIsPopoverOpen}
+                  activeTasks={notifications.activeTasks}
+                  awaitingReviewTasks={notifications.awaitingReviewTasks}
+                  openDrawer={() => notifications.setIsDrawerOpen(true)}
+                  openTaskDetails={notifications.openTaskDetails}
+                  silenceTask={notifications.silenceTask}
+                  markTaskRead={notifications.markTaskRead}
+                />
                 {actions}
                 <Button variant="ghost" onClick={() => void signOut()} disabled={isSigningOut}>
                   <LogOut className="size-4" />
@@ -494,6 +515,19 @@ export function AppShell({ title, subtitle, actions, activeTicker, breadcrumbs,
             );
           })}
 
+          <TaskNotificationsTrigger
+            mobile
+            unreadCount={notifications.unreadCount}
+            isPopoverOpen={notifications.isPopoverOpen}
+            setIsPopoverOpen={notifications.setIsPopoverOpen}
+            activeTasks={notifications.activeTasks}
+            awaitingReviewTasks={notifications.awaitingReviewTasks}
+            openDrawer={() => notifications.setIsDrawerOpen(true)}
+            openTaskDetails={notifications.openTaskDetails}
+            silenceTask={notifications.silenceTask}
+            markTaskRead={notifications.markTaskRead}
+          />
+
           <button
             type="button"
             aria-haspopup="dialog"
@@ -555,6 +589,25 @@ export function AppShell({ title, subtitle, actions, activeTicker, breadcrumbs,
           </div>
         </div>
       ) : null}
+
+      <TaskNotificationsDrawer
+        isOpen={notifications.isDrawerOpen}
+        onClose={() => notifications.setIsDrawerOpen(false)}
+        activeTasks={notifications.activeTasks}
+        visibleFinishedTasks={notifications.visibleFinishedTasks}
+        awaitingReviewTasks={notifications.awaitingReviewTasks}
+        showReadFinished={notifications.showReadFinished}
+        setShowReadFinished={notifications.setShowReadFinished}
+        openTaskDetails={notifications.openTaskDetails}
+        markTaskRead={notifications.markTaskRead}
+        silenceTask={notifications.silenceTask}
+      />
+
+      <TaskDetailModal
+        isOpen={notifications.isDetailOpen}
+        taskId={notifications.detailTaskId}
+        onClose={() => notifications.setIsDetailOpen(false)}
+      />
     </div>
   );
 }