@shepai/cli 1.99.0 → 1.100.0-pr300.db7a82d

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/drawer-action-bar/drawer-action-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-action-bar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAoB,MAAM,4BAA4B,CAAC;AAmEzF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,YAAoB,EACpB,WAAmB,EACnB,QAAQ,EACR,SAAS,EAAE,mBAAmB,EAC9B,iBAAiB,GAClB,EAAE,oBAAoB,2CA+XtB"}
+{"version":3,"file":"drawer-action-bar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAoB,MAAM,4BAA4B,CAAC;AAmEzF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,YAAoB,EACpB,WAAmB,EACnB,QAAQ,EACR,SAAS,EAAE,mBAAmB,EAC9B,iBAAiB,GAClB,EAAE,oBAAoB,2CA2XtB"}

package/dist/src/presentation/web/components/common/drawer-action-bar/drawer-action-bar.js

@@ -83,8 +83,9 @@ export function DrawerActionBar({ onReject, onApprove, approveLabel, revisionPla
     const [hoverExpanded, setHoverExpanded] = useState(false);
     const [ctrlHeld, setCtrlHeld] = useState(false);
     const [shiftHeld, setShiftHeld] = useState(false);
-    const approveExpanded = hoverExpanded || (ctrlHeld && shiftHeld);
-    const rejectHighlighted = ctrlHeld && !shiftHeld;
+    const hasText = chatInput.trim().length > 0;
+    const approveExpanded = hasText ? hoverExpanded || (ctrlHeld && shiftHeld) : !hoverExpanded;
+    const rejectHighlighted = hasText ? ctrlHeld && !shiftHeld : false;
     const dragCounterRef = useRef(0);
     const sessionIdRef = useRef(crypto.randomUUID());
     const formRef = useRef(null);
@@ -247,8 +248,8 @@ export function DrawerActionBar({ onReject, onApprove, approveLabel, revisionPla
     function handleFormSubmit(e) {
         e.preventDefault();
         const text = chatInput.trim();
-        if (hoverExpanded || (ctrlHeld && shiftHeld)) {
-            // Approve mode (hovering arrow or Shift held)
+        if (approveExpanded) {
+            // Approve mode
             approveSound.play();
             onApprove();
             clearForm();
@@ -269,13 +270,13 @@ export function DrawerActionBar({ onReject, onApprove, approveLabel, revisionPla
         }
     }, []);
     const modKey = typeof navigator !== 'undefined' && /Mac/i.test(navigator.userAgent) ? '⌘' : 'Ctrl';
-    return (_jsxs("div", { className: "border-border shrink-0 border-t", children: [children, onReject ? (_jsx(TooltipProvider, { delayDuration: 400, children: _jsx("form", { ref: formRef, onSubmit: handleFormSubmit, className: "p-3", children: _jsx("div", { role: "region", "aria-label": "File drop zone", "data-drag-over": isDragOver ? 'true' : 'false', onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, className: cn('rounded-md border-2 border-transparent transition-colors', isDragOver && 'border-primary/50 bg-primary/5'), children: _jsxs("div", { className: "border-input focus-within:ring-ring/50 focus-within:border-ring flex flex-col overflow-hidden rounded-md border shadow-xs transition-[color,box-shadow] focus-within:ring-[3px]", children: [_jsx(Textarea, { placeholder: revisionPlaceholder ?? 'Ask AI to revise...', "aria-label": revisionPlaceholder ?? 'Ask AI to revise...', disabled: disabled, value: chatInput, onChange: (e) => setChatInput(e.target.value), onKeyDown: handleKeyDown, onPaste: handlePaste, rows: 3, className: "max-h-[35dvh] min-h-0 flex-1 resize-none overflow-y-auto rounded-none border-0 shadow-none focus-visible:ring-0", "data-testid": "drawer-chat-input" }), attachments.length > 0 && (_jsx("div", { className: "flex flex-wrap items-center gap-1.5 px-3 py-2", children: attachments.map((file) => (_jsx(AttachmentChip, { name: file.name, size: file.size, mimeType: file.mimeType, path: file.path, onRemove: () => handleRemoveFile(file.id), disabled: disabled, loading: file.loading }, file.id))) })), uploadError ? (_jsx("p", { className: "text-destructive px-3 pb-2 text-xs", children: uploadError })) : null, _jsxs("div", { className: "border-input flex items-center gap-2 border-t px-3 py-1.5", children: [_jsxs("span", { className: "text-muted-foreground flex-1 truncate text-[11px]", children: [_jsxs("kbd", { className: "bg-muted rounded px-1 py-0.5 font-mono text-[10px]", children: [modKey, "+Enter"] }), ' ', "reject", _jsx("span", { className: "mx-1 opacity-40", children: "|" }), _jsxs("kbd", { className: "bg-muted rounded px-1 py-0.5 font-mono text-[10px]", children: [modKey, "+Shift+Enter"] }), ' ', "approve"] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: handleAddFiles, disabled: disabled, "aria-label": "Attach files", className: "text-muted-foreground hover:text-foreground cursor-pointer rounded p-1 transition-colors", children: _jsx(PaperclipIcon, { className: "h-4 w-4" }) }) }), _jsx(TooltipContent, { side: "top", children: "Attach files" })] }), _jsx("div", { onMouseLeave: () => setHoverExpanded(false), children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "submit", disabled: disabled, "data-testid": "drawer-action-submit", className: cn('relative flex h-8 min-w-[10rem] cursor-pointer items-center overflow-hidden rounded-md border pr-10 pl-4 text-sm font-medium whitespace-nowrap transition-colors', 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50', approveExpanded
+    return (_jsxs("div", { className: "border-border shrink-0 border-t", children: [children, onReject ? (_jsx(TooltipProvider, { delayDuration: 400, children: _jsx("form", { ref: formRef, onSubmit: handleFormSubmit, className: "p-3", children: _jsx("div", { role: "region", "aria-label": "File drop zone", "data-drag-over": isDragOver ? 'true' : 'false', onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, className: cn('rounded-md border-2 border-transparent transition-colors', isDragOver && 'border-primary/50 bg-primary/5'), children: _jsxs("div", { className: "border-input focus-within:ring-ring/50 focus-within:border-ring flex flex-col overflow-hidden rounded-md border shadow-xs transition-[color,box-shadow] focus-within:ring-[3px]", children: [_jsx(Textarea, { placeholder: revisionPlaceholder ?? 'Ask AI to revise...', "aria-label": revisionPlaceholder ?? 'Ask AI to revise...', disabled: disabled, value: chatInput, onChange: (e) => setChatInput(e.target.value), onKeyDown: handleKeyDown, onPaste: handlePaste, rows: 3, className: "max-h-[35dvh] min-h-0 flex-1 resize-none overflow-y-auto rounded-none border-0 shadow-none focus-visible:ring-0", "data-testid": "drawer-chat-input" }), attachments.length > 0 && (_jsx("div", { className: "flex flex-wrap items-center gap-1.5 px-3 py-2", children: attachments.map((file) => (_jsx(AttachmentChip, { name: file.name, size: file.size, mimeType: file.mimeType, path: file.path, onRemove: () => handleRemoveFile(file.id), disabled: disabled, loading: file.loading }, file.id))) })), uploadError ? (_jsx("p", { className: "text-destructive px-3 pb-2 text-xs", children: uploadError })) : null, _jsxs("div", { className: "border-input flex items-center gap-2 border-t px-3 py-1.5", children: [_jsxs("span", { className: "text-muted-foreground flex-1 truncate text-[11px]", children: [_jsxs("kbd", { className: "bg-muted rounded px-1 py-0.5 font-mono text-[10px]", children: [modKey, "+Enter"] }), ' ', hasText ? 'reject' : 'approve'] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: handleAddFiles, disabled: disabled, "aria-label": "Attach files", className: "text-muted-foreground hover:text-foreground cursor-pointer rounded p-1 transition-colors", children: _jsx(PaperclipIcon, { className: "h-4 w-4" }) }) }), _jsx(TooltipContent, { side: "top", children: "Attach files" })] }), _jsx("div", { onMouseLeave: () => setHoverExpanded(false), children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "submit", disabled: disabled, "data-testid": "drawer-action-submit", className: cn('relative flex h-8 min-w-[10rem] cursor-pointer items-center overflow-hidden rounded-md border pr-10 pl-4 text-sm font-medium whitespace-nowrap transition-colors', 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50', approveExpanded
                                                                 ? 'border-blue-400/60 text-white'
                                                                 : rejectHighlighted
                                                                     ? 'border-primary bg-muted ring-primary/30 shadow-sm ring-1'
                                                                     : 'border-border bg-muted/50 hover:bg-muted shadow-sm'), children: [_jsx("div", { className: "pointer-events-none absolute inset-0 bg-blue-500/85 transition-transform duration-300 ease-in-out", style: {
                                                                         transform: approveExpanded ? 'translateX(0)' : 'translateX(100%)',
-                                                                    } }), _jsxs("span", { className: cn('absolute inset-0 z-10 flex items-center justify-center gap-1.5 pr-8 transition-opacity duration-300', approveExpanded ? 'opacity-0' : 'opacity-100'), children: [_jsx(Send, { className: "h-3.5 w-3.5 shrink-0" }), "Reject"] }), _jsxs("span", { className: cn('absolute inset-0 z-10 flex items-center justify-center gap-1.5 text-white transition-opacity duration-300', approveExpanded ? 'opacity-100' : 'opacity-0'), children: [_jsx(Check, { className: "h-3.5 w-3.5 shrink-0" }), approveLabel] }), _jsx("span", { className: cn('border-input/60 absolute inset-y-0 right-0 z-20 flex w-8 cursor-pointer items-center justify-center rounded-r-[5px] border-l bg-blue-500/85 transition-opacity duration-300', approveExpanded && 'pointer-events-none opacity-0'), onMouseEnter: () => setHoverExpanded(true), children: _jsx(ChevronLeft, { className: "h-3.5 w-3.5 text-white" }) })] }) }), _jsx(TooltipContent, { side: "top", children: approveExpanded ? 'Approve' : 'Send revision feedback' })] }) })] })] }) }) }) })) : (_jsx("div", { className: "flex items-center gap-2 px-4 pb-4", children: _jsx(Button, { type: "button", className: "flex-1", disabled: disabled, onClick: () => {
+                                                                    } }), _jsxs("span", { className: cn('absolute inset-0 z-10 flex items-center justify-center gap-1.5 pr-8 transition-opacity duration-300', approveExpanded ? 'opacity-0' : 'opacity-100'), children: [_jsx(Send, { className: "h-3.5 w-3.5 shrink-0" }), "Reject"] }), _jsxs("span", { className: cn('absolute inset-0 z-10 flex items-center justify-center gap-1.5 text-white transition-opacity duration-300', approveExpanded ? 'opacity-100' : 'opacity-0'), children: [_jsx(Check, { className: "h-3.5 w-3.5 shrink-0" }), approveLabel] }), _jsx("span", { className: cn('border-input/60 absolute inset-y-0 right-0 z-20 flex w-8 cursor-pointer items-center justify-center rounded-r-[5px] border-l bg-blue-500/85 transition-opacity duration-300', !hasText && !hoverExpanded && 'pointer-events-none opacity-0'), onMouseEnter: () => setHoverExpanded(true), children: _jsx(ChevronLeft, { className: "h-3.5 w-3.5 text-white" }) })] }) }), _jsx(TooltipContent, { side: "top", children: approveExpanded ? approveLabel : 'Send revision feedback' })] }) })] })] }) }) }) })) : (_jsx("div", { className: "flex items-center gap-2 px-4 pb-4", children: _jsx(Button, { type: "button", className: "flex-1", disabled: disabled, onClick: () => {
                         approveSound.play();
                         onApprove();
                     }, children: approveLabel }) }))] }));

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