@shepai/cli 1.12.0 → 1.14.0

package/dist/src/presentation/web/components/features/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 '../../ui/card';
+import { Badge } from '../../ui/badge';
+import { Button } from '../../ui/button';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../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("div", { className: "flex 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/layouts/app-shell/app-shell.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+interface AppShellProps {
+    children: ReactNode;
+}
+export declare function AppShell({ children }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=app-shell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAenD"}

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

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarProvider, SidebarInset, SidebarTrigger } from '../../ui/sidebar';
+import { Separator } from '../../ui/separator';
+import { AppSidebar } from '../../layouts/app-sidebar';
+import { ThemeToggle } from '../../common/theme-toggle';
+export function AppShell({ children }) {
+    return (_jsxs(SidebarProvider, { children: [_jsx(AppSidebar, { features: [] }), _jsxs(SidebarInset, { children: [_jsxs("header", { className: "flex h-14 items-center gap-2 border-b px-4", children: [_jsx(SidebarTrigger, {}), _jsx(Separator, { orientation: "vertical", className: "h-4" }), _jsx("div", { className: "flex-1" }), _jsx(ThemeToggle, {})] }), _jsx("main", { className: "flex-1 overflow-auto p-6", children: children })] })] }));
+}

package/dist/src/presentation/web/components/layouts/app-shell/index.d.ts

@@ -0,0 +1,2 @@
+export { AppShell } from './app-shell';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1 @@
+export { AppShell } from './app-shell';

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

@@ -0,0 +1,17 @@
+import type { FeatureStatus } from '../../common/feature-status-config';
+interface FeatureItem {
+    name: string;
+    status: FeatureStatus;
+    startedAt?: number;
+    duration?: string;
+}
+export interface AppSidebarProps {
+    features: FeatureItem[];
+    onNewFeature?: () => void;
+    onFeatureClick?: (name: string) => void;
+    onFeaturesFolderClick?: () => void;
+    onFeaturesMenuClick?: () => void;
+}
+export declare function AppSidebar({ features, onNewFeature, onFeatureClick, onFeaturesFolderClick, onFeaturesMenuClick, }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=app-sidebar.d.ts.map

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

@@ -0,0 +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;AAG/E,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,EAAE,eAAe,2CA+FjB"}

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

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePathname } from 'next/navigation';
+import { Home, Brain, Plus } from 'lucide-react';
+import { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarRail, useSidebar, } from '../../ui/sidebar';
+import { ScrollArea } from '../../ui/scroll-area';
+import { SidebarNavItem } from '../../common/sidebar-nav-item';
+import { SidebarCollapseToggle } from '../../common/sidebar-collapse-toggle';
+import { ShepLogo } from '../../common/shep-logo';
+import { FeatureListItem } from '../../common/feature-list-item';
+import { FeatureStatusGroup } from '../../common/feature-status-group';
+import { SidebarSectionHeader } from '../../common/sidebar-section-header';
+import { featureStatusConfig, featureStatusOrder } from '../../common/feature-status-config';
+import { useDeferredMount } from '../../../hooks/use-deferred-mount';
+export function AppSidebar({ features, onNewFeature, onFeatureClick, onFeaturesFolderClick, onFeaturesMenuClick, }) {
+    const pathname = usePathname();
+    const { state } = useSidebar();
+    const collapsed = state === 'collapsed';
+    const { mounted: showExpanded, visible: expandedVisible } = useDeferredMount(collapsed, 200);
+    const grouped = featureStatusOrder.map((key) => {
+        const { label } = featureStatusConfig[key];
+        const items = features.filter((f) => f.status === key);
+        return { key, label, items };
+    });
+    return (_jsxs(Sidebar, { "data-testid": "app-sidebar", collapsible: "icon", children: [_jsx(SidebarHeader, { children: _jsxs(SidebarMenu, { children: [_jsx(SidebarMenuItem, { children: _jsxs("div", { className: "flex h-8 items-center group-data-[collapsible=icon]:justify-center", children: [showExpanded ? (_jsxs("div", { className: [
+                                            '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: Brain, label: "Memory", href: "/memory", active: pathname === '/memory' })] }) }), _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',
+                    ].join(' '), children: [_jsx(SidebarSectionHeader, { label: "Features", onFolderClick: onFeaturesFolderClick, onMenuClick: onFeaturesMenuClick }), _jsx(ScrollArea, { children: grouped.map(({ key, label, items }) => items.length > 0 ? (_jsx(FeatureStatusGroup, { label: label, count: items.length, children: items.map((feature) => (_jsx(FeatureListItem, { name: feature.name, status: feature.status, startedAt: feature.startedAt, duration: feature.duration, onClick: onFeatureClick ? () => onFeatureClick(feature.name) : undefined }, feature.name))) }, key)) : null) })] })) : null }), _jsx(SidebarFooter, { children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { onClick: onNewFeature, tooltip: "New feature", children: [_jsx(Plus, {}), _jsx("span", { children: "New feature" })] }) }) }) }), _jsx(SidebarRail, {})] }));
+}

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AppSidebar } from './app-sidebar';
+declare const meta: Meta<typeof AppSidebar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Collapsed: Story;
+export declare const Empty: Story;
+export declare const AllInProgress: Story;
+export declare const AllDone: Story;
+//# sourceMappingURL=app-sidebar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAsBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAWnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarProvider, SidebarInset } from '../../ui/sidebar';
+import { AppSidebar } from './app-sidebar';
+const meta = {
+    title: 'Layout/AppSidebar',
+    component: AppSidebar,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story, context) => {
+            const defaultOpen = context.parameters?.sidebar?.defaultOpen ?? true;
+            return (_jsxs(SidebarProvider, { defaultOpen: defaultOpen, children: [_jsx(Story, {}), _jsx(SidebarInset, { "aria-label": "Main content", children: _jsx("div", { className: "flex items-center gap-2 border-b px-4 py-2", children: _jsx("span", { className: "text-muted-foreground text-sm", children: "Content area" }) }) })] }));
+        },
+    ],
+};
+export default meta;
+const mockFeatures = [
+    { name: 'Auth Module', status: 'action-needed' },
+    { name: 'Payment Flow', status: 'action-needed' },
+    { name: 'Dashboard', status: 'in-progress', startedAt: Date.now() - 330_000 },
+    { name: 'API Gateway', status: 'in-progress', startedAt: Date.now() - 60_000 },
+    { name: 'Settings Page', status: 'done', duration: '2h' },
+    { name: 'User Profile', status: 'done', duration: '1h' },
+];
+export const Default = {
+    args: {
+        features: mockFeatures,
+    },
+};
+export const Collapsed = {
+    args: {
+        features: mockFeatures,
+    },
+    parameters: {
+        sidebar: { defaultOpen: false },
+    },
+};
+export const Empty = {
+    args: {
+        features: [],
+    },
+};
+export const AllInProgress = {
+    args: {
+        features: [
+            { name: 'Feature A', status: 'in-progress', startedAt: Date.now() - 120_000 },
+            { name: 'Feature B', status: 'in-progress', startedAt: Date.now() - 600_000 },
+        ],
+    },
+};
+export const AllDone = {
+    args: {
+        features: [
+            { name: 'Feature A', status: 'done', duration: '30m' },
+            { name: 'Feature B', status: 'done', duration: '1h' },
+            { name: 'Feature C', status: 'done', duration: '3h' },
+        ],
+    },
+};

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

@@ -0,0 +1,3 @@
+export { AppSidebar } from './app-sidebar';
+export type { AppSidebarProps } from './app-sidebar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1 @@
+export { AppSidebar } from './app-sidebar';

package/dist/src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { NavItem } from '../../layouts/sidebar';
+interface DashboardLayoutProps {
+    sidebarItems: NavItem[];
+    pathname: string;
+    title: string;
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare function DashboardLayout({ sidebarItems, pathname, title, actions, children, className, }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=dashboard-layout.d.ts.map

package/dist/src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAG5D,UAAU,oBAAoB;IAC5B,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,2CAYtB"}

package/dist/src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils';
+import { Sidebar } from '../../layouts/sidebar';
+import { Header } from '../../layouts/header';
+export function DashboardLayout({ sidebarItems, pathname, title, actions, children, className, }) {
+    return (_jsxs("div", { className: cn('flex h-screen', className), children: [_jsx("aside", { className: "w-64 border-r", children: _jsx(Sidebar, { items: sidebarItems, pathname: pathname }) }), _jsxs("div", { className: "flex flex-1 flex-col", children: [_jsx(Header, { title: title, actions: actions }), _jsx("main", { className: "flex-1 overflow-auto p-6", children: children })] })] }));
+}

package/dist/src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DashboardLayout } from './dashboard-layout';
+declare const meta: Meta<typeof DashboardLayout>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithContent: Story;
+export declare const WithActions: Story;
+//# sourceMappingURL=dashboard-layout.stories.d.ts.map

package/dist/src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-layout.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAOtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC"}

package/dist/src/presentation/web/components/layouts/dashboard-layout/dashboard-layout.stories.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DashboardLayout } from './dashboard-layout';
+const meta = {
+    title: 'Layout/DashboardLayout',
+    component: DashboardLayout,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+const sidebarItems = [
+    { label: 'Dashboard', href: '/dashboard' },
+    { label: 'Features', href: '/features' },
+    { label: 'Settings', href: '/settings' },
+];
+export const Default = {
+    args: {
+        sidebarItems,
+        pathname: '/dashboard',
+        title: 'Dashboard',
+        children: _jsx("p", { className: "text-muted-foreground", children: "Select a feature to get started." }),
+    },
+};
+export const WithContent = {
+    args: {
+        sidebarItems,
+        pathname: '/features',
+        title: 'Features',
+        children: (_jsxs("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: [_jsxs("div", { className: "rounded-lg border p-4", children: [_jsx("h3", { className: "font-semibold", children: "Auth Module" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "User authentication and authorization" })] }), _jsxs("div", { className: "rounded-lg border p-4", children: [_jsx("h3", { className: "font-semibold", children: "Dashboard" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Analytics and reporting" })] }), _jsxs("div", { className: "rounded-lg border p-4", children: [_jsx("h3", { className: "font-semibold", children: "API Gateway" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Request routing and rate limiting" })] })] })),
+    },
+};
+export const WithActions = {
+    args: {
+        sidebarItems,
+        pathname: '/features',
+        title: 'Features',
+        actions: (_jsx("button", { className: "bg-primary text-primary-foreground rounded-md px-4 py-2 text-sm", children: "New Feature" })),
+        children: _jsx("p", { className: "text-muted-foreground", children: "No features yet. Create one to get started." }),
+    },
+};

package/dist/src/presentation/web/components/layouts/dashboard-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { DashboardLayout } from './dashboard-layout';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/layouts/dashboard-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/dashboard-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/src/presentation/web/components/layouts/dashboard-layout/index.js

@@ -0,0 +1 @@
+export { DashboardLayout } from './dashboard-layout';

package/dist/src/presentation/web/components/layouts/header/header.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+interface HeaderProps {
+    title: string;
+    breadcrumbs?: ReactNode;
+    actions?: ReactNode;
+    className?: string;
+}
+export declare function Header({ title, breadcrumbs, actions, className }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=header.d.ts.map

package/dist/src/presentation/web/components/layouts/header/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/header/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,WAAW,2CAU7E"}

package/dist/src/presentation/web/components/layouts/header/header.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils';
+export function Header({ title, breadcrumbs, actions, className }) {
+    return (_jsxs("header", { className: cn('flex flex-col gap-2 px-6 py-4', className), children: [breadcrumbs ? _jsx("div", { "data-slot": "breadcrumbs", children: breadcrumbs }) : null, _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }), actions ? _jsx("div", { "data-slot": "actions", children: actions }) : null] })] }));
+}

package/dist/src/presentation/web/components/layouts/header/header.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Header } from './header';
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithBreadcrumbs: Story;
+export declare const WithActions: Story;
+export declare const FullExample: Story;
+//# sourceMappingURL=header.stories.d.ts.map

package/dist/src/presentation/web/components/layouts/header/header.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/header/header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAO7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC"}

package/dist/src/presentation/web/components/layouts/header/header.stories.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Header } from './header';
+const meta = {
+    title: 'Layout/Header',
+    component: Header,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    args: {
+        title: 'Dashboard',
+    },
+};
+export const WithBreadcrumbs = {
+    args: {
+        title: 'Feature Details',
+        breadcrumbs: (_jsxs("nav", { className: "text-muted-foreground text-sm", children: [_jsx("span", { children: "Home" }), " / ", _jsx("span", { children: "Features" }), " / ", _jsx("span", { children: "Feature Details" })] })),
+    },
+};
+export const WithActions = {
+    args: {
+        title: 'Features',
+        actions: (_jsx("button", { className: "bg-primary text-primary-foreground rounded-md px-4 py-2 text-sm", children: "New Feature" })),
+    },
+};
+export const FullExample = {
+    args: {
+        title: 'Feature Details',
+        breadcrumbs: (_jsxs("nav", { className: "text-muted-foreground text-sm", children: [_jsx("span", { children: "Home" }), " / ", _jsx("span", { children: "Features" }), " / ", _jsx("span", { children: "Auth Module" })] })),
+        actions: (_jsxs("div", { className: "flex gap-2", children: [_jsx("button", { className: "rounded-md border px-4 py-2 text-sm", children: "Edit" }), _jsx("button", { className: "bg-primary text-primary-foreground rounded-md px-4 py-2 text-sm", children: "Deploy" })] })),
+    },
+};

package/dist/src/presentation/web/components/layouts/header/index.d.ts

@@ -0,0 +1,2 @@
+export { Header } from './header';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/layouts/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/src/presentation/web/components/layouts/header/index.js

@@ -0,0 +1 @@
+export { Header } from './header';

package/dist/src/presentation/web/components/layouts/sidebar/index.d.ts

@@ -0,0 +1,3 @@
+export { Sidebar } from './sidebar';
+export type { NavItem } from './sidebar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/src/presentation/web/components/layouts/sidebar/index.js

@@ -0,0 +1 @@
+export { Sidebar } from './sidebar';

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export interface NavItem {
+    label: string;
+    href: string;
+    icon?: ReactNode;
+}
+interface SidebarProps {
+    items: NavItem[];
+    pathname: string;
+    className?: string;
+}
+export declare function Sidebar({ items, pathname, className }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,YAAY;IACpB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAwBnE"}

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

@@ -0,0 +1,11 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import Link from 'next/link';
+import { cn } from '../../../lib/utils';
+export function Sidebar({ items, pathname, className }) {
+    return (_jsx("nav", { className: cn('flex flex-col gap-1 p-4', className), children: items.map((item) => {
+            const isActive = pathname === item.href;
+            return (_jsxs(Link, { href: item.href, "aria-current": isActive ? 'page' : undefined, className: cn('flex items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors', isActive
+                    ? 'bg-accent text-accent-foreground'
+                    : 'text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground'), children: [item.icon, item.label] }, item.href));
+        }) }));
+}

package/dist/src/presentation/web/components/layouts/sidebar/sidebar.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Sidebar } from './sidebar';
+declare const meta: Meta<typeof Sidebar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithActiveItem: Story;
+export declare const WithIcons: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=sidebar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/sidebar/sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAO9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}

package/dist/src/presentation/web/components/layouts/sidebar/sidebar.stories.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Sidebar } from './sidebar';
+const meta = {
+    title: 'Layout/Sidebar',
+    component: Sidebar,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+const defaultItems = [
+    { label: 'Dashboard', href: '/dashboard' },
+    { label: 'Features', href: '/features' },
+    { label: 'Settings', href: '/settings' },
+];
+export const Default = {
+    args: {
+        items: defaultItems,
+        pathname: '/',
+    },
+};
+export const WithActiveItem = {
+    args: {
+        items: defaultItems,
+        pathname: '/features',
+    },
+};
+export const WithIcons = {
+    args: {
+        items: [
+            { label: 'Dashboard', href: '/dashboard', icon: _jsx("span", { children: "\uD83D\uDCCA" }) },
+            { label: 'Features', href: '/features', icon: _jsx("span", { children: "\uD83D\uDD27" }) },
+            { label: 'Settings', href: '/settings', icon: _jsx("span", { children: "\u2699\uFE0F" }) },
+        ],
+        pathname: '/dashboard',
+    },
+};
+export const Empty = {
+    args: {
+        items: [],
+        pathname: '/',
+    },
+};

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion';
 const meta = {
-    title: 'UI/Accordion',
+    title: 'Primitives/Accordion',
     component: Accordion,
     parameters: {
         layout: 'centered',

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

@@ -2,7 +2,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';
-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', {
+const alertVariants = cva('[&>svg]:text-foreground relative w-full rounded-lg border px-4 py-3 text-sm [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7', {
     variants: {
         variant: {
             default: 'bg-background text-foreground',

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertCircle, Terminal } from 'lucide-react';
 import { Alert, AlertDescription, AlertTitle } from './alert';
 const meta = {
-    title: 'UI/Alert',
+    title: 'Primitives/Alert',
     component: Alert,
     parameters: {
         layout: 'centered',

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from 'class-variance-authority';
 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', {
+const badgeVariants = cva('focus:ring-ring inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none', {
     variants: {
         variant: {
-            default: 'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',
-            secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
-            destructive: 'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',
+            default: 'bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent',
+            destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow',
             outline: 'text-foreground',
         },
     },

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge } from './badge';
 const meta = {
-    title: 'UI/Badge',
+    title: 'Primitives/Badge',
     component: Badge,
     parameters: {
         layout: 'centered',

package/dist/src/presentation/web/components/ui/button.d.ts

@@ -2,11 +2,10 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "default" | "icon" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+}): import("react/jsx-runtime").JSX.Element;
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

package/dist/src/presentation/web/components/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAyBnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAOX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,cAAc;;;8EA8BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAYF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}