@shepai/cli 1.84.0 → 1.85.0

package/dist/src/presentation/cli/commands/feat/new.command.js

@@ -11,13 +11,18 @@
  */
 import { Command } from 'commander';
 import { createHash } from 'node:crypto';
-import { join } from 'node:path';
+import { existsSync } from 'node:fs';
+import { join, resolve } from 'node:path';
 import { container } from '../../../../../packages/core/src/infrastructure/di/container.js';
 import { CreateFeatureUseCase } from '../../../../../packages/core/src/application/use-cases/features/create/create-feature.use-case.js';
 import { SdlcLifecycle } from '../../../../../packages/core/src/domain/generated/output.js';
 import { colors, messages, spinner } from '../../ui/index.js';
 import { getShepHomeDir } from '../../../../../packages/core/src/infrastructure/services/filesystem/shep-directory.service.js';
 import { getSettings, hasSettings } from '../../../../../packages/core/src/infrastructure/services/settings.service.js';
+/** Commander collect pattern for repeatable options. */
+function collect(value, previous) {
+    return [...previous, value];
+}
 function getWorkflowDefaults() {
     if (!hasSettings()) {
         return { openPr: false, allowPrd: false, allowPlan: false, allowMerge: false, push: false };
@@ -50,6 +55,7 @@ export function createNewCommand() {
         .option('--parent <fid>', 'Parent feature ID (full or partial prefix)')
         .option('--fast', 'Skip SDLC phases and implement directly from your prompt')
         .option('--model <model>', 'LLM model identifier for this run (e.g. claude-opus-4-6)')
+        .option('--attach <path>', 'Attach a file (repeatable)', collect, [])
         .action(async (description, options) => {
         try {
             const useCase = container.resolve(CreateFeatureUseCase);
@@ -78,6 +84,19 @@ export function createNewCommand() {
                 }
                 parentId = parentFeature.id;
             }
+            // Validate --attach paths
+            const attachmentPaths = [];
+            if (options.attach && options.attach.length > 0) {
+                for (const raw of options.attach) {
+                    const resolved = resolve(raw);
+                    if (!existsSync(resolved)) {
+                        messages.error(`Attachment not found: ${resolved}`);
+                        process.exitCode = 1;
+                        return;
+                    }
+                    attachmentPaths.push(resolved);
+                }
+            }
             const result = await spinner('Thinking', () => useCase.execute({
                 userInput: description,
                 repositoryPath: repoPath,
@@ -87,6 +106,7 @@ export function createNewCommand() {
                 ...(parentId !== undefined && { parentId }),
                 ...(options.fast && { fast: true }),
                 ...(options.model !== undefined && { model: options.model }),
+                ...(attachmentPaths.length > 0 && { attachmentPaths }),
             }));
             const { feature, warning } = result;
             const repoHash = createHash('sha256').update(repoPath).digest('hex').slice(0, 16);

package/dist/src/presentation/web/app/actions/compose-user-input.d.ts

@@ -0,0 +1,7 @@
+interface Attachment {
+    path: string;
+    name: string;
+}
+export declare function composeUserInput(description: string, attachments: Attachment[] | undefined): string;
+export {};
+//# sourceMappingURL=compose-user-input.d.ts.map

package/dist/src/presentation/web/app/actions/compose-user-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-user-input.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/compose-user-input.ts"],"names":[],"mappings":"AAAA,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,UAAU,EAAE,GAAG,SAAS,GACpC,MAAM,CAOR"}

package/dist/src/presentation/web/app/actions/compose-user-input.js

@@ -0,0 +1,7 @@
+export function composeUserInput(description, attachments) {
+    if (!attachments || attachments.length === 0) {
+        return description;
+    }
+    const refs = attachments.map((a) => `@${a.path}`).join(' ');
+    return `${description}\n\n${refs}`;
+}

package/dist/src/presentation/web/app/actions/create-feature.d.ts

@@ -7,6 +7,7 @@ interface CreateFeatureInput {
     description: string;
     repositoryPath: string;
     attachments?: Attachment[];
+    sessionId?: string;
     approvalGates?: {
         allowPrd: boolean;
         allowPlan: boolean;

package/dist/src/presentation/web/app/actions/create-feature.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-feature.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/create-feature.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAEpE,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAQD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE;QACd,QAAQ,EAAE,OAAO,CAAC;QAClB,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAaD,wBAAsB,aAAa,CACjC,KAAK,EAAE,kBAAkB,GACxB,OAAO,CAAC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CA0EhD"}
+{"version":3,"file":"create-feature.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/create-feature.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAGpE,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAQD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE;QACd,QAAQ,EAAE,OAAO,CAAC;QAClB,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAsB,aAAa,CACjC,KAAK,EAAE,kBAAkB,GACxB,OAAO,CAAC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CA4EhD"}

package/dist/src/presentation/web/app/actions/create-feature.js

@@ -1,15 +1,8 @@
 'use server';
 import { resolve } from '../../lib/server-container.js';
-function composeUserInput(description, attachments) {
-    let userInput = description;
-    if (attachments && attachments.length > 0) {
-        const paths = attachments.map((a) => `- ${a.path}`).join('\n');
-        userInput += `\n\nAttached files:\n${paths}`;
-    }
-    return userInput;
-}
+import { composeUserInput } from './compose-user-input.js';
 export async function createFeature(input) {
-    const { description, repositoryPath, attachments, approvalGates, push, openPr, parentId, fast, agentType, model, } = input;
+    const { description, repositoryPath, attachments, sessionId, approvalGates, push, openPr, parentId, fast, agentType, model, } = input;
     if (!description?.trim()) {
         return { error: 'description is required' };
     }
@@ -50,6 +43,7 @@ export async function createFeature(input) {
             ...(fast ? { fast } : {}),
             ...(agentType ? { agentType } : {}),
             ...(model ? { model } : {}),
+            ...(sessionId ? { sessionId } : {}),
         }, shouldSpawn)
             .catch((err) => {
             // eslint-disable-next-line no-console

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/app/api/attachments/preview/route.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAsB3C,wBAAsB,GAAG,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,CA6BrE"}

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/feature-create-drawer/feature-create-drawer.d.ts

@@ -1,6 +1,14 @@
-import type { FileAttachment } from '../../../../../../packages/core/src/infrastructure/services/file-dialog.service.js';
 import type { WorkflowDefaults } from '../../../app/actions/get-workflow-defaults.js';
 export type { FileAttachment } from '../../../../../../packages/core/src/infrastructure/services/file-dialog.service.js';
+/** Attachment record for the create form — supports both picker and upload sources. */
+export interface FormAttachment {
+    id: string;
+    name: string;
+    size: number;
+    mimeType: string;
+    path: string;
+    loading?: boolean;
+}
 /** Minimal feature descriptor for the parent selector. */
 export interface ParentFeatureOption {
     id: string;
@@ -8,7 +16,7 @@ export interface ParentFeatureOption {
 }
 export interface FeatureCreatePayload {
     description: string;
-    attachments: FileAttachment[];
+    attachments: FormAttachment[];
     repositoryPath: string;
     approvalGates: {
         allowPrd: boolean;
@@ -24,6 +32,7 @@ export interface FeatureCreatePayload {
     agentType?: string;
     /** Optional model override for this feature run */
     model?: string;
+    sessionId?: string;
 }
 export interface FeatureCreateDrawerProps {
     open: boolean;

package/dist/src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-create-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC/F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAI5E,YAAY,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAE/F,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAcD,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,kGAAkG;IAClG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,cAAc,EACd,YAAoB,EACpB,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,YAAY,GACb,EAAE,wBAAwB,2CAgZ1B"}
+{"version":3,"file":"feature-create-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAI5E,YAAY,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAE/F,uFAAuF;AACvF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,SAAS,EAAE,OAAO,CAAC;QACnB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+ED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,kGAAkG;IAClG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,cAAc,EACd,YAAoB,EACpB,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,YAAY,GACb,EAAE,wBAAwB,2CAkjB1B"}