@shepai/cli 1.21.0 → 1.22.0

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

@@ -0,0 +1,16 @@
+export { AddRepositoryNode, type AddRepositoryNodeData, type AddRepositoryNodeType, } from './add-repository-node/index.js';
+export { ElapsedTime, formatElapsed } from './elapsed-time/index.js';
+export { EmptyState, type EmptyStateProps } from './empty-state/index.js';
+export { FeatureListItem, type FeatureListItemProps } from './feature-list-item/index.js';
+export { FeatureNode, featureNodeStateConfig, type FeatureNodeState, type FeatureLifecyclePhase, type FeatureNodeData, type FeatureNodeType, type FeatureNodeStateConfig, } from './feature-node/index.js';
+export { FeatureStatusBadges, type FeatureStatusBadgesProps } from './feature-status-badges/index.js';
+export { FeatureStatusGroup, type FeatureStatusGroupProps } from './feature-status-group/index.js';
+export { LoadingSkeleton } from './loading-skeleton/index.js';
+export { RepositoryNode, type RepositoryNodeData, type RepositoryNodeType, } from './repository-node/index.js';
+export { PageHeader } from './page-header/index.js';
+export { ShepLogo, type ShepLogoProps } from './shep-logo/index.js';
+export { SidebarCollapseToggle, type SidebarCollapseToggleProps } from './sidebar-collapse-toggle/index.js';
+export { SidebarNavItem, type SidebarNavItemProps } from './sidebar-nav-item/index.js';
+export { SidebarSectionHeader, type SidebarSectionHeaderProps } from './sidebar-section-header/index.js';
+export { ThemeToggle } from './theme-toggle/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EACL,WAAW,EACX,sBAAsB,EACtB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,sBAAsB,GAC5B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAC7F,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EACL,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/presentation/web/components/common/index.js

@@ -0,0 +1,15 @@
+export { AddRepositoryNode, } from './add-repository-node/index.js';
+export { ElapsedTime, formatElapsed } from './elapsed-time/index.js';
+export { EmptyState } from './empty-state/index.js';
+export { FeatureListItem } from './feature-list-item/index.js';
+export { FeatureNode, featureNodeStateConfig, } from './feature-node/index.js';
+export { FeatureStatusBadges } from './feature-status-badges/index.js';
+export { FeatureStatusGroup } from './feature-status-group/index.js';
+export { LoadingSkeleton } from './loading-skeleton/index.js';
+export { RepositoryNode, } from './repository-node/index.js';
+export { PageHeader } from './page-header/index.js';
+export { ShepLogo } from './shep-logo/index.js';
+export { SidebarCollapseToggle } from './sidebar-collapse-toggle/index.js';
+export { SidebarNavItem } from './sidebar-nav-item/index.js';
+export { SidebarSectionHeader } from './sidebar-section-header/index.js';
+export { ThemeToggle } from './theme-toggle/index.js';

package/dist/src/presentation/web/components/common/loading-skeleton/index.d.ts

@@ -1,2 +1,2 @@
-export { LoadingSkeleton } from './loading-skeleton';
+export { LoadingSkeleton } from './loading-skeleton.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/loading-skeleton/index.js

@@ -1 +1 @@
-export { LoadingSkeleton } from './loading-skeleton';
+export { LoadingSkeleton } from './loading-skeleton.js';

package/dist/src/presentation/web/components/common/loading-skeleton/loading-skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils';
+import { cn } from '../../../lib/utils.js';
 const variantStyles = {
     line: 'h-4 w-full rounded-md',
     circle: 'size-12 rounded-full',

package/dist/src/presentation/web/components/common/loading-skeleton/loading-skeleton.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { LoadingSkeleton } from './loading-skeleton';
+import { LoadingSkeleton } from './loading-skeleton.js';
 declare const meta: Meta<typeof LoadingSkeleton>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/common/loading-skeleton/loading-skeleton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LoadingSkeleton } from './loading-skeleton';
+import { LoadingSkeleton } from './loading-skeleton.js';
 const meta = {
     title: 'Composed/LoadingSkeleton',
     component: LoadingSkeleton,

package/dist/src/presentation/web/components/common/page-header/index.d.ts

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

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

@@ -1 +1 @@
-export { PageHeader } from './page-header';
+export { PageHeader } from './page-header.js';

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';
+import { cn } from '../../../lib/utils.js';
 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 }) : null] }), children ? _jsx("div", { "data-slot": "actions", children: children }) : null] }));
 }

package/dist/src/presentation/web/components/common/page-header/page-header.stories.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import { PageHeader } from './page-header';
+import { PageHeader } from './page-header.js';
 declare const meta: {
     title: string;
     component: typeof PageHeader;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PageHeader } from './page-header';
-import { Button } from '../../ui/button';
+import { PageHeader } from './page-header.js';
+import { Button } from '../../ui/button.js';
 const meta = {
     title: 'Composed/PageHeader',
     component: PageHeader,

package/dist/src/presentation/web/components/common/repository-node/index.d.ts

@@ -0,0 +1,3 @@
+export { RepositoryNode } from './repository-node.js';
+export type { RepositoryNodeData, RepositoryNodeType } from './repository-node-config.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/repository-node/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/src/presentation/web/components/common/repository-node/index.js

@@ -0,0 +1 @@
+export { RepositoryNode } from './repository-node.js';

package/dist/src/presentation/web/components/common/repository-node/repository-node-config.d.ts

@@ -0,0 +1,11 @@
+import type { Node } from '@xyflow/react';
+export interface RepositoryNodeData {
+    [key: string]: unknown;
+    /** Repository name, e.g. "shep-ai/cli" */
+    name: string;
+    onClick?: () => void;
+    onAdd?: () => void;
+    showHandles?: boolean;
+}
+export type RepositoryNodeType = Node<RepositoryNodeData, 'repositoryNode'>;
+//# sourceMappingURL=repository-node-config.d.ts.map

package/dist/src/presentation/web/components/common/repository-node/repository-node-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repository-node-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,WAAW,kBAAkB;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/src/presentation/web/components/common/repository-node/repository-node-config.js

@@ -0,0 +1 @@
+export {};

package/dist/src/presentation/web/components/common/repository-node/repository-node.d.ts

@@ -0,0 +1,6 @@
+import type { RepositoryNodeData } from './repository-node-config.js';
+export declare function RepositoryNode({ data }: {
+    data: RepositoryNodeData;
+    [key: string]: unknown;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=repository-node.d.ts.map

package/dist/src/presentation/web/components/common/repository-node/repository-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,2CAoD5F"}

package/dist/src/presentation/web/components/common/repository-node/repository-node.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Handle, Position } from '@xyflow/react';
+import { Github, Plus } from 'lucide-react';
+export function RepositoryNode({ data }) {
+    return (_jsxs("div", { className: "group relative", children: [data.showHandles ? (_jsx(Handle, { type: "target", position: Position.Left, isConnectable: false, className: "opacity-0!" })) : null, _jsxs("button", { type: "button", "data-testid": "repository-node-card", onClick: (e) => {
+                    e.stopPropagation();
+                    data.onClick?.();
+                }, className: "nodrag bg-card flex w-56 cursor-default items-center gap-3 rounded-full border px-4 py-3 shadow-sm", children: [_jsx(Github, { className: "text-muted-foreground h-5 w-5 shrink-0" }), _jsx("span", { "data-testid": "repository-node-name", className: "min-w-0 truncate text-sm font-medium", children: data.name }), data.onAdd ? (_jsx("div", { "aria-label": "Add feature", "data-testid": "repository-node-add-button", onClick: (e) => {
+                            e.stopPropagation();
+                            data.onAdd?.();
+                        }, className: "ml-auto flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-full bg-blue-500 text-white opacity-0 shadow-md transition-opacity group-hover:opacity-100 hover:bg-blue-600", children: _jsx(Plus, { className: "h-3.5 w-3.5" }) })) : null] }), data.onAdd || data.showHandles ? (_jsx(Handle, { type: "source", position: Position.Right, isConnectable: !data.showHandles, className: "opacity-0!" })) : null] }));
+}

package/dist/src/presentation/web/components/common/repository-node/repository-node.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import type { RepositoryNodeData } from './repository-node-config.js';
+declare const meta: Meta<RepositoryNodeData>;
+export default meta;
+type Story = StoryObj<RepositoryNodeData>;
+export declare const Default: Story;
+export declare const WithAddButton: Story;
+export declare const WithHandles: Story;
+export declare const LongName: Story;
+export declare const Multiple: Story;
+export declare const MultipleWithButton: Story;
+//# sourceMappingURL=repository-node.stories.d.ts.map

package/dist/src/presentation/web/components/common/repository-node/repository-node.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repository-node.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,0BAA0B,CAAC;AAgCvF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,kBAAkB,CASlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAWF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AASF,eAAO,MAAM,kBAAkB,EAAE,KAwBhC,CAAC"}

package/dist/src/presentation/web/components/common/repository-node/repository-node.stories.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ReactFlowProvider, ReactFlow } from '@xyflow/react';
+import { RepositoryNode } from './repository-node.js';
+const nodeTypes = { repositoryNode: RepositoryNode };
+function RepositoryNodeCanvas({ data, style = { width: 500, height: 250 }, }) {
+    const nodes = useMemo(() => [{ id: 'node-1', type: 'repositoryNode', position: { x: 0, y: 0 }, data }], [data]);
+    return (_jsx("div", { style: style, children: _jsx(ReactFlowProvider, { children: _jsx(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, nodesDraggable: false, nodesConnectable: false, proOptions: { hideAttribution: true }, fitView: true }) }) }));
+}
+const meta = {
+    title: 'Composed/RepositoryNode',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    args: {
+        name: 'shep-ai/cli',
+    },
+};
+export default meta;
+export const Default = {
+    render: (args) => _jsx(RepositoryNodeCanvas, { data: args }),
+};
+export const WithAddButton = {
+    argTypes: {
+        onAdd: { action: 'onAdd' },
+    },
+    render: (args) => _jsx(RepositoryNodeCanvas, { data: args }),
+};
+export const WithHandles = {
+    args: {
+        showHandles: true,
+    },
+    render: (args) => _jsx(RepositoryNodeCanvas, { data: args }),
+};
+export const LongName = {
+    args: {
+        name: 'some-very-long-organization-name/repository-with-a-really-long-name',
+    },
+    render: (args) => _jsx(RepositoryNodeCanvas, { data: args }),
+};
+const onAdd = () => undefined;
+const multipleRepos = [
+    { name: 'shep-ai/cli' },
+    { name: 'vercel/edge-runtime' },
+    { name: 'acme-corp/web-dashboard-v2' },
+    { name: 'openai/tiktoken' },
+];
+export const Multiple = {
+    render: () => {
+        const nodes = multipleRepos.map((data, i) => ({
+            id: `repo-${i}`,
+            type: 'repositoryNode',
+            position: { x: 0, y: i * 80 },
+            data,
+        }));
+        return (_jsx("div", { style: { width: 500, height: 500 }, children: _jsx(ReactFlowProvider, { children: _jsx(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, nodesDraggable: false, nodesConnectable: false, proOptions: { hideAttribution: true }, fitView: true }) }) }));
+    },
+};
+const multipleReposWithButton = [
+    { name: 'shep-ai/cli', onAdd },
+    { name: 'vercel/edge-runtime', onAdd },
+    { name: 'acme-corp/web-dashboard-v2', onAdd },
+    { name: 'openai/tiktoken', onAdd },
+];
+export const MultipleWithButton = {
+    render: () => {
+        const nodes = multipleReposWithButton.map((data, i) => ({
+            id: `repo-${i}`,
+            type: 'repositoryNode',
+            position: { x: 0, y: i * 80 },
+            data,
+        }));
+        return (_jsx("div", { style: { width: 500, height: 500 }, children: _jsx(ReactFlowProvider, { children: _jsx(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, nodesDraggable: false, nodesConnectable: false, proOptions: { hideAttribution: true }, fitView: true }) }) }));
+    },
+};

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils';
+import { cn } from '../../../lib/utils.js';
 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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ShepLogo } from './shep-logo';
+import { ShepLogo } from './shep-logo.js';
 declare const meta: Meta<typeof ShepLogo>;
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,4 +1,4 @@
-import { ShepLogo } from './shep-logo';
+import { ShepLogo } from './shep-logo.js';
 const meta = {
     title: 'Composed/ShepLogo',
     component: ShepLogo,

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

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

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

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

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

@@ -1,9 +1,9 @@
 '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';
+import { useSidebar } from '../../ui/sidebar.js';
+import { Button } from '../../ui/button.js';
+import { cn } from '../../../lib/utils.js';
 export function SidebarCollapseToggle({ className }) {
     const { toggleSidebar, open } = useSidebar();
     const label = open ? 'Collapse sidebar' : 'Expand sidebar';

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { SidebarCollapseToggle } from './sidebar-collapse-toggle';
+import { SidebarCollapseToggle } from './sidebar-collapse-toggle.js';
 declare const meta: Meta<typeof SidebarCollapseToggle>;
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SidebarProvider, SidebarMenu, SidebarMenuItem } from '../../ui/sidebar';
-import { SidebarCollapseToggle } from './sidebar-collapse-toggle';
+import { SidebarProvider, SidebarMenu, SidebarMenuItem } from '../../ui/sidebar.js';
+import { SidebarCollapseToggle } from './sidebar-collapse-toggle.js';
 const meta = {
     title: 'Composed/SidebarCollapseToggle',
     component: SidebarCollapseToggle,

package/dist/src/presentation/web/components/common/sidebar-nav-item/index.d.ts

@@ -1,3 +1,3 @@
-export { SidebarNavItem } from './sidebar-nav-item';
-export type { SidebarNavItemProps } from './sidebar-nav-item';
+export { SidebarNavItem } from './sidebar-nav-item.js';
+export type { SidebarNavItemProps } from './sidebar-nav-item.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/sidebar-nav-item/index.js

@@ -1 +1 @@
-export { SidebarNavItem } from './sidebar-nav-item';
+export { SidebarNavItem } from './sidebar-nav-item.js';

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link';
-import { SidebarMenuItem, SidebarMenuButton } from '../../ui/sidebar';
+import { SidebarMenuItem, SidebarMenuButton } from '../../ui/sidebar.js';
 export function SidebarNavItem({ icon: Icon, label, href, active = false }) {
     return (_jsx(SidebarMenuItem, { "data-testid": "sidebar-nav-item", children: _jsx(SidebarMenuButton, { asChild: true, isActive: active, tooltip: label, children: _jsxs(Link, { href: href, children: [_jsx(Icon, {}), _jsx("span", { children: label })] }) }) }));
 }

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { SidebarNavItem } from './sidebar-nav-item';
+import { SidebarNavItem } from './sidebar-nav-item.js';
 declare const meta: Meta<typeof SidebarNavItem>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Home, Brain, Settings, LayoutDashboard } from 'lucide-react';
-import { SidebarProvider, SidebarMenu } from '../../ui/sidebar';
-import { SidebarNavItem } from './sidebar-nav-item';
+import { SidebarProvider, SidebarMenu } from '../../ui/sidebar.js';
+import { SidebarNavItem } from './sidebar-nav-item.js';
 const meta = {
     title: 'Composed/SidebarNavItem',
     component: SidebarNavItem,

package/dist/src/presentation/web/components/common/sidebar-section-header/index.d.ts

@@ -1,3 +1,3 @@
-export { SidebarSectionHeader } from './sidebar-section-header';
-export type { SidebarSectionHeaderProps } from './sidebar-section-header';
+export { SidebarSectionHeader } from './sidebar-section-header.js';
+export type { SidebarSectionHeaderProps } from './sidebar-section-header.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/web/components/common/sidebar-section-header/index.js

@@ -1 +1 @@
-export { SidebarSectionHeader } from './sidebar-section-header';
+export { SidebarSectionHeader } from './sidebar-section-header.js';

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

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Folder, GripHorizontal } from 'lucide-react';
-import { SidebarGroup } from '../../ui/sidebar';
-import { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip';
-import { useSidebar } from '../../ui/sidebar';
-import { cn } from '../../../lib/utils';
+import { SidebarGroup } from '../../ui/sidebar.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip.js';
+import { useSidebar } from '../../ui/sidebar.js';
+import { cn } from '../../../lib/utils.js';
 export function SidebarSectionHeader({ label, onFolderClick, onMenuClick, className, }) {
     const { state, isMobile } = useSidebar();
     return (_jsx(SidebarGroup, { "data-testid": "sidebar-section-header", className: cn('px-2 py-1', className), children: _jsxs("div", { className: "text-sidebar-foreground flex h-7 w-full shrink-0 items-center px-2 text-sm font-medium", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: label }), _jsxs("span", { className: "text-sidebar-foreground/70 flex shrink-0 items-center gap-0.5", children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onFolderClick, className: "ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex size-7 items-center justify-center rounded-md p-0 outline-hidden transition-colors focus-visible:ring-2 [&>svg]:size-4", "aria-label": "Open features folder", children: _jsx(Folder, { className: "size-4" }) }) }), _jsx(TooltipContent, { side: "right", align: "center", hidden: state !== 'collapsed' || isMobile, children: "Open features folder" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: onMenuClick, className: "ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex size-7 items-center justify-center rounded-md p-0 outline-hidden transition-colors focus-visible:ring-2 [&>svg]:size-4", "aria-label": "Features options", children: _jsx(GripHorizontal, { className: "size-4" }) }) }), _jsx(TooltipContent, { side: "right", align: "center", hidden: state !== 'collapsed' || isMobile, children: "Features options" })] })] })] }) }));

package/dist/src/presentation/web/components/common/sidebar-section-header/sidebar-section-header.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { SidebarSectionHeader } from './sidebar-section-header';
+import { SidebarSectionHeader } from './sidebar-section-header.js';
 declare const meta: Meta<typeof SidebarSectionHeader>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/common/sidebar-section-header/sidebar-section-header.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SidebarProvider } from '../../ui/sidebar';
-import { SidebarSectionHeader } from './sidebar-section-header';
+import { SidebarProvider } from '../../ui/sidebar.js';
+import { SidebarSectionHeader } from './sidebar-section-header.js';
 const meta = {
     title: 'Composed/SidebarSectionHeader',
     component: SidebarSectionHeader,

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

@@ -1,2 +1,2 @@
-export { ThemeToggle } from './theme-toggle';
+export { ThemeToggle } from './theme-toggle.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-export { ThemeToggle } from './theme-toggle';
+export { ThemeToggle } from './theme-toggle.js';

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

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Moon, Sun } from 'lucide-react';
-import { Button } from '../../ui/button';
-import { useTheme } from '../../../hooks/useTheme';
+import { Button } from '../../ui/button.js';
+import { useTheme } from '../../../hooks/useTheme.js';
 export function ThemeToggle() {
     const { theme, resolvedTheme, setTheme } = useTheme();
     const toggleTheme = () => {

package/dist/src/presentation/web/components/common/theme-toggle/theme-toggle.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ThemeToggle } from './theme-toggle';
+import { ThemeToggle } from './theme-toggle.js';
 declare const meta: Meta<typeof ThemeToggle>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/src/presentation/web/components/common/theme-toggle/theme-toggle.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ThemeToggle } from './theme-toggle';
+import { ThemeToggle } from './theme-toggle.js';
 const meta = {
     title: 'Composed/ThemeToggle',
     component: ThemeToggle,

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.d.ts

@@ -0,0 +1,6 @@
+export interface ControlCenterEmptyStateProps {
+    onRepositorySelect?: (path: string) => void;
+    className?: string;
+}
+export declare function ControlCenterEmptyState({ onRepositorySelect, className, }: ControlCenterEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=control-center-empty-state.d.ts.map

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-center-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-empty-state.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,uBAAuB,CAAC,EACtC,kBAAkB,EAClB,SAAS,GACV,EAAE,4BAA4B,2CAsG9B"}

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

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { Github, Plus, TerminalSquare, Copy, Check, Loader2 } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+import { pickFolder } from '../../common/add-repository-node/pick-folder.js';
+const commands = ['cd ~/my-repo', 'shep feat new "create modern, sleek dashboards"'];
+export function ControlCenterEmptyState({ onRepositorySelect, className, }) {
+    const [copied, setCopied] = useState(false);
+    const [loading, setLoading] = useState(false);
+    async function handlePickerClick() {
+        if (loading)
+            return;
+        setLoading(true);
+        try {
+            const path = await pickFolder();
+            if (path) {
+                onRepositorySelect?.(path);
+            }
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    const handleCopy = useCallback(async () => {
+        await navigator.clipboard.writeText(commands.join('\n'));
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+    }, []);
+    return (_jsxs("div", { "data-testid": "control-center-empty-state", className: cn('relative h-full w-full', className), children: [_jsx("div", { className: "absolute inset-0 [background-image:radial-gradient(circle,_var(--color-border)_1px,_transparent_1px)] [background-size:24px_24px]" }), _jsxs("div", { className: "absolute top-8 left-8 z-10", children: [_jsx("h1", { className: "text-4xl font-bold tracking-tight", children: "Features" }), _jsx("p", { className: "text-muted-foreground text-3xl font-light", children: "Control Center" })] }), _jsx("div", { className: "relative z-10 flex h-full items-center justify-center", children: _jsxs("div", { className: "flex max-w-lg flex-col items-center gap-6", children: [_jsxs("div", { className: "text-muted-foreground flex items-center gap-2", children: [_jsx(Github, { className: "h-4 w-4" }), _jsx("span", { className: "text-xs font-semibold tracking-widest uppercase", children: "Repositories" })] }), _jsxs("button", { type: "button", "data-testid": "empty-state-add-repository", onClick: handlePickerClick, disabled: loading, className: "border-muted-foreground/30 hover:border-primary hover:text-primary flex cursor-pointer items-center gap-3 rounded-lg border-2 border-dashed px-8 py-4 transition-colors disabled:cursor-wait disabled:opacity-60", children: [loading ? _jsx(Loader2, { className: "h-5 w-5 animate-spin" }) : _jsx(Plus, { className: "h-5 w-5" }), _jsx("span", { className: "text-sm font-medium", children: loading ? 'Opening...' : 'Add Repository' })] }), _jsxs("div", { className: "text-muted-foreground flex items-center gap-3", children: [_jsx("div", { className: "bg-border h-px w-16" }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(TerminalSquare, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "text-xs font-semibold tracking-widest uppercase", children: "Or start from the command line" })] }), _jsx("div", { className: "bg-border h-px w-16" })] }), _jsxs("div", { "data-testid": "cli-code-block", className: "relative w-full rounded-lg bg-zinc-900 px-5 py-4 font-mono text-sm text-zinc-100", children: [_jsx("button", { type: "button", "data-testid": "cli-code-block-copy", onClick: handleCopy, className: "absolute top-3 right-3 cursor-pointer rounded p-1.5 text-zinc-400 transition-colors hover:bg-zinc-800 hover:text-zinc-200", "aria-label": "Copy commands", children: copied ? _jsx(Check, { className: "h-4 w-4" }) : _jsx(Copy, { className: "h-4 w-4" }) }), _jsx("div", { className: "space-y-1", children: commands.map((cmd) => (_jsxs("div", { children: [_jsx("span", { className: "text-zinc-500 select-none", children: "$ " }), _jsx("span", { children: cmd })] }, cmd))) })] }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Feature will appear on canvas once created" })] }) })] }));
+}

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ControlCenterEmptyState } from './control-center-empty-state.js';
+declare const meta: Meta<typeof ControlCenterEmptyState>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCallback: Story;
+//# sourceMappingURL=control-center-empty-state.stories.d.ts.map

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-center-empty-state.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-empty-state.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAc9C,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,YAAY,EAAE,KAO1B,CAAC"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ControlCenterEmptyState } from './control-center-empty-state.js';
+const meta = {
+    title: 'Features/ControlCenterEmptyState',
+    component: ControlCenterEmptyState,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '100vh' }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+export const WithCallback = {
+    args: {
+        onRepositorySelect: (path) => {
+            // eslint-disable-next-line no-console
+            console.log('Selected repository:', path);
+        },
+    },
+};

package/dist/src/presentation/web/components/features/control-center/control-center-inner.d.ts

@@ -0,0 +1,9 @@
+import type { Edge } from '@xyflow/react';
+import type { CanvasNodeType } from '../../features/features-canvas/index.js';
+interface ControlCenterInnerProps {
+    initialNodes: CanvasNodeType[];
+    initialEdges: Edge[];
+}
+export declare function ControlCenterInner({ initialNodes, initialEdges }: ControlCenterInnerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=control-center-inner.d.ts.map

package/dist/src/presentation/web/components/features/control-center/control-center-inner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAI5E,UAAU,uBAAuB;IAC/B,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,uBAAuB,2CA6BzF"}

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

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FeaturesCanvas } from '../../features/features-canvas/index.js';
+import { ControlCenterEmptyState } from './control-center-empty-state.js';
+import { useControlCenterState } from './use-control-center-state.js';
+export function ControlCenterInner({ initialNodes, initialEdges }) {
+    const { nodes, edges, onNodesChange, handleConnect, handleAddFeature, handleAddFeatureToRepo, handleAddFeatureToFeature, handleAddRepository, handleNodeClick, clearSelection, } = useControlCenterState(initialNodes, initialEdges);
+    return (_jsx(FeaturesCanvas, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onConnect: handleConnect, onAddFeature: handleAddFeature, onNodeAction: handleAddFeatureToFeature, onNodeClick: handleNodeClick, onPaneClick: clearSelection, onRepositoryAdd: handleAddFeatureToRepo, onRepositorySelect: handleAddRepository, emptyState: _jsx(ControlCenterEmptyState, { onRepositorySelect: handleAddRepository }) }));
+}