@shepai/cli 1.135.3-pr425.d3fbb75 → 1.135.3-pr443.1bf56b0

package/dist/src/presentation/web/components/common/feature-node/feature-node.stories.js

@@ -2,13 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { expect, fn, waitFor } from '@storybook/test';
 import { ReactFlowProvider, ReactFlow, useNodesState } from '@xyflow/react';
-import { DeploymentState, PrStatus, CiStatus } from '../../../../../../packages/core/src/domain/generated/output.js';
+import { DeploymentState } from '../../../../../../packages/core/src/domain/generated/output.js';
 import { FeatureNode } from './feature-node.js';
 const nodeTypes = { featureNode: FeatureNode };
 /** Renders a single FeatureNode as a proper React Flow node (with node wrapper + pointer events). */
 function FeatureNodeCanvas({ data, style = { width: 600, height: 400 }, }) {
     const nodes = useMemo(() => [{ id: 'node-1', type: 'featureNode', position: { x: 0, y: 0 }, data }], [data]);
-    return (_jsx("div", { style: style, children: _jsx(ReactFlowProvider, { children: _jsx(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, nodesDraggable: false, nodesConnectable: false, panOnDrag: false, zoomOnScroll: false, proOptions: { hideAttribution: true }, fitView: true, className: "[&_.react-flow__pane]:!cursor-default" }) }) }));
+    return (_jsx("div", { style: style, children: _jsx(ReactFlowProvider, { children: _jsx(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, nodesDraggable: false, nodesConnectable: false, proOptions: { hideAttribution: true }, fitView: true }) }) }));
 }
 const meta = {
     title: 'Composed/FeatureNode',
@@ -19,17 +19,10 @@ const meta = {
     args: {
         name: 'Auth Module',
         description: 'Implement OAuth2 authentication flow',
-        featureId: 'a1b2c3d4-e5f6-7890-abcd-ef1234567890',
-        lifecycle: 'implementation',
+        featureId: '#f1',
+        lifecycle: 'requirements',
         state: 'running',
         progress: 45,
-        agentType: 'claude-code',
-        modelId: 'claude-sonnet-4-6',
-        repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
-        branch: 'feat/auth-module',
-        hasAgentRun: true,
-        hasPlan: true,
     },
 };
 export default meta;
@@ -39,92 +32,66 @@ export const Default = {
 const allStatesData = [
     {
         name: 'User Onboarding',
-        description: 'Implement guided onboarding wizard with step-by-step tutorial',
+        description: 'Implement guided onboarding wizard',
         featureId: '',
         lifecycle: 'requirements',
         state: 'creating',
         progress: 0,
         repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
         branch: '',
     },
     {
         name: 'Auth Module',
-        description: 'Implement OAuth2 authentication flow with SSO support',
-        featureId: '11111111-1111-1111-1111-111111111111',
+        description: 'Implement OAuth2 authentication flow',
+        featureId: '#f1',
         lifecycle: 'implementation',
         state: 'running',
         progress: 45,
         agentType: 'claude-code',
         modelId: 'claude-sonnet-4-6',
         repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
         branch: 'feat/auth-module',
-        worktreePath: '/home/user/.shep/repos/abc123/wt/feat-auth-module',
-        hasAgentRun: true,
-        hasPlan: true,
-        deployment: { status: DeploymentState.Ready, url: 'http://localhost:3001' },
     },
     {
         name: 'API Rate Limiting',
-        description: 'Implement sliding window rate limiting for public endpoints',
-        featureId: '22222222-2222-2222-2222-222222222222',
+        description: 'Implement sliding window rate limiting for public...',
+        featureId: '#bi1',
         lifecycle: 'requirements',
         state: 'action-required',
         progress: 22,
         agentType: 'claude-code',
         modelId: 'claude-sonnet-4-6',
         repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
         branch: 'feat/api-rate-limiting',
-        worktreePath: '/home/user/.shep/repos/abc123/wt/feat-api-rate-limiting',
-        hasAgentRun: true,
-        hasPlan: true,
     },
     {
         name: 'Data Pipeline',
         description: 'ETL pipeline for analytics dashboard',
-        featureId: '33333333-3333-3333-3333-333333333333',
+        featureId: '#bi2',
         lifecycle: 'implementation',
         state: 'action-required',
         progress: 40,
         agentType: 'cursor',
         modelId: 'claude-opus-4-6',
         repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
         branch: 'feat/data-pipeline',
-        worktreePath: '/home/user/.shep/repos/abc123/wt/feat-data-pipeline',
-        hasAgentRun: true,
-        hasPlan: true,
-        deployment: { status: DeploymentState.Booting },
     },
     {
         name: 'Merge Review',
         description: 'PR ready for merge approval',
-        featureId: '44444444-4444-4444-4444-444444444444',
+        featureId: '#bi3',
         lifecycle: 'review',
         state: 'action-required',
         progress: 90,
         agentType: 'gemini-cli',
         modelId: 'gemini-2.5-pro',
         repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
         branch: 'feat/merge-review',
-        worktreePath: '/home/user/.shep/repos/abc123/wt/feat-merge-review',
-        hasAgentRun: true,
-        hasPlan: true,
-        pr: {
-            url: 'https://github.com/user/my-repo/pull/87',
-            number: 87,
-            status: PrStatus.Open,
-            ciStatus: CiStatus.Success,
-            mergeable: true,
-        },
     },
     {
         name: 'Payment Gateway',
         description: 'Stripe integration for subscriptions',
-        featureId: '55555555-5555-5555-5555-555555555555',
+        featureId: '#f3',
         lifecycle: 'deploy',
         state: 'done',
         progress: 100,
@@ -132,24 +99,12 @@ const allStatesData = [
         agentType: 'claude-code',
         modelId: 'claude-sonnet-4-6',
         repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
         branch: 'feat/payment-gateway',
-        worktreePath: '/home/user/.shep/repos/abc123/wt/feat-payment-gateway',
-        fastMode: true,
-        hasAgentRun: true,
-        hasPlan: true,
-        pr: {
-            url: 'https://github.com/user/my-repo/pull/85',
-            number: 85,
-            status: PrStatus.Merged,
-            ciStatus: CiStatus.Success,
-        },
-        deployment: { status: DeploymentState.Ready, url: 'http://localhost:3002' },
     },
     {
         name: 'Search Index',
         description: 'Elasticsearch full-text search setup',
-        featureId: '66666666-6666-6666-6666-666666666666',
+        featureId: '#f4',
         lifecycle: 'implementation',
         state: 'blocked',
         progress: 20,
@@ -157,61 +112,40 @@ const allStatesData = [
         agentType: 'claude-code',
         modelId: 'claude-opus-4-6',
         repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
         branch: 'feat/search-index',
-        worktreePath: '/home/user/.shep/repos/abc123/wt/feat-search-index',
-        hasAgentRun: true,
-        hasPlan: true,
     },
     {
         name: 'Email Service',
         description: 'Transactional email with SendGrid',
-        featureId: '77777777-7777-7777-7777-777777777777',
+        featureId: '#f5',
         lifecycle: 'review',
         state: 'error',
         progress: 30,
-        errorMessage: 'Build failed: Cannot find module @sendgrid/mail',
-        agentType: 'aider',
-        modelId: 'claude-sonnet-4-6',
+        errorMessage: 'Build failed: type mismatch',
+        agentType: 'dev',
+        modelId: 'gpt-8',
         repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
         branch: 'feat/email-service',
-        worktreePath: '/home/user/.shep/repos/abc123/wt/feat-email-service',
-        hasAgentRun: true,
-        hasPlan: true,
-        pr: {
-            url: 'https://github.com/user/my-repo/pull/86',
-            number: 86,
-            status: PrStatus.Open,
-            ciStatus: CiStatus.Failure,
-        },
-        onRetry: fn(),
     },
     {
         name: 'Notification Service',
         description: 'Push notification integration',
-        featureId: '88888888-8888-8888-8888-888888888888',
+        featureId: '#f7',
         lifecycle: 'pending',
         state: 'pending',
         progress: 0,
         repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
         branch: 'feat/notification-service',
-        onStart: fn(),
     },
     {
         name: 'Legacy API Cleanup',
         description: 'Remove deprecated REST endpoints',
-        featureId: '99999999-9999-9999-9999-999999999999',
+        featureId: '#f6',
         lifecycle: 'implementation',
         state: 'deleting',
         progress: 0,
         repositoryPath: '/home/user/my-repo',
-        repositoryName: 'my-repo',
         branch: 'feat/legacy-api-cleanup',
-        worktreePath: '/home/user/.shep/repos/abc123/wt/feat-legacy-api-cleanup',
-        agentType: 'claude-code',
-        hasAgentRun: true,
     },
 ];
 export const AllStates = {

package/dist/src/presentation/web/components/common/merge-review/diff-view.d.ts

@@ -1,4 +1,7 @@
+import { type TreeViewElement } from '../../ui/file-tree.js';
 import type { MergeReviewFileDiff } from './merge-review-config.js';
+/** Build a tree structure from flat file paths. */
+export declare function buildFileTree(fileDiffs: MergeReviewFileDiff[]): TreeViewElement[];
 export interface DiffViewProps {
     fileDiffs: MergeReviewFileDiff[];
 }

package/dist/src/presentation/web/components/common/merge-review/diff-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diff-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/merge-review/diff-view.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAuB,MAAM,uBAAuB,CAAC;AA4GtF,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,mBAAmB,EAAE,CAAC;CAClC;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,kDAmBpD"}
+{"version":3,"file":"diff-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/merge-review/diff-view.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACrF,OAAO,KAAK,EAAE,mBAAmB,EAAuB,MAAM,uBAAuB,CAAC;AAStF,mDAAmD;AACnD,wBAAgB,aAAa,CAAC,SAAS,EAAE,mBAAmB,EAAE,GAAG,eAAe,EAAE,CAoCjF;AAgJD,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,mBAAmB,EAAE,CAAC;CAClC;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,kDAkEpD"}

package/dist/src/presentation/web/components/common/merge-review/diff-view.js

@@ -1,30 +1,113 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { ChevronRight, FileText, FilePlus, FileMinus, FileEdit } from 'lucide-react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from 'react';
+import { FileText, FilePlus, FileMinus, FileEdit } from 'lucide-react';
 import { cn } from '../../../lib/utils.js';
+import { Tree, Folder, File } from '../../ui/file-tree.js';
 const STATUS_CONFIG = {
-    added: { icon: FilePlus, label: 'A', className: 'text-green-600' },
-    modified: { icon: FileEdit, label: 'M', className: 'text-amber-600' },
-    deleted: { icon: FileMinus, label: 'D', className: 'text-red-600' },
-    renamed: { icon: FileEdit, label: 'R', className: 'text-blue-600' },
+    added: { icon: FilePlus, className: 'text-green-600' },
+    modified: { icon: FileEdit, className: 'text-amber-600' },
+    deleted: { icon: FileMinus, className: 'text-red-600' },
+    renamed: { icon: FileEdit, className: 'text-blue-600' },
 };
-function FileStatusIcon({ status }) {
-    const config = STATUS_CONFIG[status];
-    const Icon = config.icon;
-    return _jsx(Icon, { className: cn('h-3.5 w-3.5 shrink-0', config.className) });
+/** Build a tree structure from flat file paths. */
+export function buildFileTree(fileDiffs) {
+    const root = [];
+    for (const diff of fileDiffs) {
+        const parts = diff.path.split('/');
+        let currentLevel = root;
+        for (let i = 0; i < parts.length; i++) {
+            const part = parts[i];
+            const isFile = i === parts.length - 1;
+            const pathSoFar = parts.slice(0, i + 1).join('/');
+            const existing = currentLevel.find((el) => el.name === part && el.type === (isFile ? 'file' : 'folder'));
+            if (existing) {
+                if (!isFile && existing.children) {
+                    currentLevel = existing.children;
+                }
+            }
+            else {
+                const node = {
+                    id: pathSoFar,
+                    name: part,
+                    type: isFile ? 'file' : 'folder',
+                    ...(isFile ? {} : { children: [] }),
+                };
+                currentLevel.push(node);
+                if (!isFile && node.children) {
+                    currentLevel = node.children;
+                }
+            }
+        }
+    }
+    return collapseSingleChildFolders(root);
+}
+/** Collapse folders that contain only one child folder (e.g. src/components → src/components). */
+function collapseSingleChildFolders(elements) {
+    return elements.map((el) => {
+        if (el.type === 'folder' && el.children) {
+            const collapsed = collapseSingleChildFolders(el.children);
+            if (collapsed.length === 1 && collapsed[0].type === 'folder' && collapsed[0].children) {
+                return {
+                    ...collapsed[0],
+                    id: `${el.id}/${collapsed[0].name}`,
+                    name: `${el.name}/${collapsed[0].name}`,
+                    children: collapsed[0].children,
+                };
+            }
+            return { ...el, children: collapsed };
+        }
+        return el;
+    });
+}
+/** Collect all folder IDs for expanding the tree by default. */
+function getAllFolderIds(elements) {
+    const ids = [];
+    for (const el of elements) {
+        if (el.type === 'folder') {
+            ids.push(el.id);
+            if (el.children) {
+                ids.push(...getAllFolderIds(el.children));
+            }
+        }
+    }
+    return ids;
 }
 function HunkView({ hunk }) {
     return (_jsxs("div", { className: "border-border border-t first:border-t-0", children: [_jsx("div", { className: "bg-muted/50 text-muted-foreground px-3 py-1 font-mono text-[10px]", children: hunk.header }), _jsx("div", { className: "font-mono text-[11px] leading-[18px]", children: hunk.lines.map((line) => (_jsxs("div", { className: cn('flex', line.type === 'added' && 'bg-green-50 dark:bg-green-950/30', line.type === 'removed' && 'bg-red-50 dark:bg-red-950/30'), children: [_jsx("span", { className: "text-muted-foreground w-10 shrink-0 px-1 text-right text-[10px] select-none", children: line.oldNumber ?? '' }), _jsx("span", { className: "text-muted-foreground w-10 shrink-0 px-1 text-right text-[10px] select-none", children: line.newNumber ?? '' }), _jsx("span", { className: cn('w-4 shrink-0 text-center select-none', line.type === 'added' && 'text-green-700 dark:text-green-400', line.type === 'removed' && 'text-red-700 dark:text-red-400'), children: line.type === 'added' ? '+' : line.type === 'removed' ? '-' : ' ' }), _jsx("span", { className: "min-w-0 flex-1 pr-2 break-all whitespace-pre-wrap", children: line.content })] }, `${line.type}-${line.oldNumber ?? ''}-${line.newNumber ?? ''}`))) })] }));
 }
-function FileDiffItem({ file }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const fileName = file.path.split('/').pop() ?? file.path;
-    const dirPath = file.path.includes('/') ? file.path.slice(0, file.path.lastIndexOf('/')) : '';
-    return (_jsxs("div", { className: "border-border border-b last:border-b-0", children: [_jsxs("button", { type: "button", onClick: () => setIsOpen(!isOpen), className: "hover:bg-muted/50 flex w-full items-center gap-2 px-3 py-2 text-left", children: [_jsx(ChevronRight, { className: cn('text-muted-foreground h-3 w-3 shrink-0 transition-transform duration-150', isOpen && 'rotate-90') }), _jsx(FileStatusIcon, { status: file.status }), _jsx("span", { className: "text-foreground min-w-0 flex-1 truncate text-xs", children: dirPath ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "text-muted-foreground", children: [dirPath, "/"] }), fileName] })) : (fileName) }), file.oldPath ? (_jsxs("span", { className: "text-muted-foreground truncate text-[10px]", children: ["\u2190 ", file.oldPath.split('/').pop()] })) : null, _jsxs("span", { className: "shrink-0 text-[10px]", children: [file.additions > 0 ? _jsxs("span", { className: "text-green-600", children: ["+", file.additions] }) : null, file.additions > 0 && file.deletions > 0 ? ' ' : null, file.deletions > 0 ? _jsxs("span", { className: "text-red-600", children: ["-", file.deletions] }) : null] })] }), isOpen && file.hunks.length > 0 ? (_jsx("div", { className: "border-border overflow-x-auto border-t", children: file.hunks.map((hunk) => (_jsx(HunkView, { hunk: hunk }, hunk.header))) })) : null] }));
+function DiffFileIcon({ status }) {
+    const config = STATUS_CONFIG[status];
+    const Icon = config.icon;
+    return _jsx(Icon, { className: cn('size-4 shrink-0', config.className) });
+}
+function DiffStats({ additions, deletions }) {
+    return (_jsxs("span", { className: "ml-auto shrink-0 text-[10px]", children: [additions > 0 ? _jsxs("span", { className: "text-green-600", children: ["+", additions] }) : null, additions > 0 && deletions > 0 ? ' ' : null, deletions > 0 ? _jsxs("span", { className: "text-red-600", children: ["-", deletions] }) : null] }));
+}
+function FileTreeNode({ element, diffMap, selectedFile, onSelectFile, }) {
+    if (element.type === 'folder' && element.children) {
+        return (_jsx(Folder, { value: element.id, element: element.name, isSelectable: false, children: element.children.map((child) => (_jsx(FileTreeNode, { element: child, diffMap: diffMap, selectedFile: selectedFile, onSelectFile: onSelectFile }, child.id))) }, element.id));
+    }
+    const diff = diffMap.get(element.id);
+    const status = diff?.status ?? 'modified';
+    return (_jsx(File, { value: element.id, fileIcon: _jsx(DiffFileIcon, { status: status }), isSelect: selectedFile === element.id, handleSelect: onSelectFile, className: "w-full", children: _jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1", children: [_jsx("span", { className: "truncate", children: element.name }), diff?.oldPath ? (_jsxs("span", { className: "text-muted-foreground truncate text-[10px]", children: ["\u2190 ", diff.oldPath.split('/').pop()] })) : null, diff ? _jsx(DiffStats, { additions: diff.additions, deletions: diff.deletions }) : null] }) }, element.id));
 }
 export function DiffView({ fileDiffs }) {
+    const [selectedFile, setSelectedFile] = useState(null);
+    const treeElements = useMemo(() => buildFileTree(fileDiffs), [fileDiffs]);
+    const allFolderIds = useMemo(() => getAllFolderIds(treeElements), [treeElements]);
+    const diffMap = useMemo(() => {
+        const map = new Map();
+        for (const diff of fileDiffs) {
+            map.set(diff.path, diff);
+        }
+        return map;
+    }, [fileDiffs]);
+    const handleSelectFile = useCallback((path) => {
+        setSelectedFile((prev) => (prev === path ? null : path));
+    }, []);
+    const selectedDiff = selectedFile ? diffMap.get(selectedFile) : null;
     if (fileDiffs.length === 0)
         return null;
-    return (_jsxs("div", { className: "border-border rounded-lg border", children: [_jsx("div", { className: "px-4 py-3", children: _jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx(FileText, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "text-foreground text-xs font-semibold", children: "Changed Files" }), _jsxs("span", { className: "text-muted-foreground text-[10px]", children: ["(", fileDiffs.length, ")"] })] }) }), _jsx("div", { className: "border-border border-t", children: fileDiffs.map((file) => (_jsx(FileDiffItem, { file: file }, `${file.status}-${file.path}`))) })] }));
+    return (_jsxs("div", { className: "border-border rounded-lg border", children: [_jsx("div", { className: "px-4 py-3", children: _jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx(FileText, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "text-foreground text-xs font-semibold", children: "Changed Files" }), _jsxs("span", { className: "text-muted-foreground text-[10px]", children: ["(", fileDiffs.length, ")"] })] }) }), _jsxs("div", { className: "border-border border-t", children: [_jsx("div", { className: "py-2", children: _jsx(Tree, { elements: treeElements, initialExpandedItems: allFolderIds, indicator: true, sort: "none", className: "text-xs", children: treeElements.map((element) => (_jsx(FileTreeNode, { element: element, diffMap: diffMap, selectedFile: selectedFile, onSelectFile: handleSelectFile }, element.id))) }) }), selectedDiff && selectedDiff.hunks.length > 0 ? (_jsxs("div", { className: "border-border overflow-x-auto border-t", children: [_jsxs("div", { className: "bg-muted/30 flex items-center gap-2 px-3 py-1.5", children: [_jsx(DiffFileIcon, { status: selectedDiff.status }), _jsx("span", { className: "text-foreground font-mono text-xs", children: selectedDiff.path }), _jsx(DiffStats, { additions: selectedDiff.additions, deletions: selectedDiff.deletions })] }), selectedDiff.hunks.map((hunk) => (_jsx(HunkView, { hunk: hunk }, hunk.header)))] })) : null] })] }));
 }

package/dist/src/presentation/web/components/common/merge-review/diff-view.stories.d.ts

@@ -3,7 +3,7 @@ import { DiffView } from './diff-view.js';
 declare const meta: Meta<typeof DiffView>;
 export default meta;
 type Story = StoryObj<typeof DiffView>;
-/** Default — multiple files with various change types. */
+/** Default — multiple files with various change types shown in a file tree. */
 export declare const Default: Story;
 /** Single modified file. */
 export declare const SingleFile: Story;
@@ -15,4 +15,6 @@ export declare const OnlyDeletions: Story;
 export declare const RenamedFile: Story;
 /** Empty diff list — renders nothing. */
 export declare const EmptyDiffs: Story;
+/** Root-level files without directory nesting. */
+export declare const RootLevelFiles: Story;
 //# sourceMappingURL=diff-view.stories.d.ts.map

package/dist/src/presentation/web/components/common/merge-review/diff-view.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diff-view.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/merge-review/diff-view.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA2HvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAuB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,0DAA0D;AAC1D,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,4BAA4B;AAC5B,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,4BAA4B;AAC5B,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,0BAA0B;AAC1B,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,oBAAoB;AACpB,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC"}
+{"version":3,"file":"diff-view.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/merge-review/diff-view.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AA2HvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAuB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,+EAA+E;AAC/E,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,4BAA4B;AAC5B,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,4BAA4B;AAC5B,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,0BAA0B;AAC1B,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,oBAAoB;AACpB,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAC"}

package/dist/src/presentation/web/components/common/merge-review/diff-view.stories.js

@@ -136,7 +136,7 @@ const meta = {
     ],
 };
 export default meta;
-/** Default — multiple files with various change types. */
+/** Default — multiple files with various change types shown in a file tree. */
 export const Default = {
     args: {
         fileDiffs: sampleFiles,
@@ -172,3 +172,33 @@ export const EmptyDiffs = {
         fileDiffs: [],
     },
 };
+/** Root-level files without directory nesting. */
+export const RootLevelFiles = {
+    args: {
+        fileDiffs: [
+            {
+                path: 'package.json',
+                additions: 3,
+                deletions: 1,
+                status: 'modified',
+                hunks: [
+                    {
+                        header: '@@ -10,3 +10,5 @@',
+                        lines: [
+                            { type: 'context', content: '  "dependencies": {', oldNumber: 10, newNumber: 10 },
+                            { type: 'added', content: '    "new-dep": "^1.0.0",', newNumber: 11 },
+                            { type: 'context', content: '  }', oldNumber: 11, newNumber: 12 },
+                        ],
+                    },
+                ],
+            },
+            {
+                path: 'README.md',
+                additions: 10,
+                deletions: 0,
+                status: 'modified',
+                hunks: [],
+            },
+        ],
+    },
+};

package/dist/src/presentation/web/components/common/repository-node/repository-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAOnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CAqa5F"}
+{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAOnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CA2Z5F"}

package/dist/src/presentation/web/components/common/repository-node/repository-node.js

@@ -71,17 +71,15 @@ export function RepositoryNode({ data }) {
                         e.stopPropagation();
                         data.onClick?.();
                     }
-                }, className: "nodrag bg-card flex w-[26rem] cursor-pointer flex-col overflow-hidden rounded-xl border shadow-sm dark:bg-neutral-800/80", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [_jsx(Github, { className: "text-muted-foreground h-5 w-5 shrink-0" }), _jsx("span", { "data-testid": "repository-node-name", className: "min-w-0 truncate text-sm font-medium", children: data.name }), _jsxs("div", { className: cn('flex shrink-0 items-center gap-2', (data.repositoryPath ?? data.onAdd) && 'ml-auto'), onClick: (e) => e.stopPropagation(), children: [data.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in IDE", onClick: actions.openInIde, loading: actions.ideLoading, error: !!actions.ideError, icon: Code2, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in IDE" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in Shell", onClick: actions.openInShell, loading: actions.shellLoading, error: !!actions.shellError, icon: Terminal, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in Shell" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open Folder", onClick: actions.openFolder, loading: actions.folderLoading, error: !!actions.folderError, icon: FolderOpen, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open Folder" })] }) }), _jsx(FeatureSessionsDropdown, { repositoryPath: data.repositoryPath, onCreateFromSession: handleCreateFromSession })] })) : null, data.onAdd ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { "aria-label": "Add feature", "data-testid": "repository-node-add-button", onClick: (e) => {
+                }, className: "nodrag bg-card flex w-[26rem] cursor-pointer flex-col overflow-hidden rounded-xl border shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [_jsx(Github, { className: "text-muted-foreground h-5 w-5 shrink-0" }), _jsx("span", { "data-testid": "repository-node-name", className: "min-w-0 truncate text-sm font-medium", children: data.name }), _jsxs("div", { className: cn('flex shrink-0 items-center gap-2', (data.repositoryPath ?? data.onAdd) && 'ml-auto'), onClick: (e) => e.stopPropagation(), children: [data.repositoryPath ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in IDE", onClick: actions.openInIde, loading: actions.ideLoading, error: !!actions.ideError, icon: Code2, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in IDE" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open in Shell", onClick: actions.openInShell, loading: actions.shellLoading, error: !!actions.shellError, icon: Terminal, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open in Shell" })] }) }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "flex items-center", children: _jsx(ActionButton, { label: "Open Folder", onClick: actions.openFolder, loading: actions.folderLoading, error: !!actions.folderError, icon: FolderOpen, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: "Open Folder" })] }) }), _jsx(FeatureSessionsDropdown, { repositoryPath: data.repositoryPath, onCreateFromSession: handleCreateFromSession })] })) : null, data.onAdd ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { "aria-label": "Add feature", "data-testid": "repository-node-add-button", onClick: (e) => {
                                                             e.stopPropagation();
                                                             data.onAdd?.();
                                                         }, className: cn('text-muted-foreground hover:bg-accent dark:hover:bg-accent/50 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-full transition-colors hover:text-blue-500', data.pulseAdd &&
-                                                            'animate-pulse-cta bg-blue-100 text-blue-500 dark:bg-blue-900/40'), children: _jsx(Plus, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Add feature" })] }) })) : null] })] }), data.branch ? (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-git-info", className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-3 text-xs", children: [_jsxs("span", { className: "flex items-center gap-1 truncate", "data-testid": "repository-node-branch", children: [_jsx(GitBranch, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "truncate", children: data.branch })] }), data.behindCount != null && data.behindCount > 0 ? (_jsxs("span", { className: "flex shrink-0 items-center gap-1 whitespace-nowrap text-amber-500", "data-testid": "repository-node-behind", children: [_jsx(ArrowDown, { className: "h-3 w-3 shrink-0" }), data.behindCount, " behind"] })) : null] }) }), data.commitMessage ? (_jsx("div", { "data-testid": "repository-node-commit-info", className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx(GitCommitHorizontal, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "min-w-0 truncate", "data-testid": "repository-node-commit-message", children: data.commitMessage }), data.committer ? (_jsxs("span", { className: "text-muted-foreground/70 ml-auto flex shrink-0 items-center gap-1", "data-testid": "repository-node-committer", children: [_jsx(User, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: data.committer })] })) : null] }) })) : null] })) : data.gitInfoStatus === 'not-a-repo' ? (
+                                                            'animate-pulse-cta bg-blue-100 text-blue-500 dark:bg-blue-900/40'), children: _jsx(Plus, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Add feature" })] }) })) : null] })] }), data.branch ? (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-git-info", className: "text-muted-foreground border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-3 text-xs", children: [_jsxs("span", { className: "flex items-center gap-1 truncate", "data-testid": "repository-node-branch", children: [_jsx(GitBranch, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "truncate", children: data.branch })] }), data.behindCount != null && data.behindCount > 0 ? (_jsxs("span", { className: "flex shrink-0 items-center gap-1 whitespace-nowrap text-amber-500", "data-testid": "repository-node-behind", children: [_jsx(ArrowDown, { className: "h-3 w-3 shrink-0" }), data.behindCount, " behind"] })) : null] }) }), data.commitMessage ? (_jsx("div", { "data-testid": "repository-node-commit-info", className: "text-muted-foreground border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx(GitCommitHorizontal, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "min-w-0 truncate", "data-testid": "repository-node-commit-message", children: data.commitMessage }), data.committer ? (_jsxs("span", { className: "text-muted-foreground/70 ml-auto flex shrink-0 items-center gap-1", "data-testid": "repository-node-committer", children: [_jsx(User, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: data.committer })] })) : null] }) })) : null] })) : data.gitInfoStatus === 'not-a-repo' ? (
                     /* Not a git repo — two rows for consistency with loading/ready states */
-                    _jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-not-repo", className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx(FolderOpen, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "min-w-0 truncate opacity-60", children: data.repositoryPath ?? 'Unknown path' })] }) }), _jsx("div", { className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs opacity-40", children: [_jsx(GitBranch, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: "Not a git repository" })] }) })] })) : data.gitInfoStatus !== 'ready' ? (
+                    _jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-not-repo", className: "text-muted-foreground border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx(FolderOpen, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "min-w-0 truncate opacity-60", children: data.repositoryPath ?? 'Unknown path' })] }) }), _jsx("div", { className: "text-muted-foreground border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs opacity-40", children: [_jsx(GitBranch, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: "Not a git repository" })] }) })] })) : data.gitInfoStatus !== 'ready' ? (
                     /* Loading — show skeleton placeholders for both rows */
-                    _jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-git-loading", className: "border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex h-4 items-center gap-2 text-xs", children: [_jsx(GitBranch, { className: "text-muted-foreground h-3 w-3 shrink-0" }), _jsx("span", { className: "bg-muted h-3 w-20 animate-pulse rounded" })] }) }), _jsx("div", { className: "border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex h-4 items-center gap-2 text-xs", children: [_jsx(GitCommitHorizontal, { className: "text-muted-foreground h-3 w-3 shrink-0" }), _jsx("span", { className: "bg-muted h-3 w-36 animate-pulse rounded" })] }) })] })) : null, featureFlags.envDeploy && data.repositoryPath ? (_jsx("div", { "data-testid": "repository-node-dev-preview", className: "border-border/50 border-t px-4 py-2", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [deployAction.deployError ? (_jsx("span", { className: "truncate text-xs text-red-500", children: deployAction.deployError })) : isDeploymentActive ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "mr-0.5 inline-block h-2 w-2 shrink-0 rounded-full bg-green-500" }), deployAction.url ? (_jsx("a", { href: deployAction.url, target: "_blank", rel: "noopener noreferrer", className: "truncate text-green-700 hover:underline dark:text-green-400", children: deployAction.url })) : (_jsx("span", { className: "text-muted-foreground", children: "Starting..." }))] })) : (_jsxs("span", { className: "text-muted-foreground", children: ["Run", _jsx("span", { className: "text-muted-foreground/50 ml-2 text-[10px]", children: "start local environment" })] })), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: cn('ml-auto flex items-center', !isDeploymentActive &&
-                                                        !deployAction.deployError &&
-                                                        '[&_button]:text-green-600 [&_button]:hover:text-green-700 dark:[&_button]:text-green-400 dark:[&_button]:hover:text-green-300'), children: _jsx(ActionButton, { label: deployAction.deployError
+                    _jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-git-loading", className: "border-t px-4 py-2", children: _jsxs("div", { className: "flex h-4 items-center gap-2 text-xs", children: [_jsx(GitBranch, { className: "text-muted-foreground h-3 w-3 shrink-0" }), _jsx("span", { className: "bg-muted h-3 w-20 animate-pulse rounded" })] }) }), _jsx("div", { className: "border-t px-4 py-2", children: _jsxs("div", { className: "flex h-4 items-center gap-2 text-xs", children: [_jsx(GitCommitHorizontal, { className: "text-muted-foreground h-3 w-3 shrink-0" }), _jsx("span", { className: "bg-muted h-3 w-36 animate-pulse rounded" })] }) })] })) : null, featureFlags.envDeploy && data.repositoryPath ? (_jsx("div", { "data-testid": "repository-node-dev-preview", className: "border-t px-4 py-2", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [deployAction.deployError ? (_jsx("span", { className: "truncate text-xs text-red-500", children: deployAction.deployError })) : isDeploymentActive ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "mr-0.5 inline-block h-2 w-2 shrink-0 rounded-full bg-green-500" }), deployAction.url ? (_jsx("a", { href: deployAction.url, target: "_blank", rel: "noopener noreferrer", className: "truncate text-green-700 hover:underline dark:text-green-400", children: deployAction.url })) : (_jsx("span", { className: "text-muted-foreground", children: "Starting..." }))] })) : (_jsxs("span", { className: "text-muted-foreground", children: ["Run", _jsx("span", { className: "text-muted-foreground/50 ml-2 text-[10px]", children: "start local environment" })] })), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "ml-auto flex items-center", children: _jsx(ActionButton, { label: deployAction.deployError
                                                             ? 'Retry'
                                                             : isDeploymentActive
                                                                 ? 'Stop Dev Server'

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-center-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-empty-state.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,uBAAuB,CAAC,EACtC,kBAAkB,EAClB,SAAS,GACV,EAAE,4BAA4B,kDAmM9B"}
+{"version":3,"file":"control-center-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-empty-state.tsx"],"names":[],"mappings":"AAsBA,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,uBAAuB,CAAC,EACtC,kBAAkB,EAClB,SAAS,GACV,EAAE,4BAA4B,kDAuL9B"}