@shepai/cli 1.90.1 → 1.91.0-pr270.88e4d6c

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Info } from 'lucide-react';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
+export function VersionBadge({ version, branch, commitHash, isDev = false, packageName = '@shepai/cli', description, nodeVersion, platform, }) {
+    const showBranch = isDev && branch;
+    const shortHash = commitHash?.slice(0, 7);
+    return (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsxs("div", { className: [
+                    'flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] leading-tight font-medium',
+                    isDev
+                        ? 'bg-cyan-500/15 text-cyan-400 ring-1 ring-cyan-500/25'
+                        : 'bg-muted text-muted-foreground ring-border ring-1',
+                ].join(' '), "data-testid": "version-label", children: [isDev ? (_jsx("span", { className: "text-[9px] tracking-wider text-cyan-300 uppercase", children: "dev" })) : null, _jsxs("span", { children: ["v", version] }), showBranch ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground/50", children: "|" }), _jsx("span", { className: "max-w-[80px] truncate", title: branch, children: branch })] })) : null] }), _jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "text-muted-foreground/50 hover:text-muted-foreground transition-colors", "aria-label": "Build information", "data-testid": "version-info-trigger", children: _jsx(Info, { size: 12 }) }) }), _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: `v${version}` }), isDev ? _jsx(Row, { label: "Mode", value: "Development", highlight: true }) : null, branch ? _jsx(Row, { label: "Branch", value: branch }) : null, shortHash ? _jsx(Row, { label: "Commit", value: shortHash, mono: true }) : null, nodeVersion ? _jsx(Row, { label: "Node.js", value: nodeVersion }) : null, platform ? _jsx(Row, { label: "Platform", value: platform }) : 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' : '',
+                    mono || !highlight ? 'font-mono' : '',
+                ]
+                    .filter(Boolean)
+                    .join(' '), children: value })] }));
+}

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

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { VersionBadge } from './version-badge.js';
+declare const meta: Meta<typeof VersionBadge>;
+export default meta;
+type Story = StoryObj<typeof VersionBadge>;
+/** Production mode — shows version only with neutral styling. */
+export declare const Production: Story;
+/** Development mode — cyan styling with branch name and commit hash. */
+export declare const Development: Story;
+/** Development mode with a long branch name — truncated. */
+export declare const LongBranch: Story;
+/** Minimal info — no optional fields. */
+export declare const Minimal: Story;
+//# sourceMappingURL=version-badge.stories.d.ts.map

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

@@ -0,0 +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,iEAAiE;AACjE,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

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

@@ -0,0 +1,50 @@
+import { VersionBadge } from './version-badge.js';
+const meta = {
+    title: 'Common/VersionBadge',
+    component: VersionBadge,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+/** Production mode — shows version only with neutral styling. */
+export const Production = {
+    args: {
+        version: '1.90.0',
+        packageName: '@shepai/cli',
+        description: 'Autonomous AI Native SDLC Platform',
+        nodeVersion: 'v22.4.0',
+        platform: 'linux x64',
+    },
+};
+/** Development mode — cyan styling with branch name and commit hash. */
+export const Development = {
+    args: {
+        version: '1.90.0',
+        isDev: true,
+        branch: 'feat/version-badge',
+        commitHash: '5a84c148b3e2f1a9c7d6e8b4a2f1c3d5e7f9a1b3',
+        packageName: '@shepai/cli',
+        description: 'Autonomous AI Native SDLC Platform',
+        nodeVersion: 'v22.4.0',
+        platform: 'linux x64',
+    },
+};
+/** Development mode with a long branch name — truncated. */
+export const LongBranch = {
+    args: {
+        version: '1.90.0',
+        isDev: true,
+        branch: 'feat/056-version-badge-with-tooltip-and-build-info',
+        commitHash: 'abc1234def5678',
+        packageName: '@shepai/cli',
+        description: 'Autonomous AI Native SDLC Platform',
+    },
+};
+/** Minimal info — no optional fields. */
+export const Minimal = {
+    args: {
+        version: '1.0.0',
+    },
+};

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":"AAuBA,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,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,YAAY,EACZ,cAAc,GACf,EAAE,eAAe,2CA6GjB"}
+{"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,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,YAAY,EACZ,cAAc,GACf,EAAE,eAAe,2CAyHjB"}

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

@@ -7,6 +7,7 @@ import { ScrollArea } from '../../ui/scroll-area.js';
 import { SidebarNavItem } from '../../common/sidebar-nav-item/index.js';
 import { SidebarCollapseToggle } from '../../common/sidebar-collapse-toggle/index.js';
 import { ShepLogo } from '../../common/shep-logo/index.js';
+import { VersionBadge } from '../../common/version-badge/index.js';
 import { FeatureListItem } from '../../common/feature-list-item/index.js';
 import { FeatureStatusGroup } from '../../common/feature-status-group/index.js';
 import { SidebarSectionHeader } from '../../common/sidebar-section-header/index.js';
@@ -26,7 +27,7 @@ export function AppSidebar({ features, featureFlags, onNewFeature, onFeatureClic
                                             '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 }), _jsx("span", { className: "truncate text-sm font-semibold tracking-tight", children: "Shep" })] })) : 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: 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 })] })) : 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/lib/version.d.ts

@@ -14,6 +14,8 @@ export interface VersionInfo {
     version: string;
     name: string;
     description: string;
+    branch: string;
+    commitHash: string;
 }
 /** System runtime information */
 export interface SystemInfo {

package/dist/src/presentation/web/lib/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/version.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,uEAAuE;AACvE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,iCAAiC;AACjC,MAAM,WAAW,UAAU;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAM5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,IAAI,UAAU,CAM1C"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/version.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,uEAAuE;AACvE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,iCAAiC;AACjC,MAAM,WAAW,UAAU;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAQ5C;AAED;;;GAGG;AACH,wBAAgB,aAAa,IAAI,UAAU,CAM1C"}

package/dist/src/presentation/web/lib/version.js

@@ -19,6 +19,8 @@ export function getVersionInfo() {
         version: process.env.NEXT_PUBLIC_SHEP_VERSION ?? 'unknown',
         name: 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 ?? '',
     };
 }
 /**

package/dist/src/presentation/web/next.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"next.config.d.ts","sourceRoot":"","sources":["../../../../src/presentation/web/next.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAgCvC,QAAA,MAAM,UAAU,EAAE,UAsCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"next.config.d.ts","sourceRoot":"","sources":["../../../../src/presentation/web/next.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA4CvC,QAAA,MAAM,UAAU,EAAE,UAsCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/presentation/web/next.config.js

@@ -1,3 +1,4 @@
+import { execSync } from 'node:child_process';
 import { readFileSync } from 'node:fs';
 import { resolve } from 'node:path';
 /**
@@ -13,10 +14,21 @@ function loadDevFallbacks() {
         // Web package is at src/presentation/web/, root package.json is 3 levels up
         const rootPkgPath = resolve(import.meta.dirname, '../../../package.json');
         const pkg = JSON.parse(readFileSync(rootPkgPath, 'utf-8'));
+        let branch = '';
+        let commitHash = '';
+        try {
+            branch = execSync('git rev-parse --abbrev-ref HEAD', { encoding: 'utf-8' }).trim();
+            commitHash = execSync('git rev-parse HEAD', { encoding: 'utf-8' }).trim();
+        }
+        catch {
+            // Not in a git repo
+        }
         return {
             NEXT_PUBLIC_SHEP_VERSION: pkg.version ?? 'unknown',
             NEXT_PUBLIC_SHEP_PACKAGE_NAME: pkg.name ?? '@shepai/cli',
             NEXT_PUBLIC_SHEP_DESCRIPTION: pkg.description ?? 'Autonomous AI Native SDLC Platform',
+            NEXT_PUBLIC_SHEP_BRANCH: branch,
+            NEXT_PUBLIC_SHEP_COMMIT: commitHash,
         };
     }
     catch {