@voyantjs/workflows-ui 0.66.0 → 0.68.0

package/dist/components/workflow-schedules-page.d.ts

@@ -0,0 +1,21 @@
+import type { WorkflowSchedulesApi } from "../schedules-client.js";
+import type { WorkflowRunsApi } from "../types.js";
+export interface WorkflowSchedulesPageProps {
+    /** Schedules API — backed by `/api/schedules/:env`. */
+    schedulesApi: WorkflowSchedulesApi;
+    /** Optional runs API — when provided, the page joins each row with the most recent matching run. */
+    runsApi?: WorkflowRunsApi;
+    /**
+     * Optional trigger callback. When provided, each row renders a
+     * "Trigger now" button that calls this with the workflow id + the
+     * schedule's recorded `input` payload (if any).
+     */
+    onTriggerNow?: (workflowId: string, input: unknown) => Promise<void>;
+    /** Manifest environment to inspect. Defaults to "production". */
+    environment?: "production" | "preview" | "development";
+    /** Auto-refresh interval (ms). Defaults to 30s. Pass 0 to disable. */
+    pollIntervalMs?: number;
+    className?: string;
+}
+export declare function WorkflowSchedulesPage({ schedulesApi, runsApi, onTriggerNow, environment, pollIntervalMs, className, }: WorkflowSchedulesPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=workflow-schedules-page.d.ts.map

package/dist/components/workflow-schedules-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-schedules-page.d.ts","sourceRoot":"","sources":["../../src/components/workflow-schedules-page.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAIV,oBAAoB,EACrB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAkC,eAAe,EAAE,MAAM,aAAa,CAAA;AAKlF,MAAM,WAAW,0BAA0B;IACzC,uDAAuD;IACvD,YAAY,EAAE,oBAAoB,CAAA;IAClC,oGAAoG;IACpG,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACpE,iEAAiE;IACjE,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,CAAA;IACtD,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,WAA0B,EAC1B,cAAuB,EACvB,SAAS,GACV,EAAE,0BAA0B,2CA0L5B"}

package/dist/components/workflow-schedules-page.js

@@ -0,0 +1,131 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@voyantjs/ui/components/badge";
+import { Button } from "@voyantjs/ui/components/button";
+import { Card, CardContent } from "@voyantjs/ui/components/card";
+import { AlertTriangle, CalendarClock, RefreshCw } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useWorkflowRunsUiMessagesOrDefault } from "../i18n/index.js";
+import { formatRelative, StatusIcon } from "./common.js";
+export function WorkflowSchedulesPage({ schedulesApi, runsApi, onTriggerNow, environment = "production", pollIntervalMs = 30_000, className, }) {
+    const rootMessages = useWorkflowRunsUiMessagesOrDefault();
+    const messages = rootMessages.schedules;
+    const [response, setResponse] = useState(null);
+    const [lastRuns, setLastRuns] = useState({});
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [triggering, setTriggering] = useState({});
+    const [triggerNotice, setTriggerNotice] = useState(null);
+    const refresh = useCallback(async () => {
+        setLoading(true);
+        try {
+            const next = await schedulesApi.listSchedules(environment);
+            setResponse(next);
+            setError(null);
+            if (runsApi) {
+                const uniqueIds = Array.from(new Set(next.data.map((entry) => entry.workflowId)));
+                const results = await Promise.all(uniqueIds.map(async (workflowId) => {
+                    try {
+                        const runs = await runsApi.listRuns({ workflowName: workflowId, limit: 1 });
+                        return [workflowId, runs.data[0] ?? null];
+                    }
+                    catch {
+                        return [workflowId, null];
+                    }
+                }));
+                setLastRuns(Object.fromEntries(results));
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : messages.loadError);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [environment, messages.loadError, runsApi, schedulesApi]);
+    useEffect(() => {
+        void refresh();
+        if (!pollIntervalMs)
+            return;
+        const interval = setInterval(() => void refresh(), pollIntervalMs);
+        return () => clearInterval(interval);
+    }, [pollIntervalMs, refresh]);
+    const showEnvFlag = response?.schedulesEnabledByEnv !== undefined;
+    const envFlagOn = response?.schedulesEnabledByEnv === true;
+    const triggerRow = useCallback(async (entry) => {
+        if (!onTriggerNow)
+            return;
+        setTriggering((prev) => ({ ...prev, [entry.scheduleId]: true }));
+        setTriggerNotice(null);
+        try {
+            await onTriggerNow(entry.workflowId, entry.schedule.input);
+            setTriggerNotice({ kind: "success", text: messages.triggerSuccess });
+        }
+        catch (err) {
+            setTriggerNotice({
+                kind: "error",
+                text: err instanceof Error ? err.message : messages.triggerFailed,
+            });
+        }
+        finally {
+            setTriggering((prev) => ({ ...prev, [entry.scheduleId]: false }));
+        }
+    }, [messages.triggerFailed, messages.triggerSuccess, onTriggerNow]);
+    const rows = useMemo(() => response?.data ?? [], [response]);
+    return (_jsxs("div", { className: `flex min-h-screen flex-col bg-background ${className ?? ""}`, children: [_jsx("header", { className: "sticky top-0 z-10 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: _jsxs("div", { className: "container mx-auto flex flex-wrap items-center gap-3 px-4 py-3", children: [_jsx(CalendarClock, { className: "h-5 w-5" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "font-semibold text-base", children: messages.title }), _jsx("p", { className: "text-muted-foreground text-xs", children: messages.subtitle })] }), _jsxs("div", { className: "ml-auto flex items-center gap-2 text-muted-foreground text-xs", children: [_jsxs("span", { children: [messages.environmentLabel, ": ", _jsx("span", { className: "font-mono", children: environment })] }), response?.versionId ? (_jsxs("span", { children: [messages.versionLabel, ":", " ", _jsx("span", { className: "font-mono", children: response.versionId.slice(0, 12) })] })) : null, _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void refresh(), disabled: loading, children: [_jsx(RefreshCw, { className: `h-3.5 w-3.5 ${loading ? "animate-spin" : ""}`, "aria-hidden": "true" }), messages.refresh] })] })] }) }), _jsxs("main", { className: "container mx-auto flex flex-1 flex-col gap-4 px-4 py-6", children: [showEnvFlag && !envFlagOn ? (_jsx(Card, { className: "border-amber-500/40 bg-amber-500/5", children: _jsxs(CardContent, { className: "flex items-center gap-2 pt-4 text-amber-700 text-sm dark:text-amber-300", children: [_jsx(AlertTriangle, { className: "h-4 w-4", "aria-hidden": "true" }), messages.envFlagOff] }) })) : null, triggerNotice ? (_jsx(Card, { className: triggerNotice.kind === "success"
+                            ? "border-emerald-500/40 bg-emerald-500/5"
+                            : "border-destructive/40 bg-destructive/5", children: _jsx(CardContent, { className: `pt-4 text-sm ${triggerNotice.kind === "success"
+                                ? "text-emerald-600 dark:text-emerald-300"
+                                : "text-destructive"}`, children: triggerNotice.text }) })) : null, error ? (_jsx(Card, { className: "border-destructive/40", children: _jsx(CardContent, { className: "pt-4 text-destructive text-sm", children: error }) })) : null, !error && rows.length === 0 && !loading ? (_jsx(Card, { children: _jsx(CardContent, { className: "pt-4 text-muted-foreground text-sm", children: messages.empty }) })) : null, rows.length > 0 ? (_jsx("div", { className: "overflow-hidden rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/40 text-left text-xs uppercase", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 font-medium", children: messages.workflowColumn }), _jsx("th", { className: "px-3 py-2 font-medium", children: messages.scheduleColumn }), _jsx("th", { className: "px-3 py-2 font-medium", children: messages.nextRunColumn }), _jsx("th", { className: "px-3 py-2 font-medium", children: messages.lastRunColumn }), _jsx("th", { className: "px-3 py-2 font-medium", children: messages.statusColumn }), onTriggerNow ? (_jsx("th", { className: "px-3 py-2 font-medium", children: messages.actionsColumn })) : null] }) }), _jsx("tbody", { children: rows.map((row) => (_jsx(ScheduleRow, { row: row, lastRun: lastRuns[row.workflowId] ?? null, triggering: !!triggering[row.scheduleId], onTriggerNow: onTriggerNow ? () => void triggerRow(row) : undefined, envFlagDisabled: showEnvFlag && !envFlagOn, rootMessages: rootMessages }, row.scheduleId))) })] }) })) : null] })] }));
+}
+function ScheduleRow({ row, lastRun, triggering, onTriggerNow, envFlagDisabled, rootMessages, }) {
+    const messages = rootMessages.schedules;
+    return (_jsxs("tr", { className: "border-t", children: [_jsx("td", { className: "px-3 py-2 font-mono text-xs", children: row.workflowId }), _jsx("td", { className: "px-3 py-2 font-mono text-xs", children: formatScheduleDecl(row.schedule, messages) }), _jsx("td", { className: "px-3 py-2 text-xs text-muted-foreground", children: formatNextRun(row, messages, rootMessages) }), _jsx("td", { className: "px-3 py-2 text-xs", children: formatLastRun(lastRun, messages, rootMessages) }), _jsx("td", { className: "px-3 py-2", children: _jsx(StatusPill, { row: row, envFlagDisabled: envFlagDisabled, messages: messages }) }), onTriggerNow ? (_jsx("td", { className: "px-3 py-2", children: _jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: onTriggerNow, disabled: triggering, children: triggering ? messages.triggering : messages.triggerNow }) })) : null] }));
+}
+function StatusPill({ row, envFlagDisabled, messages, }) {
+    if (envFlagDisabled) {
+        return (_jsx(Badge, { variant: "outline", className: "border-muted-foreground/30 text-muted-foreground", children: messages.disabledByEnvFlag }));
+    }
+    if (row.disabledReason === "registration_disabled") {
+        return (_jsx(Badge, { variant: "outline", className: "border-muted-foreground/30 text-muted-foreground", children: messages.disabledByRegistration }));
+    }
+    if (row.disabledReason === "env_filtered") {
+        return (_jsx(Badge, { variant: "outline", className: "border-muted-foreground/30 text-muted-foreground", children: messages.disabledByEnvironment }));
+    }
+    return (_jsx(Badge, { variant: "outline", className: "border-emerald-500/40 bg-emerald-500/10 text-emerald-600 dark:text-emerald-300", children: messages.enabled }));
+}
+function formatScheduleDecl(decl, messages) {
+    if (decl.cron)
+        return messages.cron(decl.cron, decl.timezone ?? "UTC");
+    if (decl.every !== undefined)
+        return messages.every(String(decl.every));
+    if (decl.at)
+        return messages.at(decl.at);
+    return messages.eventDriven;
+}
+function formatNextRun(row, messages, rootMessages) {
+    if (!row.enabled || row.nextRunAt === null)
+        return messages.notScheduled;
+    const delta = row.nextRunAt - Date.now();
+    const relative = formatRelative(new Date(row.nextRunAt).toISOString(), rootMessages);
+    return delta >= 0 ? messages.inFuture(relative) : messages.inPast(relative);
+}
+function formatLastRun(lastRun, messages, rootMessages) {
+    if (!lastRun)
+        return _jsx("span", { className: "text-muted-foreground", children: messages.lastRunNone });
+    const relative = formatRelative(lastRun.startedAt, rootMessages);
+    const label = lastRunLabel(lastRun.status, relative, messages);
+    return (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx(StatusIcon, { status: lastRun.status }), label] }));
+}
+function lastRunLabel(status, relative, messages) {
+    switch (status) {
+        case "succeeded":
+            return messages.lastRunSucceeded(relative);
+        case "failed":
+            return messages.lastRunFailed(relative);
+        case "running":
+            return messages.lastRunRunning;
+        case "cancelled":
+            return messages.lastRunCancelled(relative);
+    }
+}

package/dist/i18n/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,eAAO,MAAM,gBAAgB,EAAE,sBAkG9B,CAAA;AAED,eAAO,MAAM,aAAa,wBAAmB,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,eAAO,MAAM,gBAAgB,EAAE,sBAwI9B,CAAA;AAED,eAAO,MAAM,aAAa,wBAAmB,CAAA"}

package/dist/i18n/en.js

@@ -92,5 +92,43 @@ export const workflowRunsUiEn = {
     format: {
         relativeNow: "now",
     },
+    schedules: {
+        title: "Workflow schedules",
+        subtitle: "Registered cron, interval, and one-shot schedules.",
+        environmentLabel: "Environment",
+        versionLabel: "Manifest",
+        workflowColumn: "Workflow",
+        scheduleColumn: "Schedule",
+        nextRunColumn: "Next run",
+        lastRunColumn: "Last run",
+        statusColumn: "Status",
+        actionsColumn: "Actions",
+        enabled: "Enabled",
+        disabledByRegistration: "Disabled",
+        disabledByEnvironment: "Disabled (env filtered)",
+        disabledByEnvFlag: "Disabled (env flag)",
+        envFlagOff: "Schedules disabled by environment flag — no schedules will fire.",
+        envFlagOn: "Schedules enabled.",
+        eventDriven: "event-driven",
+        cron: (expr, timezone) => `${expr} (${timezone})`,
+        every: (interval) => `every ${interval}`,
+        at: (timestamp) => `at ${timestamp}`,
+        triggerNow: "Trigger now",
+        triggering: "Triggering...",
+        triggerSuccess: "Run started.",
+        triggerFailed: "Trigger failed.",
+        refresh: "Refresh",
+        loading: "Loading schedules...",
+        loadError: "Could not load workflow schedules.",
+        empty: "No schedules registered for this environment.",
+        inFuture: (relative) => `in ${relative}`,
+        inPast: (relative) => `${relative} ago`,
+        notScheduled: "—",
+        lastRunSucceeded: (relative) => `succeeded ${relative} ago`,
+        lastRunFailed: (relative) => `failed ${relative} ago`,
+        lastRunRunning: "running",
+        lastRunCancelled: (relative) => `cancelled ${relative} ago`,
+        lastRunNone: "never run",
+    },
 };
 export const workflowsUiEn = workflowRunsUiEn;

package/dist/i18n/messages.d.ts

@@ -82,5 +82,43 @@ export type WorkflowRunsUiMessages = {
     format: {
         relativeNow: string;
     };
+    schedules: {
+        title: string;
+        subtitle: string;
+        environmentLabel: string;
+        versionLabel: string;
+        workflowColumn: string;
+        scheduleColumn: string;
+        nextRunColumn: string;
+        lastRunColumn: string;
+        statusColumn: string;
+        actionsColumn: string;
+        enabled: string;
+        disabledByRegistration: string;
+        disabledByEnvironment: string;
+        disabledByEnvFlag: string;
+        envFlagOff: string;
+        envFlagOn: string;
+        eventDriven: string;
+        cron: (expr: string, timezone: string) => string;
+        every: (interval: string) => string;
+        at: (timestamp: string) => string;
+        triggerNow: string;
+        triggering: string;
+        triggerSuccess: string;
+        triggerFailed: string;
+        refresh: string;
+        loading: string;
+        loadError: string;
+        empty: string;
+        inFuture: (relative: string) => string;
+        inPast: (relative: string) => string;
+        notScheduled: string;
+        lastRunSucceeded: (relative: string) => string;
+        lastRunFailed: (relative: string) => string;
+        lastRunRunning: string;
+        lastRunCancelled: (relative: string) => string;
+        lastRunNone: string;
+    };
 };
 //# sourceMappingURL=messages.d.ts.map

package/dist/i18n/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"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"}

package/dist/i18n/ro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ro.d.ts","sourceRoot":"","sources":["../../src/i18n/ro.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,eAAO,MAAM,gBAAgB,EAAE,sBAoG9B,CAAA;AAED,eAAO,MAAM,aAAa,wBAAmB,CAAA"}
+{"version":3,"file":"ro.d.ts","sourceRoot":"","sources":["../../src/i18n/ro.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,eAAO,MAAM,gBAAgB,EAAE,sBA0I9B,CAAA;AAED,eAAO,MAAM,aAAa,wBAAmB,CAAA"}

package/dist/i18n/ro.js

@@ -94,5 +94,43 @@ export const workflowRunsUiRo = {
     format: {
         relativeNow: "acum",
     },
+    schedules: {
+        title: "Programari workflow",
+        subtitle: "Programari cron, interval si one-shot inregistrate.",
+        environmentLabel: "Mediu",
+        versionLabel: "Manifest",
+        workflowColumn: "Workflow",
+        scheduleColumn: "Programare",
+        nextRunColumn: "Urmatoarea rulare",
+        lastRunColumn: "Ultima rulare",
+        statusColumn: "Status",
+        actionsColumn: "Actiuni",
+        enabled: "Activ",
+        disabledByRegistration: "Dezactivat",
+        disabledByEnvironment: "Dezactivat (filtrat dupa mediu)",
+        disabledByEnvFlag: "Dezactivat (flag de mediu)",
+        envFlagOff: "Programarile sunt dezactivate de flag-ul de mediu — nimic nu va rula.",
+        envFlagOn: "Programarile sunt active.",
+        eventDriven: "declansat de eveniment",
+        cron: (expr, timezone) => `${expr} (${timezone})`,
+        every: (interval) => `la fiecare ${interval}`,
+        at: (timestamp) => `la ${timestamp}`,
+        triggerNow: "Declanseaza acum",
+        triggering: "Se declanseaza...",
+        triggerSuccess: "Rulare pornita.",
+        triggerFailed: "Declansarea a esuat.",
+        refresh: "Reincarca",
+        loading: "Se incarca programarile...",
+        loadError: "Programarile nu au putut fi incarcate.",
+        empty: "Nu exista programari inregistrate pentru acest mediu.",
+        inFuture: (relative) => `in ${relative}`,
+        inPast: (relative) => `acum ${relative}`,
+        notScheduled: "—",
+        lastRunSucceeded: (relative) => `reusita acum ${relative}`,
+        lastRunFailed: (relative) => `esuata acum ${relative}`,
+        lastRunRunning: "in rulare",
+        lastRunCancelled: (relative) => `anulata acum ${relative}`,
+        lastRunNone: "nu a rulat niciodata",
+    },
 };
 export const workflowsUiRo = workflowRunsUiRo;

package/dist/index.d.ts

@@ -2,6 +2,8 @@ export type { WorkflowRunsApiClientOptions } from "./client.js";
 export { createWorkflowRunsApiClient } from "./client.js";
 export { WorkflowRunDetailPage, type WorkflowRunDetailPageProps, } from "./components/workflow-run-detail-page.js";
 export { WorkflowRunsPage, type WorkflowRunsPageProps, WorkflowRunsPageSkeleton, } from "./components/workflow-runs-page.js";
+export { WorkflowSchedulesPage, type WorkflowSchedulesPageProps, } from "./components/workflow-schedules-page.js";
 export { getWorkflowRunsUiI18n, getWorkflowRunsUiI18n as getWorkflowsUiI18n, resolveWorkflowRunsUiMessages, resolveWorkflowRunsUiMessages as resolveWorkflowsUiMessages, useWorkflowRunsUiI18n, useWorkflowRunsUiI18n as useWorkflowsUiI18n, useWorkflowRunsUiI18nOrDefault, useWorkflowRunsUiI18nOrDefault as useWorkflowsUiI18nOrDefault, useWorkflowRunsUiMessages, useWorkflowRunsUiMessages as useWorkflowsUiMessages, useWorkflowRunsUiMessagesOrDefault, useWorkflowRunsUiMessagesOrDefault as useWorkflowsUiMessagesOrDefault, type WorkflowRunsUiMessageOverrides, type WorkflowRunsUiMessageOverrides as WorkflowsUiMessageOverrides, type WorkflowRunsUiMessages, type WorkflowRunsUiMessages as WorkflowsUiMessages, WorkflowRunsUiMessagesProvider, WorkflowRunsUiMessagesProvider as WorkflowsUiMessagesProvider, workflowRunsUiEn, workflowRunsUiEn as workflowsUiEn, workflowRunsUiMessageDefinitions, workflowRunsUiMessageDefinitions as workflowsUiMessageDefinitions, workflowRunsUiRo, workflowRunsUiRo as workflowsUiRo, } from "./i18n/index.js";
+export { createWorkflowSchedulesApiClient, type ListWorkflowSchedulesResponse, type WorkflowScheduleDecl, type WorkflowScheduleSummary, type WorkflowSchedulesApi, type WorkflowSchedulesApiClientOptions, } from "./schedules-client.js";
 export type { ListWorkflowRunsQuery, ListWorkflowRunsResponse, WorkflowRun, WorkflowRunActionError, WorkflowRunActionResponse, WorkflowRunActionResult, WorkflowRunDetailResponse, WorkflowRunErrorPayload, WorkflowRunStatus, WorkflowRunStep, WorkflowRunStepStatus, WorkflowRunsApi, } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,0CAA0C,CAAA;AACjD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,wBAAwB,GACzB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,qBAAqB,EACrB,qBAAqB,IAAI,kBAAkB,EAC3C,6BAA6B,EAC7B,6BAA6B,IAAI,0BAA0B,EAC3D,qBAAqB,EACrB,qBAAqB,IAAI,kBAAkB,EAC3C,8BAA8B,EAC9B,8BAA8B,IAAI,2BAA2B,EAC7D,yBAAyB,EACzB,yBAAyB,IAAI,sBAAsB,EACnD,kCAAkC,EAClC,kCAAkC,IAAI,+BAA+B,EACrE,KAAK,8BAA8B,EACnC,KAAK,8BAA8B,IAAI,2BAA2B,EAClE,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,IAAI,mBAAmB,EAClD,8BAA8B,EAC9B,8BAA8B,IAAI,2BAA2B,EAC7D,gBAAgB,EAChB,gBAAgB,IAAI,aAAa,EACjC,gCAAgC,EAChC,gCAAgC,IAAI,6BAA6B,EACjE,gBAAgB,EAChB,gBAAgB,IAAI,aAAa,GAClC,MAAM,iBAAiB,CAAA;AACxB,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,sBAAsB,EACtB,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,EACzB,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,GAChB,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAA;AACzD,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,0CAA0C,CAAA;AACjD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,wBAAwB,GACzB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,yCAAyC,CAAA;AAChD,OAAO,EACL,qBAAqB,EACrB,qBAAqB,IAAI,kBAAkB,EAC3C,6BAA6B,EAC7B,6BAA6B,IAAI,0BAA0B,EAC3D,qBAAqB,EACrB,qBAAqB,IAAI,kBAAkB,EAC3C,8BAA8B,EAC9B,8BAA8B,IAAI,2BAA2B,EAC7D,yBAAyB,EACzB,yBAAyB,IAAI,sBAAsB,EACnD,kCAAkC,EAClC,kCAAkC,IAAI,+BAA+B,EACrE,KAAK,8BAA8B,EACnC,KAAK,8BAA8B,IAAI,2BAA2B,EAClE,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,IAAI,mBAAmB,EAClD,8BAA8B,EAC9B,8BAA8B,IAAI,2BAA2B,EAC7D,gBAAgB,EAChB,gBAAgB,IAAI,aAAa,EACjC,gCAAgC,EAChC,gCAAgC,IAAI,6BAA6B,EACjE,gBAAgB,EAChB,gBAAgB,IAAI,aAAa,GAClC,MAAM,iBAAiB,CAAA;AACxB,OAAO,EACL,gCAAgC,EAChC,KAAK,6BAA6B,EAClC,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,iCAAiC,GACvC,MAAM,uBAAuB,CAAA;AAC9B,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,sBAAsB,EACtB,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,EACzB,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,GAChB,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -1,4 +1,6 @@
 export { createWorkflowRunsApiClient } from "./client.js";
 export { WorkflowRunDetailPage, } from "./components/workflow-run-detail-page.js";
 export { WorkflowRunsPage, WorkflowRunsPageSkeleton, } from "./components/workflow-runs-page.js";
+export { WorkflowSchedulesPage, } from "./components/workflow-schedules-page.js";
 export { getWorkflowRunsUiI18n, getWorkflowRunsUiI18n as getWorkflowsUiI18n, resolveWorkflowRunsUiMessages, resolveWorkflowRunsUiMessages as resolveWorkflowsUiMessages, useWorkflowRunsUiI18n, useWorkflowRunsUiI18n as useWorkflowsUiI18n, useWorkflowRunsUiI18nOrDefault, useWorkflowRunsUiI18nOrDefault as useWorkflowsUiI18nOrDefault, useWorkflowRunsUiMessages, useWorkflowRunsUiMessages as useWorkflowsUiMessages, useWorkflowRunsUiMessagesOrDefault, useWorkflowRunsUiMessagesOrDefault as useWorkflowsUiMessagesOrDefault, WorkflowRunsUiMessagesProvider, WorkflowRunsUiMessagesProvider as WorkflowsUiMessagesProvider, workflowRunsUiEn, workflowRunsUiEn as workflowsUiEn, workflowRunsUiMessageDefinitions, workflowRunsUiMessageDefinitions as workflowsUiMessageDefinitions, workflowRunsUiRo, workflowRunsUiRo as workflowsUiRo, } from "./i18n/index.js";
+export { createWorkflowSchedulesApiClient, } from "./schedules-client.js";

package/dist/schedules-client.d.ts

@@ -0,0 +1,2 @@
+export { createWorkflowSchedulesApiClient, type ListWorkflowSchedulesResponse, type WorkflowScheduleDecl, type WorkflowScheduleSummary, type WorkflowSchedulesApi, type WorkflowSchedulesApiClientOptions, } from "@voyantjs/workflows-react/workflow-schedules-client";
+//# sourceMappingURL=schedules-client.d.ts.map

package/dist/schedules-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedules-client.d.ts","sourceRoot":"","sources":["../src/schedules-client.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gCAAgC,EAChC,KAAK,6BAA6B,EAClC,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,iCAAiC,GACvC,MAAM,qDAAqD,CAAA"}

package/dist/schedules-client.js

@@ -0,0 +1 @@
+export { createWorkflowSchedulesApiClient, } from "@voyantjs/workflows-react/workflow-schedules-client";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/workflows-ui",
-  "version": "0.66.0",
+  "version": "0.68.0",
   "description": "Importable React admin UI for Voyant workflow run observability.",
   "license": "Apache-2.0",
   "repository": {
@@ -46,14 +46,14 @@
     }
   },
   "dependencies": {
-    "@voyantjs/i18n": "0.66.0",
-    "@voyantjs/workflows-react": "0.66.0"
+    "@voyantjs/i18n": "0.68.0",
+    "@voyantjs/workflows-react": "0.68.0"
   },
   "peerDependencies": {
     "lucide-react": "^0.475.0 || ^1.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@voyantjs/ui": "0.66.0"
+    "@voyantjs/ui": "0.68.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",
@@ -63,9 +63,9 @@
     "react-dom": "^19.2.4",
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
-    "@voyantjs/i18n": "0.66.0",
-    "@voyantjs/ui": "0.66.0",
-    "@voyantjs/voyant-typescript-config": "0.1.0"
+    "@voyantjs/ui": "0.68.0",
+    "@voyantjs/voyant-typescript-config": "0.1.0",
+    "@voyantjs/i18n": "0.68.0"
   },
   "files": [
     "dist",

package/src/components/workflow-schedules-page.tsx

@@ -0,0 +1,368 @@
+"use client"
+
+import { Badge } from "@voyantjs/ui/components/badge"
+import { Button } from "@voyantjs/ui/components/button"
+import { Card, CardContent } from "@voyantjs/ui/components/card"
+import { AlertTriangle, CalendarClock, RefreshCw } from "lucide-react"
+import { useCallback, useEffect, useMemo, useState } from "react"
+
+import { useWorkflowRunsUiMessagesOrDefault, type WorkflowRunsUiMessages } from "../i18n/index.js"
+import type {
+  ListWorkflowSchedulesResponse,
+  WorkflowScheduleDecl,
+  WorkflowScheduleSummary,
+  WorkflowSchedulesApi,
+} from "../schedules-client.js"
+import type { WorkflowRun, WorkflowRunStatus, WorkflowRunsApi } from "../types.js"
+import { formatRelative, StatusIcon } from "./common.js"
+
+type SchedulesMessages = WorkflowRunsUiMessages["schedules"]
+
+export interface WorkflowSchedulesPageProps {
+  /** Schedules API — backed by `/api/schedules/:env`. */
+  schedulesApi: WorkflowSchedulesApi
+  /** Optional runs API — when provided, the page joins each row with the most recent matching run. */
+  runsApi?: WorkflowRunsApi
+  /**
+   * Optional trigger callback. When provided, each row renders a
+   * "Trigger now" button that calls this with the workflow id + the
+   * schedule's recorded `input` payload (if any).
+   */
+  onTriggerNow?: (workflowId: string, input: unknown) => Promise<void>
+  /** Manifest environment to inspect. Defaults to "production". */
+  environment?: "production" | "preview" | "development"
+  /** Auto-refresh interval (ms). Defaults to 30s. Pass 0 to disable. */
+  pollIntervalMs?: number
+  className?: string
+}
+
+export function WorkflowSchedulesPage({
+  schedulesApi,
+  runsApi,
+  onTriggerNow,
+  environment = "production",
+  pollIntervalMs = 30_000,
+  className,
+}: WorkflowSchedulesPageProps) {
+  const rootMessages = useWorkflowRunsUiMessagesOrDefault()
+  const messages = rootMessages.schedules
+  const [response, setResponse] = useState<ListWorkflowSchedulesResponse | null>(null)
+  const [lastRuns, setLastRuns] = useState<Record<string, WorkflowRun | null>>({})
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+  const [triggering, setTriggering] = useState<Record<string, boolean>>({})
+  const [triggerNotice, setTriggerNotice] = useState<{
+    kind: "success" | "error"
+    text: string
+  } | null>(null)
+
+  const refresh = useCallback(async () => {
+    setLoading(true)
+    try {
+      const next = await schedulesApi.listSchedules(environment)
+      setResponse(next)
+      setError(null)
+      if (runsApi) {
+        const uniqueIds = Array.from(new Set(next.data.map((entry) => entry.workflowId)))
+        const results = await Promise.all(
+          uniqueIds.map(async (workflowId) => {
+            try {
+              const runs = await runsApi.listRuns({ workflowName: workflowId, limit: 1 })
+              return [workflowId, runs.data[0] ?? null] as const
+            } catch {
+              return [workflowId, null] as const
+            }
+          }),
+        )
+        setLastRuns(Object.fromEntries(results))
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : messages.loadError)
+    } finally {
+      setLoading(false)
+    }
+  }, [environment, messages.loadError, runsApi, schedulesApi])
+
+  useEffect(() => {
+    void refresh()
+    if (!pollIntervalMs) return
+    const interval = setInterval(() => void refresh(), pollIntervalMs)
+    return () => clearInterval(interval)
+  }, [pollIntervalMs, refresh])
+
+  const showEnvFlag = response?.schedulesEnabledByEnv !== undefined
+  const envFlagOn = response?.schedulesEnabledByEnv === true
+
+  const triggerRow = useCallback(
+    async (entry: WorkflowScheduleSummary) => {
+      if (!onTriggerNow) return
+      setTriggering((prev) => ({ ...prev, [entry.scheduleId]: true }))
+      setTriggerNotice(null)
+      try {
+        await onTriggerNow(entry.workflowId, entry.schedule.input)
+        setTriggerNotice({ kind: "success", text: messages.triggerSuccess })
+      } catch (err) {
+        setTriggerNotice({
+          kind: "error",
+          text: err instanceof Error ? err.message : messages.triggerFailed,
+        })
+      } finally {
+        setTriggering((prev) => ({ ...prev, [entry.scheduleId]: false }))
+      }
+    },
+    [messages.triggerFailed, messages.triggerSuccess, onTriggerNow],
+  )
+
+  const rows = useMemo(() => response?.data ?? [], [response])
+
+  return (
+    <div className={`flex min-h-screen flex-col bg-background ${className ?? ""}`}>
+      <header className="sticky top-0 z-10 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+        <div className="container mx-auto flex flex-wrap items-center gap-3 px-4 py-3">
+          <CalendarClock className="h-5 w-5" />
+          <div className="min-w-0">
+            <h1 className="font-semibold text-base">{messages.title}</h1>
+            <p className="text-muted-foreground text-xs">{messages.subtitle}</p>
+          </div>
+          <div className="ml-auto flex items-center gap-2 text-muted-foreground text-xs">
+            <span>
+              {messages.environmentLabel}: <span className="font-mono">{environment}</span>
+            </span>
+            {response?.versionId ? (
+              <span>
+                {messages.versionLabel}:{" "}
+                <span className="font-mono">{response.versionId.slice(0, 12)}</span>
+              </span>
+            ) : null}
+            <Button
+              type="button"
+              variant="outline"
+              size="sm"
+              onClick={() => void refresh()}
+              disabled={loading}
+            >
+              <RefreshCw
+                className={`h-3.5 w-3.5 ${loading ? "animate-spin" : ""}`}
+                aria-hidden="true"
+              />
+              {messages.refresh}
+            </Button>
+          </div>
+        </div>
+      </header>
+
+      <main className="container mx-auto flex flex-1 flex-col gap-4 px-4 py-6">
+        {showEnvFlag && !envFlagOn ? (
+          <Card className="border-amber-500/40 bg-amber-500/5">
+            <CardContent className="flex items-center gap-2 pt-4 text-amber-700 text-sm dark:text-amber-300">
+              <AlertTriangle className="h-4 w-4" aria-hidden="true" />
+              {messages.envFlagOff}
+            </CardContent>
+          </Card>
+        ) : null}
+
+        {triggerNotice ? (
+          <Card
+            className={
+              triggerNotice.kind === "success"
+                ? "border-emerald-500/40 bg-emerald-500/5"
+                : "border-destructive/40 bg-destructive/5"
+            }
+          >
+            <CardContent
+              className={`pt-4 text-sm ${
+                triggerNotice.kind === "success"
+                  ? "text-emerald-600 dark:text-emerald-300"
+                  : "text-destructive"
+              }`}
+            >
+              {triggerNotice.text}
+            </CardContent>
+          </Card>
+        ) : null}
+
+        {error ? (
+          <Card className="border-destructive/40">
+            <CardContent className="pt-4 text-destructive text-sm">{error}</CardContent>
+          </Card>
+        ) : null}
+
+        {!error && rows.length === 0 && !loading ? (
+          <Card>
+            <CardContent className="pt-4 text-muted-foreground text-sm">
+              {messages.empty}
+            </CardContent>
+          </Card>
+        ) : null}
+
+        {rows.length > 0 ? (
+          <div className="overflow-hidden rounded-md border">
+            <table className="w-full text-sm">
+              <thead className="bg-muted/40 text-left text-xs uppercase">
+                <tr>
+                  <th className="px-3 py-2 font-medium">{messages.workflowColumn}</th>
+                  <th className="px-3 py-2 font-medium">{messages.scheduleColumn}</th>
+                  <th className="px-3 py-2 font-medium">{messages.nextRunColumn}</th>
+                  <th className="px-3 py-2 font-medium">{messages.lastRunColumn}</th>
+                  <th className="px-3 py-2 font-medium">{messages.statusColumn}</th>
+                  {onTriggerNow ? (
+                    <th className="px-3 py-2 font-medium">{messages.actionsColumn}</th>
+                  ) : null}
+                </tr>
+              </thead>
+              <tbody>
+                {rows.map((row) => (
+                  <ScheduleRow
+                    key={row.scheduleId}
+                    row={row}
+                    lastRun={lastRuns[row.workflowId] ?? null}
+                    triggering={!!triggering[row.scheduleId]}
+                    onTriggerNow={onTriggerNow ? () => void triggerRow(row) : undefined}
+                    envFlagDisabled={showEnvFlag && !envFlagOn}
+                    rootMessages={rootMessages}
+                  />
+                ))}
+              </tbody>
+            </table>
+          </div>
+        ) : null}
+      </main>
+    </div>
+  )
+}
+
+function ScheduleRow({
+  row,
+  lastRun,
+  triggering,
+  onTriggerNow,
+  envFlagDisabled,
+  rootMessages,
+}: {
+  row: WorkflowScheduleSummary
+  lastRun: WorkflowRun | null
+  triggering: boolean
+  onTriggerNow?: () => void
+  envFlagDisabled: boolean
+  rootMessages: WorkflowRunsUiMessages
+}) {
+  const messages = rootMessages.schedules
+
+  return (
+    <tr className="border-t">
+      <td className="px-3 py-2 font-mono text-xs">{row.workflowId}</td>
+      <td className="px-3 py-2 font-mono text-xs">{formatScheduleDecl(row.schedule, messages)}</td>
+      <td className="px-3 py-2 text-xs text-muted-foreground">
+        {formatNextRun(row, messages, rootMessages)}
+      </td>
+      <td className="px-3 py-2 text-xs">{formatLastRun(lastRun, messages, rootMessages)}</td>
+      <td className="px-3 py-2">
+        <StatusPill row={row} envFlagDisabled={envFlagDisabled} messages={messages} />
+      </td>
+      {onTriggerNow ? (
+        <td className="px-3 py-2">
+          <Button
+            type="button"
+            size="sm"
+            variant="outline"
+            onClick={onTriggerNow}
+            disabled={triggering}
+          >
+            {triggering ? messages.triggering : messages.triggerNow}
+          </Button>
+        </td>
+      ) : null}
+    </tr>
+  )
+}
+
+function StatusPill({
+  row,
+  envFlagDisabled,
+  messages,
+}: {
+  row: WorkflowScheduleSummary
+  envFlagDisabled: boolean
+  messages: SchedulesMessages
+}) {
+  if (envFlagDisabled) {
+    return (
+      <Badge variant="outline" className="border-muted-foreground/30 text-muted-foreground">
+        {messages.disabledByEnvFlag}
+      </Badge>
+    )
+  }
+  if (row.disabledReason === "registration_disabled") {
+    return (
+      <Badge variant="outline" className="border-muted-foreground/30 text-muted-foreground">
+        {messages.disabledByRegistration}
+      </Badge>
+    )
+  }
+  if (row.disabledReason === "env_filtered") {
+    return (
+      <Badge variant="outline" className="border-muted-foreground/30 text-muted-foreground">
+        {messages.disabledByEnvironment}
+      </Badge>
+    )
+  }
+  return (
+    <Badge
+      variant="outline"
+      className="border-emerald-500/40 bg-emerald-500/10 text-emerald-600 dark:text-emerald-300"
+    >
+      {messages.enabled}
+    </Badge>
+  )
+}
+
+function formatScheduleDecl(decl: WorkflowScheduleDecl, messages: SchedulesMessages): string {
+  if (decl.cron) return messages.cron(decl.cron, decl.timezone ?? "UTC")
+  if (decl.every !== undefined) return messages.every(String(decl.every))
+  if (decl.at) return messages.at(decl.at)
+  return messages.eventDriven
+}
+
+function formatNextRun(
+  row: WorkflowScheduleSummary,
+  messages: SchedulesMessages,
+  rootMessages: WorkflowRunsUiMessages,
+): string {
+  if (!row.enabled || row.nextRunAt === null) return messages.notScheduled
+  const delta = row.nextRunAt - Date.now()
+  const relative = formatRelative(new Date(row.nextRunAt).toISOString(), rootMessages)
+  return delta >= 0 ? messages.inFuture(relative) : messages.inPast(relative)
+}
+
+function formatLastRun(
+  lastRun: WorkflowRun | null,
+  messages: SchedulesMessages,
+  rootMessages: WorkflowRunsUiMessages,
+) {
+  if (!lastRun) return <span className="text-muted-foreground">{messages.lastRunNone}</span>
+  const relative = formatRelative(lastRun.startedAt, rootMessages)
+  const label = lastRunLabel(lastRun.status, relative, messages)
+  return (
+    <span className="inline-flex items-center gap-1.5">
+      <StatusIcon status={lastRun.status} />
+      {label}
+    </span>
+  )
+}
+
+function lastRunLabel(
+  status: WorkflowRunStatus,
+  relative: string,
+  messages: SchedulesMessages,
+): string {
+  switch (status) {
+    case "succeeded":
+      return messages.lastRunSucceeded(relative)
+    case "failed":
+      return messages.lastRunFailed(relative)
+    case "running":
+      return messages.lastRunRunning
+    case "cancelled":
+      return messages.lastRunCancelled(relative)
+  }
+}