@shepai/cli 1.99.0 → 1.100.0

package/dist/src/presentation/web/app/api/npm-version/route.d.ts

@@ -0,0 +1,3 @@
+import { NextResponse } from 'next/server';
+export declare function GET(): Promise<NextResponse>;
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/npm-version/route.d.ts.map

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

package/dist/src/presentation/web/app/api/npm-version/route.js

@@ -0,0 +1,18 @@
+import { NextResponse } from 'next/server';
+export async function GET() {
+    const packageName = '@shepai/cli';
+    try {
+        const res = await fetch(`https://registry.npmjs.org/${packageName}/latest`, {
+            next: { revalidate: 300 },
+        });
+        if (!res.ok) {
+            return NextResponse.json({ error: `npm registry returned ${res.status}` }, { status: 502 });
+        }
+        const data = (await res.json());
+        return NextResponse.json({ latest: data.version ?? null });
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : 'Failed to check npm version';
+        return NextResponse.json({ error: message }, { status: 502 });
+    }
+}

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":"AAIA,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,2CAgCnB"}
+{"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"}

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

@@ -1,15 +1,18 @@
 'use client';
 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';
 export function VersionBadge({ version, branch, commitHash, isDev = false, packageName = '@shepai/cli', description, instancePath, }) {
     const shortHash = commitHash?.slice(0, 7);
+    const { latest, updateAvailable } = useNpmVersionCheck(version);
     // In dev mode show "1.92.2-dev", in production show "v1.92.2"
     const displayVersion = isDev ? `${version}-dev` : `v${version}`;
-    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "text-muted-foreground/80 hover:text-muted-foreground cursor-default text-[11px] leading-tight transition-colors", "data-testid": "version-label", children: displayVersion }) }), _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] })] })] }) }));
+    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] })] }) }));
 }
 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: [
-                    highlight ? 'font-medium text-cyan-400' : '',
+                    highlight ? 'font-medium text-emerald-400' : '',
                     mono || !highlight ? 'font-mono' : '',
                 ]
                     .filter(Boolean)

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

@@ -11,4 +11,10 @@ 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. */
+export declare const UpdateAvailable: Story;
+/** Update available in dev mode — green dot + upgrade link alongside dev info. */
+export declare const UpdateAvailableDev: Story;
+/** Fetch error — no update info shown, badge behaves normally. */
+export declare const FetchError: Story;
 //# sourceMappingURL=version-badge.stories.d.ts.map

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,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/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,KAMxB,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,OAAO,EAAE,KAIrB,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;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"}

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

@@ -1,4 +1,36 @@
+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.
+ */
+function withNpmVersion(latest) {
+    return (Story) => {
+        const originalFetch = window.fetch;
+        window.fetch = (async (input, init) => {
+            const url = typeof input === 'string' ? input : input instanceof URL ? input.href : input.url;
+            if (url.includes('/api/npm-version')) {
+                return new Response(JSON.stringify({ latest }), {
+                    status: 200,
+                    headers: { 'Content-Type': 'application/json' },
+                });
+            }
+            return originalFetch(input, init);
+        });
+        return _jsx(Story, {});
+    };
+}
+/** Decorator that mocks fetch to return an error for the npm version endpoint. */
+const withNpmVersionError = (Story) => {
+    const originalFetch = window.fetch;
+    window.fetch = (async (input, init) => {
+        const url = typeof input === 'string' ? input : input instanceof URL ? input.href : input.url;
+        if (url.includes('/api/npm-version')) {
+            return new Response(JSON.stringify({ error: 'Not found' }), { status: 502 });
+        }
+        return originalFetch(input, init);
+    });
+    return _jsx(Story, {});
+};
 const meta = {
     title: 'Common/VersionBadge',
     component: VersionBadge,
@@ -10,6 +42,7 @@ const meta = {
 export default meta;
 /** Production mode — shows "v1.90.0" as dimmed text, no dev details in tooltip. */
 export const Production = {
+    decorators: [withNpmVersion('1.90.0')],
     args: {
         version: '1.90.0',
         packageName: '@shepai/cli',
@@ -18,6 +51,7 @@ export const Production = {
 };
 /** Development mode — shows "1.90.0-dev", tooltip includes branch, commit, and path. */
 export const Development = {
+    decorators: [withNpmVersion('1.90.0')],
     args: {
         version: '1.90.0',
         isDev: true,
@@ -30,6 +64,7 @@ export const Development = {
 };
 /** Development mode with a long branch name — shown in tooltip. */
 export const LongBranch = {
+    decorators: [withNpmVersion('1.90.0')],
     args: {
         version: '1.90.0',
         isDev: true,
@@ -42,7 +77,39 @@ export const LongBranch = {
 };
 /** Minimal info — no optional fields. */
 export const Minimal = {
+    decorators: [withNpmVersion('1.0.0')],
     args: {
         version: '1.0.0',
     },
 };
+/** Update available — green dot appears, tooltip shows "Upgrade to v2.0.0" link. */
+export const UpdateAvailable = {
+    decorators: [withNpmVersion('2.0.0')],
+    args: {
+        version: '1.90.0',
+        packageName: '@shepai/cli',
+        description: 'Autonomous AI Native SDLC Platform',
+    },
+};
+/** Update available in dev mode — green dot + upgrade link alongside dev info. */
+export const UpdateAvailableDev = {
+    decorators: [withNpmVersion('2.0.0')],
+    args: {
+        version: '1.90.0',
+        isDev: true,
+        branch: 'feat/npm-version-checker',
+        commitHash: '5a84c148b3e2f1a9c7d6e8b4a2f1c3d5e7f9a1b3',
+        packageName: '@shepai/cli',
+        description: 'Autonomous AI Native SDLC Platform',
+        instancePath: '/home/user/projects/shep',
+    },
+};
+/** Fetch error — no update info shown, badge behaves normally. */
+export const FetchError = {
+    decorators: [withNpmVersionError],
+    args: {
+        version: '1.90.0',
+        packageName: '@shepai/cli',
+        description: 'Autonomous AI Native SDLC Platform',
+    },
+};

package/dist/src/presentation/web/hooks/use-npm-version-check.d.ts

@@ -0,0 +1,10 @@
+export interface NpmVersionCheckResult {
+    /** Latest version on npm, or null if not yet fetched / error */
+    latest: string | null;
+    /** Whether a newer version is available on npm */
+    updateAvailable: boolean;
+    /** True while the fetch is in progress */
+    loading: boolean;
+}
+export declare function useNpmVersionCheck(currentVersion: string): NpmVersionCheckResult;
+//# sourceMappingURL=use-npm-version-check.d.ts.map

package/dist/src/presentation/web/hooks/use-npm-version-check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-npm-version-check.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-npm-version-check.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,gEAAgE;IAChE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kDAAkD;IAClD,eAAe,EAAE,OAAO,CAAC;IACzB,0CAA0C;IAC1C,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,kBAAkB,CAAC,cAAc,EAAE,MAAM,GAAG,qBAAqB,CA+BhF"}

package/dist/src/presentation/web/hooks/use-npm-version-check.js

@@ -0,0 +1,34 @@
+'use client';
+import { useEffect, useState } from 'react';
+import { compareVersions } from '../lib/compare-versions.js';
+export function useNpmVersionCheck(currentVersion) {
+    const [latest, setLatest] = useState(null);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        let cancelled = false;
+        async function check() {
+            try {
+                const res = await fetch('/api/npm-version');
+                if (!res.ok)
+                    return;
+                const data = (await res.json());
+                if (!cancelled && data.latest) {
+                    setLatest(data.latest);
+                }
+            }
+            catch {
+                // Silently fail — version check is non-critical
+            }
+            finally {
+                if (!cancelled)
+                    setLoading(false);
+            }
+        }
+        check();
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    const updateAvailable = latest !== null && compareVersions(latest, currentVersion) > 0;
+    return { latest, updateAvailable, loading };
+}

package/dist/src/presentation/web/lib/compare-versions.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Compare two semver version strings.
+ * Returns 1 if a > b, -1 if a < b, 0 if equal.
+ * Only compares major.minor.patch (ignores pre-release/build metadata).
+ */
+export declare function compareVersions(a: string, b: string): -1 | 0 | 1;
+//# sourceMappingURL=compare-versions.d.ts.map

package/dist/src/presentation/web/lib/compare-versions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-versions.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/compare-versions.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAWhE"}

package/dist/src/presentation/web/lib/compare-versions.js

@@ -0,0 +1,19 @@
+/**
+ * Compare two semver version strings.
+ * Returns 1 if a > b, -1 if a < b, 0 if equal.
+ * Only compares major.minor.patch (ignores pre-release/build metadata).
+ */
+export function compareVersions(a, b) {
+    const parse = (v) => v.split('-')[0].split('.').map(Number);
+    const pa = parse(a);
+    const pb = parse(b);
+    for (let i = 0; i < 3; i++) {
+        const na = pa[i] ?? 0;
+        const nb = pb[i] ?? 0;
+        if (na > nb)
+            return 1;
+        if (na < nb)
+            return -1;
+    }
+    return 0;
+}