@shepai/cli 1.135.2 → 1.135.3-pr443.1bf56b0

package/dist/packages/core/src/infrastructure/services/agents/feature-agent/nodes/evidence.node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"evidence.node.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/core/src/infrastructure/services/agents/feature-agent/nodes/evidence.node.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+DAA+D,CAAC;AAEpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAoDrD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,cAAc,IAG3C,OAAO,iBAAiB,KAAG,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAmJ7E"}
+{"version":3,"file":"evidence.node.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/core/src/infrastructure/services/agents/feature-agent/nodes/evidence.node.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+DAA+D,CAAC;AAEpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAqDrD;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,cAAc,IAG3C,OAAO,iBAAiB,KAAG,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAoJ7E"}

package/dist/packages/core/src/infrastructure/services/agents/feature-agent/nodes/evidence.node.js

@@ -22,7 +22,7 @@
  */
 import yaml from 'js-yaml';
 import { isGraphBubbleUp } from '@langchain/langgraph';
-import { createNodeLogger, getCompletedPhases, markPhaseComplete, readSpecFile, retryExecute, buildExecutorOptions, } from './node-helpers.js';
+import { createNodeLogger, getCompletedPhases, markPhaseComplete, readSpecFile, retryExecute, buildExecutorOptions, saveEvidenceManifest, } from './node-helpers.js';
 import { reportNodeStart } from '../heartbeat.js';
 import { recordPhaseStart, recordPhaseEnd } from '../phase-timing-context.js';
 import { updateNodeLifecycle } from '../lifecycle-context.js';
@@ -174,6 +174,7 @@ export function createEvidenceNode(executor) {
                 throw new Error(`[evidence] ${message}`);
             }
         }
+        saveEvidenceManifest(state, allEvidence, log);
         markPhaseComplete(state.specDir, 'evidence', log);
         allMessages.unshift(`[evidence] Complete — ${allEvidence.length} evidence record(s) captured in ${attempt} attempt(s)`, ...(allEvidence.length === 0
             ? ['[evidence] Warning: no evidence records parsed from agent output']

package/dist/packages/core/src/infrastructure/services/agents/feature-agent/nodes/fast-implement.node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fast-implement.node.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/core/src/infrastructure/services/agents/feature-agent/nodes/fast-implement.node.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAMH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+DAA+D,CAAC;AAEpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAgBrD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,cAAc,IAGhD,OAAO,iBAAiB,KAAG,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CA0F7E"}
+{"version":3,"file":"fast-implement.node.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/core/src/infrastructure/services/agents/feature-agent/nodes/fast-implement.node.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+DAA+D,CAAC;AAEpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAiBrD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,cAAc,IAGhD,OAAO,iBAAiB,KAAG,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CA0F7E"}

package/dist/packages/core/src/infrastructure/services/agents/feature-agent/nodes/fast-implement.node.js

@@ -10,10 +10,8 @@
  * dependency, returns async (state) => Partial<FeatureAgentState>.
  */
 import { execSync } from 'node:child_process';
-import { mkdirSync, writeFileSync } from 'node:fs';
-import { join, dirname } from 'node:path';
 import { isGraphBubbleUp } from '@langchain/langgraph';
-import { createNodeLogger, buildExecutorOptions, retryExecute, getCompletedPhases, markPhaseComplete, } from './node-helpers.js';
+import { createNodeLogger, buildExecutorOptions, retryExecute, getCompletedPhases, markPhaseComplete, saveEvidenceManifest, } from './node-helpers.js';
 import { reportNodeStart } from '../heartbeat.js';
 import { recordPhaseStart, recordPhaseEnd } from '../phase-timing-context.js';
 import { updateNodeLifecycle } from '../lifecycle-context.js';
@@ -178,23 +176,3 @@ function hasNewCommits(cwd) {
         return false;
     }
 }
-/**
- * Save evidence manifest to the shep home evidence folder so the
- * merge review UI can read it without accessing graph state.
- */
-function saveEvidenceManifest(state, evidence, log) {
-    if (evidence.length === 0)
-        return;
-    try {
-        const cwd = state.worktreePath || state.repositoryPath;
-        const repoHashDir = dirname(dirname(cwd));
-        const evidenceDir = join(repoHashDir, 'evidence', state.featureId);
-        mkdirSync(evidenceDir, { recursive: true });
-        writeFileSync(join(evidenceDir, 'manifest.json'), JSON.stringify(evidence, null, 2), 'utf-8');
-        log.info(`Saved evidence manifest to ${evidenceDir}/manifest.json`);
-    }
-    catch (err) {
-        const msg = err instanceof Error ? err.message : String(err);
-        log.error(`Failed to save evidence manifest: ${msg}`);
-    }
-}

package/dist/packages/core/src/infrastructure/services/agents/feature-agent/nodes/node-helpers.d.ts

@@ -5,7 +5,7 @@
  * and error handling so every node follows the same patterns.
  */
 import type { IAgentExecutor, AgentExecutionOptions, AgentExecutionResult } from '../../../../../application/ports/output/agents/agent-executor.interface.js';
-import type { ApprovalGates } from '../../../../../domain/generated/output.js';
+import type { ApprovalGates, Evidence } from '../../../../../domain/generated/output.js';
 import type { FeatureAgentState } from '../state.js';
 /**
  * Create a scoped logger that prefixes messages with the node name.
@@ -168,4 +168,9 @@ export declare function buildResumeContext(resumeReason: string | undefined): st
  * - Consistent state shape for success and failure
  */
 export declare function executeNode(nodeName: string, executor: IAgentExecutor, buildPrompt: (state: FeatureAgentState, log: NodeLogger) => string): (state: FeatureAgentState) => Promise<Partial<FeatureAgentState>>;
+/**
+ * Save evidence manifest to the shep home evidence folder so the
+ * merge review UI can read it without accessing graph state.
+ */
+export declare function saveEvidenceManifest(state: FeatureAgentState, evidence: Evidence[], log: ReturnType<typeof createNodeLogger>): void;
 //# sourceMappingURL=node-helpers.d.ts.map

package/dist/packages/core/src/infrastructure/services/agents/feature-agent/nodes/node-helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node-helpers.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/core/src/infrastructure/services/agents/feature-agent/nodes/node-helpers.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"node-helpers.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/core/src/infrastructure/services/agents/feature-agent/nodes/node-helpers.ts"],"names":[],"mappings":"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"}

package/dist/packages/core/src/infrastructure/services/agents/feature-agent/nodes/node-helpers.js

@@ -5,8 +5,8 @@
  * and error handling so every node follows the same patterns.
  */
 import yaml from 'js-yaml';
-import { readFileSync, writeFileSync, renameSync, unlinkSync } from 'node:fs';
-import { join } from 'node:path';
+import { mkdirSync, readFileSync, writeFileSync, renameSync, unlinkSync } from 'node:fs';
+import { join, dirname } from 'node:path';
 import { interrupt, isGraphBubbleUp } from '@langchain/langgraph';
 import { hasSettings, getSettings } from '../../../../services/settings.service.js';
 import { reportNodeStart } from '../heartbeat.js';
@@ -525,3 +525,23 @@ export function executeNode(nodeName, executor, buildPrompt) {
         }
     };
 }
+/**
+ * Save evidence manifest to the shep home evidence folder so the
+ * merge review UI can read it without accessing graph state.
+ */
+export function saveEvidenceManifest(state, evidence, log) {
+    if (evidence.length === 0)
+        return;
+    try {
+        const cwd = state.worktreePath || state.repositoryPath;
+        const repoHashDir = dirname(dirname(cwd));
+        const evidenceDir = join(repoHashDir, 'evidence', state.featureId);
+        mkdirSync(evidenceDir, { recursive: true });
+        writeFileSync(join(evidenceDir, 'manifest.json'), JSON.stringify(evidence, null, 2), 'utf-8');
+        log.info(`Saved evidence manifest to ${evidenceDir}/manifest.json`);
+    }
+    catch (err) {
+        const msg = err instanceof Error ? err.message : String(err);
+        log.error(`Failed to save evidence manifest: ${msg}`);
+    }
+}

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/ui/file-tree.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+interface TreeViewElement {
+    id: string;
+    name: string;
+    type?: 'file' | 'folder';
+    isSelectable?: boolean;
+    children?: TreeViewElement[];
+}
+type TreeSortMode = 'default' | 'none' | ((a: TreeViewElement, b: TreeViewElement) => number);
+declare const Tree: React.ForwardRefExoticComponent<{
+    initialSelectedId?: string;
+    indicator?: boolean;
+    elements?: TreeViewElement[];
+    initialExpandedItems?: string[];
+    openIcon?: React.ReactNode;
+    closeIcon?: React.ReactNode;
+    sort?: TreeSortMode;
+} & Omit<Omit<AccordionPrimitive.AccordionSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">, "type" | "value" | "defaultValue" | "onValueChange"> & React.RefAttributes<HTMLDivElement>>;
+declare const Folder: React.ForwardRefExoticComponent<{
+    expandedItems?: string[];
+    element: string;
+    isSelectable?: boolean;
+    isSelect?: boolean;
+} & Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const File: React.ForwardRefExoticComponent<{
+    value: string;
+    handleSelect?: (id: string) => void;
+    isSelectable?: boolean;
+    isSelect?: boolean;
+    fileIcon?: React.ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapseButton: React.ForwardRefExoticComponent<{
+    elements: TreeViewElement[];
+    expandAll?: boolean;
+} & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export { CollapseButton, File, Folder, Tree, type TreeViewElement };
+export type { TreeSortMode };
+//# sourceMappingURL=file-tree.d.ts.map

package/dist/src/presentation/web/components/ui/file-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/file-tree.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAO3D,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAED,KAAK,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,KAAK,MAAM,CAAC,CAAC;AAsH9F,QAAA,MAAM,IAAI;wBAZY,MAAM;gBACd,OAAO;eACR,eAAe,EAAE;2BACL,MAAM,EAAE;eACpB,KAAK,CAAC,SAAS;gBACd,KAAK,CAAC,SAAS;WACpB,YAAY;+RA4GpB,CAAC;AA+BF,QAAA,MAAM,MAAM;oBANM,MAAM,EAAE;aACf,MAAM;mBACA,OAAO;eACX,OAAO;0KAuDnB,CAAC;AAIF,QAAA,MAAM,IAAI;WAGC,MAAM;mBACE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;mBACpB,OAAO;eACX,OAAO;eACP,KAAK,CAAC,SAAS;2FA6C7B,CAAC;AAIF,QAAA,MAAM,cAAc;cAGN,eAAe,EAAE;gBACf,OAAO;qFAmDrB,CAAC;AAIH,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,eAAe,EAAE,CAAC;AACpE,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/file-tree.js

@@ -0,0 +1,194 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useState, } from 'react';
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import { FileIcon, FolderIcon, FolderOpenIcon } from 'lucide-react';
+import { cn } from '../../lib/utils.js';
+import { Button } from '../ui/button.js';
+import { ScrollArea } from '../ui/scroll-area.js';
+const TreeContext = createContext(null);
+const useTree = () => {
+    const context = useContext(TreeContext);
+    if (!context) {
+        throw new Error('useTree must be used within a TreeProvider');
+    }
+    return context;
+};
+const isFolderElement = (element) => {
+    if (element.type) {
+        return element.type === 'folder';
+    }
+    return Array.isArray(element.children);
+};
+const mergeExpandedItems = (currentItems, nextItems) => [
+    ...new Set([...(currentItems ?? []), ...nextItems]),
+];
+const treeCollator = new Intl.Collator('en', {
+    numeric: true,
+    sensitivity: 'base',
+});
+const defaultTreeComparator = (a, b) => {
+    const aIsFolder = isFolderElement(a);
+    const bIsFolder = isFolderElement(b);
+    if (aIsFolder !== bIsFolder) {
+        return aIsFolder ? -1 : 1;
+    }
+    return treeCollator.compare(a.name, b.name);
+};
+const getTreeComparator = (sort) => {
+    if (sort === 'none') {
+        return undefined;
+    }
+    if (sort === 'default') {
+        return defaultTreeComparator;
+    }
+    return sort;
+};
+const sortTreeElements = (elements, sort) => {
+    const comparator = getTreeComparator(sort);
+    const nextElements = elements.map((element) => {
+        if (!Array.isArray(element.children)) {
+            return element;
+        }
+        return {
+            ...element,
+            children: sortTreeElements(element.children, sort),
+        };
+    });
+    if (!comparator) {
+        return nextElements;
+    }
+    return [...nextElements].sort(comparator);
+};
+const renderTreeElements = (elements, sort) => sortTreeElements(elements, sort).map((element) => {
+    if (isFolderElement(element)) {
+        return (_jsx(Folder, { value: element.id, element: element.name, isSelectable: element.isSelectable, children: Array.isArray(element.children) ? renderTreeElements(element.children, sort) : null }, element.id));
+    }
+    return (_jsx(File, { value: element.id, isSelectable: element.isSelectable, children: _jsx("span", { children: element.name }) }, element.id));
+});
+const Tree = forwardRef(({ className, elements, initialSelectedId, initialExpandedItems, children, indicator = true, openIcon, closeIcon, sort = 'default', dir, ...props }, ref) => {
+    const [selectedId, setSelectedId] = useState(initialSelectedId);
+    const [expandedItems, setExpandedItems] = useState(initialExpandedItems);
+    const selectItem = useCallback((id) => {
+        setSelectedId(id);
+    }, []);
+    const handleExpand = useCallback((id) => {
+        setExpandedItems((prev) => {
+            if (prev?.includes(id)) {
+                return prev.filter((item) => item !== id);
+            }
+            return [...(prev ?? []), id];
+        });
+    }, []);
+    const expandSpecificTargetedElements = useCallback((elements, selectId) => {
+        if (!elements || !selectId)
+            return;
+        const findParent = (currentElement, currentPath = []) => {
+            const isSelectable = currentElement.isSelectable ?? true;
+            const newPath = [...currentPath, currentElement.id];
+            if (currentElement.id === selectId) {
+                if (isSelectable) {
+                    setExpandedItems((prev) => mergeExpandedItems(prev, newPath));
+                }
+                else {
+                    if (newPath.includes(currentElement.id)) {
+                        newPath.pop();
+                        setExpandedItems((prev) => mergeExpandedItems(prev, newPath));
+                    }
+                }
+                return;
+            }
+            if (Array.isArray(currentElement.children) && currentElement.children.length > 0) {
+                currentElement.children.forEach((child) => {
+                    findParent(child, newPath);
+                });
+            }
+        };
+        elements.forEach((element) => {
+            findParent(element);
+        });
+    }, []);
+    useEffect(() => {
+        if (initialSelectedId) {
+            expandSpecificTargetedElements(elements, initialSelectedId);
+        }
+    }, [initialSelectedId, elements, expandSpecificTargetedElements]);
+    const direction = dir === 'rtl' ? 'rtl' : 'ltr';
+    const treeChildren = children ?? (elements ? renderTreeElements(elements, sort) : null);
+    return (_jsx(TreeContext.Provider, { value: {
+            selectedId,
+            expandedItems,
+            handleExpand,
+            selectItem,
+            setExpandedItems,
+            indicator,
+            openIcon,
+            closeIcon,
+            direction,
+        }, children: _jsx("div", { className: cn('size-full', className), children: _jsx(ScrollArea, { ref: ref, className: "relative h-full px-2", dir: dir, children: _jsx(AccordionPrimitive.Root, { ...props, type: "multiple", value: expandedItems, className: "flex flex-col gap-1", dir: dir, children: treeChildren }) }) }) }));
+});
+Tree.displayName = 'Tree';
+const TreeIndicator = forwardRef(({ className, ...props }, ref) => {
+    const { direction } = useTree();
+    return (_jsx("div", { dir: direction, ref: ref, className: cn('bg-muted absolute left-1.5 h-full w-px rounded-md py-3 duration-300 ease-in-out hover:bg-slate-300 rtl:right-1.5', className), ...props }));
+});
+TreeIndicator.displayName = 'TreeIndicator';
+const Folder = forwardRef(({ className, element, value, isSelectable = true, isSelect, children, ...props }, ref) => {
+    const { direction, handleExpand, expandedItems, indicator, selectedId, selectItem, openIcon, closeIcon, } = useTree();
+    const isSelected = isSelect ?? selectedId === value;
+    return (_jsxs(AccordionPrimitive.Item, { ref: ref, ...props, value: value, className: "relative h-full overflow-hidden", children: [_jsxs(AccordionPrimitive.Trigger, { className: cn('flex items-center gap-1 rounded-md text-sm', className, {
+                    'bg-muted rounded-md': isSelected && isSelectable,
+                    'cursor-pointer': isSelectable,
+                    'cursor-not-allowed opacity-50': !isSelectable,
+                }), disabled: !isSelectable, onClick: () => {
+                    selectItem(value);
+                    handleExpand(value);
+                }, children: [expandedItems?.includes(value)
+                        ? (openIcon ?? _jsx(FolderOpenIcon, { className: "size-4" }))
+                        : (closeIcon ?? _jsx(FolderIcon, { className: "size-4" })), _jsx("span", { children: element })] }), _jsxs(AccordionPrimitive.Content, { className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down relative h-full overflow-hidden text-sm", children: [element && indicator ? _jsx(TreeIndicator, { "aria-hidden": "true" }) : null, _jsx(AccordionPrimitive.Root, { dir: direction, type: "multiple", className: "ml-5 flex flex-col gap-1 py-1 rtl:mr-5", value: expandedItems, children: children })] })] }));
+});
+Folder.displayName = 'Folder';
+const File = forwardRef(({ value, className, handleSelect, onClick, isSelectable = true, isSelect, fileIcon, children, ...props }, ref) => {
+    const { direction, selectedId, selectItem } = useTree();
+    const isSelected = isSelect ?? selectedId === value;
+    return (_jsxs("button", { ref: ref, type: "button", disabled: !isSelectable, className: cn('flex w-fit items-center gap-1 rounded-md pr-1 text-sm duration-200 ease-in-out rtl:pr-0 rtl:pl-1', {
+            'bg-muted': isSelected && isSelectable,
+        }, isSelectable ? 'cursor-pointer' : 'cursor-not-allowed opacity-50', direction === 'rtl' ? 'rtl' : 'ltr', className), onClick: (event) => {
+            selectItem(value);
+            handleSelect?.(value);
+            onClick?.(event);
+        }, ...props, children: [fileIcon ?? _jsx(FileIcon, { className: "size-4" }), children] }));
+});
+File.displayName = 'File';
+const CollapseButton = forwardRef(({ className, elements, expandAll = false, children, ...props }, ref) => {
+    const { expandedItems, setExpandedItems } = useTree();
+    const expendAllTree = useCallback((elements) => {
+        const expandedElementIds = [];
+        const expandTree = (element) => {
+            const isSelectable = element.isSelectable ?? true;
+            if (isSelectable && element.children && element.children.length > 0) {
+                expandedElementIds.push(element.id);
+                for (const child of element.children) {
+                    expandTree(child);
+                }
+            }
+        };
+        for (const element of elements) {
+            expandTree(element);
+        }
+        return [...new Set(expandedElementIds)];
+    }, []);
+    const closeAll = useCallback(() => {
+        setExpandedItems?.([]);
+    }, [setExpandedItems]);
+    useEffect(() => {
+        if (expandAll) {
+            setExpandedItems?.(expendAllTree(elements));
+        }
+    }, [expandAll, elements, expendAllTree, setExpandedItems]);
+    return (_jsxs(Button, { variant: "ghost", className: cn('absolute right-2 bottom-1 h-8 w-fit p-1', className), onClick: expandedItems && expandedItems.length > 0
+            ? closeAll
+            : () => setExpandedItems?.(expendAllTree(elements)), ref: ref, ...props, children: [children, _jsx("span", { className: "sr-only", children: "Toggle" })] }));
+});
+CollapseButton.displayName = 'CollapseButton';
+export { CollapseButton, File, Folder, Tree };

package/dist/src/presentation/web/components/ui/file-tree.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Tree } from './file-tree.js';
+declare const meta: Meta<typeof Tree>;
+export default meta;
+type Story = StoryObj<typeof Tree>;
+/** Default file tree with folders expanded. */
+export declare const Default: Story;
+/** Collapsed tree — no items initially expanded. */
+export declare const Collapsed: Story;
+/** Single file — no folders. */
+export declare const SingleFile: Story;
+/** Deeply nested structure. */
+export declare const DeepNesting: Story;
+//# sourceMappingURL=file-tree.stories.d.ts.map

package/dist/src/presentation/web/components/ui/file-tree.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/file-tree.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAwB,MAAM,aAAa,CAAC;AAkCzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAc3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,+CAA+C;AAC/C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,gCAAgC;AAChC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,+BAA+B;AAC/B,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC"}