@shepai/cli 1.110.1 → 1.110.2-pr343.55002ac

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

@@ -24,7 +24,7 @@ export declare function readSpecFile(specDir: string, filename: string): string;
 /**
  * Build executor options with cwd. Each node gets a clean agent context.
  */
-export declare function buildExecutorOptions(state: FeatureAgentState): AgentExecutionOptions;
+export declare function buildExecutorOptions(state: FeatureAgentState, overrides?: Partial<Pick<AgentExecutionOptions, 'timeout'>>): AgentExecutionOptions;
 /**
  * Parse YAML with automatic sanitization of common AI-generated issues.
  * First attempts normal parsing; on failure, sanitizes unquoted braces

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

@@ -44,12 +44,13 @@ export function readSpecFile(specDir, filename) {
 /**
  * Build executor options with cwd. Each node gets a clean agent context.
  */
-export function buildExecutorOptions(state) {
+export function buildExecutorOptions(state, overrides) {
     return {
         cwd: state.worktreePath || state.repositoryPath,
         maxTurns: 5000,
-        timeout: 300_000, // 5 minutes per agent call — prevents infinite hangs
+        timeout: 600_000, // 10 minutes per agent call — prevents infinite hangs
         ...(state.model ? { model: state.model } : {}),
+        ...overrides,
     };
 }
 /**

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

@@ -1,4 +1,5 @@
 export { MergeReview } from './merge-review.js';
 export { DiffView } from './diff-view.js';
+export { MergeDiffViewer } from './merge-diff-viewer.js';
 export type { MergeReviewProps, MergeReviewData, MergeReviewFileDiff } from './merge-review-config.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/merge-review/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/merge-review/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -1,2 +1,3 @@
 export { MergeReview } from './merge-review.js';
 export { DiffView } from './diff-view.js';
+export { MergeDiffViewer } from './merge-diff-viewer.js';

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

@@ -0,0 +1,7 @@
+import type { MergeReviewFileDiff } from './merge-review-config.js';
+export interface MergeDiffViewerProps {
+    fileDiffs: MergeReviewFileDiff[];
+    className?: string;
+}
+export declare function MergeDiffViewer({ fileDiffs, className }: MergeDiffViewerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=merge-diff-viewer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"merge-diff-viewer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/merge-review/merge-diff-viewer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAuB,MAAM,uBAAuB,CAAC;AAEtF,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmLD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,oBAAoB,kDAoD7E"}

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

@@ -0,0 +1,160 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from 'react';
+import { FilePlus, FileMinus, FileEdit, FileText } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+import { Tree } from '../../ui/file-tree.js';
+import { CodeBlock } from '../../ui/code-block.js';
+const STATUS_COLORS = {
+    added: 'text-green-600',
+    modified: 'text-amber-600',
+    deleted: 'text-red-600',
+    renamed: 'text-blue-600',
+};
+const STATUS_ICONS = {
+    added: FilePlus,
+    modified: FileEdit,
+    deleted: FileMinus,
+    renamed: FileEdit,
+};
+const EXTENSION_LANGUAGE_MAP = {
+    '.ts': 'typescript',
+    '.tsx': 'tsx',
+    '.js': 'javascript',
+    '.jsx': 'jsx',
+    '.json': 'json',
+    '.css': 'css',
+    '.scss': 'scss',
+    '.html': 'html',
+    '.md': 'markdown',
+    '.yaml': 'yaml',
+    '.yml': 'yaml',
+    '.py': 'python',
+    '.go': 'go',
+    '.rs': 'rust',
+    '.sh': 'bash',
+    '.bash': 'bash',
+    '.sql': 'sql',
+    '.xml': 'xml',
+    '.svg': 'xml',
+    '.graphql': 'graphql',
+    '.gql': 'graphql',
+    '.dockerfile': 'dockerfile',
+    '.toml': 'toml',
+    '.env': 'bash',
+    '.mjs': 'javascript',
+    '.cjs': 'javascript',
+    '.mts': 'typescript',
+    '.cts': 'typescript',
+};
+function detectLanguage(filePath) {
+    const ext = filePath.slice(filePath.lastIndexOf('.')).toLowerCase();
+    if (EXTENSION_LANGUAGE_MAP[ext])
+        return EXTENSION_LANGUAGE_MAP[ext];
+    const basename = filePath.split('/').pop()?.toLowerCase() ?? '';
+    if (basename === 'dockerfile')
+        return 'dockerfile';
+    if (basename === 'makefile')
+        return 'makefile';
+    return 'text';
+}
+function buildDiffCode(hunks) {
+    const lines = [];
+    const addedLines = [];
+    const removedLines = [];
+    let lineNum = 0;
+    for (const hunk of hunks) {
+        if (lineNum > 0) {
+            lineNum++;
+            lines.push(`── ${hunk.header} ──`);
+        }
+        else {
+            lineNum++;
+            lines.push(`── ${hunk.header} ──`);
+        }
+        for (const line of hunk.lines) {
+            lineNum++;
+            const prefix = line.type === 'added' ? '+ ' : line.type === 'removed' ? '- ' : '  ';
+            lines.push(`${prefix}${line.content}`);
+            if (line.type === 'added')
+                addedLines.push(lineNum);
+            if (line.type === 'removed')
+                removedLines.push(lineNum);
+        }
+    }
+    return { code: lines.join('\n'), addedLines, removedLines };
+}
+function buildTreeElements(fileDiffs) {
+    const root = new Map();
+    for (const file of fileDiffs) {
+        const parts = file.path.split('/');
+        const fileName = parts.pop();
+        let currentLevel = root;
+        let parentElement;
+        let pathSoFar = '';
+        for (const part of parts) {
+            pathSoFar = pathSoFar ? `${pathSoFar}/${part}` : part;
+            if (!currentLevel.has(pathSoFar)) {
+                const folder = {
+                    id: pathSoFar,
+                    name: part,
+                    type: 'folder',
+                    isSelectable: false,
+                    children: [],
+                };
+                currentLevel.set(pathSoFar, folder);
+                if (parentElement) {
+                    parentElement.children = parentElement.children ?? [];
+                    parentElement.children.push(folder);
+                }
+            }
+            parentElement = currentLevel.get(pathSoFar);
+            // Get/create next level map
+            parentElement.children ??= [];
+            const nextLevel = new Map();
+            for (const child of parentElement.children) {
+                nextLevel.set(child.id, child);
+            }
+            currentLevel = nextLevel;
+        }
+        const StatusIcon = STATUS_ICONS[file.status];
+        const fileElement = {
+            id: file.path,
+            name: fileName,
+            type: 'file',
+            isSelectable: true,
+            icon: _jsx(StatusIcon, { className: cn('h-3.5 w-3.5 shrink-0', STATUS_COLORS[file.status]) }),
+            badge: (_jsxs("span", { className: "flex items-center gap-1 text-[10px]", children: [file.additions > 0 ? _jsxs("span", { className: "text-green-600", children: ["+", file.additions] }) : null, file.deletions > 0 ? _jsxs("span", { className: "text-red-600", children: ["-", file.deletions] }) : null] })),
+        };
+        if (parentElement) {
+            parentElement.children = parentElement.children ?? [];
+            // Only add if not already present
+            if (!parentElement.children.find((c) => c.id === fileElement.id)) {
+                parentElement.children.push(fileElement);
+            }
+        }
+        else {
+            root.set(file.path, fileElement);
+        }
+    }
+    return Array.from(root.values());
+}
+function DiffCodeView({ file }) {
+    const { code, addedLines, removedLines } = useMemo(() => buildDiffCode(file.hunks), [file.hunks]);
+    const language = useMemo(() => detectLanguage(file.path), [file.path]);
+    if (file.hunks.length === 0) {
+        return (_jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-xs", children: "No diff content available" }));
+    }
+    return (_jsx(CodeBlock, { language: language, filename: file.path, code: code, addedLines: addedLines, removedLines: removedLines, className: "h-full rounded-none" }));
+}
+export function MergeDiffViewer({ fileDiffs, className }) {
+    const [selectedFileId, setSelectedFileId] = useState(fileDiffs.length > 0 ? fileDiffs[0].path : undefined);
+    const treeElements = useMemo(() => buildTreeElements(fileDiffs), [fileDiffs]);
+    const selectedFile = useMemo(() => fileDiffs.find((f) => f.path === selectedFileId), [fileDiffs, selectedFileId]);
+    const handleSelectChange = useCallback((id) => {
+        setSelectedFileId(id);
+    }, []);
+    if (fileDiffs.length === 0)
+        return null;
+    return (_jsxs("div", { "data-testid": "merge-diff-viewer", className: cn('border-border flex overflow-hidden rounded-lg border', className), children: [_jsxs("div", { className: "border-border flex w-56 shrink-0 flex-col border-r", children: [_jsxs("div", { className: "border-border flex items-center gap-2 border-b px-3 py-2", children: [_jsx(FileText, { className: "text-muted-foreground h-3.5 w-3.5" }), _jsx("span", { className: "text-foreground text-xs font-semibold", children: "Files" }), _jsxs("span", { className: "text-muted-foreground text-[10px]", children: ["(", fileDiffs.length, ")"] })] }), _jsx(Tree, { elements: treeElements, initialSelectedId: selectedFileId, onSelectChange: handleSelectChange, indicator: false, className: "flex-1", "data-testid": "merge-diff-file-tree" })] }), _jsx("div", { className: "flex min-w-0 flex-1 flex-col", children: selectedFile ? (_jsx(DiffCodeView, { file: selectedFile })) : (_jsx("div", { className: "text-muted-foreground flex flex-1 items-center justify-center text-xs", children: "Select a file to view changes" })) })] }));
+}

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

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MergeDiffViewer } from './merge-diff-viewer.js';
+declare const meta: Meta<typeof MergeDiffViewer>;
+export default meta;
+type Story = StoryObj<typeof MergeDiffViewer>;
+/** Default — multiple files with various change types. */
+export declare const Default: Story;
+/** Single modified file with multiple hunks. */
+export declare const SingleFile: Story;
+/** Only new files added. */
+export declare const OnlyAdditions: Story;
+/** Only deleted files. */
+export declare const OnlyDeletions: Story;
+/** Renamed file with modifications. */
+export declare const RenamedFile: Story;
+/** Empty diff list — renders nothing. */
+export declare const EmptyDiffs: Story;
+//# sourceMappingURL=merge-diff-viewer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"merge-diff-viewer.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/merge-review/merge-diff-viewer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAyLtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAwBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,0DAA0D;AAC1D,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,gDAAgD;AAChD,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,4BAA4B;AAC5B,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,0BAA0B;AAC1B,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC"}

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

@@ -0,0 +1,240 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MergeDiffViewer } from './merge-diff-viewer.js';
+const sampleFiles = [
+    {
+        path: 'src/components/auth/login-form.tsx',
+        additions: 45,
+        deletions: 12,
+        status: 'modified',
+        hunks: [
+            {
+                header: '@@ -1,8 +1,12 @@',
+                lines: [
+                    {
+                        type: 'context',
+                        content: "import { useState } from 'react';",
+                        oldNumber: 1,
+                        newNumber: 1,
+                    },
+                    {
+                        type: 'context',
+                        content: "import { Button } from '../../ui/button.js';",
+                        oldNumber: 2,
+                        newNumber: 2,
+                    },
+                    {
+                        type: 'added',
+                        content: "import { Input } from '../../ui/input.js';",
+                        newNumber: 3,
+                    },
+                    {
+                        type: 'added',
+                        content: "import { Label } from '../../ui/label.js';",
+                        newNumber: 4,
+                    },
+                    { type: 'context', content: '', oldNumber: 3, newNumber: 5 },
+                    { type: 'removed', content: 'export function LoginForm() {', oldNumber: 4 },
+                    {
+                        type: 'added',
+                        content: 'export function LoginForm({ onSubmit }: LoginFormProps) {',
+                        newNumber: 6,
+                    },
+                    {
+                        type: 'context',
+                        content: "  const [email, setEmail] = useState('');",
+                        oldNumber: 5,
+                        newNumber: 7,
+                    },
+                    {
+                        type: 'context',
+                        content: "  const [password, setPassword] = useState('');",
+                        oldNumber: 6,
+                        newNumber: 8,
+                    },
+                    {
+                        type: 'added',
+                        content: '  const [isLoading, setIsLoading] = useState(false);',
+                        newNumber: 9,
+                    },
+                ],
+            },
+            {
+                header: '@@ -15,6 +19,12 @@',
+                lines: [
+                    { type: 'context', content: '  return (', oldNumber: 15, newNumber: 19 },
+                    {
+                        type: 'context',
+                        content: '    <form onSubmit={handleSubmit}>',
+                        oldNumber: 16,
+                        newNumber: 20,
+                    },
+                    { type: 'added', content: '      <Label htmlFor="email">Email</Label>', newNumber: 21 },
+                    {
+                        type: 'added',
+                        content: '      <Input id="email" value={email} onChange={e => setEmail(e.target.value)} />',
+                        newNumber: 22,
+                    },
+                    {
+                        type: 'added',
+                        content: '      <Label htmlFor="password">Password</Label>',
+                        newNumber: 23,
+                    },
+                    {
+                        type: 'added',
+                        content: '      <Input id="password" type="password" value={password} onChange={e => setPassword(e.target.value)} />',
+                        newNumber: 24,
+                    },
+                    {
+                        type: 'context',
+                        content: '      <Button type="submit">Login</Button>',
+                        oldNumber: 17,
+                        newNumber: 25,
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        path: 'src/lib/auth.ts',
+        additions: 28,
+        deletions: 0,
+        status: 'added',
+        hunks: [
+            {
+                header: '@@ -0,0 +1,8 @@',
+                lines: [
+                    { type: 'added', content: "import { hash } from 'bcrypt';", newNumber: 1 },
+                    { type: 'added', content: '', newNumber: 2 },
+                    {
+                        type: 'added',
+                        content: 'export async function hashPassword(password: string) {',
+                        newNumber: 3,
+                    },
+                    { type: 'added', content: '  return hash(password, 10);', newNumber: 4 },
+                    { type: 'added', content: '}', newNumber: 5 },
+                    { type: 'added', content: '', newNumber: 6 },
+                    {
+                        type: 'added',
+                        content: 'export async function verifyPassword(password: string, hashed: string) {',
+                        newNumber: 7,
+                    },
+                    { type: 'added', content: '  return compare(password, hashed);', newNumber: 8 },
+                    { type: 'added', content: '}', newNumber: 9 },
+                ],
+            },
+        ],
+    },
+    {
+        path: 'src/utils/legacy-auth.ts',
+        additions: 0,
+        deletions: 35,
+        status: 'deleted',
+        hunks: [
+            {
+                header: '@@ -1,5 +0,0 @@',
+                lines: [
+                    { type: 'removed', content: '// Legacy auth utilities', oldNumber: 1 },
+                    { type: 'removed', content: 'export function oldLogin() {', oldNumber: 2 },
+                    { type: 'removed', content: "  return fetch('/api/login');", oldNumber: 3 },
+                    { type: 'removed', content: '}', oldNumber: 4 },
+                ],
+            },
+        ],
+    },
+    {
+        path: 'src/services/user-service.ts',
+        oldPath: 'src/services/user.ts',
+        additions: 5,
+        deletions: 2,
+        status: 'renamed',
+        hunks: [
+            {
+                header: '@@ -1,4 +1,7 @@',
+                lines: [
+                    { type: 'removed', content: "import { db } from './db';", oldNumber: 1 },
+                    { type: 'added', content: "import { db } from '../lib/db';", newNumber: 1 },
+                    { type: 'added', content: "import { hashPassword } from '../lib/auth';", newNumber: 2 },
+                    { type: 'context', content: '', oldNumber: 2, newNumber: 3 },
+                    { type: 'context', content: 'export class UserService {', oldNumber: 3, newNumber: 4 },
+                ],
+            },
+        ],
+    },
+    {
+        path: 'package.json',
+        additions: 2,
+        deletions: 1,
+        status: 'modified',
+        hunks: [
+            {
+                header: '@@ -10,6 +10,7 @@',
+                lines: [
+                    { type: 'context', content: '  "dependencies": {', oldNumber: 10, newNumber: 10 },
+                    { type: 'removed', content: '    "react": "^17.0.0",', oldNumber: 11 },
+                    { type: 'added', content: '    "react": "^18.0.0",', newNumber: 11 },
+                    { type: 'added', content: '    "bcrypt": "^5.1.0",', newNumber: 12 },
+                    { type: 'context', content: '  }', oldNumber: 12, newNumber: 13 },
+                ],
+            },
+        ],
+    },
+];
+const meta = {
+    title: 'Drawers/Review/MergeDiffViewer',
+    component: MergeDiffViewer,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: {
+                height: '600px',
+                width: '100%',
+                maxWidth: '900px',
+                overflow: 'hidden',
+                border: '1px solid var(--color-border)',
+            }, children: _jsx("div", { style: { height: '100%', padding: '16px' }, children: _jsx(Story, {}) }) })),
+    ],
+};
+export default meta;
+/** Default — multiple files with various change types. */
+export const Default = {
+    args: {
+        fileDiffs: sampleFiles,
+        className: 'h-full',
+    },
+};
+/** Single modified file with multiple hunks. */
+export const SingleFile = {
+    args: {
+        fileDiffs: [sampleFiles[0]],
+        className: 'h-full',
+    },
+};
+/** Only new files added. */
+export const OnlyAdditions = {
+    args: {
+        fileDiffs: [sampleFiles[1]],
+        className: 'h-full',
+    },
+};
+/** Only deleted files. */
+export const OnlyDeletions = {
+    args: {
+        fileDiffs: [sampleFiles[2]],
+        className: 'h-full',
+    },
+};
+/** Renamed file with modifications. */
+export const RenamedFile = {
+    args: {
+        fileDiffs: [sampleFiles[3]],
+        className: 'h-full',
+    },
+};
+/** Empty diff list — renders nothing. */
+export const EmptyDiffs = {
+    args: {
+        fileDiffs: [],
+    },
+};

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

@@ -1 +1 @@
-{"version":3,"file":"merge-review.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/merge-review/merge-review.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,gBAAgB,EAAuB,MAAM,uBAAuB,CAAC;AA0KnF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,YAAoB,EACpB,WAAmB,EACnB,SAAS,EACT,iBAAiB,GAClB,EAAE,gBAAgB,2CA2JlB"}
+{"version":3,"file":"merge-review.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/merge-review/merge-review.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,gBAAgB,EAAuB,MAAM,uBAAuB,CAAC;AA0KnF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,YAAoB,EACpB,WAAmB,EACnB,SAAS,EACT,iBAAiB,GAClB,EAAE,gBAAgB,2CA6JlB"}

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

@@ -5,7 +5,7 @@ import { ExternalLink, AlertTriangle, FileDiff, GitCommitHorizontal, GitBranch,
 import { Badge } from '../../ui/badge.js';
 import { CiStatusBadge } from '../../common/ci-status-badge/index.js';
 import { DrawerActionBar } from '../../common/drawer-action-bar/index.js';
-import { DiffView } from './diff-view.js';
+import { MergeDiffViewer } from './merge-diff-viewer.js';
 const EVIDENCE_ICONS = {
     Screenshot: Camera,
     Video: MonitorPlay,
@@ -71,5 +71,5 @@ export function MergeReview({ data, onApprove, onReject, isProcessing = false, i
     const handleApproveOrResolve = hasConflicts && onReject ? () => onReject('Resolve merge conflicts', []) : onApprove;
     return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full bg-emerald-500" }), _jsxs("div", { className: "flex-1", children: [_jsx("h2", { className: "text-foreground text-sm font-bold", children: "Merge Review" }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs leading-relaxed", children: pr
                                             ? 'Review the pull request details and approve to merge.'
-                                            : 'Review the changes and approve to merge.' })] })] }), branch ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [_jsx(GitBranch, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx(Badge, { variant: "secondary", className: "font-mono text-[11px]", children: branch.source }), _jsx(ArrowRight, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }), _jsx(Badge, { variant: "outline", className: "font-mono text-[11px]", children: branch.target })] }) })) : null, pr ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "space-y-3 px-4 py-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("a", { href: pr.url, target: "_blank", rel: "noopener noreferrer", className: "text-primary flex items-center gap-1.5 text-sm font-semibold underline underline-offset-2", children: ["PR #", pr.number, _jsx(ExternalLink, { className: "h-3.5 w-3.5" })] }), _jsx(Badge, { variant: "outline", className: "text-xs", children: pr.status })] }), pr.mergeable === false ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Merge Status" }), _jsxs(Badge, { className: "border-transparent bg-orange-50 text-orange-700 hover:bg-orange-50", children: [_jsx(AlertTriangle, { className: "mr-1 h-3.5 w-3.5" }), "Conflicts"] })] })) : null, pr.ciStatus ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "CI Status" }), _jsx(CiStatusBadge, { status: pr.ciStatus })] })) : null, pr.commitHash ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Commit" }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(GitCommitHorizontal, { className: "text-muted-foreground h-3.5 w-3.5" }), _jsx("code", { className: "bg-muted text-foreground rounded-md px-1.5 py-0.5 font-mono text-[11px]", children: pr.commitHash.slice(0, 7) })] })] })) : null] }) })) : null, diffSummary ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "px-4 py-3", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(FileDiff, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "text-foreground text-xs font-semibold", children: "Changes" })] }), _jsxs("div", { className: "grid grid-cols-4 gap-3", children: [_jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-foreground text-sm font-bold", children: diffSummary.filesChanged }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "files" })] }), _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "text-sm font-bold text-green-600", children: ["+", diffSummary.additions] }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "additions" })] }), _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "text-sm font-bold text-red-600", children: ["-", diffSummary.deletions] }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "deletions" })] }), _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-foreground text-sm font-bold", children: diffSummary.commitCount }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "commits" })] })] })] }) })) : warning ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [_jsx(AlertTriangle, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx("span", { className: "text-muted-foreground text-xs", children: warning })] }) })) : null, evidence && evidence.length > 0 ? (_jsx(EvidenceList, { evidence: evidence, basePath: evidenceBasePath })) : null, fileDiffs && fileDiffs.length > 0 ? _jsx(DiffView, { fileDiffs: fileDiffs }) : null] }), _jsx(DrawerActionBar, { onReject: onReject, onApprove: handleApproveOrResolve, approveLabel: hasConflicts ? 'Resolve Conflicts' : 'Approve Merge', approveVariant: hasConflicts ? 'warning' : 'default', revisionPlaceholder: "Ask AI to revise before merging...", isProcessing: isProcessing, isRejecting: isRejecting, chatInput: chatInput, onChatInputChange: onChatInputChange })] }));
+                                            : 'Review the changes and approve to merge.' })] })] }), branch ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [_jsx(GitBranch, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx(Badge, { variant: "secondary", className: "font-mono text-[11px]", children: branch.source }), _jsx(ArrowRight, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }), _jsx(Badge, { variant: "outline", className: "font-mono text-[11px]", children: branch.target })] }) })) : null, pr ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "space-y-3 px-4 py-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("a", { href: pr.url, target: "_blank", rel: "noopener noreferrer", className: "text-primary flex items-center gap-1.5 text-sm font-semibold underline underline-offset-2", children: ["PR #", pr.number, _jsx(ExternalLink, { className: "h-3.5 w-3.5" })] }), _jsx(Badge, { variant: "outline", className: "text-xs", children: pr.status })] }), pr.mergeable === false ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Merge Status" }), _jsxs(Badge, { className: "border-transparent bg-orange-50 text-orange-700 hover:bg-orange-50", children: [_jsx(AlertTriangle, { className: "mr-1 h-3.5 w-3.5" }), "Conflicts"] })] })) : null, pr.ciStatus ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "CI Status" }), _jsx(CiStatusBadge, { status: pr.ciStatus })] })) : null, pr.commitHash ? (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-muted-foreground text-xs font-medium", children: "Commit" }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(GitCommitHorizontal, { className: "text-muted-foreground h-3.5 w-3.5" }), _jsx("code", { className: "bg-muted text-foreground rounded-md px-1.5 py-0.5 font-mono text-[11px]", children: pr.commitHash.slice(0, 7) })] })] })) : null] }) })) : null, diffSummary ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "px-4 py-3", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(FileDiff, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "text-foreground text-xs font-semibold", children: "Changes" })] }), _jsxs("div", { className: "grid grid-cols-4 gap-3", children: [_jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-foreground text-sm font-bold", children: diffSummary.filesChanged }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "files" })] }), _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "text-sm font-bold text-green-600", children: ["+", diffSummary.additions] }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "additions" })] }), _jsxs("div", { className: "text-center", children: [_jsxs("div", { className: "text-sm font-bold text-red-600", children: ["-", diffSummary.deletions] }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "deletions" })] }), _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-foreground text-sm font-bold", children: diffSummary.commitCount }), _jsx("div", { className: "text-muted-foreground text-[10px]", children: "commits" })] })] })] }) })) : warning ? (_jsx("div", { className: "border-border rounded-lg border", children: _jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [_jsx(AlertTriangle, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx("span", { className: "text-muted-foreground text-xs", children: warning })] }) })) : null, evidence && evidence.length > 0 ? (_jsx(EvidenceList, { evidence: evidence, basePath: evidenceBasePath })) : null, fileDiffs && fileDiffs.length > 0 ? (_jsx(MergeDiffViewer, { fileDiffs: fileDiffs, className: "min-h-[400px]" })) : null] }), _jsx(DrawerActionBar, { onReject: onReject, onApprove: handleApproveOrResolve, approveLabel: hasConflicts ? 'Resolve Conflicts' : 'Approve Merge', approveVariant: hasConflicts ? 'warning' : 'default', revisionPlaceholder: "Ask AI to revise before merging...", isProcessing: isProcessing, isRejecting: isRejecting, chatInput: chatInput, onChatInputChange: onChatInputChange })] }));
 }

package/dist/src/presentation/web/components/ui/code-block.d.ts

@@ -0,0 +1,28 @@
+export interface CodeBlockTab {
+    name: string;
+    code: string;
+    language?: string;
+    highlightLines?: number[];
+}
+export type CodeBlockProps = {
+    /** Programming language for syntax highlighting. */
+    language: string;
+    /** File name displayed in the header. */
+    filename: string;
+    /** Line numbers to highlight. */
+    highlightLines?: number[];
+    /** Lines highlighted with a green (addition) background. */
+    addedLines?: number[];
+    /** Lines highlighted with a red (deletion) background. */
+    removedLines?: number[];
+    /** Additional class name for the container. */
+    className?: string;
+} & ({
+    code: string;
+    tabs?: never;
+} | {
+    code?: never;
+    tabs: CodeBlockTab[];
+});
+export declare function CodeBlock({ language, filename, code, highlightLines, addedLines, removedLines, tabs, className, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=code-block.d.ts.map

package/dist/src/presentation/web/components/ui/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/code-block.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,oDAAoD;IACpD,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,YAAY,EAAE,CAAA;CAAE,CAAC,CAAC;AAE9E,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAmB,EACnB,UAAe,EACf,YAAiB,EACjB,IAAS,EACT,SAAS,GACV,EAAE,cAAc,2CAwFhB"}

package/dist/src/presentation/web/components/ui/code-block.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { oneDark } from 'react-syntax-highlighter/dist/cjs/styles/prism';
+import { Check, Copy } from 'lucide-react';
+import { cn } from '../../lib/utils.js';
+export function CodeBlock({ language, filename, code, highlightLines = [], addedLines = [], removedLines = [], tabs = [], className, }) {
+    const [copied, setCopied] = React.useState(false);
+    const [activeTab, setActiveTab] = React.useState(0);
+    const tabsExist = tabs.length > 0;
+    const copyToClipboard = async () => {
+        const textToCopy = tabsExist ? tabs[activeTab].code : code;
+        if (textToCopy) {
+            await navigator.clipboard.writeText(textToCopy);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+    };
+    const activeCode = tabsExist ? tabs[activeTab].code : code;
+    const activeLanguage = tabsExist ? (tabs[activeTab].language ?? language) : language;
+    const activeHighlightLines = tabsExist ? (tabs[activeTab].highlightLines ?? []) : highlightLines;
+    return (_jsxs("div", { "data-testid": "code-block", className: cn('relative w-full rounded-lg bg-slate-950 p-4 font-mono text-sm', className), children: [_jsx("div", { className: "flex flex-col gap-2", children: tabsExist ? (_jsx("div", { className: "flex overflow-x-auto", children: tabs.map((tab, index) => (_jsx("button", { type: "button", onClick: () => setActiveTab(index), className: cn('px-3 py-2 font-sans text-xs transition-colors', activeTab === index ? 'text-white' : 'text-zinc-400 hover:text-zinc-200'), children: tab.name }, tab.name))) })) : (_jsxs("div", { className: "flex items-center justify-between py-2", children: [_jsx("div", { className: "text-xs text-zinc-400", children: filename }), _jsx("button", { type: "button", onClick: copyToClipboard, className: "flex items-center gap-1 font-sans text-xs text-zinc-400 transition-colors hover:text-zinc-200", children: copied ? _jsx(Check, { className: "h-3.5 w-3.5" }) : _jsx(Copy, { className: "h-3.5 w-3.5" }) })] })) }), _jsx(SyntaxHighlighter, { language: activeLanguage, style: oneDark, customStyle: {
+                    margin: 0,
+                    padding: 0,
+                    background: 'transparent',
+                    fontSize: '0.875rem',
+                }, wrapLines: true, showLineNumbers: true, lineProps: (lineNumber) => {
+                    let backgroundColor = 'transparent';
+                    if (addedLines.includes(lineNumber)) {
+                        backgroundColor = 'rgba(34,197,94,0.15)';
+                    }
+                    else if (removedLines.includes(lineNumber)) {
+                        backgroundColor = 'rgba(239,68,68,0.15)';
+                    }
+                    else if (activeHighlightLines.includes(lineNumber)) {
+                        backgroundColor = 'rgba(255,255,255,0.1)';
+                    }
+                    return {
+                        style: {
+                            backgroundColor,
+                            display: 'block',
+                            width: '100%',
+                        },
+                    };
+                }, PreTag: "div", children: String(activeCode) })] }));
+}

package/dist/src/presentation/web/components/ui/code-block.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CodeBlock } from './code-block.js';
+declare const meta: Meta<typeof CodeBlock>;
+export default meta;
+type Story = StoryObj<typeof CodeBlock>;
+/** Default — single code block with syntax highlighting. */
+export declare const Default: Story;
+/** Highlighted lines to draw attention to specific code. */
+export declare const HighlightedLines: Story;
+/** Tabbed code view with multiple files. */
+export declare const WithTabs: Story;
+/** JSON content. */
+export declare const JsonContent: Story;
+/** Diff-style highlighting with green (added) and red (removed) backgrounds. */
+export declare const DiffHighlighting: Story;
+//# sourceMappingURL=code-block.stories.d.ts.map

package/dist/src/presentation/web/components/ui/code-block.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/code-block.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA2BzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAOhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,4DAA4D;AAC5D,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,oBAAoB;AACpB,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAaF,gFAAgF;AAChF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC"}