@shepai/cli 1.116.3-pr375.ea5b2a2 → 1.117.0-pr377.9e8e17c

package/dist/src/presentation/web/components/ui/file-tree.js

@@ -0,0 +1,185 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import { FileIcon, FolderIcon, FolderOpenIcon, ChevronsDownUp, ChevronsUpDown } from 'lucide-react';
+import { ScrollArea } from '../ui/scroll-area.js';
+import { cn } from '../../lib/utils.js';
+const TreeContext = React.createContext(null);
+const useTree = () => {
+    const context = React.useContext(TreeContext);
+    if (!context) {
+        throw new Error('useTree must be used within a TreeProvider');
+    }
+    return context;
+};
+const isFolderElement = (element) => {
+    if (element.type) {
+        return element.type === 'folder';
+    }
+    return Array.isArray(element.children);
+};
+const mergeExpandedItems = (currentItems, nextItems) => [
+    ...new Set([...(currentItems ?? []), ...nextItems]),
+];
+const treeCollator = new Intl.Collator('en', {
+    numeric: true,
+    sensitivity: 'base',
+});
+const defaultTreeComparator = (a, b) => {
+    const aIsFolder = isFolderElement(a);
+    const bIsFolder = isFolderElement(b);
+    if (aIsFolder !== bIsFolder) {
+        return aIsFolder ? -1 : 1;
+    }
+    return treeCollator.compare(a.name, b.name);
+};
+const getTreeComparator = (sort) => {
+    if (sort === 'none')
+        return undefined;
+    if (sort === 'default')
+        return defaultTreeComparator;
+    return sort;
+};
+const sortTreeElements = (elements, sort) => {
+    const comparator = getTreeComparator(sort);
+    const nextElements = elements.map((element) => {
+        if (!Array.isArray(element.children))
+            return element;
+        return { ...element, children: sortTreeElements(element.children, sort) };
+    });
+    if (!comparator)
+        return nextElements;
+    return [...nextElements].sort(comparator);
+};
+const renderTreeElements = (elements, sort) => sortTreeElements(elements, sort).map((element) => {
+    if (isFolderElement(element)) {
+        return (_jsx(Folder, { value: element.id, element: element.name, isSelectable: element.isSelectable, children: Array.isArray(element.children) ? renderTreeElements(element.children, sort) : null }, element.id));
+    }
+    return (_jsx(File, { value: element.id, isSelectable: element.isSelectable, children: _jsx("span", { children: element.name }) }, element.id));
+});
+const Tree = React.forwardRef(({ className, elements, initialSelectedId, initialExpandedItems, children, indicator = true, openIcon, closeIcon, dir, onSelect, sort = 'default', ...props }, ref) => {
+    const [selectedId, setSelectedId] = React.useState(initialSelectedId);
+    const [expandedItems, setExpandedItems] = React.useState(initialExpandedItems);
+    const selectItem = React.useCallback((id) => {
+        setSelectedId(id);
+        onSelect?.(id);
+    }, [onSelect]);
+    const handleExpand = React.useCallback((id) => {
+        setExpandedItems((prev) => {
+            if (prev?.includes(id)) {
+                return prev.filter((item) => item !== id);
+            }
+            return [...(prev ?? []), id];
+        });
+    }, []);
+    const expandSpecificTargetedElements = React.useCallback((elems, selectId) => {
+        if (!elems || !selectId)
+            return;
+        const findParent = (currentElement, currentPath = []) => {
+            const isSelectable = currentElement.isSelectable ?? true;
+            const newPath = [...currentPath, currentElement.id];
+            if (currentElement.id === selectId) {
+                if (isSelectable) {
+                    setExpandedItems((prev) => mergeExpandedItems(prev, newPath));
+                }
+                else {
+                    if (newPath.includes(currentElement.id)) {
+                        newPath.pop();
+                        setExpandedItems((prev) => mergeExpandedItems(prev, newPath));
+                    }
+                }
+                return;
+            }
+            if (Array.isArray(currentElement.children) && currentElement.children.length > 0) {
+                currentElement.children.forEach((child) => {
+                    findParent(child, newPath);
+                });
+            }
+        };
+        elems.forEach((element) => {
+            findParent(element);
+        });
+    }, []);
+    React.useEffect(() => {
+        if (initialSelectedId) {
+            expandSpecificTargetedElements(elements, initialSelectedId);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initialSelectedId, elements]);
+    const direction = dir === 'rtl' ? 'rtl' : 'ltr';
+    const treeChildren = children ?? (elements ? renderTreeElements(elements, sort) : null);
+    return (_jsx(TreeContext.Provider, { value: {
+            selectedId,
+            expandedItems,
+            handleExpand,
+            selectItem,
+            setExpandedItems,
+            indicator,
+            openIcon,
+            closeIcon,
+            direction,
+        }, children: _jsx("div", { className: cn('size-full', className), children: _jsx(ScrollArea, { ref: ref, className: "relative h-full px-2", dir: dir, children: _jsx(AccordionPrimitive.Root, { ...props, type: "multiple", value: expandedItems, className: "flex flex-col gap-1", dir: dir, children: treeChildren }) }) }) }));
+});
+Tree.displayName = 'Tree';
+const TreeIndicator = React.forwardRef(({ className, ...props }, ref) => {
+    const { direction } = useTree();
+    return (_jsx("div", { dir: direction, ref: ref, className: cn('bg-muted absolute left-1.5 h-full w-px rounded-md py-3 duration-300 ease-in-out hover:bg-slate-300 rtl:right-1.5', className), ...props }));
+});
+TreeIndicator.displayName = 'TreeIndicator';
+const Folder = React.forwardRef(({ className, element, value, isSelectable = true, isSelect, children, ...props }, ref) => {
+    const { direction, handleExpand, expandedItems, indicator, selectedId, selectItem, openIcon, closeIcon, } = useTree();
+    const isSelected = isSelect ?? selectedId === value;
+    return (_jsxs(AccordionPrimitive.Item, { ...props, ref: ref, value: value, className: "relative h-full overflow-hidden", children: [_jsxs(AccordionPrimitive.Trigger, { className: cn('flex items-center gap-1 rounded-md text-sm', className, {
+                    'bg-muted rounded-md': isSelected && isSelectable,
+                    'cursor-pointer': isSelectable,
+                    'cursor-not-allowed opacity-50': !isSelectable,
+                }), disabled: !isSelectable, onClick: () => {
+                    selectItem(value);
+                    handleExpand(value);
+                }, children: [expandedItems?.includes(value)
+                        ? (openIcon ?? _jsx(FolderOpenIcon, { className: "size-4" }))
+                        : (closeIcon ?? _jsx(FolderIcon, { className: "size-4" })), _jsx("span", { children: element })] }), _jsxs(AccordionPrimitive.Content, { className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down relative h-full overflow-hidden text-sm", children: [element && indicator ? _jsx(TreeIndicator, { "aria-hidden": "true" }) : null, _jsx(AccordionPrimitive.Root, { dir: direction, type: "multiple", className: "ml-5 flex flex-col gap-1 py-1 rtl:mr-5", value: expandedItems, children: children })] })] }));
+});
+Folder.displayName = 'Folder';
+const File = React.forwardRef(({ value, className, handleSelect, onClick, isSelectable = true, isSelect, fileIcon, children, ...props }, ref) => {
+    const { direction, selectedId, selectItem } = useTree();
+    const isSelected = isSelect ?? selectedId === value;
+    return (_jsxs("button", { ref: ref, type: "button", disabled: !isSelectable, className: cn('flex w-fit items-center gap-1 rounded-md pr-1 text-sm duration-200 ease-in-out rtl:pr-0 rtl:pl-1', {
+            'bg-muted': isSelected && isSelectable,
+        }, isSelectable ? 'cursor-pointer' : 'cursor-not-allowed opacity-50', direction === 'rtl' ? 'rtl' : 'ltr', className), onClick: (event) => {
+            selectItem(value);
+            handleSelect?.(value);
+            onClick?.(event);
+        }, ...props, children: [fileIcon ?? _jsx(FileIcon, { className: "size-4" }), children] }));
+});
+File.displayName = 'File';
+const CollapseButton = React.forwardRef(({ className, elements, expandAll = false, children, ...props }, ref) => {
+    const { expandedItems, setExpandedItems } = useTree();
+    const expandAllTree = React.useCallback((elems) => {
+        const ids = [];
+        const walk = (el) => {
+            if ((el.isSelectable ?? true) && el.children && el.children.length > 0) {
+                ids.push(el.id);
+                for (const child of el.children)
+                    walk(child);
+            }
+        };
+        for (const el of elems)
+            walk(el);
+        return [...new Set(ids)];
+    }, []);
+    const closeAll = React.useCallback(() => {
+        setExpandedItems?.([]);
+    }, [setExpandedItems]);
+    React.useEffect(() => {
+        if (expandAll) {
+            setExpandedItems?.(expandAllTree(elements));
+        }
+    }, [expandAll, elements, expandAllTree, setExpandedItems]);
+    const isExpanded = expandedItems && expandedItems.length > 0;
+    return (_jsxs("button", { type: "button", className: cn('text-muted-foreground hover:text-foreground flex items-center gap-1 rounded-md p-1 text-xs transition-colors', className), onClick: isExpanded ? closeAll : () => setExpandedItems?.(expandAllTree(elements)), ref: ref, ...props, children: [children ??
+                (isExpanded ? (_jsx(ChevronsDownUp, { className: "h-3.5 w-3.5" })) : (_jsx(ChevronsUpDown, { className: "h-3.5 w-3.5" }))), _jsx("span", { className: "sr-only", children: "Toggle" })] }));
+});
+CollapseButton.displayName = 'CollapseButton';
+export { CollapseButton, File, Folder, Tree, useTree };

package/dist/src/presentation/web/components/ui/file-tree.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Tree } from './file-tree.js';
+declare const meta: Meta<typeof Tree>;
+export default meta;
+type Story = StoryObj<typeof Tree>;
+/** Default file tree with auto-rendered elements */
+export declare const Default: Story;
+/** Custom-rendered tree nodes with status icons */
+export declare const WithStatusIcons: Story;
+/** Collapsed by default */
+export declare const Collapsed: Story;
+/** With a collapse/expand all button */
+export declare const WithCollapseButton: Story;
+//# sourceMappingURL=file-tree.stories.d.ts.map

package/dist/src/presentation/web/components/ui/file-tree.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/file-tree.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAgB,IAAI,EAAwC,MAAM,aAAa,CAAC;AA8CvF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAsB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,oDAAoD;AACpD,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,eAAe,EAAE,KA8B7B,CAAC;AAEF,2BAA2B;AAC3B,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,wCAAwC;AACxC,eAAO,MAAM,kBAAkB,EAAE,KAoChC,CAAC"}

package/dist/src/presentation/web/components/ui/file-tree.stories.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { File, Folder, Tree, CollapseButton } from './file-tree.js';
+import { FilePlus, FileEdit, FileMinus } from 'lucide-react';
+const sampleElements = [
+    {
+        id: 'src',
+        name: 'src',
+        children: [
+            {
+                id: 'src/components',
+                name: 'components',
+                children: [
+                    { id: 'src/components/button.tsx', name: 'button.tsx' },
+                    { id: 'src/components/input.tsx', name: 'input.tsx' },
+                    { id: 'src/components/dialog.tsx', name: 'dialog.tsx' },
+                ],
+            },
+            {
+                id: 'src/lib',
+                name: 'lib',
+                children: [
+                    { id: 'src/lib/utils.ts', name: 'utils.ts' },
+                    { id: 'src/lib/auth.ts', name: 'auth.ts' },
+                ],
+            },
+            { id: 'src/index.ts', name: 'index.ts' },
+        ],
+    },
+    { id: 'package.json', name: 'package.json' },
+    { id: 'tsconfig.json', name: 'tsconfig.json' },
+];
+const allIds = [
+    'src',
+    'src/components',
+    'src/components/button.tsx',
+    'src/components/input.tsx',
+    'src/components/dialog.tsx',
+    'src/lib',
+    'src/lib/utils.ts',
+    'src/lib/auth.ts',
+    'src/index.ts',
+    'package.json',
+    'tsconfig.json',
+];
+const meta = {
+    title: 'Primitives/FileTree',
+    component: Tree,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: {
+                width: '300px',
+                height: '400px',
+                border: '1px solid var(--color-border)',
+                borderRadius: '8px',
+                padding: '8px',
+            }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+/** Default file tree with auto-rendered elements */
+export const Default = {
+    args: {
+        elements: sampleElements,
+        initialExpandedItems: allIds,
+    },
+};
+/** Custom-rendered tree nodes with status icons */
+export const WithStatusIcons = {
+    render: () => (_jsxs(Tree, { initialExpandedItems: allIds, elements: sampleElements, sort: "none", children: [_jsxs(Folder, { element: "src", value: "src", children: [_jsxs(Folder, { element: "components", value: "src/components", children: [_jsxs(File, { value: "src/components/button.tsx", fileIcon: _jsx(FileEdit, { className: "h-4 w-4 text-amber-600" }), children: [_jsx("span", { className: "text-xs", children: "button.tsx" }), _jsx("span", { className: "ml-auto pl-2 text-[10px] text-green-600", children: "+12" })] }), _jsxs(File, { value: "src/components/input.tsx", fileIcon: _jsx(FilePlus, { className: "h-4 w-4 text-green-600" }), children: [_jsx("span", { className: "text-xs", children: "input.tsx" }), _jsx("span", { className: "ml-auto pl-2 text-[10px] text-green-600", children: "+45" })] })] }), _jsx(Folder, { element: "lib", value: "src/lib", children: _jsxs(File, { value: "src/lib/utils.ts", fileIcon: _jsx(FileMinus, { className: "h-4 w-4 text-red-600" }), children: [_jsx("span", { className: "text-xs", children: "utils.ts" }), _jsx("span", { className: "ml-auto pl-2 text-[10px] text-red-600", children: "-8" })] }) })] }), _jsx(CollapseButton, { elements: sampleElements, className: "mt-1" })] })),
+};
+/** Collapsed by default */
+export const Collapsed = {
+    args: {
+        elements: sampleElements,
+        initialExpandedItems: [],
+    },
+};
+/** With a collapse/expand all button */
+export const WithCollapseButton = {
+    render: () => (_jsxs(Tree, { elements: sampleElements, initialExpandedItems: allIds, sort: "default", children: [_jsxs(Folder, { element: "src", value: "src", children: [_jsxs(Folder, { element: "components", value: "src/components", children: [_jsx(File, { value: "src/components/button.tsx", children: _jsx("span", { className: "text-xs", children: "button.tsx" }) }), _jsx(File, { value: "src/components/input.tsx", children: _jsx("span", { className: "text-xs", children: "input.tsx" }) }), _jsx(File, { value: "src/components/dialog.tsx", children: _jsx("span", { className: "text-xs", children: "dialog.tsx" }) })] }), _jsxs(Folder, { element: "lib", value: "src/lib", children: [_jsx(File, { value: "src/lib/utils.ts", children: _jsx("span", { className: "text-xs", children: "utils.ts" }) }), _jsx(File, { value: "src/lib/auth.ts", children: _jsx("span", { className: "text-xs", children: "auth.ts" }) })] }), _jsx(File, { value: "src/index.ts", children: _jsx("span", { className: "text-xs", children: "index.ts" }) })] }), _jsx(File, { value: "package.json", children: _jsx("span", { className: "text-xs", children: "package.json" }) }), _jsx(File, { value: "tsconfig.json", children: _jsx("span", { className: "text-xs", children: "tsconfig.json" }) }), _jsx(CollapseButton, { elements: sampleElements, className: "mt-2" })] })),
+};

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Slider as SliderPrimitive } from 'radix-ui';
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAIrD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EACZ,KAAK,EACL,GAAO,EACP,GAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAyCnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slider as SliderPrimitive } from 'radix-ui';
+import { cn } from '../../lib/utils.js';
+function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+    const _values = React.useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);
+    return (_jsxs(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: cn('relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', className), ...props, children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn('bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5'), children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn('bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full') }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" }, index)))] }));
+}
+export { Slider };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/slider.stories.tsx"],"names":[],"mappings":"AACA,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,CAG7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAYrC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Slider } from './slider.js';
+const meta = {
+    title: 'UI/Slider',
+    component: Slider,
+};
+export default meta;
+function SliderDemo() {
+    const [value, setValue] = useState([50]);
+    return (_jsxs("div", { style: { width: 300 }, children: [_jsx(Slider, { value: value, onValueChange: setValue, min: 0, max: 100, step: 1 }), _jsxs("p", { style: { marginTop: 8, fontSize: 12 }, children: ["Value: ", value[0]] })] }));
+}
+export const Default = {
+    render: () => _jsx(SliderDemo, {}),
+};

package/dist/src/presentation/web/hooks/sidebar-features-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-features-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/sidebar-features-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4DAA4D,CAAC;AACnG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAgBD;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gBAAgB,GAAG,aAAa,GAAG,IAAI,CAEzF;AAMD,UAAU,2BAA2B;IACnC,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,WAAW,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;CACvD;AAID,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CAQjF;AAED,wBAAgB,yBAAyB,IAAI,2BAA2B,CAMvE"}
+{"version":3,"file":"sidebar-features-context.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/sidebar-features-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4DAA4D,CAAC;AACnG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAI/E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAiBD;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gBAAgB,GAAG,aAAa,GAAG,IAAI,CAEzF;AAMD,UAAU,2BAA2B;IACnC,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,WAAW,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;CACvD;AAID,UAAU,4BAA4B;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CAQjF;AAED,wBAAgB,yBAAyB,IAAI,2BAA2B,CAMvE"}

package/dist/src/presentation/web/hooks/sidebar-features-context.js

@@ -9,6 +9,7 @@ const stateMapping = {
     running: 'in-progress',
     done: 'done',
     blocked: 'blocked',
+    pending: 'blocked',
     error: 'error',
     creating: null,
     deleting: null,

package/dist/src/presentation/web/hooks/use-graph-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-graph-state.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-graph-state.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAEL,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mDAAmD;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;;OAIG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClE,uEAAuE;IACvE,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,yDAAyD;IACzD,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sDAAsD;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtF,gEAAgE;IAChE,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,+EAA+E;IAC/E,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,WAAW,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0EAA0E;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAuCD,KAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,CACtE,CAAC;AA8BF,wBAAgB,aAAa,CAC3B,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,mBAAmB,CA6ZrB"}
+{"version":3,"file":"use-graph-state.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-graph-state.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAEL,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mDAAmD;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;;OAIG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClE,uEAAuE;IACvE,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,yDAAyD;IACzD,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sDAAsD;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtF,gEAAgE;IAChE,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,+EAA+E;IAC/E,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,WAAW,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0EAA0E;IAC1E,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAuCD,KAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,CACtE,CAAC;AA8BF,wBAAgB,aAAa,CAC3B,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,mBAAmB,CA8ZrB"}

package/dist/src/presentation/web/hooks/use-graph-state.js

@@ -90,6 +90,7 @@ export function useGraphState(initialNodes, initialEdges) {
         onRepositoryClick: (nodeId) => callbacksRef.current.onRepositoryClick?.(nodeId),
         onRepositoryDelete: (repositoryId) => callbacksRef.current.onRepositoryDelete?.(repositoryId),
         onRetryFeature: (featureId) => callbacksRef.current.onRetryFeature?.(featureId),
+        onStartFeature: (featureId) => callbacksRef.current.onStartFeature?.(featureId),
     }), []);
     // Stable refs for domain Maps (for use in callbacks without depending on state)
     const featureMapRef = useRef(featureMap);

package/dist/src/presentation/web/lib/derive-graph.d.ts

@@ -37,6 +37,8 @@ export interface GraphCallbacks {
     onRepositoryDelete?: (repositoryId: string) => void;
     /** Called when the user retries a failed feature. */
     onRetryFeature?: (featureId: string) => void;
+    /** Called when the user starts a pending feature. */
+    onStartFeature?: (featureId: string) => void;
 }
 /**
  * Derives React Flow nodes and edges from domain Maps.

package/dist/src/presentation/web/lib/derive-graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"derive-graph.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/derive-graph.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,qDAAqD;AACrD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,sGAAsG;IACtG,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wDAAwD;AACxD,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,gFAAgF;AAChF,MAAM,WAAW,cAAc;IAC7B,4FAA4F;IAC5F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qEAAqE;IACrE,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1F,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,EACrC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/B,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,EACrC,SAAS,CAAC,EAAE,cAAc,GACzB;IAAE,KAAK,EAAE,cAAc,EAAE,CAAC;IAAC,KAAK,EAAE,IAAI,EAAE,CAAA;CAAE,CAoJ5C"}
+{"version":3,"file":"derive-graph.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/derive-graph.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,qDAAqD;AACrD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,eAAe,CAAC;IACtB,sGAAsG;IACtG,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wDAAwD;AACxD,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,gFAAgF;AAChF,MAAM,WAAW,cAAc;IAC7B,4FAA4F;IAC5F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qEAAqE;IACrE,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1F,6EAA6E;IAC7E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,EACrC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/B,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,EACrC,SAAS,CAAC,EAAE,cAAc,GACzB;IAAE,KAAK,EAAE,cAAc,EAAE,CAAC;IAAC,KAAK,EAAE,IAAI,EAAE,CAAA;CAAE,CAyJ5C"}

package/dist/src/presentation/web/lib/derive-graph.js

@@ -102,6 +102,11 @@ export function deriveGraph(featureMap, repoMap, pendingMap, callbacks) {
                 callbacks?.onRetryFeature && {
                 onRetry: callbacks.onRetryFeature,
             }),
+            ...(!isCreating &&
+                entry.data.state === 'pending' &&
+                callbacks?.onStartFeature && {
+                onStart: callbacks.onStartFeature,
+            }),
         };
         nodes.push({
             id: nodeId,