@shepai/cli 1.99.0-pr298.6507e9c → 1.100.0-pr296.c8a5c17

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/components/features/settings/notification-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/notification-settings-section.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAkBpF,MAAM,WAAW,gCAAgC;IAC/C,aAAa,EAAE,uBAAuB,CAAC;CACxC;AAED,wBAAgB,2BAA2B,CAAC,EAAE,aAAa,EAAE,EAAE,gCAAgC,2CAkJ9F"}
+{"version":3,"file":"notification-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/notification-settings-section.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAiBpF,MAAM,WAAW,gCAAgC;IAC/C,aAAa,EAAE,uBAAuB,CAAC;CACxC;AAED,wBAAgB,2BAA2B,CAAC,EAAE,aAAa,EAAE,EAAE,gCAAgC,2CAkJ9F"}

package/dist/src/presentation/web/components/features/settings/notification-settings-section.js

@@ -20,7 +20,6 @@ const PR_EVENT_TOGGLES = [
     { key: 'prClosed', label: 'PR Closed' },
     { key: 'prChecksPassed', label: 'PR Checks Passed' },
     { key: 'prChecksFailed', label: 'PR Checks Failed' },
-    { key: 'prBlocked', label: 'PR Blocked' },
 ];
 export function NotificationSettingsSection({ notifications }) {
     const [inApp, setInApp] = useState(notifications.inApp.enabled);

package/dist/src/presentation/web/components/features/settings/notification-settings-section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/notification-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAE9E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4BnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}
+{"version":3,"file":"notification-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/notification-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAE9E,QAAA,MAAM,IAAI;;;;;;;CAO0C,CAAC;AAErD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0BnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/src/presentation/web/components/features/settings/notification-settings-section.stories.js

@@ -18,7 +18,6 @@ const allEvents = {
     prClosed: true,
     prChecksPassed: true,
     prChecksFailed: true,
-    prBlocked: true,
 };
 const noEvents = {
     agentStarted: false,
@@ -30,7 +29,6 @@ const noEvents = {
     prClosed: false,
     prChecksPassed: false,
     prChecksFailed: false,
-    prBlocked: false,
 };
 export const Default = {
     args: {

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;
+}