@shepai/cli 1.66.4 → 1.68.0

package/web/.next/standalone/src/presentation/web/.next/server/server-reference-manifest.json

@@ -1,6 +1,6 @@
 {
   "node": {
-    "0033966bab3dd318d1473010e33718ced9c1720eff": {
+    "005c21cc7a74734851077ea4c06ba4ace20b1dc8e1": {
       "workers": {
         "app/_not-found/page": {
           "moduleId": 66973,
@@ -9,7 +9,7 @@
           "filename": "src/presentation/web/app/actions/pick-folder.ts"
         },
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "pickFolder",
           "filename": "src/presentation/web/app/actions/pick-folder.ts"
@@ -43,100 +43,10 @@
       "filename": "src/presentation/web/app/actions/pick-folder.ts",
       "exportedName": "pickFolder"
     },
-    "604309650cb5d9084d601681f1db61d6cdc3a69a59": {
+    "401212dc604a59aad891c75abc967036bacf6a5a02": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
-          "async": false,
-          "exportedName": "approveFeature",
-          "filename": "src/presentation/web/app/actions/approve-feature.ts"
-        }
-      },
-      "layer": {
-        "app/page": "action-browser"
-      },
-      "filename": "src/presentation/web/app/actions/approve-feature.ts",
-      "exportedName": "approveFeature"
-    },
-    "608a0c66bebce66cba1b63cce75dcc717ee623a88d": {
-      "workers": {
-        "app/page": {
-          "moduleId": 98380,
-          "async": false,
-          "exportedName": "rejectFeature",
-          "filename": "src/presentation/web/app/actions/reject-feature.ts"
-        }
-      },
-      "layer": {
-        "app/page": "action-browser"
-      },
-      "filename": "src/presentation/web/app/actions/reject-feature.ts",
-      "exportedName": "rejectFeature"
-    },
-    "40613f4bb60a7ab0853c02f682669f823298a886dd": {
-      "workers": {
-        "app/page": {
-          "moduleId": 98380,
-          "async": false,
-          "exportedName": "getFeatureArtifact",
-          "filename": "src/presentation/web/app/actions/get-feature-artifact.ts"
-        }
-      },
-      "layer": {
-        "app/page": "action-browser"
-      },
-      "filename": "src/presentation/web/app/actions/get-feature-artifact.ts",
-      "exportedName": "getFeatureArtifact"
-    },
-    "403de6a44bbeb219b3dabb21f85be0dd2e9b6b79bf": {
-      "workers": {
-        "app/page": {
-          "moduleId": 98380,
-          "async": false,
-          "exportedName": "getResearchArtifact",
-          "filename": "src/presentation/web/app/actions/get-research-artifact.ts"
-        }
-      },
-      "layer": {
-        "app/page": "action-browser"
-      },
-      "filename": "src/presentation/web/app/actions/get-research-artifact.ts",
-      "exportedName": "getResearchArtifact"
-    },
-    "0064b0e5b93622c4b7fc7371e2a30d2798e74d0a10": {
-      "workers": {
-        "app/page": {
-          "moduleId": 98380,
-          "async": false,
-          "exportedName": "getWorkflowDefaults",
-          "filename": "src/presentation/web/app/actions/get-workflow-defaults.ts"
-        }
-      },
-      "layer": {
-        "app/page": "action-browser"
-      },
-      "filename": "src/presentation/web/app/actions/get-workflow-defaults.ts",
-      "exportedName": "getWorkflowDefaults"
-    },
-    "40a384d59893df8dc466a183a0069d38b607209277": {
-      "workers": {
-        "app/page": {
-          "moduleId": 98380,
-          "async": false,
-          "exportedName": "getMergeReviewData",
-          "filename": "src/presentation/web/app/actions/get-merge-review-data.ts"
-        }
-      },
-      "layer": {
-        "app/page": "action-browser"
-      },
-      "filename": "src/presentation/web/app/actions/get-merge-review-data.ts",
-      "exportedName": "getMergeReviewData"
-    },
-    "40187dc6811b866511ec46d1429401e27f8c803655": {
-      "workers": {
-        "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "deployFeature",
           "filename": "src/presentation/web/app/actions/deploy-feature.ts"
@@ -155,10 +65,10 @@
       "filename": "src/presentation/web/app/actions/deploy-feature.ts",
       "exportedName": "deployFeature"
     },
-    "4039a18dbcd070b9fce0018980a9c9cf7cf9e4ac38": {
+    "40de76e904aa3ed5b680e5db8bd6dddcff54138418": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "deployRepository",
           "filename": "src/presentation/web/app/actions/deploy-repository.ts"
@@ -177,10 +87,10 @@
       "filename": "src/presentation/web/app/actions/deploy-repository.ts",
       "exportedName": "deployRepository"
     },
-    "4042d30bb33e2ba273716b358052ff8f39404e0913": {
+    "408ba1e9ad295a8649817efa1177797eb10e7c466a": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "stopDeployment",
           "filename": "src/presentation/web/app/actions/stop-deployment.ts"
@@ -199,10 +109,10 @@
       "filename": "src/presentation/web/app/actions/stop-deployment.ts",
       "exportedName": "stopDeployment"
     },
-    "40af7d6fdef53d3fe0e343eb456ec82879000281f5": {
+    "409ee2d84b3be35455d811d819639e79d895666045": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "getDeploymentStatus",
           "filename": "src/presentation/web/app/actions/get-deployment-status.ts"
@@ -221,10 +131,10 @@
       "filename": "src/presentation/web/app/actions/get-deployment-status.ts",
       "exportedName": "getDeploymentStatus"
     },
-    "40dbf6d58f33f5687ac44bdf51ecc73cfc073b86ee": {
+    "40b3300da9ad22bffc1b28ca08f8fd9bc46c6f8ca8": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "openIde",
           "filename": "src/presentation/web/app/actions/open-ide.ts"
@@ -236,10 +146,10 @@
       "filename": "src/presentation/web/app/actions/open-ide.ts",
       "exportedName": "openIde"
     },
-    "4003087fc8ff7091bda59425244d519caac1790e2b": {
+    "40378fa4f29642cee02dc6954028513ec4081bb91f": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "openShell",
           "filename": "src/presentation/web/app/actions/open-shell.ts"
@@ -251,10 +161,10 @@
       "filename": "src/presentation/web/app/actions/open-shell.ts",
       "exportedName": "openShell"
     },
-    "407cffea6a640e4fee62e23efe745733b9794af7e0": {
+    "400ae8cb98352c9997c2e8c0d3cb300870af5e2de1": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "openFolder",
           "filename": "src/presentation/web/app/actions/open-folder.ts"
@@ -266,10 +176,100 @@
       "filename": "src/presentation/web/app/actions/open-folder.ts",
       "exportedName": "openFolder"
     },
-    "4091897f55b06afa918ef3cbd2d3bc955c180a3beb": {
+    "609f57122f6c4b6dd0eaf403efb620bcd584c2d064": {
+      "workers": {
+        "app/page": {
+          "moduleId": 80894,
+          "async": false,
+          "exportedName": "approveFeature",
+          "filename": "src/presentation/web/app/actions/approve-feature.ts"
+        }
+      },
+      "layer": {
+        "app/page": "action-browser"
+      },
+      "filename": "src/presentation/web/app/actions/approve-feature.ts",
+      "exportedName": "approveFeature"
+    },
+    "6006cf21f5779a08146ff52bc5027e79e44b7db388": {
+      "workers": {
+        "app/page": {
+          "moduleId": 80894,
+          "async": false,
+          "exportedName": "rejectFeature",
+          "filename": "src/presentation/web/app/actions/reject-feature.ts"
+        }
+      },
+      "layer": {
+        "app/page": "action-browser"
+      },
+      "filename": "src/presentation/web/app/actions/reject-feature.ts",
+      "exportedName": "rejectFeature"
+    },
+    "4031c4354a5a5b67387659ed5741130b2c592d5540": {
+      "workers": {
+        "app/page": {
+          "moduleId": 80894,
+          "async": false,
+          "exportedName": "getFeatureArtifact",
+          "filename": "src/presentation/web/app/actions/get-feature-artifact.ts"
+        }
+      },
+      "layer": {
+        "app/page": "action-browser"
+      },
+      "filename": "src/presentation/web/app/actions/get-feature-artifact.ts",
+      "exportedName": "getFeatureArtifact"
+    },
+    "40708b597b28c2fddbe808f4b6b4d0df4c9a2a8329": {
+      "workers": {
+        "app/page": {
+          "moduleId": 80894,
+          "async": false,
+          "exportedName": "getResearchArtifact",
+          "filename": "src/presentation/web/app/actions/get-research-artifact.ts"
+        }
+      },
+      "layer": {
+        "app/page": "action-browser"
+      },
+      "filename": "src/presentation/web/app/actions/get-research-artifact.ts",
+      "exportedName": "getResearchArtifact"
+    },
+    "402ebc155e440e9de63de2ec16961cd989415b7a74": {
+      "workers": {
+        "app/page": {
+          "moduleId": 80894,
+          "async": false,
+          "exportedName": "getMergeReviewData",
+          "filename": "src/presentation/web/app/actions/get-merge-review-data.ts"
+        }
+      },
+      "layer": {
+        "app/page": "action-browser"
+      },
+      "filename": "src/presentation/web/app/actions/get-merge-review-data.ts",
+      "exportedName": "getMergeReviewData"
+    },
+    "00bd6bcbeb18b90c6acf7e01e7baf6c67b8a13daac": {
+      "workers": {
+        "app/page": {
+          "moduleId": 80894,
+          "async": false,
+          "exportedName": "getWorkflowDefaults",
+          "filename": "src/presentation/web/app/actions/get-workflow-defaults.ts"
+        }
+      },
+      "layer": {
+        "app/page": "action-browser"
+      },
+      "filename": "src/presentation/web/app/actions/get-workflow-defaults.ts",
+      "exportedName": "getWorkflowDefaults"
+    },
+    "40bc1fe17be13055de30e039f468fc08296a4a91cc": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "createFeature",
           "filename": "src/presentation/web/app/actions/create-feature.ts"
@@ -281,10 +281,10 @@
       "filename": "src/presentation/web/app/actions/create-feature.ts",
       "exportedName": "createFeature"
     },
-    "40604025ce6b0aa9a956aa0674adb65558405f460f": {
+    "40f6704a13155dc8f2854c88d37c75ccd3452c9d61": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "deleteFeature",
           "filename": "src/presentation/web/app/actions/delete-feature.ts"
@@ -296,10 +296,10 @@
       "filename": "src/presentation/web/app/actions/delete-feature.ts",
       "exportedName": "deleteFeature"
     },
-    "40c1945b26ccf6bfd60b9eff124f49417f0180d4d8": {
+    "4047771466633d9f80ee40689683f1213b5183b7af": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "addRepository",
           "filename": "src/presentation/web/app/actions/add-repository.ts"
@@ -311,10 +311,10 @@
       "filename": "src/presentation/web/app/actions/add-repository.ts",
       "exportedName": "addRepository"
     },
-    "4079d22084626c446ac25742a8e86647a75780fb27": {
+    "407e7bd053692aae2c08bd4d2707d830ff2246f1b1": {
       "workers": {
         "app/page": {
-          "moduleId": 98380,
+          "moduleId": 80894,
           "async": false,
           "exportedName": "deleteRepository",
           "filename": "src/presentation/web/app/actions/delete-repository.ts"
@@ -328,5 +328,5 @@
     }
   },
   "edge": {},
-  "encryptionKey": "JWX1OJtGeS+s6qBxJSUTfcgbmS7f3+oUniimMc2/jAI="
+  "encryptionKey": "zcwS9bl8PiCUDFCAC1FddX7MPq3g6FDLfuNWRuHOIzk="
 }

package/web/.next/standalone/src/presentation/web/components/common/base-drawer/base-drawer.stories.tsx

@@ -5,7 +5,7 @@ import { DrawerTitle, DrawerDescription } from '@/components/ui/drawer';
 import { Button } from '@/components/ui/button';
 
 const meta: Meta<typeof BaseDrawer> = {
-  title: 'Common/BaseDrawer',
+  title: 'Drawers/Base/BaseDrawer',
   component: BaseDrawer,
   tags: ['autodocs'],
   parameters: {
@@ -207,7 +207,21 @@ export const WithDevServerBar: Story = {
   ),
 };
 
-/** Drawer with content that exceeds viewport to demonstrate scroll behavior. */
+/**
+ * Drawer with content that exceeds viewport to demonstrate scroll behavior.
+ *
+ * **Fixed Header/Footer Layout:**
+ * - The header (DrawerTitle + DrawerDescription) remains fixed at the top while scrolling
+ * - A Separator is automatically rendered below the header — no need to add one manually
+ * - The footer (if present, e.g., DrawerActionBar) remains fixed at the bottom while scrolling
+ * - Only the content area (children) scrolls when drawer content exceeds available height
+ *
+ * **Spacing Conventions:**
+ * - Content consumers should add `p-4` padding for consistent spacing (as shown in this example)
+ * - Footer components like DrawerActionBar should use `border-t` for visual separation
+ *
+ * Try scrolling the content below to see the fixed header behavior.
+ */
 export const ScrollableContent: Story = {
   render: () => (
     <DrawerTrigger

package/web/.next/standalone/src/presentation/web/components/common/base-drawer/base-drawer.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useRef, useEffect } from 'react';
 import { XIcon, Play, Square } from 'lucide-react';
 import { cva, type VariantProps } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
@@ -12,6 +13,7 @@ import {
   DrawerFooter,
   DrawerOverlay,
 } from '@/components/ui/drawer';
+import { Separator } from '@/components/ui/separator';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import { useDeployAction, type DeployActionInput } from '@/hooks/use-deploy-action';
 import { featureFlags } from '@/lib/feature-flags';
@@ -52,6 +54,30 @@ export function BaseDrawer({
   'data-testid': testId,
   deployTarget,
 }: BaseDrawerProps) {
+  const contentRef = useRef<HTMLDivElement>(null);
+
+  // Close when clicking outside the drawer panel (no overlay needed — canvas stays draggable).
+  // Uses `click` (not `pointerdown`) so canvas drags don't trigger this.
+  useEffect(() => {
+    if (!open || modal) return;
+
+    const handleClick = (e: MouseEvent) => {
+      const target = e.target as Element;
+      if (contentRef.current?.contains(target)) return;
+      // Don't close when clicking inside the canvas or other Radix overlays
+      if (
+        target.closest(
+          '[data-no-drawer-close], [role="alertdialog"], [role="menu"], [role="listbox"], [data-radix-popper-content-wrapper]'
+        )
+      )
+        return;
+      onClose();
+    };
+
+    document.addEventListener('click', handleClick);
+    return () => document.removeEventListener('click', handleClick);
+  }, [open, modal, onClose]);
+
   return (
     <Drawer
       direction="right"
@@ -64,6 +90,7 @@ export function BaseDrawer({
     >
       {modal ? <DrawerOverlay /> : null}
       <DrawerContent
+        ref={contentRef}
         direction="right"
         showCloseButton={false}
         className={cn(drawerVariants({ size }), className)}
@@ -82,18 +109,20 @@ export function BaseDrawer({
         </button>
 
         {/* Header slot */}
-        {header ? <DrawerHeader>{header}</DrawerHeader> : null}
+        {header ? <DrawerHeader className="shrink-0">{header}</DrawerHeader> : null}
+
+        {/* Separator between header and content — matches review drawer style */}
+        {header ? <Separator /> : null}
 
         {/* Dev server bar — rendered when deployTarget is provided and env deploy is enabled */}
         {featureFlags.envDeploy && deployTarget ? <DeployBar deployTarget={deployTarget} /> : null}
 
-        {/* Scrollable content area */}
-        <div className="flex-1 overflow-y-auto">
-          <div className="flex flex-col">{children}</div>
-        </div>
+        {/* Scrollable content area. Consumers should add p-4 for consistent spacing. */}
+        {/* Footer components like DrawerActionBar typically include border-t. */}
+        <div className="flex min-h-0 flex-1 flex-col">{children}</div>
 
         {/* Footer slot */}
-        {footer ? <DrawerFooter>{footer}</DrawerFooter> : null}
+        {footer ? <DrawerFooter className="shrink-0">{footer}</DrawerFooter> : null}
       </DrawerContent>
     </Drawer>
   );