@shepai/cli 1.163.0 → 1.164.0

package/README.md

@@ -370,6 +370,18 @@ See [CONTRIBUTING.md](./CONTRIBUTING.md) for humans and [CONTRIBUTING-AGENTS.md]
 
 ---
 
+## Star History
+
+<a href="https://www.star-history.com/?repos=shep-ai%2Fshep&type=timeline&legend=top-left">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/image?repos=shep-ai/shep&type=timeline&theme=dark&legend=top-left" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/image?repos=shep-ai/shep&type=timeline&legend=top-left" />
+   <img alt="Star History Chart" src="https://api.star-history.com/image?repos=shep-ai/shep&type=timeline&legend=top-left" />
+ </picture>
+</a>
+
+---
+
 ## License
 
 MIT — see [LICENSE](./LICENSE).

package/dist/src/presentation/web/app/actions/get-git-log.d.ts

@@ -0,0 +1,44 @@
+export interface GitLogEntry {
+    hash: string;
+    shortHash: string;
+    subject: string;
+    author: string;
+    relativeDate: string;
+    branch?: string;
+}
+export interface GitBranchInfo {
+    name: string;
+    isCurrent: boolean;
+    lastCommitDate: string;
+}
+export interface GitRemoteInfo {
+    name: string;
+    url: string;
+}
+export interface GitWorkingTreeStatus {
+    staged: number;
+    modified: number;
+    untracked: number;
+}
+export interface GitDiffStats {
+    filesChanged: number;
+    insertions: number;
+    deletions: number;
+}
+export interface GitRepoInfo {
+    commits: GitLogEntry[];
+    branches: GitBranchInfo[];
+    remotes: GitRemoteInfo[];
+    tags: string[];
+    stashCount: number;
+    currentBranch: string;
+    diffStats: GitDiffStats | null;
+    workingTree: GitWorkingTreeStatus;
+    error?: string;
+}
+export declare function getGitRepoInfo(repositoryPath: string, commitLimit?: number): Promise<GitRepoInfo>;
+export declare function getGitLog(repositoryPath: string, limit?: number): Promise<{
+    entries: GitLogEntry[];
+    error?: string;
+}>;
+//# sourceMappingURL=get-git-log.d.ts.map

package/dist/src/presentation/web/app/actions/get-git-log.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-git-log.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/get-git-log.ts"],"names":[],"mappings":"AAYA,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B,WAAW,EAAE,oBAAoB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAsB,cAAc,CAClC,cAAc,EAAE,MAAM,EACtB,WAAW,SAAI,GACd,OAAO,CAAC,WAAW,CAAC,CAwHtB;AAGD,wBAAsB,SAAS,CAC7B,cAAc,EAAE,MAAM,EACtB,KAAK,SAAK,GACT,OAAO,CAAC;IAAE,OAAO,EAAE,WAAW,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAGrD"}

package/dist/src/presentation/web/app/actions/get-git-log.js

@@ -0,0 +1,125 @@
+'use server';
+import { execFile } from 'node:child_process';
+import { promisify } from 'node:util';
+const execFileAsync = promisify(execFile);
+async function git(cwd, args) {
+    const { stdout } = await execFileAsync('git', args, { cwd, timeout: 5000 });
+    return stdout.trim();
+}
+export async function getGitRepoInfo(repositoryPath, commitLimit = 8) {
+    const empty = {
+        commits: [],
+        branches: [],
+        remotes: [],
+        tags: [],
+        stashCount: 0,
+        currentBranch: '',
+        diffStats: null,
+        workingTree: { staged: 0, modified: 0, untracked: 0 },
+    };
+    if (!repositoryPath.trim()) {
+        return { ...empty, error: 'Repository path is required' };
+    }
+    const results = await Promise.allSettled([
+        // 0: commits
+        git(repositoryPath, [
+            'log',
+            `--max-count=${commitLimit}`,
+            '--format=%H%x00%h%x00%s%x00%an%x00%cr',
+            '--no-color',
+        ]),
+        // 1: current branch
+        git(repositoryPath, ['branch', '--show-current']),
+        // 2: branches with dates
+        git(repositoryPath, [
+            'branch',
+            '--sort=-committerdate',
+            '--format=%(HEAD)%(refname:short)%00%(committerdate:relative)',
+            '--no-color',
+        ]),
+        // 3: remotes
+        git(repositoryPath, ['remote', '-v']),
+        // 4: tags (recent 5)
+        git(repositoryPath, ['tag', '--sort=-creatordate', '-l', '--format=%(refname:short)']),
+        // 5: stash count
+        git(repositoryPath, ['stash', 'list']),
+        // 6: working tree status
+        git(repositoryPath, ['status', '--porcelain']),
+        // 7: diff stats (uncommitted)
+        git(repositoryPath, ['diff', '--shortstat']),
+    ]);
+    const val = (i) => (results[i].status === 'fulfilled' ? results[i].value : '');
+    // Parse commits
+    const commits = val(0)
+        .split('\n')
+        .filter(Boolean)
+        .map((line) => {
+        const [hash, shortHash, subject, author, relativeDate] = line.split('\0');
+        return { hash, shortHash, subject, author, relativeDate };
+    });
+    const currentBranch = val(1);
+    if (commits.length > 0 && currentBranch) {
+        commits[0].branch = currentBranch;
+    }
+    // Parse branches
+    const branches = val(2)
+        .split('\n')
+        .filter(Boolean)
+        .slice(0, 10)
+        .map((line) => {
+        const isCurrent = line.startsWith('*');
+        const clean = isCurrent ? line.slice(1) : line;
+        const [name, lastCommitDate] = clean.split('\0');
+        return { name: name.trim(), isCurrent, lastCommitDate: lastCommitDate?.trim() ?? '' };
+    });
+    // Parse remotes (dedup fetch/push)
+    const remoteMap = new Map();
+    val(3)
+        .split('\n')
+        .filter(Boolean)
+        .forEach((line) => {
+        const match = line.match(/^(\S+)\s+(\S+)\s+\(fetch\)/);
+        if (match) {
+            // Strip credentials/tokens from URL before sending to client
+            const sanitized = match[2].replace(/\/\/[^@]+@/, '//').replace(/x-access-token:[^@]+@/, '');
+            remoteMap.set(match[1], sanitized);
+        }
+    });
+    const remotes = Array.from(remoteMap, ([name, url]) => ({ name, url }));
+    // Parse tags (top 5)
+    const tags = val(4).split('\n').filter(Boolean).slice(0, 5);
+    // Stash count
+    const stashCount = val(5).split('\n').filter(Boolean).length;
+    // Working tree status
+    const statusLines = val(6).split('\n').filter(Boolean);
+    const workingTree = { staged: 0, modified: 0, untracked: 0 };
+    for (const line of statusLines) {
+        const x = line[0];
+        const y = line[1];
+        if (x === '?' && y === '?')
+            workingTree.untracked++;
+        else if (x !== ' ' && x !== '?')
+            workingTree.staged++;
+        if (y !== ' ' && y !== '?')
+            workingTree.modified++;
+    }
+    // Diff stats
+    let diffStats = null;
+    const diffLine = val(7);
+    if (diffLine) {
+        const files = diffLine.match(/(\d+) file/);
+        const ins = diffLine.match(/(\d+) insertion/);
+        const del = diffLine.match(/(\d+) deletion/);
+        diffStats = {
+            filesChanged: files ? parseInt(files[1], 10) : 0,
+            insertions: ins ? parseInt(ins[1], 10) : 0,
+            deletions: del ? parseInt(del[1], 10) : 0,
+        };
+    }
+    return { commits, branches, remotes, tags, stashCount, currentBranch, diffStats, workingTree };
+}
+// Keep backward compat
+export async function getGitLog(repositoryPath, limit = 10) {
+    const info = await getGitRepoInfo(repositoryPath, limit);
+    return { entries: info.commits, error: info.error };
+}

package/dist/src/presentation/web/app/actions/open-folder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"open-folder.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/open-folder.ts"],"names":[],"mappings":"AAiBA,wBAAsB,UAAU,CAC9B,cAAc,EAAE,MAAM,GACrB,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CA8B9D"}
+{"version":3,"file":"open-folder.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/open-folder.ts"],"names":[],"mappings":"AAiBA,wBAAsB,UAAU,CAC9B,cAAc,EAAE,MAAM,GACrB,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAkC9D"}

package/dist/src/presentation/web/app/actions/open-folder.js

@@ -1,7 +1,7 @@
 'use server';
 import { existsSync } from 'node:fs';
 import { platform } from 'node:os';
-import { isAbsolute } from 'node:path';
+import { isAbsolute, normalize } from 'node:path';
 import { spawn } from 'node:child_process';
 // Use a record lookup instead of if/else to prevent the bundler from
 // tree-shaking platform branches at build time. Turbopack evaluates
@@ -27,7 +27,10 @@ export async function openFolder(repositoryPath) {
                 error: `Unsupported platform: ${platform()}`,
             };
         }
-        const child = spawn(entry.cmd, entry.args(repositoryPath), {
+        // Normalize to platform-native separators — explorer.exe on Windows
+        // does not understand forward-slash paths and falls back to Documents.
+        const nativePath = normalize(repositoryPath);
+        const child = spawn(entry.cmd, entry.args(nativePath), {
             detached: true,
             stdio: 'ignore',
         });

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

@@ -58,7 +58,7 @@ export function BaseDrawer({ open, onClose, modal = false, dismissOnOutsideClick
     return (_jsxs(Drawer, { direction: drawerDirection, modal: modal, handleOnly: true, open: open, onOpenChange: (isOpen) => {
             if (!isOpen)
                 onClose();
-        }, children: [modal ? _jsx(DrawerOverlay, {}) : null, _jsxs(DrawerContent, { ref: contentRef, direction: drawerDirection, showCloseButton: false, className: cn(drawerVariants({ size }), 'bg-white/85 backdrop-blur-xl dark:bg-neutral-800/85', className), "data-testid": testId, onInteractOutside: modal ? undefined : (e) => e.preventDefault(), children: [_jsx(DrawerTitle, { asChild: true, children: _jsx("span", { className: "sr-only", children: title }) }), _jsx(DrawerDescription, { asChild: true, children: _jsx("span", { className: "sr-only", children: title }) }), _jsxs("button", { type: "button", "aria-label": "Close", onClick: onClose, className: "ring-offset-background focus:ring-ring absolute end-4 top-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden", "data-testid": testId ? `${testId}-close-button` : undefined, children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }), header ? _jsx(DrawerHeader, { className: "shrink-0", children: header }) : null, header ? _jsx(Separator, {}) : null, featureFlags.envDeploy && deployTarget ? _jsx(DeployBar, { deployTarget: deployTarget }) : null, _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: children }), footer ? _jsx(DrawerFooter, { className: "shrink-0", children: footer }) : null] })] }));
+        }, children: [modal ? _jsx(DrawerOverlay, {}) : null, _jsxs(DrawerContent, { ref: contentRef, direction: drawerDirection, showCloseButton: false, className: cn(drawerVariants({ size }), 'bg-white/85 backdrop-blur-xl dark:bg-neutral-800/85', className), "data-testid": testId, onInteractOutside: modal ? undefined : (e) => e.preventDefault(), children: [_jsx(DrawerTitle, { asChild: true, children: _jsx("span", { className: "sr-only", children: title }) }), _jsx(DrawerDescription, { asChild: true, children: _jsx("span", { className: "sr-only", children: title }) }), _jsxs("button", { type: "button", "aria-label": "Close", onClick: onClose, className: "ring-offset-background focus:ring-ring absolute end-3 top-2 z-50 rounded-sm p-1 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden", "data-testid": testId ? `${testId}-close-button` : undefined, children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }), header ? _jsx(DrawerHeader, { className: "shrink-0", children: header }) : null, header ? _jsx(Separator, {}) : null, featureFlags.envDeploy && deployTarget ? _jsx(DeployBar, { deployTarget: deployTarget }) : null, _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: children }), footer ? _jsx(DrawerFooter, { className: "shrink-0", children: footer }) : null] })] }));
 }
 function DeployBar({ deployTarget }) {
     const deployAction = useDeployAction(deployTarget);

package/dist/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK/D,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;IACjB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,qFAAqF;IACrF,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EAAE,WAAW,EACjB,MAAM,EACN,uBAA8B,GAC/B,EAAE,wBAAwB,2CA0uB1B"}
+{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK/D,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;IACjB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,qFAAqF;IACrF,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EAAE,WAAW,EACjB,MAAM,EACN,uBAA8B,GAC/B,EAAE,wBAAwB,2CAoxB1B"}

package/dist/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.js

@@ -1,13 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useEffect, useRef } from 'react';
+import { cn } from '../../../lib/utils.js';
 import { useTranslation } from 'react-i18next';
 import { useRouter, usePathname } from 'next/navigation';
 import { toast } from 'sonner';
-import { Loader2, Trash2, Play, Square, Copy, Check, Code2, ExternalLink, Archive, ArchiveRestore, } from 'lucide-react';
+import { Loader2, Trash2, Play, Square, Copy, Check, Archive, ArchiveRestore } from 'lucide-react';
 import { approveFeature } from '../../../app/actions/approve-feature.js';
 import { resumeFeature } from '../../../app/actions/resume-feature.js';
 import { startFeature } from '../../../app/actions/start-feature.js';
+import { stopFeature } from '../../../app/actions/stop-feature.js';
 import { rejectFeature } from '../../../app/actions/reject-feature.js';
 import { getFeatureArtifact } from '../../../app/actions/get-feature-artifact.js';
 import { getResearchArtifact } from '../../../app/actions/get-research-artifact.js';
@@ -19,10 +21,8 @@ import { useDeployAction } from '../../../hooks/use-deploy-action.js';
 import { useAgentEventsContext } from '../../../hooks/agent-events-provider.js';
 import { BaseDrawer } from '../../common/base-drawer/index.js';
 import { DeploymentStatusBadge } from '../../common/deployment-status-badge/index.js';
-import { Button } from '../../ui/button.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
 import { DeleteFeatureDialog } from '../../common/delete-feature-dialog/index.js';
-import { ActionButton } from '../../common/action-button/index.js';
 import { OpenActionMenu } from '../../common/open-action-menu/index.js';
 import { FeatureDrawerTabs } from '../../common/feature-drawer-tabs/index.js';
 import { useFeatureActions } from '../../common/feature-drawer/use-feature-actions.js';
@@ -38,9 +38,22 @@ export function FeatureDrawerClient({ view: initialView, urlTab, interactiveAgen
     const rejectSound = useSoundAction('reject');
     // Track the view locally so SSE events can update the drawer type in real-time
     const [view, setView] = useState(initialView);
-    // Sync when server re-renders with new props (e.g. after navigation)
+    // Sync when server re-renders with new props (e.g. after navigation).
+    // When reopening the SAME feature, merge server data into the existing view
+    // to preserve enriched fields (repositoryName, baseBranch, oneLiner, remoteUrl)
+    // that useDrawerSync added but the minimal server component doesn't provide.
     useEffect(() => {
-        setView(initialView);
+        setView((prev) => {
+            if (prev.type === 'feature' &&
+                initialView.type === 'feature' &&
+                prev.node.featureId === initialView.node.featureId) {
+                return {
+                    ...initialView,
+                    node: { ...prev.node, ...initialView.node },
+                };
+            }
+            return initialView;
+        });
     }, [initialView]);
     const featureNode = view.type === 'feature' ? view.node : null;
     // SSE: update drawer view when feature state changes
@@ -325,17 +338,28 @@ export function FeatureDrawerClient({ view: initialView, urlTab, interactiveAgen
             return;
         }
         toast.success('Feature resumed — agent restarting');
-        // Optimistically update canvas node
         window.dispatchEvent(new CustomEvent('shep:feature-approved', {
             detail: { featureId },
         }));
-        // Optimistically update the drawer view
         setView((prev) => {
             if (prev.type !== 'feature')
                 return prev;
             return { ...prev, node: { ...prev.node, state: 'running' } };
         });
     }, []);
+    const handleStop = useCallback(async (featureId) => {
+        const result = await stopFeature(featureId);
+        if (!result.stopped) {
+            toast.error(result.error ?? 'Failed to stop');
+            return;
+        }
+        toast.success('Agent stopped');
+        setView((prev) => {
+            if (prev.type !== 'feature')
+                return prev;
+            return { ...prev, node: { ...prev.node, state: 'error' } };
+        });
+    }, []);
     const handleStart = useCallback(async (featureId) => {
         const result = await startFeature(featureId);
         if (result.error) {
@@ -401,14 +425,21 @@ export function FeatureDrawerClient({ view: initialView, urlTab, interactiveAgen
     let headerContent = undefined;
     if (featureNode) {
         const shortId = featureNode.featureId.slice(0, 8);
-        const repoName = featureNode.repositoryName ??
-            featureNode.repositoryPath.split('/').filter(Boolean).at(-1) ??
-            '';
-        headerContent = (_jsxs(_Fragment, { children: [repoName ? (_jsxs("div", { className: "flex items-center gap-1.5 pt-0.5", children: [_jsx(Code2, { className: "text-muted-foreground size-3.5 shrink-0" }), featureNode.remoteUrl ? (_jsxs("a", { href: featureNode.remoteUrl, target: "_blank", rel: "noopener noreferrer", className: "text-muted-foreground hover:text-foreground inline-flex items-center gap-1 text-xs transition-colors", "data-testid": "feature-drawer-repo-link", children: [repoName, _jsx(ExternalLink, { className: "size-3" })] })) : (_jsx("span", { className: "text-muted-foreground text-xs", children: repoName }))] })) : null, featureActionsInput ? (_jsxs("div", { className: "flex items-center gap-2 pt-1", "data-testid": "feature-drawer-actions", children: [featureNode?.state !== 'done' ? (_jsx(OpenActionMenu, { actions: featureActions, repositoryPath: featureActionsInput.repositoryPath, worktreePath: featureActionsInput.worktreePath, showSpecs: !!featureActionsInput.specPath })) : null, featureNode?.state !== 'done' && featureFlags.envDeploy && featureDeployTarget ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isFeatureDeployActive
-                                                            ? t('featureDrawer.stopDevServer')
-                                                            : t('featureDrawer.startDevServer'), onClick: isFeatureDeployActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isFeatureDeployActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isFeatureDeployActive
+        {
+            /* Reusable toolbar icon button classes */
+        }
+        const tbBtn = 'text-muted-foreground hover:bg-foreground/8 hover:text-foreground inline-flex size-8 items-center justify-center rounded-[3px] disabled:opacity-40';
+        const tbSep = 'bg-border/60 mx-1.5 h-5 w-px shrink-0';
+        headerContent = (_jsx("div", { "data-testid": "feature-drawer-toolbar", children: _jsxs("div", { className: "flex h-10 items-center px-2", "data-testid": "feature-drawer-actions", children: [featureActionsInput && featureNode?.state !== 'done' ? (_jsx(OpenActionMenu, { actions: featureActions, repositoryPath: featureActionsInput.repositoryPath, worktreePath: featureActionsInput.worktreePath, showSpecs: !!featureActionsInput.specPath })) : null, featureActionsInput &&
+                        featureNode?.state !== 'done' &&
+                        featureFlags.envDeploy &&
+                        featureDeployTarget ? (_jsxs(_Fragment, { children: [_jsx("div", { className: tbSep }), _jsx(TooltipProvider, { delayDuration: 300, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: deployAction.deployLoading || deployAction.stopLoading, onClick: isFeatureDeployActive ? deployAction.stop : deployAction.deploy, className: cn('inline-flex size-7 items-center justify-center rounded-[3px] disabled:opacity-40', isFeatureDeployActive
+                                                    ? 'text-red-500 hover:bg-red-500/10 hover:text-red-400'
+                                                    : 'text-green-600 hover:bg-green-500/10 dark:text-green-500'), "aria-label": isFeatureDeployActive
                                                     ? t('featureDrawer.stopDevServer')
-                                                    : t('featureDrawer.startDevServer') })] }) }), isFeatureDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: featureDeployTarget?.targetId })) : null] })) : null, _jsxs("div", { className: "ml-auto flex items-center gap-1.5", children: [_jsx("code", { className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 font-mono text-xs", children: shortId }), _jsx("button", { type: "button", onClick: handleCopyId, className: "text-muted-foreground hover:text-foreground inline-flex items-center rounded p-0.5 transition-colors", "aria-label": t('featureDrawer.copyFeatureId'), "data-testid": "feature-drawer-copy-id", children: idCopied ? (_jsx(Check, { className: "size-3.5 text-green-600" })) : (_jsx(Copy, { className: "size-3.5" })) })] }), featureNode.featureId ? (_jsxs(_Fragment, { children: [featureNode.state === 'archived' ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": t('featureDrawer.unarchiveFeature'), disabled: isArchiving, className: "text-muted-foreground hover:text-primary", "data-testid": "feature-drawer-unarchive", onClick: () => handleUnarchive(featureNode.featureId), children: isArchiving ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(ArchiveRestore, { className: "size-4" })) }) }), _jsx(TooltipContent, { children: t('featureDrawer.unarchiveFeature') })] }) })) : featureNode.state !== 'deleting' ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": t('featureDrawer.archiveFeature'), disabled: isArchiving, className: "text-muted-foreground hover:text-foreground", "data-testid": "feature-drawer-archive", onClick: () => handleArchive(featureNode.featureId), children: isArchiving ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Archive, { className: "size-4" })) }) }), _jsx(TooltipContent, { children: t('featureDrawer.archiveFeature') })] }) })) : null, _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": t('featureDrawer.deleteFeature'), disabled: isDeleting, className: "text-muted-foreground hover:text-destructive", "data-testid": "feature-drawer-delete", onClick: () => setDeleteDialogOpen(true), children: isDeleting ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Trash2, { className: "size-4" })) }), _jsx(DeleteFeatureDialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, onConfirm: (cleanup, cascadeDelete, closePr) => handleDelete(featureNode.featureId, cleanup, cascadeDelete, closePr), isDeleting: isDeleting, featureName: featureNode.name, featureId: featureNode.featureId, hasChildren: featureNode.hasChildren, hasOpenPr: !!featureNode.pr && featureNode.pr.status === 'Open' })] })) : null] })) : null] }));
+                                                    : t('featureDrawer.startDevServer'), children: deployAction.deployLoading || deployAction.stopLoading ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : isFeatureDeployActive ? (_jsx(Square, { className: "size-4" })) : (_jsx(Play, { className: "size-4" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: isFeatureDeployActive
+                                                ? t('featureDrawer.stopDevServer')
+                                                : t('featureDrawer.startDevServer') })] }) }), isFeatureDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: featureDeployTarget?.targetId })) : null] })) : null, _jsx("div", { className: "flex-1" }), _jsxs("div", { className: "flex items-center", children: [_jsx("code", { className: "text-muted-foreground/70 font-mono text-[10px] tracking-wide select-none", children: shortId }), _jsx(TooltipProvider, { delayDuration: 300, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: handleCopyId, className: tbBtn, "aria-label": t('featureDrawer.copyFeatureId'), "data-testid": "feature-drawer-copy-id", children: idCopied ? (_jsx(Check, { className: "size-4 text-green-500" })) : (_jsx(Copy, { className: "size-4" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: t('featureDrawer.copyFeatureId') })] }) }), featureNode.featureId ? (_jsxs(_Fragment, { children: [_jsx("div", { className: tbSep }), _jsxs(TooltipProvider, { delayDuration: 300, children: [featureNode.state === 'archived' ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: isArchiving, className: tbBtn, "data-testid": "feature-drawer-unarchive", onClick: () => handleUnarchive(featureNode.featureId), children: isArchiving ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(ArchiveRestore, { className: "size-3" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: t('featureDrawer.unarchiveFeature') })] })) : featureNode.state !== 'deleting' ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: isArchiving, className: tbBtn, "data-testid": "feature-drawer-archive", onClick: () => handleArchive(featureNode.featureId), children: isArchiving ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Archive, { className: "size-3" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: t('featureDrawer.archiveFeature') })] })) : null, _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: isDeleting, className: cn(tbBtn, 'hover:bg-destructive/10 hover:text-destructive'), "data-testid": "feature-drawer-delete", onClick: () => setDeleteDialogOpen(true), children: isDeleting ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Trash2, { className: "size-3" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: t('featureDrawer.deleteFeature') })] })] }), _jsx(DeleteFeatureDialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, onConfirm: (cleanup, cascadeDelete, closePr) => handleDelete(featureNode.featureId, cleanup, cascadeDelete, closePr), isDeleting: isDeleting, featureName: featureNode.name, featureId: featureNode.featureId, hasChildren: featureNode.hasChildren, hasOpenPr: !!featureNode.pr && featureNode.pr.status === 'Open' })] })) : null] })] }) }));
     }
     // ── Body ──────────────────────────────────────────────────────────────
     let body = null;
@@ -418,7 +449,7 @@ export function FeatureDrawerClient({ view: initialView, urlTab, interactiveAgen
             ...(featureNode.state === 'error' && { onRetry: handleRetry }),
             ...(featureNode.state === 'pending' && { onStart: handleStart }),
         };
-        body = (_jsx(FeatureDrawerTabs, { featureName: featureNode.name, headerContent: headerContent, featureNode: enrichedNode, featureId: featureNode.featureId, initialTab: view.initialTab, urlTab: urlTab, sseEvents: events, prdData: prdData, prdSelections: prdSelections, onPrdSelect: (qId, oId) => setPrdSelections((prev) => ({ ...prev, [qId]: oId })), onPrdApprove: handlePrdApprove, onPrdReject: handlePrdReject, isPrdLoading: isLoadingPrd, techData: techData, onTechApprove: handleTechApprove, onTechReject: handleTechReject, isTechLoading: isLoadingTech, productData: isLoadingTechProduct ? null : techProductData, mergeData: mergeData, onMergeApprove: handleMergeApprove, onMergeReject: handleMergeReject, isMergeLoading: isLoadingMerge, syncStatus: syncFeatureId ? syncData : undefined, syncLoading: syncLoading, syncError: syncError, onRefreshSync: syncFeatureId ? refreshSync : undefined, onRebaseOnMain: syncFeatureId ? featureActions.rebaseOnMain : undefined, rebaseLoading: featureActions.rebaseLoading, rebaseError: featureActions.rebaseError, isRejecting: isRejecting, chatInput: chatInput, onChatInputChange: setChatInput, interactiveAgentEnabled: interactiveAgentEnabled }));
+        body = (_jsx(FeatureDrawerTabs, { featureName: featureNode.name, headerContent: headerContent, featureNode: enrichedNode, featureId: featureNode.featureId, initialTab: view.initialTab, urlTab: urlTab, sseEvents: events, prdData: prdData, prdSelections: prdSelections, onPrdSelect: (qId, oId) => setPrdSelections((prev) => ({ ...prev, [qId]: oId })), onPrdApprove: handlePrdApprove, onPrdReject: handlePrdReject, isPrdLoading: isLoadingPrd, techData: techData, onTechApprove: handleTechApprove, onTechReject: handleTechReject, isTechLoading: isLoadingTech, productData: isLoadingTechProduct ? null : techProductData, mergeData: mergeData, onMergeApprove: handleMergeApprove, onMergeReject: handleMergeReject, isMergeLoading: isLoadingMerge, syncStatus: syncFeatureId ? syncData : undefined, syncLoading: syncLoading, syncError: syncError, onRefreshSync: syncFeatureId ? refreshSync : undefined, onRebaseOnMain: syncFeatureId ? featureActions.rebaseOnMain : undefined, rebaseLoading: featureActions.rebaseLoading, rebaseError: featureActions.rebaseError, isRejecting: isRejecting, chatInput: chatInput, onChatInputChange: setChatInput, interactiveAgentEnabled: interactiveAgentEnabled, onRetry: handleRetry, onStop: handleStop, onStart: handleStart }));
     }
     return (_jsx(BaseDrawer, { open: isOpen, onClose: attemptClose, size: "lg", modal: false, "data-testid": view.type === 'feature' ? 'feature-drawer' : 'repository-drawer', children: body }));
 }

package/dist/src/presentation/web/components/common/control-center-drawer/repository-drawer-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/repository-drawer-client.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAG9E,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,kBAAkB,CAAC;IACzB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;CAClC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,2BAA2B,2CA6KvF"}
+{"version":3,"file":"repository-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/repository-drawer-client.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAW9E,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,kBAAkB,CAAC;IACzB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;CAClC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,2BAA2B,2CAqQvF"}

package/dist/src/presentation/web/components/common/control-center-drawer/repository-drawer-client.js

@@ -1,24 +1,28 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
-import { Code2, Terminal, FolderOpen, RefreshCw, Play, Square } from 'lucide-react';
+import { Code2, Terminal, FolderOpen, RefreshCw, Play, Square, Copy, Check, Loader2, LayoutDashboard, MessageSquare, GitBranch, GitCommitHorizontal, AlertTriangle, Globe, Tag, Archive, FileEdit, FilePlus, FileCheck2, } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
 import { BaseDrawer } from '../../common/base-drawer/index.js';
-import { ActionButton } from '../../common/action-button/index.js';
 import { DeploymentStatusBadge } from '../../common/deployment-status-badge/index.js';
-import { Separator } from '../../ui/separator.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '../../ui/tabs.js';
 import { useRepositoryActions } from '../../common/repository-node/use-repository-actions.js';
 import { useDeployAction } from '../../../hooks/use-deploy-action.js';
 import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 import { ChatTab } from '../../features/chat/ChatTab.js';
+import { getGitRepoInfo } from '../../../app/actions/get-git-log.js';
+const COPY_FEEDBACK_DELAY = 2000;
+const tbBtn = 'text-muted-foreground hover:bg-foreground/8 hover:text-foreground inline-flex size-8 items-center justify-center rounded-[3px] disabled:opacity-40';
+const tbSep = 'bg-border/60 mx-1.5 h-5 w-px shrink-0';
 export function RepositoryDrawerClient({ data, initialTab }) {
     const featureFlags = useFeatureFlags();
     const router = useRouter();
     const pathname = usePathname();
     const isOpen = pathname.startsWith('/repository/');
     const [activeTab, setActiveTab] = useState(initialTab ?? 'overview');
+    const [pathCopied, setPathCopied] = useState(false);
     const repoActions = useRepositoryActions(data.repositoryPath ? { repositoryId: data.id, repositoryPath: data.repositoryPath } : null);
     const onClose = useCallback(() => {
         router.push('/');
@@ -31,7 +35,75 @@ export function RepositoryDrawerClient({ data, initialTab }) {
         }
         : null);
     const isDeployActive = deployAction.status === 'Booting' || deployAction.status === 'Ready';
+    const handleCopyPath = useCallback(() => {
+        if (!data.repositoryPath)
+            return;
+        void navigator.clipboard.writeText(data.repositoryPath);
+        setPathCopied(true);
+        setTimeout(() => setPathCopied(false), COPY_FEEDBACK_DELAY);
+    }, [data.repositoryPath]);
     // Session ID for repo chat — deterministic per repo
     const repoSessionId = data.id ? `repo-${data.id}` : `repo-${data.name}`;
-    return (_jsx(BaseDrawer, { open: isOpen, onClose: onClose, size: "lg", modal: false, "data-testid": "repository-drawer", children: _jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "flex min-h-0 flex-1 flex-col", children: [_jsxs("div", { className: "shrink-0 px-4 pt-4 pb-3", "data-testid": "repository-drawer-header", children: [_jsxs("div", { className: "flex items-baseline gap-4 pe-6", children: [_jsx("h2", { className: "text-foreground min-w-0 shrink truncate text-base font-semibold tracking-tight", children: data.name }), _jsxs(TabsList, { className: "h-auto shrink-0 gap-0.5 rounded-none border-0 bg-transparent p-0", children: [_jsx(TabsTrigger, { value: "overview", className: "text-muted-foreground hover:text-foreground data-[state=active]:text-foreground data-[state=active]:border-primary h-auto rounded-none border-b-2 border-transparent bg-transparent px-2 py-0.5 text-[12px] font-medium shadow-none transition-colors data-[state=active]:bg-transparent data-[state=active]:shadow-none", children: "Overview" }), _jsx(TabsTrigger, { value: "chat", className: "text-muted-foreground hover:text-foreground data-[state=active]:text-foreground data-[state=active]:border-primary h-auto rounded-none border-b-2 border-transparent bg-transparent px-2 py-0.5 text-[12px] font-medium shadow-none transition-colors data-[state=active]:bg-transparent data-[state=active]:shadow-none", children: "Chat" })] })] }), _jsxs("div", { className: "mt-1 flex items-center gap-2", children: [data.repositoryPath ? (_jsx("p", { className: "text-muted-foreground min-w-0 truncate font-mono text-xs", children: data.repositoryPath })) : null, featureFlags.envDeploy && data.repositoryPath ? (_jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isDeployActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isDeployActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isDeployActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isDeployActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: data.repositoryPath })) : null] })) : null] })] }), _jsx(Separator, {}), _jsx(TabsContent, { value: "overview", className: "mt-0 flex-1 overflow-y-auto", children: data.repositoryPath ? (_jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "OPEN WITH" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ActionButton, { label: "Open in IDE", onClick: repoActions.openInIde, loading: repoActions.ideLoading, error: !!repoActions.ideError, icon: Code2, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open in Shell", onClick: repoActions.openInShell, loading: repoActions.shellLoading, error: !!repoActions.shellError, icon: Terminal, variant: "outline", size: "sm" }), _jsx(ActionButton, { label: "Open Folder", onClick: repoActions.openFolder, loading: repoActions.folderLoading, error: !!repoActions.folderError, icon: FolderOpen, variant: "outline", size: "sm" })] })] }), data.id && featureFlags.gitRebaseSync ? (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { className: "flex flex-col gap-3 p-4", children: [_jsx("div", { className: "text-muted-foreground text-xs font-semibold tracking-wider", children: "GIT OPERATIONS" }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(ActionButton, { label: "Sync Main", onClick: repoActions.syncMain, loading: repoActions.syncLoading, error: !!repoActions.syncError, icon: RefreshCw, variant: "outline", size: "sm" }), repoActions.syncError ? (_jsx("p", { className: "text-destructive text-xs", children: repoActions.syncError })) : null] })] })] })) : null] })) : null }), _jsx(TabsContent, { value: "chat", className: "mt-0 flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(ChatTab, { featureId: repoSessionId, worktreePath: data.repositoryPath }) })] }) }));
+    return (_jsx(BaseDrawer, { open: isOpen, onClose: onClose, size: "lg", modal: false, "data-testid": "repository-drawer", children: _jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "flex min-h-0 flex-1 flex-col", children: [_jsxs(TabsList, { className: "bg-muted/50 h-auto w-full shrink-0 justify-start gap-0 rounded-none border-b p-0", children: [_jsxs(TabsTrigger, { value: "overview", className: "text-muted-foreground hover:bg-muted hover:text-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:border-t-primary [&:not([data-state=active])]:border-r-border relative h-auto rounded-none border-t-2 border-r border-t-transparent border-r-transparent bg-transparent px-3.5 py-2.5 text-[13px] font-normal shadow-none transition-none last:border-r-transparent data-[state=active]:shadow-none", children: [_jsx(LayoutDashboard, { className: "mr-1.5 size-4" }), "Overview"] }), _jsxs(TabsTrigger, { value: "chat", className: "text-muted-foreground hover:bg-muted hover:text-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:border-t-primary [&:not([data-state=active])]:border-r-border relative h-auto rounded-none border-t-2 border-r border-t-transparent border-r-transparent bg-transparent px-3.5 py-2.5 text-[13px] font-normal shadow-none transition-none last:border-r-transparent data-[state=active]:shadow-none", children: [_jsx(MessageSquare, { className: "mr-1.5 size-4" }), "Chat"] })] }), _jsxs("div", { className: "bg-muted/40 shrink-0 border-b", children: [_jsxs("div", { className: "flex items-center gap-2 px-4 pe-10 pt-2.5 pb-2", "data-testid": "repository-drawer-header", children: [_jsx("h2", { className: "text-foreground min-w-0 truncate text-base font-semibold tracking-tight", children: data.name }), data.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground/40 text-xs", children: "/" }), _jsx("span", { className: "text-muted-foreground min-w-0 truncate font-mono text-[11px]", children: data.repositoryPath })] })) : null] }), data.repositoryPath ? (_jsx("div", { "data-testid": "repository-drawer-toolbar", children: _jsxs("div", { className: "flex h-9 items-center px-1.5", children: [_jsxs(TooltipProvider, { delayDuration: 300, children: [_jsxs("div", { className: "flex items-center", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: tbBtn, onClick: repoActions.openInIde, disabled: repoActions.ideLoading, "aria-label": "Open in IDE", children: repoActions.ideLoading ? (_jsx(Loader2, { className: "size-3.5 animate-spin" })) : (_jsx(Code2, { className: "size-4" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Open in IDE" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: tbBtn, onClick: repoActions.openInShell, disabled: repoActions.shellLoading, "aria-label": "Open terminal", children: repoActions.shellLoading ? (_jsx(Loader2, { className: "size-3.5 animate-spin" })) : (_jsx(Terminal, { className: "size-4" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Open terminal" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: tbBtn, onClick: repoActions.openFolder, disabled: repoActions.folderLoading, "aria-label": "Open folder", children: repoActions.folderLoading ? (_jsx(Loader2, { className: "size-3.5 animate-spin" })) : (_jsx(FolderOpen, { className: "size-4" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Open folder" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: tbBtn, onClick: handleCopyPath, "aria-label": "Copy path", children: pathCopied ? (_jsx(Check, { className: "size-3.5 text-green-500" })) : (_jsx(Copy, { className: "size-4" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: pathCopied ? 'Copied!' : 'Copy path' })] })] }), data.id && featureFlags.gitRebaseSync ? (_jsxs(_Fragment, { children: [_jsx("div", { className: tbSep }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: tbBtn, onClick: repoActions.syncMain, disabled: repoActions.syncLoading, "aria-label": "Sync main", children: repoActions.syncLoading ? (_jsx(Loader2, { className: "size-3.5 animate-spin" })) : (_jsx(RefreshCw, { className: "size-4" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Sync main" })] })] })) : null, featureFlags.envDeploy ? (_jsxs(_Fragment, { children: [_jsx("div", { className: tbSep }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", disabled: deployAction.deployLoading || deployAction.stopLoading, onClick: isDeployActive ? deployAction.stop : deployAction.deploy, className: cn('inline-flex size-7 items-center justify-center rounded-[3px] disabled:opacity-40', isDeployActive
+                                                                        ? 'text-red-500 hover:bg-red-500/10 hover:text-red-400'
+                                                                        : 'text-green-500 hover:bg-green-500/10 hover:text-green-400'), "aria-label": isDeployActive ? 'Stop dev server' : 'Start dev server', children: deployAction.deployLoading || deployAction.stopLoading ? (_jsx(Loader2, { className: "size-3.5 animate-spin" })) : isDeployActive ? (_jsx(Square, { className: "size-4" })) : (_jsx(Play, { className: "size-4" })) }) }), _jsx(TooltipContent, { side: "bottom", className: "text-xs", children: isDeployActive ? 'Stop dev server' : 'Start dev server' })] }), isDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: data.repositoryPath })) : null] })) : null] }), _jsx("div", { className: "flex-1" })] }) })) : null] }), _jsx(TabsContent, { value: "overview", className: "mt-0 flex-1 overflow-y-auto", children: _jsx(RepoOverview, { data: data, syncError: repoActions.syncError }) }), _jsx(TabsContent, { value: "chat", className: "mt-0 flex min-h-0 flex-1 flex-col overflow-hidden", children: _jsx(ChatTab, { featureId: repoSessionId, worktreePath: data.repositoryPath }) })] }) }));
+}
+// ── Repo Overview ───────────────────────────────────────────────────
+function Section({ icon: Icon, title, children, }) {
+    return (_jsxs("div", { className: "px-3 pt-4 pb-1", children: [_jsxs("div", { className: "text-foreground mb-2 flex items-center gap-1.5 text-sm font-semibold tracking-wider uppercase", children: [_jsx(Icon, { className: "size-4 opacity-50" }), title] }), children] }));
+}
+function Card({ children, className }) {
+    return (_jsx("div", { className: cn('bg-muted/60 rounded-md border border-transparent p-3', className), children: children }));
+}
+function KV({ label, children }) {
+    return (_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "text-foreground/40 text-[11px] font-medium tracking-wider uppercase", children: label }), _jsx("span", { className: "text-sm leading-snug", children: children })] }));
+}
+function RepoOverview({ data, syncError, }) {
+    const [repoInfo, setRepoInfo] = useState(null);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        if (!data.repositoryPath)
+            return;
+        let cancelled = false;
+        setLoading(true);
+        getGitRepoInfo(data.repositoryPath, 8)
+            .then((result) => {
+            if (!cancelled)
+                setRepoInfo(result);
+        })
+            .catch(() => {
+            // Silently handle — repo info is non-critical
+        })
+            .finally(() => {
+            if (!cancelled)
+                setLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [data.repositoryPath]);
+    if (!data.repositoryPath)
+        return null;
+    const wt = repoInfo?.workingTree;
+    const isDirty = wt && (wt.staged > 0 || wt.modified > 0 || wt.untracked > 0);
+    const ds = repoInfo?.diffStats;
+    return (_jsxs("div", { className: "pb-4", children: [loading ? (_jsxs("div", { className: "text-foreground/40 flex items-center gap-2 px-4 py-8 text-sm", children: [_jsx(Loader2, { className: "size-4 animate-spin" }), " Loading repository info..."] })) : null, repoInfo ? (_jsxs("div", { className: "grid grid-cols-2 gap-2 px-3 pt-3", children: [_jsx(Card, { children: _jsxs(KV, { label: "Branch", children: [_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx(GitBranch, { className: "text-foreground/30 size-3.5 shrink-0" }), _jsx("code", { className: "font-mono text-sm", children: repoInfo.currentBranch ?? data.branch ?? '—' })] }), data.behindCount != null && data.behindCount > 0 ? (_jsxs("span", { className: "mt-0.5 block text-xs text-orange-600 dark:text-orange-400", children: [data.behindCount, " behind default"] })) : null] }) }), _jsx(Card, { children: _jsx(KV, { label: "Working Tree", children: isDirty ? (_jsxs("div", { className: "flex flex-wrap gap-x-3 gap-y-0.5", children: [wt.staged > 0 ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-sm text-green-600 dark:text-green-400", children: [_jsx(FileCheck2, { className: "size-3.5" }), " ", wt.staged, " staged"] })) : null, wt.modified > 0 ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-sm text-amber-600 dark:text-amber-400", children: [_jsx(FileEdit, { className: "size-3.5" }), " ", wt.modified, " modified"] })) : null, wt.untracked > 0 ? (_jsxs("span", { className: "text-foreground/50 inline-flex items-center gap-1 text-sm", children: [_jsx(FilePlus, { className: "size-3.5" }), " ", wt.untracked, " untracked"] })) : null] })) : (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm text-green-600 dark:text-green-400", children: [_jsx(Check, { className: "size-3.5" }), " Clean"] })) }) }), ds ? (_jsx(Card, { children: _jsx(KV, { label: "Uncommitted Changes", children: _jsxs("div", { className: "flex items-center gap-3 text-sm", children: [_jsxs("span", { children: [ds.filesChanged, " file", ds.filesChanged !== 1 ? 's' : ''] }), _jsxs("span", { className: "text-green-600 dark:text-green-400", children: ["+", ds.insertions] }), _jsxs("span", { className: "text-red-500 dark:text-red-400", children: ["-", ds.deletions] })] }) }) })) : null, repoInfo.remotes.length > 0 ? (_jsx(Card, { children: _jsx(KV, { label: "Remote", children: repoInfo.remotes.map((r) => (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm", children: [_jsx(Globe, { className: "text-foreground/30 size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: r.url
+                                            .replace(/\.git$/, '')
+                                            .replace(/^https?:\/\/([^@]+@)?/, '')
+                                            .replace(/x-access-token:[^@]+@/, '') })] }, r.name))) }) })) : null, repoInfo.stashCount > 0 ? (_jsx(Card, { children: _jsx(KV, { label: "Stashes", children: _jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm", children: [_jsx(Archive, { className: "text-foreground/30 size-3.5 shrink-0" }), repoInfo.stashCount, " stash", repoInfo.stashCount !== 1 ? 'es' : ''] }) }) })) : null, repoInfo.tags.length > 0 ? (_jsx(Card, { children: _jsx(KV, { label: "Tags", children: _jsx("div", { className: "flex flex-wrap gap-1.5", children: repoInfo.tags.map((t) => (_jsxs("span", { className: "bg-foreground/[0.04] inline-flex items-center gap-0.5 rounded px-1.5 py-0.5 text-xs", children: [_jsx(Tag, { className: "text-foreground/30 size-2.5" }), t] }, t))) }) }) })) : null] })) : null, repoInfo && repoInfo.commits.length > 0 ? (_jsx(Section, { icon: GitCommitHorizontal, title: "Recent Commits", children: _jsxs("div", { className: "relative ml-3", children: [_jsx("div", { className: "bg-border absolute top-2 bottom-2 left-[5px] w-px" }), repoInfo.commits.map((c, i) => (_jsxs("div", { className: "group relative flex gap-3 py-1.5", children: [_jsx("div", { className: cn('relative z-10 mt-1.5 size-[11px] shrink-0 rounded-full border-2', i === 0
+                                        ? 'border-primary bg-primary'
+                                        : 'border-border bg-background group-hover:border-foreground/30') }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("p", { className: "min-w-0 truncate text-sm leading-snug", children: c.subject }), _jsx("code", { className: "text-foreground/30 shrink-0 font-mono text-[11px]", children: c.shortHash })] }), _jsxs("div", { className: "text-foreground/40 mt-0.5 flex items-center gap-2 text-xs", children: [_jsx("span", { children: c.author }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: c.relativeDate }), c.branch ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "\u00B7" }), _jsxs("span", { className: "inline-flex items-center gap-0.5", children: [_jsx(GitBranch, { className: "size-3" }), c.branch] })] })) : null] })] })] }, c.hash)))] }) })) : null, repoInfo && repoInfo.branches.length > 1 ? (_jsx(Section, { icon: GitBranch, title: "Branches", children: _jsx("div", { className: "flex flex-col", children: [...repoInfo.branches]
+                        .sort((a, b) => {
+                        const isDefault = (n) => /^(main|master)$/.test(n);
+                        if (a.isCurrent && !b.isCurrent)
+                            return -1;
+                        if (!a.isCurrent && b.isCurrent)
+                            return 1;
+                        if (isDefault(a.name) && !isDefault(b.name))
+                            return -1;
+                        if (!isDefault(a.name) && isDefault(b.name))
+                            return 1;
+                        return 0;
+                    })
+                        .map((b) => (_jsxs("div", { className: cn('flex items-center justify-between rounded px-2 py-1.5', b.isCurrent && 'bg-muted/60'), children: [_jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm", children: [b.isCurrent ? (_jsx("span", { className: "size-2 shrink-0 rounded-full bg-green-500" })) : /^(main|master)$/.test(b.name) ? (_jsx("span", { className: "size-2 shrink-0 rounded-full bg-blue-500" })) : (_jsx("span", { className: "bg-foreground/10 size-2 shrink-0 rounded-full" })), _jsx("code", { className: "font-mono text-[13px]", children: b.name }), b.isCurrent ? (_jsx("span", { className: "text-foreground/40 text-[10px]", children: "current" })) : null] }), _jsx("span", { className: "text-foreground/40 text-xs", children: b.lastCommitDate })] }, b.name))) }) })) : null, syncError ? (_jsx(Section, { icon: AlertTriangle, title: "Issues", children: _jsx(Card, { className: "bg-destructive/5 border-transparent", children: _jsx("p", { className: "text-destructive text-sm", children: syncError }) }) })) : null] }));
 }

package/dist/src/presentation/web/components/common/control-center-drawer/use-drawer-sync.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-drawer-sync.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/use-drawer-sync.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,GACxD,IAAI,CAwCN"}
+{"version":3,"file":"use-drawer-sync.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/use-drawer-sync.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,GACxD,IAAI,CAkDN"}

package/dist/src/presentation/web/components/common/control-center-drawer/use-drawer-sync.js

@@ -16,14 +16,21 @@ const BACKGROUND_SYNC_INTERVAL_MS = 15_000;
 export function useDrawerSync(isOpen, featureId, setView) {
     const wasOpenRef = useRef(isOpen);
     const isFetchingRef = useRef(false);
+    // Incremented on every open transition — stale fetches from a previous
+    // open/close cycle are discarded so they can't overwrite fresh data.
+    const generationRef = useRef(0);
     const syncFromServer = useCallback(async () => {
         if (!featureId || isFetchingRef.current)
             return;
         isFetchingRef.current = true;
+        const gen = generationRef.current;
         try {
             const data = await getFeatureDrawerData(featureId);
             if (!data)
                 return;
+            // Discard result if the drawer was closed and reopened while fetching
+            if (gen !== generationRef.current)
+                return;
             setView((prev) => mergeFeatureData(prev, data));
         }
         catch {
@@ -40,6 +47,10 @@ export function useDrawerSync(isOpen, featureId, setView) {
     useEffect(() => {
         if (isOpen && (!wasOpenRef.current || !hasFetchedOnMountRef.current)) {
             hasFetchedOnMountRef.current = true;
+            // New open transition — bump generation to invalidate any in-flight fetch
+            // from a previous cycle and reset the fetching guard.
+            generationRef.current += 1;
+            isFetchingRef.current = false;
             void syncFromServer();
         }
         wasOpenRef.current = isOpen;

package/dist/src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deployment-status-badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAIvE,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,0BAA0B,kDAgF1F"}
+{"version":3,"file":"deployment-status-badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/deployment-status-badge/deployment-status-badge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAIvE,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAKD,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,0BAA0B,kDAkG1F"}