@shepai/cli 1.103.0 → 1.103.1-pr308.436876d

package/dist/packages/core/src/application/use-cases/upgrade/upgrade-cli.use-case.d.ts

@@ -0,0 +1,27 @@
+/**
+ * UpgradeCliUseCase
+ *
+ * Executes a self-upgrade of @shepai/cli to the latest published version.
+ * Mirrors the CLI upgrade command logic but designed for use from the web layer.
+ *
+ * Flow:
+ *   1. Check latest version from npm registry (fail-open)
+ *   2. Compare with current version — return early if up to date
+ *   3. Run `npm i -g @shepai/cli@latest` with streamed output
+ *   4. Return result with old/new version info
+ */
+import type { IVersionService } from '../../ports/output/services/version-service.interface.js';
+export interface UpgradeResult {
+    status: 'up-to-date' | 'upgraded' | 'error';
+    currentVersion: string;
+    latestVersion: string | null;
+    errorMessage?: string;
+}
+export declare class UpgradeCliUseCase {
+    private readonly versionService;
+    constructor(versionService: IVersionService);
+    execute(onOutput?: (data: string) => void): Promise<UpgradeResult>;
+    private getLatestVersion;
+    private runNpmInstall;
+}
+//# sourceMappingURL=upgrade-cli.use-case.d.ts.map

package/dist/packages/core/src/application/use-cases/upgrade/upgrade-cli.use-case.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upgrade-cli.use-case.d.ts","sourceRoot":"","sources":["../../../../../../../packages/core/src/application/use-cases/upgrade/upgrade-cli.use-case.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0DAA0D,CAAC;AAEhG,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC;IAC5C,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAID,qBACa,iBAAiB;IAG1B,OAAO,CAAC,QAAQ,CAAC,cAAc;gBAAd,cAAc,EAAE,eAAe;IAG5C,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC;IAkCxE,OAAO,CAAC,gBAAgB;IA6CxB,OAAO,CAAC,aAAa;CAuBtB"}

package/dist/packages/core/src/application/use-cases/upgrade/upgrade-cli.use-case.js

@@ -0,0 +1,128 @@
+/**
+ * UpgradeCliUseCase
+ *
+ * Executes a self-upgrade of @shepai/cli to the latest published version.
+ * Mirrors the CLI upgrade command logic but designed for use from the web layer.
+ *
+ * Flow:
+ *   1. Check latest version from npm registry (fail-open)
+ *   2. Compare with current version — return early if up to date
+ *   3. Run `npm i -g @shepai/cli@latest` with streamed output
+ *   4. Return result with old/new version info
+ */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { injectable, inject } from 'tsyringe';
+import { spawn } from 'node:child_process';
+const VERSION_CHECK_TIMEOUT_MS = 10_000;
+let UpgradeCliUseCase = class UpgradeCliUseCase {
+    versionService;
+    constructor(versionService) {
+        this.versionService = versionService;
+    }
+    async execute(onOutput) {
+        const { version: currentVersion } = this.versionService.getVersion();
+        // 1. Check latest version (fail-open)
+        const latestVersion = await this.getLatestVersion(onOutput);
+        // 2. Already up to date
+        if (latestVersion && latestVersion === currentVersion) {
+            onOutput?.(`Already up to date (v${currentVersion})\n`);
+            return { status: 'up-to-date', currentVersion, latestVersion };
+        }
+        // 3. Run upgrade
+        const target = latestVersion ? `v${latestVersion}` : 'latest';
+        onOutput?.(`Upgrading from v${currentVersion} to ${target}...\n`);
+        try {
+            const exitCode = await this.runNpmInstall(onOutput);
+            if (exitCode === 0) {
+                onOutput?.(`Successfully upgraded to ${target}\n`);
+                return { status: 'upgraded', currentVersion, latestVersion };
+            }
+            else {
+                const msg = `npm install exited with code ${exitCode}`;
+                onOutput?.(`Error: ${msg}\n`);
+                return { status: 'error', currentVersion, latestVersion, errorMessage: msg };
+            }
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : 'Installation failed';
+            onOutput?.(`Error: ${msg}\n`);
+            return { status: 'error', currentVersion, latestVersion, errorMessage: msg };
+        }
+    }
+    getLatestVersion(onOutput) {
+        return new Promise((resolve) => {
+            let output = '';
+            let settled = false;
+            const child = spawn('npm', ['view', '@shepai/cli', 'version'], {
+                stdio: ['ignore', 'pipe', 'pipe'],
+            });
+            const timeout = setTimeout(() => {
+                if (!settled) {
+                    settled = true;
+                    child.kill();
+                    onOutput?.('Version check timed out, proceeding with upgrade...\n');
+                    resolve(null);
+                }
+            }, VERSION_CHECK_TIMEOUT_MS);
+            child.stdout?.on('data', (data) => {
+                output += data.toString();
+            });
+            child.on('close', (code) => {
+                if (!settled) {
+                    settled = true;
+                    clearTimeout(timeout);
+                    if (code === 0 && output.trim()) {
+                        resolve(output.trim());
+                    }
+                    else {
+                        resolve(null);
+                    }
+                }
+            });
+            child.on('error', () => {
+                if (!settled) {
+                    settled = true;
+                    clearTimeout(timeout);
+                    onOutput?.('Could not check latest version\n');
+                    resolve(null);
+                }
+            });
+        });
+    }
+    runNpmInstall(onOutput) {
+        return new Promise((resolve, reject) => {
+            const child = spawn('npm', ['i', '-g', '@shepai/cli@latest'], {
+                stdio: ['ignore', 'pipe', 'pipe'],
+            });
+            child.stdout?.on('data', (data) => {
+                onOutput?.(data.toString());
+            });
+            child.stderr?.on('data', (data) => {
+                onOutput?.(data.toString());
+            });
+            child.on('close', (code) => {
+                resolve(code ?? 1);
+            });
+            child.on('error', (err) => {
+                reject(err);
+            });
+        });
+    }
+};
+UpgradeCliUseCase = __decorate([
+    injectable(),
+    __param(0, inject('IVersionService')),
+    __metadata("design:paramtypes", [Object])
+], UpgradeCliUseCase);
+export { UpgradeCliUseCase };

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;AAiHrC;;;;;;GAMG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,OAAO,SAAS,CAAC,CA0SrE;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;AAkHrC;;;;;;GAMG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,OAAO,SAAS,CAAC,CA8SrE;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

@@ -77,6 +77,7 @@ import { DeleteRepositoryUseCase } from '../../application/use-cases/repositorie
 import { CheckAndUnblockFeaturesUseCase } from '../../application/use-cases/features/check-and-unblock-features.use-case.js';
 import { UpdateFeatureLifecycleUseCase } from '../../application/use-cases/features/update/update-feature-lifecycle.use-case.js';
 import { CleanupFeatureWorktreeUseCase } from '../../application/use-cases/features/cleanup-feature-worktree.use-case.js';
+import { UpgradeCliUseCase } from '../../application/use-cases/upgrade/upgrade-cli.use-case.js';
 // Session listing
 import { ClaudeCodeSessionRepository } from '../services/agents/sessions/claude-code-session.repository.js';
 import { StubSessionRepository } from '../services/agents/sessions/stub-session.repository.js';
@@ -279,6 +280,7 @@ export async function initializeContainer() {
     container.registerSingleton(CheckAndUnblockFeaturesUseCase);
     container.registerSingleton(UpdateFeatureLifecycleUseCase);
     container.registerSingleton(CleanupFeatureWorktreeUseCase);
+    container.registerSingleton(UpgradeCliUseCase);
     // Session repositories (per-AgentType string tokens)
     container.register(`IAgentSessionRepository:${AgentType.ClaudeCode}`, {
         useFactory: () => new ClaudeCodeSessionRepository(),
@@ -360,6 +362,9 @@ export async function initializeContainer() {
     container.register('CleanupFeatureWorktreeUseCase', {
         useFactory: (c) => c.resolve(CleanupFeatureWorktreeUseCase),
     });
+    container.register('UpgradeCliUseCase', {
+        useFactory: (c) => c.resolve(UpgradeCliUseCase),
+    });
     _initialized = true;
     return container;
 }

package/dist/packages/core/src/infrastructure/services/git/worktree.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"worktree.service.d.ts","sourceRoot":"","sources":["../../../../../../../packages/core/src/infrastructure/services/git/worktree.service.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACb,MAAM,0EAA0E,CAAC;AAOlF;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,CACzB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EAAE,EACd,OAAO,CAAC,EAAE,MAAM,KACb,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEjD,qBACa,eAAgB,YAAW,gBAAgB;IAClB,OAAO,CAAC,QAAQ,CAAC,QAAQ;gBAAR,QAAQ,EAAE,YAAY;IAErE,MAAM,CACV,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,UAAU,CAAC,EAAE,MAAM,GAClB,OAAO,CAAC,YAAY,CAAC;IAqBlB,MAAM,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAW5D,KAAK,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQtC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IAO/C,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAK1D,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAWhE,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAWtE,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAmC1D,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM;IAMzD,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,aAAa;IAgCrB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,qBAAqB;CAU9B"}
+{"version":3,"file":"worktree.service.d.ts","sourceRoot":"","sources":["../../../../../../../packages/core/src/infrastructure/services/git/worktree.service.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH,OAAO,KAAK,EACV,gBAAgB,EAChB,YAAY,EACb,MAAM,0EAA0E,CAAC;AAOlF;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,CACzB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EAAE,EACd,OAAO,CAAC,EAAE,MAAM,KACb,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEjD,qBACa,eAAgB,YAAW,gBAAgB;IAClB,OAAO,CAAC,QAAQ,CAAC,QAAQ;gBAAR,QAAQ,EAAE,YAAY;IAErE,MAAM,CACV,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,UAAU,CAAC,EAAE,MAAM,GAClB,OAAO,CAAC,YAAY,CAAC;IAqBlB,MAAM,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAW5D,KAAK,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQtC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IAO/C,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAK1D,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAWhE,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAWtE,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAqC1D,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM;IAMzD,OAAO,CAAC,mBAAmB;IA2B3B,OAAO,CAAC,aAAa;IAgCrB,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,qBAAqB;CAU9B"}

package/dist/packages/core/src/infrastructure/services/git/worktree.service.js

@@ -127,9 +127,7 @@ let WorktreeService = class WorktreeService {
             }
             await this.execFile('git', ['config', 'user.name', GIT_AUTO_INIT_USER], { cwd: repoPath });
             await this.execFile('git', ['config', 'user.email', GIT_AUTO_INIT_EMAIL], { cwd: repoPath });
-            await this.execFile('git', ['commit', '--allow-empty', '-m', 'Initial commit'], {
-                cwd: repoPath,
-            });
+            await this.execFile('git', ['commit', '--allow-empty', '--no-gpg-sign', '-m', 'Initial commit'], { cwd: repoPath });
         }
         catch (error) {
             throw this.parseGitError(error);

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

@@ -19,7 +19,7 @@ export declare const symbols: {
     /** Warning triangle */
     readonly warning: "⚠" | "‼";
     /** Info circle */
-    readonly info: "ℹ" | "i";
+    readonly info: "i" | "ℹ";
     /** Arrow/pointer */
     readonly arrow: "→" | "->";
     /** Bullet point */

package/dist/src/presentation/web/app/api/cli-upgrade/route.d.ts

@@ -0,0 +1,3 @@
+export declare const dynamic = "force-dynamic";
+export declare function POST(): Promise<Response>;
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/cli-upgrade/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/app/api/cli-upgrade/route.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,wBAAsB,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,CA+B9C"}

package/dist/src/presentation/web/app/api/cli-upgrade/route.js

@@ -0,0 +1,31 @@
+import { resolve } from '../../../lib/server-container.js';
+// Force dynamic — SSE streams must never be statically optimized or cached
+export const dynamic = 'force-dynamic';
+export async function POST() {
+    const useCase = resolve('UpgradeCliUseCase');
+    const encoder = new TextEncoder();
+    const stream = new ReadableStream({
+        async start(controller) {
+            try {
+                const result = await useCase.execute((chunk) => {
+                    controller.enqueue(encoder.encode(`data: ${chunk.replace(/\n/g, '\ndata: ')}\n\n`));
+                });
+                controller.enqueue(encoder.encode(`event: done\ndata: ${JSON.stringify(result)}\n\n`));
+            }
+            catch (error) {
+                const message = error instanceof Error ? error.message : 'Upgrade failed';
+                controller.enqueue(encoder.encode(`event: done\ndata: ${JSON.stringify({ status: 'error', currentVersion: '', latestVersion: null, errorMessage: message })}\n\n`));
+            }
+            finally {
+                controller.close();
+            }
+        },
+    });
+    return new Response(stream, {
+        headers: {
+            'Content-Type': 'text/event-stream',
+            'Cache-Control': 'no-cache',
+            Connection: 'keep-alive',
+        },
+    });
+}

package/dist/src/presentation/web/components/common/version-badge/version-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version-badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/version-badge/version-badge.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,UAAU,EACV,KAAa,EACb,WAA2B,EAC3B,WAAW,EACX,YAAY,GACb,EAAE,iBAAiB,2CAyDnB"}
+{"version":3,"file":"version-badge.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/version-badge/version-badge.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,UAAU,EACV,KAAa,EACb,WAA2B,EAC3B,WAAW,EACX,YAAY,GACb,EAAE,iBAAiB,2CA2EnB"}

package/dist/src/presentation/web/components/common/version-badge/version-badge.js

@@ -2,13 +2,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
 import { useNpmVersionCheck } from '../../../hooks/use-npm-version-check.js';
+import { useCliUpgrade } from '../../../hooks/use-cli-upgrade.js';
 export function VersionBadge({ version, branch, commitHash, isDev = false, packageName = '@shepai/cli', description, instancePath, }) {
     const shortHash = commitHash?.slice(0, 7);
     const { latest, updateAvailable } = useNpmVersionCheck(version);
+    const { status: upgradeStatus, startUpgrade } = useCliUpgrade();
     // In dev mode show "1.92.2-dev", in production show "v1.92.2"
     const displayVersion = isDev ? `${version}-dev` : `v${version}`;
-    const npmUrl = `https://www.npmjs.com/package/${packageName}`;
-    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("span", { className: "text-muted-foreground/80 hover:text-muted-foreground relative cursor-default text-[11px] leading-tight transition-colors", "data-testid": "version-label", children: [displayVersion, updateAvailable ? (_jsx("span", { className: "absolute -top-0.5 -right-1.5 size-1.5 rounded-full bg-emerald-400", "data-testid": "update-dot" })) : null] }) }), _jsxs(TooltipContent, { side: "right", className: "max-w-[280px] space-y-1 p-3 text-left", children: [_jsx("div", { className: "mb-1.5 text-xs font-semibold", children: packageName }), description ? (_jsx("div", { className: "text-[10px] leading-snug opacity-70", children: description })) : null, _jsxs("div", { className: "border-t border-white/10 pt-1.5", children: [_jsx(Row, { label: "Version", value: displayVersion }), isDev && branch ? _jsx(Row, { label: "Branch", value: branch }) : null, isDev && shortHash ? _jsx(Row, { label: "Commit", value: shortHash, mono: true }) : null, isDev && instancePath ? _jsx(Row, { label: "Path", value: instancePath, mono: true }) : null, latest ? (_jsx(Row, { label: "Latest", value: `v${latest}`, highlight: updateAvailable })) : null] }), updateAvailable ? (_jsx("div", { className: "border-t border-white/10 pt-1.5", children: _jsxs("a", { href: npmUrl, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 text-[10px] font-medium text-emerald-400 transition-colors hover:text-emerald-300", "data-testid": "upgrade-link", children: ["Upgrade to v", latest, " \u2192"] }) })) : null] })] }) }));
+    const isUpgrading = upgradeStatus === 'upgrading';
+    const didUpgrade = upgradeStatus === 'upgraded';
+    const upgradeError = upgradeStatus === 'error';
+    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("span", { className: "text-muted-foreground/80 hover:text-muted-foreground relative cursor-default text-[11px] leading-tight transition-colors", "data-testid": "version-label", children: [displayVersion, updateAvailable && !didUpgrade ? (_jsx("span", { className: "absolute -top-0.5 -right-1.5 size-1.5 rounded-full bg-emerald-400", "data-testid": "update-dot" })) : null] }) }), _jsxs(TooltipContent, { side: "right", className: "max-w-[280px] space-y-1 p-3 text-left", children: [_jsx("div", { className: "mb-1.5 text-xs font-semibold", children: packageName }), description ? (_jsx("div", { className: "text-[10px] leading-snug opacity-70", children: description })) : null, _jsxs("div", { className: "border-t border-white/10 pt-1.5", children: [_jsx(Row, { label: "Version", value: displayVersion }), isDev && branch ? _jsx(Row, { label: "Branch", value: branch }) : null, isDev && shortHash ? _jsx(Row, { label: "Commit", value: shortHash, mono: true }) : null, isDev && instancePath ? _jsx(Row, { label: "Path", value: instancePath, mono: true }) : null, latest ? (_jsx(Row, { label: "Latest", value: `v${latest}`, highlight: updateAvailable })) : null] }), didUpgrade ? (_jsx("div", { className: "border-t border-white/10 pt-1.5", children: _jsx("span", { className: "text-[10px] font-medium text-emerald-400", "data-testid": "upgrade-success", children: "Upgraded successfully \u2014 restart to apply" }) })) : upgradeError ? (_jsx("div", { className: "border-t border-white/10 pt-1.5", children: _jsx("span", { className: "text-[10px] font-medium text-red-400", "data-testid": "upgrade-error", children: "Upgrade failed" }) })) : updateAvailable ? (_jsx("div", { className: "border-t border-white/10 pt-1.5", children: _jsx("button", { type: "button", onClick: startUpgrade, disabled: isUpgrading, className: "inline-flex items-center gap-1 text-[10px] font-medium text-emerald-400 transition-colors hover:text-emerald-300 disabled:opacity-50", "data-testid": "upgrade-button", children: isUpgrading ? 'Upgrading...' : `Upgrade to v${latest}` }) })) : null] })] }) }));
 }
 function Row({ label, value, highlight, mono, }) {
     return (_jsxs("div", { className: "flex items-center justify-between gap-4 text-[10px]", children: [_jsx("span", { className: "opacity-60", children: label }), _jsx("span", { className: [

package/dist/src/presentation/web/components/common/version-badge/version-badge.stories.d.ts

@@ -11,9 +11,9 @@ export declare const Development: Story;
 export declare const LongBranch: Story;
 /** Minimal info — no optional fields. */
 export declare const Minimal: Story;
-/** Update available — green dot appears, tooltip shows "Upgrade to v2.0.0" link. */
+/** Update available — green dot appears, tooltip shows "Upgrade to v2.0.0" button. */
 export declare const UpdateAvailable: Story;
-/** Update available in dev mode — green dot + upgrade link alongside dev info. */
+/** Update available in dev mode — green dot + upgrade button alongside dev info. */
 export declare const UpdateAvailableDev: Story;
 /** Fetch error — no update info shown, badge behaves normally. */
 export declare const FetchError: Story;

package/dist/src/presentation/web/components/common/version-badge/version-badge.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version-badge.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/version-badge/version-badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAa,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAmC/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,mFAAmF;AACnF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC"}
+{"version":3,"file":"version-badge.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/version-badge/version-badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAa,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAwD/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,mFAAmF;AACnF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,sFAAsF;AACtF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC"}

package/dist/src/presentation/web/components/common/version-badge/version-badge.stories.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { VersionBadge } from './version-badge.js';
 /**
- * Decorator that mocks the /api/npm-version endpoint to return a specific latest version.
+ * Decorator that mocks the /api/npm-version endpoint to return a specific latest version
+ * and the /api/cli-upgrade endpoint to simulate an upgrade.
  */
 function withNpmVersion(latest) {
     return (Story) => {
@@ -14,6 +15,22 @@ function withNpmVersion(latest) {
                     headers: { 'Content-Type': 'application/json' },
                 });
             }
+            if (url.includes('/api/cli-upgrade')) {
+                const encoder = new TextEncoder();
+                const stream = new ReadableStream({
+                    start(controller) {
+                        controller.enqueue(encoder.encode(`data: Upgrading to v${latest}...\n\n`));
+                        setTimeout(() => {
+                            controller.enqueue(encoder.encode(`event: done\ndata: ${JSON.stringify({ status: 'upgraded', currentVersion: '1.90.0', latestVersion: latest })}\n\n`));
+                            controller.close();
+                        }, 1000);
+                    },
+                });
+                return new Response(stream, {
+                    status: 200,
+                    headers: { 'Content-Type': 'text/event-stream' },
+                });
+            }
             return originalFetch(input, init);
         });
         return _jsx(Story, {});
@@ -82,7 +99,7 @@ export const Minimal = {
         version: '1.0.0',
     },
 };
-/** Update available — green dot appears, tooltip shows "Upgrade to v2.0.0" link. */
+/** Update available — green dot appears, tooltip shows "Upgrade to v2.0.0" button. */
 export const UpdateAvailable = {
     decorators: [withNpmVersion('2.0.0')],
     args: {
@@ -91,7 +108,7 @@ export const UpdateAvailable = {
         description: 'Autonomous AI Native SDLC Platform',
     },
 };
-/** Update available in dev mode — green dot + upgrade link alongside dev info. */
+/** Update available in dev mode — green dot + upgrade button alongside dev info. */
 export const UpdateAvailableDev = {
     decorators: [withNpmVersion('2.0.0')],
     args: {

package/dist/src/presentation/web/hooks/use-cli-upgrade.d.ts

@@ -0,0 +1,11 @@
+export type UpgradeStatus = 'idle' | 'upgrading' | 'upgraded' | 'up-to-date' | 'error';
+export interface CliUpgradeState {
+    status: UpgradeStatus;
+    output: string;
+    errorMessage?: string;
+}
+export interface CliUpgradeActions {
+    startUpgrade: () => void;
+}
+export declare function useCliUpgrade(): CliUpgradeState & CliUpgradeActions;
+//# sourceMappingURL=use-cli-upgrade.d.ts.map

package/dist/src/presentation/web/hooks/use-cli-upgrade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cli-upgrade.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-cli-upgrade.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC;AAEvF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,aAAa,IAAI,eAAe,GAAG,iBAAiB,CA6EnE"}

package/dist/src/presentation/web/hooks/use-cli-upgrade.js

@@ -0,0 +1,73 @@
+'use client';
+import { useCallback, useRef, useState } from 'react';
+export function useCliUpgrade() {
+    const [status, setStatus] = useState('idle');
+    const [output, setOutput] = useState('');
+    const [errorMessage, setErrorMessage] = useState();
+    const abortRef = useRef(null);
+    const startUpgrade = useCallback(() => {
+        if (status === 'upgrading')
+            return;
+        setStatus('upgrading');
+        setOutput('');
+        setErrorMessage(undefined);
+        const controller = new AbortController();
+        abortRef.current = controller;
+        fetch('/api/cli-upgrade', { method: 'POST', signal: controller.signal })
+            .then(async (response) => {
+            if (!response.ok || !response.body) {
+                setStatus('error');
+                setErrorMessage(`Server returned ${response.status}`);
+                return;
+            }
+            const reader = response.body.getReader();
+            const decoder = new TextDecoder();
+            let buffer = '';
+            while (true) {
+                const { done, value } = await reader.read();
+                if (done)
+                    break;
+                buffer += decoder.decode(value, { stream: true });
+                const lines = buffer.split('\n');
+                buffer = lines.pop() ?? '';
+                for (const line of lines) {
+                    if (line.startsWith('event: done')) {
+                        // Next data line contains the final result
+                        continue;
+                    }
+                    if (line.startsWith('data: ')) {
+                        const payload = line.slice(6);
+                        // Try to parse as final JSON result
+                        try {
+                            const result = JSON.parse(payload);
+                            if (result.status === 'upgraded') {
+                                setStatus('upgraded');
+                            }
+                            else if (result.status === 'up-to-date') {
+                                setStatus('up-to-date');
+                            }
+                            else if (result.status === 'error') {
+                                setStatus('error');
+                                setErrorMessage(result.errorMessage);
+                            }
+                        }
+                        catch {
+                            // Regular output line
+                            setOutput((prev) => prev + payload);
+                        }
+                    }
+                }
+            }
+        })
+            .catch((err) => {
+            if (err instanceof DOMException && err.name === 'AbortError')
+                return;
+            setStatus('error');
+            setErrorMessage(err instanceof Error ? err.message : 'Upgrade failed');
+        });
+        return () => {
+            controller.abort();
+        };
+    }, [status]);
+    return { status, output, errorMessage, startUpgrade };
+}