@shepai/cli 1.66.3 → 1.67.0

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

@@ -1,6 +1,6 @@
 {
   "node": {
-    "009db1a9a2547c05095e7a1db733a49fe0d34212da": {
+    "0006179b8d857f32f4deb30389b1644d3e81ec7c72": {
       "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"
     },
-    "603bf00498d54e16cc779c1be5b105a5d151d01ca2": {
+    "40c4c550c03f0c7f8a1d6de9b9f97bad926d0d0327": {
       "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"
-    },
-    "60ada13997f719ee35ac946b4e85acd4f411b8ee4b": {
-      "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"
-    },
-    "4083c2581a4a494306feb3b040280190477d84017d": {
-      "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"
-    },
-    "4055c1bc517434ff8d99c82eeea2ab43375df2d6ae": {
-      "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"
-    },
-    "00f02e82a0d33710b2b49520c1981e37e0e70a74e2": {
-      "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"
-    },
-    "40df6931650f589ad86b907eae8dca2061382dd5cb": {
-      "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"
-    },
-    "40675bc73d25ee9e57dcde3b3d18d0e0c74ff4eddc": {
-      "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"
     },
-    "40f18ad1823e9e958e5620326d03c8cdda22e0bae6": {
+    "40da0c8dab9368470112e7490db6505f83ed5c6ed9": {
       "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"
     },
-    "40594a996f4558afd5598548ffcaa45d2bb286f768": {
+    "4026e0599c8bde14385e9191fe2f9303737a714483": {
       "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"
     },
-    "40c5ab9e44a18d5e8650e8c207f31a9c28717df743": {
+    "400551e8e0a2d13a0e5cac8c3126b138c97e1716af": {
       "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"
     },
-    "40f3658234d2de70c7326ea2cf02b2d0f0a519532b": {
+    "400eeefc13016e758e7f9cc4d6db94f13bf82ef3f0": {
       "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"
     },
-    "40d5cbc00ba29e636d4b1fde8915bd7bb6376ffbbf": {
+    "40417d51ce9ffa213eda437f6c87dbd40978476098": {
       "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"
     },
-    "4068cd179b671995321094f51b6d907c9b9f0ece9a": {
+    "4060f0f51255b16dade5d1a46bd92c26389aefe961": {
       "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"
     },
-    "409913e8e1b1e056de739b17fa4e16ba86db254f5b": {
+    "60ef63c871d41f8b86899cdcdf44fbdfb895dcaec0": {
+      "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"
+    },
+    "60736a798a0ee978257237fc829de0eb456d99742a": {
+      "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"
+    },
+    "40e572a319b5b2d1f2b1405964aae8558ba5561c28": {
+      "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"
+    },
+    "40ff35913430fc0eb1f8d3bad7469abe6335dcee03": {
+      "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"
+    },
+    "40ea5f12a6b41120081f0df30de70f5fe87e76aad0": {
+      "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"
+    },
+    "003265d29fae114e6bc52d99e89e21ca4ae30557a0": {
+      "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"
+    },
+    "40debcf1404a1e162c5371336f9d4b073537a7c527": {
       "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"
     },
-    "409874c34ee882a3383a7924f649a5118a89a82af8": {
+    "4038c39106e4a33ade0bf3b2274a240a49736fc130": {
       "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"
     },
-    "40a558c83f8a9824b3275d912cfd26c5d02bfa21c4": {
+    "405d793e4923a6e1fbc4a6a2a11001b48cb090c394": {
       "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"
     },
-    "40a6162bf9618f46ff8faae38e71fa7c8f882f8438": {
+    "40e2c31803f55e6001efc59437a06c72a26f137073": {
       "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": "f6eP/dC3JKIi4OJUYO60hwzOzPYlCCZADRWQtUoaiq8="
+  "encryptionKey": "KmErdils2M/vDRkDh9gtfRHmdqXuDeJnfpmjjTvsGn0="
 }

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>
   );