@shepai/cli 1.72.7 → 1.72.8-pr216.234c716

package/web/.next/standalone/src/presentation/web/components/features/tools/tool-detail-drawer.stories.tsx

@@ -0,0 +1,132 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ToolDetailDrawer } from './tool-detail-drawer';
+import type { ToolItem } from '@shepai/core/application/use-cases/tools/list-tools.use-case';
+
+const baseTool: ToolItem = {
+  id: 'tmux',
+  name: 'tmux',
+  summary: 'Terminal multiplexer',
+  description:
+    'tmux is a terminal multiplexer for Unix-like operating systems. It allows multiple terminal sessions to be accessed simultaneously in a single window.',
+  tags: ['terminal'],
+  iconUrl: 'https://cdn.simpleicons.org/tmux',
+  autoInstall: true,
+  required: false,
+  openDirectory: 'tmux new-session -c {dir}',
+  documentationUrl: 'https://github.com/tmux/tmux/wiki',
+  installCommand: 'sudo apt-get install -y tmux',
+  status: { status: 'missing', toolName: 'tmux' },
+  author: 'tmux team',
+  website: 'https://tmux.github.io',
+  platforms: ['linux', 'darwin'],
+};
+
+const meta: Meta<typeof ToolDetailDrawer> = {
+  title: 'Features/ToolDetailDrawer',
+  component: ToolDetailDrawer,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+  args: {
+    tool: baseTool,
+    open: true,
+    onClose: () => undefined,
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Installed: Story = {
+  args: {
+    tool: {
+      ...baseTool,
+      status: { status: 'available', toolName: 'tmux' },
+    },
+    open: true,
+  },
+};
+
+export const MissingAutoInstall: Story = {
+  args: {
+    tool: {
+      ...baseTool,
+      status: { status: 'missing', toolName: 'tmux' },
+      autoInstall: true,
+    },
+    open: true,
+  },
+};
+
+export const MissingManual: Story = {
+  args: {
+    tool: {
+      ...baseTool,
+      status: { status: 'missing', toolName: 'tmux' },
+      autoInstall: false,
+    },
+    open: true,
+  },
+};
+
+export const Error: Story = {
+  args: {
+    tool: {
+      ...baseTool,
+      status: {
+        status: 'error',
+        toolName: 'tmux',
+        errorMessage: 'Permission denied: /usr/bin/tmux',
+      },
+    },
+    open: true,
+  },
+};
+
+export const WithLogs: Story = {
+  args: {
+    tool: baseTool,
+    open: true,
+  },
+  parameters: {
+    mockData: {
+      useToolInstallStream: {
+        logs: [
+          'Reading package lists...',
+          'Building dependency tree...',
+          'Reading state information...',
+          'The following NEW packages will be installed:',
+          '  tmux',
+          'Setting up tmux (3.3a-3) ...',
+        ],
+        status: 'streaming',
+        result: null,
+      },
+    },
+  },
+};
+
+export const AfterInstall: Story = {
+  args: {
+    tool: {
+      ...baseTool,
+      status: { status: 'available', toolName: 'tmux' },
+    },
+    open: true,
+  },
+  parameters: {
+    mockData: {
+      useToolInstallStream: {
+        logs: [
+          'Reading package lists...',
+          'Building dependency tree...',
+          'Setting up tmux (3.3a-3) ...',
+          'Processing triggers...',
+        ],
+        status: 'done',
+        result: { status: 'available', toolName: 'tmux' },
+      },
+    },
+  },
+};

package/web/.next/standalone/src/presentation/web/components/features/tools/tool-detail-drawer.tsx

@@ -0,0 +1,313 @@
+'use client';
+
+import { useState, useRef, useEffect, useCallback } from 'react';
+import {
+  Copy,
+  Check,
+  ExternalLink,
+  Download,
+  Rocket,
+  Loader2,
+  Monitor,
+  Terminal,
+  GitBranch,
+  Package,
+} from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { BaseDrawer } from '@/components/common/base-drawer/base-drawer';
+import { useToolInstallStream } from '@/hooks/use-tool-install-stream';
+import type { ToolItem } from '@shepai/core/application/use-cases/tools/list-tools.use-case';
+
+const PLATFORM_LABELS: Record<string, string> = {
+  linux: 'Linux',
+  darwin: 'macOS',
+  win32: 'Windows',
+};
+
+export interface ToolDetailDrawerProps {
+  tool: ToolItem;
+  open: boolean;
+  onClose: () => void;
+  onRefresh?: () => Promise<void>;
+  autoStart?: boolean;
+}
+
+const TAG_CONFIG: Record<string, { label: string; icon: typeof Monitor }> = {
+  ide: { label: 'IDE', icon: Monitor },
+  'cli-agent': { label: 'CLI Agent', icon: Terminal },
+  vcs: { label: 'VCS', icon: GitBranch },
+  terminal: { label: 'Terminal', icon: Terminal },
+};
+
+const AUTO_SCROLL_THRESHOLD = 50;
+
+function StatusBadge({ status }: { status: string }) {
+  if (status === 'available') {
+    return (
+      <span className="inline-flex items-center gap-1 rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400">
+        <Check className="h-3 w-3" />
+        Installed
+      </span>
+    );
+  }
+  if (status === 'error') {
+    return (
+      <span className="inline-flex items-center gap-1 rounded-full bg-red-100 px-2 py-0.5 text-xs font-medium text-red-700 dark:bg-red-900/30 dark:text-red-400">
+        Error
+      </span>
+    );
+  }
+  return (
+    <span className="inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-700 dark:bg-amber-900/30 dark:text-amber-400">
+      Missing
+    </span>
+  );
+}
+
+export function ToolDetailDrawer({
+  tool,
+  open,
+  onClose,
+  onRefresh,
+  autoStart,
+}: ToolDetailDrawerProps) {
+  const [copied, setCopied] = useState(false);
+  const [isLaunching, setIsLaunching] = useState(false);
+  const { logs, status, startInstall } = useToolInstallStream(tool.id);
+  const logRef = useRef<HTMLDivElement>(null);
+  const isAtBottomRef = useRef(true);
+  const autoStartedRef = useRef(false);
+
+  const isInstalled = tool.status.status === 'available';
+  const isError = tool.status.status === 'error';
+  const canLaunch = isInstalled && Boolean(tool.openDirectory);
+  const canInstall = !isInstalled && !isError && tool.autoInstall;
+
+  // Auto-start install when drawer opens with autoStart flag
+  useEffect(() => {
+    if (open && autoStart && canInstall && status === 'idle' && !autoStartedRef.current) {
+      autoStartedRef.current = true;
+      startInstall();
+    }
+    if (!open) {
+      autoStartedRef.current = false;
+    }
+  }, [open, autoStart, canInstall, status, startInstall]);
+
+  function handleCopy() {
+    if (!tool.installCommand) return;
+    void navigator.clipboard.writeText(tool.installCommand).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    });
+  }
+
+  async function handleLaunch() {
+    setIsLaunching(true);
+    try {
+      await fetch(`/api/tools/${tool.id}/launch`, { method: 'POST' });
+    } finally {
+      setIsLaunching(false);
+    }
+  }
+
+  const handleScroll = useCallback(() => {
+    const el = logRef.current;
+    if (!el) return;
+    isAtBottomRef.current =
+      el.scrollTop + el.clientHeight >= el.scrollHeight - AUTO_SCROLL_THRESHOLD;
+  }, []);
+
+  useEffect(() => {
+    if (isAtBottomRef.current && logRef.current) {
+      logRef.current.scrollTop = logRef.current.scrollHeight;
+    }
+  }, [logs, status]);
+
+  // Refresh tool status after install completes
+  useEffect(() => {
+    if (status === 'done' && onRefresh) {
+      void onRefresh();
+    }
+  }, [status, onRefresh]);
+
+  const header = (
+    <div className="flex flex-col gap-1.5 pr-6">
+      <div className="flex items-center gap-2">
+        {tool.iconUrl ? (
+          /* eslint-disable-next-line @next/next/no-img-element */
+          <img src={tool.iconUrl} alt="" width={24} height={24} className="shrink-0 dark:invert" />
+        ) : (
+          <Package className="text-muted-foreground h-6 w-6 shrink-0" />
+        )}
+        <h2 className="text-base font-bold">{tool.name}</h2>
+        <StatusBadge status={tool.status.status} />
+      </div>
+      <div className="flex items-center gap-2">
+        {tool.tags.map((tag) => {
+          const config = TAG_CONFIG[tag] ?? { label: tag, icon: Monitor };
+          const TagIcon = config.icon;
+          return (
+            <span
+              key={tag}
+              className="text-muted-foreground/70 inline-flex items-center gap-0.5 text-[10px]"
+            >
+              <TagIcon className="h-3 w-3" />
+              {config.label}
+            </span>
+          );
+        })}
+      </div>
+    </div>
+  );
+
+  return (
+    <BaseDrawer
+      open={open}
+      onClose={onClose}
+      size="md"
+      modal
+      title={tool.name}
+      header={header}
+      data-testid="tool-detail-drawer"
+    >
+      <div className="flex flex-1 flex-col gap-4 overflow-y-auto p-4">
+        {/* Description */}
+        <p className="text-muted-foreground text-sm">{tool.description}</p>
+
+        {/* Meta info row: author + platforms */}
+        {tool.author || tool.platforms ? (
+          <div className="flex flex-wrap items-center gap-x-4 gap-y-1 text-xs">
+            {tool.author ? (
+              <span className="text-muted-foreground">
+                by{' '}
+                {tool.website ? (
+                  <a
+                    href={tool.website}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-foreground hover:underline"
+                  >
+                    {tool.author}
+                  </a>
+                ) : (
+                  <span className="text-foreground">{tool.author}</span>
+                )}
+              </span>
+            ) : null}
+            {tool.platforms && tool.platforms.length > 0 ? (
+              <span className="text-muted-foreground">
+                {tool.platforms.map((p) => PLATFORM_LABELS[p] ?? p).join(' · ')}
+              </span>
+            ) : null}
+          </div>
+        ) : null}
+
+        {/* Install Command */}
+        {tool.installCommand ? (
+          <div className="flex flex-col gap-1.5">
+            <span className="text-muted-foreground text-xs font-semibold tracking-wide uppercase">
+              Install command
+            </span>
+            <div className="relative rounded-md bg-zinc-900 text-zinc-100">
+              <pre className="overflow-x-auto px-3 py-2.5 pr-16 font-mono text-xs leading-relaxed break-all whitespace-pre-wrap">
+                <code>{tool.installCommand}</code>
+              </pre>
+              <Button
+                variant="ghost"
+                size="sm"
+                className="absolute top-1.5 right-1.5 h-7 cursor-pointer px-2 text-zinc-400 hover:text-zinc-100"
+                onClick={handleCopy}
+                aria-label={copied ? 'Copied!' : 'Copy install command'}
+              >
+                {copied ? (
+                  <Check className="h-3.5 w-3.5 text-emerald-500" />
+                ) : (
+                  <Copy className="h-3.5 w-3.5" />
+                )}
+                <span className="ml-1 text-[10px]">{copied ? 'Copied!' : 'Copy'}</span>
+              </Button>
+            </div>
+          </div>
+        ) : null}
+
+        {/* Action Bar */}
+        <div className="flex items-center gap-2">
+          {canInstall ? (
+            <Button
+              size="sm"
+              onClick={startInstall}
+              disabled={status === 'streaming'}
+              aria-label={`Install ${tool.name}`}
+              className="cursor-pointer"
+            >
+              {status === 'streaming' ? (
+                <Loader2 className="mr-1.5 h-3.5 w-3.5 animate-spin" />
+              ) : (
+                <Download className="mr-1.5 h-3.5 w-3.5" />
+              )}
+              {status === 'streaming' ? 'Installing...' : 'Install'}
+            </Button>
+          ) : null}
+          {canLaunch ? (
+            <Button
+              size="sm"
+              variant="outline"
+              onClick={() => void handleLaunch()}
+              disabled={isLaunching}
+              aria-label={`Launch ${tool.name}`}
+              className="cursor-pointer"
+            >
+              {isLaunching ? (
+                <Loader2 className="mr-1.5 h-3.5 w-3.5 animate-spin" />
+              ) : (
+                <Rocket className="mr-1.5 h-3.5 w-3.5" />
+              )}
+              Launch
+            </Button>
+          ) : null}
+          {tool.documentationUrl ? (
+            <Button variant="outline" size="sm" className="cursor-pointer" asChild>
+              <a href={tool.documentationUrl} target="_blank" rel="noopener noreferrer">
+                Docs
+                <ExternalLink className="ml-1 h-3 w-3" />
+              </a>
+            </Button>
+          ) : null}
+        </div>
+
+        {/* Install Log */}
+        {(status === 'streaming' || status === 'done' || status === 'error') && logs.length > 0 ? (
+          <div className="flex flex-col gap-1.5">
+            <span className="text-muted-foreground text-xs font-semibold tracking-wide uppercase">
+              Install log
+            </span>
+            <div
+              ref={logRef}
+              onScroll={handleScroll}
+              className="max-h-60 overflow-auto rounded-md bg-zinc-900 p-3 font-mono text-xs leading-relaxed text-zinc-100"
+              data-testid="tool-install-log"
+            >
+              {logs.map((line, idx) => (
+                // eslint-disable-next-line react/no-array-index-key -- logs are append-only, never reorder
+                <div key={idx} className="break-all whitespace-pre-wrap">
+                  {line}
+                </div>
+              ))}
+              {status === 'done' ? (
+                <div className="mt-2 border-t border-zinc-700 pt-2 text-emerald-400">
+                  Installation complete
+                </div>
+              ) : null}
+              {status === 'error' ? (
+                <div className="mt-2 border-t border-zinc-700 pt-2 text-red-400">
+                  Installation failed
+                </div>
+              ) : null}
+            </div>
+          </div>
+        ) : null}
+      </div>
+    </BaseDrawer>
+  );
+}

package/web/.next/standalone/src/presentation/web/components/features/tools/tools-page-client.stories.tsx

@@ -17,6 +17,9 @@ const mockTools: ToolItem[] = [
     documentationUrl: 'https://cursor.sh',
     installCommand: 'brew install --cask cursor',
     status: { status: 'available', toolName: 'cursor' },
+    author: 'Anysphere',
+    website: 'https://cursor.com',
+    platforms: ['linux', 'darwin', 'win32'],
   },
   {
     id: 'vscode',
@@ -32,6 +35,9 @@ const mockTools: ToolItem[] = [
     documentationUrl: 'https://code.visualstudio.com',
     installCommand: 'brew install --cask visual-studio-code',
     status: { status: 'missing', toolName: 'vscode' },
+    author: 'Microsoft',
+    website: 'https://code.visualstudio.com',
+    platforms: ['linux', 'darwin', 'win32'],
   },
   {
     id: 'claude-code',
@@ -47,6 +53,9 @@ const mockTools: ToolItem[] = [
     documentationUrl: 'https://claude.ai/code',
     installCommand: 'npm install -g @anthropic-ai/claude-code',
     status: { status: 'available', toolName: 'claude-code' },
+    author: 'Anthropic',
+    website: 'https://claude.ai/code',
+    platforms: ['linux', 'darwin'],
   },
   {
     id: 'aider',
@@ -62,6 +71,9 @@ const mockTools: ToolItem[] = [
     documentationUrl: 'https://aider.chat',
     installCommand: 'pip install aider-chat',
     status: { status: 'missing', toolName: 'aider' },
+    author: 'Paul Gauthier',
+    website: 'https://aider.chat',
+    platforms: ['linux', 'darwin', 'win32'],
   },
   {
     id: 'goose',
@@ -77,6 +89,9 @@ const mockTools: ToolItem[] = [
     documentationUrl: 'https://block.github.io/goose',
     installCommand: 'pip install goose-ai',
     status: { status: 'missing', toolName: 'goose' },
+    author: 'Block',
+    website: 'https://block.github.io/goose',
+    platforms: ['linux', 'darwin', 'win32'],
   },
 ];
 

package/web/.next/standalone/src/presentation/web/components/features/tools/tools-page-client.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState } from 'react';
+import { useState, useCallback } from 'react';
 import { Wrench } from 'lucide-react';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { cn } from '@/lib/utils';
@@ -26,7 +26,7 @@ export function ToolsPageClient({ tools: initialTools, className }: ToolsPageCli
   const [tools, setTools] = useState<ToolItem[]>(initialTools);
   const [activeTab, setActiveTab] = useState<TabValue>('all');
 
-  async function refreshTools() {
+  const refreshTools = useCallback(async () => {
     try {
       const res = await fetch('/api/tools');
       if (res.ok) {
@@ -36,7 +36,7 @@ export function ToolsPageClient({ tools: initialTools, className }: ToolsPageCli
     } catch {
       // Silently ignore refresh errors; user can re-navigate to refresh
     }
-  }
+  }, []);
 
   const filtered = tools.filter(TAB_FILTER[activeTab]);
 

package/web/.next/standalone/src/presentation/web/hooks/use-tool-install-stream.ts

@@ -0,0 +1,58 @@
+'use client';
+
+import { useState, useRef, useCallback, useEffect } from 'react';
+import type { ToolInstallationStatus } from '@shepai/core/domain/generated/output';
+
+export type InstallStreamStatus = 'idle' | 'streaming' | 'done' | 'error';
+
+export interface UseToolInstallStreamResult {
+  logs: string[];
+  status: InstallStreamStatus;
+  result: ToolInstallationStatus | null;
+  startInstall: () => void;
+}
+
+export function useToolInstallStream(toolId: string): UseToolInstallStreamResult {
+  const [logs, setLogs] = useState<string[]>([]);
+  const [status, setStatus] = useState<InstallStreamStatus>('idle');
+  const [result, setResult] = useState<ToolInstallationStatus | null>(null);
+  const esRef = useRef<EventSource | null>(null);
+
+  const cleanup = useCallback(() => {
+    if (esRef.current) {
+      esRef.current.close();
+      esRef.current = null;
+    }
+  }, []);
+
+  // Cleanup on unmount
+  useEffect(() => cleanup, [cleanup]);
+
+  const startInstall = useCallback(() => {
+    cleanup();
+    setLogs([]);
+    setResult(null);
+    setStatus('streaming');
+
+    const es = new EventSource(`/api/tools/${toolId}/install/stream`);
+    esRef.current = es;
+
+    es.onmessage = (event: MessageEvent) => {
+      setLogs((prev) => [...prev, event.data]);
+    };
+
+    es.addEventListener('done', (event: MessageEvent) => {
+      const installResult: ToolInstallationStatus = JSON.parse(event.data);
+      setResult(installResult);
+      setStatus(installResult.status === 'error' ? 'error' : 'done');
+      cleanup();
+    });
+
+    es.onerror = () => {
+      setStatus('error');
+      cleanup();
+    };
+  }, [toolId, cleanup]);
+
+  return { logs, status, result, startInstall };
+}

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.72.6","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.72.8","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/0e39149d8af777b6.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,30090,e=>{"use strict";let t=(0,e.i(3645).default)("circle-x",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]);e.s(["default",()=>t])},54277,e=>{"use strict";var t=e.i(30090);e.s(["CircleX",()=>t.default])},33548,23925,e=>{"use strict";let t=(0,e.i(3645).default)("copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]);e.s(["Copy",()=>t],33548);var r=e.i(1012);e.s(["Check",()=>r.default],23925)},1012,e=>{"use strict";let t=(0,e.i(3645).default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);e.s(["default",()=>t])},16298,e=>{"use strict";let t=(0,e.i(3645).default)("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]]);e.s(["default",()=>t])},69512,e=>{"use strict";let t=(0,e.i(3645).default)("trash-2",[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]);e.s(["default",()=>t])},54793,7729,e=>{"use strict";var t=e.i(20314),r=e.i(31777);function a({icon:e,title:a,description:l,action:c,className:s,...u}){return(0,t.jsxs)("div",{className:(0,r.cn)("flex flex-col items-center gap-4 px-4 py-12 text-center",s),...u,children:[e?(0,t.jsx)("div",{className:"text-muted-foreground",children:e}):null,(0,t.jsx)("h3",{className:"text-lg font-semibold",children:a}),l?(0,t.jsx)("p",{className:"text-muted-foreground max-w-md text-sm",children:l}):null,c?(0,t.jsx)("div",{className:"mt-2",children:c}):null]})}e.s(["EmptyState",()=>a],7729),e.s([],54793)},81846,e=>{"use strict";var t=e.i(20314),r=e.i(94237),a=e.i(31777);let l=(0,r.cva)("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function c({className:e,variant:r,...c}){return(0,t.jsx)("div",{className:(0,a.cn)(l({variant:r}),e),...c})}e.s(["Badge",()=>c])},1650,e=>{"use strict";e.i(11495),e.s([])},19933,e=>{"use strict";let t=(0,e.i(3645).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",()=>t],19933)},8986,22181,86754,29280,e=>{"use strict";let t=(0,e.i(3645).default)("code-xml",[["path",{d:"m18 16 4-4-4-4",key:"1inbqp"}],["path",{d:"m6 8-4 4 4 4",key:"15zrgr"}],["path",{d:"m14.5 4-5 16",key:"e7oirm"}]]);e.s(["Code2",()=>t],8986);var r=e.i(21023);let a=(0,r.createServerReference)("4084dd076987ddf29cb7d91cb8150fc9d0e0e738a0",r.callServer,void 0,r.findSourceMapURL,"openIde");e.s(["openIde",()=>a],22181);let l=(0,r.createServerReference)("40a71b6f63cf6be3d979de470744751ba48c21dcd6",r.callServer,void 0,r.findSourceMapURL,"openShell");e.s(["openShell",()=>l],86754);let c=(0,r.createServerReference)("40a6de10d87bbf5d91cbf886e14b68303a6220445c",r.callServer,void 0,r.findSourceMapURL,"openFolder");e.s(["openFolder",()=>c],29280)},76852,e=>{"use strict";var t=e.i(79054),r=e.i(22181),a=e.i(86754),l=e.i(29280);function c(e){let[c,s]=(0,t.useState)(!1),[u,n]=(0,t.useState)(!1),[o,d]=(0,t.useState)(!1),[i,f]=(0,t.useState)(null),[p,h]=(0,t.useState)(null),[y,m]=(0,t.useState)(null),v=(0,t.useRef)(null),x=(0,t.useRef)(null),b=(0,t.useRef)(null);(0,t.useEffect)(()=>{let e=v.current,t=x.current,r=b.current;return()=>{e&&clearTimeout(e),t&&clearTimeout(t),r&&clearTimeout(r)}},[]);let g=(0,t.useCallback)(async(t,r,a,l,c)=>{if(e&&!c){l.current&&clearTimeout(l.current),r(!0),a(null);try{let r=await t({repositoryPath:e.repositoryPath});if(!r.success){let e=r.error??"An unexpected error occurred";a(e),l.current=setTimeout(()=>a(null),5e3)}}catch(e){a(e instanceof Error?e.message:"An unexpected error occurred"),l.current=setTimeout(()=>a(null),5e3)}finally{r(!1)}}},[e]),k=(0,t.useCallback)(async(t,r,a,l,c)=>{if(e&&!c){l.current&&clearTimeout(l.current),r(!0),a(null);try{let r=await t(e.repositoryPath);if(!r.success){let e=r.error??"An unexpected error occurred";a(e),l.current=setTimeout(()=>a(null),5e3)}}catch(e){a(e instanceof Error?e.message:"An unexpected error occurred"),l.current=setTimeout(()=>a(null),5e3)}finally{r(!1)}}},[e]);return{openInIde:(0,t.useCallback)(()=>g(r.openIde,s,f,v,c),[g,c]),openInShell:(0,t.useCallback)(()=>g(a.openShell,n,h,x,u),[g,u]),openFolder:(0,t.useCallback)(()=>k(l.openFolder,d,m,b,o),[k,o]),ideLoading:c,shellLoading:u,folderLoading:o,ideError:i,shellError:p,folderError:y}}e.s(["useRepositoryActions",()=>c])}]);