@shepai/cli 1.22.1 → 1.23.0

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.js

@@ -7,6 +7,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
     const [nodes, setNodes] = useState(initialNodes);
     const [edges, setEdges] = useState(initialEdges);
     const [selectedNode, setSelectedNode] = useState(null);
+    const [isCreateDrawerOpen, setIsCreateDrawerOpen] = useState(false);
     const onNodesChange = useCallback((changes) => {
         setNodes((ns) => applyNodeChanges(changes, ns));
     }, []);
@@ -15,6 +16,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
     }, []);
     const handleNodeClick = useCallback((_event, node) => {
         if (node.type === 'featureNode') {
+            setIsCreateDrawerOpen(false);
             setSelectedNode(node.data);
         }
     }, []);
@@ -56,11 +58,11 @@ export function useControlCenterState(initialNodes, initialEdges) {
             return currentNodes;
         });
     }, []);
-    const createFeatureNode = useCallback((sourceNodeId) => {
+    const createFeatureNode = useCallback((sourceNodeId, dataOverride) => {
         const id = `feature-${Date.now()}-${nextFeatureId++}`;
         const newFeatureData = {
-            name: 'New Feature',
-            description: 'Describe what this feature does',
+            name: dataOverride?.name ?? 'New Feature',
+            description: dataOverride?.description ?? 'Describe what this feature does',
             featureId: `#${id.slice(-4)}`,
             lifecycle: 'requirements',
             state: 'running',
@@ -156,8 +158,19 @@ export function useControlCenterState(initialNodes, initialEdges) {
         setSelectedNode(newFeatureData);
     }, [edges]);
     const handleAddFeature = useCallback(() => {
-        createFeatureNode(null);
+        setSelectedNode(null);
+        setIsCreateDrawerOpen(true);
+    }, []);
+    const handleCreateFeatureSubmit = useCallback((data) => {
+        setIsCreateDrawerOpen(false);
+        createFeatureNode(null, {
+            name: data.name,
+            description: data.description || undefined,
+        });
     }, [createFeatureNode]);
+    const closeCreateDrawer = useCallback(() => {
+        setIsCreateDrawerOpen(false);
+    }, []);
     const handleAddFeatureToRepo = useCallback((repoNodeId) => {
         createFeatureNode(repoNodeId);
     }, [createFeatureNode]);
@@ -206,6 +219,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
         nodes,
         edges,
         selectedNode,
+        isCreateDrawerOpen,
         onNodesChange,
         handleConnect,
         clearSelection,
@@ -215,5 +229,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
         handleAddFeatureToFeature,
         handleAddRepository,
         handleLayout,
+        handleCreateFeatureSubmit,
+        closeCreateDrawer,
     };
 }

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

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface AppShellProps {
     children: ReactNode;
 }

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

@@ -1 +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;AAKvC,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAcnD"}
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpD,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAkBnD"}

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

@@ -1,8 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { SidebarProvider, SidebarInset } from '../../ui/sidebar.js';
 import { AppSidebar } from '../../layouts/app-sidebar/index.js';
 import { ThemeToggle } from '../../common/theme-toggle/index.js';
 export function AppShell({ children }) {
-    return (_jsxs(SidebarProvider, { children: [_jsx(AppSidebar, { features: [] }), _jsx(SidebarInset, { children: _jsxs("div", { className: "relative h-full", children: [_jsx("div", { className: "absolute top-3 right-3 z-50", children: _jsx(ThemeToggle, {}) }), _jsx("main", { className: "h-full", children: children })] }) })] }));
+    const handleNewFeature = useCallback(() => {
+        window.dispatchEvent(new CustomEvent('shep:open-create-drawer'));
+    }, []);
+    return (_jsxs(SidebarProvider, { children: [_jsx(AppSidebar, { features: [], onNewFeature: handleNewFeature }), _jsx(SidebarInset, { children: _jsxs("div", { className: "relative h-full", children: [_jsx("div", { className: "absolute top-3 right-3 z-50", children: _jsx(ThemeToggle, {}) }), _jsx("main", { className: "h-full", children: children })] }) })] }));
 }

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

@@ -2,7 +2,7 @@ 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" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ className, children, direction, showCloseButton, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content> & {
+    direction?: 'top' | 'right' | 'bottom' | 'left';
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerClose, DrawerTrigger, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAIjD,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAE9E;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAExF;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAEtF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAQtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,SAAoB,EACpB,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,2CAsCA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ/F;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}

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

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { XIcon } from 'lucide-react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+import { cn } from '../../lib/utils.js';
+function Drawer({ ...props }) {
+    return _jsx(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({ ...props }) {
+    return _jsx(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({ ...props }) {
+    return _jsx(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({ ...props }) {
+    return _jsx(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+}
+function DrawerOverlay({ className, ...props }) {
+    return (_jsx(DrawerPrimitive.Overlay, { "data-slot": "drawer-overlay", className: cn('fixed inset-0 z-50 bg-black/50', className), ...props }));
+}
+function DrawerContent({ className, children, direction = 'bottom', showCloseButton = true, ...props }) {
+    return (_jsx(DrawerPortal, { children: _jsxs(DrawerPrimitive.Content, { "data-slot": "drawer-content", className: cn('bg-background fixed z-50 flex flex-col shadow-lg', direction === 'bottom' && 'inset-x-0 bottom-0 mb-24 rounded-t-lg border-t', direction === 'top' && 'inset-x-0 top-0 mt-24 rounded-b-lg border-b', direction === 'right' && 'inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm', direction === 'left' && 'inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm', className), style: {
+                '--initial-transform': direction === 'right'
+                    ? 'calc(100% + 8px)'
+                    : direction === 'left'
+                        ? 'calc(-100% - 8px)'
+                        : direction === 'top'
+                            ? 'calc(-100% - 8px)'
+                            : 'calc(100% + 8px)',
+                ...(props.style ?? {}),
+            }, ...props, children: [children, showCloseButton ? (_jsxs(DrawerPrimitive.Close, { className: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })) : null] }) }));
+}
+function DrawerHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "drawer-header", className: cn('flex flex-col gap-1.5 p-4', className), ...props }));
+}
+function DrawerFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "drawer-footer", className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props }));
+}
+function DrawerTitle({ className, ...props }) {
+    return (_jsx(DrawerPrimitive.Title, { "data-slot": "drawer-title", className: cn('text-foreground font-semibold', className), ...props }));
+}
+function DrawerDescription({ className, ...props }) {
+    return (_jsx(DrawerPrimitive.Description, { "data-slot": "drawer-description", className: cn('text-muted-foreground text-sm', className), ...props }));
+}
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerClose, DrawerTrigger, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/src/presentation/web/components/ui/drawer.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RightSide: Story;
+export declare const RightNonModal: Story;
+export declare const LeftSide: Story;
+export declare const TopSide: Story;
+export declare const WithContent: Story;
+//# sourceMappingURL=drawer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/drawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAavD,QAAA,MAAM,IAAI;;;;;;CAMM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0CzB,CAAC"}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from './drawer.js';
+import { Button } from './button.js';
+const meta = {
+    title: 'Primitives/Drawer',
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs(Drawer, { children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Drawer" }) }), _jsxs(DrawerContent, { children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Drawer Title" }), _jsx(DrawerDescription, { children: "This is a default bottom drawer with header and footer content." })] }), _jsx("div", { className: "p-4", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Drawer body content goes here." }) }), _jsxs(DrawerFooter, { children: [_jsx(Button, { children: "Submit" }), _jsx(DrawerClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Cancel" }) })] })] })] })),
+};
+export const RightSide = {
+    render: () => (_jsxs(Drawer, { direction: "right", children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Right Drawer" }) }), _jsxs(DrawerContent, { direction: "right", children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Right Drawer" }), _jsx(DrawerDescription, { children: "This drawer slides in from the right side, commonly used for inspector panels." })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Inspector panel content. The drawer is fixed to the right edge of the viewport." }) }), _jsx(DrawerFooter, { children: _jsx(DrawerClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Close" }) }) })] })] })),
+};
+export const RightNonModal = {
+    render: () => (_jsxs(Drawer, { direction: "right", modal: false, children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Non-Modal Right Drawer" }) }), _jsxs(DrawerContent, { direction: "right", children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Non-Modal Drawer" }), _jsx(DrawerDescription, { children: "This drawer does not block interaction with the background. No overlay is rendered." })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "You can interact with elements behind this drawer while it is open." }) })] })] })),
+};
+export const LeftSide = {
+    render: () => (_jsxs(Drawer, { direction: "left", children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Left Drawer" }) }), _jsxs(DrawerContent, { direction: "left", children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Left Drawer" }), _jsx(DrawerDescription, { children: "This drawer slides in from the left side." })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Navigation panel or sidebar content." }) })] })] })),
+};
+export const TopSide = {
+    render: () => (_jsxs(Drawer, { direction: "top", children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Top Drawer" }) }), _jsxs(DrawerContent, { direction: "top", children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Top Drawer" }), _jsx(DrawerDescription, { children: "This drawer slides down from the top." })] }), _jsx("div", { className: "p-4", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Notification bar or alert content." }) })] })] })),
+};
+export const WithContent = {
+    render: () => (_jsxs(Drawer, { direction: "right", children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Detail Panel" }) }), _jsxs(DrawerContent, { direction: "right", className: "w-96 sm:max-w-96", children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Feature Details" }), _jsx(DrawerDescription, { children: "Inspect the selected feature's properties." })] }), _jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto p-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "Status" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Running" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "Lifecycle" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Implementation" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "Progress" }), _jsx("div", { className: "bg-muted h-2 rounded-full", children: _jsx("div", { className: "h-full w-3/4 rounded-full bg-blue-500" }) })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "Description" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "A longer description of the feature that would be truncated on the canvas node but is fully visible here in the drawer panel." })] })] }), _jsx(DrawerFooter, { children: _jsx(DrawerClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Close" }) }) })] })] })),
+};

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function Textarea({ className, ...props }: React.ComponentProps<'textarea'>): import("react/jsx-runtime").JSX.Element;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAa1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+function Textarea({ className, ...props }) {
+    return (_jsx("textarea", { "data-slot": "textarea", className: cn('placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input field-sizing-content min-h-[80px] w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]', 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive', className), ...props }));
+}
+export { Textarea };

package/dist/src/presentation/web/components/ui/textarea.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Textarea } from './textarea.js';
+declare const meta: Meta<typeof Textarea>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Disabled: Story;
+export declare const WithValue: Story;
+//# sourceMappingURL=textarea.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAW/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Textarea } from './textarea.js';
+import { Label } from './label.js';
+const meta = {
+    title: 'Primitives/Textarea',
+    component: Textarea,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        disabled: { control: 'boolean' },
+        rows: { control: 'number' },
+    },
+};
+export default meta;
+export const Default = {
+    args: { placeholder: 'Type your message here...' },
+};
+export const WithLabel = {
+    render: () => (_jsxs("div", { className: "grid w-full max-w-sm gap-1.5", children: [_jsx(Label, { htmlFor: "description", children: "Description" }), _jsx(Textarea, { id: "description", placeholder: "Describe the feature..." })] })),
+};
+export const Disabled = {
+    args: { disabled: true, placeholder: 'Disabled textarea' },
+};
+export const WithValue = {
+    args: { defaultValue: 'This textarea has initial content that can be edited.' },
+};

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

@@ -0,0 +1,30 @@
+/**
+ * Feature Data Access
+ *
+ * Queries the shared ~/.shep/data SQLite database directly with better-sqlite3.
+ * Self-contained to avoid importing CLI source files whose Node.js ESM
+ * .js extension imports are incompatible with Turbopack's module resolution.
+ *
+ * Server-side only (used in server components).
+ */
+/** Domain Feature object returned to the UI. */
+export interface Feature {
+    id: string;
+    name: string;
+    slug: string;
+    description: string;
+    repositoryPath: string;
+    branch: string;
+    lifecycle: string;
+    specPath?: string;
+    agentStatus?: string;
+    agentError?: string;
+    /** Current agent graph node, e.g. "node:plan". */
+    agentResult?: string;
+}
+/**
+ * List all features from the shared ~/.shep/data SQLite database.
+ * Returns an empty array if the database doesn't exist or the query fails.
+ */
+export declare function getFeatures(): Promise<Feature[]>;
+//# sourceMappingURL=features.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"features.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/features.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA4BH,gDAAgD;AAChD,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAkBD;;;GAGG;AACH,wBAAsB,WAAW,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC,CAkBtD"}

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

@@ -0,0 +1,50 @@
+/**
+ * Feature Data Access
+ *
+ * Queries the shared ~/.shep/data SQLite database directly with better-sqlite3.
+ * Self-contained to avoid importing CLI source files whose Node.js ESM
+ * .js extension imports are incompatible with Turbopack's module resolution.
+ *
+ * Server-side only (used in server components).
+ */
+import Database from 'better-sqlite3';
+import { homedir } from 'node:os';
+import { join } from 'node:path';
+import { existsSync } from 'node:fs';
+function fromRow(row) {
+    return {
+        id: row.id,
+        name: row.name,
+        slug: row.slug,
+        description: row.description,
+        repositoryPath: row.repository_path,
+        branch: row.branch,
+        lifecycle: row.lifecycle,
+        ...(row.spec_path !== null && { specPath: row.spec_path }),
+        ...(row.agent_status !== null && { agentStatus: row.agent_status }),
+        ...(row.agent_error !== null && { agentError: row.agent_error }),
+        ...(row.agent_result !== null && { agentResult: row.agent_result }),
+    };
+}
+/**
+ * List all features from the shared ~/.shep/data SQLite database.
+ * Returns an empty array if the database doesn't exist or the query fails.
+ */
+export async function getFeatures() {
+    const dbPath = join(homedir(), '.shep', 'data');
+    if (!existsSync(dbPath))
+        return [];
+    try {
+        const db = new Database(dbPath, { readonly: true });
+        const rows = db
+            .prepare('SELECT f.*, ar.status as agent_status, ar.error as agent_error, ar.result as agent_result FROM features f LEFT JOIN agent_runs ar ON f.agent_run_id = ar.id')
+            .all();
+        db.close();
+        return rows.map(fromRow);
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('Failed to load features:', error);
+        return [];
+    }
+}