@shepai/cli 1.101.3-pr299.26f760e → 1.101.3-pr299.301dd4c

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

@@ -0,0 +1,13 @@
+import { NextResponse } from 'next/server';
+/**
+ * Returns runtime version info.
+ *
+ * NEXT_PUBLIC_* env vars are inlined at build time for client components,
+ * so client-side code sees the version from when the bundle was built —
+ * not the currently running CLI version.
+ *
+ * This API route reads the env vars at runtime on the server, ensuring
+ * the client always gets the correct version.
+ */
+export declare function GET(): NextResponse;
+//# sourceMappingURL=route.d.ts.map

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

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

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

@@ -0,0 +1,22 @@
+import { NextResponse } from 'next/server';
+/**
+ * Returns runtime version info.
+ *
+ * NEXT_PUBLIC_* env vars are inlined at build time for client components,
+ * so client-side code sees the version from when the bundle was built —
+ * not the currently running CLI version.
+ *
+ * This API route reads the env vars at runtime on the server, ensuring
+ * the client always gets the correct version.
+ */
+export function GET() {
+    return NextResponse.json({
+        version: process.env.NEXT_PUBLIC_SHEP_VERSION ?? 'unknown',
+        packageName: process.env.NEXT_PUBLIC_SHEP_PACKAGE_NAME ?? '@shepai/cli',
+        description: process.env.NEXT_PUBLIC_SHEP_DESCRIPTION ?? 'Autonomous AI Native SDLC Platform',
+        branch: process.env.NEXT_PUBLIC_SHEP_BRANCH ?? '',
+        commitHash: process.env.NEXT_PUBLIC_SHEP_COMMIT ?? '',
+        instancePath: process.env.NEXT_PUBLIC_SHEP_INSTANCE_PATH ?? '',
+        isDev: process.env.NODE_ENV === 'development',
+    });
+}

package/dist/src/presentation/web/components/common/merge-review/diff-view.js

@@ -26,5 +26,5 @@ function FileDiffItem({ file }) {
 export function DiffView({ fileDiffs }) {
     if (fileDiffs.length === 0)
         return null;
-    return (_jsxs("div", { className: "border-border rounded-lg border", children: [_jsx("div", { className: "px-4 py-3", children: _jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx(FileText, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "text-foreground text-xs font-semibold", children: "Changed Files" }), _jsxs("span", { className: "text-muted-foreground text-[10px]", children: ["(", fileDiffs.length, ")"] })] }) }), _jsx("div", { className: "border-border border-t", children: fileDiffs.map((file) => (_jsx(FileDiffItem, { file: file }, file.path))) })] }));
+    return (_jsxs("div", { className: "border-border rounded-lg border", children: [_jsx("div", { className: "px-4 py-3", children: _jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx(FileText, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "text-foreground text-xs font-semibold", children: "Changed Files" }), _jsxs("span", { className: "text-muted-foreground text-[10px]", children: ["(", fileDiffs.length, ")"] })] }) }), _jsx("div", { className: "border-border border-t", children: fileDiffs.map((file) => (_jsx(FileDiffItem, { file: file }, `${file.status}-${file.path}`))) })] }));
 }

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAChC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,cAAsB,EACtB,YAAY,EACZ,cAAc,GACf,EAAE,eAAe,2CA4HjB"}
+{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAG/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,EAAE,iBAAiB,CAAC;IAChC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,cAAsB,EACtB,YAAY,EACZ,cAAc,GACf,EAAE,eAAe,2CA6HjB"}

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.js

@@ -13,11 +13,13 @@ import { FeatureStatusGroup } from '../../common/feature-status-group/index.js';
 import { SidebarSectionHeader } from '../../common/sidebar-section-header/index.js';
 import { featureStatusConfig, featureStatusOrder } from '../../common/feature-status-config.js';
 import { useDeferredMount } from '../../../hooks/use-deferred-mount.js';
+import { useVersion } from '../../../hooks/use-version.js';
 export function AppSidebar({ features, featureFlags, showNewFeature = false, onNewFeature, onFeatureClick, }) {
     const pathname = usePathname();
     const { state } = useSidebar();
     const collapsed = state === 'collapsed';
     const { mounted: showExpanded, visible: expandedVisible } = useDeferredMount(collapsed, 200);
+    const versionData = useVersion();
     const grouped = featureStatusOrder.map((key) => {
         const { label } = featureStatusConfig[key];
         const items = features.filter((f) => f.status === key);
@@ -27,7 +29,7 @@ export function AppSidebar({ features, featureFlags, showNewFeature = false, onN
                                             'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
                                             'transition-opacity duration-200 ease-out',
                                             expandedVisible ? 'opacity-100' : 'opacity-0',
-                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: process.env.NODE_ENV === 'development' ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: process.env.NEXT_PUBLIC_SHEP_VERSION ?? 'unknown', branch: process.env.NEXT_PUBLIC_SHEP_BRANCH, commitHash: process.env.NEXT_PUBLIC_SHEP_COMMIT, isDev: process.env.NODE_ENV === 'development', packageName: process.env.NEXT_PUBLIC_SHEP_PACKAGE_NAME, description: process.env.NEXT_PUBLIC_SHEP_DESCRIPTION, instancePath: process.env.NEXT_PUBLIC_SHEP_INSTANCE_PATH })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: "Settings", href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
+                                        ].join(' '), "aria-hidden": !expandedVisible, children: [_jsx(ShepLogo, { className: "shrink-0", size: 20, variant: versionData.isDev ? 'dev' : 'default' }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" }), _jsx(VersionBadge, { version: versionData.version, branch: versionData.branch || undefined, commitHash: versionData.commitHash || undefined, isDev: versionData.isDev, packageName: versionData.packageName, description: versionData.description, instancePath: versionData.instancePath || undefined })] })) : null, _jsx(SidebarCollapseToggle, { className: "shrink-0 transition-all duration-200" })] }) }), _jsx(SidebarNavItem, { icon: Home, label: "Control Center", href: "/", active: pathname === '/' }), _jsx(SidebarNavItem, { icon: Wrench, label: "Tools", href: "/tools", active: pathname === '/tools' }), featureFlags.skills ? (_jsx(SidebarNavItem, { icon: Puzzle, label: "Skills", href: "/skills", active: pathname === '/skills' })) : null, _jsx(SidebarNavItem, { icon: Settings, label: "Settings", href: "/settings", active: pathname === '/settings' })] }) }), _jsx(SidebarContent, { children: showExpanded ? (_jsxs("div", { className: [
                         'min-w-0 overflow-hidden transition-opacity duration-200 ease-out',
                         '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
                         expandedVisible ? 'opacity-100' : 'opacity-0',

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

@@ -0,0 +1,18 @@
+export interface VersionData {
+    version: string;
+    packageName: string;
+    description: string;
+    branch: string;
+    commitHash: string;
+    instancePath: string;
+    isDev: boolean;
+}
+/**
+ * Fetches runtime version info from the server API.
+ *
+ * NEXT_PUBLIC_* env vars are inlined at build time for client components,
+ * so they can show a stale version after a CLI upgrade. This hook fetches
+ * the version from a server-side API route that reads the env vars at runtime.
+ */
+export declare function useVersion(): VersionData;
+//# sourceMappingURL=use-version.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-version.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-version.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAChB;AAYD;;;;;;GAMG;AACH,wBAAgB,UAAU,IAAI,WAAW,CA0BxC"}

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

@@ -0,0 +1,43 @@
+'use client';
+import { useEffect, useState } from 'react';
+const DEFAULT_VERSION_DATA = {
+    version: 'unknown',
+    packageName: '@shepai/cli',
+    description: 'Autonomous AI Native SDLC Platform',
+    branch: '',
+    commitHash: '',
+    instancePath: '',
+    isDev: false,
+};
+/**
+ * Fetches runtime version info from the server API.
+ *
+ * NEXT_PUBLIC_* env vars are inlined at build time for client components,
+ * so they can show a stale version after a CLI upgrade. This hook fetches
+ * the version from a server-side API route that reads the env vars at runtime.
+ */
+export function useVersion() {
+    const [data, setData] = useState(DEFAULT_VERSION_DATA);
+    useEffect(() => {
+        let cancelled = false;
+        async function fetchVersion() {
+            try {
+                const res = await fetch('/api/version');
+                if (!res.ok)
+                    return;
+                const json = (await res.json());
+                if (!cancelled) {
+                    setData(json);
+                }
+            }
+            catch {
+                // Version fetch is non-critical — keep defaults
+            }
+        }
+        fetchVersion();
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    return data;
+}