@shepai/cli 1.20.1 → 1.22.0

package/dist/src/presentation/cli/ui/messages.d.ts

@@ -4,7 +4,7 @@
  * Pre-styled message output functions for consistent CLI feedback.
  *
  * @example
- * import { messages } from './messages';
+ * import { messages } from './messages.js';
  * messages.success('Repository initialized');
  * messages.error('Failed to connect', new Error('timeout'));
  */

package/dist/src/presentation/cli/ui/messages.js

@@ -4,7 +4,7 @@
  * Pre-styled message output functions for consistent CLI feedback.
  *
  * @example
- * import { messages } from './messages';
+ * import { messages } from './messages.js';
  * messages.success('Repository initialized');
  * messages.error('Failed to connect', new Error('timeout'));
  */

package/dist/src/presentation/cli/ui/spinner.d.ts

@@ -5,7 +5,7 @@
  * Uses the braille spinner frames from the symbols module.
  *
  * @example
- * import { spinner } from './spinner';
+ * import { spinner } from './spinner.js';
  * const result = await spinner('Thinking', async () => {
  *   return await someAsyncWork();
  * });

package/dist/src/presentation/cli/ui/spinner.js

@@ -5,7 +5,7 @@
  * Uses the braille spinner frames from the symbols module.
  *
  * @example
- * import { spinner } from './spinner';
+ * import { spinner } from './spinner.js';
  * const result = await spinner('Thinking', async () => {
  *   return await someAsyncWork();
  * });

package/dist/src/presentation/cli/ui/symbols.d.ts

@@ -5,7 +5,7 @@
  * Includes ASCII fallbacks for non-UTF8 terminals.
  *
  * @example
- * import { symbols } from './symbols';
+ * import { symbols } from './symbols.js';
  * console.log(`${symbols.success} Done!`);
  */
 /**

package/dist/src/presentation/cli/ui/symbols.js

@@ -5,7 +5,7 @@
  * Includes ASCII fallbacks for non-UTF8 terminals.
  *
  * @example
- * import { symbols } from './symbols';
+ * import { symbols } from './symbols.js';
  * console.log(`${symbols.success} Done!`);
  */
 /**

package/dist/src/presentation/tui/prompts/agent-select.prompt.d.ts

@@ -4,7 +4,7 @@
  * Configuration for the @inquirer/select prompt that lets users
  * choose their AI coding agent.
  */
-import { AgentType } from '../../../domain/generated/output.js';
+import { AgentType } from '../../../../packages/core/src/domain/generated/output.js';
 /**
  * Creates the @inquirer/select configuration for selecting an AI coding agent.
  *

package/dist/src/presentation/tui/prompts/agent-select.prompt.js

@@ -4,7 +4,7 @@
  * Configuration for the @inquirer/select prompt that lets users
  * choose their AI coding agent.
  */
-import { AgentType } from '../../../domain/generated/output.js';
+import { AgentType } from '../../../../packages/core/src/domain/generated/output.js';
 import { shepTheme } from '../themes/shep.theme.js';
 /**
  * Creates the @inquirer/select configuration for selecting an AI coding agent.

package/dist/src/presentation/tui/prompts/auth-method.prompt.d.ts

@@ -4,7 +4,7 @@
  * Configuration for the @inquirer/select prompt that lets users
  * choose their authentication method for the selected agent.
  */
-import { AgentAuthMethod } from '../../../domain/generated/output.js';
+import { AgentAuthMethod } from '../../../../packages/core/src/domain/generated/output.js';
 /**
  * Creates the @inquirer/select configuration for selecting an authentication method.
  *

package/dist/src/presentation/tui/prompts/auth-method.prompt.js

@@ -4,7 +4,7 @@
  * Configuration for the @inquirer/select prompt that lets users
  * choose their authentication method for the selected agent.
  */
-import { AgentAuthMethod } from '../../../domain/generated/output.js';
+import { AgentAuthMethod } from '../../../../packages/core/src/domain/generated/output.js';
 import { shepTheme } from '../themes/shep.theme.js';
 /**
  * Creates the @inquirer/select configuration for selecting an authentication method.

package/dist/src/presentation/tui/prompts/ide-select.prompt.d.ts

@@ -4,7 +4,7 @@
  * Configuration for the @inquirer/select prompt that lets users
  * choose their preferred IDE/editor.
  */
-import { EditorType } from '../../../domain/generated/output.js';
+import { EditorType } from '../../../../packages/core/src/domain/generated/output.js';
 /**
  * Creates the @inquirer/select configuration for selecting a preferred IDE.
  */

package/dist/src/presentation/tui/prompts/ide-select.prompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ide-select.prompt.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/tui/prompts/ide-select.prompt.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAGjE;;GAEG;AACH,wBAAgB,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCpC"}
+{"version":3,"file":"ide-select.prompt.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/tui/prompts/ide-select.prompt.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG1D;;GAEG;AACH,wBAAgB,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCpC"}

package/dist/src/presentation/tui/prompts/ide-select.prompt.js

@@ -4,7 +4,7 @@
  * Configuration for the @inquirer/select prompt that lets users
  * choose their preferred IDE/editor.
  */
-import { EditorType } from '../../../domain/generated/output.js';
+import { EditorType } from '../../../../packages/core/src/domain/generated/output.js';
 import { shepTheme } from '../themes/shep.theme.js';
 /**
  * Creates the @inquirer/select configuration for selecting a preferred IDE.

package/dist/src/presentation/tui/wizards/agent-config.wizard.d.ts

@@ -4,7 +4,7 @@
  * Interactive TUI wizard that guides users through selecting
  * an AI coding agent and configuring authentication.
  */
-import { AgentAuthMethod, type AgentType } from '../../../domain/generated/output.js';
+import { AgentAuthMethod, type AgentType } from '../../../../packages/core/src/domain/generated/output.js';
 /**
  * Result returned by the agent configuration wizard.
  */

package/dist/src/presentation/tui/wizards/agent-config.wizard.js

@@ -5,7 +5,7 @@
  * an AI coding agent and configuring authentication.
  */
 import { select, password } from '@inquirer/prompts';
-import { AgentAuthMethod } from '../../../domain/generated/output.js';
+import { AgentAuthMethod } from '../../../../packages/core/src/domain/generated/output.js';
 import { createAgentSelectConfig } from '../prompts/agent-select.prompt.js';
 import { createAuthMethodConfig } from '../prompts/auth-method.prompt.js';
 import { shepTheme } from '../themes/shep.theme.js';

package/dist/src/presentation/web/app/api/dialog/pick-folder/route.d.ts

@@ -0,0 +1,11 @@
+import { NextResponse } from 'next/server';
+export declare function POST(): Promise<NextResponse<{
+    path: null;
+    cancelled: boolean;
+}> | NextResponse<{
+    path: string;
+    cancelled: boolean;
+}> | NextResponse<{
+    error: string;
+}>>;
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/dialog/pick-folder/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/app/api/dialog/pick-folder/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,wBAAsB,IAAI;;;;;;;;IAezB"}

package/dist/src/presentation/web/app/api/dialog/pick-folder/route.js

@@ -0,0 +1,16 @@
+import { NextResponse } from 'next/server';
+import { FolderDialogService } from '../../../../../../../packages/core/src/infrastructure/services/folder-dialog.service.js';
+export async function POST() {
+    const service = new FolderDialogService();
+    try {
+        const path = service.pickFolder();
+        if (path === null) {
+            return NextResponse.json({ path: null, cancelled: true });
+        }
+        return NextResponse.json({ path, cancelled: false });
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : 'Failed to open folder dialog';
+        return NextResponse.json({ error: message }, { status: 500 });
+    }
+}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './globals.css';
-import { AppShell } from '../components/layouts/app-shell';
+import { AppShell } from '../components/layouts/app-shell/index.js';
 export const metadata = {
     title: 'Shep AI',
     description: 'Autonomous AI Native SDLC Platform - Automate the development cycle from idea to deploy',

package/dist/src/presentation/web/app/page.d.ts

@@ -1,2 +1,2 @@
-export default function HomePage(): import("react/jsx-runtime").JSX.Element;
+export default function HomePage(): Promise<import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=page.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/page.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAe/B"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/page.tsx"],"names":[],"mappings":"AAqBA,wBAA8B,QAAQ,qDA2ErC"}

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

@@ -1,6 +1,73 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from 'next/link';
-import { Button } from '../components/ui/button';
-export default function HomePage() {
-    return (_jsx("div", { className: "flex flex-col items-center justify-center p-4", children: _jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-4xl font-bold tracking-tight", children: "Shep AI" }), _jsx("p", { className: "text-muted-foreground mt-4 text-lg", children: "Autonomous AI Native SDLC Platform" }), _jsx("p", { className: "text-muted-foreground mt-2 text-sm", children: "Web UI Component Library" }), _jsx("div", { className: "mt-6", children: _jsx(Button, { asChild: true, variant: "outline", children: _jsx(Link, { href: "/version", children: "View Version" }) }) })] }) }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ControlCenter } from '../components/features/control-center/index.js';
+import { getFeatures, getAgentRun } from '../lib/use-cases.js';
+import { layoutWithDagre } from '../lib/layout-with-dagre.js';
+import { deriveNodeState, deriveProgress, } from '../components/common/feature-node/derive-feature-state.js';
+/** Map domain SdlcLifecycle enum values to UI FeatureLifecyclePhase (1:1). */
+const lifecycleMap = {
+    Requirements: 'requirements',
+    Research: 'research',
+    Implementation: 'implementation',
+    Review: 'review',
+    'Deploy & QA': 'deploy',
+    Maintain: 'maintain',
+};
+export default async function HomePage() {
+    const features = await getFeatures();
+    // Load agent runs for all features in parallel (mirrors CLI feat ls)
+    const agentRuns = await Promise.all(features.map((f) => (f.agentRunId ? getAgentRun(f.agentRunId) : Promise.resolve(null))));
+    // Group features by repository path
+    const featuresByRepo = {};
+    features.forEach((f, i) => {
+        const repoKey = f.repositoryPath;
+        if (!featuresByRepo[repoKey]) {
+            featuresByRepo[repoKey] = [];
+        }
+        featuresByRepo[repoKey].push({ index: i, feature: f });
+    });
+    const nodes = [];
+    const edges = [];
+    Object.entries(featuresByRepo).forEach(([repoPath, repoFeatures]) => {
+        const repoNodeId = `repo-${repoPath}`;
+        const repoName = repoPath.split('/').pop() ?? repoPath;
+        nodes.push({
+            id: repoNodeId,
+            type: 'repositoryNode',
+            position: { x: 0, y: 0 },
+            data: { name: repoName },
+        });
+        repoFeatures.forEach(({ index, feature }) => {
+            const run = agentRuns[index];
+            const lifecycle = lifecycleMap[feature.lifecycle] ?? 'requirements';
+            const nodeData = {
+                name: feature.name,
+                description: feature.description ?? feature.slug,
+                featureId: feature.id,
+                lifecycle,
+                state: deriveNodeState(feature, run),
+                progress: deriveProgress(feature),
+                ...(run?.agentType && { agentType: run.agentType }),
+            };
+            const featureNodeId = `feat-${feature.id}`;
+            nodes.push({
+                id: featureNodeId,
+                type: 'featureNode',
+                position: { x: 0, y: 0 },
+                data: nodeData,
+            });
+            edges.push({
+                id: `edge-${repoNodeId}-${featureNodeId}`,
+                source: repoNodeId,
+                target: featureNodeId,
+                style: { strokeDasharray: '5 5' },
+            });
+        });
+    });
+    // Use dagre LR layout for compact, automatic positioning
+    const laid = layoutWithDagre(nodes, edges, {
+        direction: 'LR',
+        ranksep: 60,
+        nodesep: 20,
+    });
+    return (_jsx("div", { className: "h-screen w-full", children: _jsx(ControlCenter, { initialNodes: laid.nodes, initialEdges: laid.edges }) }));
 }

package/dist/src/presentation/web/app/version/page.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getVersionInfo, getSystemInfo } from '../../lib/version';
-import VersionPageClient from '../../components/features/version/version-page-client';
+import { getVersionInfo, getSystemInfo } from '../../lib/version.js';
+import VersionPageClient from '../../components/features/version/version-page-client.js';
 export default function VersionPage() {
     const versionInfo = getVersionInfo();
     const systemInfo = getSystemInfo();

package/dist/src/presentation/web/components/common/add-repository-node/add-repository-node-config.d.ts

@@ -0,0 +1,7 @@
+import type { Node } from '@xyflow/react';
+export interface AddRepositoryNodeData {
+    [key: string]: unknown;
+    onSelect?: (path: string) => void;
+}
+export type AddRepositoryNodeType = Node<AddRepositoryNodeData, 'addRepositoryNode'>;
+//# sourceMappingURL=add-repository-node-config.d.ts.map

package/dist/src/presentation/web/components/common/add-repository-node/add-repository-node-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-repository-node-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/add-repository-node/add-repository-node-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,qBAAqB;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAAC"}

package/dist/src/presentation/web/components/common/add-repository-node/add-repository-node-config.js

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

package/dist/src/presentation/web/components/common/add-repository-node/add-repository-node.d.ts

@@ -0,0 +1,6 @@
+import type { AddRepositoryNodeData } from './add-repository-node-config.js';
+export declare function AddRepositoryNode({ data, }: {
+    data: AddRepositoryNodeData;
+    [key: string]: unknown;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=add-repository-node.d.ts.map

package/dist/src/presentation/web/components/common/add-repository-node/add-repository-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/add-repository-node/add-repository-node.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG1E,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,GACL,EAAE;IACD,IAAI,EAAE,qBAAqB,CAAC;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,2CAoCA"}

package/dist/src/presentation/web/components/common/add-repository-node/add-repository-node.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Plus, Loader2 } from 'lucide-react';
+import { pickFolder } from './pick-folder.js';
+export function AddRepositoryNode({ data, }) {
+    const [loading, setLoading] = useState(false);
+    async function handleClick() {
+        if (loading)
+            return;
+        setLoading(true);
+        try {
+            const path = await pickFolder();
+            if (path) {
+                data.onSelect?.(path);
+            }
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    return (_jsx("div", { className: "group", children: _jsxs("button", { type: "button", "data-testid": "add-repository-node-card", onClick: handleClick, disabled: loading, className: "nodrag border-muted-foreground/30 flex w-56 cursor-pointer items-center gap-3 rounded-full border-2 border-dashed px-4 py-3 transition-colors hover:border-blue-500 hover:text-blue-500 disabled:cursor-wait disabled:opacity-60", children: [loading ? (_jsx(Loader2, { className: "h-5 w-5 shrink-0 animate-spin" })) : (_jsx(Plus, { className: "h-5 w-5 shrink-0" })), _jsx("span", { "data-testid": "add-repository-node-label", className: "text-sm font-medium", children: loading ? 'Opening...' : 'Add Repository' })] }) }));
+}

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import type { AddRepositoryNodeData } from './add-repository-node-config.js';
+declare const meta: Meta<AddRepositoryNodeData>;
+export default meta;
+type Story = StoryObj<AddRepositoryNodeData>;
+export declare const Default: Story;
+export declare const WithCallback: Story;
+//# sourceMappingURL=add-repository-node.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"add-repository-node.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/add-repository-node/add-repository-node.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,EAAE,qBAAqB,EAAyB,MAAM,8BAA8B,CAAC;AAgCjG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAOrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ReactFlowProvider, ReactFlow } from '@xyflow/react';
+import { AddRepositoryNode } from './add-repository-node.js';
+const nodeTypes = { addRepositoryNode: AddRepositoryNode };
+function AddRepositoryNodeCanvas({ data, style = { width: 500, height: 250 }, }) {
+    const nodes = useMemo(() => [{ id: 'node-1', type: 'addRepositoryNode', 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/AddRepositoryNode',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    args: {},
+};
+export default meta;
+export const Default = {
+    render: (args) => _jsx(AddRepositoryNodeCanvas, { data: args }),
+};
+export const WithCallback = {
+    args: {
+        onSelect: () => undefined,
+    },
+    render: (args) => _jsx(AddRepositoryNodeCanvas, { data: args }),
+};

package/dist/src/presentation/web/components/common/add-repository-node/index.d.ts

@@ -0,0 +1,3 @@
+export { AddRepositoryNode } from './add-repository-node.js';
+export type { AddRepositoryNodeData, AddRepositoryNodeType } from './add-repository-node-config.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/add-repository-node/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/add-repository-node/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/src/presentation/web/components/common/add-repository-node/index.js

@@ -0,0 +1 @@
+export { AddRepositoryNode } from './add-repository-node.js';

package/dist/src/presentation/web/components/common/add-repository-node/pick-folder.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Calls the backend API to open a native OS folder picker dialog.
+ * Returns the selected absolute path, or null if the user cancelled.
+ */
+export declare function pickFolder(): Promise<string | null>;
+//# sourceMappingURL=pick-folder.d.ts.map

package/dist/src/presentation/web/components/common/add-repository-node/pick-folder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pick-folder.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/add-repository-node/pick-folder.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAsB,UAAU,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAUzD"}

package/dist/src/presentation/web/components/common/add-repository-node/pick-folder.js

@@ -0,0 +1,13 @@
+/**
+ * Calls the backend API to open a native OS folder picker dialog.
+ * Returns the selected absolute path, or null if the user cancelled.
+ */
+export async function pickFolder() {
+    const response = await fetch('/api/dialog/pick-folder', { method: 'POST' });
+    if (!response.ok) {
+        const body = await response.json().catch(() => null);
+        throw new Error(body?.error ?? 'Failed to open folder dialog');
+    }
+    const body = await response.json();
+    return body.path;
+}

package/dist/src/presentation/web/components/common/elapsed-time/elapsed-time.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ElapsedTime } from './elapsed-time';
+import { ElapsedTime } from './elapsed-time.js';
 declare const meta: Meta<typeof ElapsedTime>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/common/elapsed-time/elapsed-time.stories.js

@@ -1,4 +1,4 @@
-import { ElapsedTime } from './elapsed-time';
+import { ElapsedTime } from './elapsed-time.js';
 const meta = {
     title: 'Composed/ElapsedTime',
     component: ElapsedTime,

package/dist/src/presentation/web/components/common/elapsed-time/index.d.ts

@@ -1,2 +1,2 @@
-export { ElapsedTime, formatElapsed } from './elapsed-time';
+export { ElapsedTime, formatElapsed } from './elapsed-time.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/elapsed-time/index.js

@@ -1 +1 @@
-export { ElapsedTime, formatElapsed } from './elapsed-time';
+export { ElapsedTime, formatElapsed } from './elapsed-time.js';

package/dist/src/presentation/web/components/common/empty-state/empty-state.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils';
+import { cn } from '../../../lib/utils.js';
 export function EmptyState({ icon, title, description, action, className, ...props }) {
     return (_jsxs("div", { className: cn('flex flex-col items-center gap-4 px-4 py-12 text-center', className), ...props, children: [icon ? _jsx("div", { className: "text-muted-foreground", children: icon }) : null, _jsx("h3", { className: "text-lg font-semibold", children: title }), description ? _jsx("p", { className: "text-muted-foreground max-w-md text-sm", children: description }) : null, action ? _jsx("div", { className: "mt-2", children: action }) : null] }));
 }

package/dist/src/presentation/web/components/common/empty-state/empty-state.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { EmptyState } from './empty-state';
+import { EmptyState } from './empty-state.js';
 declare const meta: Meta<typeof EmptyState>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/common/empty-state/empty-state.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Inbox, FileQuestion, Plus } from 'lucide-react';
-import { EmptyState } from './empty-state';
-import { Button } from '../../ui/button';
+import { EmptyState } from './empty-state.js';
+import { Button } from '../../ui/button.js';
 const meta = {
     title: 'Composed/EmptyState',
     component: EmptyState,

package/dist/src/presentation/web/components/common/empty-state/index.d.ts

@@ -1,2 +1,2 @@
-export { EmptyState, type EmptyStateProps } from './empty-state';
+export { EmptyState, type EmptyStateProps } from './empty-state.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/empty-state/index.js

@@ -1 +1 @@
-export { EmptyState } from './empty-state';
+export { EmptyState } from './empty-state.js';

package/dist/src/presentation/web/components/common/feature-list-item/feature-list-item.d.ts

@@ -1,4 +1,4 @@
-import type { FeatureStatus } from '../../common/feature-status-config';
+import type { FeatureStatus } from '../../common/feature-status-config.js';
 export interface FeatureListItemProps {
     name: string;
     status: FeatureStatus;

package/dist/src/presentation/web/components/common/feature-list-item/feature-list-item.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SidebarMenuItem, SidebarMenuButton } from '../../ui/sidebar';
-import { ElapsedTime } from '../../common/elapsed-time';
-import { featureStatusConfig } from '../../common/feature-status-config';
+import { SidebarMenuItem, SidebarMenuButton } from '../../ui/sidebar.js';
+import { ElapsedTime } from '../../common/elapsed-time/index.js';
+import { featureStatusConfig } from '../../common/feature-status-config.js';
 export function FeatureListItem({ name, status, startedAt, duration, onClick, }) {
     const { icon: StatusIcon, iconClass } = featureStatusConfig[status];
     return (_jsx(SidebarMenuItem, { "data-testid": "feature-list-item", children: _jsxs(SidebarMenuButton, { size: "sm", onClick: onClick, tooltip: name, className: "cursor-pointer", children: [_jsx(StatusIcon, { className: iconClass }), _jsx("span", { className: "flex-1 truncate font-medium", children: name }), status === 'in-progress' && startedAt != null ? (_jsx("span", { "data-testid": "feature-list-item-meta", className: "text-muted-foreground ml-auto text-xs tabular-nums", children: _jsx(ElapsedTime, { startedAt: startedAt }) })) : null, status === 'done' && duration ? (_jsx("span", { "data-testid": "feature-list-item-meta", className: "text-muted-foreground ml-auto text-xs tabular-nums", children: duration })) : null] }) }));

package/dist/src/presentation/web/components/common/feature-list-item/feature-list-item.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { FeatureListItem } from './feature-list-item';
+import { FeatureListItem } from './feature-list-item.js';
 declare const meta: Meta<typeof FeatureListItem>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/common/feature-list-item/feature-list-item.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SidebarProvider, SidebarMenu } from '../../ui/sidebar';
-import { FeatureListItem } from './feature-list-item';
+import { SidebarProvider, SidebarMenu } from '../../ui/sidebar.js';
+import { FeatureListItem } from './feature-list-item.js';
 const meta = {
     title: 'Composed/FeatureListItem',
     component: FeatureListItem,

package/dist/src/presentation/web/components/common/feature-list-item/index.d.ts

@@ -1,3 +1,3 @@
-export { FeatureListItem } from './feature-list-item';
-export type { FeatureListItemProps } from './feature-list-item';
+export { FeatureListItem } from './feature-list-item.js';
+export type { FeatureListItemProps } from './feature-list-item.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/feature-list-item/index.js

@@ -1 +1 @@
-export { FeatureListItem } from './feature-list-item';
+export { FeatureListItem } from './feature-list-item.js';

package/dist/src/presentation/web/components/common/feature-node/agent-type-icons.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentType, SVGProps } from 'react';
+/** Agent type values mirroring the TypeSpec AgentType enum. */
+export type AgentTypeValue = 'claude-code' | 'cursor' | 'gemini-cli' | 'aider' | 'continue';
+type IconProps = SVGProps<SVGSVGElement> & {
+    className?: string;
+};
+/** Fallback icon when agent type is unknown or undefined. */
+export declare function DefaultAgentIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
+/** Resolve an agent type string to its corresponding icon component. */
+export declare function getAgentTypeIcon(agentType?: string): ComponentType<IconProps>;
+export {};
+//# sourceMappingURL=agent-type-icons.d.ts.map

package/dist/src/presentation/web/components/common/feature-node/agent-type-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-type-icons.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/agent-type-icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGrD,+DAA+D;AAC/D,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,GAAG,UAAU,CAAC;AAE5F,KAAK,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAYlE,6DAA6D;AAC7D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,2CAOhD;AAUD,wEAAwE;AACxE,wBAAgB,gBAAgB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,SAAS,CAAC,CAK7E"}

package/dist/src/presentation/web/components/common/feature-node/agent-type-icons.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils.js';
+/** Create a stable image-based icon component for a brand. */
+function createBrandIcon(src, alt) {
+    function BrandIcon({ className }) {
+        // eslint-disable-next-line @next/next/no-img-element
+        return _jsx("img", { src: src, alt: alt, className: cn('rounded-sm object-contain', className) });
+    }
+    BrandIcon.displayName = `BrandIcon(${alt})`;
+    return BrandIcon;
+}
+/** Fallback icon when agent type is unknown or undefined. */
+export function DefaultAgentIcon(props) {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }), _jsx("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor" })] }));
+}
+const agentTypeIconMap = {
+    'claude-code': createBrandIcon('/icons/agents/claude-ai-icon.svg', 'Claude Code'),
+    cursor: createBrandIcon('/icons/agents/cursor.jpeg', 'Cursor'),
+    'gemini-cli': createBrandIcon('/icons/agents/gemini-cli.jpeg', 'Gemini CLI'),
+    aider: createBrandIcon('/icons/agents/aider.png', 'Aider'),
+    continue: createBrandIcon('/icons/agents/continue.jpeg', 'Continue'),
+};
+/** Resolve an agent type string to its corresponding icon component. */
+export function getAgentTypeIcon(agentType) {
+    if (agentType && agentType in agentTypeIconMap) {
+        return agentTypeIconMap[agentType];
+    }
+    return DefaultAgentIcon;
+}

package/dist/src/presentation/web/components/common/feature-node/agent-type-icons.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const AllIcons: Story;
+export declare const SmallIcons: Story;
+export declare const LargeIcons: Story;
+//# sourceMappingURL=agent-type-icons.stories.d.ts.map

package/dist/src/presentation/web/components/common/feature-node/agent-type-icons.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-type-icons.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/agent-type-icons.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAwCvD,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}