app/sites/[id]/page.tsx

@@ -306,6 +306,13 @@ export default function SiteDashboardPage() {
                 { value: 'custom', label: 'Custom' },
               ]}
             />
+            <Button
+              onClick={() => router.push(`/sites/${siteId}/uptime`)}
+              variant="secondary"
+              className="text-sm"
+            >
+              Uptime
+            </Button>
             <Button
               onClick={() => router.push(`/sites/${siteId}/funnels`)}
               variant="secondary"

lib/api/uptime.ts

@@ -0,0 +1,128 @@
+import apiRequest from './client'
+
+// * Types for uptime monitoring
+
+export interface UptimeMonitor {
+  id: string
+  site_id: string
+  name: string
+  url: string
+  check_interval_seconds: number
+  expected_status_code: number
+  timeout_seconds: number
+  enabled: boolean
+  last_checked_at: string | null
+  last_status: 'up' | 'down' | 'degraded' | 'unknown'
+  last_response_time_ms: number | null
+  created_at: string
+  updated_at: string
+}
+
+export interface UptimeCheck {
+  id: string
+  monitor_id: string
+  status: 'up' | 'down' | 'degraded'
+  response_time_ms: number | null
+  status_code: number | null
+  error_message: string | null
+  checked_at: string
+}
+
+export interface UptimeDailyStat {
+  monitor_id: string
+  date: string
+  total_checks: number
+  successful_checks: number
+  failed_checks: number
+  degraded_checks: number
+  avg_response_time_ms: number
+  min_response_time_ms: number | null
+  max_response_time_ms: number | null
+  uptime_percentage: number
+}
+
+export interface MonitorStatus {
+  monitor: UptimeMonitor
+  daily_stats: UptimeDailyStat[] | null
+  overall_uptime: number
+}
+
+export interface UptimeStatusResponse {
+  monitors: MonitorStatus[] | null
+  overall_uptime: number
+  status: 'operational' | 'degraded' | 'down'
+  total_monitors: number
+}
+
+export interface CreateMonitorRequest {
+  name: string
+  url: string
+  check_interval_seconds?: number
+  expected_status_code?: number
+  timeout_seconds?: number
+}
+
+export interface UpdateMonitorRequest {
+  name: string
+  url: string
+  check_interval_seconds?: number
+  expected_status_code?: number
+  timeout_seconds?: number
+  enabled?: boolean
+}
+
+/**
+ * Fetches the uptime status overview for all monitors of a site
+ */
+export async function getUptimeStatus(siteId: string, startDate?: string, endDate?: string): Promise<UptimeStatusResponse> {
+  const params = new URLSearchParams()
+  if (startDate) params.append('start_date', startDate)
+  if (endDate) params.append('end_date', endDate)
+  const query = params.toString()
+  return apiRequest<UptimeStatusResponse>(`/sites/${siteId}/uptime/status${query ? `?${query}` : ''}`)
+}
+
+/**
+ * Lists all uptime monitors for a site
+ */
+export async function listUptimeMonitors(siteId: string): Promise<UptimeMonitor[]> {
+  const res = await apiRequest<{ monitors: UptimeMonitor[] }>(`/sites/${siteId}/uptime/monitors`)
+  return res?.monitors ?? []
+}
+
+/**
+ * Creates a new uptime monitor
+ */
+export async function createUptimeMonitor(siteId: string, data: CreateMonitorRequest): Promise<UptimeMonitor> {
+  return apiRequest<UptimeMonitor>(`/sites/${siteId}/uptime/monitors`, {
+    method: 'POST',
+    body: JSON.stringify(data),
+  })
+}
+
+/**
+ * Updates an existing uptime monitor
+ */
+export async function updateUptimeMonitor(siteId: string, monitorId: string, data: UpdateMonitorRequest): Promise<UptimeMonitor> {
+  return apiRequest<UptimeMonitor>(`/sites/${siteId}/uptime/monitors/${monitorId}`, {
+    method: 'PUT',
+    body: JSON.stringify(data),
+  })
+}
+
+/**
+ * Deletes an uptime monitor
+ */
+export async function deleteUptimeMonitor(siteId: string, monitorId: string): Promise<void> {
+  await apiRequest(`/sites/${siteId}/uptime/monitors/${monitorId}`, {
+    method: 'DELETE',
+  })
+}
+
+/**
+ * Fetches recent checks for a specific monitor
+ */
+export async function getMonitorChecks(siteId: string, monitorId: string, limit = 50): Promise<UptimeCheck[]> {
+  const res = await apiRequest<{ checks: UptimeCheck[] }>(`/sites/${siteId}/uptime/monitors/${monitorId}/checks?limit=${limit}`)
+  return res?.checks ?? []
+}