@shepai/cli 1.136.0-pr440.bb6800a → 1.136.0-pr441.5eaafd1

package/dist/src/presentation/web/components/features/settings/settings-page-client.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useTransition, useRef, useEffect, useCallback } from 'react';
 import { Check, Bot, Terminal, GitBranch, Activity, Bell, Flag, Database, Minus, Plus, ExternalLink, Settings2, Timer, } from 'lucide-react';
 import { toast } from 'sonner';
@@ -122,6 +122,7 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
         githubImport: false,
         adoptBranch: false,
         reactFileManager: false,
+        scheduledWorkflows: false,
     };
     // Agent state
     const [agentType, setAgentType] = useState(settings.agent.type);
@@ -472,7 +473,19 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
                                             const newEvents = { ...events, mergeReviewReady: v };
                                             setEvents(newEvents);
                                             save(buildNotificationPayload({ events: newEvents }));
-                                        } })] }), _jsx(SectionHint, { links: [
+                                        } }), flags.scheduledWorkflows ? (_jsxs(_Fragment, { children: [_jsx(SubsectionLabel, { children: "Scheduled Workflow Events" }), _jsx(SwitchRow, { label: "Workflow started", id: "notif-event-workflowStarted", testId: "switch-event-workflowStarted", checked: events.workflowStarted, onChange: (v) => {
+                                                    const newEvents = { ...events, workflowStarted: v };
+                                                    setEvents(newEvents);
+                                                    save(buildNotificationPayload({ events: newEvents }));
+                                                } }), _jsx(SwitchRow, { label: "Workflow completed", id: "notif-event-workflowCompleted", testId: "switch-event-workflowCompleted", checked: events.workflowCompleted, onChange: (v) => {
+                                                    const newEvents = { ...events, workflowCompleted: v };
+                                                    setEvents(newEvents);
+                                                    save(buildNotificationPayload({ events: newEvents }));
+                                                } }), _jsx(SwitchRow, { label: "Workflow failed", id: "notif-event-workflowFailed", testId: "switch-event-workflowFailed", checked: events.workflowFailed, onChange: (v) => {
+                                                    const newEvents = { ...events, workflowFailed: v };
+                                                    setEvents(newEvents);
+                                                    save(buildNotificationPayload({ events: newEvents }));
+                                                } })] })) : null] }), _jsx(SectionHint, { links: [
                                     {
                                         label: 'Notification system',
                                         href: 'https://github.com/shep-ai/cli/blob/main/specs/021-agent-notifications/spec.yaml',
@@ -501,6 +514,10 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
                                             const newFlags = { ...flags, reactFileManager: v };
                                             setFlags(newFlags);
                                             save({ featureFlags: newFlags });
+                                        } }), _jsx(SwitchRow, { label: "Scheduled Workflows", description: "Enable scheduled workflows \u2014 create, schedule, and execute automated workflows on a cron schedule", id: "flag-scheduledWorkflows", testId: "switch-flag-scheduledWorkflows", checked: flags.scheduledWorkflows, onChange: (v) => {
+                                            const newFlags = { ...flags, scheduledWorkflows: v };
+                                            setFlags(newFlags);
+                                            save({ featureFlags: newFlags });
                                         } })] }), _jsx(SectionHint, { children: "Experimental features that are still under development. Enable at your own risk \u2014 they may change or be removed in future versions. Debug mode adds verbose logging useful for troubleshooting." })] }), _jsxs("div", { id: "section-database", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: Database, title: "Database", description: "Local storage information", testId: "database-settings-section", children: [_jsx(SettingsRow, { label: "Location", description: "Path to the local SQLite database", children: _jsx("span", { className: "text-muted-foreground max-w-50 truncate font-mono text-xs", "data-testid": "shep-home-path", children: shepHome }) }), _jsx(SettingsRow, { label: "Size", children: _jsx("span", { className: "text-muted-foreground text-xs", "data-testid": "db-file-size", children: dbFileSize }) })] }), _jsx(SectionHint, { links: [
                                     {
                                         label: 'Settings service',

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;CAOiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC"}
+{"version":3,"file":"settings-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;CAOiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC"}

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.js

@@ -33,6 +33,7 @@ export const AllSections = {
                 githubImport: false,
                 adoptBranch: false,
                 reactFileManager: false,
+                scheduledWorkflows: false,
             },
         },
         shepHome: '/opt/shep',

package/dist/src/presentation/web/components/features/workflows/workflow-execution-history.d.ts

@@ -0,0 +1,7 @@
+import { type WorkflowExecution } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface WorkflowExecutionHistoryProps {
+    workflowId: string;
+    executions?: WorkflowExecution[];
+}
+export declare function WorkflowExecutionHistory({ workflowId, executions: initialExecutions, }: WorkflowExecutionHistoryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=workflow-execution-history.d.ts.map

package/dist/src/presentation/web/components/features/workflows/workflow-execution-history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-execution-history.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/workflows/workflow-execution-history.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,iBAAiB,EACvB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,6BAA6B;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAClC;AAsDD,wBAAgB,wBAAwB,CAAC,EACvC,UAAU,EACV,UAAU,EAAE,iBAAiB,GAC9B,EAAE,6BAA6B,2CA8E/B"}

package/dist/src/presentation/web/components/features/workflows/workflow-execution-history.js

@@ -0,0 +1,84 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useTransition } from 'react';
+import { Clock, AlertCircle, CheckCircle2, Loader2, XCircle, Timer } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+import { Badge } from '../../ui/badge.js';
+import { getWorkflowHistory } from '../../../app/actions/get-workflow-history.js';
+import { WorkflowExecutionStatus, WorkflowTriggerType, } from '../../../../../../packages/core/src/domain/generated/output.js';
+const STATUS_CONFIG = {
+    [WorkflowExecutionStatus.Completed]: {
+        label: 'Completed',
+        icon: CheckCircle2,
+        className: 'text-emerald-600 dark:text-emerald-400',
+    },
+    [WorkflowExecutionStatus.Failed]: {
+        label: 'Failed',
+        icon: XCircle,
+        className: 'text-red-600 dark:text-red-400',
+    },
+    [WorkflowExecutionStatus.Running]: {
+        label: 'Running',
+        icon: Loader2,
+        className: 'text-blue-600 dark:text-blue-400',
+    },
+    [WorkflowExecutionStatus.Queued]: {
+        label: 'Queued',
+        icon: Clock,
+        className: 'text-amber-600 dark:text-amber-400',
+    },
+    [WorkflowExecutionStatus.Cancelled]: {
+        label: 'Cancelled',
+        icon: AlertCircle,
+        className: 'text-muted-foreground',
+    },
+};
+function formatDuration(ms) {
+    if (ms == null)
+        return '-';
+    if (ms < 1000)
+        return `${ms}ms`;
+    const seconds = Math.floor(ms / 1000);
+    if (seconds < 60)
+        return `${seconds}s`;
+    const minutes = Math.floor(seconds / 60);
+    const remainingSeconds = seconds % 60;
+    return `${minutes}m ${remainingSeconds}s`;
+}
+function formatTime(date) {
+    if (date == null)
+        return '-';
+    const d = date instanceof Date ? date : new Date(date);
+    return d.toLocaleString(undefined, {
+        month: 'short',
+        day: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit',
+    });
+}
+export function WorkflowExecutionHistory({ workflowId, executions: initialExecutions, }) {
+    const [executions, setExecutions] = useState(initialExecutions ?? []);
+    const [isPending, startTransition] = useTransition();
+    useEffect(() => {
+        if (initialExecutions)
+            return;
+        startTransition(async () => {
+            const result = await getWorkflowHistory(workflowId, 10);
+            if (result.executions) {
+                setExecutions(result.executions);
+            }
+        });
+    }, [workflowId, initialExecutions]);
+    if (isPending && executions.length === 0) {
+        return (_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 py-4 text-xs", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), "Loading history..."] }));
+    }
+    if (executions.length === 0) {
+        return (_jsx("div", { className: "text-muted-foreground py-4 text-center text-xs", children: "No execution history yet" }));
+    }
+    return (_jsx("div", { "data-testid": "workflow-execution-history", className: "space-y-1", children: executions.map((execution) => {
+            const statusConfig = STATUS_CONFIG[execution.status] ?? STATUS_CONFIG[WorkflowExecutionStatus.Queued];
+            const StatusIcon = statusConfig.icon;
+            const isRunning = execution.status === WorkflowExecutionStatus.Running;
+            return (_jsxs("div", { "data-testid": "workflow-execution-row", className: "flex items-center gap-3 rounded-md border px-3 py-2", children: [_jsx(StatusIcon, { className: cn('h-3.5 w-3.5 shrink-0', statusConfig.className, isRunning && 'animate-spin') }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [_jsx("span", { className: cn('text-xs font-medium', statusConfig.className), children: statusConfig.label }), _jsx(Badge, { variant: "outline", className: "text-[10px]", children: execution.triggerType === WorkflowTriggerType.Manual ? 'Manual' : 'Scheduled' }), _jsxs("span", { className: "text-muted-foreground flex items-center gap-1 text-[10px]", children: [_jsx(Timer, { className: "h-2.5 w-2.5" }), formatDuration(execution.durationMs)] }), execution.errorMessage ? (_jsx("span", { className: "min-w-0 truncate text-[10px] text-red-600 dark:text-red-400", title: execution.errorMessage, children: execution.errorMessage })) : null] }), _jsx("span", { className: "text-muted-foreground shrink-0 text-[10px]", children: formatTime(execution.startedAt) })] }, execution.id));
+        }) }));
+}

package/dist/src/presentation/web/components/features/workflows/workflow-execution-history.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WorkflowExecutionHistory } from './workflow-execution-history.js';
+declare const meta: Meta<typeof WorkflowExecutionHistory>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AllCompleted: Story;
+export declare const AllFailed: Story;
+export declare const Empty: Story;
+export declare const SingleRunning: Story;
+//# sourceMappingURL=workflow-execution-history.stories.d.ts.map

package/dist/src/presentation/web/components/features/workflows/workflow-execution-history.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-execution-history.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/workflows/workflow-execution-history.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AA+DxE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,wBAAwB,CAc/C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}

package/dist/src/presentation/web/components/features/workflows/workflow-execution-history.stories.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WorkflowExecutionHistory } from './workflow-execution-history.js';
+import { WorkflowExecutionStatus, WorkflowTriggerType, } from '../../../../../../packages/core/src/domain/generated/output.js';
+function createExecution(overrides) {
+    const now = new Date();
+    return {
+        workflowId: 'wf-001',
+        triggerType: WorkflowTriggerType.Manual,
+        status: WorkflowExecutionStatus.Completed,
+        startedAt: new Date(now.getTime() - 3_600_000),
+        createdAt: new Date(now.getTime() - 3_600_000),
+        updatedAt: now,
+        ...overrides,
+    };
+}
+const mockExecutions = [
+    createExecution({
+        id: 'exec-1',
+        status: WorkflowExecutionStatus.Completed,
+        triggerType: WorkflowTriggerType.Scheduled,
+        startedAt: new Date(Date.now() - 1_800_000),
+        completedAt: new Date(Date.now() - 1_740_000),
+        durationMs: 60_000,
+        outputSummary: 'Closed 3 resolved issues',
+    }),
+    createExecution({
+        id: 'exec-2',
+        status: WorkflowExecutionStatus.Failed,
+        triggerType: WorkflowTriggerType.Manual,
+        startedAt: new Date(Date.now() - 7_200_000),
+        completedAt: new Date(Date.now() - 7_170_000),
+        durationMs: 30_000,
+        errorMessage: 'GitHub API rate limit exceeded',
+    }),
+    createExecution({
+        id: 'exec-3',
+        status: WorkflowExecutionStatus.Running,
+        triggerType: WorkflowTriggerType.Scheduled,
+        startedAt: new Date(Date.now() - 120_000),
+    }),
+    createExecution({
+        id: 'exec-4',
+        status: WorkflowExecutionStatus.Queued,
+        triggerType: WorkflowTriggerType.Manual,
+        startedAt: new Date(Date.now() - 30_000),
+    }),
+    createExecution({
+        id: 'exec-5',
+        status: WorkflowExecutionStatus.Cancelled,
+        triggerType: WorkflowTriggerType.Scheduled,
+        startedAt: new Date(Date.now() - 86_400_000),
+        completedAt: new Date(Date.now() - 86_390_000),
+        durationMs: 10_000,
+    }),
+];
+const meta = {
+    title: 'Features/Workflows/WorkflowExecutionHistory',
+    component: WorkflowExecutionHistory,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx("div", { className: "max-w-2xl", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        workflowId: 'wf-001',
+        executions: mockExecutions,
+    },
+};
+export const AllCompleted = {
+    args: {
+        workflowId: 'wf-001',
+        executions: mockExecutions
+            .slice(0, 3)
+            .map((e) => ({ ...e, status: WorkflowExecutionStatus.Completed, durationMs: 45_000 })),
+    },
+};
+export const AllFailed = {
+    args: {
+        workflowId: 'wf-001',
+        executions: mockExecutions.slice(0, 3).map((e) => ({
+            ...e,
+            status: WorkflowExecutionStatus.Failed,
+            errorMessage: 'Connection timeout',
+            durationMs: 5_000,
+        })),
+    },
+};
+export const Empty = {
+    args: {
+        workflowId: 'wf-001',
+        executions: [],
+    },
+};
+export const SingleRunning = {
+    args: {
+        workflowId: 'wf-001',
+        executions: [mockExecutions[2]],
+    },
+};

package/dist/src/presentation/web/components/features/workflows/workflow-list-item.d.ts

@@ -0,0 +1,8 @@
+import type { ScheduledWorkflow } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface WorkflowListItemProps {
+    workflow: ScheduledWorkflow;
+    onToggle?: (id: string, enabled: boolean) => void;
+    onTrigger?: (id: string) => void;
+}
+export declare function WorkflowListItem({ workflow, onToggle, onTrigger }: WorkflowListItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=workflow-list-item.d.ts.map

package/dist/src/presentation/web/components/features/workflows/workflow-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-list-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/workflows/workflow-list-item.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAuBD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAiGxF"}

package/dist/src/presentation/web/components/features/workflows/workflow-list-item.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition } from 'react';
+import { Play, ChevronDown, ChevronRight, Clock, Calendar } from 'lucide-react';
+import { toast } from 'sonner';
+import { cn } from '../../../lib/utils.js';
+import { Button } from '../../ui/button.js';
+import { Badge } from '../../ui/badge.js';
+import { Switch } from '../../ui/switch.js';
+import { toggleWorkflow } from '../../../app/actions/toggle-workflow.js';
+import { triggerWorkflow } from '../../../app/actions/trigger-workflow.js';
+import { WorkflowExecutionHistory } from './workflow-execution-history.js';
+function formatRelativeTime(date) {
+    if (date == null)
+        return 'Never';
+    const d = date instanceof Date ? date : new Date(date);
+    const now = new Date();
+    const diffMs = now.getTime() - d.getTime();
+    if (diffMs < 0) {
+        // Future date
+        const absDiff = Math.abs(diffMs);
+        if (absDiff < 60_000)
+            return 'in <1m';
+        if (absDiff < 3_600_000)
+            return `in ${Math.floor(absDiff / 60_000)}m`;
+        if (absDiff < 86_400_000)
+            return `in ${Math.floor(absDiff / 3_600_000)}h`;
+        return `in ${Math.floor(absDiff / 86_400_000)}d`;
+    }
+    if (diffMs < 60_000)
+        return '<1m ago';
+    if (diffMs < 3_600_000)
+        return `${Math.floor(diffMs / 60_000)}m ago`;
+    if (diffMs < 86_400_000)
+        return `${Math.floor(diffMs / 3_600_000)}h ago`;
+    return `${Math.floor(diffMs / 86_400_000)}d ago`;
+}
+export function WorkflowListItem({ workflow, onToggle, onTrigger }) {
+    const [expanded, setExpanded] = useState(false);
+    const [enabled, setEnabled] = useState(workflow.enabled);
+    const [isToggling, startToggleTransition] = useTransition();
+    const [isTriggering, startTriggerTransition] = useTransition();
+    function handleToggle(value) {
+        setEnabled(value);
+        startToggleTransition(async () => {
+            const result = await toggleWorkflow(workflow.id, value);
+            if (!result.success) {
+                setEnabled(!value);
+                toast.error(result.error ?? 'Failed to toggle workflow');
+            }
+            onToggle?.(workflow.id, value);
+        });
+    }
+    function handleTrigger(e) {
+        e.stopPropagation();
+        startTriggerTransition(async () => {
+            const result = await triggerWorkflow(workflow.id);
+            if (result.success) {
+                toast.success(`Workflow "${workflow.name}" triggered`);
+            }
+            else {
+                toast.error(result.error ?? 'Failed to trigger workflow');
+            }
+            onTrigger?.(workflow.id);
+        });
+    }
+    return (_jsxs("div", { "data-testid": "workflow-list-item", className: "rounded-lg border", children: [_jsxs("div", { className: "flex cursor-pointer items-center gap-3 px-4 py-3", onClick: () => setExpanded(!expanded), children: [expanded ? (_jsx(ChevronDown, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" })) : (_jsx(ChevronRight, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" })), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [_jsx("span", { "data-testid": "workflow-name", className: "truncate text-sm font-medium", children: workflow.name }), workflow.cronExpression ? (_jsxs(Badge, { variant: "outline", className: "shrink-0 text-[10px]", children: [_jsx(Calendar, { className: "mr-1 h-2.5 w-2.5" }), workflow.cronExpression] })) : null, workflow.description ? (_jsx("span", { className: "text-muted-foreground hidden truncate text-xs lg:inline", children: workflow.description })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [_jsxs("span", { className: "text-muted-foreground hidden items-center gap-1 text-[10px] sm:flex", children: [_jsx(Clock, { className: "h-2.5 w-2.5" }), formatRelativeTime(workflow.lastRunAt)] }), _jsx(Switch, { "data-testid": "workflow-toggle", checked: enabled, onCheckedChange: handleToggle, disabled: isToggling, onClick: (e) => e.stopPropagation(), className: cn('cursor-pointer', isToggling && 'opacity-50') }), _jsxs(Button, { size: "sm", variant: "outline", onClick: handleTrigger, disabled: isTriggering, "data-testid": "workflow-trigger-button", "aria-label": `Run ${workflow.name}`, className: "h-7 cursor-pointer px-2.5 text-xs", children: [_jsx(Play, { className: "mr-1 h-3 w-3" }), "Run"] })] })] }), expanded ? (_jsx("div", { className: "border-t px-4 py-3", children: _jsx(WorkflowExecutionHistory, { workflowId: workflow.id }) })) : null] }));
+}

package/dist/src/presentation/web/components/features/workflows/workflow-list-item.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WorkflowListItem } from './workflow-list-item.js';
+declare const meta: Meta<typeof WorkflowListItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const EnabledScheduled: Story;
+export declare const Disabled: Story;
+export declare const ManualOnly: Story;
+export declare const NeverRun: Story;
+export declare const AllStates: Story;
+//# sourceMappingURL=workflow-list-item.stories.d.ts.map

package/dist/src/presentation/web/components/features/workflows/workflow-list-item.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-list-item.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/workflows/workflow-list-item.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAyDxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAcvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC"}

package/dist/src/presentation/web/components/features/workflows/workflow-list-item.stories.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { WorkflowListItem } from './workflow-list-item.js';
+const now = new Date();
+const enabledScheduledWorkflow = {
+    id: 'wf-001',
+    name: 'issue-triage',
+    description: 'Scan open GitHub issues and close resolved ones with evidence',
+    prompt: 'Scan all open issues...',
+    cronExpression: '0 9 * * MON',
+    timezone: 'America/New_York',
+    enabled: true,
+    lastRunAt: new Date(now.getTime() - 3_600_000),
+    nextRunAt: new Date(now.getTime() + 86_400_000),
+    repositoryPath: '/Users/dev/my-project',
+    createdAt: new Date(now.getTime() - 604_800_000),
+    updatedAt: now,
+};
+const disabledWorkflow = {
+    id: 'wf-002',
+    name: 'branch-rebase',
+    description: 'Rebase all tracked feature branches on main',
+    prompt: 'Rebase all feature branches...',
+    cronExpression: '0 2 * * *',
+    timezone: 'UTC',
+    enabled: false,
+    lastRunAt: new Date(now.getTime() - 172_800_000),
+    repositoryPath: '/Users/dev/my-project',
+    createdAt: new Date(now.getTime() - 1_209_600_000),
+    updatedAt: new Date(now.getTime() - 172_800_000),
+};
+const manualOnlyWorkflow = {
+    id: 'wf-003',
+    name: 'deploy-staging',
+    description: 'Deploy current branch to staging environment',
+    prompt: 'Deploy the current branch to staging...',
+    enabled: true,
+    repositoryPath: '/Users/dev/my-project',
+    createdAt: new Date(now.getTime() - 86_400_000),
+    updatedAt: now,
+};
+const neverRunWorkflow = {
+    id: 'wf-004',
+    name: 'dependency-audit',
+    description: 'Check for outdated or vulnerable dependencies',
+    prompt: 'Audit all dependencies...',
+    cronExpression: '0 0 * * SUN',
+    enabled: true,
+    repositoryPath: '/Users/dev/my-project',
+    createdAt: now,
+    updatedAt: now,
+};
+const meta = {
+    title: 'Features/Workflows/WorkflowListItem',
+    component: WorkflowListItem,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx("div", { className: "max-w-3xl", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const EnabledScheduled = {
+    args: {
+        workflow: enabledScheduledWorkflow,
+    },
+};
+export const Disabled = {
+    args: {
+        workflow: disabledWorkflow,
+    },
+};
+export const ManualOnly = {
+    args: {
+        workflow: manualOnlyWorkflow,
+    },
+};
+export const NeverRun = {
+    args: {
+        workflow: neverRunWorkflow,
+    },
+};
+export const AllStates = {
+    decorators: [
+        (Story) => (_jsx("div", { className: "max-w-3xl space-y-2", children: _jsx(Story, {}) })),
+    ],
+    render: () => (_jsxs(_Fragment, { children: [_jsx(WorkflowListItem, { workflow: enabledScheduledWorkflow }), _jsx(WorkflowListItem, { workflow: disabledWorkflow }), _jsx(WorkflowListItem, { workflow: manualOnlyWorkflow }), _jsx(WorkflowListItem, { workflow: neverRunWorkflow })] })),
+};

package/dist/src/presentation/web/components/features/workflows/workflow-list.d.ts

@@ -0,0 +1,8 @@
+import type { ScheduledWorkflow } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface WorkflowListProps {
+    workflows: ScheduledWorkflow[];
+    onToggle?: (id: string, enabled: boolean) => void;
+    onTrigger?: (id: string) => void;
+}
+export declare function WorkflowList({ workflows, onToggle, onTrigger }: WorkflowListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=workflow-list.d.ts.map

package/dist/src/presentation/web/components/features/workflows/workflow-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/workflows/workflow-list.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA4BjF"}

package/dist/src/presentation/web/components/features/workflows/workflow-list.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CalendarClock } from 'lucide-react';
+import { WorkflowListItem } from './workflow-list-item.js';
+export function WorkflowList({ workflows, onToggle, onTrigger }) {
+    if (workflows.length === 0) {
+        return (_jsxs("div", { "data-testid": "workflow-list-empty", className: "text-muted-foreground flex flex-col items-center justify-center py-12 text-center", children: [_jsx(CalendarClock, { className: "mb-2 h-6 w-6 opacity-20" }), _jsx("p", { className: "text-xs", children: "No workflows found." }), _jsxs("p", { className: "text-muted-foreground/60 mt-1 text-[10px]", children: ["Create one with ", _jsx("code", { className: "bg-muted rounded px-1", children: "shep workflow create" })] })] }));
+    }
+    return (_jsx("div", { "data-testid": "workflow-list", className: "space-y-2", children: workflows.map((workflow) => (_jsx(WorkflowListItem, { workflow: workflow, onToggle: onToggle, onTrigger: onTrigger }, workflow.id))) }));
+}

package/dist/src/presentation/web/components/features/workflows/workflow-list.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WorkflowList } from './workflow-list.js';
+declare const meta: Meta<typeof WorkflowList>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const SingleWorkflow: Story;
+export declare const AllDisabled: Story;
+export declare const AllEnabled: Story;
+//# sourceMappingURL=workflow-list.stories.d.ts.map

package/dist/src/presentation/web/components/features/workflows/workflow-list.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-list.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/workflows/workflow-list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAwD/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAcnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC"}

package/dist/src/presentation/web/components/features/workflows/workflow-list.stories.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WorkflowList } from './workflow-list.js';
+const now = new Date();
+const mockWorkflows = [
+    {
+        id: 'wf-001',
+        name: 'issue-triage',
+        description: 'Scan open GitHub issues and close resolved ones with evidence',
+        prompt: 'Scan all open issues...',
+        cronExpression: '0 9 * * MON',
+        timezone: 'America/New_York',
+        enabled: true,
+        lastRunAt: new Date(now.getTime() - 3_600_000),
+        nextRunAt: new Date(now.getTime() + 86_400_000),
+        repositoryPath: '/Users/dev/my-project',
+        createdAt: new Date(now.getTime() - 604_800_000),
+        updatedAt: now,
+    },
+    {
+        id: 'wf-002',
+        name: 'branch-rebase',
+        description: 'Rebase all tracked feature branches on main',
+        prompt: 'Rebase all feature branches...',
+        cronExpression: '0 2 * * *',
+        timezone: 'UTC',
+        enabled: false,
+        lastRunAt: new Date(now.getTime() - 172_800_000),
+        repositoryPath: '/Users/dev/my-project',
+        createdAt: new Date(now.getTime() - 1_209_600_000),
+        updatedAt: new Date(now.getTime() - 172_800_000),
+    },
+    {
+        id: 'wf-003',
+        name: 'deploy-staging',
+        description: 'Deploy current branch to staging environment',
+        prompt: 'Deploy the current branch to staging...',
+        enabled: true,
+        repositoryPath: '/Users/dev/my-project',
+        createdAt: new Date(now.getTime() - 86_400_000),
+        updatedAt: now,
+    },
+    {
+        id: 'wf-004',
+        name: 'dependency-audit',
+        description: 'Check for outdated or vulnerable dependencies',
+        prompt: 'Audit all dependencies...',
+        cronExpression: '0 0 * * SUN',
+        enabled: true,
+        repositoryPath: '/Users/dev/my-project',
+        createdAt: now,
+        updatedAt: now,
+    },
+];
+const meta = {
+    title: 'Features/Workflows/WorkflowList',
+    component: WorkflowList,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx("div", { className: "max-w-3xl", children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {
+        workflows: mockWorkflows,
+    },
+};
+export const Empty = {
+    args: {
+        workflows: [],
+    },
+};
+export const SingleWorkflow = {
+    args: {
+        workflows: [mockWorkflows[0]],
+    },
+};
+export const AllDisabled = {
+    args: {
+        workflows: mockWorkflows.map((w) => ({ ...w, enabled: false })),
+    },
+};
+export const AllEnabled = {
+    args: {
+        workflows: mockWorkflows.map((w) => ({ ...w, enabled: true })),
+    },
+};

package/dist/src/presentation/web/components/features/workflows/workflows-page-client.d.ts

@@ -0,0 +1,6 @@
+import type { ScheduledWorkflow } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface WorkflowsPageClientProps {
+    workflows: ScheduledWorkflow[];
+}
+export declare function WorkflowsPageClient({ workflows: initialWorkflows }: WorkflowsPageClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=workflows-page-client.d.ts.map

package/dist/src/presentation/web/components/features/workflows/workflows-page-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflows-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/workflows/workflows-page-client.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,iBAAiB,EAAE,CAAC;CAChC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,wBAAwB,2CAuB5F"}

package/dist/src/presentation/web/components/features/workflows/workflows-page-client.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { CalendarClock } from 'lucide-react';
+import { WorkflowList } from './workflow-list.js';
+export function WorkflowsPageClient({ workflows: initialWorkflows }) {
+    const [workflows, setWorkflows] = useState(initialWorkflows);
+    const handleToggle = useCallback((id, enabled) => {
+        setWorkflows((prev) => prev.map((w) => (w.id === id ? { ...w, enabled } : w)));
+    }, []);
+    const enabledCount = workflows.filter((w) => w.enabled).length;
+    const scheduledCount = workflows.filter((w) => w.cronExpression).length;
+    return (_jsxs("div", { "data-testid": "workflows-page-client", className: "max-w-4xl space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarClock, { className: "text-muted-foreground h-4 w-4" }), _jsx("h1", { className: "text-sm font-bold tracking-tight", children: "Scheduled Workflows" }), _jsxs("span", { className: "text-muted-foreground text-[10px]", children: [enabledCount, " enabled, ", scheduledCount, " scheduled"] })] }), _jsx(WorkflowList, { workflows: workflows, onToggle: handleToggle })] }));
+}