@shepai/cli 1.13.0 → 1.14.0

package/dist/eslint.config.mjs

@@ -14,6 +14,8 @@ import prettierConfig from 'eslint-config-prettier';
 import reactPlugin from 'eslint-plugin-react';
 import reactHooksPlugin from 'eslint-plugin-react-hooks';
 import nextPlugin from '@next/eslint-plugin-next';
+import tailwindPlugin from 'eslint-plugin-tailwindcss';
+import storybookPlugin from 'eslint-plugin-storybook';
 export default tseslint.config(
 // =============================================================================
 // Global ignores (replaces .eslintignore)
@@ -176,6 +178,7 @@ eslint.configs.recommended,
         react: reactPlugin,
         'react-hooks': reactHooksPlugin,
         '@next/next': nextPlugin,
+        tailwindcss: tailwindPlugin,
     },
     languageOptions: {
         parserOptions: {
@@ -198,6 +201,11 @@ eslint.configs.recommended,
         'react/jsx-key': 'error',
         'react/no-array-index-key': 'warn',
         'react/self-closing-comp': 'warn',
+        'react/jsx-no-useless-fragment': 'warn',
+        'react/jsx-curly-brace-presence': ['warn', { props: 'never', children: 'never' }],
+        'react/hook-use-state': 'warn',
+        'react/jsx-no-leaked-render': 'warn',
+        'react/no-unstable-nested-components': 'error',
         // React Hooks rules
         'react-hooks/rules-of-hooks': 'error',
         'react-hooks/exhaustive-deps': 'warn',
@@ -205,6 +213,26 @@ eslint.configs.recommended,
         '@next/next/no-html-link-for-pages': 'error',
         '@next/next/no-img-element': 'warn',
         '@next/next/no-sync-scripts': 'error',
+        // Tailwind CSS rules
+        'tailwindcss/classnames-order': 'warn',
+        'tailwindcss/no-contradicting-classname': 'error',
+        'tailwindcss/no-unnecessary-arbitrary-value': 'warn',
+        'tailwindcss/enforces-shorthand': 'warn',
+    },
+}, 
+// =============================================================================
+// Storybook story files
+// =============================================================================
+{
+    files: ['**/*.stories.@(ts|tsx)'],
+    plugins: {
+        storybook: storybookPlugin,
+    },
+    rules: {
+        'storybook/default-exports': 'error',
+        'storybook/hierarchy-separator': 'error',
+        'storybook/no-uninstalled-addons': 'error',
+        'storybook/prefer-pascal-case': 'warn',
     },
 }, 
 // =============================================================================

package/dist/src/presentation/web/components/common/elapsed-time/elapsed-time.d.ts

@@ -0,0 +1,7 @@
+interface ElapsedTimeProps {
+    startedAt: number;
+}
+export declare function formatElapsed(elapsedMs: number): string;
+export declare function ElapsedTime({ startedAt }: ElapsedTimeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=elapsed-time.d.ts.map

package/dist/src/presentation/web/components/common/elapsed-time/elapsed-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elapsed-time.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/elapsed-time/elapsed-time.tsx"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAWvD;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAgB1D"}

package/dist/src/presentation/web/components/common/elapsed-time/elapsed-time.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, startTransition } from 'react';
+export function formatElapsed(elapsedMs) {
+    const totalSeconds = Math.floor(elapsedMs / 1000);
+    if (totalSeconds >= 3600) {
+        const hours = Math.floor(totalSeconds / 3600);
+        return `${hours}h`;
+    }
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+}
+export function ElapsedTime({ startedAt }) {
+    const [elapsed, setElapsed] = useState(() => Date.now() - startedAt);
+    useEffect(() => {
+        const id = setInterval(() => {
+            startTransition(() => setElapsed(Date.now() - startedAt));
+        }, 1000);
+        return () => clearInterval(id);
+    }, [startedAt]);
+    return (_jsx("span", { "data-testid": "elapsed-time", className: "tabular-nums", children: formatElapsed(elapsed) }));
+}

package/dist/src/presentation/web/components/common/elapsed-time/elapsed-time.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ElapsedTime } from './elapsed-time';
+declare const meta: Meta<typeof ElapsedTime>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const JustStarted: Story;
+export declare const FiveMinutes: Story;
+export declare const ThirtyMinutes: Story;
+export declare const TwoHours: Story;
+//# sourceMappingURL=elapsed-time.stories.d.ts.map

package/dist/src/presentation/web/components/common/elapsed-time/elapsed-time.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elapsed-time.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/elapsed-time/elapsed-time.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAOlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}

package/dist/src/presentation/web/components/common/elapsed-time/elapsed-time.stories.js

@@ -0,0 +1,30 @@
+import { ElapsedTime } from './elapsed-time';
+const meta = {
+    title: 'Composed/ElapsedTime',
+    component: ElapsedTime,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const JustStarted = {
+    args: {
+        startedAt: Date.now(),
+    },
+};
+export const FiveMinutes = {
+    args: {
+        startedAt: Date.now() - 5 * 60 * 1000,
+    },
+};
+export const ThirtyMinutes = {
+    args: {
+        startedAt: Date.now() - 30 * 60 * 1000,
+    },
+};
+export const TwoHours = {
+    args: {
+        startedAt: Date.now() - 2 * 60 * 60 * 1000,
+    },
+};

package/dist/src/presentation/web/components/common/elapsed-time/index.d.ts

@@ -0,0 +1,2 @@
+export { ElapsedTime, formatElapsed } from './elapsed-time';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/elapsed-time/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/elapsed-time/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/presentation/web/components/common/elapsed-time/index.js

@@ -0,0 +1 @@
+export { ElapsedTime, formatElapsed } from './elapsed-time';

package/dist/src/presentation/web/components/common/empty-state/empty-state.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../lib/utils';
 export function EmptyState({ icon, title, description, action, className, ...props }) {
-    return (_jsxs("div", { className: cn('flex flex-col items-center gap-4 px-4 py-12 text-center', className), ...props, children: [icon && _jsx("div", { className: "text-muted-foreground", children: icon }), _jsx("h3", { className: "text-lg font-semibold", children: title }), description && _jsx("p", { className: "text-muted-foreground max-w-md text-sm", children: description }), action && _jsx("div", { className: "mt-2", children: action })] }));
+    return (_jsxs("div", { className: cn('flex flex-col items-center gap-4 px-4 py-12 text-center', className), ...props, children: [icon ? _jsx("div", { className: "text-muted-foreground", children: icon }) : null, _jsx("h3", { className: "text-lg font-semibold", children: title }), description ? _jsx("p", { className: "text-muted-foreground max-w-md text-sm", children: description }) : null, action ? _jsx("div", { className: "mt-2", children: action }) : null] }));
 }

package/dist/src/presentation/web/components/common/feature-list-item/feature-list-item.d.ts

@@ -0,0 +1,10 @@
+import type { FeatureStatus } from '../../common/feature-status-config';
+export interface FeatureListItemProps {
+    name: string;
+    status: FeatureStatus;
+    startedAt?: number;
+    duration?: string;
+    onClick?: () => void;
+}
+export declare function FeatureListItem({ name, status, startedAt, duration, onClick, }: FeatureListItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature-list-item.d.ts.map

package/dist/src/presentation/web/components/common/feature-list-item/feature-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-list-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-list-item/feature-list-item.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE/E,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,GACR,EAAE,oBAAoB,2CA2BtB"}

package/dist/src/presentation/web/components/common/feature-list-item/feature-list-item.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarMenuItem, SidebarMenuButton } from '../../ui/sidebar';
+import { ElapsedTime } from '../../common/elapsed-time';
+import { featureStatusConfig } from '../../common/feature-status-config';
+export function FeatureListItem({ name, status, startedAt, duration, onClick, }) {
+    const { icon: StatusIcon, iconClass } = featureStatusConfig[status];
+    return (_jsx(SidebarMenuItem, { "data-testid": "feature-list-item", children: _jsxs(SidebarMenuButton, { size: "sm", onClick: onClick, tooltip: name, className: "cursor-pointer", children: [_jsx(StatusIcon, { className: iconClass }), _jsx("span", { className: "flex-1 truncate font-medium", children: name }), status === 'in-progress' && startedAt != null ? (_jsx("span", { "data-testid": "feature-list-item-meta", className: "text-muted-foreground ml-auto text-xs tabular-nums", children: _jsx(ElapsedTime, { startedAt: startedAt }) })) : null, status === 'done' && duration ? (_jsx("span", { "data-testid": "feature-list-item-meta", className: "text-muted-foreground ml-auto text-xs tabular-nums", children: duration })) : null] }) }));
+}

package/dist/src/presentation/web/components/common/feature-list-item/feature-list-item.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FeatureListItem } from './feature-list-item';
+declare const meta: Meta<typeof FeatureListItem>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ActionNeeded: Story;
+export declare const InProgress: Story;
+export declare const Done: Story;
+export declare const WithClickHandler: Story;
+//# sourceMappingURL=feature-list-item.stories.d.ts.map

package/dist/src/presentation/web/components/common/feature-list-item/feature-list-item.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-list-item.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-list-item/feature-list-item.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAgBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC"}

package/dist/src/presentation/web/components/common/feature-list-item/feature-list-item.stories.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidebarProvider, SidebarMenu } from '../../ui/sidebar';
+import { FeatureListItem } from './feature-list-item';
+const meta = {
+    title: 'Composed/FeatureListItem',
+    component: FeatureListItem,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx(SidebarProvider, { children: _jsx(SidebarMenu, { children: _jsx(Story, {}) }) })),
+    ],
+};
+export default meta;
+export const ActionNeeded = {
+    args: {
+        name: 'Auth Module',
+        status: 'action-needed',
+    },
+};
+export const InProgress = {
+    args: {
+        name: 'Payment Integration',
+        status: 'in-progress',
+        startedAt: Date.now() - 330_000,
+    },
+};
+export const Done = {
+    args: {
+        name: 'User Dashboard',
+        status: 'done',
+        duration: '2h',
+    },
+};
+export const WithClickHandler = {
+    args: {
+        name: 'API Gateway',
+        status: 'action-needed',
+        onClick: () => alert('Clicked!'),
+    },
+};

package/dist/src/presentation/web/components/common/feature-list-item/index.d.ts

@@ -0,0 +1,3 @@
+export { FeatureListItem } from './feature-list-item';
+export type { FeatureListItemProps } from './feature-list-item';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/feature-list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/src/presentation/web/components/common/feature-list-item/index.js

@@ -0,0 +1 @@
+export { FeatureListItem } from './feature-list-item';

package/dist/src/presentation/web/components/common/feature-status-badges/feature-status-badges.d.ts

@@ -0,0 +1,8 @@
+import { type FeatureStatus } from '../../common/feature-status-config';
+export interface FeatureStatusBadgesProps {
+    /** Count of features per status. */
+    counts: Record<FeatureStatus, number>;
+    className?: string;
+}
+export declare function FeatureStatusBadges({ counts, className }: FeatureStatusBadgesProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=feature-status-badges.d.ts.map

package/dist/src/presentation/web/components/common/feature-status-badges/feature-status-badges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-status-badges.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-status-badges/feature-status-badges.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,aAAa,EACnB,MAAM,2CAA2C,CAAC;AAEnD,MAAM,WAAW,wBAAwB;IACvC,oCAAoC;IACpC,MAAM,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,wBAAwB,kDAkClF"}

package/dist/src/presentation/web/components/common/feature-status-badges/feature-status-badges.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip';
+import { cn } from '../../../lib/utils';
+import { featureStatusConfig, featureStatusOrder, } from '../../common/feature-status-config';
+export function FeatureStatusBadges({ counts, className }) {
+    const visibleStatuses = featureStatusOrder.filter((s) => counts[s] > 0);
+    if (visibleStatuses.length === 0)
+        return null;
+    return (_jsx("div", { "data-testid": "feature-status-badges", className: cn('flex flex-col items-center gap-1.5 py-1', className), children: visibleStatuses.map((status) => {
+            const { icon: Icon, iconClass, bgClass, label } = featureStatusConfig[status];
+            return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("div", { "data-testid": `feature-status-badge-${status}`, className: cn('flex size-8 items-center justify-center gap-0.5 rounded-md', bgClass), children: [_jsx(Icon, { className: cn('size-3.5 shrink-0', iconClass) }), _jsx("span", { className: "text-[0.6rem] font-semibold tabular-nums", children: counts[status] })] }) }), _jsxs(TooltipContent, { side: "right", children: [label, ": ", counts[status]] })] }, status));
+        }) }));
+}

package/dist/src/presentation/web/components/common/feature-status-badges/feature-status-badges.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FeatureStatusBadges } from './feature-status-badges';
+declare const meta: Meta<typeof FeatureStatusBadges>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AllStatuses: Story;
+export declare const ActionNeededOnly: Story;
+export declare const InProgressOnly: Story;
+export declare const DoneOnly: Story;
+export declare const LargeCounts: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=feature-status-badges.stories.d.ts.map

package/dist/src/presentation/web/components/common/feature-status-badges/feature-status-badges.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-status-badges.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-status-badges/feature-status-badges.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,mBAAmB,CAgB1C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC"}

package/dist/src/presentation/web/components/common/feature-status-badges/feature-status-badges.stories.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidebarProvider } from '../../ui/sidebar';
+import { FeatureStatusBadges } from './feature-status-badges';
+const meta = {
+    title: 'Composed/FeatureStatusBadges',
+    component: FeatureStatusBadges,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx(SidebarProvider, { defaultOpen: false, children: _jsx("div", { className: "bg-sidebar flex w-12 justify-center rounded-md p-2", children: _jsx(Story, {}) }) })),
+    ],
+};
+export default meta;
+export const AllStatuses = {
+    args: {
+        counts: { 'action-needed': 2, 'in-progress': 3, done: 5 },
+    },
+};
+export const ActionNeededOnly = {
+    args: {
+        counts: { 'action-needed': 4, 'in-progress': 0, done: 0 },
+    },
+};
+export const InProgressOnly = {
+    args: {
+        counts: { 'action-needed': 0, 'in-progress': 2, done: 0 },
+    },
+};
+export const DoneOnly = {
+    args: {
+        counts: { 'action-needed': 0, 'in-progress': 0, done: 7 },
+    },
+};
+export const LargeCounts = {
+    args: {
+        counts: { 'action-needed': 12, 'in-progress': 99, done: 150 },
+    },
+};
+export const Empty = {
+    args: {
+        counts: { 'action-needed': 0, 'in-progress': 0, done: 0 },
+    },
+};

package/dist/src/presentation/web/components/common/feature-status-badges/index.d.ts

@@ -0,0 +1,3 @@
+export { FeatureStatusBadges } from './feature-status-badges';
+export type { FeatureStatusBadgesProps } from './feature-status-badges';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/feature-status-badges/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-status-badges/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/src/presentation/web/components/common/feature-status-badges/index.js

@@ -0,0 +1 @@
+export { FeatureStatusBadges } from './feature-status-badges';

package/dist/src/presentation/web/components/common/feature-status-config.d.ts

@@ -0,0 +1,11 @@
+import type { LucideIcon } from 'lucide-react';
+export type FeatureStatus = 'action-needed' | 'in-progress' | 'done';
+export interface FeatureStatusConfig {
+    icon: LucideIcon;
+    iconClass: string;
+    bgClass: string;
+    label: string;
+}
+export declare const featureStatusConfig: Record<FeatureStatus, FeatureStatusConfig>;
+export declare const featureStatusOrder: FeatureStatus[];
+//# sourceMappingURL=feature-status-config.d.ts.map

package/dist/src/presentation/web/components/common/feature-status-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-status-config.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/common/feature-status-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,aAAa,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,mBAAmB,CAmB1E,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAA6C,CAAC"}

package/dist/src/presentation/web/components/common/feature-status-config.js

@@ -0,0 +1,22 @@
+import { CircleAlert, Loader2, CircleCheck } from 'lucide-react';
+export const featureStatusConfig = {
+    'action-needed': {
+        icon: CircleAlert,
+        iconClass: 'text-amber-500',
+        bgClass: 'bg-amber-500/10',
+        label: 'Action Needed',
+    },
+    'in-progress': {
+        icon: Loader2,
+        iconClass: 'text-blue-500 animate-spin',
+        bgClass: 'bg-blue-500/10',
+        label: 'In Progress',
+    },
+    done: {
+        icon: CircleCheck,
+        iconClass: 'text-emerald-500',
+        bgClass: 'bg-emerald-500/10',
+        label: 'Done',
+    },
+};
+export const featureStatusOrder = ['action-needed', 'in-progress', 'done'];

package/dist/src/presentation/web/components/common/feature-status-group/feature-status-group.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface FeatureStatusGroupProps {
+    label: string;
+    count: number;
+    children: ReactNode;
+}
+export declare function FeatureStatusGroup({ label, count, children }: FeatureStatusGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=feature-status-group.d.ts.map

package/dist/src/presentation/web/components/common/feature-status-group/feature-status-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-status-group.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-status-group/feature-status-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAkBrF"}

package/dist/src/presentation/web/components/common/feature-status-group/feature-status-group.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, } from '../../ui/sidebar';
+export function FeatureStatusGroup({ label, count, children }) {
+    return (_jsxs(SidebarGroup, { "data-testid": "feature-status-group", className: "px-2 py-1", children: [_jsxs(SidebarGroupLabel, { className: "text-muted-foreground h-6 px-2 text-[0.65rem] font-semibold tracking-wider uppercase", children: [label, _jsx("span", { "aria-label": `${count} items`, className: "bg-sidebar-accent text-sidebar-accent-foreground ml-1.5 inline-flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[0.6rem] font-medium tabular-nums", role: "img", children: count })] }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { className: "gap-0.5", children: children }) })] }));
+}

package/dist/src/presentation/web/components/common/feature-status-group/feature-status-group.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FeatureStatusGroup } from './feature-status-group';
+declare const meta: Meta<typeof FeatureStatusGroup>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const InProgress: Story;
+export declare const Done: Story;
+export declare const ActionNeeded: Story;
+//# sourceMappingURL=feature-status-group.stories.d.ts.map

package/dist/src/presentation/web/components/common/feature-status-group/feature-status-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-status-group.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-status-group/feature-status-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAgBzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAYlB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC"}

package/dist/src/presentation/web/components/common/feature-status-group/feature-status-group.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { SidebarProvider } from '../../ui/sidebar';
+import { FeatureListItem } from '../../common/feature-list-item';
+import { FeatureStatusGroup } from './feature-status-group';
+const meta = {
+    title: 'Composed/FeatureStatusGroup',
+    component: FeatureStatusGroup,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    decorators: [
+        (Story) => (_jsx(SidebarProvider, { children: _jsx("div", { className: "w-64", children: _jsx(Story, {}) }) })),
+    ],
+};
+export default meta;
+export const InProgress = {
+    args: {
+        label: 'In Progress',
+        count: 2,
+        children: (_jsxs(_Fragment, { children: [_jsx(FeatureListItem, { name: "Dashboard", status: "in-progress", startedAt: Date.now() - 330_000 }), _jsx(FeatureListItem, { name: "API Gateway", status: "in-progress", startedAt: Date.now() - 60_000 })] })),
+    },
+};
+export const Done = {
+    args: {
+        label: 'Done',
+        count: 3,
+        children: (_jsxs(_Fragment, { children: [_jsx(FeatureListItem, { name: "Settings Page", status: "done", duration: "2h" }), _jsx(FeatureListItem, { name: "User Profile", status: "done", duration: "1h" }), _jsx(FeatureListItem, { name: "Auth Module", status: "done", duration: "30m" })] })),
+    },
+};
+export const ActionNeeded = {
+    args: {
+        label: 'Action Needed',
+        count: 2,
+        children: (_jsxs(_Fragment, { children: [_jsx(FeatureListItem, { name: "Auth Module", status: "action-needed" }), _jsx(FeatureListItem, { name: "Payment Flow", status: "action-needed" })] })),
+    },
+};

package/dist/src/presentation/web/components/common/feature-status-group/index.d.ts

@@ -0,0 +1,3 @@
+export { FeatureStatusGroup } from './feature-status-group';
+export type { FeatureStatusGroupProps } from './feature-status-group';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/feature-status-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-status-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/src/presentation/web/components/common/feature-status-group/index.js

@@ -0,0 +1 @@
+export { FeatureStatusGroup } from './feature-status-group';

package/dist/src/presentation/web/components/common/page-header/page-header.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../lib/utils';
 export function PageHeader({ title, description, children, className }) {
-    return (_jsxs("header", { className: cn('flex items-center justify-between gap-4', className), children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }), description && _jsx("p", { className: "text-muted-foreground", children: description })] }), children && _jsx("div", { "data-slot": "actions", children: children })] }));
+    return (_jsxs("header", { className: cn('flex items-center justify-between gap-4', className), children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }), description ? _jsx("p", { className: "text-muted-foreground", children: description }) : null] }), children ? _jsx("div", { "data-slot": "actions", children: children }) : null] }));
 }

package/dist/src/presentation/web/components/common/shep-logo/index.d.ts

@@ -0,0 +1,3 @@
+export { ShepLogo } from './shep-logo';
+export type { ShepLogoProps } from './shep-logo';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/shep-logo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/shep-logo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist/src/presentation/web/components/common/shep-logo/index.js

@@ -0,0 +1 @@
+export { ShepLogo } from './shep-logo';

package/dist/src/presentation/web/components/common/shep-logo/shep-logo.d.ts

@@ -0,0 +1,6 @@
+export interface ShepLogoProps {
+    className?: string;
+    size?: number;
+}
+export declare function ShepLogo({ className, size }: ShepLogoProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=shep-logo.d.ts.map

package/dist/src/presentation/web/components/common/shep-logo/shep-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shep-logo.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/shep-logo/shep-logo.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,aAAa,2CAkB/D"}

package/dist/src/presentation/web/components/common/shep-logo/shep-logo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils';
+export function ShepLogo({ className, size = 24 }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 194 200", width: size, height: size, className: cn('shrink-0', className), "aria-hidden": "true", children: _jsx("g", { transform: "matrix(1, 0, 0, 1, -111, -208)", children: _jsx("path", { d: "M 198 406 C196,405 194,403 193,401 C192,399 191,398 186,398 C178,397 174,394 170,387 L 168 381 L 163 381 C156,381 150,377 147,370 C144,364 143,359 146,353 C148,348 148,347 147,347 C145,347 140,343 138,339 C133,329 139,314 149,311 L 152 311 L 149 307 C145,302 145,294 149,290 C151,288 152,287 151,286 C150,283 152,278 155,276 C156,275 159,274 162,273 C165,273 166,273 168,276 C171,278 171,280 172,287 C173,294 174,297 177,304 C180,309 182,314 183,316 C186,327 193,336 199,339 C204,342 211,342 216,340 C222,336 231,324 234,314 C235,312 237,307 239,302 C240,298 242,292 242,289 C243,281 245,278 247,275 C250,273 251,273 255,273 C261,274 264,278 264,282 C264,284 264,286 263,287 C262,287 263,288 265,290 C272,295 272,303 267,309 L 265 312 L 269 314 C276,317 279,323 279,332 C279,339 277,343 272,347 C268,351 268,351 269,354 C272,358 271,366 269,371 C266,376 259,381 254,381 C252,381 251,382 248,386 C242,395 234,400 227,399 C224,398 223,398 221,401 C220,403 217,405 216,406 C211,409 203,409 198,406 ZM 136 271 C123,267 115,262 113,256 C111,251 111,251 113,251 C118,254 124,254 132,252 C136,252 141,251 144,251 C149,251 157,253 162,256 C166,258 166,258 166,264 L 166 269 L 160 270 C149,272 142,272 136,271 ZM 264 271 C263,271 259,270 256,270 L 250 270 L 250 265 C249,259 250,257 259,254 C265,251 272,251 289,252 C297,253 299,253 302,252 C305,250 305,250 305,252 C305,255 301,262 297,264 C289,270 272,273 264,271 ZM 162 249 C160,247 159,245 159,242 C159,236 164,230 169,230 C170,230 171,228 171,225 C171,216 176,210 184,209 C189,209 195,211 195,213 C195,214 196,213 197,212 C201,209 204,208 208,208 C212,208 217,210 219,212 C220,214 220,213 223,211 C226,208 234,208 239,211 C243,214 246,221 246,226 C245,230 245,230 247,230 C253,230 258,238 257,244 C256,249 251,252 245,252 C241,252 237,251 234,248 C232,247 232,247 228,249 C225,251 222,252 220,252 C216,252 212,250 210,247 C209,246 209,246 206,248 C201,252 192,253 185,248 C183,247 183,247 178,249 C172,253 166,253 162,249 ZM 116 249 C112,248 114,247 119,247 C122,247 127,246 130,245 C138,242 146,242 152,245 L 158 248 L 148 247 C142,247 138,247 133,248 C128,250 120,250 116,249 ZM 284 248 C281,247 277,247 270,247 L 260 248 L 263 246 C269,243 276,242 284,245 C289,246 295,247 298,247 C303,247 304,247 303,248 C301,250 289,250 284,248 Z", fill: "currentColor" }) }) }));
+}

package/dist/src/presentation/web/components/common/shep-logo/shep-logo.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ShepLogo } from './shep-logo';
+declare const meta: Meta<typeof ShepLogo>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+//# sourceMappingURL=shep-logo.stories.d.ts.map

package/dist/src/presentation/web/components/common/shep-logo/shep-logo.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shep-logo.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/shep-logo/shep-logo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC"}

package/dist/src/presentation/web/components/common/shep-logo/shep-logo.stories.js

@@ -0,0 +1,21 @@
+import { ShepLogo } from './shep-logo';
+const meta = {
+    title: 'Composed/ShepLogo',
+    component: ShepLogo,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {};
+export const Small = {
+    args: {
+        size: 16,
+    },
+};
+export const Large = {
+    args: {
+        size: 48,
+    },
+};

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/index.d.ts

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

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-collapse-toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/index.js

@@ -0,0 +1 @@
+export { SidebarCollapseToggle } from './sidebar-collapse-toggle';

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.d.ts

@@ -0,0 +1,5 @@
+export interface SidebarCollapseToggleProps {
+    className?: string;
+}
+export declare function SidebarCollapseToggle({ className }: SidebarCollapseToggleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sidebar-collapse-toggle.d.ts.map

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-collapse-toggle.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CAkB9E"}

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PanelLeft } from 'lucide-react';
+import { useSidebar } from '../../ui/sidebar';
+import { Button } from '../../ui/button';
+import { cn } from '../../../lib/utils';
+export function SidebarCollapseToggle({ className }) {
+    const { toggleSidebar, open } = useSidebar();
+    const label = open ? 'Collapse sidebar' : 'Expand sidebar';
+    return (_jsx("div", { className: cn('flex', className), children: _jsx(Button, { "data-testid": "sidebar-collapse-toggle", variant: "ghost", size: "icon", className: "size-7 cursor-pointer group-data-[collapsible=icon]:size-8!", onClick: toggleSidebar, "aria-label": label, children: _jsx(PanelLeft, { className: "size-4" }) }) }));
+}