feat(ui): add scheduled task management

agentex-ui/app/page.tsx

@@ -2,12 +2,17 @@ import { connection } from 'next/server';
 
 import { AgentexUIRoot } from '@/components/agentex-ui-root';
 import { AgentexProvider } from '@/components/providers';
+import { parseBooleanEnv } from '@/lib/env-utils';
 
 export default async function RootPage() {
   await connection();
 
   const sgpAppURL = process.env.NEXT_PUBLIC_SGP_APP_URL ?? '';
   const authEnabled = !!process.env.AGENTEX_UI_AUTH_PROVIDER_ID;
+  const agentRunSchedulesEnabled = parseBooleanEnv(
+    process.env.ENABLE_AGENT_RUN_SCHEDULES,
+    'ENABLE_AGENT_RUN_SCHEDULES'
+  );
   // The account picker needs the platform API (accounts come from /api/user-info).
   const accountsEnabled = !!(
     process.env.SGP_API_URL ?? process.env.NEXT_PUBLIC_SGP_APP_URL
@@ -19,7 +24,7 @@ export default async function RootPage() {
       accountsEnabled={accountsEnabled}
       sgpAppURL={sgpAppURL}
     >
-      <AgentexUIRoot />
+      <AgentexUIRoot agentRunSchedulesEnabled={agentRunSchedulesEnabled} />
     </AgentexProvider>
   );
 }

agentex-ui/components/agentex-ui-root.tsx

@@ -16,7 +16,13 @@ import {
   useSafeSearchParams,
 } from '@/hooks/use-safe-search-params';
 
-export function AgentexUIRoot() {
+type AgentexUIRootProps = {
+  agentRunSchedulesEnabled: boolean;
+};
+
+export function AgentexUIRoot({
+  agentRunSchedulesEnabled,
+}: AgentexUIRootProps) {
   const { agentName, taskID, sgpAccountID, updateParams } =
     useSafeSearchParams();
   const [isTracesSidebarOpen, setIsTracesSidebarOpen] = useState(false);
@@ -84,6 +90,7 @@ export function AgentexUIRoot() {
     (taskId: string | null) => {
       updateParams({
         [SearchParamKey.TASK_ID]: taskId,
+        [SearchParamKey.VIEW]: null,
       });
     },
     [updateParams]
@@ -115,8 +122,9 @@ export function AgentexUIRoot() {
   return (
     <>
       <div className="fixed inset-0 flex w-full">
-        <TaskSidebar />
+        <TaskSidebar agentRunSchedulesEnabled={agentRunSchedulesEnabled} />
         <PrimaryContent
+          agentRunSchedulesEnabled={agentRunSchedulesEnabled}
           isTracesSidebarOpen={isTracesSidebarOpen}
           toggleTracesSidebar={() =>
             setIsTracesSidebarOpen(!isTracesSidebarOpen)

agentex-ui/components/primary-content/primary-content.tsx

@@ -6,19 +6,24 @@ import { ArrowDown } from 'lucide-react';
 import { ChatView } from '@/components/primary-content/chat-view';
 import { HomeView } from '@/components/primary-content/home-view';
 import { PromptInput } from '@/components/primary-content/prompt-input';
+import { ScheduledTasksPage } from '@/components/scheduled-tasks/scheduled-tasks-page';
 import { IconButton } from '@/components/ui/icon-button';
-import { useSafeSearchParams } from '@/hooks/use-safe-search-params';
+import { AppView, useSafeSearchParams } from '@/hooks/use-safe-search-params';
 
 type ContentAreaProps = {
+  agentRunSchedulesEnabled: boolean;
   isTracesSidebarOpen: boolean;
   toggleTracesSidebar: () => void;
 };
 
 export function PrimaryContent({
+  agentRunSchedulesEnabled,
   isTracesSidebarOpen,
   toggleTracesSidebar,
 }: ContentAreaProps) {
-  const { taskID } = useSafeSearchParams();
+  const { taskID, view } = useSafeSearchParams();
+  const isScheduledTasksView =
+    agentRunSchedulesEnabled && view === AppView.SCHEDULED_TASKS;
 
   const [prompt, setPrompt] = useState<string>('');
   const [showScrollButton, setShowScrollButton] = useState(false);
@@ -56,20 +61,24 @@ export function PrimaryContent({
   }, [scrollContainerRef]);
 
   useEffect(() => {
-    if (scrollContainerRef.current && taskID) {
+    if (scrollContainerRef.current && taskID && !isScheduledTasksView) {
       setTimeout(() => {
         scrollToBottom();
       }, 150);
     }
-  }, [scrollToBottom, taskID]);
+  }, [scrollToBottom, taskID, isScheduledTasksView]);
 
   return (
     <motion.div
       layout
-      className={`relative flex h-full flex-1 flex-col ${!taskID ? 'justify-center' : 'justify-between'}`}
+      className={`relative flex h-full flex-1 flex-col ${
+        !taskID && !isScheduledTasksView ? 'justify-center' : 'justify-between'
+      }`}
       transition={{ duration: 0.25, ease: 'easeInOut' }}
     >
-      {taskID ? (
+      {isScheduledTasksView ? (
+        <ScheduledTasksPage />
+      ) : taskID ? (
         <ChatView
           taskID={taskID}
           isTracesSidebarOpen={isTracesSidebarOpen}
@@ -81,26 +90,28 @@ export function PrimaryContent({
         <HomeView />
       )}
 
-      <motion.div
-        layout="position"
-        className="relative flex w-full justify-center px-4 py-4 sm:px-6 md:px-8"
-        transition={{
-          layout: {
-            type: 'spring',
-            damping: 40,
-            stiffness: 300,
-            mass: 0.8,
-          },
-        }}
-      >
-        <AnimatePresence>
-          {taskID && showScrollButton && (
-            <ScrollToBottomButton scrollToBottom={scrollToBottom} />
-          )}
-        </AnimatePresence>
-
-        <PromptInput prompt={prompt} setPrompt={setPrompt} />
-      </motion.div>
+      {!isScheduledTasksView && (
+        <motion.div
+          layout="position"
+          className="relative flex w-full justify-center px-4 py-4 sm:px-6 md:px-8"
+          transition={{
+            layout: {
+              type: 'spring',
+              damping: 40,
+              stiffness: 300,
+              mass: 0.8,
+            },
+          }}
+        >
+          <AnimatePresence>
+            {taskID && showScrollButton && (
+              <ScrollToBottomButton scrollToBottom={scrollToBottom} />
+            )}
+          </AnimatePresence>
+
+          <PromptInput prompt={prompt} setPrompt={setPrompt} />
+        </motion.div>
+      )}
     </motion.div>
   );
 }