@shepai/cli 1.116.3 → 1.117.0-pr367.ca5b6ac

package/dist/src/presentation/web/components/features/webhooks/webhook-delivery-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-delivery-table.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/webhooks/webhook-delivery-table.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,qBAAqB,EAAyB,MAAM,SAAS,CAAC;AAE5E,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,qBAAqB,EAAE,CAAC;CACrC;AAcD,wBAAgB,oBAAoB,CAAC,EAAE,UAAU,EAAE,EAAE,yBAAyB,2CAsE7E"}

package/dist/src/presentation/web/components/features/webhooks/webhook-delivery-table.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { CheckCircle, XCircle, MinusCircle, ChevronDown, ChevronRight } from 'lucide-react';
+import { Card, CardContent, CardHeader, CardTitle } from '../../ui/card.js';
+import { Badge } from '../../ui/badge.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
+import { cn } from '../../../lib/utils.js';
+const STATUS_ICON = {
+    success: _jsx(CheckCircle, { className: "h-4 w-4 text-green-500" }),
+    error: _jsx(XCircle, { className: "h-4 w-4 text-red-500" }),
+    ignored: _jsx(MinusCircle, { className: "h-4 w-4 text-yellow-500" }),
+};
+const STATUS_LABEL = {
+    success: 'Success',
+    error: 'Error',
+    ignored: 'Ignored',
+};
+export function WebhookDeliveryTable({ deliveries }) {
+    const [statusFilter, setStatusFilter] = useState('all');
+    const [eventTypeFilter, setEventTypeFilter] = useState('all');
+    const [expandedId, setExpandedId] = useState(null);
+    const eventTypes = [...new Set(deliveries.map((d) => d.eventType))];
+    const filtered = deliveries.filter((d) => {
+        if (statusFilter !== 'all' && d.status !== statusFilter)
+            return false;
+        if (eventTypeFilter !== 'all' && d.eventType !== eventTypeFilter)
+            return false;
+        return true;
+    });
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(CardTitle, { className: "text-sm font-medium", children: ["Delivery History (", filtered.length, ")"] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [_jsx(SelectTrigger, { className: "h-8 w-[120px]", children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All Status" }), _jsx(SelectItem, { value: "success", children: "Success" }), _jsx(SelectItem, { value: "error", children: "Error" }), _jsx(SelectItem, { value: "ignored", children: "Ignored" })] })] }), _jsxs(Select, { value: eventTypeFilter, onValueChange: setEventTypeFilter, children: [_jsx(SelectTrigger, { className: "h-8 w-[150px]", children: _jsx(SelectValue, { placeholder: "Event Type" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All Events" }), eventTypes.map((type) => (_jsx(SelectItem, { value: type, children: type }, type)))] })] })] })] }) }), _jsx(CardContent, { children: filtered.length === 0 ? (_jsx("p", { className: "text-muted-foreground py-8 text-center text-sm", children: "No delivery records yet. Webhook events will appear here when received." })) : (_jsx("div", { className: "space-y-1", children: filtered.map((delivery) => (_jsx(DeliveryRow, { delivery: delivery, expanded: expandedId === delivery.deliveryId, onToggle: () => setExpandedId(expandedId === delivery.deliveryId ? null : delivery.deliveryId) }, delivery.deliveryId))) })) })] }));
+}
+function DeliveryRow({ delivery, expanded, onToggle, }) {
+    const time = new Date(delivery.receivedAt);
+    const timeStr = time.toLocaleTimeString();
+    const dateStr = time.toLocaleDateString();
+    return (_jsxs("div", { className: cn('rounded-lg border', expanded && 'bg-muted/50'), children: [_jsxs("button", { type: "button", className: "flex w-full items-center gap-3 px-3 py-2 text-left text-sm", onClick: onToggle, children: [expanded ? (_jsx(ChevronDown, { className: "h-4 w-4 shrink-0" })) : (_jsx(ChevronRight, { className: "h-4 w-4 shrink-0" })), STATUS_ICON[delivery.status], _jsx(Badge, { variant: "outline", className: "text-xs", children: delivery.eventType }), _jsx("span", { className: "text-muted-foreground min-w-0 flex-1 truncate text-xs", children: delivery.deliveryId }), _jsxs("span", { className: "text-muted-foreground shrink-0 text-xs", children: [delivery.durationMs, "ms"] }), _jsx("span", { className: "text-muted-foreground shrink-0 text-xs", children: timeStr })] }), expanded ? (_jsxs("div", { className: "border-t px-3 py-3", children: [_jsxs("div", { className: "mb-2 grid grid-cols-2 gap-2 text-xs", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Status:" }), ' ', _jsx(Badge, { variant: delivery.status === 'error' ? 'destructive' : 'secondary', className: "text-xs", children: STATUS_LABEL[delivery.status] })] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Date:" }), " ", dateStr, " ", timeStr] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Duration:" }), " ", delivery.durationMs, "ms"] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Source:" }), " ", delivery.source] })] }), _jsxs("div", { className: "mb-2", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: "Message:" }), _jsx("p", { className: "text-sm", children: delivery.statusMessage })] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground text-xs", children: "Payload:" }), _jsx("pre", { className: "bg-muted mt-1 max-h-60 overflow-auto rounded-md p-2 text-xs", children: JSON.stringify(delivery.payload, null, 2) })] })] })) : null] }));
+}

package/dist/src/presentation/web/components/features/webhooks/webhook-delivery-table.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WebhookDeliveryTable } from './webhook-delivery-table.js';
+declare const meta: Meta<typeof WebhookDeliveryTable>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithDeliveries: Story;
+export declare const Empty: Story;
+export declare const OnlyErrors: Story;
+//# sourceMappingURL=webhook-delivery-table.stories.d.ts.map

package/dist/src/presentation/web/components/features/webhooks/webhook-delivery-table.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-delivery-table.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/webhooks/webhook-delivery-table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAwDhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAK3C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}

package/dist/src/presentation/web/components/features/webhooks/webhook-delivery-table.stories.js

@@ -0,0 +1,69 @@
+import { WebhookDeliveryTable } from './webhook-delivery-table.js';
+const mockDeliveries = [
+    {
+        deliveryId: 'abc-123-def',
+        eventType: 'pull_request',
+        source: 'github',
+        receivedAt: new Date(Date.now() - 60000).toISOString(),
+        status: 'success',
+        statusMessage: 'Processed successfully',
+        durationMs: 12,
+        payload: {
+            action: 'closed',
+            pull_request: {
+                number: 42,
+                merged: true,
+                html_url: 'https://github.com/acme/web-app/pull/42',
+            },
+        },
+    },
+    {
+        deliveryId: 'abc-456-ghi',
+        eventType: 'check_suite',
+        source: 'github',
+        receivedAt: new Date(Date.now() - 120000).toISOString(),
+        status: 'success',
+        statusMessage: 'Processed successfully',
+        durationMs: 8,
+        payload: {
+            action: 'completed',
+            check_suite: { conclusion: 'success', head_branch: 'feat/login' },
+        },
+    },
+    {
+        deliveryId: 'abc-789-jkl',
+        eventType: 'check_run',
+        source: 'github',
+        receivedAt: new Date(Date.now() - 180000).toISOString(),
+        status: 'error',
+        statusMessage: 'Feature not found for branch refs/heads/unknown',
+        durationMs: 3,
+        payload: { action: 'completed', check_run: { conclusion: 'failure' } },
+    },
+    {
+        deliveryId: 'abc-012-mno',
+        eventType: 'ping',
+        source: 'github',
+        receivedAt: new Date(Date.now() - 240000).toISOString(),
+        status: 'ignored',
+        statusMessage: 'Unhandled event type: ping',
+        durationMs: 0,
+        payload: { zen: 'Keep it logically awesome.' },
+    },
+];
+const meta = {
+    title: 'Features/Webhooks/WebhookDeliveryTable',
+    component: WebhookDeliveryTable,
+    parameters: { layout: 'padded' },
+    tags: ['autodocs'],
+};
+export default meta;
+export const WithDeliveries = {
+    args: { deliveries: mockDeliveries },
+};
+export const Empty = {
+    args: { deliveries: [] },
+};
+export const OnlyErrors = {
+    args: { deliveries: mockDeliveries.filter((d) => d.status === 'error') },
+};

package/dist/src/presentation/web/components/features/webhooks/webhook-repo-list.d.ts

@@ -0,0 +1,7 @@
+import type { RegisteredWebhookInfo } from './types.js';
+export interface WebhookRepoListProps {
+    webhooks: readonly RegisteredWebhookInfo[];
+    tunnelUrl: string | null;
+}
+export declare function WebhookRepoList({ webhooks, tunnelUrl }: WebhookRepoListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=webhook-repo-list.d.ts.map

package/dist/src/presentation/web/components/features/webhooks/webhook-repo-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-repo-list.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/webhooks/webhook-repo-list.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC3C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA2D5E"}

package/dist/src/presentation/web/components/features/webhooks/webhook-repo-list.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GitBranch, ExternalLink } from 'lucide-react';
+import { Card, CardContent, CardHeader, CardTitle } from '../../ui/card.js';
+import { Badge } from '../../ui/badge.js';
+export function WebhookRepoList({ webhooks, tunnelUrl }) {
+    if (webhooks.length === 0) {
+        return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-sm font-medium", children: "Registered Repositories" }) }), _jsx(CardContent, { children: _jsx("p", { className: "text-muted-foreground text-sm", children: "No webhooks registered. Webhooks are automatically created for repositories with features in the Review lifecycle when cloudflared is available." }) })] }));
+    }
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "text-sm font-medium", children: ["Registered Repositories (", webhooks.length, ")"] }) }), _jsx(CardContent, { children: _jsx("div", { className: "space-y-3", children: webhooks.map((webhook) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border p-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(GitBranch, { className: "text-muted-foreground h-4 w-4" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: webhook.repoFullName }), _jsxs("p", { className: "text-muted-foreground text-xs", children: ["Webhook #", webhook.webhookId] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: "Active" }), tunnelUrl ? (_jsx("a", { href: `https://github.com/${webhook.repoFullName}/settings/hooks/${webhook.webhookId}`, target: "_blank", rel: "noopener noreferrer", className: "text-muted-foreground hover:text-foreground", children: _jsx(ExternalLink, { className: "h-3.5 w-3.5" }) })) : null] })] }, webhook.webhookId))) }) })] }));
+}

package/dist/src/presentation/web/components/features/webhooks/webhook-repo-list.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WebhookRepoList } from './webhook-repo-list.js';
+declare const meta: Meta<typeof WebhookRepoList>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithWebhooks: Story;
+export declare const Empty: Story;
+export declare const SingleRepo: Story;
+//# sourceMappingURL=webhook-repo-list.stories.d.ts.map

package/dist/src/presentation/web/components/features/webhooks/webhook-repo-list.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-repo-list.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/webhooks/webhook-repo-list.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAQtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAKtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC"}

package/dist/src/presentation/web/components/features/webhooks/webhook-repo-list.stories.js

@@ -0,0 +1,31 @@
+import { WebhookRepoList } from './webhook-repo-list.js';
+const mockWebhooks = [
+    { repoFullName: 'acme/web-app', webhookId: 12345, repositoryPath: '/home/user/web-app' },
+    { repoFullName: 'acme/api-service', webhookId: 12346, repositoryPath: '/home/user/api-service' },
+    { repoFullName: 'acme/shared-lib', webhookId: 12347, repositoryPath: '/home/user/shared-lib' },
+];
+const meta = {
+    title: 'Features/Webhooks/WebhookRepoList',
+    component: WebhookRepoList,
+    parameters: { layout: 'padded' },
+    tags: ['autodocs'],
+};
+export default meta;
+export const WithWebhooks = {
+    args: {
+        webhooks: mockWebhooks,
+        tunnelUrl: 'https://random-subdomain.trycloudflare.com',
+    },
+};
+export const Empty = {
+    args: {
+        webhooks: [],
+        tunnelUrl: null,
+    },
+};
+export const SingleRepo = {
+    args: {
+        webhooks: [mockWebhooks[0]],
+        tunnelUrl: 'https://random-subdomain.trycloudflare.com',
+    },
+};

package/dist/src/presentation/web/components/features/webhooks/webhook-status-cards.d.ts

@@ -0,0 +1,6 @@
+import type { WebhookSystemStatus } from './types.js';
+export interface WebhookStatusCardsProps {
+    status: WebhookSystemStatus;
+}
+export declare function WebhookStatusCards({ status }: WebhookStatusCardsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=webhook-status-cards.d.ts.map

package/dist/src/presentation/web/components/features/webhooks/webhook-status-cards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-status-cards.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/webhooks/webhook-status-cards.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE,uBAAuB,2CA2FrE"}

package/dist/src/presentation/web/components/features/webhooks/webhook-status-cards.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Activity, Globe, Webhook, CheckCircle, XCircle, MinusCircle } from 'lucide-react';
+import { Card, CardContent, CardHeader, CardTitle } from '../../ui/card.js';
+import { Badge } from '../../ui/badge.js';
+import { cn } from '../../../lib/utils.js';
+export function WebhookStatusCards({ status }) {
+    const uptime = status.startedAt ? formatUptime(new Date(status.startedAt)) : null;
+    return (_jsxs("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "System Status" }), _jsx(Activity, { className: "text-muted-foreground h-4 w-4" })] }), _jsxs(CardContent, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: cn('h-2 w-2 rounded-full', status.running ? 'bg-green-500' : 'bg-red-500') }), _jsx("span", { className: "text-2xl font-bold", children: status.running ? 'Active' : 'Inactive' })] }), uptime ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: ["Up for ", uptime] })) : (_jsx("p", { className: "text-muted-foreground text-xs", children: "Webhook system not started" }))] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Tunnel" }), _jsx(Globe, { className: "text-muted-foreground h-4 w-4" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx(Badge, { variant: status.tunnel.connected ? 'default' : 'destructive', children: status.tunnel.connected ? 'Connected' : 'Disconnected' }) }), status.tunnel.publicUrl ? (_jsx("p", { className: "text-muted-foreground mt-1 truncate text-xs", title: status.tunnel.publicUrl, children: status.tunnel.publicUrl })) : (_jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "No tunnel URL" }))] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Webhooks" }), _jsx(Webhook, { className: "text-muted-foreground h-4 w-4" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: status.webhooks.registered.length }), _jsxs("p", { className: "text-muted-foreground text-xs", children: [status.webhooks.registered.length === 1 ? 'repository' : 'repositories', " registered"] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium", children: "Deliveries" }), _jsx(CheckCircle, { className: "text-muted-foreground h-4 w-4" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: status.webhooks.totalDeliveries }), _jsxs("div", { className: "text-muted-foreground flex items-center gap-3 text-xs", children: [_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(CheckCircle, { className: "h-3 w-3 text-green-500" }), status.webhooks.successCount] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(XCircle, { className: "h-3 w-3 text-red-500" }), status.webhooks.errorCount] }), _jsxs("span", { className: "flex items-center gap-1", children: [_jsx(MinusCircle, { className: "h-3 w-3 text-yellow-500" }), status.webhooks.ignoredCount] })] })] })] })] }));
+}
+function formatUptime(startedAt) {
+    const ms = Date.now() - startedAt.getTime();
+    const seconds = Math.floor(ms / 1000);
+    const minutes = Math.floor(seconds / 60);
+    const hours = Math.floor(minutes / 60);
+    if (hours > 0)
+        return `${hours}h ${minutes % 60}m`;
+    if (minutes > 0)
+        return `${minutes}m ${seconds % 60}s`;
+    return `${seconds}s`;
+}

package/dist/src/presentation/web/components/features/webhooks/webhook-status-cards.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WebhookStatusCards } from './webhook-status-cards.js';
+declare const meta: Meta<typeof WebhookStatusCards>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Active: Story;
+export declare const Inactive: Story;
+export declare const TunnelDisconnected: Story;
+//# sourceMappingURL=webhook-status-cards.stories.d.ts.map

package/dist/src/presentation/web/components/features/webhooks/webhook-status-cards.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhook-status-cards.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/webhooks/webhook-status-cards.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAuC5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAKzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC"}

package/dist/src/presentation/web/components/features/webhooks/webhook-status-cards.stories.js

@@ -0,0 +1,56 @@
+import { WebhookStatusCards } from './webhook-status-cards.js';
+const activeStatus = {
+    running: true,
+    tunnel: {
+        connected: true,
+        publicUrl: 'https://random-subdomain.trycloudflare.com',
+    },
+    webhooks: {
+        registered: [
+            { repoFullName: 'acme/web-app', webhookId: 12345, repositoryPath: '/home/user/web-app' },
+            {
+                repoFullName: 'acme/api-service',
+                webhookId: 12346,
+                repositoryPath: '/home/user/api-service',
+            },
+        ],
+        totalDeliveries: 42,
+        successCount: 38,
+        errorCount: 2,
+        ignoredCount: 2,
+    },
+    startedAt: new Date(Date.now() - 3600000).toISOString(),
+};
+const inactiveStatus = {
+    running: false,
+    tunnel: { connected: false, publicUrl: null },
+    webhooks: {
+        registered: [],
+        totalDeliveries: 0,
+        successCount: 0,
+        errorCount: 0,
+        ignoredCount: 0,
+    },
+    startedAt: null,
+};
+const meta = {
+    title: 'Features/Webhooks/WebhookStatusCards',
+    component: WebhookStatusCards,
+    parameters: { layout: 'padded' },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Active = {
+    args: { status: activeStatus },
+};
+export const Inactive = {
+    args: { status: inactiveStatus },
+};
+export const TunnelDisconnected = {
+    args: {
+        status: {
+            ...activeStatus,
+            tunnel: { connected: false, publicUrl: null },
+        },
+    },
+};

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

@@ -0,0 +1,6 @@
+import type { WebhookSystemStatus } from './types.js';
+export interface WebhooksPageClientProps {
+    initialStatus: WebhookSystemStatus;
+}
+export declare function WebhooksPageClient({ initialStatus }: WebhooksPageClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=webhooks-page-client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webhooks-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/webhooks/webhooks-page-client.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAyB,MAAM,SAAS,CAAC;AAE1E,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,mBAAmB,CAAC;CACpC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,EAAE,uBAAuB,2CAyD5E"}

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

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
+import { RefreshCw } from 'lucide-react';
+import { Button } from '../../ui/button.js';
+import { PageHeader } from '../../common/page-header/index.js';
+import { WebhookStatusCards } from './webhook-status-cards.js';
+import { WebhookRepoList } from './webhook-repo-list.js';
+import { WebhookDeliveryTable } from './webhook-delivery-table.js';
+export function WebhooksPageClient({ initialStatus }) {
+    const [status, setStatus] = useState(initialStatus);
+    const [deliveries, setDeliveries] = useState([]);
+    const [refreshing, setRefreshing] = useState(false);
+    const refresh = useCallback(async () => {
+        setRefreshing(true);
+        try {
+            const [statusRes, deliveriesRes] = await Promise.all([
+                fetch('/api/webhooks/status'),
+                fetch('/api/webhooks/deliveries?limit=100'),
+            ]);
+            if (statusRes.ok) {
+                setStatus(await statusRes.json());
+            }
+            if (deliveriesRes.ok) {
+                const data = await deliveriesRes.json();
+                setDeliveries(data.deliveries);
+            }
+        }
+        finally {
+            setRefreshing(false);
+        }
+    }, []);
+    useEffect(() => {
+        void refresh();
+        const interval = setInterval(() => void refresh(), 5000);
+        return () => clearInterval(interval);
+    }, [refresh]);
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(PageHeader, { title: "Webhooks", description: "Monitor GitHub webhook deliveries and tunnel status", children: _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void refresh(), disabled: refreshing, children: [_jsx(RefreshCw, { className: refreshing ? 'mr-2 h-4 w-4 animate-spin' : 'mr-2 h-4 w-4' }), "Refresh"] }) }), _jsx(WebhookStatusCards, { status: status }), _jsxs("div", { className: "grid gap-6 lg:grid-cols-3", children: [_jsx("div", { className: "lg:col-span-1", children: _jsx(WebhookRepoList, { webhooks: status.webhooks.registered, tunnelUrl: status.tunnel.publicUrl }) }), _jsx("div", { className: "lg:col-span-2", children: _jsx(WebhookDeliveryTable, { deliveries: deliveries }) })] })] }));
+}

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WebhooksPageClient } from './webhooks-page-client.js';
+declare const meta: Meta<typeof WebhooksPageClient>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Active: Story;
+export declare const Inactive: Story;
+//# sourceMappingURL=webhooks-page-client.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webhooks-page-client.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/webhooks/webhooks-page-client.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAuC5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAgBzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

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

@@ -0,0 +1,59 @@
+import { WebhooksPageClient } from './webhooks-page-client.js';
+const activeStatus = {
+    running: true,
+    tunnel: {
+        connected: true,
+        publicUrl: 'https://random-subdomain.trycloudflare.com',
+    },
+    webhooks: {
+        registered: [
+            { repoFullName: 'acme/web-app', webhookId: 12345, repositoryPath: '/home/user/web-app' },
+            {
+                repoFullName: 'acme/api-service',
+                webhookId: 12346,
+                repositoryPath: '/home/user/api-service',
+            },
+        ],
+        totalDeliveries: 15,
+        successCount: 12,
+        errorCount: 1,
+        ignoredCount: 2,
+    },
+    startedAt: new Date(Date.now() - 7200000).toISOString(),
+};
+const inactiveStatus = {
+    running: false,
+    tunnel: { connected: false, publicUrl: null },
+    webhooks: {
+        registered: [],
+        totalDeliveries: 0,
+        successCount: 0,
+        errorCount: 0,
+        ignoredCount: 0,
+    },
+    startedAt: null,
+};
+const meta = {
+    title: 'Features/Webhooks/WebhooksPageClient',
+    component: WebhooksPageClient,
+    parameters: {
+        layout: 'padded',
+        mockData: [
+            { url: '/api/webhooks/status', method: 'GET', status: 200, response: activeStatus },
+            {
+                url: '/api/webhooks/deliveries?limit=100',
+                method: 'GET',
+                status: 200,
+                response: { deliveries: [] },
+            },
+        ],
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Active = {
+    args: { initialStatus: activeStatus },
+};
+export const Inactive = {
+    args: { initialStatus: inactiveStatus },
+};

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, Settings, Webhook } 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: Webhook, label: "Webhooks", href: "/webhooks", active: pathname === '/webhooks' }), _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',

package/dist/src/presentation/web/components/ui/slider.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Slider as SliderPrimitive } from 'radix-ui';
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

package/dist/src/presentation/web/components/ui/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAIrD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAyCnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/slider.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slider as SliderPrimitive } from 'radix-ui';
+import { cn } from '../../lib/utils.js';
+function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+    const _values = React.useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);
+    return (_jsxs(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: cn('relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', className), ...props, children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn('bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5'), children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn('bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full') }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" }, index)))] }));
+}
+export { Slider };

package/dist/src/presentation/web/components/ui/slider.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Slider } from './slider.js';
+declare const meta: Meta<typeof Slider>;
+export default meta;
+type Story = StoryObj<typeof Slider>;
+export declare const Default: Story;
+//# sourceMappingURL=slider.stories.d.ts.map

package/dist/src/presentation/web/components/ui/slider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/slider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAYrC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/src/presentation/web/components/ui/slider.stories.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Slider } from './slider.js';
+const meta = {
+    title: 'UI/Slider',
+    component: Slider,
+};
+export default meta;
+function SliderDemo() {
+    const [value, setValue] = useState([50]);
+    return (_jsxs("div", { style: { width: 300 }, children: [_jsx(Slider, { value: value, onValueChange: setValue, min: 0, max: 100, step: 1 }), _jsxs("p", { style: { marginTop: 8, fontSize: 12 }, children: ["Value: ", value[0]] })] }));
+}
+export const Default = {
+    render: () => _jsx(SliderDemo, {}),
+};

package/dist/src/presentation/web/dev-server.js

@@ -20,6 +20,7 @@ import { initializeSettings } from '../../../packages/core/src/infrastructure/se
 import { initializeNotificationWatcher, getNotificationWatcher, } from '../../../packages/core/src/infrastructure/services/notifications/notification-watcher.service.js';
 import { initializePrSyncWatcher, getPrSyncWatcher, } from '../../../packages/core/src/infrastructure/services/pr-sync/pr-sync-watcher.service.js';
 import { getExistingConnection } from '../../../packages/core/src/infrastructure/persistence/sqlite/connection.js';
+import { initializeWebhookManager, getWebhookManager, hasWebhookManager, } from '../../../packages/core/src/infrastructure/services/webhook/webhook-manager.service.js';
 const DEFAULT_PORT = 3000;
 async function isPortAvailable(port) {
     return new Promise((resolve) => {
@@ -68,6 +69,17 @@ async function main() {
         const db = getExistingConnection();
         initializePrSyncWatcher(featureRepo, runRepo, gitPrService, notificationService, undefined, db);
         getPrSyncWatcher().start();
+        // Start webhook system (optional — falls back to polling if cloudflared is not installed)
+        try {
+            const tunnelService = container.resolve('ITunnelService');
+            const webhookService = container.resolve('IWebhookService');
+            initializeWebhookManager(tunnelService, webhookService);
+            // Start is async and non-blocking — failures are logged, not thrown
+            void getWebhookManager().start(port);
+        }
+        catch (error) {
+            console.warn('[dev-server] Webhook system init failed (using polling fallback):', error);
+        }
     }
     catch (error) {
         console.warn('[dev-server] DI initialization failed — features will be empty:', error);
@@ -107,6 +119,14 @@ async function main() {
         console.log('\n[dev-server] Shutting down...');
         const forceExit = setTimeout(() => process.exit(0), 2000);
         try {
+            try {
+                if (hasWebhookManager()) {
+                    await getWebhookManager().stop();
+                }
+            }
+            catch {
+                /* not initialized */
+            }
             try {
                 getNotificationWatcher().stop();
             }

package/dist/src/presentation/web/hooks/sidebar-features-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-features-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/sidebar-features-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4DAA4D,CAAC;AACnG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAgBD;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gBAAgB,GAAG,aAAa,GAAG,IAAI,CAEzF;AAMD,UAAU,2BAA2B;IACnC,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,WAAW,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;CACvD;AAID,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CAQjF;AAED,wBAAgB,yBAAyB,IAAI,2BAA2B,CAMvE"}
+{"version":3,"file":"sidebar-features-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/sidebar-features-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4DAA4D,CAAC;AACnG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAiBD;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gBAAgB,GAAG,aAAa,GAAG,IAAI,CAEzF;AAMD,UAAU,2BAA2B;IACnC,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,WAAW,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;CACvD;AAID,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CAQjF;AAED,wBAAgB,yBAAyB,IAAI,2BAA2B,CAMvE"}

package/dist/src/presentation/web/hooks/sidebar-features-context.js

@@ -9,6 +9,7 @@ const stateMapping = {
     running: 'in-progress',
     done: 'done',
     blocked: 'blocked',
+    pending: 'blocked',
     error: 'error',
     creating: null,
     deleting: null,

package/dist/src/presentation/web/hooks/use-graph-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-graph-state.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-graph-state.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAEL,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mDAAmD;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;;OAIG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClE,uEAAuE;IACvE,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,yDAAyD;IACzD,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sDAAsD;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtF,gEAAgE;IAChE,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,+EAA+E;IAC/E,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,WAAW,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0EAA0E;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAuCD,KAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,CACtE,CAAC;AA8BF,wBAAgB,aAAa,CAC3B,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,mBAAmB,CA6ZrB"}
+{"version":3,"file":"use-graph-state.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-graph-state.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAEL,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mDAAmD;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;;OAIG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClE,uEAAuE;IACvE,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,yDAAyD;IACzD,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sDAAsD;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtF,gEAAgE;IAChE,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,+EAA+E;IAC/E,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,WAAW,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0EAA0E;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAuCD,KAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,CACtE,CAAC;AA8BF,wBAAgB,aAAa,CAC3B,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,mBAAmB,CA8ZrB"}

package/dist/src/presentation/web/hooks/use-graph-state.js

@@ -90,6 +90,7 @@ export function useGraphState(initialNodes, initialEdges) {
         onRepositoryClick: (nodeId) => callbacksRef.current.onRepositoryClick?.(nodeId),
         onRepositoryDelete: (repositoryId) => callbacksRef.current.onRepositoryDelete?.(repositoryId),
         onRetryFeature: (featureId) => callbacksRef.current.onRetryFeature?.(featureId),
+        onStartFeature: (featureId) => callbacksRef.current.onStartFeature?.(featureId),
     }), []);
     // Stable refs for domain Maps (for use in callbacks without depending on state)
     const featureMapRef = useRef(featureMap);