@shepai/cli 1.122.1 → 1.122.2-pr367.fdba557

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/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();
             }