feat: add operational timeline workspace

src/features/workbench/hooks/use-workbench-responsive-layout.ts

@@ -6,7 +6,7 @@ const CONDITION_FEED_EXIT_MS = 170;
 const CONDITION_FEED_EXPANDED_MIN_WIDTH = 1440;
 const LARGE_SCREEN_QUERY = "(min-width: 1024px)";
 
-type WorkbenchMobileSheet = "agent" | "condition" | null;
+type WorkbenchMobileSheet = "agent" | "condition" | "timeline" | null;
 
 type UseWorkbenchResponsiveLayoutOptions = {
   activeToolOpen: boolean;
@@ -146,6 +146,12 @@ export function useWorkbenchResponsiveLayout({
     }
   }
 
+  function openTimelineForViewport() {
+    if (isLargeScreen) return;
+    setMobileSheet("timeline");
+    setMobileSheetSnap("half");
+  }
+
   const leftPanelOpen = isLargeScreen && agentPanelOpen;
   const rightPanelOpen = isLargeScreen && (devPanelOpen || shouldShowConditionFeed);
   const rightPanelExpanded =
@@ -163,6 +169,7 @@ export function useWorkbenchResponsiveLayout({
     mobileSheetSnap,
     openAgentPanelForViewport,
     openConditionFeedForViewport,
+    openTimelineForViewport,
     rightPanelExpanded,
     rightPanelOpen,
     setAgentPanelWidth,