improvement: schedules, auto-scroll

Author: emir-karabeg

apps/sim/app/workspace/[workspaceId]/components/resource/resource.tsx

@@ -13,6 +13,7 @@ import { ResourceOptionsBar } from './components/resource-options-bar'
 export interface ResourceColumn {
   id: string
   header: string
+  widthMultiplier?: number
 }
 
 export interface ResourceCell {
@@ -426,7 +427,14 @@ function ResourceColGroup({
     <colgroup>
       {hasCheckbox && <col className='w-[52px]' />}
       {columns.map((col, colIdx) => (
-        <col key={col.id} className={colIdx === 0 ? 'min-w-[200px]' : 'w-[160px]'} />
+        <col
+          key={col.id}
+          style={
+            colIdx === 0
+              ? { minWidth: 200 * (col.widthMultiplier ?? 1) }
+              : { width: 160 * (col.widthMultiplier ?? 1) }
+          }
+        />
       ))}
     </colgroup>
   )

apps/sim/app/workspace/[workspaceId]/home/hooks/use-auto-scroll.ts

@@ -97,6 +97,7 @@ export function useAutoScroll(isStreaming: boolean) {
       el.removeEventListener('scroll', onScroll)
       observer.disconnect()
       cancelAnimationFrame(rafIdRef.current)
+      if (stickyRef.current) scrollToBottom()
     }
   }, [isStreaming, scrollToBottom])
 

…omponents/create-schedule-modal/index.ts …omponents/create-schedule-modal/index.tsapps/sim/app/workspace/[workspaceId]/schedules/components/create-schedule-modal/index.ts renamed to apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/create-schedule-modal/index.ts apps/sim/app/workspace/[workspaceId]/schedules/components/create-schedule-modal/index.ts renamed to apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/create-schedule-modal/index.ts

@@ -306,18 +306,17 @@ export function ScheduleModal({ open, onOpenChange, workspaceId, schedule }: Sch
     } catch (error: unknown) {
       logger.error('Schedule submission failed:', { error })
       setSubmitError(
-        error instanceof Error ? error.message : 'Failed to save schedule. Please try again.'
+        error instanceof Error ? error.message : 'Failed to save scheduled task. Please try again.'
       )
     }
   }
 
   return (
     <Modal open={open} onOpenChange={onOpenChange}>
       <ModalContent size='lg'>
-        <ModalHeader>{isEditing ? 'Edit schedule' : 'Create new schedule'}</ModalHeader>
+        <ModalHeader>{isEditing ? 'Edit scheduled task' : 'Create new scheduled task'}</ModalHeader>
         <ModalBody>
           <div className='flex flex-col gap-[18px]'>
-            {/* Title */}
             <div className='flex flex-col gap-[8px]'>
               <p className='font-medium text-[14px] text-[var(--text-secondary)]'>Title</p>
               <EmcnInput
@@ -333,7 +332,6 @@ export function ScheduleModal({ open, onOpenChange, workspaceId, schedule }: Sch
               />
             </div>
 
-            {/* Prompt */}
             <div className='flex flex-col gap-[8px]'>
               <p className='font-medium text-[14px] text-[var(--text-secondary)]'>
                 Task description
@@ -349,7 +347,6 @@ export function ScheduleModal({ open, onOpenChange, workspaceId, schedule }: Sch
               />
             </div>
 
-            {/* Schedule Type */}
             <div className='flex flex-col gap-[8px]'>
               <p className='font-medium text-[14px] text-[var(--text-secondary)]'>Run frequency</p>
               <Combobox
@@ -360,7 +357,6 @@ export function ScheduleModal({ open, onOpenChange, workspaceId, schedule }: Sch
               />
             </div>
 
-            {/* Conditional schedule fields */}
             {scheduleType === 'minutes' && (
               <div className='flex flex-col gap-[8px]'>
                 <p className='font-medium text-[14px] text-[var(--text-secondary)]'>
@@ -455,7 +451,6 @@ export function ScheduleModal({ open, onOpenChange, workspaceId, schedule }: Sch
               </div>
             )}
 
-            {/* Timezone */}
             {showTimezone && (
               <div className='flex flex-col gap-[8px]'>
                 <p className='font-medium text-[14px] text-[var(--text-secondary)]'>Timezone</p>
@@ -484,7 +479,6 @@ export function ScheduleModal({ open, onOpenChange, workspaceId, schedule }: Sch
               </div>
             )}
 
-            {/* Lifecycle */}
             <div className='flex flex-col gap-[8px]'>
               <p className='font-medium text-[14px] text-[var(--text-secondary)]'>Lifecycle</p>
               <ButtonGroup
@@ -496,7 +490,6 @@ export function ScheduleModal({ open, onOpenChange, workspaceId, schedule }: Sch
               </ButtonGroup>
             </div>
 
-            {/* Max Runs */}
             {lifecycle === 'until_complete' && (
               <div className='flex flex-col gap-[8px]'>
                 <p className='font-medium text-[14px] text-[var(--text-secondary)]'>
@@ -514,7 +507,6 @@ export function ScheduleModal({ open, onOpenChange, workspaceId, schedule }: Sch
               </div>
             )}
 
-            {/* Schedule Preview */}
             {computedCron && schedulePreview && (
               <div>
                 {'error' in schedulePreview ? (
@@ -538,7 +530,6 @@ export function ScheduleModal({ open, onOpenChange, workspaceId, schedule }: Sch
               </div>
             )}
 
-            {/* Error */}
             {submitError && (
               <p className='text-[13px] text-[var(--text-error)] leading-tight'>{submitError}</p>
             )}

…create-schedule-modal/schedule-modal.tsx …create-schedule-modal/schedule-modal.tsxapps/sim/app/workspace/[workspaceId]/schedules/components/create-schedule-modal/schedule-modal.tsx renamed to apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/create-schedule-modal/schedule-modal.tsx apps/sim/app/workspace/[workspaceId]/schedules/components/create-schedule-modal/schedule-modal.tsx renamed to apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/create-schedule-modal/schedule-modal.tsx

@@ -13,7 +13,6 @@ interface ScheduleContextMenuProps {
   position: { x: number; y: number }
   menuRef: React.RefObject<HTMLDivElement | null>
   onClose: () => void
-  isJob: boolean
   isActive: boolean
   onEdit?: () => void
   onPause?: () => void
@@ -26,7 +25,6 @@ export function ScheduleContextMenu({
   position,
   menuRef,
   onClose,
-  isJob,
   isActive,
   onEdit,
   onPause,
@@ -50,7 +48,7 @@ export function ScheduleContextMenu({
         }}
       />
       <PopoverContent ref={menuRef} align='start' side='bottom' sideOffset={4}>
-        {isJob && onEdit && (
+        {onEdit && (
           <PopoverItem
             onClick={() => {
               onEdit()
@@ -60,7 +58,7 @@ export function ScheduleContextMenu({
             Edit
           </PopoverItem>
         )}
-        {isJob && onEdit && <PopoverDivider />}
+        {onEdit && <PopoverDivider />}
         {isActive && onPause && (
           <PopoverItem
             onClick={() => {

…omponents/schedule-context-menu/index.ts …omponents/schedule-context-menu/index.tsapps/sim/app/workspace/[workspaceId]/schedules/components/schedule-context-menu/index.ts renamed to apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/schedule-context-menu/index.ts apps/sim/app/workspace/[workspaceId]/schedules/components/schedule-context-menu/index.ts renamed to apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/schedule-context-menu/index.ts

@@ -0,0 +1,3 @@
+export default function ScheduledTasksLayout({ children }: { children: React.ReactNode }) {
+  return <div className='flex h-full flex-1 flex-col overflow-hidden'>{children}</div>
+}

…e-context-menu/schedule-context-menu.tsx …e-context-menu/schedule-context-menu.tsxapps/sim/app/workspace/[workspaceId]/schedules/components/schedule-context-menu/schedule-context-menu.tsx renamed to apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/schedule-context-menu/schedule-context-menu.tsx apps/sim/app/workspace/[workspaceId]/schedules/components/schedule-context-menu/schedule-context-menu.tsx renamed to apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/schedule-context-menu/schedule-context-menu.tsx

@@ -2,19 +2,19 @@ import type { Metadata } from 'next'
 import { redirect } from 'next/navigation'
 import { getSession } from '@/lib/auth'
 import { verifyWorkspaceMembership } from '@/app/api/workflows/utils'
-import { Schedules } from './schedules'
+import { ScheduledTasks } from './scheduled-tasks'
 
 export const metadata: Metadata = {
-  title: 'Schedules',
+  title: 'Scheduled Tasks',
 }
 
-interface SchedulesPageProps {
+interface ScheduledTasksPageProps {
   params: Promise<{
     workspaceId: string
   }>
 }
 
-export default async function SchedulesPage({ params }: SchedulesPageProps) {
+export default async function ScheduledTasksPage({ params }: ScheduledTasksPageProps) {
   const { workspaceId } = await params
   const session = await getSession()
 
@@ -27,5 +27,5 @@ export default async function SchedulesPage({ params }: SchedulesPageProps) {
     redirect('/')
   }
 
-  return <Schedules />
+  return <ScheduledTasks />
 }