@shepai/cli 1.136.0-pr443.863a0ce → 1.136.0-pr444.eca4070

package/dist/packages/core/src/application/use-cases/features/create/create-feature.use-case.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-feature.use-case.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/application/use-cases/features/create/create-feature.use-case.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAMtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oEAAoE,CAAC;AAC7G,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8DAA8D,CAAC;AACrG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iEAAiE,CAAC;AACnH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gEAAgE,CAAC;AAC1G,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AAC5G,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uEAAuE,CAAC;AACnH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4DAA4D,CAAC;AAChG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2DAA2D,CAAC;AAGjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE9F,qBACa,oBAAoB;IAG7B,OAAO,CAAC,QAAQ,CAAC,WAAW;IAE5B,OAAO,CAAC,QAAQ,CAAC,eAAe;IAEhC,OAAO,CAAC,QAAQ,CAAC,YAAY;IAE7B,OAAO,CAAC,QAAQ,CAAC,aAAa;IAE9B,OAAO,CAAC,QAAQ,CAAC,eAAe;IAEhC,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAElC,OAAO,CAAC,QAAQ,CAAC,YAAY;IAE7B,OAAO,CAAC,QAAQ,CAAC,cAAc;IAE/B,OAAO,CAAC,QAAQ,CAAC,YAAY;IAE7B,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAElC,OAAO,CAAC,QAAQ,CAAC,cAAc;gBApBd,WAAW,EAAE,kBAAkB,EAE/B,eAAe,EAAE,gBAAgB,EAEjC,YAAY,EAAE,2BAA2B,EAEzC,aAAa,EAAE,mBAAmB,EAElC,eAAe,EAAE,uBAAuB,EAExC,iBAAiB,EAAE,iBAAiB,EAEpC,YAAY,EAAE,YAAY,EAE1B,cAAc,EAAE,qBAAqB,EAErC,YAAY,EAAE,aAAa,EAE3B,iBAAiB,EAAE,wBAAwB,EAE3C,cAAc,EAAE,eAAe;IAGlD;;;OAGG;IACG,OAAO,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC,mBAAmB,CAAC;IAMtE;;;;OAIG;IACG,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC;IAmI1E;;;OAGG;IACG,kBAAkB,CACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,kBAAkB,EACzB,WAAW,EAAE,OAAO,GACnB,OAAO,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,OAAO,CAAA;KAAE,CAAC;CAgI1D"}
+{"version":3,"file":"create-feature.use-case.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/application/use-cases/features/create/create-feature.use-case.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAMtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oEAAoE,CAAC;AAC7G,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8DAA8D,CAAC;AACrG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iEAAiE,CAAC;AACnH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gEAAgE,CAAC;AAC1G,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AAC5G,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uEAAuE,CAAC;AACnH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4DAA4D,CAAC;AAChG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2DAA2D,CAAC;AAGjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE9F,qBACa,oBAAoB;IAG7B,OAAO,CAAC,QAAQ,CAAC,WAAW;IAE5B,OAAO,CAAC,QAAQ,CAAC,eAAe;IAEhC,OAAO,CAAC,QAAQ,CAAC,YAAY;IAE7B,OAAO,CAAC,QAAQ,CAAC,aAAa;IAE9B,OAAO,CAAC,QAAQ,CAAC,eAAe;IAEhC,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAElC,OAAO,CAAC,QAAQ,CAAC,YAAY;IAE7B,OAAO,CAAC,QAAQ,CAAC,cAAc;IAE/B,OAAO,CAAC,QAAQ,CAAC,YAAY;IAE7B,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAElC,OAAO,CAAC,QAAQ,CAAC,cAAc;gBApBd,WAAW,EAAE,kBAAkB,EAE/B,eAAe,EAAE,gBAAgB,EAEjC,YAAY,EAAE,2BAA2B,EAEzC,aAAa,EAAE,mBAAmB,EAElC,eAAe,EAAE,uBAAuB,EAExC,iBAAiB,EAAE,iBAAiB,EAEpC,YAAY,EAAE,YAAY,EAE1B,cAAc,EAAE,qBAAqB,EAErC,YAAY,EAAE,aAAa,EAE3B,iBAAiB,EAAE,wBAAwB,EAE3C,cAAc,EAAE,eAAe;IAGlD;;;OAGG;IACG,OAAO,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC,mBAAmB,CAAC;IAMtE;;;;OAIG;IACG,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC;IAmI1E;;;OAGG;IACG,kBAAkB,CACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,kBAAkB,EACzB,WAAW,EAAE,OAAO,GACnB,OAAO,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,OAAO,CAAA;KAAE,CAAC;CAiI1D"}

package/dist/packages/core/src/application/use-cases/features/create/create-feature.use-case.js

@@ -197,7 +197,7 @@ let CreateFeatureUseCase = class CreateFeatureUseCase {
         const effectiveRepoPath = feature.repositoryPath;
         // Ensure the target directory is a git repository (auto-init if needed)
         await this.worktreeService.ensureGitRepository(effectiveRepoPath);
-        const metadata = await this.metadataGenerator.generateMetadata(input.userInput, input.agentType);
+        const metadata = await this.metadataGenerator.generateMetadata(input.userInput, input.agentType, effectiveRepoPath);
         const originalSlug = metadata.slug;
         const { slug, branch, warning } = await this.slugResolver.resolveUniqueSlug(originalSlug, effectiveRepoPath);
         // Determine next feature number for this repo

package/dist/packages/core/src/application/use-cases/features/create/metadata-generator.d.ts

@@ -3,6 +3,9 @@
  *
  * Generates feature metadata (slug, name, description) from user input
  * via AI call through IStructuredAgentCaller.
+ * When the user input references a file (e.g. SPEC.md), the file content
+ * is read and included in the prompt so the AI derives metadata from the
+ * actual file rather than the bare reference string.
  * Errors are propagated to the caller.
  */
 import type { AgentType } from '../../../../domain/generated/output.js';
@@ -17,9 +20,17 @@ export declare class MetadataGenerator {
     constructor(structuredCaller: IStructuredAgentCaller);
     /**
      * Generate feature metadata from user input via AI.
+     * When repositoryPath is provided, file references in the user input
+     * (e.g. "Develop based on the current SPEC.md") are resolved and their
+     * content is included in the prompt.
      * Errors are propagated to the caller.
      */
-    generateMetadata(userInput: string, agentType?: AgentType): Promise<FeatureMetadata>;
+    generateMetadata(userInput: string, agentType?: AgentType, repositoryPath?: string): Promise<FeatureMetadata>;
+    /**
+     * Detect a file reference in user input and read the file content.
+     * Returns the file content if found and readable, undefined otherwise.
+     */
+    resolveFileReference(userInput: string, repositoryPath: string): string | undefined;
     /**
      * Extract metadata locally from user input without AI.
      * Used as fallback when the AI call fails or returns invalid data.

package/dist/packages/core/src/application/use-cases/features/create/metadata-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metadata-generator.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/application/use-cases/features/create/metadata-generator.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAEhH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAgBD,qBACa,iBAAiB;IAG1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;gBAAhB,gBAAgB,EAAE,sBAAsB;IAG3D;;;OAGG;IACG,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,eAAe,CAAC;IAwC1F;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAU9B;;;OAGG;IACH,OAAO,CAAC,MAAM;CAgBf"}
+{"version":3,"file":"metadata-generator.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/application/use-cases/features/create/metadata-generator.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAKH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAEhH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AA2BD,qBACa,iBAAiB;IAG1B,OAAO,CAAC,QAAQ,CAAC,gBAAgB;gBAAhB,gBAAgB,EAAE,sBAAsB;IAG3D;;;;;;OAMG;IACG,gBAAgB,CACpB,SAAS,EAAE,MAAM,EACjB,SAAS,CAAC,EAAE,SAAS,EACrB,cAAc,CAAC,EAAE,MAAM,GACtB,OAAO,CAAC,eAAe,CAAC;IAoD3B;;;OAGG;IACH,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS;IA8BnF;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAU9B;;;OAGG;IACH,OAAO,CAAC,MAAM;CAgBf"}

package/dist/packages/core/src/application/use-cases/features/create/metadata-generator.js

@@ -3,6 +3,9 @@
  *
  * Generates feature metadata (slug, name, description) from user input
  * via AI call through IStructuredAgentCaller.
+ * When the user input references a file (e.g. SPEC.md), the file content
+ * is read and included in the prompt so the AI derives metadata from the
+ * actual file rather than the bare reference string.
  * Errors are propagated to the caller.
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -18,8 +21,18 @@ var __param = (this && this.__param) || function (paramIndex, decorator) {
     return function (target, key) { decorator(target, key, paramIndex); }
 };
 import { injectable, inject } from 'tsyringe';
+import { readFileSync, existsSync } from 'node:fs';
+import { join, isAbsolute } from 'node:path';
 /** Maximum characters of user input sent to the AI for metadata generation. */
 const MAX_INPUT_FOR_AI = 500;
+/** Maximum characters of file content included in the AI prompt. */
+const MAX_FILE_CONTENT_FOR_AI = 4000;
+/**
+ * Pattern that matches user input referencing a file for feature definition.
+ * Captures the filename in group 1. Case-insensitive.
+ * Examples: "Develop based on the current SPEC.md", "based on SPEC.md", "use ./docs/SPEC.md"
+ */
+const FILE_REFERENCE_PATTERN = /(?:based\s+on|from|use|using|see|refer\s+to|according\s+to)[\s]+(?:the\s+)?(?:current\s+)?(\S+\.(?:md|txt|yaml|yml))/i;
 const METADATA_SCHEMA = {
     type: 'object',
     properties: {
@@ -37,18 +50,30 @@ let MetadataGenerator = class MetadataGenerator {
     }
     /**
      * Generate feature metadata from user input via AI.
+     * When repositoryPath is provided, file references in the user input
+     * (e.g. "Develop based on the current SPEC.md") are resolved and their
+     * content is included in the prompt.
      * Errors are propagated to the caller.
      */
-    async generateMetadata(userInput, agentType) {
-        const truncated = userInput.length > MAX_INPUT_FOR_AI
-            ? `${userInput.slice(0, MAX_INPUT_FOR_AI)}...`
+    async generateMetadata(userInput, agentType, repositoryPath) {
+        const fileContent = repositoryPath
+            ? this.resolveFileReference(userInput, repositoryPath)
+            : undefined;
+        const effectiveInput = fileContent
+            ? `${userInput}\n\n--- Referenced file content ---\n${fileContent}`
             : userInput;
+        const truncated = effectiveInput.length > MAX_INPUT_FOR_AI + MAX_FILE_CONTENT_FOR_AI
+            ? `${effectiveInput.slice(0, MAX_INPUT_FOR_AI + MAX_FILE_CONTENT_FOR_AI)}...`
+            : effectiveInput;
+        const fileHint = fileContent
+            ? "\nIMPORTANT: The user referenced a file. Derive the feature name, slug, and description from the FILE CONTENT, not from the user's reference instruction."
+            : '';
         const prompt = `Analyze this user request and extract the CORE feature intent. Condense to essential concepts.
 
 User request:
 "${truncated}"
 
-IMPORTANT: Don't use the request as-is. Extract the key feature being requested and improve the wording.
+IMPORTANT: Don't use the request as-is. Extract the key feature being requested and improve the wording.${fileHint}
 
 Return a JSON object with these fields:
 - slug: kebab-case identifier, 2-4 words MAX. Extract the core feature name (e.g., "github-oauth-login" from "add github oauth")
@@ -74,6 +99,38 @@ Return a JSON object with these fields:
         }
         return this.extractMetadataLocally(userInput);
     }
+    /**
+     * Detect a file reference in user input and read the file content.
+     * Returns the file content if found and readable, undefined otherwise.
+     */
+    resolveFileReference(userInput, repositoryPath) {
+        const match = FILE_REFERENCE_PATTERN.exec(userInput);
+        if (!match)
+            return undefined;
+        const filename = match[1];
+        const candidates = [
+            // Try the path as-is (handles absolute or relative with ./)
+            isAbsolute(filename) ? filename : join(repositoryPath, filename),
+            // Also try common locations
+            join(repositoryPath, filename.replace(/^\.\//, '')),
+        ];
+        for (const candidate of candidates) {
+            try {
+                if (existsSync(candidate)) {
+                    const content = readFileSync(candidate, 'utf-8');
+                    if (content.trim().length > 0) {
+                        return content.length > MAX_FILE_CONTENT_FOR_AI
+                            ? `${content.slice(0, MAX_FILE_CONTENT_FOR_AI)}...`
+                            : content;
+                    }
+                }
+            }
+            catch {
+                // File not readable — try next candidate
+            }
+        }
+        return undefined;
+    }
     /**
      * Extract metadata locally from user input without AI.
      * Used as fallback when the AI call fails or returns invalid data.

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

@@ -1,7 +1,4 @@
-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,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;AAoJD,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,mBAAmB,EAAE,CAAC;CAClC;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,kDAkEpD"}
+{"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"}

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

@@ -1,113 +1,30 @@
 'use client';
-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 { 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 { cn } from '../../../lib/utils.js';
-import { Tree, Folder, File } from '../../ui/file-tree.js';
 const STATUS_CONFIG = {
-    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' },
+    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' },
 };
-/** 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;
-    });
-}
-/** Count the total number of file descendants under an element. */
-function countFiles(element) {
-    if (element.type === 'file')
-        return 1;
-    if (!element.children)
-        return 0;
-    return element.children.reduce((sum, child) => sum + countFiles(child), 0);
-}
-/** Get folder IDs for the first level of folders only (top-level). */
-function getTopLevelFolderIds(elements) {
-    return elements.filter((el) => el.type === 'folder').map((el) => el.id);
-}
-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 DiffFileIcon({ status }) {
+function FileStatusIcon({ status }) {
     const config = STATUS_CONFIG[status];
     const Icon = config.icon;
-    return _jsx(Icon, { className: cn('size-4 shrink-0', config.className) });
+    return _jsx(Icon, { className: cn('h-3.5 w-3.5 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 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 FileTreeNode({ element, diffMap, selectedFile, onSelectFile, }) {
-    if (element.type === 'folder' && element.children) {
-        const fileCount = countFiles(element);
-        return (_jsx(Folder, { value: element.id, element: `${element.name} (${fileCount})`, className: "text-muted-foreground", 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));
+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] }));
 }
 export function DiffView({ fileDiffs }) {
-    const [selectedFile, setSelectedFile] = useState(null);
-    const treeElements = useMemo(() => buildFileTree(fileDiffs), [fileDiffs]);
-    const topLevelFolderIds = useMemo(() => getTopLevelFolderIds(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, ")"] })] }) }), _jsxs("div", { className: "border-border border-t", children: [_jsx("div", { className: "py-2", children: _jsx(Tree, { elements: treeElements, initialExpandedItems: topLevelFolderIds, 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] })] }));
+    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}`))) })] }));
 }

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 shown in a file tree. */
+/** Default — multiple files with various change types. */
 export declare const Default: Story;
 /** Single modified file. */
 export declare const SingleFile: Story;
@@ -15,6 +15,4 @@ 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,+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"}
+{"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"}

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 shown in a file tree. */
+/** Default — multiple files with various change types. */
 export const Default = {
     args: {
         fileDiffs: sampleFiles,
@@ -172,33 +172,3 @@ 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: [],
-            },
-        ],
-    },
-};