@shepai/cli 1.70.2 → 1.71.0

package/dist/src/presentation/web/components/common/tech-review-tabs/tech-review-tabs.stories.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fn } from '@storybook/test';
+import { TechReviewTabs } from './tech-review-tabs.js';
+const mockTechData = {
+    name: 'Agent Executor Abstraction',
+    summary: 'Research into the best approach for abstracting agent executors to support multiple AI backends.',
+    technologies: ['TypeScript', 'tsyringe', 'LangGraph', 'Claude API'],
+    decisions: [
+        {
+            title: 'Agent Execution Framework',
+            chosen: 'LangGraph',
+            rejected: ['Custom state machine', 'Temporal.io', 'Step Functions'],
+            rationale: 'LangGraph provides built-in checkpointing, human-in-the-loop support, and integrates natively with LangChain.',
+        },
+        {
+            title: 'Dependency Injection',
+            chosen: 'tsyringe',
+            rejected: ['InversifyJS', 'TypeDI', 'Manual DI'],
+            rationale: 'tsyringe is lightweight, uses standard decorators, and has minimal overhead.',
+        },
+        {
+            title: 'Inter-Process Communication',
+            chosen: 'Server-Sent Events (SSE)',
+            rejected: ['WebSockets', 'Long Polling', 'gRPC'],
+            rationale: 'SSE provides a simple one-way streaming protocol for agent status updates to the UI.',
+        },
+    ],
+};
+const mockProductData = {
+    question: 'Goal',
+    context: 'Add multi-agent support to the platform',
+    questions: [
+        {
+            question: 'Which authentication strategy should we use?',
+            selectedOption: 'OAuth 2.0',
+            rationale: 'Industry standard with broad provider support.',
+            wasRecommended: true,
+        },
+        {
+            question: 'How should we handle session management?',
+            selectedOption: 'JWT tokens',
+            rationale: 'Stateless and scalable across services.',
+            wasRecommended: false,
+        },
+        {
+            question: 'What level of MFA should we support?',
+            selectedOption: 'Optional TOTP',
+            rationale: 'Balances security with user convenience.',
+            wasRecommended: true,
+        },
+    ],
+};
+const meta = {
+    title: 'Drawers/Review/TechReviewTabs',
+    component: TechReviewTabs,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '600px', width: '400px', border: '1px solid var(--color-border)' }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+/** Default — both tabs with data, Technical tab active. */
+export const Default = {
+    args: {
+        techData: mockTechData,
+        productData: mockProductData,
+        onReject: fn().mockName('onReject'),
+        onApprove: fn().mockName('onApprove'),
+    },
+};
+/** Product data loading — spinner in the Product tab. */
+export const ProductDataLoading = {
+    args: {
+        techData: mockTechData,
+        productData: null,
+        onReject: fn().mockName('onReject'),
+        onApprove: fn().mockName('onApprove'),
+    },
+};
+/** Product data unavailable — fallback message in the Product tab. */
+export const ProductDataUnavailable = {
+    args: {
+        techData: mockTechData,
+        productData: undefined,
+        onReject: fn().mockName('onReject'),
+        onApprove: fn().mockName('onApprove'),
+    },
+};
+/** Processing state — approve button disabled. */
+export const Processing = {
+    args: {
+        techData: mockTechData,
+        productData: mockProductData,
+        onApprove: fn().mockName('onApprove'),
+        isProcessing: true,
+    },
+};
+/** Rejecting state — reject input disabled. */
+export const Rejecting = {
+    args: {
+        techData: mockTechData,
+        productData: mockProductData,
+        onReject: fn().mockName('onReject'),
+        onApprove: fn().mockName('onApprove'),
+        isRejecting: true,
+    },
+};

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

@@ -0,0 +1,7 @@
+import type { LogEntry } from '../../../../packages/core/src/application/ports/output/services/deployment-service.interface.js';
+export interface UseDeploymentLogsResult {
+    logs: LogEntry[];
+    isConnected: boolean;
+}
+export declare function useDeploymentLogs(targetId: string | null | undefined): UseDeploymentLogsResult;
+//# sourceMappingURL=use-deployment-logs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-deployment-logs.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-deployment-logs.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6EAA6E,CAAC;AAG5G,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,uBAAuB,CAuD9F"}

package/dist/src/presentation/web/hooks/use-deployment-logs.js

@@ -0,0 +1,50 @@
+'use client';
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { getDeploymentLogs } from '../app/actions/get-deployment-logs.js';
+export function useDeploymentLogs(targetId) {
+    const [logs, setLogs] = useState([]);
+    const [isConnected, setIsConnected] = useState(false);
+    const eventSourceRef = useRef(null);
+    const cleanup = useCallback(() => {
+        if (eventSourceRef.current) {
+            eventSourceRef.current.close();
+            eventSourceRef.current = null;
+        }
+        setIsConnected(false);
+    }, []);
+    useEffect(() => {
+        if (!targetId) {
+            setLogs([]);
+            setIsConnected(false);
+            return;
+        }
+        // Fetch initial logs
+        getDeploymentLogs(targetId)
+            .then((initialLogs) => {
+            if (initialLogs) {
+                setLogs(initialLogs);
+            }
+        })
+            .catch(() => {
+            // Initial fetch failed — logs stay empty, SSE will still connect
+        });
+        // Connect EventSource for live updates
+        const es = new EventSource(`/api/deployment-logs?targetId=${targetId}`);
+        eventSourceRef.current = es;
+        es.onopen = () => {
+            setIsConnected(true);
+        };
+        es.addEventListener('log', (event) => {
+            const entry = JSON.parse(event.data);
+            setLogs((prev) => [...prev, entry]);
+        });
+        es.onerror = () => {
+            setIsConnected(false);
+        };
+        return () => {
+            es.close();
+            eventSourceRef.current = null;
+        };
+    }, [targetId, cleanup]);
+    return { logs, isConnected };
+}