@shepai/cli 1.66.4 → 1.67.0

package/web/.next/standalone/src/presentation/web/components/features/control-center/control-center-inner.tsx

@@ -2,32 +2,14 @@
 
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import type { Edge } from '@xyflow/react';
-import { toast } from 'sonner';
-import type {
-  PrdApprovalPayload,
-  QuestionSelectionChange,
-} from '@shepai/core/domain/generated/output';
-import { approveFeature } from '@/app/actions/approve-feature';
-import { rejectFeature } from '@/app/actions/reject-feature';
-import { getFeatureArtifact } from '@/app/actions/get-feature-artifact';
-import { getResearchArtifact } from '@/app/actions/get-research-artifact';
-import { getWorkflowDefaults } from '@/app/actions/get-workflow-defaults';
-import type { WorkflowDefaults } from '@/app/actions/get-workflow-defaults';
-import { getMergeReviewData } from '@/app/actions/get-merge-review-data';
-import type { TechDecisionsReviewData } from '@/components/common/tech-decisions-review';
-import type { MergeReviewData } from '@/components/common/merge-review';
 import { FeaturesCanvas } from '@/components/features/features-canvas';
 import type { CanvasNodeType } from '@/components/features/features-canvas';
 import type { FeatureNodeData } from '@/components/common/feature-node';
-import { FeatureDrawer, FeatureCreateDrawer } from '@/components/common';
-import { RepositoryDrawer } from '@/components/common/repository-node';
+import { ControlCenterDrawer, computeDrawerView } from '@/components/common/control-center-drawer';
 import type { RepositoryNodeData } from '@/components/common/repository-node';
-import { PrdQuestionnaireDrawer } from '@/components/common/prd-questionnaire';
-import type { PrdQuestionnaireData } from '@/components/common/prd-questionnaire';
-import { TechDecisionsDrawer } from '@/components/common/tech-decisions-review';
-import { MergeReviewDrawer } from '@/components/common/merge-review';
 import { NotificationPermissionBanner } from '@/components/common/notification-permission-banner';
-import { useSoundAction } from '@/hooks/use-sound-action';
+import { getWorkflowDefaults } from '@/app/actions/get-workflow-defaults';
+import type { WorkflowDefaults } from '@/app/actions/get-workflow-defaults';
 import { ControlCenterEmptyState } from './control-center-empty-state';
 import { useControlCenterState } from './use-control-center-state';
 
@@ -60,7 +42,7 @@ export function ControlCenterInner({ initialNodes, initialEdges }: ControlCenter
     pendingParentFeatureId,
   } = useControlCenterState(initialNodes, initialEdges);
 
-  // Extract feature list for the parent selector in the create drawer
+  // Feature list for the parent selector in the create drawer
   const featureOptions = useMemo(
     () =>
       nodes
@@ -69,7 +51,7 @@ export function ControlCenterInner({ initialNodes, initialEdges }: ControlCenter
           const data = n.data as FeatureNodeData;
           return { id: data.featureId, name: data.name };
         })
-        .filter((f) => f.id && !f.id.startsWith('#')), // exclude optimistic temp nodes
+        .filter((f) => f.id && !f.id.startsWith('#')),
     [nodes]
   );
 
@@ -79,31 +61,14 @@ export function ControlCenterInner({ initialNodes, initialEdges }: ControlCenter
     getWorkflowDefaults()
       .then(setWorkflowDefaults)
       .catch(() => {
-        // Settings unavailable — drawer falls back to all-false defaults
+        // Settings unavailable — create drawer falls back to all-false defaults
       });
   }, []);
 
-  // PRD questionnaire drawer state
-  const [prdSelections, setPrdSelections] = useState<Record<string, string>>({});
-  const [questionnaireData, setQuestionnaireData] = useState<PrdQuestionnaireData | null>(null);
-  const [isLoadingQuestionnaire, setIsLoadingQuestionnaire] = useState(false);
-
-  // Reject state (shared by both drawers)
-  const [isRejecting, setIsRejecting] = useState(false);
-  const rejectSound = useSoundAction('reject');
-
-  // Tech decisions drawer state
-  const [techDecisionsData, setTechDecisionsData] = useState<TechDecisionsReviewData | null>(null);
-  const [isLoadingTechDecisions, setIsLoadingTechDecisions] = useState(false);
-
-  // Merge review drawer state
-  const [mergeReviewData, setMergeReviewData] = useState<MergeReviewData | null>(null);
-  const [isLoadingMergeReview, setIsLoadingMergeReview] = useState(false);
-
-  // Repository drawer state
+  // Repository drawer state (independent of feature selection)
   const [selectedRepoNode, setSelectedRepoNode] = useState<RepositoryNodeData | null>(null);
 
-  // Clear all drawers — used for pane click and canvas drag
+  // Close all drawers — used on pane click and canvas drag
   const handleClearDrawers = useCallback(() => {
     clearSelection();
     setSelectedRepoNode(null);
@@ -122,230 +87,16 @@ export function ControlCenterInner({ initialNodes, initialEdges }: ControlCenter
     [nodes, clearSelection]
   );
 
-  const showPrdDrawer =
-    selectedNode?.lifecycle === 'requirements' && selectedNode?.state === 'action-required';
-
-  const showTechDecisionsDrawer =
-    selectedNode?.lifecycle === 'implementation' && selectedNode?.state === 'action-required';
-
-  const showMergeReviewDrawer =
-    selectedNode?.lifecycle === 'review' &&
-    (selectedNode?.state === 'action-required' || selectedNode?.state === 'error');
-
-  const handlePrdSelect = useCallback((questionId: string, optionId: string) => {
-    setPrdSelections((prev) => ({ ...prev, [questionId]: optionId }));
-  }, []);
-
-  const handlePrdApprove = useCallback(
-    async (_actionId: string) => {
-      const featureId = selectedNode?.featureId;
-      if (!featureId) return;
-
-      let payload: PrdApprovalPayload | undefined;
-      if (questionnaireData) {
-        const changedSelections: QuestionSelectionChange[] = [];
-        for (const [questionId, optionId] of Object.entries(prdSelections)) {
-          const question = questionnaireData.questions.find((q) => q.id === questionId);
-          const option = question?.options.find((o) => o.id === optionId);
-          if (question && option) {
-            changedSelections.push({
-              questionId: question.question,
-              selectedOption: option.label,
-            });
-          }
-        }
-        payload = { approved: true, changedSelections };
-      }
-
-      const result = await approveFeature(featureId, payload);
-
-      if (!result.approved) {
-        toast.error(result.error ?? 'Failed to approve requirements');
-        return;
-      }
-
-      toast.success('Requirements approved — agent resuming');
-      clearSelection();
-      setPrdSelections({});
-    },
-    [selectedNode?.featureId, clearSelection, questionnaireData, prdSelections]
-  );
-
-  // Shared reject handler — all drawers use the same rejectFeature flow
-  const handleReject = useCallback(
-    async (feedback: string, label: string, onDone?: () => void) => {
-      const featureId = selectedNode?.featureId;
-      if (!featureId) return;
-
-      setIsRejecting(true);
-      try {
-        const result = await rejectFeature(featureId, feedback);
-
-        if (!result.rejected) {
-          toast.error(result.error ?? `Failed to reject ${label.toLowerCase()}`);
-          return;
-        }
-
-        rejectSound.play();
-        toast.success(`${label} rejected — agent re-iterating (iteration ${result.iteration})`);
-        if (result.iterationWarning) {
-          toast.warning(
-            `Iteration ${result.iteration} — consider approving or adjusting feedback to avoid excessive iterations`
-          );
-        }
-        clearSelection();
-        onDone?.();
-      } finally {
-        setIsRejecting(false);
-      }
-    },
-    [selectedNode?.featureId, clearSelection, rejectSound]
-  );
-
-  const handlePrdReject = useCallback(
-    (feedback: string) => handleReject(feedback, 'Requirements', () => setPrdSelections({})),
-    [handleReject]
-  );
-
-  const handleTechDecisionsReject = useCallback(
-    (feedback: string) => handleReject(feedback, 'Plan'),
-    [handleReject]
-  );
-
-  const handleMergeReject = useCallback(
-    (feedback: string) => handleReject(feedback, 'Merge'),
-    [handleReject]
-  );
-
-  // Shared approve handler — tech decisions and merge use identical approve flows
-  const handleSimpleApprove = useCallback(
-    async (label: string) => {
-      const featureId = selectedNode?.featureId;
-      if (!featureId) return;
-
-      const result = await approveFeature(featureId);
-
-      if (!result.approved) {
-        toast.error(result.error ?? `Failed to approve ${label.toLowerCase()}`);
-        return;
-      }
-
-      toast.success(`${label} approved — agent resuming`);
-      clearSelection();
-    },
-    [selectedNode?.featureId, clearSelection]
-  );
-
-  const handleTechDecisionsApprove = useCallback(
-    () => handleSimpleApprove('Plan'),
-    [handleSimpleApprove]
-  );
-
-  const handleMergeApprove = useCallback(() => handleSimpleApprove('Merge'), [handleSimpleApprove]);
-
-  // Fetch questionnaire data and reset selections when a different feature is selected
-  const prdFeatureId = showPrdDrawer ? selectedNode?.featureId : null;
-  useEffect(() => {
-    setPrdSelections({});
-    setQuestionnaireData(null);
-
-    if (!prdFeatureId) return;
-
-    let cancelled = false;
-    setIsLoadingQuestionnaire(true);
-    getFeatureArtifact(prdFeatureId)
-      .then((result) => {
-        if (cancelled) return;
-        if (result.error) {
-          toast.error(result.error);
-          return;
-        }
-        if (result.questionnaire) {
-          setQuestionnaireData(result.questionnaire);
-          // Pre-select AI-recommended answers
-          const defaults: Record<string, string> = {};
-          for (const q of result.questionnaire.questions) {
-            const recommended = q.options.find((o) => o.recommended);
-            if (recommended) defaults[q.id] = recommended.id;
-          }
-          setPrdSelections(defaults);
-        }
-      })
-      .catch(() => {
-        if (!cancelled) toast.error('Failed to load questionnaire');
-      })
-      .finally(() => {
-        if (!cancelled) setIsLoadingQuestionnaire(false);
-      });
-
-    return () => {
-      cancelled = true;
-    };
-  }, [prdFeatureId]);
-
-  // Fetch tech decisions data when a feature is in research + action-required
-  const techDecisionsFeatureId = showTechDecisionsDrawer ? selectedNode?.featureId : null;
-  useEffect(() => {
-    setTechDecisionsData(null);
-
-    if (!techDecisionsFeatureId) return;
-
-    let cancelled = false;
-    setIsLoadingTechDecisions(true);
-    getResearchArtifact(techDecisionsFeatureId)
-      .then((result) => {
-        if (cancelled) return;
-        if (result.error) {
-          toast.error(result.error);
-          return;
-        }
-        if (result.techDecisions) {
-          setTechDecisionsData(result.techDecisions);
-        }
-      })
-      .catch(() => {
-        if (!cancelled) toast.error('Failed to load tech decisions');
-      })
-      .finally(() => {
-        if (!cancelled) setIsLoadingTechDecisions(false);
-      });
-
-    return () => {
-      cancelled = true;
-    };
-  }, [techDecisionsFeatureId]);
-
-  // Fetch merge review data when a feature is in review + action-required
-  const mergeFeatureId = showMergeReviewDrawer ? selectedNode?.featureId : null;
-  useEffect(() => {
-    setMergeReviewData(null);
-
-    if (!mergeFeatureId) return;
-
-    let cancelled = false;
-    setIsLoadingMergeReview(true);
-    getMergeReviewData(mergeFeatureId)
-      .then((result) => {
-        if (cancelled) return;
-        if ('error' in result) {
-          toast.error(result.error);
-          return;
-        }
-        setMergeReviewData(result);
-      })
-      .catch(() => {
-        if (!cancelled) toast.error('Failed to load merge review data');
-      })
-      .finally(() => {
-        if (!cancelled) setIsLoadingMergeReview(false);
-      });
-
-    return () => {
-      cancelled = true;
-    };
-  }, [mergeFeatureId]);
-
-  const hasRepositories = nodes.some((n) => n.type === 'repositoryNode');
+  // Derive the single active drawer view from all current state
+  const drawerView = computeDrawerView({
+    selectedNode,
+    isCreateDrawerOpen,
+    pendingRepositoryPath,
+    pendingParentFeatureId,
+    selectedRepoNode,
+    features: featureOptions,
+    workflowDefaults,
+  });
 
   // Listen for global "open create drawer" events from the sidebar
   useEffect(() => {
@@ -374,19 +125,19 @@ export function ControlCenterInner({ initialNodes, initialEdges }: ControlCenter
     return () => window.removeEventListener('shep:select-feature', handler);
   }, [selectFeatureById]);
 
+  const hasRepositories = nodes.some((n) => n.type === 'repositoryNode');
+
   if (!hasRepositories) {
     return (
       <>
         <NotificationPermissionBanner />
         <ControlCenterEmptyState onRepositorySelect={handleAddRepository} />
-        <FeatureCreateDrawer
-          open={isCreateDrawerOpen}
-          onClose={closeCreateDrawer}
-          onSubmit={handleCreateFeatureSubmit}
-          repositoryPath={pendingRepositoryPath}
-          workflowDefaults={workflowDefaults}
-          features={featureOptions}
-          initialParentId={pendingParentFeatureId}
+        <ControlCenterDrawer
+          view={drawerView}
+          onClose={handleClearDrawers}
+          onDelete={handleDeleteFeature}
+          isDeleting={isDeleting}
+          onCreateSubmit={handleCreateFeatureSubmit}
         />
       </>
     );
@@ -408,84 +159,15 @@ export function ControlCenterInner({ initialNodes, initialEdges }: ControlCenter
         onRepositoryClick={handleRepositoryClick}
         onRepositoryDelete={handleDeleteRepository}
         onRepositorySelect={handleAddRepository}
-        onCanvasDrag={handleClearDrawers}
         emptyState={<ControlCenterEmptyState onRepositorySelect={handleAddRepository} />}
       />
-      <FeatureDrawer
-        selectedNode={
-          showPrdDrawer || showTechDecisionsDrawer || showMergeReviewDrawer ? null : selectedNode
-        }
-        onClose={clearSelection}
+      <ControlCenterDrawer
+        view={drawerView}
+        onClose={handleClearDrawers}
         onDelete={handleDeleteFeature}
         isDeleting={isDeleting}
+        onCreateSubmit={handleCreateFeatureSubmit}
       />
-      {showPrdDrawer ? (
-        <PrdQuestionnaireDrawer
-          open
-          onClose={clearSelection}
-          featureName={selectedNode?.name ?? ''}
-          featureDescription={selectedNode?.description}
-          featureId={selectedNode?.featureId}
-          repositoryPath={selectedNode?.repositoryPath}
-          branch={selectedNode?.branch}
-          specPath={selectedNode?.specPath}
-          data={questionnaireData}
-          selections={prdSelections}
-          onSelect={handlePrdSelect}
-          onApprove={handlePrdApprove}
-          onReject={handlePrdReject}
-          isRejecting={isRejecting}
-          onDelete={handleDeleteFeature}
-          isDeleting={isDeleting}
-          isProcessing={isLoadingQuestionnaire}
-        />
-      ) : null}
-      {showTechDecisionsDrawer ? (
-        <TechDecisionsDrawer
-          open
-          onClose={clearSelection}
-          featureName={selectedNode?.name ?? ''}
-          featureId={selectedNode?.featureId}
-          repositoryPath={selectedNode?.repositoryPath}
-          branch={selectedNode?.branch}
-          specPath={selectedNode?.specPath}
-          data={techDecisionsData}
-          onApprove={handleTechDecisionsApprove}
-          onReject={handleTechDecisionsReject}
-          isRejecting={isRejecting}
-          onDelete={handleDeleteFeature}
-          isDeleting={isDeleting}
-          isProcessing={isLoadingTechDecisions}
-        />
-      ) : null}
-      {showMergeReviewDrawer ? (
-        <MergeReviewDrawer
-          open
-          onClose={clearSelection}
-          featureName={selectedNode?.name ?? ''}
-          featureId={selectedNode?.featureId}
-          repositoryPath={selectedNode?.repositoryPath}
-          branch={selectedNode?.branch}
-          specPath={selectedNode?.specPath}
-          data={mergeReviewData}
-          onApprove={handleMergeApprove}
-          onReject={handleMergeReject}
-          isRejecting={isRejecting}
-          onDelete={handleDeleteFeature}
-          isDeleting={isDeleting}
-          isProcessing={isLoadingMergeReview}
-        />
-      ) : null}
-      <FeatureCreateDrawer
-        open={isCreateDrawerOpen}
-        onClose={closeCreateDrawer}
-        onSubmit={handleCreateFeatureSubmit}
-        repositoryPath={pendingRepositoryPath}
-        workflowDefaults={workflowDefaults}
-        features={featureOptions}
-        initialParentId={pendingParentFeatureId}
-      />
-      <RepositoryDrawer data={selectedRepoNode} onClose={() => setSelectedRepoNode(null)} />
     </>
   );
 }

package/web/.next/standalone/src/presentation/web/components/features/control-center/use-control-center-state.ts

@@ -592,12 +592,13 @@ export function useControlCenterState(
       const repoEdge = edges.find((e) => e.target === featureNodeId);
       const repoNodeId = repoEdge?.source ?? null;
 
+      clickSound.play();
       setSelectedNode(null);
       setPendingRepoNodeId(repoNodeId);
       setPendingParentFeatureId(featureId);
       setIsCreateDrawerOpen(true);
     },
-    [edges]
+    [edges, clickSound]
   );
 
   const handleLayout = useCallback(

package/web/.next/standalone/src/presentation/web/components/features/features-canvas/features-canvas.tsx

@@ -145,7 +145,11 @@ export function FeaturesCanvas({
   }
 
   return (
-    <div data-testid="features-canvas" className="h-full w-full">
+    <div
+      data-testid="features-canvas"
+      data-no-drawer-close
+      className="pointer-events-auto h-full w-full"
+    >
       <ReactFlowProvider>
         <ReactFlow
           nodes={enrichedNodes}

package/web/.next/standalone/src/presentation/web/server.js

@@ -15,7 +15,7 @@ const currentPort = parseInt(process.env.PORT, 10) || 3000
 const hostname = process.env.HOSTNAME || '0.0.0.0'
 
 let keepAliveTimeout = parseInt(process.env.KEEP_ALIVE_TIMEOUT, 10)
-const nextConfig = {"env":{"NEXT_PUBLIC_SHEP_VERSION":"1.66.3","NEXT_PUBLIC_SHEP_PACKAGE_NAME":"@shepai/cli","NEXT_PUBLIC_SHEP_DESCRIPTION":"Autonomous AI Native SDLC Platform - Automate the development cycle from idea to deploy"},"webpack":null,"typescript":{"ignoreBuildErrors":false},"typedRoutes":true,"distDir":"./.next","cleanDistDir":true,"assetPrefix":"","cacheMaxMemorySize":52428800,"configOrigin":"next.config.ts","useFileSystemPublicRoutes":true,"generateEtags":true,"pageExtensions":["tsx","ts","jsx","js"],"poweredByHeader":true,"compress":true,"images":{"deviceSizes":[640,750,828,1080,1200,1920,2048,3840],"imageSizes":[32,48,64,96,128,256,384],"path":"/_next/image","loader":"default","loaderFile":"","domains":[],"disableStaticImages":false,"minimumCacheTTL":14400,"formats":["image/webp"],"maximumRedirects":3,"maximumResponseBody":50000000,"dangerouslyAllowLocalIP":false,"dangerouslyAllowSVG":false,"contentSecurityPolicy":"script-src 'none'; frame-src 'none'; sandbox;","contentDispositionType":"attachment","localPatterns":[{"pathname":"**","search":""}],"remotePatterns":[],"qualities":[75],"unoptimized":false},"devIndicators":{"position":"bottom-left"},"onDemandEntries":{"maxInactiveAge":60000,"pagesBufferLength":5},"basePath":"","sassOptions":{},"trailingSlash":false,"i18n":null,"productionBrowserSourceMaps":false,"excludeDefaultMomentLocales":true,"reactProductionProfiling":false,"reactStrictMode":null,"reactMaxHeadersLength":6000,"httpAgentOptions":{"keepAlive":true},"logging":{},"compiler":{},"expireTime":31536000,"staticPageGenerationTimeout":60,"output":"standalone","modularizeImports":{"@mui/icons-material":{"transform":"@mui/icons-material/{{member}}"},"lodash":{"transform":"lodash/{{member}}"}},"outputFileTracingRoot":"/home/runner/work/cli/cli","cacheComponents":false,"cacheLife":{"default":{"stale":300,"revalidate":900,"expire":4294967294},"seconds":{"stale":30,"revalidate":1,"expire":60},"minutes":{"stale":300,"revalidate":60,"expire":3600},"hours":{"stale":300,"revalidate":3600,"expire":86400},"days":{"stale":300,"revalidate":86400,"expire":604800},"weeks":{"stale":300,"revalidate":604800,"expire":2592000},"max":{"stale":300,"revalidate":2592000,"expire":31536000}},"cacheHandlers":{},"experimental":{"useSkewCookie":false,"cssChunking":true,"multiZoneDraftMode":false,"appNavFailHandling":false,"prerenderEarlyExit":true,"serverMinification":true,"linkNoTouchStart":false,"caseSensitiveRoutes":false,"dynamicOnHover":false,"preloadEntriesOnStart":true,"clientRouterFilter":true,"clientRouterFilterRedirects":false,"fetchCacheKeyPrefix":"","proxyPrefetch":"flexible","optimisticClientCache":true,"manualClientBasePath":false,"cpus":3,"memoryBasedWorkersCount":false,"imgOptConcurrency":null,"imgOptTimeoutInSeconds":7,"imgOptMaxInputPixels":268402689,"imgOptSequentialRead":null,"imgOptSkipMetadata":null,"isrFlushToDisk":true,"workerThreads":false,"optimizeCss":false,"nextScriptWorkers":false,"scrollRestoration":false,"externalDir":false,"disableOptimizedLoading":false,"gzipSize":true,"craCompat":false,"esmExternals":true,"fullySpecified":false,"swcTraceProfiling":false,"forceSwcTransforms":false,"largePageDataBytes":128000,"typedEnv":false,"parallelServerCompiles":false,"parallelServerBuildTraces":false,"ppr":false,"authInterrupts":false,"webpackMemoryOptimizations":false,"optimizeServerReact":true,"viewTransition":false,"removeUncaughtErrorAndRejectionListeners":false,"validateRSCRequestHeaders":false,"staleTimes":{"dynamic":0,"static":300},"reactDebugChannel":false,"serverComponentsHmrCache":true,"staticGenerationMaxConcurrency":8,"staticGenerationMinPagesPerWorker":25,"transitionIndicator":false,"inlineCss":false,"useCache":false,"globalNotFound":false,"browserDebugInfoInTerminal":false,"lockDistDir":true,"isolatedDevBuild":true,"proxyClientMaxBodySize":10485760,"hideLogsAfterAbort":false,"mcpServer":true,"turbopackFileSystemCacheForDev":true,"turbopackFileSystemCacheForBuild":false,"turbopackInferModuleSideEffects":false,"optimizePackageImports":["lucide-react","date-fns","lodash-es","ramda","antd","react-bootstrap","ahooks","@ant-design/icons","@headlessui/react","@headlessui-float/react","@heroicons/react/20/solid","@heroicons/react/24/solid","@heroicons/react/24/outline","@visx/visx","@tremor/react","rxjs","@mui/material","@mui/icons-material","recharts","react-use","effect","@effect/schema","@effect/platform","@effect/platform-node","@effect/platform-browser","@effect/platform-bun","@effect/sql","@effect/sql-mssql","@effect/sql-mysql2","@effect/sql-pg","@effect/sql-sqlite-node","@effect/sql-sqlite-bun","@effect/sql-sqlite-wasm","@effect/sql-sqlite-react-native","@effect/rpc","@effect/rpc-http","@effect/typeclass","@effect/experimental","@effect/opentelemetry","@material-ui/core","@material-ui/icons","@tabler/icons-react","mui-core","react-icons/ai","react-icons/bi","react-icons/bs","react-icons/cg","react-icons/ci","react-icons/di","react-icons/fa","react-icons/fa6","react-icons/fc","react-icons/fi","react-icons/gi","react-icons/go","react-icons/gr","react-icons/hi","react-icons/hi2","react-icons/im","react-icons/io","react-icons/io5","react-icons/lia","react-icons/lib","react-icons/lu","react-icons/md","react-icons/pi","react-icons/ri","react-icons/rx","react-icons/si","react-icons/sl","react-icons/tb","react-icons/tfi","react-icons/ti","react-icons/vsc","react-icons/wi"],"trustHostHeader":false,"isExperimentalCompile":false},"htmlLimitedBots":"[\\w-]+-Google|Google-[\\w-]+|Chrome-Lighthouse|Slurp|DuckDuckBot|baiduspider|yandex|sogou|bitlybot|tumblr|vkShare|quora link preview|redditbot|ia_archiver|Bingbot|BingPreview|applebot|facebookexternalhit|facebookcatalog|Twitterbot|LinkedInBot|Slackbot|Discordbot|WhatsApp|SkypeUriPreview|Yeti|googleweblight","bundlePagesRouterDependencies":false,"configFileName":"next.config.ts","turbopack":{"root":"/home/runner/work/cli/cli"},"serverExternalPackages":["tsyringe","reflect-metadata","better-sqlite3","node:os","node:child_process","node:fs"],"distDirRoot":".next"}
+const nextConfig = {"env":{"NEXT_PUBLIC_SHEP_VERSION":"1.66.4","NEXT_PUBLIC_SHEP_PACKAGE_NAME":"@shepai/cli","NEXT_PUBLIC_SHEP_DESCRIPTION":"Autonomous AI Native SDLC Platform - Automate the development cycle from idea to deploy"},"webpack":null,"typescript":{"ignoreBuildErrors":false},"typedRoutes":true,"distDir":"./.next","cleanDistDir":true,"assetPrefix":"","cacheMaxMemorySize":52428800,"configOrigin":"next.config.ts","useFileSystemPublicRoutes":true,"generateEtags":true,"pageExtensions":["tsx","ts","jsx","js"],"poweredByHeader":true,"compress":true,"images":{"deviceSizes":[640,750,828,1080,1200,1920,2048,3840],"imageSizes":[32,48,64,96,128,256,384],"path":"/_next/image","loader":"default","loaderFile":"","domains":[],"disableStaticImages":false,"minimumCacheTTL":14400,"formats":["image/webp"],"maximumRedirects":3,"maximumResponseBody":50000000,"dangerouslyAllowLocalIP":false,"dangerouslyAllowSVG":false,"contentSecurityPolicy":"script-src 'none'; frame-src 'none'; sandbox;","contentDispositionType":"attachment","localPatterns":[{"pathname":"**","search":""}],"remotePatterns":[],"qualities":[75],"unoptimized":false},"devIndicators":{"position":"bottom-left"},"onDemandEntries":{"maxInactiveAge":60000,"pagesBufferLength":5},"basePath":"","sassOptions":{},"trailingSlash":false,"i18n":null,"productionBrowserSourceMaps":false,"excludeDefaultMomentLocales":true,"reactProductionProfiling":false,"reactStrictMode":null,"reactMaxHeadersLength":6000,"httpAgentOptions":{"keepAlive":true},"logging":{},"compiler":{},"expireTime":31536000,"staticPageGenerationTimeout":60,"output":"standalone","modularizeImports":{"@mui/icons-material":{"transform":"@mui/icons-material/{{member}}"},"lodash":{"transform":"lodash/{{member}}"}},"outputFileTracingRoot":"/home/runner/work/cli/cli","cacheComponents":false,"cacheLife":{"default":{"stale":300,"revalidate":900,"expire":4294967294},"seconds":{"stale":30,"revalidate":1,"expire":60},"minutes":{"stale":300,"revalidate":60,"expire":3600},"hours":{"stale":300,"revalidate":3600,"expire":86400},"days":{"stale":300,"revalidate":86400,"expire":604800},"weeks":{"stale":300,"revalidate":604800,"expire":2592000},"max":{"stale":300,"revalidate":2592000,"expire":31536000}},"cacheHandlers":{},"experimental":{"useSkewCookie":false,"cssChunking":true,"multiZoneDraftMode":false,"appNavFailHandling":false,"prerenderEarlyExit":true,"serverMinification":true,"linkNoTouchStart":false,"caseSensitiveRoutes":false,"dynamicOnHover":false,"preloadEntriesOnStart":true,"clientRouterFilter":true,"clientRouterFilterRedirects":false,"fetchCacheKeyPrefix":"","proxyPrefetch":"flexible","optimisticClientCache":true,"manualClientBasePath":false,"cpus":3,"memoryBasedWorkersCount":false,"imgOptConcurrency":null,"imgOptTimeoutInSeconds":7,"imgOptMaxInputPixels":268402689,"imgOptSequentialRead":null,"imgOptSkipMetadata":null,"isrFlushToDisk":true,"workerThreads":false,"optimizeCss":false,"nextScriptWorkers":false,"scrollRestoration":false,"externalDir":false,"disableOptimizedLoading":false,"gzipSize":true,"craCompat":false,"esmExternals":true,"fullySpecified":false,"swcTraceProfiling":false,"forceSwcTransforms":false,"largePageDataBytes":128000,"typedEnv":false,"parallelServerCompiles":false,"parallelServerBuildTraces":false,"ppr":false,"authInterrupts":false,"webpackMemoryOptimizations":false,"optimizeServerReact":true,"viewTransition":false,"removeUncaughtErrorAndRejectionListeners":false,"validateRSCRequestHeaders":false,"staleTimes":{"dynamic":0,"static":300},"reactDebugChannel":false,"serverComponentsHmrCache":true,"staticGenerationMaxConcurrency":8,"staticGenerationMinPagesPerWorker":25,"transitionIndicator":false,"inlineCss":false,"useCache":false,"globalNotFound":false,"browserDebugInfoInTerminal":false,"lockDistDir":true,"isolatedDevBuild":true,"proxyClientMaxBodySize":10485760,"hideLogsAfterAbort":false,"mcpServer":true,"turbopackFileSystemCacheForDev":true,"turbopackFileSystemCacheForBuild":false,"turbopackInferModuleSideEffects":false,"optimizePackageImports":["lucide-react","date-fns","lodash-es","ramda","antd","react-bootstrap","ahooks","@ant-design/icons","@headlessui/react","@headlessui-float/react","@heroicons/react/20/solid","@heroicons/react/24/solid","@heroicons/react/24/outline","@visx/visx","@tremor/react","rxjs","@mui/material","@mui/icons-material","recharts","react-use","effect","@effect/schema","@effect/platform","@effect/platform-node","@effect/platform-browser","@effect/platform-bun","@effect/sql","@effect/sql-mssql","@effect/sql-mysql2","@effect/sql-pg","@effect/sql-sqlite-node","@effect/sql-sqlite-bun","@effect/sql-sqlite-wasm","@effect/sql-sqlite-react-native","@effect/rpc","@effect/rpc-http","@effect/typeclass","@effect/experimental","@effect/opentelemetry","@material-ui/core","@material-ui/icons","@tabler/icons-react","mui-core","react-icons/ai","react-icons/bi","react-icons/bs","react-icons/cg","react-icons/ci","react-icons/di","react-icons/fa","react-icons/fa6","react-icons/fc","react-icons/fi","react-icons/gi","react-icons/go","react-icons/gr","react-icons/hi","react-icons/hi2","react-icons/im","react-icons/io","react-icons/io5","react-icons/lia","react-icons/lib","react-icons/lu","react-icons/md","react-icons/pi","react-icons/ri","react-icons/rx","react-icons/si","react-icons/sl","react-icons/tb","react-icons/tfi","react-icons/ti","react-icons/vsc","react-icons/wi"],"trustHostHeader":false,"isExperimentalCompile":false},"htmlLimitedBots":"[\\w-]+-Google|Google-[\\w-]+|Chrome-Lighthouse|Slurp|DuckDuckBot|baiduspider|yandex|sogou|bitlybot|tumblr|vkShare|quora link preview|redditbot|ia_archiver|Bingbot|BingPreview|applebot|facebookexternalhit|facebookcatalog|Twitterbot|LinkedInBot|Slackbot|Discordbot|WhatsApp|SkypeUriPreview|Yeti|googleweblight","bundlePagesRouterDependencies":false,"configFileName":"next.config.ts","turbopack":{"root":"/home/runner/work/cli/cli"},"serverExternalPackages":["tsyringe","reflect-metadata","better-sqlite3","node:os","node:child_process","node:fs"],"distDirRoot":".next"}
 
 process.env.__NEXT_PRIVATE_STANDALONE_CONFIG = JSON.stringify(nextConfig)
 

package/web/.next/static/chunks/38ca82d1243738e3.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,54793,7729,e=>{"use strict";var t=e.i(20314),n=e.i(31777);function r({icon:e,title:r,description:a,action:o,className:i,...l}){return(0,t.jsxs)("div",{className:(0,n.cn)("flex flex-col items-center gap-4 px-4 py-12 text-center",i),...l,children:[e?(0,t.jsx)("div",{className:"text-muted-foreground",children:e}):null,(0,t.jsx)("h3",{className:"text-lg font-semibold",children:r}),a?(0,t.jsx)("p",{className:"text-muted-foreground max-w-md text-sm",children:a}):null,o?(0,t.jsx)("div",{className:"mt-2",children:o}):null]})}e.s(["EmptyState",()=>r],7729),e.s([],54793)},19933,24042,64970,72714,81803,17466,99348,e=>{"use strict";var t=e.i(3645);let n=(0,t.default)("folder-open",[["path",{d:"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",key:"usdka0"}]]);e.s(["FolderOpen",()=>n],19933);let r=(0,t.default)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]]);e.s(["Play",()=>r],24042);let a=(0,t.default)("square",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]]);e.s(["Square",()=>a],64970);var o=e.i(20314),i=e.i(83428),l=e.i(51251),u=e.i(31777),s=e.i(35364),d=e.i(8361);function c({label:e,onClick:t,loading:n,error:r,icon:a,iconOnly:c=!1,variant:f="outline",size:m="sm"}){let p=(0,d.useSoundAction)("click");return(0,o.jsxs)(s.Button,{variant:f,size:m,"aria-label":e,disabled:n,onClick:()=>{p.play(),t()},className:(0,u.cn)("gap-1.5",r&&"text-destructive hover:text-destructive",!r&&c&&"ghost"===f&&"text-muted-foreground cursor-pointer rounded-full transition-colors hover:text-blue-500"),children:[n?(0,o.jsx)(i.Loader2,{className:"size-4 animate-spin"}):r?(0,o.jsx)(l.CircleAlert,{className:"size-4"}):(0,o.jsx)(a,{className:"size-4"}),c?null:e]})}e.s(["ActionButton",()=>c],72714),e.s([],81803);var f=e.i(30702),m=e.i(17406),p=e.i(81846);function h({status:e,url:t}){switch(e){case m.DeploymentState.Booting:return(0,o.jsxs)(p.Badge,{className:"border-transparent bg-blue-50 text-blue-700 hover:bg-blue-50",children:[(0,o.jsx)(i.Loader2,{className:"mr-1 h-3.5 w-3.5 animate-spin"}),"Starting..."]});case m.DeploymentState.Ready:return(0,o.jsxs)(p.Badge,{className:"border-transparent bg-green-50 text-green-700 hover:bg-green-50",children:[(0,o.jsx)("span",{className:"mr-1 inline-block h-2 w-2 rounded-full bg-green-500"}),t?(0,o.jsxs)("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1 hover:underline",onClick:e=>e.stopPropagation(),children:[t,(0,o.jsx)(f.ExternalLink,{className:"h-3 w-3"})]}):"Ready"]});default:return null}}e.s(["DeploymentStatusBadge",()=>h],17466),e.s([],99348)},45811,e=>{"use strict";let t;var n=e.i(20314),r=e.i(48249),a=e.i(567),o=e.i(79054);let i=o.default.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:"bottom",shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),l=()=>{let e=o.default.useContext(i);if(!e)throw Error("useDrawerContext must be used within a Drawer.Root");return e};function u(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function s(){return d(/^iPhone/)||d(/^iPad/)||d(/^Mac/)&&navigator.maxTouchPoints>1}function d(e){return"u">typeof window&&null!=window.navigator?e.test(window.navigator.platform):void 0}!function(e){if(!e||"u"<typeof document)return;let t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}("[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(\n[data-state=closed]\n){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}");let c="u">typeof window?o.useLayoutEffect:o.useEffect;function f(...e){return(...t)=>{for(let n of e)"function"==typeof n&&n(...t)}}let m="u">typeof document&&window.visualViewport;function p(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function h(e){for(p(e)&&(e=e.parentElement);e&&!p(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}let v=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]),g=0;function w(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}function y(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let t=h(e);if(t!==document.documentElement&&t!==document.body&&t!==e){let n=t.getBoundingClientRect().top,r=e.getBoundingClientRect().top;e.getBoundingClientRect().bottom>t.getBoundingClientRect().bottom+24&&(t.scrollTop+=r-n)}e=t.parentElement}}function b(e){return e instanceof HTMLInputElement&&!v.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function x(...e){return o.useCallback(function(...e){return t=>e.forEach(e=>{"function"==typeof e?e(t):null!=e&&(e.current=t)})}(...e),e)}let R=new WeakMap;function T(e,t,n=!1){if(!e||!(e instanceof HTMLElement))return;let r={};Object.entries(t).forEach(([t,n])=>{t.startsWith("--")?e.style.setProperty(t,n):(r[t]=e.style[t],e.style[t]=n)}),n||R.set(e,r)}let E=e=>{switch(e){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return e}};function C(e,t){if(!e)return null;let n=window.getComputedStyle(e),r=n.transform||n.webkitTransform||n.mozTransform,a=r.match(/^matrix3d\((.+)\)$/);return a?parseFloat(a[1].split(", ")[E(t)?13:12]):(a=r.match(/^matrix\((.+)\)$/))?parseFloat(a[1].split(", ")[E(t)?5:4]):null}function D(e,t){if(!e)return()=>{};let n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}let S=[.32,.72,0,1],j="vaul-dragging";function k(e){let t=o.default.useRef(e);return o.default.useEffect(()=>{t.current=e}),o.default.useMemo(()=>(...e)=>null==t.current?void 0:t.current.call(t,...e),[])}function $({prop:e,defaultProp:t,onChange:n=()=>{}}){let[r,a]=function({defaultProp:e,onChange:t}){let n=o.default.useState(e),[r]=n,a=o.default.useRef(r),i=k(t);return o.default.useEffect(()=>{a.current!==r&&(i(r),a.current=r)},[r,a,i]),n}({defaultProp:t,onChange:n}),i=void 0!==e,l=i?e:r,u=k(n);return[l,o.default.useCallback(t=>{if(i){let n="function"==typeof t?t(e):t;n!==e&&u(n)}else a(t)},[i,e,a,u])]}let N=()=>()=>{},M=null;function P({open:e,onOpenChange:n,children:r,onDrag:l,onRelease:d,snapPoints:p,shouldScaleBackground:v=!1,setBackgroundColorOnScale:x=!0,closeThreshold:D=.25,scrollLockTimeout:k=100,dismissible:N=!0,handleOnly:P=!1,fadeFromIndex:O=p&&p.length-1,activeSnapPoint:B,setActiveSnapPoint:L,fixed:z,modal:F=!0,onClose:A,nested:H,noBodyStyles:I=!1,direction:W="bottom",defaultOpen:q=!1,disablePreventScroll:Y=!0,snapToSequentialPoint:U=!1,preventScrollRestoration:X=!1,repositionInputs:V=!0,onAnimationEnd:K,container:_,autoFocus:G=!1}){var J,Q;let[Z=!1,ee]=$({defaultProp:q,prop:e,onChange:e=>{null==n||n(e),e||H||eN(),setTimeout(()=>{null==K||K(e)},500),e&&!F&&"u">typeof window&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),e||(document.body.style.pointerEvents="auto")}}),[et,en]=o.default.useState(!1),[er,ea]=o.default.useState(!1),[eo,ei]=o.default.useState(!1),el=o.default.useRef(null),eu=o.default.useRef(null),es=o.default.useRef(null),ed=o.default.useRef(null),ec=o.default.useRef(null),ef=o.default.useRef(!1),em=o.default.useRef(null),ep=o.default.useRef(0),eh=o.default.useRef(!1),ev=o.default.useRef(!q),eg=o.default.useRef(0),ew=o.default.useRef(null),ey=o.default.useRef((null==(J=ew.current)?void 0:J.getBoundingClientRect().height)||0),eb=o.default.useRef((null==(Q=ew.current)?void 0:Q.getBoundingClientRect().width)||0),ex=o.default.useRef(0),eR=o.default.useCallback(e=>{p&&e===eS.length-1&&(eu.current=new Date)},[]),{activeSnapPoint:eT,activeSnapPointIndex:eE,setActiveSnapPoint:eC,onRelease:eD,snapPointsOffset:eS,onDrag:ej,shouldFade:ek,getPercentageDragged:e$}=function({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:r,overlayRef:a,fadeFromIndex:i,onSnapPointChange:l,direction:u="bottom",container:s,snapToSequentialPoint:d}){let[c,f]=$({prop:e,defaultProp:null==n?void 0:n[0],onChange:t}),[m,p]=o.default.useState("u">typeof window?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);o.default.useEffect(()=>{function e(){p({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let h=o.default.useMemo(()=>c===(null==n?void 0:n[n.length-1])||null,[n,c]),v=o.default.useMemo(()=>{var e;return null!=(e=null==n?void 0:n.findIndex(e=>e===c))?e:null},[n,c]),g=n&&n.length>0&&(i||0===i)&&!Number.isNaN(i)&&n[i]===c||!n,w=o.default.useMemo(()=>{var e;let t=s?{width:s.getBoundingClientRect().width,height:s.getBoundingClientRect().height}:"u">typeof window?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};return null!=(e=null==n?void 0:n.map(e=>{let n="string"==typeof e,r=0;if(n&&(r=parseInt(e,10)),E(u)){let a=n?r:m?e*t.height:0;return m?"bottom"===u?t.height-a:-t.height+a:a}let a=n?r:m?e*t.width:0;return m?"right"===u?t.width-a:-t.width+a:a}))?e:[]},[n,m,s]),y=o.default.useMemo(()=>null!==v?null==w?void 0:w[v]:null,[w,v]),b=o.default.useCallback(e=>{var t;let o=null!=(t=null==w?void 0:w.findIndex(t=>t===e))?t:null;l(o),T(r.current,{transition:`transform 0.5s cubic-bezier(${S.join(",")})`,transform:E(u)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`}),w&&o!==w.length-1&&void 0!==i&&o!==i&&o<i?T(a.current,{transition:`opacity 0.5s cubic-bezier(${S.join(",")})`,opacity:"0"}):T(a.current,{transition:`opacity 0.5s cubic-bezier(${S.join(",")})`,opacity:"1"}),f(null==n?void 0:n[Math.max(o,0)])},[r.current,n,w,i,a,f]);return o.default.useEffect(()=>{if(c||e){var t;let r=null!=(t=null==n?void 0:n.findIndex(t=>t===e||t===c))?t:-1;w&&-1!==r&&"number"==typeof w[r]&&b(w[r])}},[c,e,n,w,b]),{isLastSnapPoint:h,activeSnapPoint:c,shouldFade:g,getPercentageDragged:function(e,t){if(!n||"number"!=typeof v||!w||void 0===i)return null;let r=v===i-1;if(v>=i&&t)return 0;if(r&&!t)return 1;if(!g&&!r)return null;let a=r?v+1:v-1,o=e/Math.abs(r?w[a]-w[a-1]:w[a+1]-w[a]);return r?1-o:o},setActiveSnapPoint:f,activeSnapPointIndex:v,onRelease:function({draggedDistance:e,closeDrawer:t,velocity:r,dismissible:o}){if(void 0===i)return;let l="bottom"===u||"right"===u?(null!=y?y:0)-e:(null!=y?y:0)+e,s=v===i-1,c=0===v,f=e>0;if(s&&T(a.current,{transition:`opacity 0.5s cubic-bezier(${S.join(",")})`}),!d&&r>2&&!f)return void(o?t():b(w[0]));if(!d&&r>2&&f&&w&&n)return void b(w[n.length-1]);let m=null==w?void 0:w.reduce((e,t)=>"number"!=typeof e||"number"!=typeof t?e:Math.abs(t-l)<Math.abs(e-l)?t:e),p=E(u)?window.innerHeight:window.innerWidth;if(r>.4&&Math.abs(e)<.4*p){let e=f?1:-1;return e>0&&h&&n?void b(w[n.length-1]):void(c&&e<0&&o&&t(),null===v||b(w[v+e]))}b(m)},onDrag:function({draggedDistance:e}){if(null===y)return;let t="bottom"===u||"right"===u?y-e:y+e;("bottom"===u||"right"===u)&&t<w[w.length-1]||("top"===u||"left"===u)&&t>w[w.length-1]||T(r.current,{transform:E(u)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})},snapPointsOffset:w}}({snapPoints:p,activeSnapPointProp:B,setActiveSnapPointProp:L,drawerRef:ew,fadeFromIndex:O,overlayRef:el,onSnapPointChange:eR,direction:W,container:_,snapToSequentialPoint:U});!function(e={}){let{isDisabled:n}=e;c(()=>{if(!n){var e,r,a;let n,o,i,l,u,d,c;return 1==++g&&s()&&(i=0,l=window.pageXOffset,u=window.pageYOffset,d=f((e=document.documentElement,r="paddingRight",a=`${window.innerWidth-document.documentElement.clientWidth}px`,n=e.style[r],e.style[r]=a,()=>{e.style[r]=n})),window.scrollTo(0,0),c=f(w(document,"touchstart",e=>{((o=h(e.target))!==document.documentElement||o!==document.body)&&(i=e.changedTouches[0].pageY)},{passive:!1,capture:!0}),w(document,"touchmove",e=>{if(!o||o===document.documentElement||o===document.body)return void e.preventDefault();let t=e.changedTouches[0].pageY,n=o.scrollTop,r=o.scrollHeight-o.clientHeight;0!==r&&((n<=0&&t>i||n>=r&&t<i)&&e.preventDefault(),i=t)},{passive:!1,capture:!0}),w(document,"touchend",e=>{let t=e.target;b(t)&&t!==document.activeElement&&(e.preventDefault(),t.style.transform="translateY(-2000px)",t.focus(),requestAnimationFrame(()=>{t.style.transform=""}))},{passive:!1,capture:!0}),w(document,"focus",e=>{let t=e.target;b(t)&&(t.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{t.style.transform="",m&&(m.height<window.innerHeight?requestAnimationFrame(()=>{y(t)}):m.addEventListener("resize",()=>y(t),{once:!0}))}))},!0),w(window,"scroll",()=>{window.scrollTo(0,0)})),t=()=>{d(),c(),window.scrollTo(l,u)}),()=>{0==--g&&(null==t||t())}}},[n])}({isDisabled:!Z||er||!F||eo||!et||!V||!Y});let{restorePositionSetting:eN}=function({isOpen:e,modal:t,nested:n,hasBeenOpened:r,preventScrollRestoration:a,noBodyStyles:i}){let[l,s]=o.default.useState(()=>"u">typeof window?window.location.href:""),d=o.default.useRef(0),c=o.default.useCallback(()=>{if(u()&&null===M&&e&&!i){M={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};let{scrollX:e,innerHeight:t}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-d.current}px`,left:`${-e}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{let e=t-window.innerHeight;e&&d.current>=t&&(document.body.style.top=`${-(d.current+e)}px`)}),300)}},[e]),f=o.default.useCallback(()=>{if(u()&&null!==M&&!i){let e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);Object.assign(document.body.style,M),window.requestAnimationFrame(()=>{a&&l!==window.location.href?s(window.location.href):window.scrollTo(t,e)}),M=null}},[l]);return o.default.useEffect(()=>{function e(){d.current=window.scrollY}return e(),window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[]),o.default.useEffect(()=>{if(t)return()=>{"u"<typeof document||document.querySelector("[data-vaul-drawer]")||f()}},[t,f]),o.default.useEffect(()=>{!n&&r&&(e?(window.matchMedia("(display-mode: standalone)").matches||c(),t||window.setTimeout(()=>{f()},500)):f())},[e,r,l,t,n,c,f]),{restorePositionSetting:f}}({isOpen:Z,modal:F,nested:null!=H&&H,hasBeenOpened:et,preventScrollRestoration:X,noBodyStyles:I});function eM(){return(window.innerWidth-26)/window.innerWidth}function eP(e,t){var n;let r=e,a=null==(n=window.getSelection())?void 0:n.toString(),o=ew.current?C(ew.current,W):null,i=new Date;if("SELECT"===r.tagName||r.hasAttribute("data-vaul-no-drag")||r.closest("[data-vaul-no-drag]"))return!1;if("right"===W||"left"===W)return!0;if(eu.current&&i.getTime()-eu.current.getTime()<500)return!1;if(null!==o&&("bottom"===W?o>0:o<0))return!0;if(a&&a.length>0)return!1;if(ec.current&&i.getTime()-ec.current.getTime()<k&&0===o||t)return ec.current=i,!1;for(;r;){if(r.scrollHeight>r.clientHeight){if(0!==r.scrollTop)return ec.current=new Date,!1;if("dialog"===r.getAttribute("role"))break}r=r.parentNode}return!0}function eO(e){er&&ew.current&&(ew.current.classList.remove(j),ef.current=!1,ea(!1),ed.current=new Date),null==A||A(),e||ee(!1),setTimeout(()=>{p&&eC(p[0])},500)}function eB(){if(!ew.current)return;let e=document.querySelector("[data-vaul-drawer-wrapper]"),t=C(ew.current,W);T(ew.current,{transform:"translate3d(0, 0, 0)",transition:`transform 0.5s cubic-bezier(${S.join(",")})`}),T(el.current,{transition:`opacity 0.5s cubic-bezier(${S.join(",")})`,opacity:"1"}),v&&t&&t>0&&Z&&T(e,{borderRadius:"8px",overflow:"hidden",...E(W)?{transform:`scale(${eM()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${eM()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:"0.5s",transitionTimingFunction:`cubic-bezier(${S.join(",")})`},!0)}return o.default.useEffect(()=>{window.requestAnimationFrame(()=>{ev.current=!0})},[]),o.default.useEffect(()=>{var e;function t(){if(ew.current&&V&&(b(document.activeElement)||eh.current)){var e;let t=(null==(e=window.visualViewport)?void 0:e.height)||0,n=window.innerHeight,r=n-t,a=ew.current.getBoundingClientRect().height||0;ex.current||(ex.current=a);let o=ew.current.getBoundingClientRect().top;if(Math.abs(eg.current-r)>60&&(eh.current=!eh.current),p&&p.length>0&&eS&&eE&&(r+=eS[eE]||0),eg.current=r,a>t||eh.current){let e=ew.current.getBoundingClientRect().height,i=e;e>t&&(i=t-(a>.8*n?o:26)),z?ew.current.style.height=`${e-Math.max(r,0)}px`:ew.current.style.height=`${Math.max(i,t-o)}px`}else{let e;e=navigator.userAgent,"u">typeof window&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))||(ew.current.style.height=`${ex.current}px`)}p&&p.length>0&&!eh.current?ew.current.style.bottom="0px":ew.current.style.bottom=`${Math.max(r,0)}px`}}return null==(e=window.visualViewport)||e.addEventListener("resize",t),()=>{var e;return null==(e=window.visualViewport)?void 0:e.removeEventListener("resize",t)}},[eE,p,eS]),o.default.useEffect(()=>(Z&&(T(document.documentElement,{scrollBehavior:"auto"}),eu.current=new Date),()=>{!function(e,t){if(!e||!(e instanceof HTMLElement))return;let n=R.get(e);n&&(e.style[t]=n[t])}(document.documentElement,"scrollBehavior")}),[Z]),o.default.useEffect(()=>{F||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[F]),o.default.createElement(a.Root,{defaultOpen:q,onOpenChange:e=>{(N||e)&&(e?en(!0):eO(!0),ee(e))},open:Z},o.default.createElement(i.Provider,{value:{activeSnapPoint:eT,snapPoints:p,setActiveSnapPoint:eC,drawerRef:ew,overlayRef:el,onOpenChange:n,onPress:function(e){var t,n;!N&&!p||(!ew.current||ew.current.contains(e.target))&&(ey.current=(null==(t=ew.current)?void 0:t.getBoundingClientRect().height)||0,eb.current=(null==(n=ew.current)?void 0:n.getBoundingClientRect().width)||0,ea(!0),es.current=new Date,s()&&window.addEventListener("touchend",()=>ef.current=!1,{once:!0}),e.target.setPointerCapture(e.pointerId),ep.current=E(W)?e.pageY:e.pageX)},onRelease:function(e){var t,n;if(!er||!ew.current)return;ew.current.classList.remove(j),ef.current=!1,ea(!1),ed.current=new Date;let r=C(ew.current,W);if(!e||!eP(e.target,!1)||!r||Number.isNaN(r)||null===es.current)return;let a=ed.current.getTime()-es.current.getTime(),o=ep.current-(E(W)?e.pageY:e.pageX),i=Math.abs(o)/a;if(i>.05&&(ei(!0),setTimeout(()=>{ei(!1)},200)),p){eD({draggedDistance:o*("bottom"===W||"right"===W?1:-1),closeDrawer:eO,velocity:i,dismissible:N}),null==d||d(e,!0);return}if("bottom"===W||"right"===W?o>0:o<0){eB(),null==d||d(e,!0);return}if(i>.4){eO(),null==d||d(e,!1);return}let l=Math.min(null!=(t=ew.current.getBoundingClientRect().height)?t:0,window.innerHeight),u=Math.min(null!=(n=ew.current.getBoundingClientRect().width)?n:0,window.innerWidth);if(Math.abs(r)>=("left"===W||"right"===W?u:l)*D){eO(),null==d||d(e,!1);return}null==d||d(e,!0),eB()},onDrag:function(e){if(ew.current&&er){let t="bottom"===W||"right"===W?1:-1,n=(ep.current-(E(W)?e.pageY:e.pageX))*t,r=n>0,a=p&&!N&&!r;if(a&&0===eE)return;let o=Math.abs(n),i=document.querySelector("[data-vaul-drawer-wrapper]"),u=o/("bottom"===W||"top"===W?ey.current:eb.current),s=e$(o,r);if(null!==s&&(u=s),a&&u>=1||!ef.current&&!eP(e.target,r))return;if(ew.current.classList.add(j),ef.current=!0,T(ew.current,{transition:"none"}),T(el.current,{transition:"none"}),p&&ej({draggedDistance:n}),r&&!p){let e=Math.min(-(8*(Math.log(n+1)-2)*1),0)*t;T(ew.current,{transform:E(W)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`});return}let d=1-u;if((ek||O&&eE===O-1)&&(null==l||l(e,u),T(el.current,{opacity:`${d}`,transition:"none"},!0)),i&&el.current&&v){let e=Math.min(eM()+u*(1-eM()),1),t=8-8*u,n=Math.max(0,14-14*u);T(i,{borderRadius:`${t}px`,transform:E(W)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`,transition:"none"},!0)}if(!p){let e=o*t;T(ew.current,{transform:E(W)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})}}},dismissible:N,shouldAnimate:ev,handleOnly:P,isOpen:Z,isDragging:er,shouldFade:ek,closeDrawer:eO,onNestedDrag:function(e,t){if(t<0)return;let n=(window.innerWidth-16)/window.innerWidth,r=n+t*(1-n),a=-16+16*t;T(ew.current,{transform:E(W)?`scale(${r}) translate3d(0, ${a}px, 0)`:`scale(${r}) translate3d(${a}px, 0, 0)`,transition:"none"})},onNestedOpenChange:function(e){let t=e?(window.innerWidth-16)/window.innerWidth:1,n=e?-16:0;em.current&&window.clearTimeout(em.current),T(ew.current,{transition:`transform 0.5s cubic-bezier(${S.join(",")})`,transform:E(W)?`scale(${t}) translate3d(0, ${n}px, 0)`:`scale(${t}) translate3d(${n}px, 0, 0)`}),!e&&ew.current&&(em.current=setTimeout(()=>{let e=C(ew.current,W);T(ew.current,{transition:"none",transform:E(W)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))},onNestedRelease:function(e,t){let n=E(W)?window.innerHeight:window.innerWidth,r=t?(n-16)/n:1,a=t?-16:0;t&&T(ew.current,{transition:`transform 0.5s cubic-bezier(${S.join(",")})`,transform:E(W)?`scale(${r}) translate3d(0, ${a}px, 0)`:`scale(${r}) translate3d(${a}px, 0, 0)`})},keyboardIsOpen:eh,modal:F,snapPointsOffset:eS,activeSnapPointIndex:eE,direction:W,shouldScaleBackground:v,setBackgroundColorOnScale:x,noBodyStyles:I,container:_,autoFocus:G}},r))}let O=o.default.forwardRef(function({...e},t){let{overlayRef:n,snapPoints:r,onRelease:i,shouldFade:u,isOpen:s,modal:d,shouldAnimate:c}=l(),f=x(t,n),m=r&&r.length>0;if(!d)return null;let p=o.default.useCallback(e=>i(e),[i]);return o.default.createElement(a.Overlay,{onMouseUp:p,ref:f,"data-vaul-overlay":"","data-vaul-snap-points":s&&m?"true":"false","data-vaul-snap-points-overlay":s&&u?"true":"false","data-vaul-animate":(null==c?void 0:c.current)?"true":"false",...e})});O.displayName="Drawer.Overlay";let B=o.default.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:n,...r},i){let{drawerRef:u,onPress:s,onRelease:d,onDrag:c,keyboardIsOpen:f,snapPointsOffset:m,activeSnapPointIndex:p,modal:h,isOpen:v,direction:g,snapPoints:w,container:y,handleOnly:b,shouldAnimate:R,autoFocus:T}=l(),[C,j]=o.default.useState(!1),k=x(i,u),$=o.default.useRef(null),M=o.default.useRef(null),P=o.default.useRef(!1),O=w&&w.length>0;function B(e){$.current=null,P.current=!1,d(e)}return!function(){let{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:r,noBodyStyles:a}=l(),i=o.default.useRef(null),u=(0,o.useMemo)(()=>document.body.style.backgroundColor,[]);function s(){return(window.innerWidth-26)/window.innerWidth}o.default.useEffect(()=>{if(t&&n){i.current&&clearTimeout(i.current);let t=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!t)return;!function(...e){}(r&&!a?D(document.body,{background:"black"}):N,D(t,{transformOrigin:E(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:"0.5s",transitionTimingFunction:`cubic-bezier(${S.join(",")})`}));let n=D(t,{borderRadius:"8px",overflow:"hidden",...E(e)?{transform:`scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{n(),i.current=window.setTimeout(()=>{u?document.body.style.background=u:document.body.style.removeProperty("background")},500)}}},[t,n,u])}(),o.default.useEffect(()=>{O&&window.requestAnimationFrame(()=>{j(!0)})},[]),o.default.createElement(a.Content,{"data-vaul-drawer-direction":g,"data-vaul-drawer":"","data-vaul-delayed-snap-points":C?"true":"false","data-vaul-snap-points":v&&O?"true":"false","data-vaul-custom-container":y?"true":"false","data-vaul-animate":(null==R?void 0:R.current)?"true":"false",...r,ref:k,style:m&&m.length>0?{"--snap-point-height":`${m[null!=p?p:0]}px`,...t}:t,onPointerDown:e=>{b||(null==r.onPointerDown||r.onPointerDown.call(r,e),$.current={x:e.pageX,y:e.pageY},s(e))},onOpenAutoFocus:e=>{null==n||n(e),T||e.preventDefault()},onPointerDownOutside:t=>{(null==e||e(t),!h||t.defaultPrevented)?t.preventDefault():f.current&&(f.current=!1)},onFocusOutside:e=>{if(!h)return void e.preventDefault()},onPointerMove:e=>{if(M.current=e,b||(null==r.onPointerMove||r.onPointerMove.call(r,e),!$.current))return;let t=e.pageY-$.current.y,n=e.pageX-$.current.x,a="touch"===e.pointerType?10:2;((e,t,n=0)=>{if(P.current)return!0;let r=Math.abs(e.y),a=Math.abs(e.x),o=a>r,i=["bottom","right"].includes(t)?1:-1;if("left"===t||"right"===t){if(!(e.x*i<0)&&a>=0&&a<=n)return o}else if(!(e.y*i<0)&&r>=0&&r<=n)return!o;return P.current=!0,!0})({x:n,y:t},g,a)?c(e):(Math.abs(n)>a||Math.abs(t)>a)&&($.current=null)},onPointerUp:e=>{null==r.onPointerUp||r.onPointerUp.call(r,e),$.current=null,P.current=!1,d(e)},onPointerOut:e=>{null==r.onPointerOut||r.onPointerOut.call(r,e),B(M.current)},onContextMenu:e=>{null==r.onContextMenu||r.onContextMenu.call(r,e),M.current&&B(M.current)}})});B.displayName="Drawer.Content";let L=o.default.forwardRef(function({preventCycle:e=!1,children:t,...n},r){let{closeDrawer:a,isDragging:i,snapPoints:u,activeSnapPoint:s,setActiveSnapPoint:d,dismissible:c,handleOnly:f,isOpen:m,onPress:p,onDrag:h}=l(),v=o.default.useRef(null),g=o.default.useRef(!1);function w(){v.current&&window.clearTimeout(v.current),g.current=!1}return o.default.createElement("div",{onClick:function(){g.current?w():window.setTimeout(()=>{!function(){if(i||e||g.current)return w();if(w(),!u||0===u.length){c||a();return}if(s===u[u.length-1]&&c)return a();let t=u.findIndex(e=>e===s);-1===t||d(u[t+1])}()},120)},onPointerCancel:w,onPointerDown:e=>{f&&p(e),v.current=window.setTimeout(()=>{g.current=!0},250)},onPointerMove:e=>{f&&h(e)},ref:r,"data-vaul-drawer-visible":m?"true":"false","data-vaul-handle":"","aria-hidden":"true",...n},o.default.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},t))});L.displayName="Drawer.Handle";let z={Root:P,NestedRoot:function({onDrag:e,onOpenChange:t,open:n,...r}){let{onNestedDrag:a,onNestedOpenChange:i,onNestedRelease:u}=l();if(!a)throw Error("Drawer.NestedRoot must be placed in another drawer");return o.default.createElement(P,{nested:!0,open:n,onClose:()=>{i(!1)},onDrag:(t,n)=>{a(t,n),null==e||e(t,n)},onOpenChange:e=>{e&&i(e),null==t||t(e)},onRelease:u,...r})},Content:B,Overlay:O,Trigger:a.Trigger,Portal:function(e){let t=l(),{container:n=t.container,...r}=e;return o.default.createElement(a.Portal,{container:n,...r})},Handle:L,Close:a.Close,Title:a.Title,Description:a.Description};var F=e.i(31777);function A({...e}){return(0,n.jsx)(z.Root,{"data-slot":"drawer",...e})}function H({...e}){return(0,n.jsx)(z.Portal,{"data-slot":"drawer-portal",...e})}function I({className:e,...t}){return(0,n.jsx)(z.Overlay,{"data-slot":"drawer-overlay",className:(0,F.cn)("fixed inset-0 z-50 bg-black/50",e),...t})}function W({className:e,children:t,direction:a="bottom",showCloseButton:o=!0,...i}){return(0,n.jsx)(H,{children:(0,n.jsxs)(z.Content,{"data-slot":"drawer-content",className:(0,F.cn)("bg-background fixed z-50 flex flex-col shadow-lg","bottom"===a&&"inset-x-0 bottom-0 mb-24 rounded-t-lg border-t","top"===a&&"inset-x-0 top-0 mt-24 rounded-b-lg border-b","right"===a&&"inset-y-0 right-0 h-full w-3/4 border-l","left"===a&&"inset-y-0 left-0 h-full w-3/4 border-r",e),style:{"--initial-transform":"right"===a?"calc(100% + 8px)":"left"===a||"top"===a?"calc(-100% - 8px)":"calc(100% + 8px)",userSelect:"text",...i.style??{}},...i,children:[t,o?(0,n.jsxs)(z.Close,{className:"ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[(0,n.jsx)(r.XIcon,{className:"size-4"}),(0,n.jsx)("span",{className:"sr-only",children:"Close"})]}):null]})})}function q({className:e,...t}){return(0,n.jsx)("div",{"data-slot":"drawer-header",className:(0,F.cn)("flex flex-col gap-1.5 p-4",e),...t})}function Y({className:e,...t}){return(0,n.jsx)("div",{"data-slot":"drawer-footer",className:(0,F.cn)("mt-auto flex flex-col gap-2 p-4",e),...t})}function U({className:e,...t}){return(0,n.jsx)(z.Title,{"data-slot":"drawer-title",className:(0,F.cn)("text-foreground font-semibold",e),...t})}function X({className:e,...t}){return(0,n.jsx)(z.Description,{"data-slot":"drawer-description",className:(0,F.cn)("text-muted-foreground text-sm",e),...t})}e.s(["Drawer",()=>A,"DrawerContent",()=>W,"DrawerDescription",()=>X,"DrawerFooter",()=>Y,"DrawerHeader",()=>q,"DrawerOverlay",()=>I,"DrawerTitle",()=>U],45811)},8537,e=>{"use strict";var t=e.i(79054),n=e.i(21023);let r=(0,n.createServerReference)("40c4c550c03f0c7f8a1d6de9b9f97bad926d0d0327",n.callServer,void 0,n.findSourceMapURL,"deployFeature"),a=(0,n.createServerReference)("40da0c8dab9368470112e7490db6505f83ed5c6ed9",n.callServer,void 0,n.findSourceMapURL,"deployRepository"),o=(0,n.createServerReference)("4026e0599c8bde14385e9191fe2f9303737a714483",n.callServer,void 0,n.findSourceMapURL,"stopDeployment"),i=(0,n.createServerReference)("400551e8e0a2d13a0e5cac8c3126b138c97e1716af",n.callServer,void 0,n.findSourceMapURL,"getDeploymentStatus");function l(e){let[n,l]=(0,t.useState)(!1),[u,s]=(0,t.useState)(!1),[d,c]=(0,t.useState)(null),[f,m]=(0,t.useState)(null),[p,h]=(0,t.useState)(null),v=(0,t.useRef)(null),g=(0,t.useRef)(null),w=(0,t.useRef)(!0);(0,t.useEffect)(()=>(w.current=!0,()=>{w.current=!1}),[]),(0,t.useEffect)(()=>()=>{v.current&&clearTimeout(v.current),g.current&&clearInterval(g.current)},[]);let y=(0,t.useCallback)(()=>{g.current&&(clearInterval(g.current),g.current=null)},[]),b=(0,t.useCallback)(e=>{y(),g.current=setInterval(async()=>{if(!w.current)return void y();let t=await i(e);w.current&&(t&&"Stopped"!==t.state?(m(t.state),h(t.url)):(m(null),h(null),y()))},3e3)},[y]);return{deploy:(0,t.useCallback)(async()=>{if(e&&!n){v.current&&clearTimeout(v.current),l(!0),c(null);try{let t="feature"===e.targetType?await r(e.targetId):await a(e.repositoryPath);if(!w.current)return;if(t.success)m(t.state??null),h(null),b(e.targetId);else{let e=t.error??"An unexpected error occurred";c(e),v.current=setTimeout(()=>c(null),5e3)}}catch(e){if(!w.current)return;c(e instanceof Error?e.message:"An unexpected error occurred"),v.current=setTimeout(()=>c(null),5e3)}finally{w.current&&l(!1)}}},[e,n,b]),stop:(0,t.useCallback)(async()=>{if(e&&!u){s(!0);try{let t=await o(e.targetId);if(!w.current)return;t.success&&(y(),m(null),h(null))}catch{}finally{w.current&&s(!1)}}},[e,u,y]),deployLoading:n,stopLoading:u,deployError:d,status:f,url:p}}e.s(["useDeployAction",()=>l],8537)},1650,11495,e=>{"use strict";var t=e.i(20314),n=e.i(79054),r=e.i(48249),a=e.i(24042),o=e.i(64970),i=e.i(94237),l=e.i(31777);e.i(81803);var u=e.i(72714);e.i(99348);var s=e.i(17466),d=e.i(45811),c=e.i(25235),f=e.i(2828),m=e.i(8537),p=e.i(63629);let h=(0,i.cva)("",{variants:{size:{sm:"w-96",md:"w-xl"}},defaultVariants:{size:"sm"}});function v({open:e,onClose:a,modal:o=!1,size:i,header:u,children:s,footer:f,className:m,"data-testid":v,deployTarget:w}){let y=(0,n.useRef)(null);return(0,n.useEffect)(()=>{if(!e||o)return;let t=e=>{let t=e.target;y.current?.contains(t)||t.closest('[data-no-drawer-close], [role="alertdialog"], [role="menu"], [role="listbox"], [data-radix-popper-content-wrapper]')||a()};return document.addEventListener("click",t),()=>document.removeEventListener("click",t)},[e,o,a]),(0,t.jsxs)(d.Drawer,{direction:"right",modal:o,handleOnly:!0,open:e,onOpenChange:e=>{e||a()},children:[o?(0,t.jsx)(d.DrawerOverlay,{}):null,(0,t.jsxs)(d.DrawerContent,{ref:y,direction:"right",showCloseButton:!1,className:(0,l.cn)(h({size:i}),m),"data-testid":v,children:[(0,t.jsxs)("button",{type:"button","aria-label":"Close",onClick:a,className:"ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden","data-testid":v?`${v}-close-button`:void 0,children:[(0,t.jsx)(r.XIcon,{className:"size-4"}),(0,t.jsx)("span",{className:"sr-only",children:"Close"})]}),u?(0,t.jsx)(d.DrawerHeader,{className:"shrink-0",children:u}):null,u?(0,t.jsx)(c.Separator,{}):null,p.featureFlags.envDeploy&&w?(0,t.jsx)(g,{deployTarget:w}):null,(0,t.jsx)("div",{className:"flex min-h-0 flex-1 flex-col",children:s}),f?(0,t.jsx)(d.DrawerFooter,{className:"shrink-0",children:f}):null]})]})}function g({deployTarget:e}){let n=(0,m.useDeployAction)(e),r="Booting"===n.status||"Ready"===n.status;return(0,t.jsxs)("div",{"data-testid":"base-drawer-deploy-bar",className:"flex items-center gap-2 px-4 pb-3",children:[(0,t.jsx)(f.TooltipProvider,{children:(0,t.jsxs)(f.Tooltip,{children:[(0,t.jsx)(f.TooltipTrigger,{asChild:!0,children:(0,t.jsx)("span",{children:(0,t.jsx)(u.ActionButton,{label:r?"Stop Dev Server":"Start Dev Server",onClick:r?n.stop:n.deploy,loading:n.deployLoading||n.stopLoading,error:!!n.deployError,icon:r?o.Square:a.Play,iconOnly:!0,variant:"outline",size:"icon-sm"})})}),(0,t.jsx)(f.TooltipContent,{children:r?"Stop Dev Server":"Start Dev Server"})]})}),r?(0,t.jsx)(s.DeploymentStatusBadge,{status:n.status,url:n.url}):null]})}e.s(["BaseDrawer",()=>v],11495),e.s([],1650)}]);