@shepai/cli 1.6.1 → 1.6.3

package/dist/src/domain/value-objects/index.d.ts

@@ -0,0 +1,3 @@
+export type { VersionInfo } from './version-info.js';
+export { DEFAULT_VERSION_INFO } from './version-info.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/domain/value-objects/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/domain/value-objects/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/domain/value-objects/index.js

@@ -0,0 +1 @@
+export { DEFAULT_VERSION_INFO } from './version-info.js';

package/dist/src/domain/value-objects/version-info.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Version Information Value Object
+ *
+ * Represents package version metadata shared across presentation layers.
+ * Used by both CLI and Web UI to display consistent version information.
+ */
+export interface VersionInfo {
+    /** Package version (e.g., "1.6.1") */
+    version: string;
+    /** Package name (e.g., "@shepai/cli") */
+    name: string;
+    /** Package description */
+    description: string;
+}
+/** Default version info when package.json cannot be read */
+export declare const DEFAULT_VERSION_INFO: VersionInfo;
+//# sourceMappingURL=version-info.d.ts.map

package/dist/src/domain/value-objects/version-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version-info.d.ts","sourceRoot":"","sources":["../../../../src/domain/value-objects/version-info.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,4DAA4D;AAC5D,eAAO,MAAM,oBAAoB,EAAE,WAIlC,CAAC"}

package/dist/src/domain/value-objects/version-info.js

@@ -0,0 +1,12 @@
+/**
+ * Version Information Value Object
+ *
+ * Represents package version metadata shared across presentation layers.
+ * Used by both CLI and Web UI to display consistent version information.
+ */
+/** Default version info when package.json cannot be read */
+export const DEFAULT_VERSION_INFO = {
+    version: 'unknown',
+    name: '@shepai/cli',
+    description: 'Autonomous AI Native SDLC Platform',
+};

package/dist/src/index.d.ts

@@ -3,5 +3,6 @@
  *
  * Automate the development cycle from idea to deploy.
  */
-export declare const VERSION = "0.1.0";
+export type { VersionInfo } from './domain/value-objects/version-info.js';
+export { DEFAULT_VERSION_INFO } from './domain/value-objects/version-info.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,OAAO,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC"}

package/dist/src/index.js

@@ -3,4 +3,4 @@
  *
  * Automate the development cycle from idea to deploy.
  */
-export const VERSION = '0.1.0';
+export { DEFAULT_VERSION_INFO } from './domain/value-objects/version-info.js';

package/dist/src/infrastructure/services/version.service.d.ts

@@ -4,14 +4,8 @@
  * Infrastructure service that reads version information from package.json.
  * Follows Clean Architecture: Infrastructure layer implements data access.
  */
-export interface VersionInfo {
-    /** Package version (e.g., "0.1.0") */
-    version: string;
-    /** Package name (e.g., "@shepai/cli") */
-    name: string;
-    /** Package description */
-    description: string;
-}
+import type { VersionInfo } from '../../domain/value-objects/version-info.js';
+export type { VersionInfo } from '../../domain/value-objects/version-info.js';
 /**
  * Service for reading version information from package.json
  */
@@ -24,4 +18,10 @@ export declare class VersionService {
      */
     getVersion(): VersionInfo;
 }
+/**
+ * Set version info as NEXT_PUBLIC environment variables.
+ * Must be called BEFORE starting the Next.js web server
+ * so the values are available to the web UI.
+ */
+export declare function setVersionEnvVars(info: VersionInfo): void;
 //# sourceMappingURL=version.service.d.ts.map

package/dist/src/infrastructure/services/version.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.service.d.ts","sourceRoot":"","sources":["../../../../src/infrastructure/services/version.service.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;CACrB;AA8BD;;GAEG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAc;;IAM1C,OAAO,CAAC,eAAe;IAqCvB;;OAEG;IACH,UAAU,IAAI,WAAW;CAG1B"}
+{"version":3,"file":"version.service.d.ts","sourceRoot":"","sources":["../../../../src/infrastructure/services/version.service.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AAG9E,YAAY,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AAuB9E;;GAEG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAc;;IAM1C,OAAO,CAAC,eAAe;IAqCvB;;OAEG;IACH,UAAU,IAAI,WAAW;CAG1B;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAIzD"}

package/dist/src/infrastructure/services/version.service.js

@@ -7,12 +7,7 @@
 import { existsSync, readFileSync } from 'node:fs';
 import { dirname, join } from 'node:path';
 import { fileURLToPath } from 'node:url';
-/** Default version info when package.json cannot be read */
-const DEFAULT_VERSION_INFO = {
-    version: 'unknown',
-    name: '@shepai/cli',
-    description: 'Autonomous AI Native SDLC Platform',
-};
+import { DEFAULT_VERSION_INFO } from '../../domain/value-objects/version-info.js';
 /**
  * Find package.json by traversing up from a starting directory.
  * Works in both development (src/) and production (dist/) environments.
@@ -78,3 +73,13 @@ export class VersionService {
         return this.versionInfo;
     }
 }
+/**
+ * Set version info as NEXT_PUBLIC environment variables.
+ * Must be called BEFORE starting the Next.js web server
+ * so the values are available to the web UI.
+ */
+export function setVersionEnvVars(info) {
+    process.env.NEXT_PUBLIC_SHEP_VERSION = info.version;
+    process.env.NEXT_PUBLIC_SHEP_PACKAGE_NAME = info.name;
+    process.env.NEXT_PUBLIC_SHEP_DESCRIPTION = info.description;
+}

package/dist/src/presentation/cli/commands/ui.command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.command.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/cli/commands/ui.command.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,OAAO,EAAwB,MAAM,WAAW,CAAC;AAgB1D;;GAEG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAiDzC"}
+{"version":3,"file":"ui.command.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/cli/commands/ui.command.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,OAAO,EAAwB,MAAM,WAAW,CAAC;AAoB1D;;GAEG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAqDzC"}

package/dist/src/presentation/cli/commands/ui.command.js

@@ -16,6 +16,7 @@
  */
 import { Command, InvalidArgumentError } from 'commander';
 import { findAvailablePort, DEFAULT_PORT } from '../../../infrastructure/services/port.service.js';
+import { VersionService, setVersionEnvVars, } from '../../../infrastructure/services/version.service.js';
 import { WebServerService, resolveWebDir, } from '../../../infrastructure/services/web-server.service.js';
 import { colors, fmt, messages } from '../ui/index.js';
 function parsePort(value) {
@@ -41,6 +42,9 @@ Examples:
             const startPort = options.port ?? DEFAULT_PORT;
             const port = await findAvailablePort(startPort);
             const { dir, dev } = resolveWebDir();
+            // Set version env vars so Next.js web UI can read them
+            const versionService = new VersionService();
+            setVersionEnvVars(versionService.getVersion());
             messages.newline();
             console.log(fmt.heading('Shep Web UI'));
             console.log(colors.muted(`Starting web server${dev ? ' (dev mode)' : ''}...`));

package/dist/src/presentation/cli/ui/index.d.ts

@@ -5,7 +5,7 @@
  * All CLI commands should use these utilities for visual consistency.
  *
  * @example
- * import { colors, symbols, fmt, messages } from '@/presentation/cli/ui';
+ * import { colors, symbols, fmt, messages } from '../../../presentation/cli/ui';
  *
  * messages.success('Repository initialized');
  * console.log(fmt.heading('Shep AI CLI'));

package/dist/src/presentation/cli/ui/index.js

@@ -5,7 +5,7 @@
  * All CLI commands should use these utilities for visual consistency.
  *
  * @example
- * import { colors, symbols, fmt, messages } from '@/presentation/cli/ui';
+ * import { colors, symbols, fmt, messages } from '../../../presentation/cli/ui';
  *
  * messages.success('Repository initialized');
  * console.log(fmt.heading('Shep AI CLI'));

package/dist/src/presentation/tui/prompts/agent-select.prompt.d.ts

@@ -4,7 +4,7 @@
  * Configuration for the @inquirer/select prompt that lets users
  * choose their AI coding agent.
  */
-import { AgentType } from '@/domain/generated/output.js';
+import { AgentType } from '../../../domain/generated/output.js';
 /**
  * Creates the @inquirer/select configuration for selecting an AI coding agent.
  *

package/dist/src/presentation/tui/prompts/agent-select.prompt.js

@@ -4,7 +4,7 @@
  * Configuration for the @inquirer/select prompt that lets users
  * choose their AI coding agent.
  */
-import { AgentType } from '@/domain/generated/output.js';
+import { AgentType } from '../../../domain/generated/output.js';
 import { shepTheme } from '../themes/shep.theme.js';
 /**
  * Creates the @inquirer/select configuration for selecting an AI coding agent.

package/dist/src/presentation/tui/prompts/auth-method.prompt.d.ts

@@ -4,7 +4,7 @@
  * Configuration for the @inquirer/select prompt that lets users
  * choose their authentication method for the selected agent.
  */
-import { AgentAuthMethod } from '@/domain/generated/output.js';
+import { AgentAuthMethod } from '../../../domain/generated/output.js';
 /**
  * Creates the @inquirer/select configuration for selecting an authentication method.
  *

package/dist/src/presentation/tui/prompts/auth-method.prompt.js

@@ -4,7 +4,7 @@
  * Configuration for the @inquirer/select prompt that lets users
  * choose their authentication method for the selected agent.
  */
-import { AgentAuthMethod } from '@/domain/generated/output.js';
+import { AgentAuthMethod } from '../../../domain/generated/output.js';
 import { shepTheme } from '../themes/shep.theme.js';
 /**
  * Creates the @inquirer/select configuration for selecting an authentication method.

package/dist/src/presentation/tui/wizards/agent-config.wizard.d.ts

@@ -4,7 +4,7 @@
  * Interactive TUI wizard that guides users through selecting
  * an AI coding agent and configuring authentication.
  */
-import { AgentAuthMethod, type AgentType } from '@/domain/generated/output.js';
+import { AgentAuthMethod, type AgentType } from '../../../domain/generated/output.js';
 /**
  * Result returned by the agent configuration wizard.
  */

package/dist/src/presentation/tui/wizards/agent-config.wizard.js

@@ -5,7 +5,7 @@
  * an AI coding agent and configuring authentication.
  */
 import { select, password } from '@inquirer/prompts';
-import { AgentAuthMethod } from '@/domain/generated/output.js';
+import { AgentAuthMethod } from '../../../domain/generated/output.js';
 import { createAgentSelectConfig } from '../prompts/agent-select.prompt.js';
 import { createAuthMethodConfig } from '../prompts/auth-method.prompt.js';
 import { shepTheme } from '../themes/shep.theme.js';

package/dist/src/presentation/web/app/page.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link';
-import { Button } from '@/components/ui/button';
+import { Button } from '../components/ui/button';
 export default function HomePage() {
     return (_jsx("main", { className: "flex min-h-screen flex-col items-center justify-center p-4", children: _jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-4xl font-bold tracking-tight", children: "Shep AI" }), _jsx("p", { className: "text-muted-foreground mt-4 text-lg", children: "Autonomous AI Native SDLC Platform" }), _jsx("p", { className: "text-muted-foreground mt-2 text-sm", children: "Web UI Component Library" }), _jsx("div", { className: "mt-6", children: _jsx(Button, { asChild: true, variant: "outline", children: _jsx(Link, { href: "/version", children: "View Version" }) }) })] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/version/page.tsx"],"names":[],"mappings":"AAgCA,MAAM,CAAC,OAAO,UAAU,WAAW,4CA8FlC"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/version/page.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,WAAW,4CAKlC"}

package/dist/src/presentation/web/app/version/page.js

@@ -1,16 +1,8 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from 'next/link';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Badge } from '@/components/ui/badge';
-import { Button } from '@/components/ui/button';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-const VERSION = '1.2.0';
-const PACKAGE_NAME = '@shepai/cli';
-const DESCRIPTION = 'Autonomous AI Native SDLC Platform';
-function InfoRow({ label, value, badge, badgeVariant = 'secondary' }) {
-    return (_jsxs("div", { className: "flex items-center justify-between py-2", children: [_jsx("span", { className: "text-muted-foreground text-sm", children: label }), badge ? (_jsx(Badge, { variant: badgeVariant, children: value })) : (_jsx("span", { className: "font-mono text-sm", children: value }))] }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getVersionInfo, getSystemInfo } from '../../lib/version';
+import VersionPageClient from './version-page-client';
 export default function VersionPage() {
-    return (_jsx("main", { className: "flex min-h-screen flex-col items-center justify-center p-4", children: _jsxs("div", { className: "w-full max-w-2xl space-y-6", children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold tracking-tight", children: PACKAGE_NAME }), _jsx("p", { className: "text-muted-foreground mt-2", children: DESCRIPTION }), _jsx("div", { className: "mt-4", children: _jsxs(Badge, { variant: "default", "data-testid": "version-badge", children: ["v", VERSION] }) })] }), _jsxs(Tabs, { defaultValue: "overview", className: "w-full", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-3", children: [_jsx(TabsTrigger, { value: "overview", children: "Overview" }), _jsx(TabsTrigger, { value: "system", children: "System" }), _jsx(TabsTrigger, { value: "features", children: "Features" })] }), _jsx(TabsContent, { value: "overview", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Package Information" }), _jsx(CardDescription, { children: "Details about the Shep AI CLI package" })] }), _jsxs(CardContent, { className: "space-y-1", children: [_jsx(InfoRow, { label: "Package", value: PACKAGE_NAME }), _jsx(InfoRow, { label: "Version", value: `v${VERSION}`, badge: true, badgeVariant: "default" }), _jsx(InfoRow, { label: "License", value: "MIT", badge: true, badgeVariant: "outline" }), _jsx(InfoRow, { label: "Author", value: "Shep AI" })] })] }) }), _jsx(TabsContent, { value: "system", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "System Information" }), _jsx(CardDescription, { children: "Runtime environment details" })] }), _jsxs(CardContent, { className: "space-y-1", children: [_jsx(InfoRow, { label: "Node.js", value: "v22.x", badge: true, badgeVariant: "secondary" }), _jsx(InfoRow, { label: "React", value: "v19.x", badge: true, badgeVariant: "secondary" }), _jsx(InfoRow, { label: "Next.js", value: "v16.x", badge: true, badgeVariant: "secondary" }), _jsx(InfoRow, { label: "Platform", value: "Web" })] })] }) }), _jsx(TabsContent, { value: "features", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Key Features" }), _jsx(CardDescription, { children: "What Shep AI can do for you" })] }), _jsx(CardContent, { children: _jsxs("ul", { className: "space-y-2 text-sm", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: "AI" }), _jsx("span", { children: "Autonomous code generation" })] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: "SDLC" }), _jsx("span", { children: "Full development lifecycle automation" })] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: "CLI" }), _jsx("span", { children: "Powerful command-line interface" })] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: "Web" }), _jsx("span", { children: "Modern web UI dashboard" })] })] }) })] }) })] }), _jsxs("div", { className: "flex justify-center gap-4", children: [_jsx(Button, { asChild: true, variant: "outline", children: _jsx(Link, { href: "/", children: "Back to Home" }) }), _jsx(Button, { asChild: true, children: _jsx("a", { href: "https://github.com/shep-ai/cli", target: "_blank", rel: "noopener noreferrer", children: "View on GitHub" }) })] })] }) }));
+    const versionInfo = getVersionInfo();
+    const systemInfo = getSystemInfo();
+    return _jsx(VersionPageClient, { versionInfo: versionInfo, systemInfo: systemInfo });
 }

package/dist/src/presentation/web/app/version/version-page-client.d.ts

@@ -0,0 +1,8 @@
+import type { VersionInfo, SystemInfo } from '../../lib/version';
+interface VersionPageClientProps {
+    versionInfo: VersionInfo;
+    systemInfo: SystemInfo;
+}
+export default function VersionPageClient({ versionInfo, systemInfo }: VersionPageClientProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=version-page-client.d.ts.map

package/dist/src/presentation/web/app/version/version-page-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version-page-client.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/version/version-page-client.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAsB7D,UAAU,sBAAsB;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,sBAAsB,2CAsG5F"}

package/dist/src/presentation/web/app/version/version-page-client.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../components/ui/card';
+import { Badge } from '../../components/ui/badge';
+import { Button } from '../../components/ui/button';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../components/ui/tabs';
+function InfoRow({ label, value, badge, badgeVariant = 'secondary' }) {
+    return (_jsxs("div", { className: "flex items-center justify-between py-2", children: [_jsx("span", { className: "text-muted-foreground text-sm", children: label }), badge ? (_jsx(Badge, { variant: badgeVariant, children: value })) : (_jsx("span", { className: "font-mono text-sm", children: value }))] }));
+}
+export default function VersionPageClient({ versionInfo, systemInfo }) {
+    return (_jsx("main", { className: "flex min-h-screen flex-col items-center justify-center p-4", children: _jsxs("div", { className: "w-full max-w-2xl space-y-6", children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold tracking-tight", children: versionInfo.name }), _jsx("p", { className: "text-muted-foreground mt-2", children: versionInfo.description }), _jsx("div", { className: "mt-4", children: _jsxs(Badge, { variant: "default", "data-testid": "version-badge", children: ["v", versionInfo.version] }) })] }), _jsxs(Tabs, { defaultValue: "overview", className: "w-full", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-3", children: [_jsx(TabsTrigger, { value: "overview", children: "Overview" }), _jsx(TabsTrigger, { value: "system", children: "System" }), _jsx(TabsTrigger, { value: "features", children: "Features" })] }), _jsx(TabsContent, { value: "overview", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Package Information" }), _jsx(CardDescription, { children: "Details about the Shep AI CLI package" })] }), _jsxs(CardContent, { className: "space-y-1", children: [_jsx(InfoRow, { label: "Package", value: versionInfo.name }), _jsx(InfoRow, { label: "Version", value: `v${versionInfo.version}`, badge: true, badgeVariant: "default" }), _jsx(InfoRow, { label: "License", value: "MIT", badge: true, badgeVariant: "outline" }), _jsx(InfoRow, { label: "Author", value: "Shep AI" })] })] }) }), _jsx(TabsContent, { value: "system", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "System Information" }), _jsx(CardDescription, { children: "Runtime environment details" })] }), _jsxs(CardContent, { className: "space-y-1", children: [_jsx(InfoRow, { label: "Node.js", value: systemInfo.nodeVersion, badge: true, badgeVariant: "secondary" }), _jsx(InfoRow, { label: "Platform", value: `${systemInfo.platform} ${systemInfo.arch}` })] })] }) }), _jsx(TabsContent, { value: "features", children: _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Key Features" }), _jsx(CardDescription, { children: "What Shep AI can do for you" })] }), _jsx(CardContent, { children: _jsxs("ul", { className: "space-y-2 text-sm", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: "AI" }), _jsx("span", { children: "Autonomous code generation" })] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: "SDLC" }), _jsx("span", { children: "Full development lifecycle automation" })] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: "CLI" }), _jsx("span", { children: "Powerful command-line interface" })] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: "Web" }), _jsx("span", { children: "Modern web UI dashboard" })] })] }) })] }) })] }), _jsxs("div", { className: "flex justify-center gap-4", children: [_jsx(Button, { asChild: true, variant: "outline", children: _jsx(Link, { href: "/", children: "Back to Home" }) }), _jsx(Button, { asChild: true, children: _jsx("a", { href: "https://github.com/shep-ai/cli", target: "_blank", rel: "noopener noreferrer", children: "View on GitHub" }) })] })] }) }));
+}

package/dist/src/presentation/web/components/features/theme-toggle/theme-toggle.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Moon, Sun } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import { useTheme } from '@/hooks/useTheme';
+import { Button } from '../../ui/button';
+import { useTheme } from '../../../hooks/useTheme';
 export function ThemeToggle() {
     const { theme, resolvedTheme, setTheme } = useTheme();
     const toggleTheme = () => {

package/dist/src/presentation/web/components/ui/accordion.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Accordion as AccordionPrimitive } from 'radix-ui';
 import { ChevronDown } from 'lucide-react';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const Accordion = AccordionPrimitive.Root;
 const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn('border-b', className), ...props })));
 AccordionItem.displayName = 'AccordionItem';

package/dist/src/presentation/web/components/ui/alert.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const alertVariants = cva('relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7', {
     variants: {
         variant: {

package/dist/src/presentation/web/components/ui/badge.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const badgeVariants = cva('inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
     variants: {
         variant: {

package/dist/src/presentation/web/components/ui/button.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Slot } from 'radix-ui';
 import { cva } from 'class-variance-authority';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
     variants: {
         variant: {

package/dist/src/presentation/web/components/ui/card.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('bg-card text-card-foreground rounded-xl border shadow', className), ...props })));
 Card.displayName = 'Card';
 const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));

package/dist/src/presentation/web/components/ui/dialog.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Dialog as DialogPrimitive } from 'radix-ui';
 import { X } from 'lucide-react';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;

package/dist/src/presentation/web/components/ui/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const Input = React.forwardRef(({ className, type, ...props }, ref) => {
     return (_jsx("input", { type: type, className: cn('border-input file:text-foreground placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', className), ref: ref, ...props }));
 });

package/dist/src/presentation/web/components/ui/label.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Label as LabelPrimitive } from 'radix-ui';
 import { cva } from 'class-variance-authority';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
 const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props })));
 Label.displayName = LabelPrimitive.Root.displayName;

package/dist/src/presentation/web/components/ui/popover.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Popover as PopoverPrimitive } from 'radix-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverAnchor = PopoverPrimitive.Anchor;

package/dist/src/presentation/web/components/ui/select.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Select as SelectPrimitive } from 'radix-ui';
 import { Check, ChevronDown, ChevronUp } from 'lucide-react';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const Select = SelectPrimitive.Root;
 const SelectGroup = SelectPrimitive.Group;
 const SelectValue = SelectPrimitive.Value;

package/dist/src/presentation/web/components/ui/tabs.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Tabs as TabsPrimitive } from 'radix-ui';
-import { cn } from '@/lib/utils';
+import { cn } from '../../lib/utils';
 const Tabs = TabsPrimitive.Root;
 const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn('bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1', className), ...props })));
 TabsList.displayName = TabsPrimitive.List.displayName;

package/dist/src/presentation/web/hooks/useTheme.d.ts

@@ -1,4 +1,4 @@
-import { type Theme } from '@/types/theme';
+import { type Theme } from '../types/theme';
 /**
  * Hook to manage theme state with localStorage persistence
  * and system preference detection.

package/dist/src/presentation/web/hooks/useTheme.js

@@ -1,6 +1,6 @@
 'use client';
 import { useCallback, useEffect, useState } from 'react';
-import { THEME_STORAGE_KEY } from '@/types/theme';
+import { THEME_STORAGE_KEY } from '../types/theme';
 /**
  * Hook to manage theme state with localStorage persistence
  * and system preference detection.

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

@@ -0,0 +1,34 @@
+/**
+ * Version Information Helpers
+ *
+ * Provides version and system info for the Web UI.
+ * Reads from NEXT_PUBLIC_SHEP_* environment variables which are set by:
+ * 1. The CLI (`shep ui`) via setVersionEnvVars() before starting Next.js
+ * 2. next.config.ts dev fallback for standalone `pnpm dev:web` mode
+ *
+ * The VersionInfo shape mirrors src/domain/value-objects/version-info.ts
+ * from the CLI domain layer.
+ */
+/** Version information for the package (mirrors domain VersionInfo) */
+export interface VersionInfo {
+    version: string;
+    name: string;
+    description: string;
+}
+/** System runtime information */
+export interface SystemInfo {
+    nodeVersion: string;
+    platform: string;
+    arch: string;
+}
+/**
+ * Get version info from environment variables.
+ * Falls back to defaults if not set.
+ */
+export declare function getVersionInfo(): VersionInfo;
+/**
+ * Get system runtime information.
+ * Must be called from a server context (Server Component or API route).
+ */
+export declare function getSystemInfo(): SystemInfo;
+//# sourceMappingURL=version.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/version.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,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"}

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

@@ -0,0 +1,33 @@
+/**
+ * Version Information Helpers
+ *
+ * Provides version and system info for the Web UI.
+ * Reads from NEXT_PUBLIC_SHEP_* environment variables which are set by:
+ * 1. The CLI (`shep ui`) via setVersionEnvVars() before starting Next.js
+ * 2. next.config.ts dev fallback for standalone `pnpm dev:web` mode
+ *
+ * The VersionInfo shape mirrors src/domain/value-objects/version-info.ts
+ * from the CLI domain layer.
+ */
+/**
+ * Get version info from environment variables.
+ * Falls back to defaults if not set.
+ */
+export function getVersionInfo() {
+    return {
+        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',
+    };
+}
+/**
+ * Get system runtime information.
+ * Must be called from a server context (Server Component or API route).
+ */
+export function getSystemInfo() {
+    return {
+        nodeVersion: process.version,
+        platform: process.platform,
+        arch: process.arch,
+    };
+}

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;AAEvC,QAAA,MAAM,UAAU,EAAE,UASjB,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;AAgCvC,QAAA,MAAM,UAAU,EAAE,UAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,3 +1,32 @@
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+/**
+ * Provide fallback env vars for standalone dev mode (pnpm dev:web).
+ * When run via `shep ui`, these are already set by the CLI's setVersionEnvVars()
+ * before Next.js starts, so this returns an empty object.
+ */
+function loadDevFallbacks() {
+    if (process.env.NEXT_PUBLIC_SHEP_VERSION) {
+        return {};
+    }
+    try {
+        // 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'));
+        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',
+        };
+    }
+    catch {
+        return {
+            NEXT_PUBLIC_SHEP_VERSION: 'unknown',
+            NEXT_PUBLIC_SHEP_PACKAGE_NAME: '@shepai/cli',
+            NEXT_PUBLIC_SHEP_DESCRIPTION: 'Autonomous AI Native SDLC Platform',
+        };
+    }
+}
 const nextConfig = {
     // Enable Turbopack for faster development builds
     turbopack: {},
@@ -5,5 +34,7 @@ const nextConfig = {
     typedRoutes: true,
     // Configure the output directory
     distDir: '.next',
+    // Inject version info from package.json for the web UI
+    env: loadDevFallbacks(),
 };
 export default nextConfig;