@shepai/cli 1.135.2-pr439.e1871c8 → 1.135.2-pr441.6804dc0

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 })] }));
+}

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WorkflowsPageClient } from './workflows-page-client.js';
+declare const meta: Meta<typeof WorkflowsPageClient>;
+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;
+//# sourceMappingURL=workflows-page-client.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflows-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/workflows/workflows-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AA6C9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAO1C,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"}

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

@@ -0,0 +1,70 @@
+import { WorkflowsPageClient } from './workflows-page-client.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,
+    },
+];
+const meta = {
+    title: 'Features/Workflows/WorkflowsPageClient',
+    component: WorkflowsPageClient,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+};
+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 })),
+    },
+};

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAG/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAEhC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,GACf,EAAE,eAAe,2CAgHjB"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAG/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAEhC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EAEZ,cAAc,GACf,EAAE,eAAe,2CAsHjB"}

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation';
-import { Home, Wrench, Puzzle, Settings } from 'lucide-react';
+import { Home, Wrench, Puzzle, CalendarClock, Settings } from 'lucide-react';
 import { Sidebar, SidebarHeader, SidebarContent, SidebarMenu, SidebarMenuItem, SidebarRail, useSidebar, } from '../../ui/sidebar.js';
 import { ScrollArea } from '../../ui/scroll-area.js';
 import { SidebarNavItem } from '../../common/sidebar-nav-item/index.js';
@@ -29,7 +29,7 @@ export function AppSidebar({ features, featureFlags, onFeatureClick, }) {
                                             'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
                                             'transition-opacity duration-200 ease-out',
                                             expandedVisible ? 'opacity-100' : 'opacity-0',
-                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: "Settings", href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
+                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: CalendarClock, label: "Workflows", href: "/workflows", active: pathname === '/workflows' }), _jsx(SidebarNavItem, { icon: Settings, label: "Settings", href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
                         'min-w-0 overflow-hidden transition-opacity duration-200 ease-out',
                         '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
                         expandedVisible ? 'opacity-100' : 'opacity-0',