periplon 0.2.0

Rust SDK for building multi-agent AI workflows and automation
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141

'use client'

import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
import { apiClient } from '@/lib/api-client'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Badge } from '@/components/ui/badge'
import { Button } from '@/components/ui/button'
import { formatDate } from '@/lib/utils'
import { Plus, Play, Edit, Trash2, Clock } from 'lucide-react'
import Link from 'next/link'

export default function SchedulesPage() {
  const queryClient = useQueryClient()

  const { data: schedules, isLoading } = useQuery({
    queryKey: ['schedules'],
    queryFn: () => apiClient.listSchedules(),
  })

  const triggerMutation = useMutation({
    mutationFn: (id: string) => apiClient.triggerSchedule(id),
    onSuccess: () => {
      queryClient.invalidateQueries({ queryKey: ['schedules'] })
    },
  })

  return (
    <div className="space-y-6">
      <div className="flex items-center justify-between">
        <div>
          <h1 className="text-3xl font-bold">Schedules</h1>
          <p className="text-muted-foreground">
            Configure cron-based workflow execution schedules
          </p>
        </div>
        <Button asChild>
          <Link href="/schedules/new">
            <Plus className="h-4 w-4 mr-2" />
            New Schedule
          </Link>
        </Button>
      </div>

      {isLoading ? (
        <div>Loading...</div>
      ) : schedules && schedules.length > 0 ? (
        <div className="grid gap-4">
          {schedules.map((schedule) => (
            <Card key={schedule.id}>
              <CardHeader>
                <div className="flex items-center justify-between">
                  <div className="space-y-1">
                    <div className="flex items-center gap-2">
                      <Clock className="h-5 w-5 text-muted-foreground" />
                      <CardTitle className="text-lg">
                        {schedule.description || schedule.workflow_id}
                      </CardTitle>
                    </div>
                    <div className="flex items-center gap-3 text-sm text-muted-foreground">
                      <span className="font-mono bg-muted px-2 py-1 rounded">
                        {schedule.cron_expression}
                      </span>
                      <span>{schedule.timezone}</span>
                    </div>
                  </div>
                  <Badge variant={schedule.is_active ? 'default' : 'secondary'}>
                    {schedule.is_active ? 'Active' : 'Inactive'}
                  </Badge>
                </div>
              </CardHeader>
              <CardContent className="space-y-4">
                <div className="grid gap-2 text-sm">
                  <div className="flex justify-between">
                    <span className="text-muted-foreground">Workflow:</span>
                    <Link
                      href={`/workflows/${schedule.workflow_id}`}
                      className="text-primary hover:underline"
                    >
                      {schedule.workflow_id}
                    </Link>
                  </div>
                  {schedule.last_run_at && (
                    <div className="flex justify-between">
                      <span className="text-muted-foreground">Last run:</span>
                      <span>{formatDate(schedule.last_run_at)}</span>
                    </div>
                  )}
                  {schedule.next_run_at && (
                    <div className="flex justify-between">
                      <span className="text-muted-foreground">Next run:</span>
                      <span className="font-medium">
                        {formatDate(schedule.next_run_at)}
                      </span>
                    </div>
                  )}
                  <div className="flex justify-between">
                    <span className="text-muted-foreground">Created:</span>
                    <span>{formatDate(schedule.created_at)}</span>
                  </div>
                </div>

                <div className="flex gap-2">
                  <Button
                    size="sm"
                    variant="default"
                    onClick={() => triggerMutation.mutate(schedule.id)}
                    disabled={triggerMutation.isPending}
                  >
                    <Play className="h-3 w-3 mr-1" />
                    Trigger Now
                  </Button>
                  <Button size="sm" variant="outline">
                    <Edit className="h-3 w-3 mr-1" />
                    Edit
                  </Button>
                  <Button size="sm" variant="destructive">
                    <Trash2 className="h-3 w-3 mr-1" />
                    Delete
                  </Button>
                </div>
              </CardContent>
            </Card>
          ))}
        </div>
      ) : (
        <Card>
          <CardContent className="flex flex-col items-center justify-center py-12">
            <Clock className="h-12 w-12 text-muted-foreground mb-4" />
            <p className="text-muted-foreground mb-4">No schedules yet</p>
            <Button asChild>
              <Link href="/schedules/new">
                <Plus className="h-4 w-4 mr-2" />
                Create your first schedule
              </Link>
            </Button>
          </CardContent>
        </Card>
      )}
    </div>
  )
}