@shepai/cli 1.26.0 → 1.28.0

package/dist/src/presentation/web/hooks/use-notifications.d.ts

@@ -0,0 +1,10 @@
+export interface UseNotificationsOptions {
+    browserEnabled?: boolean;
+    runId?: string;
+}
+export interface UseNotificationsResult {
+    requestBrowserPermission: () => Promise<void>;
+    browserPermissionState: NotificationPermission;
+}
+export declare function useNotifications(options?: UseNotificationsOptions): UseNotificationsResult;
+//# sourceMappingURL=use-notifications.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-notifications.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-notifications.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,uBAAuB;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,wBAAwB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,sBAAsB,EAAE,sBAAsB,CAAC;CAChD;AAqBD,wBAAgB,gBAAgB,CAAC,OAAO,CAAC,EAAE,uBAAuB,GAAG,sBAAsB,CAyC1F"}

package/dist/src/presentation/web/hooks/use-notifications.js

@@ -0,0 +1,57 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { toast } from 'sonner';
+import { NotificationSeverity } from '../../../../packages/core/src/domain/generated/output.js';
+import { useAgentEvents } from './use-agent-events.js';
+const SEVERITY_TO_TOAST = {
+    [NotificationSeverity.Success]: 'success',
+    [NotificationSeverity.Error]: 'error',
+    [NotificationSeverity.Warning]: 'warning',
+    [NotificationSeverity.Info]: 'info',
+};
+function dispatchToast(event) {
+    const method = SEVERITY_TO_TOAST[event.severity] ?? 'info';
+    toast[method](event.featureName, { description: event.message });
+}
+function dispatchBrowserNotification(event) {
+    if (globalThis.Notification?.permission !== 'granted') {
+        return;
+    }
+    new Notification(event.featureName, { body: event.message });
+}
+export function useNotifications(options) {
+    const browserEnabled = options?.browserEnabled ?? false;
+    const { lastEvent } = useAgentEvents({ runId: options?.runId });
+    const [browserPermissionState, setBrowserPermissionState] = useState(() => {
+        if (typeof globalThis.Notification === 'undefined')
+            return 'default';
+        return globalThis.Notification.permission;
+    });
+    // Track which events we've already dispatched to avoid re-dispatching on re-render
+    const processedRef = useRef(new Set());
+    useEffect(() => {
+        if (!lastEvent)
+            return;
+        // Create a key for deduplication
+        const key = `${lastEvent.agentRunId}-${lastEvent.eventType}-${lastEvent.timestamp}`;
+        if (processedRef.current.has(key))
+            return;
+        processedRef.current.add(key);
+        // Always dispatch toast
+        dispatchToast(lastEvent);
+        // Dispatch browser notification if enabled and permitted
+        if (browserEnabled) {
+            dispatchBrowserNotification(lastEvent);
+        }
+    }, [lastEvent, browserEnabled]);
+    const requestBrowserPermission = useCallback(async () => {
+        if (typeof globalThis.Notification === 'undefined')
+            return;
+        const result = await globalThis.Notification.requestPermission();
+        setBrowserPermissionState(result);
+    }, []);
+    return {
+        requestBrowserPermission,
+        browserPermissionState,
+    };
+}

package/dist/src/presentation/web/hooks/use-notifications.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=use-notifications.stories.d.ts.map

package/dist/src/presentation/web/hooks/use-notifications.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-notifications.stories.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-notifications.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAwIvD,QAAA,MAAM,IAAI,EAAE,IAcX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/src/presentation/web/hooks/use-notifications.stories.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { toast } from 'sonner';
+import { Toaster } from '../components/ui/sonner.js';
+import { Button } from '../components/ui/button.js';
+function simulateNotification(event) {
+    const method = event.severity ?? 'info';
+    toast[method](event.featureName, { description: event.message });
+    if (globalThis.Notification?.permission === 'granted') {
+        new Notification(event.featureName, { body: event.message });
+    }
+}
+function NotificationDemo() {
+    const [browserPermission, setBrowserPermission] = useState(typeof globalThis.Notification !== 'undefined' ? globalThis.Notification.permission : 'default');
+    const requestPermission = async () => {
+        if (typeof globalThis.Notification === 'undefined')
+            return;
+        const result = await globalThis.Notification.requestPermission();
+        setBrowserPermission(result);
+    };
+    return (_jsxs("div", { className: "flex w-[420px] flex-col gap-6", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Browser Notification Permission" }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("span", { className: "text-muted-foreground text-sm", children: ["Status: ", _jsx("code", { className: "bg-muted rounded px-1.5 py-0.5", children: browserPermission })] }), _jsx(Button, { size: "sm", variant: "outline", onClick: requestPermission, children: "Request Permission" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("h3", { className: "text-sm font-semibold", children: "Simulate Notification Events" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Click a button to fire a toast and browser notification." }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => simulateNotification({
+                                    eventType: 'agent_started',
+                                    severity: 'info',
+                                    featureName: 'Auth Module',
+                                    message: 'Agent started running',
+                                }), children: "Agent Started" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => simulateNotification({
+                                    eventType: 'phase_completed',
+                                    severity: 'info',
+                                    featureName: 'Auth Module',
+                                    message: 'Completed analyze phase',
+                                    phaseName: 'analyze',
+                                }), children: "Phase Completed" }), _jsx(Button, { size: "sm", variant: "secondary", onClick: () => simulateNotification({
+                                    eventType: 'waiting_approval',
+                                    severity: 'warning',
+                                    featureName: 'Auth Module',
+                                    message: 'Waiting for user approval',
+                                }), children: "Waiting Approval" }), _jsx(Button, { size: "sm", onClick: () => simulateNotification({
+                                    eventType: 'agent_completed',
+                                    severity: 'success',
+                                    featureName: 'Auth Module',
+                                    message: 'Agent completed successfully',
+                                }), children: "Agent Completed" }), _jsx(Button, { size: "sm", variant: "destructive", onClick: () => simulateNotification({
+                                    eventType: 'agent_failed',
+                                    severity: 'error',
+                                    featureName: 'Auth Module',
+                                    message: 'Agent failed: token refresh error',
+                                }), children: "Agent Failed" })] })] })] }));
+}
+const meta = {
+    title: 'Hooks/useNotifications',
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsxs(_Fragment, { children: [_jsx(Story, {}), _jsx(Toaster, {})] })),
+    ],
+};
+export default meta;
+export const Default = {
+    render: () => _jsx(NotificationDemo, {}),
+};