{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "cron-job-scheduler", "title": "Cron Job Scheduler", "type": "registry:block", "files": [ { "path": "packages/registry-react/blocks/cron-job-scheduler/CronJobScheduler.tsx", "content": "'use client'\n\nimport * as React from 'react'\nimport {\n Activity,\n AlertCircle,\n AlertTriangle,\n CalendarClock,\n Check,\n CheckCircle2,\n Clock,\n Copy,\n Cpu,\n Globe,\n MoreHorizontal,\n Pause,\n Pencil,\n Play,\n Plus,\n RefreshCw,\n Search,\n Terminal,\n Trash2,\n X,\n XCircle,\n Zap,\n} from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n} from '@/components/ui/dialog'\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\nimport { Input } from '@/components/ui/input'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'\n\nexport type JobStatus = 'active' | 'paused' | 'error'\n\nexport interface LastExecution {\n status: 'success' | 'error'\n code: string\n duration: string\n timestamp: string\n}\n\nexport interface CronJob {\n id: string\n name: string\n target: string\n cronExpression: string\n humanSchedule: string\n timezone: string\n status: JobStatus\n nextRun: string\n lastExecution: LastExecution\n}\n\nexport interface CronStats {\n totalScheduled: number\n activeWorkers: number\n failed24h: number\n executionsToday: string\n}\n\nexport interface CronJobSchedulerProps {\n initialJobs?: CronJob[]\n initialStats?: CronStats\n className?: string\n}\n\nconst defaultJobs: CronJob[] = [\n {\n id: 'job-1',\n name: 'daily-billing-reconciliation',\n target: 'POST https://api.acme.corp/v1/billing/reconcile',\n cronExpression: '0 0 * * *',\n humanSchedule: 'Every day at midnight',\n timezone: 'UTC',\n status: 'active',\n nextRun: 'in 4 hours',\n lastExecution: {\n status: 'success',\n code: '200 OK',\n duration: '1.2s',\n timestamp: '20 hours ago',\n },\n },\n {\n id: 'job-2',\n name: 'database-backup-s3',\n target: 'cron/infra::snapshotPostgres',\n cronExpression: '0 */6 * * *',\n humanSchedule: 'Every 6 hours',\n timezone: 'UTC',\n status: 'active',\n nextRun: 'in 1 hour 45 min',\n lastExecution: {\n status: 'success',\n code: '200 OK',\n duration: '45.3s',\n timestamp: '4 hours ago',\n },\n },\n {\n id: 'job-3',\n name: 'cleanup-expired-sessions',\n target: 'POST https://auth.acme.corp/cron/prune-sessions',\n cronExpression: '*/30 * * * *',\n humanSchedule: 'Every 30 minutes',\n timezone: 'UTC',\n status: 'active',\n nextRun: 'in 12 min',\n lastExecution: {\n status: 'success',\n code: '200 OK',\n duration: '380ms',\n timestamp: '18 min ago',\n },\n },\n {\n id: 'job-4',\n name: 'send-digest-emails',\n target: 'notifications::dispatchWeeklyDigest',\n cronExpression: '0 9 * * 1',\n humanSchedule: 'Every Monday at 09:00',\n timezone: 'UTC',\n status: 'paused',\n nextRun: 'Paused',\n lastExecution: {\n status: 'success',\n code: '200 OK',\n duration: '8.4s',\n timestamp: '4 days ago',\n },\n },\n {\n id: 'job-5',\n name: 'sync-crm-contacts',\n target: 'POST https://integrations.acme.corp/hubspot/sync',\n cronExpression: '15 * * * *',\n humanSchedule: 'At minute 15 of every hour',\n timezone: 'UTC',\n status: 'error',\n nextRun: 'in 28 min',\n lastExecution: {\n status: 'error',\n code: '504 Gateway Timeout',\n duration: '30.0s',\n timestamp: '32 min ago',\n },\n },\n]\n\nconst defaultStats: CronStats = {\n totalScheduled: 14,\n activeWorkers: 12,\n failed24h: 1,\n executionsToday: '48.2k',\n}\n\ntype Frequency = 'minute' | 'hour' | 'day' | 'week' | 'month'\n\nconst weekDayNames: Record = {\n '0': 'Sunday',\n '1': 'Monday',\n '2': 'Tuesday',\n '3': 'Wednesday',\n '4': 'Thursday',\n '5': 'Friday',\n '6': 'Saturday',\n}\n\nexport function CronJobScheduler({\n initialJobs = defaultJobs,\n initialStats = defaultStats,\n className,\n}: CronJobSchedulerProps) {\n const [jobs, setJobs] = React.useState(initialJobs)\n const [search, setSearch] = React.useState('')\n const [statusFilter, setStatusFilter] = React.useState<'all' | JobStatus>('all')\n const [bannerMessage, setBannerMessage] = React.useState<{ type: 'success' | 'info'; text: string } | null>(null)\n const [runningJobId, setRunningJobId] = React.useState(null)\n\n // Dialogs\n const [isCreateOpen, setIsCreateOpen] = React.useState(false)\n const [newJobName, setNewJobName] = React.useState('')\n const [newJobTarget, setNewJobTarget] = React.useState('')\n const [newJobCron, setNewJobCron] = React.useState('0 0 * * *')\n const [newJobTimezone, setNewJobTimezone] = React.useState('UTC')\n\n const [isLogsOpen, setIsLogsOpen] = React.useState(false)\n const [selectedJobForLogs, setSelectedJobForLogs] = React.useState(null)\n\n // Helper State\n const [helperFrequency, setHelperFrequency] = React.useState('day')\n const [helperMinuteInterval, setHelperMinuteInterval] = React.useState('15')\n const [helperHourlyMinute, setHelperHourlyMinute] = React.useState('0')\n const [helperDailyHour, setHelperDailyHour] = React.useState('0')\n const [helperDailyMinute, setHelperDailyMinute] = React.useState('0')\n const [helperWeekDay, setHelperWeekDay] = React.useState('1')\n const [helperWeekHour, setHelperWeekHour] = React.useState('9')\n const [helperWeekMinute, setHelperWeekMinute] = React.useState('0')\n const [helperMonthDay, setHelperMonthDay] = React.useState('1')\n const [helperMonthHour, setHelperMonthHour] = React.useState('0')\n const [helperMonthMinute, setHelperMonthMinute] = React.useState('0')\n const [copiedCron, setCopiedCron] = React.useState(false)\n\n const currentCronExpression = React.useMemo(() => {\n switch (helperFrequency) {\n case 'minute':\n return helperMinuteInterval === '1' ? '* * * * *' : `*/${helperMinuteInterval} * * * *`\n case 'hour':\n return `${helperHourlyMinute} * * * *`\n case 'day':\n return `${helperDailyMinute} ${helperDailyHour} * * *`\n case 'week':\n return `${helperWeekMinute} ${helperWeekHour} * * ${helperWeekDay}`\n case 'month':\n return `${helperMonthMinute} ${helperMonthHour} ${helperMonthDay} * *`\n default:\n return '0 0 * * *'\n }\n }, [\n helperFrequency,\n helperMinuteInterval,\n helperHourlyMinute,\n helperDailyHour,\n helperDailyMinute,\n helperWeekDay,\n helperWeekHour,\n helperWeekMinute,\n helperMonthDay,\n helperMonthHour,\n helperMonthMinute,\n ])\n\n const currentHumanTranslation = React.useMemo(() => {\n switch (helperFrequency) {\n case 'minute':\n return helperMinuteInterval === '1' ? 'Runs every minute' : `Runs every ${helperMinuteInterval} minutes`\n case 'hour':\n return helperHourlyMinute === '0'\n ? 'Runs at the start of every hour (minute 0)'\n : `Runs at minute ${helperHourlyMinute.padStart(2, '0')} of every hour`\n case 'day':\n return `Runs every day at ${helperDailyHour.padStart(2, '0')}:${helperDailyMinute.padStart(2, '0')} UTC`\n case 'week': {\n const day = weekDayNames[helperWeekDay] || 'Monday'\n return `Runs every ${day} at ${helperWeekHour.padStart(2, '0')}:${helperWeekMinute.padStart(2, '0')} UTC`\n }\n case 'month':\n return `Runs on day ${helperMonthDay} of every month at ${helperMonthHour.padStart(2, '0')}:${helperMonthMinute.padStart(2, '0')} UTC`\n default:\n return 'Every day at midnight'\n }\n }, [\n helperFrequency,\n helperMinuteInterval,\n helperHourlyMinute,\n helperDailyHour,\n helperDailyMinute,\n helperWeekDay,\n helperWeekHour,\n helperWeekMinute,\n helperMonthDay,\n helperMonthHour,\n helperMonthMinute,\n ])\n\n const nextExecutionsPreview = React.useMemo(() => {\n if (helperFrequency === 'minute') {\n const step = Number(helperMinuteInterval) || 1\n return [\n { time: `2026-10-24 14:${String(step).padStart(2, '0')}:00 UTC`, relative: `in ${step} minutes` },\n { time: `2026-10-24 14:${String(step * 2).padStart(2, '0')}:00 UTC`, relative: `in ${step * 2} minutes` },\n { time: `2026-10-24 14:${String(step * 3).padStart(2, '0')}:00 UTC`, relative: `in ${step * 3} minutes` },\n ]\n }\n if (helperFrequency === 'hour') {\n const min = helperHourlyMinute.padStart(2, '0')\n return [\n { time: `2026-10-24 15:${min}:00 UTC`, relative: 'in 42 minutes' },\n { time: `2026-10-24 16:${min}:00 UTC`, relative: 'in 1 hour 42 min' },\n { time: `2026-10-24 17:${min}:00 UTC`, relative: 'in 2 hours 42 min' },\n ]\n }\n if (helperFrequency === 'day') {\n const hr = helperDailyHour.padStart(2, '0')\n const min = helperDailyMinute.padStart(2, '0')\n return [\n { time: `2026-10-25 ${hr}:${min}:00 UTC`, relative: 'tomorrow' },\n { time: `2026-10-26 ${hr}:${min}:00 UTC`, relative: 'in 2 days' },\n { time: `2026-10-27 ${hr}:${min}:00 UTC`, relative: 'in 3 days' },\n ]\n }\n if (helperFrequency === 'week') {\n const hr = helperWeekHour.padStart(2, '0')\n const min = helperWeekMinute.padStart(2, '0')\n return [\n { time: `2026-10-26 ${hr}:${min}:00 UTC`, relative: 'next Monday' },\n { time: `2026-11-02 ${hr}:${min}:00 UTC`, relative: 'in 9 days' },\n { time: `2026-11-09 ${hr}:${min}:00 UTC`, relative: 'in 16 days' },\n ]\n }\n const dom = helperMonthDay.padStart(2, '0')\n const hr = helperMonthHour.padStart(2, '0')\n const min = helperMonthMinute.padStart(2, '0')\n return [\n { time: `2026-11-${dom} ${hr}:${min}:00 UTC`, relative: 'in 8 days' },\n { time: `2026-12-${dom} ${hr}:${min}:00 UTC`, relative: 'in 38 days' },\n { time: `2027-01-${dom} ${hr}:${min}:00 UTC`, relative: 'in 69 days' },\n ]\n }, [\n helperFrequency,\n helperMinuteInterval,\n helperHourlyMinute,\n helperDailyHour,\n helperDailyMinute,\n helperWeekHour,\n helperWeekMinute,\n helperMonthDay,\n helperMonthHour,\n helperMonthMinute,\n ])\n\n const applyPreset = (cron: string) => {\n if (cron === '*/15 * * * *') {\n setHelperFrequency('minute')\n setHelperMinuteInterval('15')\n } else if (cron === '0 * * * *') {\n setHelperFrequency('hour')\n setHelperHourlyMinute('0')\n } else if (cron === '0 0 * * *') {\n setHelperFrequency('day')\n setHelperDailyHour('0')\n setHelperDailyMinute('0')\n } else if (cron === '0 9 * * 1') {\n setHelperFrequency('week')\n setHelperWeekDay('1')\n setHelperWeekHour('9')\n setHelperWeekMinute('0')\n } else if (cron === '0 0 1 * *') {\n setHelperFrequency('month')\n setHelperMonthDay('1')\n setHelperMonthHour('0')\n setHelperMonthMinute('0')\n }\n }\n\n const copyExpression = async (text: string) => {\n try {\n await navigator.clipboard.writeText(text)\n setCopiedCron(true)\n setTimeout(() => setCopiedCron(false), 2000)\n } catch {\n setCopiedCron(true)\n setTimeout(() => setCopiedCron(false), 2000)\n }\n }\n\n const filteredJobs = React.useMemo(() => {\n const q = search.trim().toLowerCase()\n return jobs.filter((job) => {\n const matchesStatus = statusFilter === 'all' || job.status === statusFilter\n const matchesSearch = !q || job.name.toLowerCase().includes(q) || job.target.toLowerCase().includes(q)\n return matchesStatus && matchesSearch\n })\n }, [jobs, search, statusFilter])\n\n const triggerRun = (job: CronJob) => {\n setRunningJobId(job.id)\n setBannerMessage({\n type: 'success',\n text: `Job \"${job.name}\" queued and running now on cluster edge-worker-01.`,\n })\n setTimeout(() => {\n setRunningJobId(null)\n setJobs((prev) =>\n prev.map((j) =>\n j.id === job.id\n ? {\n ...j,\n lastExecution: {\n status: 'success',\n code: '200 OK',\n duration: '0.8s',\n timestamp: 'Just now',\n },\n }\n : j,\n ),\n )\n }, 1200)\n }\n\n const togglePause = (job: CronJob) => {\n const nextStatus: JobStatus = job.status === 'active' ? 'paused' : 'active'\n setJobs((prev) =>\n prev.map((j) =>\n j.id === job.id\n ? {\n ...j,\n status: nextStatus,\n nextRun: nextStatus === 'paused' ? 'Paused' : 'in 15 min',\n }\n : j,\n ),\n )\n setBannerMessage({\n type: 'info',\n text: `Job \"${job.name}\" has been ${nextStatus === 'paused' ? 'paused' : 'resumed'}.`,\n })\n }\n\n const deleteJob = (id: string) => {\n const target = jobs.find((j) => j.id === id)\n setJobs((prev) => prev.filter((j) => j.id !== id))\n setBannerMessage({\n type: 'info',\n text: `Job \"${target?.name || id}\" removed from scheduler queue.`,\n })\n }\n\n const openLogs = (job: CronJob) => {\n setSelectedJobForLogs(job)\n setIsLogsOpen(true)\n }\n\n const handleCreateJob = () => {\n if (!newJobName.trim()) return\n const newJob: CronJob = {\n id: `job-${Date.now()}`,\n name: newJobName.trim().toLowerCase().replace(/\\s+/g, '-'),\n target: newJobTarget.trim() || 'POST https://api.acme.corp/v1/worker/execute',\n cronExpression: newJobCron.trim() || '0 0 * * *',\n humanSchedule: 'Custom scheduled trigger',\n timezone: newJobTimezone || 'UTC',\n status: 'active',\n nextRun: 'in 5 min',\n lastExecution: {\n status: 'success',\n code: 'Pending initial run',\n duration: '—',\n timestamp: 'Never',\n },\n }\n setJobs((prev) => [newJob, ...prev])\n setIsCreateOpen(false)\n setNewJobName('')\n setNewJobTarget('')\n setBannerMessage({\n type: 'success',\n text: `New cron job \"${newJob.name}\" successfully created and registered in cluster.`,\n })\n }\n\n return (\n
\n {/* Header */}\n
\n
\n
\n \n

Cron Jobs & Scheduled Tasks

\n
\n

\n Configure automated background workers, recurring tasks, and queue schedules.\n

\n
\n\n
\n \n
\n
\n\n {/* Notification / Action banner */}\n {bannerMessage && (\n
\n
\n {bannerMessage.type === 'success' ? (\n \n ) : (\n \n )}\n {bannerMessage.text}\n
\n \n
\n )}\n\n {/* 4 Stat / KPI Cards */}\n
\n \n \n Total Scheduled\n
\n \n
\n \n \n
{initialStats.totalScheduled}
\n

Across 4 worker clusters

\n \n \n\n \n \n Active Workers\n
\n \n
\n \n \n
{initialStats.activeWorkers}
\n

2 currently paused

\n \n \n\n \n \n Failed in 24h\n
\n \n
\n \n \n
\n {initialStats.failed24h}\n \n Amber alert\n \n
\n

1 job needs attention

\n \n \n\n \n \n Executions Today\n
\n \n
\n \n \n
{initialStats.executionsToday}
\n

99.8% success rate (18ms avg)

\n \n \n
\n\n {/* Scheduled Jobs Table Card */}\n \n \n
\n
\n Scheduled Jobs\n \n {filteredJobs.length} of {jobs.length} tasks registered in cluster scheduler.\n \n
\n\n
\n
\n \n setSearch(e.target.value)}\n placeholder=\"Search job name or target...\"\n className=\"h-8 pl-9 text-xs\"\n />\n
\n\n \n\n \n \n UTC\n \n
\n
\n \n\n \n
\n \n \n \n Job Name & Target\n Schedule\n Timezone\n Status\n Next Run\n Last Execution\n Actions\n \n \n \n {filteredJobs.map((job) => (\n \n {/* Job Name & Target */}\n \n
\n
\n {job.name}\n {runningJobId === job.id && (\n \n )}\n
\n \n {job.target}\n

\n
\n \n\n {/* Cron Expression & Human Translation */}\n \n
\n
\n \n {job.cronExpression}\n \n
\n

{job.humanSchedule}

\n
\n \n\n {/* Timezone */}\n \n {job.timezone}\n \n\n {/* Status Badge */}\n \n {job.status === 'active' && (\n \n \n Active\n \n )}\n {job.status === 'paused' && (\n \n \n Paused\n \n )}\n {job.status === 'error' && (\n \n \n Error\n \n )}\n \n\n {/* Next Run */}\n \n
\n \n \n {job.nextRun}\n \n
\n \n\n {/* Last Execution */}\n \n
\n
\n {job.lastExecution.status === 'success' ? (\n \n ) : (\n \n )}\n \n {job.lastExecution.code}\n \n \n · {job.lastExecution.duration}\n \n
\n

{job.lastExecution.timestamp}

\n
\n \n\n {/* Action Menu */}\n \n \n \n \n \n \n Job Actions\n \n triggerRun(job)}>\n \n Run Now\n \n togglePause(job)}>\n {job.status === 'active' ? (\n <>\n \n Pause Schedule\n \n ) : (\n <>\n \n Resume Schedule\n \n )}\n \n openLogs(job)}>\n \n View Logs\n \n applyPreset(job.cronExpression)}>\n \n Inspect in Helper\n \n \n deleteJob(job.id)}\n >\n \n Delete Job\n \n \n \n \n \n ))}\n\n {filteredJobs.length === 0 && (\n \n \n No scheduled jobs found matching the active filter.\n \n \n )}\n \n
\n
\n \n \n\n {/* Cron Expression Helper Card */}\n \n \n
\n
\n
\n \n Interactive Cron Expression Helper\n
\n \n Generate standard 5-part cron syntax with real-time translation and upcoming execution previews.\n \n
\n\n {/* Quick Presets */}\n
\n Presets:\n applyPreset('*/15 * * * *')}\n >\n */15 * * * *\n \n applyPreset('0 * * * *')}\n >\n 0 * * * *\n \n applyPreset('0 0 * * *')}\n >\n 0 0 * * *\n \n applyPreset('0 9 * * 1')}\n >\n 0 9 * * 1\n \n applyPreset('0 0 1 * *')}\n >\n 0 0 1 * *\n \n
\n
\n \n\n \n {/* Frequency Selector Buttons */}\n
\n {(['minute', 'hour', 'day', 'week', 'month'] as Frequency[]).map((freq) => (\n setHelperFrequency(freq)}\n >\n Every {freq}\n \n ))}\n
\n\n {/* Dynamic Frequency Inputs Grid */}\n
\n {/* Minute Controls */}\n {helperFrequency === 'minute' && (\n
\n \n \n
\n )}\n\n {/* Hour Controls */}\n {helperFrequency === 'hour' && (\n
\n \n \n
\n )}\n\n {/* Day Controls */}\n {helperFrequency === 'day' && (\n <>\n
\n \n \n
\n
\n \n \n
\n \n )}\n\n {/* Week Controls */}\n {helperFrequency === 'week' && (\n <>\n
\n \n \n
\n
\n \n \n
\n \n )}\n\n {/* Month Controls */}\n {helperFrequency === 'month' && (\n <>\n
\n \n \n
\n
\n \n \n
\n \n )}\n\n
\n \n
\n \n UTC (Coordinated Universal)\n
\n
\n
\n\n {/* Generated Syntax & Next 3 Runs Output */}\n
\n {/* Left: Expression and Humanized Label */}\n
\n
\n \n Generated Syntax\n \n copyExpression(currentCronExpression)}\n >\n {copiedCron ? : }\n {copiedCron ? 'Copied' : 'Copy Cron'}\n \n
\n\n
\n {currentCronExpression}\n
\n\n
\n \n {currentHumanTranslation}\n
\n
\n\n {/* Right: Next 3 Runs Preview */}\n
\n
\n \n Next 3 Scheduled Runs (UTC)\n \n \n Simulated\n \n
\n\n
\n {nextExecutionsPreview.map((run, idx) => (\n \n
\n {idx + 1}.\n {run.time}\n
\n \n {run.relative}\n \n
\n ))}\n
\n
\n
\n \n \n\n {/* Dialog: Create New Cron Job */}\n \n \n \n New Cron Job\n \n Schedule a background worker function or HTTP endpoint target on a recurring cron interval.\n \n \n\n
\n
\n \n setNewJobName(e.target.value)}\n placeholder=\"e.g. sync-stripe-disputes\"\n />\n
\n\n
\n \n setNewJobTarget(e.target.value)}\n placeholder=\"POST https://api.acme.corp/v1/stripe/disputes\"\n />\n
\n\n
\n
\n \n setNewJobCron(e.target.value)}\n placeholder=\"0 4 * * *\"\n className=\"font-mono text-xs\"\n />\n
\n\n
\n \n \n
\n
\n
\n\n \n \n \n \n \n \n\n {/* Dialog: View Execution Logs */}\n \n \n \n
\n \n {selectedJobForLogs?.name}\n
\n \n Target: {selectedJobForLogs?.target} · Schedule: {selectedJobForLogs?.cronExpression}\n \n \n\n
\n
\n
\n Latest Run:\n \n {selectedJobForLogs?.lastExecution.timestamp}\n \n
\n
\n Duration:\n {selectedJobForLogs?.lastExecution.duration}\n
\n \n {selectedJobForLogs?.lastExecution.code}\n \n
\n\n {/* Terminal Output Simulation */}\n
\n

\n ❯ [scheduler] Initializing invocation container for {selectedJobForLogs?.name}...\n

\n

❯ [network] Dispatching HTTP POST to target endpoint

\n

\n ✓ [worker] Request acknowledged with HTTP {selectedJobForLogs?.lastExecution.code}\n

\n {selectedJobForLogs?.lastExecution.status === 'error' ? (\n

\n ✖ [error] Endpoint returned 504 Gateway Timeout after 30.0s threshold. Retrying with exponential\n backoff (attempt 1/3).\n

\n ) : (\n

\n ✓ [worker] Processed 1,420 queue records in {selectedJobForLogs?.lastExecution.duration}. Exit status\n code: 0.\n

\n )}\n

\n ❯ [scheduler] Next scheduled execution: {selectedJobForLogs?.nextRun}\n

\n
\n
\n\n \n \n \n \n \n \n )\n}\n\nexport default CronJobScheduler\n", "type": "registry:block", "target": "~/components/blocks/CronJobScheduler.tsx" } ], "dependencies": [ "lucide-react" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/react/badge.json", "https://uipkge.dev/r/react/button.json", "https://uipkge.dev/r/react/card.json", "https://uipkge.dev/r/react/dialog.json", "https://uipkge.dev/r/react/dropdown-menu.json", "https://uipkge.dev/r/react/input.json", "https://uipkge.dev/r/react/select.json", "https://uipkge.dev/r/react/table.json" ], "description": "Temporal and AWS EventBridge style scheduled tasks and background cron worker manager with KPI overview, status indicators, execution details, action menus, and an interactive cron expression builder with upcoming run previews.", "categories": [ "devops", "app", "dashboard" ] }