@shepai/cli 1.6.2 → 1.7.0

package/README.md

@@ -57,7 +57,7 @@ This launches a TUI wizard to:
 
 1. Configure Claude Code authentication (setup token or use existing session)
 2. Start repository analysis
-3. Open the web UI at `http://localhost:3000/`
+3. Open the web UI at `http://localhost:4050/`
 
 ## How It Works
 
@@ -150,7 +150,7 @@ Uses **Repository Pattern** with SQLite:
 | TUI Framework   | [@inquirer/prompts](https://github.com/SBoudrias/Inquirer.js)                           |
 | Web UI          | Next.js 16 + React 19 + shadcn/ui ([@shepai/web](./src/presentation/web/))              |
 | Design System   | Storybook                                                                               |
-| Build Tool      | Vite                                                                                    |
+| Build Tool      | tsc + tsc-alias (prod), Vite (dev)                                                      |
 | Database        | SQLite                                                                                  |
 | Agent System    | [LangGraph](https://www.langchain.com/langgraph) (`@langchain/langgraph`)               |
 | Vector DB       | [LanceDB](https://lancedb.com/) (file-based)                                            |

package/dist/src/application/ports/output/index.d.ts

@@ -6,4 +6,5 @@
  */
 export type { ISettingsRepository } from './settings.repository.interface.js';
 export type { IAgentValidator, AgentValidationResult } from './agent-validator.interface.js';
+export type { IVersionService } from './version-service.interface.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/application/ports/output/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/application/ports/output/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/application/ports/output/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC7F,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/src/application/ports/output/version-service.interface.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Version Service Interface
+ *
+ * Output port for reading package version information.
+ * Infrastructure layer provides concrete implementation.
+ *
+ * Following Clean Architecture:
+ * - Domain and Application layers depend on this interface
+ * - Infrastructure layer provides concrete implementations
+ */
+import type { VersionInfo } from '../../../domain/value-objects/version-info.js';
+/**
+ * Port interface for reading version information.
+ *
+ * Implementations must:
+ * - Read version info from the package manifest (package.json)
+ * - Return sensible defaults when the manifest cannot be read
+ */
+export interface IVersionService {
+    /**
+     * Get version information for the package.
+     *
+     * @returns Version info with name, version, and description
+     */
+    getVersion(): VersionInfo;
+}
+//# sourceMappingURL=version-service.interface.d.ts.map

package/dist/src/application/ports/output/version-service.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version-service.interface.d.ts","sourceRoot":"","sources":["../../../../../src/application/ports/output/version-service.interface.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAEjF;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,UAAU,IAAI,WAAW,CAAC;CAC3B"}

package/dist/src/application/ports/output/version-service.interface.js

@@ -0,0 +1,11 @@
+/**
+ * Version Service Interface
+ *
+ * Output port for reading package version information.
+ * Infrastructure layer provides concrete implementation.
+ *
+ * Following Clean Architecture:
+ * - Domain and Application layers depend on this interface
+ * - Infrastructure layer provides concrete implementations
+ */
+export {};

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/di/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/infrastructure/di/container.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAwBrC;;;;;GAKG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,OAAO,SAAS,CAAC,CAgCrE;AAED;;;GAGG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/infrastructure/di/container.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AA4BrC;;;;;GAKG;AACH,wBAAsB,mBAAmB,IAAI,OAAO,CAAC,OAAO,SAAS,CAAC,CAqCrE;AAED;;;GAGG;AACH,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/infrastructure/di/container.js

@@ -16,6 +16,7 @@ import { SQLiteSettingsRepository } from '../repositories/sqlite-settings.reposi
 import { AgentValidatorService } from '../services/agents/agent-validator.service.js';
 import { promisify } from 'node:util';
 import { execFile } from 'node:child_process';
+import { VersionService } from '../services/version.service.js';
 // Use cases
 import { InitializeSettingsUseCase } from '../../application/use-cases/settings/initialize-settings.use-case.js';
 import { LoadSettingsUseCase } from '../../application/use-cases/settings/load-settings.use-case.js';
@@ -50,6 +51,10 @@ export async function initializeContainer() {
     container.register('IAgentValidator', {
         useFactory: () => new AgentValidatorService(execFileAsync),
     });
+    // Register services
+    container.register('IVersionService', {
+        useFactory: () => new VersionService(),
+    });
     // Register use cases (singletons for performance)
     container.registerSingleton(InitializeSettingsUseCase);
     container.registerSingleton(LoadSettingsUseCase);

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;AAmB1D;;GAEG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAqDzC"}

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

@@ -16,6 +16,8 @@
  */
 import { Command, InvalidArgumentError } from 'commander';
 import { findAvailablePort, DEFAULT_PORT } from '../../../infrastructure/services/port.service.js';
+import { container } from '../../../infrastructure/di/container.js';
+import { 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 +43,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 = container.resolve('IVersionService');
+            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/commands/version.command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.command.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/cli/commands/version.command.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAa9C"}
+{"version":3,"file":"version.command.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/cli/commands/version.command.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAKpC;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAa9C"}

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

@@ -15,14 +15,14 @@
  * Platform: linux x64
  */
 import { Command } from 'commander';
-import { VersionService } from '../../../infrastructure/services/version.service.js';
+import { container } from '../../../infrastructure/di/container.js';
 import { colors, fmt, messages } from '../ui/index.js';
 /**
  * Create the version command
  */
 export function createVersionCommand() {
     return new Command('version').description('Display version information').action(() => {
-        const versionService = new VersionService();
+        const versionService = container.resolve('IVersionService');
         const info = versionService.getVersion();
         messages.newline();
         console.log(`${fmt.heading(info.name)} ${fmt.version(info.version)}`);

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

@@ -20,7 +20,6 @@
 // IMPORTANT: reflect-metadata must be imported first for tsyringe DI
 import 'reflect-metadata';
 import { Command } from 'commander';
-import { VersionService } from '../../infrastructure/services/version.service.js';
 import { createVersionCommand } from './commands/version.command.js';
 import { createSettingsCommand } from './commands/settings/index.js';
 import { createUiCommand } from './commands/ui.command.js';
@@ -56,7 +55,7 @@ async function bootstrap() {
             throw error;
         }
         // Step 3: Set up Commander CLI
-        const versionService = new VersionService();
+        const versionService = container.resolve('IVersionService');
         const { version, description } = versionService.getVersion();
         const program = new Command()
             .name('shep')

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/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;