@shepai/cli 1.178.0 → 1.178.1-pr536.42a22c6

package/dist/src/presentation/web/components/common/application-node/application-node.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import type { ApplicationNodeData } from './application-node-config.js';
+declare const meta: Meta<ApplicationNodeData>;
+export default meta;
+type Story = StoryObj<ApplicationNodeData>;
+export declare const Default: Story;
+export declare const Active: Story;
+export declare const Error: Story;
+export declare const WithDeleteButton: Story;
+export declare const LongName: Story;
+export declare const Multiple: Story;
+//# sourceMappingURL=application-node.stories.d.ts.map

package/dist/src/presentation/web/components/common/application-node/application-node.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"application-node.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/application-node/application-node.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,EAAE,mBAAmB,EAAuB,MAAM,2BAA2B,CAAC;AAgC1F,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAcnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAqCF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC"}

package/dist/src/presentation/web/components/common/application-node/application-node.stories.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ReactFlowProvider, ReactFlow } from '@xyflow/react';
+import { ApplicationNode } from './application-node.js';
+const nodeTypes = { applicationNode: ApplicationNode };
+function ApplicationNodeCanvas({ data, style = { width: 550, height: 350 }, }) {
+    const nodes = useMemo(() => [{ id: 'node-1', type: 'applicationNode', position: { x: 0, y: 0 }, data }], [data]);
+    return (_jsx("div", { style: style, children: _jsx(ReactFlowProvider, { children: _jsx(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, nodesDraggable: false, nodesConnectable: false, proOptions: { hideAttribution: true }, fitView: true }) }) }));
+}
+const meta = {
+    title: 'Composed/ApplicationNode',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    args: {
+        id: 'app-1',
+        name: 'Dashboard App',
+        description: 'Main web dashboard for analytics',
+        status: 'Idle',
+        repositoryPath: '/home/user/dashboard-app',
+        additionalPathCount: 0,
+    },
+};
+export default meta;
+export const Default = {
+    render: (args) => _jsx(ApplicationNodeCanvas, { data: args }),
+};
+export const Active = {
+    args: {
+        status: 'Active',
+    },
+    render: (args) => _jsx(ApplicationNodeCanvas, { data: args }),
+};
+export const Error = {
+    args: {
+        status: 'Error',
+    },
+    render: (args) => _jsx(ApplicationNodeCanvas, { data: args }),
+};
+export const WithDeleteButton = {
+    args: {
+        id: 'app-abc-123',
+    },
+    argTypes: {
+        onDelete: { action: 'onDelete' },
+    },
+    render: (args) => _jsx(ApplicationNodeCanvas, { data: args, style: { width: 600, height: 350 } }),
+};
+export const LongName = {
+    args: {
+        name: 'A Very Long Application Name That Should Truncate Nicely In The Card Header',
+    },
+    render: (args) => _jsx(ApplicationNodeCanvas, { data: args }),
+};
+const multipleApps = [
+    {
+        id: 'app-1',
+        name: 'Dashboard App',
+        description: 'Main web dashboard for analytics',
+        status: 'Active',
+        repositoryPath: '/home/user/dashboard-app',
+        additionalPathCount: 0,
+    },
+    {
+        id: 'app-2',
+        name: 'Auth Service',
+        description: 'Authentication microservice',
+        status: 'Idle',
+        repositoryPath: '/home/user/auth-service',
+        additionalPathCount: 2,
+    },
+    {
+        id: 'app-3',
+        name: 'Payment Gateway',
+        description: 'Payment processing service',
+        status: 'Error',
+        repositoryPath: '/home/user/payment-gateway',
+        additionalPathCount: 0,
+    },
+    {
+        id: 'app-4',
+        name: 'Mobile API',
+        description: 'REST API for mobile clients',
+        status: 'Active',
+        repositoryPath: '/home/user/mobile-api',
+        additionalPathCount: 1,
+    },
+];
+export const Multiple = {
+    render: () => {
+        const nodes = multipleApps.map((data, i) => ({
+            id: `app-${i}`,
+            type: 'applicationNode',
+            position: { x: 0, y: i * 220 },
+            data,
+        }));
+        return (_jsx("div", { style: { width: 600, height: 950 }, children: _jsx(ReactFlowProvider, { children: _jsx(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, nodesDraggable: false, nodesConnectable: false, proOptions: { hideAttribution: true }, fitView: true }) }) }));
+    },
+};

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

@@ -1 +1 @@
-{"version":3,"file":"attachment-chip.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/attachment-chip/attachment-chip.tsx"],"names":[],"mappings":"AAeA,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;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAmBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,aAAa,GACd,EAAE,mBAAmB,2CAgIrB"}
+{"version":3,"file":"attachment-chip.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/attachment-chip/attachment-chip.tsx"],"names":[],"mappings":"AAeA,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;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAmBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,aAAa,GACd,EAAE,mBAAmB,2CAkIrB"}

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

@@ -31,7 +31,7 @@ export function AttachmentChip({ name, size, mimeType, path, onRemove, loading =
     }
     if (imageFile) {
         const thumbnail = (_jsxs("button", { type: "button", className: "relative block cursor-pointer rounded-md", children: [_jsx("img", { src: previewUrl(path, mimeType), alt: name, title: name, className: "h-12 w-12 rounded-md border object-cover transition-opacity hover:opacity-80" }), notes ? (_jsx("span", { className: "ring-background absolute -right-1 -bottom-1 flex h-4 w-4 items-center justify-center rounded-full bg-amber-500 text-white shadow-sm ring-2", children: _jsx(StickyNoteIcon, { className: "h-2.5 w-2.5" }) })) : null] }));
-        return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Dialog, { children: [_jsxs(Tooltip, { children: [_jsxs("div", { className: "group relative", children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DialogTrigger, { asChild: true, children: thumbnail }) }), !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" }) }))] }), notes ? (_jsx(TooltipContent, { side: "bottom", className: "max-w-[220px] border border-amber-200 bg-amber-50 text-amber-950 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-100", children: _jsx("p", { className: "line-clamp-3 text-xs leading-snug", children: notes }) })) : null] }), _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 flex-col gap-2 px-4 py-3", children: [_jsxs("div", { className: "flex items-center gap-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" }) })] }), onNotesChange ? (_jsx(Textarea, { placeholder: "Add notes about this image\u2026", value: notes ?? '', onChange: (e) => onNotesChange(e.target.value), rows: 2, className: "resize-none text-sm", "aria-label": "Image notes" })) : notes ? (_jsx("p", { className: "text-muted-foreground text-sm", children: notes })) : null] })] })] }) }));
+        return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Dialog, { children: [_jsxs(Tooltip, { children: [_jsxs("div", { className: "group relative", children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DialogTrigger, { asChild: true, children: thumbnail }) }), !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" }) }))] }), notes ? (_jsx(TooltipContent, { side: "top", sideOffset: 10, className: "z-[80] max-w-[220px]", children: _jsx("p", { className: "line-clamp-5 text-xs leading-snug whitespace-pre-wrap", children: notes }) })) : null] }), _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 flex-col gap-2 px-4 py-3", children: [_jsxs("div", { className: "flex items-center gap-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" }) })] }), onNotesChange ? (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Textarea, { placeholder: "Add notes about this image\u2026", value: notes ?? '', onChange: (e) => onNotesChange(e.target.value), rows: 2, className: "resize-none text-sm", "aria-label": "Image notes" }), notes?.trim() ? (_jsx("span", { className: "text-muted-foreground text-xs", children: "Auto-saved" })) : null] })) : notes ? (_jsx("p", { className: "text-muted-foreground text-sm whitespace-pre-wrap", children: notes })) : null] })] })] }) }));
     }
     return (_jsxs("div", { className: "group relative flex items-center gap-2 rounded-full border py-1 ps-2 pe-3", 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/features/application-page/application-page.d.ts

@@ -0,0 +1,8 @@
+import type { Application } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface ApplicationPageProps {
+    application: Application;
+    /** When provided, auto-sends this as the first chat message on mount. */
+    initialPrompt?: string;
+}
+export declare function ApplicationPage({ application, initialPrompt }: ApplicationPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=application-page.d.ts.map

package/dist/src/presentation/web/components/features/application-page/application-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"application-page.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/application-page.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAqB,MAAM,sCAAsC,CAAC;AAuH3F,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,oBAAoB,2CAiEnF"}

package/dist/src/presentation/web/components/features/application-page/application-page.js

@@ -0,0 +1,86 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { ArrowLeft, LayoutGrid } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+import { Button } from '../../ui/button.js';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui/tabs.js';
+import { ChatTab } from '../../features/chat/ChatTab.js';
+/* ------------------------------------------------------------------ */
+/*  Status badge                                                       */
+/* ------------------------------------------------------------------ */
+const STATUS_DOT_CLASS = {
+    Idle: 'bg-muted-foreground/40',
+    Active: 'bg-green-500',
+    Error: 'bg-red-500',
+};
+function StatusBadge({ status }) {
+    return (_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium", children: [_jsx("span", { className: cn('h-2 w-2 rounded-full', STATUS_DOT_CLASS[status]) }), status] }));
+}
+/* ------------------------------------------------------------------ */
+/*  Resizable split panel                                              */
+/* ------------------------------------------------------------------ */
+const MIN_LEFT_PX = 400;
+const MIN_RIGHT_PX = 400;
+const INITIAL_LEFT_FRACTION = 0.4;
+function ResizableSplit({ left, right }) {
+    const containerRef = useRef(null);
+    const [leftFraction, setLeftFraction] = useState(INITIAL_LEFT_FRACTION);
+    const dragging = useRef(false);
+    const onPointerDown = useCallback((e) => {
+        e.preventDefault();
+        dragging.current = true;
+        const target = e.currentTarget;
+        target.setPointerCapture(e.pointerId);
+    }, []);
+    const onPointerMove = useCallback((e) => {
+        if (!dragging.current || !containerRef.current)
+            return;
+        const rect = containerRef.current.getBoundingClientRect();
+        const totalWidth = rect.width;
+        const x = e.clientX - rect.left;
+        const clampedX = Math.max(MIN_LEFT_PX, Math.min(x, totalWidth - MIN_RIGHT_PX));
+        setLeftFraction(clampedX / totalWidth);
+    }, []);
+    const onPointerUp = useCallback(() => {
+        dragging.current = false;
+    }, []);
+    return (_jsxs("div", { ref: containerRef, className: "flex min-h-0 flex-1", children: [_jsx("div", { className: "min-h-0 overflow-auto", style: { flexBasis: `${leftFraction * 100}%`, flexShrink: 0 }, children: left }), _jsx("div", { role: "separator", "aria-orientation": "vertical", className: "hover:bg-muted/60 active:bg-muted flex w-1.5 shrink-0 cursor-col-resize items-center justify-center", onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, children: _jsx("div", { className: "bg-border h-8 w-0.5 rounded-full" }) }), _jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: right })] }));
+}
+/* ------------------------------------------------------------------ */
+/*  View selector (right panel)                                        */
+/* ------------------------------------------------------------------ */
+function ViewSelector() {
+    return (_jsxs(Tabs, { defaultValue: "ide", className: "flex h-full flex-col", children: [_jsx("div", { className: "border-b px-4 py-2", children: _jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "ide", children: "IDE" }), _jsx(TabsTrigger, { value: "terminal", children: "Terminal" }), _jsx(TabsTrigger, { value: "web", children: "Web" })] }) }), _jsx(TabsContent, { value: "ide", className: "flex flex-1 items-center justify-center", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "IDE view coming soon" }) }), _jsx(TabsContent, { value: "terminal", className: "flex flex-1 items-center justify-center", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Terminal coming soon" }) }), _jsx(TabsContent, { value: "web", className: "flex flex-1 items-center justify-center", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Web preview coming soon" }) })] }));
+}
+export function ApplicationPage({ application, initialPrompt }) {
+    const router = useRouter();
+    const [promptSent, setPromptSent] = useState(false);
+    // Auto-send the initial prompt as the first chat message
+    useEffect(() => {
+        if (!initialPrompt || promptSent)
+            return;
+        setPromptSent(true);
+        // Small delay to let the ChatTab mount and initialize
+        const timer = setTimeout(async () => {
+            try {
+                await fetch(`/api/interactive/chat/app-${application.id}/messages`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        content: initialPrompt,
+                        worktreePath: application.repositoryPath,
+                        model: application.modelOverride,
+                        agentType: application.agentType,
+                    }),
+                });
+            }
+            catch {
+                // Chat component will handle retries
+            }
+        }, 500);
+        return () => clearTimeout(timer);
+    }, [initialPrompt, promptSent, application]);
+    return (_jsxs("div", { className: "bg-background flex h-dvh flex-col", children: [_jsxs("header", { className: "bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-10 flex items-center gap-3 border-b px-4 py-3 backdrop-blur", children: [_jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Back to canvas", onClick: () => router.push('/'), children: _jsx(ArrowLeft, { className: "h-4 w-4" }) }), _jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-indigo-500 to-violet-500", children: _jsx(LayoutGrid, { className: "h-4 w-4 text-white" }) }), _jsx("h1", { className: "min-w-0 truncate text-lg font-bold", children: application.name }), _jsx(StatusBadge, { status: application.status })] }), _jsx(ResizableSplit, { left: _jsx(ChatTab, { featureId: `app-${application.id}`, worktreePath: application.repositoryPath, initialAgent: application.agentType, initialModel: application.modelOverride }), right: _jsx(ViewSelector, {}) })] }));
+}

package/dist/src/presentation/web/components/features/application-page/application-page.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ApplicationPage } from './application-page.js';
+declare const meta: Meta<typeof ApplicationPage>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Active: Story;
+export declare const ErrorState: Story;
+//# sourceMappingURL=application-page.stories.d.ts.map

package/dist/src/presentation/web/components/features/application-page/application-page.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"application-page.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/application-page.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAgBrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAOtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC"}

package/dist/src/presentation/web/components/features/application-page/application-page.stories.js

@@ -0,0 +1,51 @@
+import { ApplicationPage } from './application-page.js';
+import { ApplicationStatus } from '../../../../../../packages/core/src/domain/generated/output.js';
+const baseApp = {
+    id: 'app-001',
+    name: 'My Todo App',
+    slug: 'my-todo-app',
+    description: 'A full-stack todo application with authentication and real-time sync',
+    repositoryPath: '/home/user/projects/my-todo-app',
+    additionalPaths: [],
+    status: ApplicationStatus.Idle,
+    createdAt: new Date().toISOString(),
+    updatedAt: new Date().toISOString(),
+};
+const meta = {
+    title: 'Features/ApplicationPage',
+    component: ApplicationPage,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        application: baseApp,
+    },
+};
+export const Active = {
+    args: {
+        application: {
+            ...baseApp,
+            id: 'app-002',
+            name: 'E-Commerce Dashboard',
+            slug: 'e-commerce-dashboard',
+            description: 'Admin dashboard for managing products and orders',
+            status: ApplicationStatus.Active,
+        },
+    },
+};
+export const ErrorState = {
+    args: {
+        application: {
+            ...baseApp,
+            id: 'app-003',
+            name: 'Weather API Service',
+            slug: 'weather-api-service',
+            description: 'Microservice for fetching and caching weather data',
+            status: ApplicationStatus.Error,
+        },
+    },
+};

package/dist/src/presentation/web/components/features/chat/ChatSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSheet.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/chat/ChatSheet.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,eAAe,4CA4Y9B"}
+{"version":3,"file":"ChatSheet.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/chat/ChatSheet.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,eAAe,4CA+Y9B"}

package/dist/src/presentation/web/components/features/chat/ChatSheet.js

@@ -10,6 +10,7 @@ import { ChatDotIndicator } from './ChatDotIndicator.js';
 import { useTurnStatus } from '../../../hooks/turn-statuses-provider.js';
 import { useFabLayout } from '../../../hooks/fab-layout-context.js';
 import { useSidebar } from '../../ui/sidebar.js';
+import { useSidebarFeaturesContext } from '../../../hooks/sidebar-features-context.js';
 // ── Persistent global chat popup (draggable + resizable) ──────────────────
 const DEFAULT_W = 520;
 const DEFAULT_H_VH = 70; // percentage of viewport height
@@ -52,6 +53,7 @@ export function GlobalChatPopup() {
     const globalChatTurnStatus = useTurnStatus('global');
     const { swapPosition } = useFabLayout();
     const { state: sidebarState } = useSidebar();
+    const { hasRepositories } = useSidebarFeaturesContext();
     // Position/size — initialized from localStorage
     // eslint-disable-next-line react/hook-use-state -- wrapped setters below
     const [pos, setPosRaw] = useState(() => loadPersistedState().pos);
@@ -259,11 +261,11 @@ export function GlobalChatPopup() {
                             };
                             document.addEventListener('mousemove', onMove);
                             document.addEventListener('mouseup', onUp);
-                        }, className: "absolute end-0 bottom-0 z-10 h-4 w-4 cursor-se-resize" })) : null] })) : null, _jsxs(ChatFabWrapper, { swapPosition: swapPosition, sidebarState: sidebarState, isMaximized: isMaximized, children: [_jsxs(Button, { size: "icon", onClick: toggle, className: cn('relative h-14 w-14 rounded-full shadow-lg', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95', isOpen
+                        }, className: "absolute end-0 bottom-0 z-10 h-4 w-4 cursor-se-resize" })) : null] })) : null, !hasRepositories ? null : (_jsxs(ChatFabWrapper, { swapPosition: swapPosition, sidebarState: sidebarState, isMaximized: isMaximized, children: [_jsxs(Button, { size: "icon", onClick: toggle, className: cn('relative h-14 w-14 rounded-full shadow-lg', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95', isOpen
                             ? 'bg-violet-600 text-white hover:bg-violet-500'
                             : 'bg-violet-500 text-white hover:bg-violet-400 dark:bg-violet-500 dark:hover:bg-violet-400', 
                         // Animated states when chat is closed
-                        !isOpen && globalChatTurnStatus === 'processing' && 'chat-fab-spinning', !isOpen && globalChatTurnStatus === 'unread' && 'chat-fab-glow-unread', !isOpen && globalChatTurnStatus === 'awaiting_input' && 'chat-fab-glow-awaiting'), children: [_jsx(MessageSquare, { className: cn('absolute h-7 w-7 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-0 rotate-90 opacity-0' : 'scale-100 rotate-0 opacity-100') }), _jsx(X, { className: cn('absolute h-6 w-6 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0') }), !isOpen && _jsx(ChatDotIndicator, { status: globalChatTurnStatus, className: "end-0 top-0" })] }), _jsx("div", { className: "pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 -translate-x-1/2 translate-y-1 opacity-0 transition-all duration-200 group-hover/fab:translate-y-0 group-hover/fab:opacity-100", children: _jsxs("div", { className: "bg-foreground rounded-lg px-3 py-1.5 text-center shadow-lg", children: [_jsx("p", { className: "text-background text-xs font-medium whitespace-nowrap", children: t('chat.shepChat') }), _jsxs("p", { className: "text-background/50 mt-0.5 flex items-center justify-center gap-1 text-[10px]", children: [_jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u2318" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u21E7" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "K" })] })] }) })] })] }));
+                        !isOpen && globalChatTurnStatus === 'processing' && 'chat-fab-spinning', !isOpen && globalChatTurnStatus === 'unread' && 'chat-fab-glow-unread', !isOpen && globalChatTurnStatus === 'awaiting_input' && 'chat-fab-glow-awaiting'), children: [_jsx(MessageSquare, { className: cn('absolute h-7 w-7 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-0 rotate-90 opacity-0' : 'scale-100 rotate-0 opacity-100') }), _jsx(X, { className: cn('absolute h-6 w-6 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0') }), !isOpen && _jsx(ChatDotIndicator, { status: globalChatTurnStatus, className: "end-0 top-0" })] }), _jsx("div", { className: "pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 -translate-x-1/2 translate-y-1 opacity-0 transition-all duration-200 group-hover/fab:translate-y-0 group-hover/fab:opacity-100", children: _jsxs("div", { className: "bg-foreground rounded-lg px-3 py-1.5 text-center shadow-lg", children: [_jsx("p", { className: "text-background text-xs font-medium whitespace-nowrap", children: t('chat.shepChat') }), _jsxs("p", { className: "text-background/50 mt-0.5 flex items-center justify-center gap-1 text-[10px]", children: [_jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u2318" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u21E7" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "K" })] })] }) })] }))] }));
 }
 /** Wrapper for the Chat FAB that handles position swapping. */
 function ChatFabWrapper({ swapPosition, sidebarState, isMaximized, children, }) {

package/dist/src/presentation/web/components/features/chat/ChatTab.d.ts

@@ -1,6 +1,10 @@
 export interface ChatTabProps {
     featureId: string;
     worktreePath?: string;
+    /** Seed the agent override (e.g. from an Application's agentType) */
+    initialAgent?: string;
+    /** Seed the model override (e.g. from an Application's modelOverride) */
+    initialModel?: string;
 }
-export declare function ChatTab({ featureId, worktreePath }: ChatTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatTab({ featureId, worktreePath, initialAgent, initialModel }: ChatTabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatTab.d.ts.map

package/dist/src/presentation/web/components/features/chat/ChatTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatTab.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/chat/ChatTab.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAID,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,YAAY,2CAsHhE"}
+{"version":3,"file":"ChatTab.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/chat/ChatTab.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAID,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,YAAY,2CAsH5F"}

package/dist/src/presentation/web/components/features/chat/ChatTab.js

@@ -13,9 +13,9 @@ import { useChatRuntime } from './useChatRuntime.js';
 import { ChatComposer } from './ChatComposer.js';
 import { InteractionBubble } from './InteractionBubble.js';
 const IS_DEV = process.env.NODE_ENV === 'development';
-export function ChatTab({ featureId, worktreePath }) {
-    const [overrideAgent, setOverrideAgent] = useState(undefined);
-    const [overrideModel, setOverrideModel] = useState(undefined);
+export function ChatTab({ featureId, worktreePath, initialAgent, initialModel }) {
+    const [overrideAgent, setOverrideAgent] = useState(initialAgent);
+    const [overrideModel, setOverrideModel] = useState(initialModel);
     const [debugMode, setDebugMode] = useState(false);
     const att = useAttachments();
     const contentTransform = useCallback((content) => composeUserInput(content, att.completedAttachments.map((a) => ({ path: a.path, name: a.name, notes: a.notes }))), [att.completedAttachments]);

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.d.ts

@@ -1,6 +1,8 @@
 export interface ControlCenterEmptyStateProps {
     onRepositorySelect?: (path: string) => void;
+    onApplicationCreated?: (applicationId: string, initialPrompt: string) => void;
+    onClose?: () => void;
     className?: string;
 }
-export declare function ControlCenterEmptyState({ onRepositorySelect, className, }: ControlCenterEmptyStateProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ControlCenterEmptyState({ onRepositorySelect, onApplicationCreated, onClose, className, }: ControlCenterEmptyStateProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=control-center-empty-state.d.ts.map

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-center-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-empty-state.tsx"],"names":[],"mappings":"AA4BA,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,uBAAuB,CAAC,EACtC,kBAAkB,EAClB,SAAS,GACV,EAAE,4BAA4B,kDAsN9B"}
+{"version":3,"file":"control-center-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-empty-state.tsx"],"names":[],"mappings":"AA8EA,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,kBAAkB,EAClB,oBAAoB,EACpB,OAAO,EACP,SAAS,GACV,EAAE,4BAA4B,2CAoX9B"}