@shepai/cli 1.151.2 → 1.152.0-pr476.cafabb8

package/dist/src/presentation/web/app/api/interactive/sessions/[id]/messages/route.js

@@ -0,0 +1,78 @@
+/**
+ * /api/interactive/sessions/[id]/messages
+ *
+ * POST - Send a user message to an active session. Returns 202.
+ * GET  - List all messages for the session's feature (cross-session history).
+ */
+import { NextResponse } from 'next/server';
+import { resolve } from '../../../../../../lib/server-container.js';
+export const dynamic = 'force-dynamic';
+/** Maximum allowed message size: 32 KB */
+const MAX_CONTENT_BYTES = 32 * 1024;
+export async function POST(request, { params }) {
+    try {
+        const { id: sessionId } = await params;
+        const body = (await request.json());
+        const { content } = body;
+        if (!content || typeof content !== 'string' || content.trim().length === 0) {
+            return NextResponse.json({ error: 'content must be a non-empty string' }, { status: 400 });
+        }
+        if (Buffer.byteLength(content, 'utf8') > MAX_CONTENT_BYTES) {
+            return NextResponse.json({ error: 'content exceeds maximum size of 32 KB' }, { status: 400 });
+        }
+        const service = resolve('IInteractiveSessionService');
+        // Verify session exists
+        const session = await service.getSession(sessionId);
+        if (!session) {
+            return NextResponse.json({ error: 'Session not found' }, { status: 404 });
+        }
+        await service.sendMessage(sessionId, content);
+        return new NextResponse(null, { status: 202 });
+    }
+    catch (error) {
+        if (error instanceof Error && error.message.includes('not ready')) {
+            return NextResponse.json({ error: error.message }, { status: 409 });
+        }
+        // eslint-disable-next-line no-console
+        console.error('[POST /api/interactive/sessions/:id/messages]', error);
+        return NextResponse.json({ error: error instanceof Error ? error.message : 'Internal server error' }, { status: 500 });
+    }
+}
+export async function DELETE(_request, { params }) {
+    try {
+        const { id: sessionId } = await params;
+        const service = resolve('IInteractiveSessionService');
+        const session = await service.getSession(sessionId);
+        if (!session) {
+            return NextResponse.json({ error: 'Session not found' }, { status: 404 });
+        }
+        await service.clearMessages(session.featureId);
+        return new NextResponse(null, { status: 204 });
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('[DELETE /api/interactive/sessions/:id/messages]', error);
+        return NextResponse.json({ error: error instanceof Error ? error.message : 'Internal server error' }, { status: 500 });
+    }
+}
+export async function GET(request, { params }) {
+    try {
+        const { id: sessionId } = await params;
+        const url = new URL(request.url);
+        const limit = url.searchParams.get('limit');
+        const limitNum = limit ? parseInt(limit, 10) : undefined;
+        const service = resolve('IInteractiveSessionService');
+        // Resolve session to get featureId for cross-session history
+        const session = await service.getSession(sessionId);
+        if (!session) {
+            return NextResponse.json({ error: 'Session not found' }, { status: 404 });
+        }
+        const messages = await service.getMessages(session.featureId, limitNum);
+        return NextResponse.json(messages);
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('[GET /api/interactive/sessions/:id/messages]', error);
+        return NextResponse.json({ error: error instanceof Error ? error.message : 'Internal server error' }, { status: 500 });
+    }
+}

package/dist/src/presentation/web/app/api/interactive/sessions/[id]/route.d.ts

@@ -0,0 +1,18 @@
+/**
+ * /api/interactive/sessions/[id]
+ *
+ * DELETE - Stop an active interactive session. Idempotent.
+ * GET    - Retrieve session record by ID.
+ */
+import type { NextRequest } from 'next/server';
+import { NextResponse } from 'next/server';
+export declare const dynamic = "force-dynamic";
+interface RouteParams {
+    params: Promise<{
+        id: string;
+    }>;
+}
+export declare function DELETE(_request: NextRequest, { params }: RouteParams): Promise<NextResponse>;
+export declare function GET(_request: NextRequest, { params }: RouteParams): Promise<NextResponse>;
+export {};
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/interactive/sessions/[id]/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/presentation/web/app/api/interactive/sessions/[id]/route.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI3C,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,UAAU,WAAW;IACnB,MAAM,EAAE,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjC;AAED,wBAAsB,MAAM,CAC1B,QAAQ,EAAE,WAAW,EACrB,EAAE,MAAM,EAAE,EAAE,WAAW,GACtB,OAAO,CAAC,YAAY,CAAC,CAqBvB;AAED,wBAAsB,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,CAmB/F"}

package/dist/src/presentation/web/app/api/interactive/sessions/[id]/route.js

@@ -0,0 +1,43 @@
+/**
+ * /api/interactive/sessions/[id]
+ *
+ * DELETE - Stop an active interactive session. Idempotent.
+ * GET    - Retrieve session record by ID.
+ */
+import { NextResponse } from 'next/server';
+import { resolve } from '../../../../../lib/server-container.js';
+export const dynamic = 'force-dynamic';
+export async function DELETE(_request, { params }) {
+    try {
+        const { id } = await params;
+        const service = resolve('IInteractiveSessionService');
+        // Verify session exists
+        const session = await service.getSession(id);
+        if (!session) {
+            return NextResponse.json({ error: 'Session not found' }, { status: 404 });
+        }
+        await service.stopSession(id);
+        return new NextResponse(null, { status: 204 });
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('[DELETE /api/interactive/sessions/:id]', error);
+        return NextResponse.json({ error: error instanceof Error ? error.message : 'Internal server error' }, { status: 500 });
+    }
+}
+export async function GET(_request, { params }) {
+    try {
+        const { id } = await params;
+        const service = resolve('IInteractiveSessionService');
+        const session = await service.getSession(id);
+        if (!session) {
+            return NextResponse.json({ error: 'Session not found' }, { status: 404 });
+        }
+        return NextResponse.json(session);
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('[GET /api/interactive/sessions/:id]', error);
+        return NextResponse.json({ error: error instanceof Error ? error.message : 'Internal server error' }, { status: 500 });
+    }
+}

package/dist/src/presentation/web/app/api/interactive/sessions/[id]/stream/route.d.ts

@@ -0,0 +1,19 @@
+/**
+ * GET /api/interactive/sessions/[id]/stream
+ *
+ * Per-session SSE stream delivering real-time agent stdout chunks to the browser.
+ * - Subscribes to InteractiveSessionService stdout events
+ * - Emits `delta` events with each token chunk
+ * - Emits `done` events at end-of-turn
+ * - Cleans up listener when the client disconnects
+ */
+import type { NextRequest } from 'next/server';
+export declare const dynamic = "force-dynamic";
+interface RouteParams {
+    params: Promise<{
+        id: string;
+    }>;
+}
+export declare function GET(request: NextRequest, { params }: RouteParams): Promise<Response>;
+export {};
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/interactive/sessions/[id]/stream/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/presentation/web/app/api/interactive/sessions/[id]/stream/route.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,UAAU,WAAW;IACnB,MAAM,EAAE,OAAO,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjC;AAED,wBAAsB,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,CAoF1F"}

package/dist/src/presentation/web/app/api/interactive/sessions/[id]/stream/route.js

@@ -0,0 +1,92 @@
+/**
+ * GET /api/interactive/sessions/[id]/stream
+ *
+ * Per-session SSE stream delivering real-time agent stdout chunks to the browser.
+ * - Subscribes to InteractiveSessionService stdout events
+ * - Emits `delta` events with each token chunk
+ * - Emits `done` events at end-of-turn
+ * - Cleans up listener when the client disconnects
+ */
+import { resolve } from '../../../../../../lib/server-container.js';
+export const dynamic = 'force-dynamic';
+export async function GET(request, { params }) {
+    const { id: sessionId } = await params;
+    try {
+        const service = resolve('IInteractiveSessionService');
+        // Verify session exists
+        const session = await service.getSession(sessionId);
+        if (!session) {
+            return new Response(JSON.stringify({ error: 'Session not found' }), {
+                status: 404,
+                headers: { 'Content-Type': 'application/json' },
+            });
+        }
+        const encoder = new TextEncoder();
+        const stream = new ReadableStream({
+            start(controller) {
+                let closed = false;
+                function enqueue(text) {
+                    if (closed)
+                        return;
+                    try {
+                        controller.enqueue(encoder.encode(text));
+                    }
+                    catch {
+                        // Stream may already be closed
+                    }
+                }
+                // Send initial comment so the browser knows the stream is alive
+                enqueue(': connected\n\n');
+                // Keep-alive heartbeat every 15s to prevent browser/proxy timeouts
+                const heartbeat = setInterval(() => {
+                    enqueue(': heartbeat\n\n');
+                }, 15_000);
+                // Subscribe to real-time stdout chunks from the session service
+                const unsubscribe = service.subscribe(sessionId, (chunk) => {
+                    if (chunk.done) {
+                        const payload = { done: true, sessionId };
+                        enqueue(`event: done\ndata: ${JSON.stringify(payload)}\n\n`);
+                    }
+                    else if (chunk.log) {
+                        const payload = { log: chunk.log, sessionId };
+                        enqueue(`event: log\ndata: ${JSON.stringify(payload)}\n\n`);
+                    }
+                    else if (chunk.delta) {
+                        const payload = { delta: chunk.delta, sessionId };
+                        enqueue(`event: delta\ndata: ${JSON.stringify(payload)}\n\n`);
+                    }
+                });
+                // Cleanup on client disconnect
+                function cleanup() {
+                    if (closed)
+                        return;
+                    closed = true;
+                    clearInterval(heartbeat);
+                    unsubscribe();
+                    try {
+                        controller.close();
+                    }
+                    catch {
+                        // Stream may already be closed
+                    }
+                }
+                request.signal.addEventListener('abort', cleanup, { once: true });
+            },
+        });
+        return new Response(stream, {
+            headers: {
+                'Content-Type': 'text/event-stream',
+                'Cache-Control': 'no-cache',
+                Connection: 'keep-alive',
+            },
+        });
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('[GET /api/interactive/sessions/:id/stream]', error);
+        return new Response(JSON.stringify({ error: String(error) }), {
+            status: 500,
+            headers: { 'Content-Type': 'application/json' },
+        });
+    }
+}

package/dist/src/presentation/web/app/api/interactive/sessions/route.d.ts

@@ -0,0 +1,12 @@
+/**
+ * POST /api/interactive/sessions
+ *
+ * Start a new interactive agent session for a feature.
+ * Returns 201 with { sessionId, status } on success.
+ * Returns 429 when the concurrent session cap is reached.
+ */
+import type { NextRequest } from 'next/server';
+import { NextResponse } from 'next/server';
+export declare const dynamic = "force-dynamic";
+export declare function POST(request: NextRequest): Promise<NextResponse>;
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/interactive/sessions/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/app/api/interactive/sessions/route.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,wBAAsB,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,CAsCtE"}

package/dist/src/presentation/web/app/api/interactive/sessions/route.js

@@ -0,0 +1,37 @@
+/**
+ * POST /api/interactive/sessions
+ *
+ * Start a new interactive agent session for a feature.
+ * Returns 201 with { sessionId, status } on success.
+ * Returns 429 when the concurrent session cap is reached.
+ */
+import { NextResponse } from 'next/server';
+import { resolve } from '../../../../lib/server-container.js';
+import { ConcurrentSessionLimitError } from '../../../../../../../packages/core/src/domain/errors/concurrent-session-limit.error.js';
+export const dynamic = 'force-dynamic';
+export async function POST(request) {
+    try {
+        const body = (await request.json());
+        const { featureId, worktreePath, agentType, model } = body;
+        if (!featureId || typeof featureId !== 'string') {
+            return NextResponse.json({ error: 'featureId is required' }, { status: 400 });
+        }
+        if (!worktreePath || typeof worktreePath !== 'string') {
+            return NextResponse.json({ error: 'worktreePath is required' }, { status: 400 });
+        }
+        const useCase = resolve('StartInteractiveSessionUseCase');
+        const session = await useCase.execute({ featureId, worktreePath, agentType, model });
+        return NextResponse.json({ sessionId: session.id, status: session.status }, { status: 201 });
+    }
+    catch (error) {
+        if (error instanceof ConcurrentSessionLimitError) {
+            return NextResponse.json({
+                error: error.message,
+                code: 'CONCURRENT_SESSION_LIMIT',
+            }, { status: 429 });
+        }
+        // eslint-disable-next-line no-console
+        console.error('[POST /api/interactive/sessions]', error);
+        return NextResponse.json({ error: error instanceof Error ? error.message : 'Internal server error' }, { status: 500 });
+    }
+}

package/dist/src/presentation/web/app/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2CAA2C,CAAC;AACnD,OAAO,eAAe,CAAC;AAMvB,sFAAsF;AACtF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,QAkBtB,CAAC;AAEF,wBAA8B,UAAU,CAAC,EACvC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,oDAsBD"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2CAA2C,CAAC;AACnD,OAAO,eAAe,CAAC;AAOvB,sFAAsF;AACtF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,QAkBtB,CAAC;AAEF,wBAA8B,UAAU,CAAC,EACvC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,oDAwBD"}

package/dist/src/presentation/web/app/layout.js

@@ -7,6 +7,7 @@ import { AppShell } from '../components/layouts/app-shell/index.js';
 import { Toaster } from '../components/ui/sonner.js';
 import { getFeatureFlags } from '../lib/feature-flags.js';
 import { FeatureFlagsProvider } from '../hooks/feature-flags-context.js';
+import { QueryProvider } from '../components/providers/query-provider.js';
 /** Force dynamic rendering for all pages since they depend on client-side context. */
 export const dynamic = 'force-dynamic';
 export const metadata = {
@@ -32,5 +33,5 @@ export default async function RootLayout({ children, }) {
     const sidebarOpen = cookieStore.get('shep-sidebar-open')?.value === 'true';
     return (_jsxs("html", { lang: "en", suppressHydrationWarning: true, children: [_jsx("head", { children: _jsx("script", { dangerouslySetInnerHTML: {
                         __html: `(function(){try{var d=document.documentElement,t=localStorage.getItem('shep-theme'),s=window.matchMedia('(prefers-color-scheme: dark)').matches;if(t==='dark'||(t==='system'&&s)||(!t&&s)){d.classList.add('dark')}}catch(e){}})();`,
-                    } }) }), _jsxs("body", { className: "min-h-screen antialiased", children: [_jsx(FeatureFlagsProvider, { flags: getFeatureFlags(), children: _jsx(AppShell, { sidebarOpen: sidebarOpen, children: children }) }), _jsx(Toaster, { position: "bottom-center" })] })] }));
+                    } }) }), _jsxs("body", { className: "min-h-screen antialiased", children: [_jsx(QueryProvider, { children: _jsx(FeatureFlagsProvider, { flags: getFeatureFlags(), children: _jsx(AppShell, { sidebarOpen: sidebarOpen, children: children }) }) }), _jsx(Toaster, { position: "bottom-center" })] })] }));
 }

package/dist/src/presentation/web/components/assistant-ui/thread.d.ts

@@ -0,0 +1,6 @@
+export declare function Thread({ className, statusBar, composer, }: {
+    className?: string;
+    statusBar?: React.ReactNode;
+    composer?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=thread.d.ts.map

package/dist/src/presentation/web/components/assistant-ui/thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/assistant-ui/thread.tsx"],"names":[],"mappings":"AAsFA,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,2CAoBA"}

package/dist/src/presentation/web/components/assistant-ui/thread.js

@@ -0,0 +1,192 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createPortal } from 'react-dom';
+import { ActionBarPrimitive, ComposerPrimitive, MessagePrimitive, ThreadPrimitive, useMessage, } from '@assistant-ui/react';
+import Markdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { cn } from '../../lib/utils.js';
+import { SendHorizontal, CircleStop, Copy, Paperclip, Bot, User, Maximize2, X, ChevronDown, ChevronUp, Loader2, } from 'lucide-react';
+// ── Markdown components for assistant messages ──────────────────────────────
+const markdownComponents = {
+    p: ({ children }) => _jsx("p", { className: "mb-2 leading-relaxed last:mb-0", children: children }),
+    strong: ({ children }) => _jsx("strong", { className: "font-semibold", children: children }),
+    em: ({ children }) => _jsx("em", { className: "italic", children: children }),
+    code: ({ children, className }) => className ? (_jsx("code", { className: `${className} text-[11px]`, children: children })) : (_jsx("code", { className: "bg-background/50 rounded-md px-1.5 py-0.5 font-mono text-xs", children: children })),
+    pre: ({ children }) => {
+        // Extract language and raw text from the nested <code> element
+        const codeEl = children;
+        const lang = codeEl?.props?.className?.replace('language-', '') ?? '';
+        const rawText = typeof codeEl?.props?.children === 'string' ? codeEl.props.children : '';
+        const isPreviewable = ['html', 'svg'].includes(lang) && rawText.length > 0;
+        if (isPreviewable) {
+            return _jsx(HtmlPreviewBlock, { code: rawText, language: lang });
+        }
+        return _jsx(CollapsibleCode, { language: lang, children: children });
+    },
+    ul: ({ children }) => _jsx("ul", { className: "mb-2 list-disc pl-4 last:mb-0", children: children }),
+    ol: ({ children }) => _jsx("ol", { className: "mb-2 list-decimal pl-4 last:mb-0", children: children }),
+    li: ({ children }) => _jsx("li", { className: "mb-0.5", children: children }),
+    h1: ({ children }) => _jsx("h1", { className: "mb-1 text-base font-bold", children: children }),
+    h2: ({ children }) => _jsx("h2", { className: "mb-1 text-sm font-bold", children: children }),
+    h3: ({ children }) => _jsx("h3", { className: "mb-1 text-sm font-semibold", children: children }),
+    a: ({ children, href }) => (_jsx("a", { href: href, className: "text-blue-500 underline", target: "_blank", rel: "noopener noreferrer", children: children })),
+    blockquote: ({ children }) => (_jsx("blockquote", { className: "border-muted-foreground/30 my-1 border-l-2 pl-3 italic opacity-80", children: children })),
+    table: ({ children }) => (_jsx("div", { className: "my-2 overflow-x-auto", children: _jsx("table", { className: "min-w-full border-collapse text-xs", children: children }) })),
+    thead: ({ children }) => _jsx("thead", { className: "bg-muted/50 border-b", children: children }),
+    th: ({ children }) => _jsx("th", { className: "px-2 py-1 text-left font-semibold", children: children }),
+    td: ({ children }) => _jsx("td", { className: "border-muted border-t px-2 py-1", children: children }),
+    tr: ({ children }) => _jsx("tr", { children: children }),
+    hr: () => _jsx("hr", { className: "border-border/40 my-3 border-t" }),
+};
+// ── Thread ──────────────────────────────────────────────────────────────────
+export function Thread({ className, statusBar, composer, }) {
+    return (_jsxs(ThreadPrimitive.Root, { className: cn('flex h-full flex-col', className), children: [_jsxs(ThreadPrimitive.Viewport, { className: "flex flex-1 flex-col overflow-y-auto pt-4", children: [_jsx(ThreadPrimitive.Empty, { children: _jsx(ThreadEmpty, {}) }), _jsx(ThreadPrimitive.Messages, { components: {
+                            UserMessage,
+                            AssistantMessage,
+                        } })] }), statusBar, composer ?? _jsx(Composer, {})] }));
+}
+// ── Empty state ─────────────────────────────────────────────────────────────
+function ThreadEmpty() {
+    return (_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 p-8 text-center", children: [_jsx(Bot, { className: "text-muted-foreground/40 h-10 w-10" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Send a message to start chatting with the agent." })] }));
+}
+// ── User message ────────────────────────────────────────────────────────────
+const UserMessage = () => {
+    return (_jsxs(MessagePrimitive.Root, { className: "group flex w-full items-start gap-2.5 px-4 py-0.5", children: [_jsx("div", { className: "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-violet-500/15", children: _jsx(User, { className: "h-3.5 w-3.5 text-violet-500" }) }), _jsxs("div", { className: "flex max-w-[85%] min-w-0 flex-col gap-0.5", children: [_jsx("div", { className: "text-foreground mt-px overflow-hidden rounded-2xl rounded-tl-sm border border-violet-500/15 bg-violet-500/8 px-4 py-2 text-sm leading-relaxed break-words shadow-sm backdrop-blur-md", children: _jsx(MessagePrimitive.Content, { components: { Text: UserMessageText } }) }), _jsxs("div", { className: "flex items-center gap-1.5 opacity-0 transition-opacity group-hover:opacity-100", children: [_jsx(MessageMeta, {}), _jsx(ActionBarPrimitive.Root, { className: "flex items-center gap-1", children: _jsx(ActionBarPrimitive.Copy, { asChild: true, children: _jsx(IconButton, { tooltip: "Copy", children: _jsx(Copy, {}) }) }) })] })] })] }));
+};
+function UserMessageText({ text }) {
+    return _jsx("span", { className: "whitespace-pre-wrap", children: text });
+}
+// ── Assistant message ───────────────────────────────────────────────────────
+const AssistantMessage = () => {
+    return (_jsxs(MessagePrimitive.Root, { className: "group flex w-full items-start gap-2.5 px-4 py-0.5", children: [_jsx("div", { className: "bg-muted flex h-6 w-6 shrink-0 items-center justify-center rounded-full", children: _jsx(Bot, { className: "text-muted-foreground h-3.5 w-3.5" }) }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx("div", { className: "bg-muted/50 text-foreground mt-px overflow-hidden rounded-2xl rounded-tl-sm border border-white/5 px-4 py-2 text-sm leading-relaxed break-words shadow-sm backdrop-blur-md", children: _jsx(MessagePrimitive.Content, { components: { Text: AssistantMessageText } }) }), _jsxs("div", { className: "flex items-center gap-1.5 opacity-0 transition-opacity group-hover:opacity-100", children: [_jsx(MessageMeta, {}), _jsx(ActionBarPrimitive.Root, { className: "flex items-center gap-1", children: _jsx(ActionBarPrimitive.Copy, { asChild: true, children: _jsx(IconButton, { tooltip: "Copy", children: _jsx(Copy, {}) }) }) })] })] })] }));
+};
+// ── Collapsible code block ───────────────────────────────────────────────
+const CODE_COLLAPSED_HEIGHT = 200; // px
+function CollapsibleCode({ children, language }) {
+    const [expanded, setExpanded] = useState(false);
+    const [needsCollapse, setNeedsCollapse] = useState(false);
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref.current && ref.current.scrollHeight > CODE_COLLAPSED_HEIGHT + 40) {
+            setNeedsCollapse(true);
+        }
+    }, [children]);
+    return (_jsxs("div", { className: "bg-background/50 relative my-2 overflow-hidden rounded-md", children: [language ? (_jsx("div", { className: "text-muted-foreground/50 border-b border-white/5 px-3 py-1 font-mono text-[10px] uppercase", children: language })) : null, _jsx("pre", { ref: ref, className: "overflow-x-auto p-3 font-mono text-xs leading-relaxed transition-[max-height] duration-300 ease-in-out", style: {
+                    maxHeight: expanded
+                        ? 'min(60vh, 500px)'
+                        : !needsCollapse
+                            ? 'min(60vh, 500px)'
+                            : `${CODE_COLLAPSED_HEIGHT}px`,
+                    overflow: expanded ? 'auto' : undefined,
+                }, children: children }), needsCollapse && !expanded ? (_jsx("div", { className: "absolute inset-x-0 bottom-0 flex items-end justify-center bg-gradient-to-t from-black/60 via-black/30 to-transparent pt-12 pb-3", children: _jsxs("button", { type: "button", onClick: () => setExpanded(true), className: "inline-flex items-center gap-1 rounded-full border border-white/10 bg-white/10 px-3 py-1 text-[11px] font-medium text-white/80 shadow-lg backdrop-blur-md transition-all hover:bg-white/20 hover:text-white", children: [_jsx(ChevronDown, { className: "h-3 w-3" }), "Show more"] }) })) : null, needsCollapse && expanded ? (_jsx("div", { className: "flex justify-center border-t border-white/5 py-1.5", children: _jsxs("button", { type: "button", onClick: () => setExpanded(false), className: "inline-flex items-center gap-1 rounded-full px-3 py-0.5 text-[11px] text-white/50 transition-colors hover:text-white/80", children: [_jsx(ChevronUp, { className: "h-3 w-3" }), "Show less"] }) })) : null] }));
+}
+// ── HTML preview block with code/preview toggle ─────────────────────────
+function HtmlPreviewBlock({ code, language }) {
+    const [showPreview, setShowPreview] = useState(false);
+    const [maximized, setMaximized] = useState(false);
+    const [fullscreenCode, setFullscreenCode] = useState(false);
+    const lines = code.split('\n').length;
+    const chars = code.length;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "bg-background/50 my-2 overflow-hidden rounded-md border", children: [_jsxs("div", { className: "flex items-center justify-between border-b px-3 py-1", children: [_jsx("span", { className: "text-muted-foreground font-mono text-xs uppercase", children: language }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => setShowPreview(false), className: cn('rounded px-2.5 py-0.5 text-xs font-medium transition-colors', !showPreview
+                                            ? 'bg-muted text-foreground'
+                                            : 'text-muted-foreground hover:text-foreground'), children: "Code" }), _jsx("button", { type: "button", onClick: () => setShowPreview(true), className: cn('rounded px-2.5 py-0.5 text-xs font-medium transition-colors', showPreview
+                                            ? 'bg-muted text-foreground'
+                                            : 'text-muted-foreground hover:text-foreground'), children: "Preview" }), _jsx("button", { type: "button", onClick: () => {
+                                            setFullscreenCode(!showPreview);
+                                            setMaximized(true);
+                                        }, className: "text-muted-foreground hover:text-foreground ml-1 rounded p-0.5 transition-colors", title: "Open fullscreen", children: _jsx(Maximize2, { className: "h-3 w-3" }) })] })] }), _jsx("div", { style: { height: 'min(55vh, 450px)' }, children: showPreview ? (_jsx("iframe", { srcDoc: code, sandbox: "allow-scripts", className: "h-full w-full border-0 bg-white", title: "HTML Preview" })) : (_jsx("pre", { className: "h-full overflow-auto p-3 font-mono text-xs leading-relaxed", children: _jsx("code", { children: code }) })) })] }), maximized && typeof document !== 'undefined'
+                ? createPortal(_jsx("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/70 backdrop-blur-sm", onClick: () => setMaximized(false), children: _jsxs("div", { className: "bg-background relative flex h-[95vh] w-[95vw] flex-col overflow-hidden rounded-xl border shadow-2xl", onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "bg-muted/80 flex h-12 shrink-0 items-center justify-between border-b px-5", children: [_jsxs("div", { className: "bg-muted flex items-center gap-0.5 rounded-lg p-1", children: [_jsx("button", { type: "button", onClick: () => setFullscreenCode(false), className: cn('rounded-md px-4 py-1.5 text-sm font-medium transition-all', !fullscreenCode
+                                                    ? 'bg-background text-foreground shadow-sm'
+                                                    : 'text-muted-foreground hover:text-foreground'), children: "Preview" }), _jsx("button", { type: "button", onClick: () => setFullscreenCode(true), className: cn('rounded-md px-4 py-1.5 text-sm font-medium transition-all', fullscreenCode
+                                                    ? 'bg-background text-foreground shadow-sm'
+                                                    : 'text-muted-foreground hover:text-foreground'), children: "Code" })] }), _jsxs("div", { className: "text-muted-foreground/60 flex items-center gap-4 text-xs", children: [_jsxs("span", { children: [lines, " lines"] }), _jsxs("span", { children: [chars.toLocaleString(), " chars"] }), _jsx("span", { className: "font-mono uppercase", children: language })] }), _jsx("button", { type: "button", onClick: () => setMaximized(false), className: "text-muted-foreground hover:bg-muted hover:text-foreground rounded-lg p-2 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] }), fullscreenCode ? (_jsx("pre", { className: "flex-1 overflow-auto p-4 font-mono text-xs leading-relaxed", children: _jsx("code", { children: code }) })) : (_jsx("iframe", { srcDoc: code, sandbox: "allow-scripts", className: "flex-1 border-0 bg-white dark:bg-neutral-900", title: "HTML Preview Fullscreen" }))] }) }), document.body)
+                : null] }));
+}
+const ACTIVITY_MARKER_RE = /^\*⏳ (.+)\*$/;
+function AssistantMessageText({ text }) {
+    if (text === '*Thinking...*' || text === '*Agent is waking up...*') {
+        return _jsx(ThinkingIndicator, { booting: text.includes('waking') });
+    }
+    // Live activity indicator (e.g. "Using tool: Bash", "Running: Read")
+    const activityMatch = ACTIVITY_MARKER_RE.exec(text);
+    if (activityMatch) {
+        return _jsx(ActivityIndicator, { label: activityMatch[1] });
+    }
+    return (_jsx(Markdown, { remarkPlugins: [remarkGfm], components: markdownComponents, children: text }));
+}
+function ActivityIndicator({ label }) {
+    return (_jsxs("span", { className: "text-muted-foreground inline-flex items-center gap-2 text-sm italic", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), _jsx("span", { children: label })] }));
+}
+// ── Thinking indicator with cycling words ────────────────────────────────
+const THINKING_WORDS = [
+    'Thinking',
+    'Reasoning',
+    'Analyzing',
+    'Processing',
+    'Evaluating',
+    'Considering',
+    'Reflecting',
+    'Pondering',
+];
+const BOOTING_WORDS = ['Waking up', 'Initializing', 'Loading tools', 'Preparing', 'Connecting'];
+import { useEffect, useRef, useState } from 'react';
+function ThinkingIndicator({ booting }) {
+    const words = booting ? BOOTING_WORDS : THINKING_WORDS;
+    const [index, setIndex] = useState(0);
+    const [fade, setFade] = useState(true);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setFade(false);
+            setTimeout(() => {
+                setIndex((i) => (i + 1) % words.length);
+                setFade(true);
+            }, 200);
+        }, 2000);
+        return () => clearInterval(interval);
+    }, [words]);
+    return (_jsxs("span", { className: "text-muted-foreground inline-flex w-32 items-center gap-1.5 text-sm italic", children: [_jsx("span", { className: "inline-block transition-all duration-300 ease-in-out", style: { opacity: fade ? 1 : 0, transform: fade ? 'translateY(0)' : 'translateY(-4px)' }, children: words[index] }), _jsxs("span", { className: "inline-flex gap-0.5", children: [_jsx("span", { className: "bg-muted-foreground/60 h-1 w-1 animate-bounce rounded-full", style: { animationDelay: '0ms' } }), _jsx("span", { className: "bg-muted-foreground/60 h-1 w-1 animate-bounce rounded-full", style: { animationDelay: '150ms' } }), _jsx("span", { className: "bg-muted-foreground/60 h-1 w-1 animate-bounce rounded-full", style: { animationDelay: '300ms' } })] })] }));
+}
+// ── Message metadata (timestamp + relative time) ────────────────────────────
+function MessageMeta() {
+    const message = useMessage();
+    const meta = useMemo(() => {
+        if (!message?.createdAt)
+            return null;
+        const date = new Date(message.createdAt);
+        if (isNaN(date.getTime()))
+            return null;
+        return {
+            time: date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
+            relative: formatRelativeTime(date),
+        };
+    }, [message?.createdAt]);
+    if (!meta)
+        return null;
+    return (_jsx("span", { className: "text-muted-foreground/60 text-[10px]", title: meta.time, children: meta.relative }));
+}
+function formatRelativeTime(date) {
+    const diff = Date.now() - date.getTime();
+    if (diff < 0 || diff < 5000)
+        return 'just now';
+    const seconds = Math.floor(diff / 1000);
+    if (seconds < 60)
+        return `${seconds}s ago`;
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    return date.toLocaleDateString();
+}
+// ── Icon button helper ──────────────────────────────────────────────────────
+import { forwardRef, useMemo } from 'react';
+const IconButton = forwardRef(({ tooltip, children, className, ...props }, ref) => (_jsx("button", { ref: ref, type: "button", title: tooltip, className: cn('text-muted-foreground hover:text-foreground hover:bg-muted inline-flex h-7 w-7 items-center justify-center rounded-md transition-colors', '[&>svg]:h-3.5 [&>svg]:w-3.5', className), ...props, children: children })));
+IconButton.displayName = 'IconButton';
+// ── Composer ────────────────────────────────────────────────────────────────
+function Composer() {
+    return (_jsxs(ComposerPrimitive.Root, { className: "flex items-end gap-2 border-t p-3", children: [_jsx(ComposerPrimitive.AddAttachment, { asChild: true, children: _jsx(IconButton, { tooltip: "Attach file", className: "mb-0.5", children: _jsx(Paperclip, {}) }) }), _jsx(ComposerPrimitive.Input, { rows: 1, autoFocus: true, placeholder: "Write a message...", className: cn('bg-muted min-h-[40px] flex-1 resize-none rounded-xl border-0 px-4 py-2.5 text-sm', 'focus:ring-ring/30 focus:ring-2 focus:outline-none', 'placeholder:text-muted-foreground/60', 'max-h-40 overflow-y-auto') }), _jsx(ComposerAction, {})] }));
+}
+function ComposerAction() {
+    return (_jsxs(_Fragment, { children: [_jsx(ThreadPrimitive.If, { running: false, children: _jsx(ComposerPrimitive.Send, { className: cn('bg-primary text-primary-foreground inline-flex h-[40px] w-[40px] shrink-0 items-center justify-center rounded-xl', 'hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-30', 'transition-colors'), children: _jsx(SendHorizontal, { className: "size-4" }) }) }), _jsx(ThreadPrimitive.If, { running: true, children: _jsx(ComposerPrimitive.Cancel, { className: cn('bg-destructive/10 text-destructive inline-flex h-[40px] w-[40px] shrink-0 items-center justify-center rounded-xl', 'hover:bg-destructive/20', 'transition-colors'), children: _jsx(CircleStop, { className: "size-4" }) }) })] }));
+}

package/dist/src/presentation/web/components/common/base-drawer/base-drawer.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import { type DeployActionInput } from '../../../hooks/use-deploy-action.js';
 declare const drawerVariants: (props?: ({
-    size?: "md" | "sm" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BaseDrawerProps extends VariantProps<typeof drawerVariants> {
     open: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"base-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/base-drawer/base-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAelE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGpF,QAAA,MAAM,cAAc;;8EAUlB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yGAAyG;IACzG,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,iBAAiB,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,KAAa,EACb,qBAA6B,EAC7B,KAAgB,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,aAAa,EAAE,MAAM,EACrB,YAAY,GACb,EAAE,eAAe,2CA0FjB"}
+{"version":3,"file":"base-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/base-drawer/base-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAelE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGpF,QAAA,MAAM,cAAc;;8EAWlB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yGAAyG;IACzG,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,iBAAiB,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,KAAa,EACb,qBAA6B,EAC7B,KAAgB,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,aAAa,EAAE,MAAM,EACrB,YAAY,GACb,EAAE,eAAe,2CA0FjB"}

package/dist/src/presentation/web/components/common/base-drawer/base-drawer.js

@@ -16,6 +16,7 @@ const drawerVariants = cva('', {
         size: {
             sm: 'w-96',
             md: 'w-2xl',
+            lg: 'w-[772px]',
         },
     },
     defaultVariants: {

package/dist/src/presentation/web/components/common/control-center-drawer/drawer-view.d.ts

@@ -3,7 +3,7 @@ import type { RepositoryNodeData } from '../../common/repository-node/index.js';
 import type { ParentFeatureOption } from '../../common/feature-create-drawer/feature-create-drawer.js';
 import type { WorkflowDefaults } from '../../../app/actions/get-workflow-defaults.js';
 /** Tab key matching FeatureDrawerTabs */
-export type FeatureTabKey = 'overview' | 'activity' | 'log' | 'plan' | 'prd-review' | 'tech-decisions' | 'product-decisions' | 'merge-review';
+export type FeatureTabKey = 'overview' | 'activity' | 'log' | 'plan' | 'prd-review' | 'tech-decisions' | 'product-decisions' | 'merge-review' | 'chat';
 /** All valid tab key values — used for URL param validation. */
 export declare const VALID_TAB_KEYS: ReadonlySet<string>;
 /** Type-guard: returns the value as FeatureTabKey if valid, otherwise undefined. */

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/drawer-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iEAAiE,CAAC;AAC3G,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,yCAAyC;AACzC,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,UAAU,GACV,KAAK,GACL,MAAM,GACN,YAAY,GACZ,gBAAgB,GAChB,mBAAmB,GACnB,cAAc,CAAC;AAEnB,gEAAgE;AAChE,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,MAAM,CAS7C,CAAC;AAEH,oFAAoF;AACpF,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAGvF;AAED;;;GAGG;AACH,MAAM,MAAM,UAAU;AACpB,qEAAqE;AACnE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,eAAe,CAAC;IAAC,UAAU,EAAE,aAAa,CAAA;CAAE;AACvE,4BAA4B;GAC1B;IACE,IAAI,EAAE,gBAAgB,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AACH,8BAA8B;GAC5B;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAErD,2DAA2D;AAC3D,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,CAOrE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,gBAAgB,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC5C,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;CAChD,GAAG,UAAU,GAAG,IAAI,CAoBpB"}
+{"version":3,"file":"drawer-view.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/drawer-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iEAAiE,CAAC;AAC3G,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,yCAAyC;AACzC,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,UAAU,GACV,KAAK,GACL,MAAM,GACN,YAAY,GACZ,gBAAgB,GAChB,mBAAmB,GACnB,cAAc,GACd,MAAM,CAAC;AAEX,gEAAgE;AAChE,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,MAAM,CAU7C,CAAC;AAEH,oFAAoF;AACpF,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAGvF;AAED;;;GAGG;AACH,MAAM,MAAM,UAAU;AACpB,qEAAqE;AACnE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,eAAe,CAAC;IAAC,UAAU,EAAE,aAAa,CAAA;CAAE;AACvE,4BAA4B;GAC1B;IACE,IAAI,EAAE,gBAAgB,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AACH,8BAA8B;GAC5B;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAErD,2DAA2D;AAC3D,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,CAOrE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,gBAAgB,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC5C,QAAQ,EAAE,mBAAmB,EAAE,CAAC;IAChC,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;CAChD,GAAG,UAAU,GAAG,IAAI,CAoBpB"}

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

@@ -8,6 +8,7 @@ export const VALID_TAB_KEYS = new Set([
     'tech-decisions',
     'product-decisions',
     'merge-review',
+    'chat',
 ]);
 /** Type-guard: returns the value as FeatureTabKey if valid, otherwise undefined. */
 export function parseTabKey(value) {

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

@@ -3,6 +3,8 @@ export interface FeatureDrawerClientProps {
     view: DrawerView;
     /** Tab key extracted from the URL path segment (e.g. /feature/[id]/activity → 'activity'). */
     urlTab?: FeatureTabKey;
+    /** When false, the Chat tab is hidden from the tab bar (FR-17). Defaults to true. */
+    interactiveAgentEnabled?: boolean;
 }
-export declare function FeatureDrawerClient({ view: initialView, urlTab }: FeatureDrawerClientProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeatureDrawerClient({ view: initialView, urlTab, interactiveAgentEnabled, }: FeatureDrawerClientProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=feature-drawer-client.d.ts.map