@shepai/cli 1.92.0 → 1.92.1-pr278.cb26d31

package/dist/packages/core/src/application/ports/output/agents/agent-registry.interface.d.ts

@@ -80,7 +80,7 @@ export interface IAgentRegistry {
      * @param name - The unique agent name (e.g., 'analyze-repository')
      * @returns The agent definition, or undefined if not registered
      */
-    get(name: string): AgentDefinitionWithFactory | undefined;
+    get(name: string): Promise<AgentDefinitionWithFactory | undefined>;
     /**
      * List all registered agent definitions.
      *

package/dist/packages/core/src/application/ports/output/agents/agent-registry.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-registry.interface.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/application/ports/output/agents/agent-registry.interface.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAE9E;;;;;;;GAOG;AACH,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,4EAA4E;IAE5E,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;CACvC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,UAAU,EAAE,0BAA0B,GAAG,IAAI,CAAC;IAEvD;;;;;OAKG;IACH,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS,CAAC;IAE1D;;;;OAIG;IACH,IAAI,IAAI,0BAA0B,EAAE,CAAC;CACtC"}
+{"version":3,"file":"agent-registry.interface.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/application/ports/output/agents/agent-registry.interface.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAE9E;;;;;;;GAOG;AACH,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,4EAA4E;IAE5E,YAAY,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC;CACvC;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,UAAU,EAAE,0BAA0B,GAAG,IAAI,CAAC;IAEvD;;;;;OAKG;IACH,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,0BAA0B,GAAG,SAAS,CAAC,CAAC;IAEnE;;;;OAIG;IACH,IAAI,IAAI,0BAA0B,EAAE,CAAC;CACtC"}

package/dist/packages/core/src/application/use-cases/agents/run-agent.use-case.js

@@ -45,7 +45,7 @@ let RunAgentUseCase = class RunAgentUseCase {
      * @throws Error if the agent name is not registered
      */
     async execute(input) {
-        const definition = this.agentRegistry.get(input.agentName);
+        const definition = await this.agentRegistry.get(input.agentName);
         if (!definition) {
             const available = this.agentRegistry.list().map((a) => a.name);
             throw new Error(`Unknown agent: "${input.agentName}". Available agents: ${available.join(', ') || 'none'}`);
@@ -60,7 +60,7 @@ let RunAgentUseCase = class RunAgentUseCase {
      * @throws Error if the agent name is not registered
      */
     async *executeStream(input) {
-        const definition = this.agentRegistry.get(input.agentName);
+        const definition = await this.agentRegistry.get(input.agentName);
         if (!definition) {
             const available = this.agentRegistry.list().map((a) => a.name);
             throw new Error(`Unknown agent: "${input.agentName}". Available agents: ${available.join(', ') || 'none'}`);

package/dist/packages/core/src/infrastructure/di/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../../../packages/core/src/infrastructure/di/container.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAmHrC;;;;;;GAMG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,OAAO,SAAS,CAAC,CAqRrE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,OAAO,CAEhD;AAED;;;GAGG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../../../packages/core/src/infrastructure/di/container.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAgHrC;;;;;;GAMG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,OAAO,SAAS,CAAC,CAsSrE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,OAAO,CAEhD;AAED;;;GAGG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/packages/core/src/infrastructure/di/container.js

@@ -19,7 +19,6 @@ import { AgentValidatorService } from '../services/agents/common/agent-validator
 import { promisify } from 'node:util';
 import { execFile } from 'node:child_process';
 import { VersionService } from '../services/version.service.js';
-import { WebServerService } from '../services/web-server.service.js';
 import { WorktreeService } from '../services/git/worktree.service.js';
 import { ToolInstallerServiceImpl } from '../services/tool-installer/tool-installer.service.js';
 import { GitPrService } from '../services/git/git-pr.service.js';
@@ -40,7 +39,6 @@ import { SpecInitializerService } from '../services/spec/spec-initializer.servic
 import { DesktopNotifier } from '../services/notifications/desktop-notifier.js';
 import { NotificationService } from '../services/notifications/notification.service.js';
 import { getNotificationBus } from '../services/notifications/notification-bus.js';
-import { createCheckpointer } from '../services/agents/common/checkpointer.js';
 import { spawn } from 'node:child_process';
 // Use cases
 import { InitializeSettingsUseCase } from '../../application/use-cases/settings/initialize-settings.use-case.js';
@@ -131,8 +129,28 @@ export async function initializeContainer() {
     // Register services (singletons via @injectable + token)
     container.registerSingleton('IAgentValidator', AgentValidatorService);
     container.registerSingleton('IVersionService', VersionService);
+    // IWebServerService is registered as a lazy proxy to avoid importing `next`
+    // (~80ms) for non-web commands. The actual service is loaded on first method call.
     container.register('IWebServerService', {
-        useFactory: () => new WebServerService(),
+        useFactory: () => {
+            let instance = null;
+            const getInstance = async () => {
+                if (!instance) {
+                    const { WebServerService } = await import('../services/web-server.service.js');
+                    instance = new WebServerService();
+                }
+                return instance;
+            };
+            return new Proxy({}, {
+                get: (_target, prop) => {
+                    return async (...args) => {
+                        const svc = await getInstance();
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        return svc[prop](...args);
+                    };
+                },
+            });
+        },
     });
     container.registerSingleton('IWorktreeService', WorktreeService);
     container.registerSingleton('IToolInstallerService', ToolInstallerServiceImpl);
@@ -189,16 +207,14 @@ export async function initializeContainer() {
     container.register('IAgentRegistry', {
         useFactory: () => new AgentRegistryService(),
     });
-    container.register('Checkpointer', {
-        useFactory: () => createCheckpointer(':memory:'),
-    });
     container.register('IAgentRunner', {
         useFactory: (c) => {
             const registry = c.resolve('IAgentRegistry');
             const executorProvider = c.resolve('IAgentExecutorProvider');
-            const checkpointer = c.resolve('Checkpointer');
             const runRepository = c.resolve('IAgentRunRepository');
-            return new AgentRunnerService(registry, executorProvider, checkpointer, runRepository);
+            // Checkpointer is lazy-loaded to avoid ~240ms startup cost from
+            // @langchain/langgraph-checkpoint-sqlite on every CLI invocation.
+            return new AgentRunnerService(registry, executorProvider, runRepository);
         },
     });
     container.register('IFeatureAgentProcessService', {

package/dist/packages/core/src/infrastructure/services/agents/common/agent-registry.service.d.ts

@@ -10,9 +10,11 @@
 import type { IAgentRegistry, AgentDefinitionWithFactory } from '../../../../application/ports/output/agents/agent-registry.interface.js';
 export declare class AgentRegistryService implements IAgentRegistry {
     private readonly agents;
+    private readonly lazyAgents;
     constructor();
+    private resolveLazy;
     register(definition: AgentDefinitionWithFactory): void;
-    get(name: string): AgentDefinitionWithFactory | undefined;
+    get(name: string): Promise<AgentDefinitionWithFactory | undefined>;
     list(): AgentDefinitionWithFactory[];
 }
 //# sourceMappingURL=agent-registry.service.d.ts.map

package/dist/packages/core/src/infrastructure/services/agents/common/agent-registry.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-registry.service.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/infrastructure/services/agents/common/agent-registry.service.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EACV,cAAc,EACd,0BAA0B,EAC3B,MAAM,+DAA+D,CAAC;AAIvE,qBAAa,oBAAqB,YAAW,cAAc;IACzD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiD;;IAiBxE,QAAQ,CAAC,UAAU,EAAE,0BAA0B,GAAG,IAAI;IAItD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS;IAIzD,IAAI,IAAI,0BAA0B,EAAE;CAGrC"}
+{"version":3,"file":"agent-registry.service.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/infrastructure/services/agents/common/agent-registry.service.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EACV,cAAc,EACd,0BAA0B,EAC3B,MAAM,+DAA+D,CAAC;AAevE,qBAAa,oBAAqB,YAAW,cAAc;IACzD,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiD;IACxE,OAAO,CAAC,QAAQ,CAAC,UAAU,CAA6B;;YAqB1C,WAAW;IAczB,QAAQ,CAAC,UAAU,EAAE,0BAA0B,GAAG,IAAI;IAIhD,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,0BAA0B,GAAG,SAAS,CAAC;IAMxE,IAAI,IAAI,0BAA0B,EAAE;CAiBrC"}

package/dist/packages/core/src/infrastructure/services/agents/common/agent-registry.service.js

@@ -7,30 +7,62 @@
  *
  * Pre-registers built-in agents (analyze-repository) at construction time.
  */
-import { createAnalyzeRepositoryGraph } from '../analyze-repo/analyze-repository-graph.js';
-import { createFeatureAgentGraph } from '../feature-agent/feature-agent-graph.js';
 export class AgentRegistryService {
     agents = new Map();
+    lazyAgents = [];
     constructor() {
-        // Register built-in agents
-        this.register({
+        // Register built-in agents as lazy definitions to avoid importing
+        // @langchain/langgraph (~300ms) at CLI startup.
+        this.lazyAgents.push({
             name: 'analyze-repository',
             description: 'Analyze repository structure, dependencies, and architecture',
-            graphFactory: createAnalyzeRepositoryGraph,
-        });
-        this.register({
+            importFn: () => import('../analyze-repo/analyze-repository-graph.js'),
+            factoryExport: 'createAnalyzeRepositoryGraph',
+        }, {
             name: 'feature-agent',
             description: 'Autonomous SDLC agent: analyze → requirements → research → plan → implement',
-            graphFactory: createFeatureAgentGraph,
+            importFn: () => import('../feature-agent/feature-agent-graph.js'),
+            factoryExport: 'createFeatureAgentGraph',
         });
     }
+    async resolveLazy(name) {
+        const lazy = this.lazyAgents.find((a) => a.name === name);
+        if (!lazy)
+            return undefined;
+        const mod = await lazy.importFn();
+        const definition = {
+            name: lazy.name,
+            description: lazy.description,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            graphFactory: mod[lazy.factoryExport],
+        };
+        this.agents.set(name, definition);
+        return definition;
+    }
     register(definition) {
         this.agents.set(definition.name, definition);
     }
-    get(name) {
-        return this.agents.get(name);
+    async get(name) {
+        const eager = this.agents.get(name);
+        if (eager)
+            return eager;
+        return this.resolveLazy(name);
     }
     list() {
-        return Array.from(this.agents.values());
+        // Returns eagerly-registered + cached placeholder metadata for lazy agents.
+        const all = new Map(this.agents);
+        for (const lazy of this.lazyAgents) {
+            if (!all.has(lazy.name)) {
+                lazy.placeholder ??= {
+                    name: lazy.name,
+                    description: lazy.description,
+                    graphFactory: () => {
+                        throw new Error(`Agent '${lazy.name}' must be resolved via get() before use`);
+                    },
+                };
+                all.set(lazy.name, lazy.placeholder);
+            }
+        }
+        return Array.from(all.values());
     }
 }

package/dist/packages/core/src/infrastructure/services/agents/common/agent-runner.service.d.ts

@@ -6,7 +6,6 @@
  * creating executors, compiling LangGraph workflows, and tracking runs
  * in the repository.
  */
-import type { BaseCheckpointSaver } from '@langchain/langgraph';
 import type { IAgentRunner, AgentRunOptions } from '../../../../application/ports/output/agents/agent-runner.interface.js';
 import type { IAgentRegistry } from '../../../../application/ports/output/agents/agent-registry.interface.js';
 import type { IAgentExecutorProvider } from '../../../../application/ports/output/agents/agent-executor-provider.interface.js';
@@ -15,9 +14,8 @@ import type { AgentRun, AgentRunEvent } from '../../../../domain/generated/outpu
 export declare class AgentRunnerService implements IAgentRunner {
     private readonly registry;
     private readonly executorProvider;
-    private readonly checkpointer;
     private readonly runRepository;
-    constructor(registry: IAgentRegistry, executorProvider: IAgentExecutorProvider, checkpointer: BaseCheckpointSaver, runRepository: IAgentRunRepository);
+    constructor(registry: IAgentRegistry, executorProvider: IAgentExecutorProvider, runRepository: IAgentRunRepository);
     runAgent(agentName: string, prompt: string, options?: AgentRunOptions): Promise<AgentRun>;
     runAgentStream(agentName: string, prompt: string, options?: AgentRunOptions): AsyncIterable<AgentRunEvent>;
     private setupRun;

package/dist/packages/core/src/infrastructure/services/agents/common/agent-runner.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-runner.service.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/infrastructure/services/agents/common/agent-runner.service.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAChB,MAAM,6DAA6D,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+DAA+D,CAAC;AACpG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wEAAwE,CAAC;AACrH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qEAAqE,CAAC;AAE/G,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAM5E,qBAAa,kBAAmB,YAAW,YAAY;IAEnD,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IACjC,OAAO,CAAC,QAAQ,CAAC,YAAY;IAC7B,OAAO,CAAC,QAAQ,CAAC,aAAa;gBAHb,QAAQ,EAAE,cAAc,EACxB,gBAAgB,EAAE,sBAAsB,EACxC,YAAY,EAAE,mBAAmB,EACjC,aAAa,EAAE,mBAAmB;IAG/C,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC,QAAQ,CAAC;IAmBxF,cAAc,CACnB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACxB,aAAa,CAAC,aAAa,CAAC;YAwCjB,QAAQ;YAwCR,aAAa;YAUb,UAAU;CAQzB"}
+{"version":3,"file":"agent-runner.service.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/core/src/infrastructure/services/agents/common/agent-runner.service.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAChB,MAAM,6DAA6D,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+DAA+D,CAAC;AACpG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wEAAwE,CAAC;AACrH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qEAAqE,CAAC;AAE/G,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAoB5E,qBAAa,kBAAmB,YAAW,YAAY;IAEnD,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,gBAAgB;IACjC,OAAO,CAAC,QAAQ,CAAC,aAAa;gBAFb,QAAQ,EAAE,cAAc,EACxB,gBAAgB,EAAE,sBAAsB,EACxC,aAAa,EAAE,mBAAmB;IAG/C,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC,QAAQ,CAAC;IAoBxF,cAAc,CACnB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACxB,aAAa,CAAC,aAAa,CAAC;YAyCjB,QAAQ;YAwCR,aAAa;YAUb,UAAU;CAQzB"}

package/dist/packages/core/src/infrastructure/services/agents/common/agent-runner.service.js

@@ -11,21 +11,33 @@ import { AgentRunStatus } from '../../../../domain/generated/output.js';
 import { getSettings } from '../../../services/settings.service.js';
 import { EventChannel } from '../streaming/event-channel.js';
 import { StreamingExecutorProxy } from '../streaming/streaming-executor-proxy.js';
+/**
+ * Lazy-loads the checkpointer to avoid ~240ms startup cost from
+ * @langchain/langgraph-checkpoint-sqlite on every CLI invocation.
+ * The import only happens when an agent is actually run.
+ */
+let _checkpointer = null;
+async function getCheckpointer() {
+    if (!_checkpointer) {
+        const { createCheckpointer } = await import('./checkpointer.js');
+        _checkpointer = createCheckpointer(':memory:');
+    }
+    return _checkpointer;
+}
 export class AgentRunnerService {
     registry;
     executorProvider;
-    checkpointer;
     runRepository;
-    constructor(registry, executorProvider, checkpointer, runRepository) {
+    constructor(registry, executorProvider, runRepository) {
         this.registry = registry;
         this.executorProvider = executorProvider;
-        this.checkpointer = checkpointer;
         this.runRepository = runRepository;
     }
     async runAgent(agentName, prompt, options) {
         const { definition, executor, runId, threadId } = await this.setupRun(agentName, prompt);
         try {
-            const compiledGraph = definition.graphFactory(executor, this.checkpointer);
+            const checkpointer = await getCheckpointer();
+            const compiledGraph = definition.graphFactory(executor, checkpointer);
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const result = await compiledGraph.invoke({ repositoryPath: options?.repositoryPath ?? process.cwd() }, { configurable: { thread_id: threadId } });
             await this.markCompleted(runId, result);
@@ -42,7 +54,8 @@ export class AgentRunnerService {
         const channel = new EventChannel();
         const proxy = new StreamingExecutorProxy(executor, channel);
         // Compile graph with proxy (graph doesn't know about streaming)
-        const compiledGraph = definition.graphFactory(proxy, this.checkpointer);
+        const checkpointer = await getCheckpointer();
+        const compiledGraph = definition.graphFactory(proxy, checkpointer);
         // Start graph invocation in background
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const graphPromise = compiledGraph
@@ -67,7 +80,7 @@ export class AgentRunnerService {
         await graphPromise;
     }
     async setupRun(agentName, prompt) {
-        const definition = this.registry.get(agentName);
+        const definition = await this.registry.get(agentName);
         if (!definition) {
             throw new Error(`Agent '${agentName}' not found. Available: ${this.registry
                 .list()

package/dist/src/presentation/cli/index.js

@@ -55,7 +55,6 @@ import { initializeContainer, container } from '../../../packages/core/src/infra
 import { InitializeSettingsUseCase } from '../../../packages/core/src/application/use-cases/settings/initialize-settings.use-case.js';
 import { initializeSettings } from '../../../packages/core/src/infrastructure/services/settings.service.js';
 import { CheckOnboardingStatusUseCase } from '../../../packages/core/src/application/use-cases/settings/check-onboarding-status.use-case.js';
-import { onboardingWizard } from '../tui/wizards/onboarding/onboarding.wizard.js';
 /**
  * Bootstrap function - initializes all dependencies before CLI starts.
  * Performs async initialization (database, settings) before parsing commands.
@@ -90,6 +89,8 @@ async function bootstrap() {
             const onboardingCheck = new CheckOnboardingStatusUseCase();
             const { isComplete } = await onboardingCheck.execute();
             if (!isComplete) {
+                // Lazy-import to avoid ~460ms startup cost when onboarding is already complete
+                const { onboardingWizard } = await import('../tui/wizards/onboarding/onboarding.wizard.js');
                 await onboardingWizard();
             }
         }

package/dist/src/presentation/web/app/actions/check-agent-tool.d.ts

@@ -0,0 +1,9 @@
+import type { ToolItem } from '../../../../../packages/core/src/application/use-cases/tools/list-tools.use-case.js';
+export interface AgentToolStatus {
+    agentType: string;
+    toolId: string | null;
+    tool: ToolItem | null;
+    installed: boolean;
+}
+export declare function checkAgentTool(agentType: string): Promise<AgentToolStatus>;
+//# sourceMappingURL=check-agent-tool.d.ts.map

package/dist/src/presentation/web/app/actions/check-agent-tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-agent-tool.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/check-agent-tool.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8DAA8D,CAAC;AAY7F,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAsB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC,CAkBhF"}

package/dist/src/presentation/web/app/actions/check-agent-tool.js

@@ -0,0 +1,28 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+/**
+ * Maps agent types to their corresponding tool IDs in the tool registry.
+ * These IDs match the JSON file names in tool-installer/tools/.
+ */
+const AGENT_TOOL_MAP = {
+    'claude-code': 'claude-code',
+    cursor: 'cursor-cli',
+    'gemini-cli': 'gemini-cli',
+};
+export async function checkAgentTool(agentType) {
+    const toolId = AGENT_TOOL_MAP[agentType] ?? null;
+    // Dev agent and unknown agents don't need a tool
+    if (!toolId) {
+        return { agentType, toolId: null, tool: null, installed: true };
+    }
+    try {
+        const useCase = resolve('ListToolsUseCase');
+        const tools = await useCase.execute();
+        const tool = tools.find((t) => t.id === toolId) ?? null;
+        const installed = tool?.status.status === 'available';
+        return { agentType, toolId, tool, installed };
+    }
+    catch {
+        return { agentType, toolId, tool: null, installed: false };
+    }
+}

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":"AAOA,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,2CAsG9B"}
+{"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":"AAQA,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,2CA2H9B"}

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

@@ -1,13 +1,15 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback } from 'react';
 import { Github, Plus, TerminalSquare, Copy, Check, Loader2 } from 'lucide-react';
 import { cn } from '../../../lib/utils.js';
 import { pickFolder } from '../../common/add-repository-button/pick-folder.js';
-const commands = ['cd ~/my-repo', 'shep feat new "create modern, sleek dashboards"'];
+import { WelcomeAgentSetup } from './welcome-agent-setup.js';
+const commands = ['cd ~/my-repo', 'shep feat new "sleek dashboard"'];
 export function ControlCenterEmptyState({ onRepositorySelect, className, }) {
     const [copied, setCopied] = useState(false);
     const [loading, setLoading] = useState(false);
+    const [agentReady, setAgentReady] = useState(false);
     async function handlePickerClick() {
         if (loading)
             return;
@@ -27,5 +29,12 @@ export function ControlCenterEmptyState({ onRepositorySelect, className, }) {
         setCopied(true);
         setTimeout(() => setCopied(false), 2000);
     }, []);
-    return (_jsxs("div", { "data-testid": "control-center-empty-state", className: cn('relative h-full w-full', className), children: [_jsx("div", { className: "absolute inset-0 [background-image:radial-gradient(circle,_var(--color-border)_1px,_transparent_1px)] [background-size:24px_24px]" }), _jsxs("div", { className: "absolute top-8 left-8 z-10", children: [_jsx("h1", { className: "text-4xl font-bold tracking-tight", children: "Features" }), _jsx("p", { className: "text-muted-foreground text-3xl font-light", children: "Control Center" })] }), _jsx("div", { className: "relative z-10 flex h-full items-center justify-center", children: _jsxs("div", { className: "flex max-w-lg flex-col items-center gap-6", children: [_jsxs("div", { className: "text-muted-foreground flex items-center gap-2", children: [_jsx(Github, { className: "h-4 w-4" }), _jsx("span", { className: "text-xs font-semibold tracking-widest uppercase", children: "Repositories" })] }), _jsxs("button", { type: "button", "data-testid": "empty-state-add-repository", onClick: handlePickerClick, disabled: loading, className: "border-muted-foreground/30 hover:border-primary hover:text-primary flex cursor-pointer items-center gap-3 rounded-lg border-2 border-dashed px-8 py-4 transition-colors disabled:cursor-wait disabled:opacity-60", children: [loading ? _jsx(Loader2, { className: "h-5 w-5 animate-spin" }) : _jsx(Plus, { className: "h-5 w-5" }), _jsx("span", { className: "text-sm font-medium", children: loading ? 'Opening...' : 'Add Repository' })] }), _jsxs("div", { className: "text-muted-foreground flex items-center gap-3", children: [_jsx("div", { className: "bg-border h-px w-16" }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(TerminalSquare, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "text-xs font-semibold tracking-widest uppercase", children: "Or start from the command line" })] }), _jsx("div", { className: "bg-border h-px w-16" })] }), _jsxs("div", { "data-testid": "cli-code-block", className: "relative w-full rounded-lg bg-zinc-900 px-5 py-4 font-mono text-sm text-zinc-100", children: [_jsx("button", { type: "button", "data-testid": "cli-code-block-copy", onClick: handleCopy, className: "absolute top-3 right-3 cursor-pointer rounded p-1.5 text-zinc-400 transition-colors hover:bg-zinc-800 hover:text-zinc-200", "aria-label": "Copy commands", children: copied ? _jsx(Check, { className: "h-4 w-4" }) : _jsx(Copy, { className: "h-4 w-4" }) }), _jsx("div", { className: "space-y-1", children: commands.map((cmd) => (_jsxs("div", { children: [_jsx("span", { className: "text-zinc-500 select-none", children: "$ " }), _jsx("span", { children: cmd })] }, cmd))) })] }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Feature will appear on canvas once created" })] }) })] }));
+    const handleAgentSetupComplete = useCallback(() => {
+        setAgentReady(true);
+    }, []);
+    return (_jsxs("div", { "data-testid": "control-center-empty-state", className: cn('relative h-full w-full', className), children: [_jsx("div", { className: "absolute inset-0 [background-image:radial-gradient(circle,_var(--color-border)_1px,_transparent_1px)] [background-size:24px_24px]" }), _jsxs("div", { className: "absolute top-8 left-8 z-10", children: [_jsx("h1", { className: "text-4xl font-bold tracking-tight", children: "Features" }), _jsx("p", { className: "text-muted-foreground text-3xl font-light", children: "Control Center" })] }), _jsx("div", { className: "relative z-10 flex h-full items-center justify-center", children: _jsx("div", { className: "flex w-72 flex-col items-center gap-4", children: !agentReady ? (
+                    /* Step 1: Agent setup */
+                    _jsx(WelcomeAgentSetup, { onComplete: handleAgentSetupComplete })) : (
+                    /* Step 2: Add repository (shown after agent is configured) */
+                    _jsxs(_Fragment, { children: [_jsxs("div", { className: "text-muted-foreground flex items-center gap-2", children: [_jsx(Github, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "text-[10px] font-semibold tracking-widest uppercase", children: "Repositories" })] }), _jsxs("button", { type: "button", "data-testid": "empty-state-add-repository", onClick: handlePickerClick, disabled: loading, className: "border-border hover:border-foreground/40 flex w-full cursor-pointer items-center gap-2.5 rounded-md border border-dashed px-4 py-2.5 transition-colors disabled:cursor-wait disabled:opacity-50", children: [loading ? (_jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" })) : (_jsx(Plus, { className: "text-muted-foreground h-4 w-4" })), _jsx("span", { className: "text-xs font-medium", children: loading ? 'Opening…' : 'Add Repository' })] }), _jsxs("div", { className: "text-muted-foreground flex items-center gap-2", children: [_jsx("div", { className: "bg-border h-px w-10" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(TerminalSquare, { className: "h-3 w-3" }), _jsx("span", { className: "text-[10px] font-semibold tracking-widest uppercase", children: "Or via CLI" })] }), _jsx("div", { className: "bg-border h-px w-10" })] }), _jsxs("div", { "data-testid": "cli-code-block", className: "relative w-full rounded-md bg-zinc-900 px-3 py-2 font-mono text-[11px] text-zinc-300", children: [_jsx("button", { type: "button", "data-testid": "cli-code-block-copy", onClick: handleCopy, className: "absolute top-2 right-2 cursor-pointer rounded p-1 text-zinc-500 transition-colors hover:bg-zinc-800 hover:text-zinc-300", "aria-label": "Copy commands", children: copied ? _jsx(Check, { className: "h-3 w-3" }) : _jsx(Copy, { className: "h-3 w-3" }) }), _jsx("div", { className: "space-y-0.5", children: commands.map((cmd) => (_jsxs("div", { className: "whitespace-nowrap", children: [_jsx("span", { className: "text-zinc-500 select-none", children: "$ " }), _jsx("span", { children: cmd })] }, cmd))) })] }), _jsx("p", { className: "text-muted-foreground text-[10px]", children: "Feature will appear on canvas once created" })] })) }) })] }));
 }

package/dist/src/presentation/web/components/features/control-center/welcome-agent-setup.d.ts

@@ -0,0 +1,6 @@
+export interface WelcomeAgentSetupProps {
+    onComplete: () => void;
+    className?: string;
+}
+export declare function WelcomeAgentSetup({ onComplete, className }: WelcomeAgentSetupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=welcome-agent-setup.d.ts.map

package/dist/src/presentation/web/components/features/control-center/welcome-agent-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"welcome-agent-setup.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/welcome-agent-setup.tsx"],"names":[],"mappings":"AAwBA,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAqQlF"}

package/dist/src/presentation/web/components/features/control-center/welcome-agent-setup.js

@@ -0,0 +1,169 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useRef } from 'react';
+import { Check, ChevronRight, ChevronLeft, Download, Loader2, CheckCircle2, Circle, AlertCircle, Bot, } from 'lucide-react';
+import { getAllAgentModels } from '../../../app/actions/get-all-agent-models.js';
+import { checkAgentTool } from '../../../app/actions/check-agent-tool.js';
+import { updateAgentAndModel } from '../../../app/actions/update-agent-and-model.js';
+import { getAgentTypeIcon } from '../../common/feature-node/agent-type-icons.js';
+import { getModelMeta } from '../../../lib/model-metadata.js';
+import { useToolInstallStream } from '../../../hooks/use-tool-install-stream.js';
+import { cn } from '../../../lib/utils.js';
+const STEPS = ['select-agent', 'select-model', 'check-tool'];
+/** Fixed width for the wizard content area to prevent layout jumps */
+const WIZARD_WIDTH = 'w-72';
+export function WelcomeAgentSetup({ onComplete, className }) {
+    const [groups, setGroups] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [step, setStep] = useState('select-agent');
+    const [selectedAgent, setSelectedAgent] = useState(null);
+    const [selectedModel, setSelectedModel] = useState(null);
+    const [toolStatus, setToolStatus] = useState(null);
+    const [checkingTool, setCheckingTool] = useState(false);
+    const [saving, setSaving] = useState(false);
+    const [transitioning, setTransitioning] = useState(false);
+    const [visible, setVisible] = useState(true);
+    const timeoutRef = useRef(undefined);
+    useEffect(() => {
+        getAllAgentModels()
+            .then(setGroups)
+            .finally(() => setLoading(false));
+    }, []);
+    const activeGroup = selectedAgent ? groups.find((g) => g.agentType === selectedAgent) : null;
+    /** Animate step transition: fade out → change step → fade in */
+    const transitionTo = useCallback((nextStep, setup) => {
+        setTransitioning(true);
+        setVisible(false);
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => {
+            setup?.();
+            setStep(nextStep);
+            // Small delay to let React render the new content before fading in
+            requestAnimationFrame(() => {
+                setVisible(true);
+                setTransitioning(false);
+            });
+        }, 150);
+    }, []);
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current)
+                clearTimeout(timeoutRef.current);
+        };
+    }, []);
+    const handleAgentSelect = useCallback((agentType) => {
+        const group = groups.find((g) => g.agentType === agentType);
+        if (group && group.models.length > 0) {
+            transitionTo('select-model', () => {
+                setSelectedAgent(agentType);
+            });
+        }
+        else {
+            transitionTo('check-tool', () => {
+                setSelectedAgent(agentType);
+                setSelectedModel('');
+            });
+        }
+    }, [groups, transitionTo]);
+    const handleModelSelect = useCallback((model) => {
+        transitionTo('check-tool', () => {
+            setSelectedModel(model);
+        });
+    }, [transitionTo]);
+    const handleBack = useCallback(() => {
+        if (step === 'select-model') {
+            transitionTo('select-agent', () => {
+                setSelectedAgent(null);
+            });
+        }
+        else if (step === 'check-tool') {
+            if (activeGroup && activeGroup.models.length > 0) {
+                transitionTo('select-model', () => {
+                    setSelectedModel(null);
+                });
+            }
+            else {
+                transitionTo('select-agent', () => {
+                    setSelectedAgent(null);
+                });
+            }
+        }
+    }, [step, activeGroup, transitionTo]);
+    useEffect(() => {
+        if (step !== 'check-tool' || !selectedAgent)
+            return;
+        setCheckingTool(true);
+        checkAgentTool(selectedAgent)
+            .then(setToolStatus)
+            .finally(() => setCheckingTool(false));
+    }, [step, selectedAgent]);
+    const handleConfirm = useCallback(async () => {
+        if (!selectedAgent)
+            return;
+        setSaving(true);
+        try {
+            await updateAgentAndModel(selectedAgent, selectedModel ?? null);
+            onComplete();
+        }
+        finally {
+            setSaving(false);
+        }
+    }, [selectedAgent, selectedModel, onComplete]);
+    if (loading) {
+        return (_jsxs("div", { "data-testid": "welcome-agent-setup", className: cn('flex flex-col items-center justify-center gap-3', className), children: [_jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Loading agents\u2026" })] }));
+    }
+    const stepIndex = STEPS.indexOf(step);
+    return (_jsxs("div", { "data-testid": "welcome-agent-setup", className: cn('flex flex-col items-center gap-4', WIZARD_WIDTH, className), children: [_jsx("div", { className: "flex flex-col items-center gap-1", children: _jsxs("div", { className: "text-muted-foreground flex items-center gap-2", children: [step === 'select-agent' && (_jsxs(_Fragment, { children: [_jsx(Bot, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "text-[10px] font-semibold tracking-widest uppercase", children: "Choose your agent" })] })), step === 'select-model' && activeGroup
+                            ? (() => {
+                                const AgentIcon = getAgentTypeIcon(activeGroup.agentType);
+                                return (_jsxs(_Fragment, { children: [_jsx(AgentIcon, { className: "h-3.5 w-3.5" }), _jsxs("span", { className: "text-[10px] font-semibold tracking-widest uppercase", children: [activeGroup.label, " \u2014 Pick a model"] })] }));
+                            })()
+                            : null, step === 'check-tool' && (_jsxs(_Fragment, { children: [_jsx(Bot, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "text-[10px] font-semibold tracking-widest uppercase", children: "Verifying setup" })] }))] }) }), _jsx("div", { className: "flex w-32 items-center gap-1", children: STEPS.map((s, i) => (_jsx("div", { className: cn('h-0.5 flex-1 rounded-full transition-colors duration-300', i <= stepIndex ? 'bg-foreground/60' : 'bg-muted') }, s))) }), _jsxs("div", { className: cn('flex w-full flex-col items-center transition-opacity duration-150', visible && !transitioning ? 'opacity-100' : 'opacity-0'), children: [step === 'select-agent' && (_jsx("div", { "data-testid": "agent-list", className: "flex w-full flex-col gap-1.5", children: groups.map((group) => {
+                            const GroupIcon = getAgentTypeIcon(group.agentType);
+                            return (_jsxs("button", { type: "button", "data-testid": `agent-option-${group.agentType}`, className: "border-border hover:border-foreground/40 flex w-full cursor-pointer items-center gap-2.5 rounded-md border border-dashed px-4 py-2.5 transition-colors", onClick: () => handleAgentSelect(group.agentType), children: [_jsx(GroupIcon, { className: "text-muted-foreground h-4 w-4 shrink-0" }), _jsx("span", { className: "flex-1 text-left text-xs font-medium", children: group.label }), _jsx(ChevronRight, { className: "text-muted-foreground h-3 w-3" })] }, group.agentType));
+                        }) })), step === 'select-model' && activeGroup ? (_jsxs("div", { "data-testid": "model-list", className: "flex w-full flex-col gap-1.5", children: [_jsxs("button", { type: "button", className: "text-muted-foreground hover:text-foreground mb-0.5 flex cursor-pointer items-center gap-1 self-start text-[10px] font-medium transition-colors", onClick: handleBack, children: [_jsx(ChevronLeft, { className: "h-3 w-3" }), "Back"] }), _jsx("div", { className: "flex max-h-48 w-full flex-col gap-1.5 overflow-y-auto", children: activeGroup.models.map((m) => {
+                                    const meta = getModelMeta(m.id);
+                                    return (_jsxs("button", { type: "button", "data-testid": `model-option-${m.id}`, className: "border-border hover:border-foreground/40 flex w-full cursor-pointer items-center gap-2.5 rounded-md border border-dashed px-4 py-2.5 text-left transition-colors", onClick: () => handleModelSelect(m.id), children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx("span", { className: "text-xs font-medium", children: meta.displayName || m.displayName }), _jsx("span", { className: "text-muted-foreground text-[10px] leading-tight", children: meta.description || m.description })] }), _jsx(ChevronRight, { className: "text-muted-foreground h-3 w-3 shrink-0" })] }, m.id));
+                                }) })] })) : null, step === 'check-tool' && (_jsx(ToolCheckStep, { toolStatus: toolStatus, checking: checkingTool, saving: saving, onConfirm: handleConfirm, onBack: handleBack, onToolInstalled: () => {
+                            if (selectedAgent) {
+                                setCheckingTool(true);
+                                checkAgentTool(selectedAgent)
+                                    .then(setToolStatus)
+                                    .finally(() => setCheckingTool(false));
+                            }
+                        } }))] })] }));
+}
+/** Sub-component for the tool verification step */
+function ToolCheckStep({ toolStatus, checking, saving, onConfirm, onBack, onToolInstalled, }) {
+    if (checking || !toolStatus) {
+        return (_jsxs("div", { className: "flex flex-col items-center gap-2 py-4", children: [_jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" }), _jsx("p", { className: "text-muted-foreground text-[10px]", children: "Checking tool availability\u2026" })] }));
+    }
+    // Agent doesn't require a tool (e.g., dev/demo)
+    if (!toolStatus.toolId) {
+        return (_jsxs("div", { className: "flex w-full flex-col items-center gap-3", children: [_jsxs("div", { className: "text-muted-foreground flex items-center gap-1.5", children: [_jsx(CheckCircle2, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "text-xs", children: "No additional tools required" })] }), _jsx(ConfirmRow, { saving: saving, onConfirm: onConfirm, onBack: onBack })] }));
+    }
+    if (toolStatus.installed) {
+        return (_jsxs("div", { className: "flex w-full flex-col items-center gap-3", children: [_jsxs("div", { className: "text-muted-foreground flex items-center gap-1.5", children: [_jsx(CheckCircle2, { className: "h-3.5 w-3.5" }), _jsxs("span", { className: "text-xs", children: [toolStatus.tool?.name ?? toolStatus.toolId, " is installed"] })] }), _jsx(ConfirmRow, { saving: saving, onConfirm: onConfirm, onBack: onBack })] }));
+    }
+    return (_jsx(ToolInstallInline, { toolStatus: toolStatus, saving: saving, onConfirm: onConfirm, onBack: onBack, onInstalled: onToolInstalled }));
+}
+/** Shared back + continue row */
+function ConfirmRow({ saving, onConfirm, onBack, }) {
+    return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("button", { type: "button", className: "text-muted-foreground hover:text-foreground cursor-pointer text-[10px] transition-colors", onClick: onBack, children: [_jsx(ChevronLeft, { className: "mr-0.5 inline h-3 w-3" }), "Back"] }), _jsxs("button", { type: "button", "data-testid": "agent-setup-confirm", disabled: saving, className: "border-border hover:border-foreground/40 flex cursor-pointer items-center gap-1.5 rounded-md border border-dashed px-4 py-2 text-xs font-medium transition-colors disabled:opacity-50", onClick: onConfirm, children: [saving ? _jsx(Loader2, { className: "h-3 w-3 animate-spin" }) : _jsx(Check, { className: "h-3 w-3" }), "Continue"] })] }));
+}
+/** Inline tool installer for the welcome wizard */
+function ToolInstallInline({ toolStatus, saving, onConfirm, onBack, onInstalled, }) {
+    const toolId = toolStatus.toolId ?? '';
+    const { logs, status, startInstall } = useToolInstallStream(toolId);
+    const isInstallDone = status === 'done';
+    const isInstallError = status === 'error';
+    useEffect(() => {
+        if (isInstallDone) {
+            onInstalled();
+        }
+    }, [isInstallDone, onInstalled]);
+    return (_jsxs("div", { className: "flex w-full flex-col items-center gap-3", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [isInstallDone ? (_jsx(CheckCircle2, { className: "text-muted-foreground h-3.5 w-3.5" })) : isInstallError ? (_jsx(AlertCircle, { className: "text-destructive h-3.5 w-3.5" })) : (_jsx(Circle, { className: "text-muted-foreground h-3.5 w-3.5" })), _jsxs("span", { className: "text-xs", children: [toolStatus.tool?.name ?? toolId, ' ', isInstallDone ? 'installed' : isInstallError ? 'install failed' : 'is not installed'] })] }), toolStatus.tool?.installCommand && status === 'idle' ? (_jsxs("div", { className: "w-full rounded-md bg-zinc-900 px-3 py-2 font-mono text-[11px] text-zinc-300", children: [_jsx("span", { className: "text-zinc-500 select-none", children: "$ " }), toolStatus.tool.installCommand] })) : null, (status === 'streaming' || isInstallDone || isInstallError) && logs.length > 0 ? (_jsxs("div", { className: "max-h-28 w-full overflow-auto rounded-md bg-zinc-900 px-3 py-2 font-mono text-[10px] leading-relaxed text-zinc-400", children: [logs.map((line, idx) => (
+                    // eslint-disable-next-line react/no-array-index-key -- logs are append-only, never reorder
+                    _jsx("div", { className: "break-all whitespace-pre-wrap", children: line }, idx))), isInstallDone ? (_jsx("div", { className: "text-muted-foreground mt-1", children: "Installation complete" })) : null, isInstallError ? (_jsx("div", { className: "text-destructive mt-1", children: "Installation failed \u2014 try manually" })) : null] })) : null, _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("button", { type: "button", className: "text-muted-foreground hover:text-foreground cursor-pointer text-[10px] transition-colors", onClick: onBack, children: [_jsx(ChevronLeft, { className: "mr-0.5 inline h-3 w-3" }), "Back"] }), !isInstallDone && toolStatus.tool?.autoInstall ? (_jsxs("button", { type: "button", "data-testid": "agent-setup-install", disabled: status === 'streaming', className: "border-border hover:border-foreground/40 flex cursor-pointer items-center gap-1.5 rounded-md border border-dashed px-4 py-2 text-xs font-medium transition-colors disabled:opacity-50", onClick: startInstall, children: [status === 'streaming' ? (_jsx(Loader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(Download, { className: "h-3 w-3" })), status === 'streaming' ? 'Installing…' : 'Install'] })) : null, isInstallDone ? (_jsxs("button", { type: "button", "data-testid": "agent-setup-confirm", disabled: saving, className: "border-border hover:border-foreground/40 flex cursor-pointer items-center gap-1.5 rounded-md border border-dashed px-4 py-2 text-xs font-medium transition-colors disabled:opacity-50", onClick: onConfirm, children: [saving ? _jsx(Loader2, { className: "h-3 w-3 animate-spin" }) : _jsx(Check, { className: "h-3 w-3" }), "Continue"] })) : null] })] }));
+}

package/dist/src/presentation/web/components/features/control-center/welcome-agent-setup.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { WelcomeAgentSetup } from './welcome-agent-setup.js';
+declare const meta: Meta<typeof WelcomeAgentSetup>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=welcome-agent-setup.stories.d.ts.map

package/dist/src/presentation/web/components/features/control-center/welcome-agent-setup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"welcome-agent-setup.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/welcome-agent-setup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAcxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}