@shepai/cli 1.84.0 → 1.85.0-pr167.13dcff5

package/dist/src/presentation/web/app/api/attachments/preview/route.js

@@ -0,0 +1,47 @@
+import { NextResponse } from 'next/server';
+import { readFile, stat } from 'fs/promises';
+import { extname, resolve } from 'path';
+import { getShepHomeDir } from '../../../../../../../packages/core/src/infrastructure/services/filesystem/shep-directory.service.js';
+const MIME_MAP = {
+    '.png': 'image/png',
+    '.jpg': 'image/jpeg',
+    '.jpeg': 'image/jpeg',
+    '.gif': 'image/gif',
+    '.webp': 'image/webp',
+    '.svg': 'image/svg+xml',
+    '.bmp': 'image/bmp',
+    '.ico': 'image/x-icon',
+    '.pdf': 'application/pdf',
+    '.txt': 'text/plain',
+    '.md': 'text/markdown',
+    '.json': 'application/json',
+    '.yaml': 'text/yaml',
+    '.yml': 'text/yaml',
+};
+export async function GET(request) {
+    const path = request.nextUrl.searchParams.get('path');
+    const mimeTypeHint = request.nextUrl.searchParams.get('mimeType');
+    if (!path) {
+        return NextResponse.json({ error: 'Missing path parameter' }, { status: 400 });
+    }
+    // Security: only allow paths within SHEP_HOME/attachments
+    const attachmentsRoot = resolve(getShepHomeDir(), 'attachments');
+    if (!resolve(path).startsWith(attachmentsRoot)) {
+        return NextResponse.json({ error: 'Access denied' }, { status: 403 });
+    }
+    try {
+        await stat(path);
+        const buffer = await readFile(path);
+        const ext = extname(path).toLowerCase();
+        const contentType = MIME_MAP[ext] ?? mimeTypeHint ?? 'application/octet-stream';
+        return new NextResponse(buffer, {
+            headers: {
+                'Content-Type': contentType,
+                'Cache-Control': 'private, max-age=3600',
+            },
+        });
+    }
+    catch {
+        return NextResponse.json({ error: 'File not found' }, { status: 404 });
+    }
+}

package/dist/src/presentation/web/app/api/attachments/upload/route.d.ts

@@ -0,0 +1,3 @@
+import { NextResponse } from 'next/server';
+export declare function POST(request: Request): Promise<NextResponse>;
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/attachments/upload/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/app/api/attachments/upload/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAqE3C,wBAAsB,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,CAkDlE"}

package/dist/src/presentation/web/app/api/attachments/upload/route.js

@@ -0,0 +1,100 @@
+import { NextResponse } from 'next/server';
+import { resolve } from '../../../../lib/server-container.js';
+const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10 MB
+const ALLOWED_EXTENSIONS = new Set([
+    '.png',
+    '.jpg',
+    '.jpeg',
+    '.gif',
+    '.webp',
+    '.svg',
+    '.bmp',
+    '.ico',
+    '.pdf',
+    '.doc',
+    '.docx',
+    '.xls',
+    '.xlsx',
+    '.ppt',
+    '.pptx',
+    '.txt',
+    '.md',
+    '.csv',
+    '.json',
+    '.yaml',
+    '.yml',
+    '.xml',
+    '.ts',
+    '.tsx',
+    '.js',
+    '.jsx',
+    '.py',
+    '.rb',
+    '.go',
+    '.rs',
+    '.java',
+    '.c',
+    '.cpp',
+    '.h',
+    '.hpp',
+    '.cs',
+    '.swift',
+    '.kt',
+    '.html',
+    '.css',
+    '.scss',
+    '.less',
+    '.sh',
+    '.bash',
+    '.zsh',
+    '.fish',
+    '.toml',
+    '.ini',
+    '.cfg',
+    '.conf',
+    '.env',
+    '.zip',
+    '.tar',
+    '.gz',
+    '.log',
+]);
+function getExtension(filename) {
+    const dot = filename.lastIndexOf('.');
+    return dot >= 0 ? filename.slice(dot).toLowerCase() : '';
+}
+export async function POST(request) {
+    try {
+        const formData = await request.formData();
+        const file = formData.get('file');
+        const sessionId = formData.get('sessionId');
+        if (!file || !sessionId) {
+            return NextResponse.json({ error: 'Missing required fields: file, sessionId' }, { status: 400 });
+        }
+        // Validate file size
+        if (file.size > MAX_FILE_SIZE) {
+            return NextResponse.json({
+                error: `File "${file.name}" exceeds 10 MB limit (${(file.size / 1024 / 1024).toFixed(1)} MB)`,
+            }, { status: 413 });
+        }
+        // Validate extension
+        const ext = getExtension(file.name);
+        if (ext && !ALLOWED_EXTENSIONS.has(ext)) {
+            return NextResponse.json({ error: `File type "${ext}" is not allowed` }, { status: 400 });
+        }
+        const buffer = Buffer.from(await file.arrayBuffer());
+        const service = resolve('AttachmentStorageService');
+        const attachment = service.store(buffer, file.name, file.type ?? 'application/octet-stream', sessionId);
+        return NextResponse.json({
+            id: attachment.id,
+            name: attachment.name,
+            size: Number(attachment.size),
+            mimeType: attachment.mimeType,
+            path: attachment.path,
+            createdAt: attachment.createdAt,
+        });
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : 'Upload failed';
+        return NextResponse.json({ error: message }, { status: 500 });
+    }
+}

package/dist/src/presentation/web/components/common/attachment-card/attachment-card.d.ts

@@ -0,0 +1,16 @@
+import type { LucideIcon } from 'lucide-react';
+export interface AttachmentCardProps {
+    name: string;
+    size: number;
+    mimeType: string;
+    onRemove: () => void;
+    loading?: boolean;
+    disabled?: boolean;
+    /** Optional secondary text shown below the filename (e.g. file path). */
+    subtitle?: string;
+}
+export declare function AttachmentCard({ name, size, mimeType: _mimeType, onRemove, loading, disabled, subtitle, }: AttachmentCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function getFileIcon(ext: string): LucideIcon;
+export declare function getFileIconColor(ext: string): string;
+export declare function formatFileSize(bytes: number): string;
+//# sourceMappingURL=attachment-card.d.ts.map

package/dist/src/presentation/web/components/common/attachment-card/attachment-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-card.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/attachment-card/attachment-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,QAAQ,EAAE,SAAS,EACnB,QAAQ,EACR,OAAe,EACf,QAAgB,EAChB,QAAQ,GACT,EAAE,mBAAmB,2CAqCrB;AAsBD,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAKnD;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKpD"}

package/dist/src/presentation/web/components/common/attachment-card/attachment-card.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileIcon, FileTextIcon, ImageIcon, CodeIcon, Trash2Icon, Loader2Icon } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+import { Button } from '../../ui/button.js';
+export function AttachmentCard({ name, size, mimeType: _mimeType, onRemove, loading = false, disabled = false, subtitle, }) {
+    const ext = getExtension(name);
+    const Icon = getFileIcon(ext);
+    const iconColorClass = getFileIconColor(ext);
+    return (_jsxs("div", { className: "flex items-center gap-3 rounded-md border p-2", children: [_jsx("div", { className: cn('flex h-8 w-8 shrink-0 items-center justify-center rounded', iconColorClass), children: _jsx(Icon, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium", children: name }), subtitle ? (_jsx("span", { className: "text-muted-foreground truncate text-xs", children: subtitle })) : null, _jsx("span", { className: "text-muted-foreground text-xs", children: loading ? 'Uploading...' : formatFileSize(size) })] }), loading ? (_jsx(Loader2Icon, { className: "text-muted-foreground h-4 w-4 animate-spin" })) : (_jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", onClick: onRemove, disabled: disabled, "aria-label": `Remove ${name}`, children: _jsx(Trash2Icon, { className: "h-3 w-3" }) }))] }));
+}
+function getExtension(filename) {
+    const dot = filename.lastIndexOf('.');
+    return dot >= 0 ? filename.slice(dot).toLowerCase() : '';
+}
+const IMAGE_EXTS = new Set(['.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.ico', '.bmp']);
+const CODE_EXTS = new Set([
+    '.ts',
+    '.tsx',
+    '.js',
+    '.jsx',
+    '.json',
+    '.yaml',
+    '.yml',
+    '.xml',
+    '.html',
+    '.css',
+    '.md',
+]);
+export function getFileIcon(ext) {
+    if (IMAGE_EXTS.has(ext))
+        return ImageIcon;
+    if (ext === '.pdf')
+        return FileTextIcon;
+    if (CODE_EXTS.has(ext))
+        return CodeIcon;
+    return FileIcon;
+}
+export function getFileIconColor(ext) {
+    if (ext === '.pdf')
+        return 'bg-red-50 text-red-600';
+    if (IMAGE_EXTS.has(ext))
+        return 'bg-blue-50 text-blue-600';
+    if (CODE_EXTS.has(ext))
+        return 'bg-emerald-50 text-emerald-600';
+    return 'bg-gray-50 text-gray-600';
+}
+export function formatFileSize(bytes) {
+    if (bytes === 0)
+        return '0 B';
+    const units = ['B', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(1024));
+    return `${(bytes / Math.pow(1024, i)).toFixed(i === 0 ? 0 : 1)} ${units[i]}`;
+}

package/dist/src/presentation/web/components/common/attachment-card/attachment-card.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AttachmentCard } from './attachment-card.js';
+declare const meta: Meta<typeof AttachmentCard>;
+export default meta;
+type Story = StoryObj<typeof AttachmentCard>;
+export declare const ImageFile: Story;
+export declare const PdfFile: Story;
+export declare const CodeFile: Story;
+export declare const UnknownFile: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=attachment-card.stories.d.ts.map

package/dist/src/presentation/web/components/common/attachment-card/attachment-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/attachment-card/attachment-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAOrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC"}

package/dist/src/presentation/web/components/common/attachment-card/attachment-card.stories.js

@@ -0,0 +1,55 @@
+import { fn } from '@storybook/test';
+import { AttachmentCard } from './attachment-card.js';
+const meta = {
+    title: 'Common/AttachmentCard',
+    component: AttachmentCard,
+    tags: ['autodocs'],
+    args: {
+        onRemove: fn(),
+    },
+};
+export default meta;
+export const ImageFile = {
+    args: {
+        name: 'screenshot.png',
+        size: 150000,
+        mimeType: 'image/png',
+    },
+};
+export const PdfFile = {
+    args: {
+        name: 'requirements.pdf',
+        size: 42000,
+        mimeType: 'application/pdf',
+    },
+};
+export const CodeFile = {
+    args: {
+        name: 'index.ts',
+        size: 1024,
+        mimeType: 'text/typescript',
+    },
+};
+export const UnknownFile = {
+    args: {
+        name: 'data.bin',
+        size: 8192,
+        mimeType: 'application/octet-stream',
+    },
+};
+export const Loading = {
+    args: {
+        name: 'uploading-image.png',
+        size: 0,
+        mimeType: 'image/png',
+        loading: true,
+    },
+};
+export const Disabled = {
+    args: {
+        name: 'screenshot.png',
+        size: 150000,
+        mimeType: 'image/png',
+        disabled: true,
+    },
+};

package/dist/src/presentation/web/components/common/attachment-card/index.d.ts

@@ -0,0 +1,3 @@
+export { AttachmentCard } from './attachment-card.js';
+export type { AttachmentCardProps } from './attachment-card.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/attachment-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/attachment-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/presentation/web/components/common/attachment-card/index.js

@@ -0,0 +1 @@
+export { AttachmentCard } from './attachment-card.js';

package/dist/src/presentation/web/components/common/attachment-chip/attachment-chip.d.ts

@@ -0,0 +1,11 @@
+export interface AttachmentChipProps {
+    name: string;
+    size: number;
+    mimeType: string;
+    path: string;
+    onRemove: () => void;
+    loading?: boolean;
+    disabled?: boolean;
+}
+export declare function AttachmentChip({ name, size, mimeType, path, onRemove, loading, disabled, }: AttachmentChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=attachment-chip.d.ts.map

package/dist/src/presentation/web/components/common/attachment-chip/attachment-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-chip.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/attachment-chip/attachment-chip.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAe,EACf,QAAgB,GACjB,EAAE,mBAAmB,2CA2FrB"}

package/dist/src/presentation/web/components/common/attachment-chip/attachment-chip.js

@@ -0,0 +1,34 @@
+/* eslint-disable @next/next/no-img-element -- Local file preview requires raw <img>, not next/image */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X, Loader2Icon, DownloadIcon } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+import { Dialog, DialogTrigger, DialogContent, DialogTitle } from '../../ui/dialog.js';
+import { VisuallyHidden } from 'radix-ui';
+import { formatFileSize, getFileIcon, getFileIconColor, } from '../../common/attachment-card/attachment-card.js';
+const IMAGE_EXTS = new Set(['.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.ico', '.bmp']);
+function isImage(name) {
+    const dot = name.lastIndexOf('.');
+    return dot >= 0 && IMAGE_EXTS.has(name.slice(dot).toLowerCase());
+}
+function previewUrl(path, mimeType) {
+    const params = new URLSearchParams({ path, mimeType });
+    return `/api/attachments/preview?${params.toString()}`;
+}
+function getExtension(filename) {
+    const dot = filename.lastIndexOf('.');
+    return dot >= 0 ? filename.slice(dot).toLowerCase() : '';
+}
+export function AttachmentChip({ name, size, mimeType, path, onRemove, loading = false, disabled = false, }) {
+    const ext = getExtension(name);
+    const Icon = getFileIcon(ext);
+    const iconColorClass = getFileIconColor(ext);
+    const imageFile = isImage(name);
+    if (loading) {
+        return (_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-md border", children: _jsx(Loader2Icon, { className: "text-muted-foreground h-5 w-5 animate-spin" }) }));
+    }
+    if (imageFile) {
+        return (_jsxs(Dialog, { children: [_jsxs("div", { className: "group relative", children: [_jsx(DialogTrigger, { asChild: true, children: _jsx("img", { src: previewUrl(path, mimeType), alt: name, title: name, className: "h-12 w-12 cursor-pointer rounded-md border object-cover transition-opacity hover:opacity-80" }) }), !disabled && (_jsx("button", { type: "button", onClick: onRemove, className: "absolute -top-1.5 -right-1.5 hidden h-5 w-5 cursor-pointer items-center justify-center rounded-full bg-black/70 text-white group-hover:flex", "aria-label": `Remove ${name}`, children: _jsx(X, { className: "h-3 w-3" }) }))] }), _jsxs(DialogContent, { className: "max-w-3xl gap-0 overflow-hidden border-0 p-0 [&>button:last-child]:!cursor-pointer [&>button:last-child]:!rounded-full [&>button:last-child]:!bg-black/70 [&>button:last-child]:!p-1.5 [&>button:last-child]:!text-white [&>button:last-child]:!opacity-100 [&>button:last-child]:!shadow-lg [&>button:last-child]:!backdrop-blur-md [&>button:last-child]:hover:!bg-black/90", children: [_jsx(VisuallyHidden.Root, { children: _jsxs(DialogTitle, { children: ["Preview: ", name] }) }), _jsx("div", { className: "relative bg-black/90", children: _jsx("img", { src: previewUrl(path, mimeType), alt: name, className: "h-auto max-h-[70vh] w-full object-contain" }) }), _jsxs("div", { className: "bg-background flex items-center gap-3 px-4 py-3", children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate text-sm font-medium", children: name }), _jsx("span", { className: "text-muted-foreground text-xs", children: formatFileSize(size) })] }), _jsx("a", { href: previewUrl(path, mimeType), download: name, className: "text-muted-foreground hover:text-foreground shrink-0 cursor-pointer rounded p-1.5 transition-colors", "aria-label": `Download ${name}`, children: _jsx(DownloadIcon, { className: "h-4 w-4" }) })] })] })] }));
+    }
+    return (_jsxs("div", { className: "group relative flex items-center gap-2 rounded-full border py-1 pr-3 pl-2", children: [_jsx("div", { className: cn('flex h-6 w-6 shrink-0 items-center justify-center rounded-full', iconColorClass), children: _jsx(Icon, { className: "h-3 w-3" }) }), _jsx("span", { className: "max-w-[120px] truncate text-sm", children: name }), _jsx("span", { className: "text-muted-foreground text-xs", children: formatFileSize(size) }), !disabled && (_jsx("button", { type: "button", onClick: onRemove, className: "absolute -top-1.5 -right-1.5 hidden h-5 w-5 cursor-pointer items-center justify-center rounded-full bg-black/70 text-white group-hover:flex", "aria-label": `Remove ${name}`, children: _jsx(X, { className: "h-3 w-3" }) }))] }));
+}

package/dist/src/presentation/web/components/common/attachment-chip/attachment-chip.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AttachmentChip } from './attachment-chip.js';
+declare const meta: Meta<typeof AttachmentChip>;
+export default meta;
+type Story = StoryObj<typeof AttachmentChip>;
+export declare const ImageFile: Story;
+export declare const PdfFile: Story;
+export declare const CodeFile: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=attachment-chip.stories.d.ts.map

package/dist/src/presentation/web/components/common/attachment-chip/attachment-chip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-chip.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/attachment-chip/attachment-chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAOrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/src/presentation/web/components/common/attachment-chip/attachment-chip.stories.js

@@ -0,0 +1,44 @@
+import { fn } from '@storybook/test';
+import { AttachmentChip } from './attachment-chip.js';
+const meta = {
+    title: 'Common/AttachmentChip',
+    component: AttachmentChip,
+    tags: ['autodocs'],
+    args: {
+        onRemove: fn(),
+    },
+};
+export default meta;
+export const ImageFile = {
+    args: {
+        name: 'screenshot.png',
+        size: 150000,
+        mimeType: 'image/png',
+        path: '/tmp/test/screenshot.png',
+    },
+};
+export const PdfFile = {
+    args: {
+        name: 'requirements.pdf',
+        size: 42000,
+        mimeType: 'application/pdf',
+        path: '/tmp/test/requirements.pdf',
+    },
+};
+export const CodeFile = {
+    args: {
+        name: 'index.ts',
+        size: 1024,
+        mimeType: 'text/typescript',
+        path: '/tmp/test/index.ts',
+    },
+};
+export const Loading = {
+    args: {
+        name: 'uploading-image.png',
+        size: 0,
+        mimeType: 'image/png',
+        path: '',
+        loading: true,
+    },
+};

package/dist/src/presentation/web/components/common/attachment-chip/index.d.ts

@@ -0,0 +1,3 @@
+export { AttachmentChip } from './attachment-chip.js';
+export type { AttachmentChipProps } from './attachment-chip.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/attachment-chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/attachment-chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/presentation/web/components/common/attachment-chip/index.js

@@ -0,0 +1 @@
+export { AttachmentChip } from './attachment-chip.js';

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

@@ -1 +1 @@
-{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CAkjBlF"}
+{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CA6hBlF"}

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

@@ -20,7 +20,7 @@ import { DeploymentStatusBadge } from '../../common/deployment-status-badge/inde
 import { DrawerTitle, DrawerDescription } from '../../ui/drawer.js';
 import { Button } from '../../ui/button.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from '../../ui/alert-dialog.js';
+import { DeleteFeatureDialog } from '../../common/delete-feature-dialog/index.js';
 import { ActionButton } from '../../common/action-button/index.js';
 import { OpenActionMenu } from '../../common/open-action-menu/index.js';
 import { FeatureDrawerTabs } from '../../common/feature-drawer-tabs/index.js';
@@ -111,6 +111,7 @@ export function FeatureDrawerClient({ view: initialView }) {
     const [mergeData, setMergeData] = useState(null);
     // ── Delete state ───────────────────────────────────────────────────────
     const [isDeleting, setIsDeleting] = useState(false);
+    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
     // ── Shared reject state ────────────────────────────────────────────────
     const [isRejecting, setIsRejecting] = useState(false);
     const isRejectingRef = useRef(false);
@@ -261,10 +262,10 @@ export function FeatureDrawerClient({ view: initialView }) {
     }, [view, featureNode, prdData, prdSelections, onClose]);
     const handleTechApprove = useCallback(() => handleSimpleApprove('Plan'), [handleSimpleApprove]);
     const handleMergeApprove = useCallback(() => handleSimpleApprove('Merge'), [handleSimpleApprove]);
-    const handleDelete = useCallback(async (featureId) => {
+    const handleDelete = useCallback(async (featureId, cleanup) => {
         setIsDeleting(true);
         try {
-            const result = await deleteFeature(featureId);
+            const result = await deleteFeature(featureId, cleanup);
             if (result.error) {
                 toast.error(result.error);
                 return;
@@ -317,7 +318,7 @@ export function FeatureDrawerClient({ view: initialView }) {
         const repoName = featureNode.repositoryName ??
             featureNode.repositoryPath.split('/').filter(Boolean).at(-1) ??
             '';
-        header = (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "feature-drawer-header", children: [_jsx(DrawerTitle, { children: featureNode.name }), repoName ? (_jsxs("div", { className: "flex items-center gap-1.5 pt-0.5", children: [_jsx(Code2, { className: "text-muted-foreground size-3.5 shrink-0" }), featureNode.remoteUrl ? (_jsxs("a", { href: featureNode.remoteUrl, target: "_blank", rel: "noopener noreferrer", className: "text-muted-foreground hover:text-foreground inline-flex items-center gap-1 text-xs transition-colors", "data-testid": "feature-drawer-repo-link", children: [repoName, _jsx(ExternalLink, { className: "size-3" })] })) : (_jsx("span", { className: "text-muted-foreground text-xs", children: repoName }))] })) : null, _jsx(DrawerDescription, { className: "sr-only", children: featureNode.name })] }), featureActionsInput ? (_jsxs("div", { className: "flex items-center gap-2 pt-2", "data-testid": "feature-drawer-actions", children: [_jsx(OpenActionMenu, { actions: featureActions, repositoryPath: featureActionsInput.repositoryPath, showSpecs: !!featureActionsInput.specPath }), featureFlags.envDeploy && featureDeployTarget ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isFeatureDeployActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isFeatureDeployActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isFeatureDeployActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isFeatureDeployActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isFeatureDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: featureDeployTarget?.targetId })) : null] })) : null, _jsxs("div", { className: "ml-auto flex items-center gap-1.5", children: [_jsx("code", { className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 font-mono text-xs", children: shortId }), _jsx("button", { type: "button", onClick: handleCopyId, className: "text-muted-foreground hover:text-foreground inline-flex items-center rounded p-0.5 transition-colors", "aria-label": "Copy feature ID", "data-testid": "feature-drawer-copy-id", children: idCopied ? (_jsx(Check, { className: "size-3.5 text-green-600" })) : (_jsx(Copy, { className: "size-3.5" })) })] }), featureNode.featureId ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Delete feature", disabled: isDeleting, className: "text-muted-foreground hover:text-destructive", "data-testid": "feature-drawer-delete", children: isDeleting ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Trash2, { className: "size-4" })) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete feature?" }), _jsxs(AlertDialogDescription, { children: ["This will permanently delete ", _jsx("strong", { children: featureNode.name }), " (", featureNode.featureId, "). This action cannot be undone.", featureNode.state === 'running' ? (_jsx(_Fragment, { children: " This feature has a running agent that will be stopped." })) : null] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isDeleting, children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", disabled: isDeleting, onClick: () => handleDelete(featureNode.featureId), children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Deleting\u2026"] })) : ('Delete') })] })] })] })) : null] })) : null] }));
+        header = (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "feature-drawer-header", children: [_jsx(DrawerTitle, { children: featureNode.name }), repoName ? (_jsxs("div", { className: "flex items-center gap-1.5 pt-0.5", children: [_jsx(Code2, { className: "text-muted-foreground size-3.5 shrink-0" }), featureNode.remoteUrl ? (_jsxs("a", { href: featureNode.remoteUrl, target: "_blank", rel: "noopener noreferrer", className: "text-muted-foreground hover:text-foreground inline-flex items-center gap-1 text-xs transition-colors", "data-testid": "feature-drawer-repo-link", children: [repoName, _jsx(ExternalLink, { className: "size-3" })] })) : (_jsx("span", { className: "text-muted-foreground text-xs", children: repoName }))] })) : null, _jsx(DrawerDescription, { className: "sr-only", children: featureNode.name })] }), featureActionsInput ? (_jsxs("div", { className: "flex items-center gap-2 pt-2", "data-testid": "feature-drawer-actions", children: [_jsx(OpenActionMenu, { actions: featureActions, repositoryPath: featureActionsInput.repositoryPath, showSpecs: !!featureActionsInput.specPath }), featureFlags.envDeploy && featureDeployTarget ? (_jsxs(_Fragment, { children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { children: _jsx(ActionButton, { label: isFeatureDeployActive ? 'Stop Dev Server' : 'Start Dev Server', onClick: isFeatureDeployActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: !!deployAction.deployError, icon: isFeatureDeployActive ? Square : Play, iconOnly: true, variant: "outline", size: "icon-sm" }) }) }), _jsx(TooltipContent, { children: isFeatureDeployActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) }), isFeatureDeployActive ? (_jsx(DeploymentStatusBadge, { status: deployAction.status, url: deployAction.url, targetId: featureDeployTarget?.targetId })) : null] })) : null, _jsxs("div", { className: "ml-auto flex items-center gap-1.5", children: [_jsx("code", { className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 font-mono text-xs", children: shortId }), _jsx("button", { type: "button", onClick: handleCopyId, className: "text-muted-foreground hover:text-foreground inline-flex items-center rounded p-0.5 transition-colors", "aria-label": "Copy feature ID", "data-testid": "feature-drawer-copy-id", children: idCopied ? (_jsx(Check, { className: "size-3.5 text-green-600" })) : (_jsx(Copy, { className: "size-3.5" })) })] }), featureNode.featureId ? (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Delete feature", disabled: isDeleting, className: "text-muted-foreground hover:text-destructive", "data-testid": "feature-drawer-delete", onClick: () => setDeleteDialogOpen(true), children: isDeleting ? (_jsx(Loader2, { className: "size-4 animate-spin" })) : (_jsx(Trash2, { className: "size-4" })) }), _jsx(DeleteFeatureDialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, onConfirm: (cleanup) => handleDelete(featureNode.featureId, cleanup), isDeleting: isDeleting, featureName: featureNode.name, featureId: featureNode.featureId })] })) : null] })) : null] }));
     }
     // ── Body ──────────────────────────────────────────────────────────────
     let body = null;

package/dist/src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog-config.d.ts

@@ -0,0 +1,9 @@
+export interface DeleteFeatureDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: (cleanup: boolean) => void;
+    isDeleting: boolean;
+    featureName: string;
+    featureId: string;
+}
+//# sourceMappingURL=delete-feature-dialog-config.d.ts.map

package/dist/src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-feature-dialog-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog-config.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB"}

package/dist/src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog-config.js

@@ -0,0 +1 @@
+export {};

package/dist/src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog.d.ts

@@ -0,0 +1,3 @@
+import type { DeleteFeatureDialogProps } from './delete-feature-dialog-config.js';
+export declare function DeleteFeatureDialog({ open, onOpenChange, onConfirm, isDeleting, featureName, featureId, }: DeleteFeatureDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=delete-feature-dialog.d.ts.map

package/dist/src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-feature-dialog.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,UAAU,EACV,WAAW,EACX,SAAS,GACV,EAAE,wBAAwB,2CAqD1B"}

package/dist/src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Loader2 } from 'lucide-react';
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '../../ui/alert-dialog.js';
+import { Checkbox } from '../../ui/checkbox.js';
+import { Label } from '../../ui/label.js';
+export function DeleteFeatureDialog({ open, onOpenChange, onConfirm, isDeleting, featureName, featureId, }) {
+    const [cleanup, setCleanup] = useState(true);
+    useEffect(() => {
+        if (open) {
+            setCleanup(true);
+        }
+    }, [open]);
+    return (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete feature?" }), _jsxs(AlertDialogDescription, { children: ["This will permanently delete ", _jsx("strong", { children: featureName }), " (", featureId, "). This action cannot be undone."] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "cleanup-checkbox", checked: cleanup, onCheckedChange: (checked) => setCleanup(checked === true), disabled: isDeleting, "aria-label": "Clean up worktree and branches" }), _jsx(Label, { htmlFor: "cleanup-checkbox", className: "cursor-pointer text-sm", children: "Clean up worktree and branches" })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isDeleting, onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(AlertDialogAction, { variant: "destructive", disabled: isDeleting, onClick: () => onConfirm(cleanup), children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Deleting\u2026"] })) : ('Delete') })] })] }) }));
+}

package/dist/src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DeleteFeatureDialog } from './delete-feature-dialog.js';
+declare const meta: Meta<typeof DeleteFeatureDialog>;
+export default meta;
+type Story = StoryObj<typeof DeleteFeatureDialog>;
+export declare const Default: Story;
+export declare const Deleting: Story;
+//# sourceMappingURL=delete-feature-dialog.stories.d.ts.map

package/dist/src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-feature-dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/delete-feature-dialog/delete-feature-dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAe1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAElD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}

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

@@ -0,0 +1,25 @@
+import { fn } from '@storybook/test';
+import { DeleteFeatureDialog } from './delete-feature-dialog.js';
+const meta = {
+    title: 'Composed/DeleteFeatureDialog',
+    component: DeleteFeatureDialog,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    args: {
+        open: true,
+        onOpenChange: fn().mockName('onOpenChange'),
+        onConfirm: fn().mockName('onConfirm'),
+        isDeleting: false,
+        featureName: 'User Authentication',
+        featureId: 'feat-abc-123',
+    },
+};
+export default meta;
+export const Default = {};
+export const Deleting = {
+    args: {
+        isDeleting: true,
+    },
+};

package/dist/src/presentation/web/components/common/delete-feature-dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { DeleteFeatureDialog } from './delete-feature-dialog.js';
+export type { DeleteFeatureDialogProps } from './delete-feature-dialog-config.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/delete-feature-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/delete-feature-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/src/presentation/web/components/common/delete-feature-dialog/index.js

@@ -0,0 +1 @@
+export { DeleteFeatureDialog } from './delete-feature-dialog.js';