@shepai/cli 1.65.0 → 1.66.0

package/dist/src/presentation/web/components/common/review-drawer-shell/review-drawer-shell.js

@@ -1,15 +1,25 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Loader2, Trash2 } from 'lucide-react';
+import { Loader2, Trash2, Play, Square } from 'lucide-react';
 import { BaseDrawer } from '../../common/base-drawer/index.js';
 import { DrawerTitle, DrawerDescription } from '../../ui/drawer.js';
 import { Button } from '../../ui/button.js';
 import { Separator } from '../../ui/separator.js';
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from '../../ui/alert-dialog.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
 import { OpenActionMenu } from '../../common/open-action-menu/index.js';
+import { ActionButton } from '../../common/action-button/index.js';
 import { useFeatureActions } from '../../common/feature-drawer/use-feature-actions.js';
+import { DeploymentStatusBadge } from '../../common/deployment-status-badge/index.js';
+import { useDeployAction } from '../../../hooks/use-deploy-action.js';
+import { featureFlags } from '../../../lib/feature-flags.js';
 export function ReviewDrawerShell({ open, onClose, featureName, featureDescription, featureId, repositoryPath, branch, specPath, onDelete, isDeleting, children, }) {
     const actionsInput = repositoryPath && branch ? { repositoryPath, branch, specPath } : null;
     const actions = useFeatureActions(actionsInput);
-    return (_jsxs(BaseDrawer, { open: open, onClose: onClose, size: "md", modal: false, "data-testid": "review-drawer", header: _jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "feature-drawer-header", children: [_jsx(DrawerTitle, { children: featureName }), featureDescription ? (_jsx(DrawerDescription, { children: featureDescription })) : featureId ? (_jsx(DrawerDescription, { className: "sr-only", children: featureId })) : null] }), actionsInput ? (_jsxs("div", { className: "flex items-center gap-2 pt-2", children: [_jsx(OpenActionMenu, { actions: actions, repositoryPath: actionsInput.repositoryPath, showSpecs: !!specPath }), onDelete && featureId ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "bg-border mx-1 h-4 w-px" }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Delete feature", disabled: isDeleting, className: "text-muted-foreground hover:text-destructive", "data-testid": "review-drawer-delete", children: isDeleting ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Trash2, { className: "size-4" })) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete feature?" }), _jsxs(AlertDialogDescription, { children: ["This will permanently delete ", _jsx("strong", { children: featureName }), " (", featureId, "). This action cannot be undone."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isDeleting, children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", disabled: isDeleting, onClick: () => onDelete(featureId), children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Deleting\u2026"] })) : ('Delete') })] })] })] })] })) : null] })) : null] }), children: [_jsx(Separator, {}), _jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: children })] }));
+    const deployTargetInput = featureId && repositoryPath && branch
+        ? { targetId: featureId, targetType: 'feature', repositoryPath, branch }
+        : null;
+    const deployAction = useDeployAction(deployTargetInput);
+    const isDeploymentActive = deployAction.status === 'Booting' || deployAction.status === 'Ready';
+    return (_jsxs(BaseDrawer, { open: open, onClose: onClose, size: "md", modal: false, "data-testid": "review-drawer", header: _jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "feature-drawer-header", children: [_jsx(DrawerTitle, { children: featureName }), featureDescription ? (_jsx(DrawerDescription, { children: featureDescription })) : featureId ? (_jsx(DrawerDescription, { className: "sr-only", children: featureId })) : null] }), actionsInput ? (_jsxs("div", { className: "flex items-center gap-2 pt-2", children: [_jsx(OpenActionMenu, { actions: actions, repositoryPath: actionsInput.repositoryPath, showSpecs: !!specPath }), featureFlags.envDeploy && deployTargetInput ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isDeploymentActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isDeploymentActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) })) : null, featureFlags.envDeploy && isDeploymentActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url })) : null, onDelete && featureId ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Delete feature", disabled: isDeleting, className: "text-muted-foreground hover:text-destructive ml-auto", "data-testid": "review-drawer-delete", children: isDeleting ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Trash2, { className: "size-4" })) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete feature?" }), _jsxs(AlertDialogDescription, { children: ["This will permanently delete ", _jsx("strong", { children: featureName }), " (", featureId, "). This action cannot be undone."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isDeleting, children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", disabled: isDeleting, onClick: () => onDelete(featureId), children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Deleting\u2026"] })) : ('Delete') })] })] })] })) : null] })) : null] }), children: [_jsx(Separator, {}), _jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: children })] }));
 }

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

@@ -0,0 +1,18 @@
+import type { DeploymentState } from '../../../../packages/core/src/domain/generated/output.js';
+export interface DeployActionInput {
+    targetId: string;
+    targetType: 'feature' | 'repository';
+    repositoryPath: string;
+    branch?: string;
+}
+export interface DeployActionState {
+    deploy: () => Promise<void>;
+    stop: () => Promise<void>;
+    deployLoading: boolean;
+    stopLoading: boolean;
+    deployError: string | null;
+    status: DeploymentState | null;
+    url: string | null;
+}
+export declare function useDeployAction(input: DeployActionInput | null): DeployActionState;
+//# sourceMappingURL=use-deploy-action.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-deploy-action.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-deploy-action.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAM5E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,SAAS,GAAG,YAAY,CAAC;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB;AAKD,wBAAgB,eAAe,CAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,GAAG,iBAAiB,CAmIlF"}

package/dist/src/presentation/web/hooks/use-deploy-action.js

@@ -0,0 +1,130 @@
+'use client';
+import { useState, useCallback, useRef, useEffect } from 'react';
+import { deployFeature } from '../app/actions/deploy-feature.js';
+import { deployRepository } from '../app/actions/deploy-repository.js';
+import { stopDeployment } from '../app/actions/stop-deployment.js';
+import { getDeploymentStatus } from '../app/actions/get-deployment-status.js';
+const ERROR_CLEAR_DELAY = 5000;
+const POLL_INTERVAL = 3000;
+export function useDeployAction(input) {
+    const [deployLoading, setDeployLoading] = useState(false);
+    const [stopLoading, setStopLoading] = useState(false);
+    const [deployError, setDeployError] = useState(null);
+    const [status, setStatus] = useState(null);
+    const [url, setUrl] = useState(null);
+    const errorTimerRef = useRef(null);
+    const pollIntervalRef = useRef(null);
+    const mountedRef = useRef(true);
+    // Track mounted state
+    useEffect(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
+    // Cleanup on unmount
+    useEffect(() => {
+        return () => {
+            if (errorTimerRef.current)
+                clearTimeout(errorTimerRef.current);
+            if (pollIntervalRef.current)
+                clearInterval(pollIntervalRef.current);
+        };
+    }, []);
+    const stopPolling = useCallback(() => {
+        if (pollIntervalRef.current) {
+            clearInterval(pollIntervalRef.current);
+            pollIntervalRef.current = null;
+        }
+    }, []);
+    const startPolling = useCallback((targetId) => {
+        stopPolling();
+        pollIntervalRef.current = setInterval(async () => {
+            if (!mountedRef.current) {
+                stopPolling();
+                return;
+            }
+            const result = await getDeploymentStatus(targetId);
+            if (!mountedRef.current)
+                return;
+            if (!result || result.state === 'Stopped') {
+                setStatus(null);
+                setUrl(null);
+                stopPolling();
+            }
+            else {
+                setStatus(result.state);
+                setUrl(result.url);
+            }
+        }, POLL_INTERVAL);
+    }, [stopPolling]);
+    const handleDeploy = useCallback(async () => {
+        if (!input || deployLoading)
+            return;
+        if (errorTimerRef.current)
+            clearTimeout(errorTimerRef.current);
+        setDeployLoading(true);
+        setDeployError(null);
+        try {
+            const result = input.targetType === 'feature'
+                ? await deployFeature(input.targetId)
+                : await deployRepository(input.repositoryPath);
+            if (!mountedRef.current)
+                return;
+            if (!result.success) {
+                const errorMessage = result.error ?? 'An unexpected error occurred';
+                setDeployError(errorMessage);
+                errorTimerRef.current = setTimeout(() => setDeployError(null), ERROR_CLEAR_DELAY);
+            }
+            else {
+                setStatus(result.state ?? null);
+                setUrl(null);
+                startPolling(input.targetId);
+            }
+        }
+        catch (err) {
+            if (!mountedRef.current)
+                return;
+            const errorMessage = err instanceof Error ? err.message : 'An unexpected error occurred';
+            setDeployError(errorMessage);
+            errorTimerRef.current = setTimeout(() => setDeployError(null), ERROR_CLEAR_DELAY);
+        }
+        finally {
+            if (mountedRef.current) {
+                setDeployLoading(false);
+            }
+        }
+    }, [input, deployLoading, startPolling]);
+    const handleStop = useCallback(async () => {
+        if (!input || stopLoading)
+            return;
+        setStopLoading(true);
+        try {
+            const result = await stopDeployment(input.targetId);
+            if (!mountedRef.current)
+                return;
+            if (result.success) {
+                stopPolling();
+                setStatus(null);
+                setUrl(null);
+            }
+        }
+        catch {
+            // Stop errors are non-critical; process may have already exited
+        }
+        finally {
+            if (mountedRef.current) {
+                setStopLoading(false);
+            }
+        }
+    }, [input, stopLoading, stopPolling]);
+    return {
+        deploy: handleDeploy,
+        stop: handleStop,
+        deployLoading,
+        stopLoading,
+        deployError,
+        status,
+        url,
+    };
+}

package/dist/src/presentation/web/lib/feature-flags.d.ts

@@ -6,5 +6,6 @@
  */
 export declare const featureFlags: {
     readonly skills: boolean;
+    readonly envDeploy: boolean;
 };
 //# sourceMappingURL=feature-flags.d.ts.map

package/dist/src/presentation/web/lib/feature-flags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/feature-flags.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,eAAO,MAAM,YAAY;;CAEf,CAAC"}
+{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/feature-flags.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,eAAO,MAAM,YAAY;;;CAGf,CAAC"}

package/dist/src/presentation/web/lib/feature-flags.js

@@ -9,4 +9,5 @@ function isEnabled(envVar) {
 }
 export const featureFlags = {
     skills: isEnabled(process.env.NEXT_PUBLIC_FLAG_SKILLS),
+    envDeploy: isEnabled(process.env.NEXT_PUBLIC_FLAG_ENV_DEPLOY),
 };