@shepai/cli 1.76.0 → 1.77.0-pr244.422e487

package/dist/src/presentation/web/components/common/feature-create-drawer/feature-create-drawer.stories.js

@@ -212,6 +212,55 @@ export const PrChecked = {
         await userEvent.click(prCheckbox);
     },
 };
+/* ---------------------------------------------------------------------------
+ * Fast mode stories
+ * ------------------------------------------------------------------------- */
+/**
+ * Fast Mode off (default) — the "Fast Mode" checkbox in the MODE section
+ * is unchecked. The full SDLC pipeline (analyze, requirements, research,
+ * plan, implement) will run.
+ */
+export const FastModeOff = {
+    render: () => _jsx(CreateDrawerTrigger, { label: "Open (Fast Mode Off)" }),
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.click(canvas.getByRole('button', { name: 'Open (Fast Mode Off)' }));
+    },
+};
+/**
+ * Fast Mode on — the "Fast Mode" checkbox is checked. When submitted,
+ * `fast: true` is included in the payload, skipping SDLC phases and
+ * implementing directly from the user's prompt.
+ */
+export const FastModeOn = {
+    render: () => _jsx(CreateDrawerTrigger, { label: "Open (Fast Mode On)" }),
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.click(canvas.getByRole('button', { name: 'Open (Fast Mode On)' }));
+        const body = within(canvasElement.ownerDocument.body);
+        const fastCheckbox = await body.findByLabelText('Fast Mode');
+        await userEvent.click(fastCheckbox);
+    },
+};
+/**
+ * Fast Mode combined with approval gates and git options — demonstrates
+ * that fast mode works alongside other form controls. Here fast mode,
+ * auto-approve all, push, and create PR are all enabled.
+ */
+export const FastModeWithOptions = {
+    render: () => _jsx(CreateDrawerTrigger, { label: "Open (Fast + Options)" }),
+    play: async ({ canvasElement }) => {
+        const canvas = within(canvasElement);
+        await userEvent.click(canvas.getByRole('button', { name: 'Open (Fast + Options)' }));
+        const body = within(canvasElement.ownerDocument.body);
+        const fastCheckbox = await body.findByLabelText('Fast Mode');
+        await userEvent.click(fastCheckbox);
+        const autoApprove = body.getByLabelText('Auto approve all');
+        await userEvent.click(autoApprove);
+        const prCheckbox = body.getByLabelText('Create PR');
+        await userEvent.click(prCheckbox);
+    },
+};
 /* ---------------------------------------------------------------------------
  * Workflow defaults stories
  * ------------------------------------------------------------------------- */

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

@@ -1 +1 @@
-{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAc5E,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,2CAoPzF"}
+{"version":3,"file":"control-center-inner.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-inner.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AAGpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAsB5E,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,2CAuQzF"}

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

@@ -1,7 +1,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo } from 'react';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
+import { useReactFlow } from '@xyflow/react';
 import { FeaturesCanvas } from '../../features/features-canvas/index.js';
 import { useSidebarFeaturesContext, mapNodeStateToSidebarStatus, } from '../../../hooks/sidebar-features-context.js';
 import { useSelectedFeatureId } from '../../../hooks/use-selected-feature-id.js';
@@ -10,12 +11,20 @@ import { useDrawerCloseGuard } from '../../../hooks/drawer-close-guard.js';
 import { useViewportPersistence } from '../../../hooks/use-viewport-persistence.js';
 import { ControlCenterEmptyState } from './control-center-empty-state.js';
 import { useControlCenterState } from './use-control-center-state.js';
+const AUTO_FOCUS_OPTIONS = {
+    maxZoom: 1.0,
+    padding: 0.5,
+    duration: 500,
+};
+const AUTO_FOCUS_DRAWER_DELAY_MS = 600;
 export function ControlCenterInner({ initialNodes, initialEdges }) {
     const router = useRouter();
     const pathname = usePathname();
     const selectedFeatureId = useSelectedFeatureId();
     const clickSound = useSoundAction('click');
     const { guardedNavigate } = useDrawerCloseGuard();
+    const { fitView } = useReactFlow();
+    const drawerTimerRef = useRef(null);
     const { defaultViewport, onMoveEnd: handleViewportChange, resetViewport, } = useViewportPersistence();
     const { nodes, edges, onNodesChange, handleConnect, handleAddRepository, handleDeleteFeature, handleDeleteRepository, createFeatureNode, setCallbacks, } = useControlCenterState(initialNodes, initialEdges);
     // Publish sidebar features to context whenever feature node data changes
@@ -107,11 +116,26 @@ export function ControlCenterInner({ initialNodes, initialEdges }) {
     useEffect(() => {
         const handler = (e) => {
             const path = e.detail.path;
-            handleAddRepository(path);
+            const { wasEmpty, repoPath } = handleAddRepository(path);
+            if (wasEmpty) {
+                // Wait for next render so the repo node exists in the DOM, then auto-focus
+                setTimeout(() => {
+                    fitView(AUTO_FOCUS_OPTIONS);
+                    // Open the create-feature drawer after the fitView animation completes
+                    drawerTimerRef.current = setTimeout(() => {
+                        guardedNavigate(() => router.push(`/create?repo=${encodeURIComponent(repoPath)}`));
+                    }, AUTO_FOCUS_DRAWER_DELAY_MS);
+                }, 0);
+            }
         };
         window.addEventListener('shep:add-repository', handler);
-        return () => window.removeEventListener('shep:add-repository', handler);
-    }, [handleAddRepository]);
+        return () => {
+            window.removeEventListener('shep:add-repository', handler);
+            if (drawerTimerRef.current != null) {
+                clearTimeout(drawerTimerRef.current);
+            }
+        };
+    }, [handleAddRepository, fitView, guardedNavigate, router]);
     // Listen for create events from the create drawer (with real feature ID from server)
     useEffect(() => {
         const handler = (e) => {

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

@@ -9,7 +9,10 @@ export interface ControlCenterState {
     edges: Edge[];
     onNodesChange: (changes: NodeChange<CanvasNodeType>[]) => void;
     handleConnect: (connection: Connection) => void;
-    handleAddRepository: (path: string) => void;
+    handleAddRepository: (path: string) => {
+        wasEmpty: boolean;
+        repoPath: string;
+    };
     handleLayout: (direction: LayoutDirection) => void;
     handleDeleteFeature: (featureId: string) => void;
     handleDeleteRepository: (repositoryId: string) => Promise<void>;

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

@@ -1 +1 @@
-{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAcjC,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM7E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,wDAAwD;IACxD,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,gDAAgD;IAChD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,0EAA0E;IAC1E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAOD,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAmXpB"}
+{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAcjC,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM7E,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/E,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,sBAAsB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,iBAAiB,EAAE,CACjB,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,YAAY,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,EACvC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,wDAAwD;IACxD,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,gDAAgD;IAChD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,0EAA0E;IAC1E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAQD,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAuXpB"}

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

@@ -18,11 +18,12 @@ const POLL_INTERVAL_MS = 3_000;
 /** Must match the message string emitted by the SSE route in agent-events/route.ts */
 const METADATA_UPDATED_MESSAGE = 'Feature metadata updated';
 let nextFeatureId = 0;
+let nextRepoTempId = 0;
 export function useControlCenterState(initialNodes, initialEdges) {
     const router = useRouter();
     const deleteSound = useSoundAction('delete');
     const createSound = useSoundAction('create');
-    const { nodes, edges, reconcile, updateFeature, addPendingFeature, removeFeature, restoreFeature, addRepository: addRepositoryToMap, removeRepository, replaceRepository, getFeatureRepositoryPath, getRepositoryData, setCallbacks, } = useGraphState(initialNodes, initialEdges);
+    const { nodes, edges, reconcile, updateFeature, addPendingFeature, removeFeature, restoreFeature, addRepository: addRepositoryToMap, removeRepository, replaceRepository, getFeatureRepositoryPath, getRepositoryData, getRepoMapSize, setCallbacks, } = useGraphState(initialNodes, initialEdges);
     // Refs for stable access to latest nodes/edges without callback recreation
     const nodesRef = useRef(nodes);
     const edgesRef = useRef(edges);
@@ -274,7 +275,8 @@ export function useControlCenterState(initialNodes, initialEdges) {
         reconcile(result.nodes, result.edges);
     }, [reconcile]);
     const handleAddRepository = useCallback((path) => {
-        const tempId = `repo-temp-${Date.now()}`;
+        const wasEmpty = getRepoMapSize() === 0;
+        const tempId = `repo-temp-${++nextRepoTempId}`;
         const repoName = path
             .replace(/[\\/]+$/, '')
             .split(/[\\/]/)
@@ -300,7 +302,8 @@ export function useControlCenterState(initialNodes, initialEdges) {
             removeRepository(tempId);
             toast.error('Failed to add repository');
         });
-    }, [addRepositoryToMap, removeRepository, replaceRepository, createSound]);
+        return { wasEmpty, repoPath: path };
+    }, [addRepositoryToMap, removeRepository, replaceRepository, createSound, getRepoMapSize]);
     return {
         nodes,
         edges,

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.js

@@ -15,7 +15,7 @@ function ResetButton({ onResetViewport }) {
         const viewport = onResetViewport();
         setViewport(viewport, { duration: 400 });
     }, [onResetViewport, setViewport]);
-    return (_jsx(ControlButton, { onClick: handleReset, title: "Reset view", "aria-label": "Reset view", children: _jsx(RotateCcw, {}) }));
+    return (_jsx(ControlButton, { onClick: handleReset, title: "Reset view", "aria-label": "Reset view", children: _jsx(RotateCcw, { style: { fill: 'none' } }) }));
 }
 export function FeaturesCanvas({ nodes, edges, selectedFeatureId, defaultViewport, onNodesChange, onAddFeature, onConnect, onNodeClick, onPaneClick, onCanvasDrag, onMoveEnd, onResetViewport, toolbar, emptyState, }) {
     const nodeTypes = useMemo(() => ({

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.stories.d.ts

@@ -16,4 +16,5 @@ export declare const MultipleRepositoriesMixedConnections: Story;
 export declare const InteractiveWithRepository: Story;
 export declare const WithSavedViewport: Story;
 export declare const ZoomedOutViewport: Story;
+export declare const FastModeFeatures: Story;
 //# sourceMappingURL=features-canvas.stories.d.ts.map

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"features-canvas.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAcrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwKnC,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAoDF,eAAO,MAAM,mCAAmC,EAAE,KAKjD,CAAC;AA4BF,eAAO,MAAM,gCAAgC,EAAE,KAO9C,CAAC;AA0DF,eAAO,MAAM,gCAAgC,EAAE,KAS9C,CAAC;AAiDF,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAC;AAqGF,eAAO,MAAM,oCAAoC,EAAE,KAKlD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAMvC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC"}
+{"version":3,"file":"features-canvas.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAcrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwKnC,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAoDF,eAAO,MAAM,mCAAmC,EAAE,KAKjD,CAAC;AA4BF,eAAO,MAAM,gCAAgC,EAAE,KAO9C,CAAC;AA0DF,eAAO,MAAM,gCAAgC,EAAE,KAS9C,CAAC;AAiDF,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAC;AAqGF,eAAO,MAAM,oCAAoC,EAAE,KAKlD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAMvC,CAAC;AAIF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAsEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC"}

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.stories.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FeaturesCanvas } from './features-canvas.js';
 import { layoutWithDagre } from '../../../lib/layout-with-dagre.js';
+import { DEFAULT_VIEWPORT } from '../../../hooks/use-viewport-persistence.js';
 const meta = {
     title: 'Features/FeaturesCanvas',
     component: FeaturesCanvas,
@@ -516,12 +517,13 @@ export const InteractiveWithRepository = {
         onAddFeature: () => undefined,
     },
 };
+// --- Viewport Persistence Stories ---
 export const WithSavedViewport = {
     args: {
         nodes: repoFeatureNodes,
         edges: repoFeatureEdges,
         defaultViewport: { x: 200, y: 150, zoom: 1.0 },
-        onResetViewport: () => ({ x: 30, y: 30, zoom: 0.85 }),
+        onResetViewport: () => DEFAULT_VIEWPORT,
     },
 };
 export const ZoomedOutViewport = {
@@ -529,6 +531,73 @@ export const ZoomedOutViewport = {
         nodes: mixedLayoutedNodes,
         edges: mixedLayoutedEdges,
         defaultViewport: { x: 0, y: 0, zoom: 0.5 },
-        onResetViewport: () => ({ x: 30, y: 30, zoom: 0.85 }),
+        onResetViewport: () => DEFAULT_VIEWPORT,
+    },
+};
+// --- Fast-mode feature scenario ---
+const fastModeNodesRaw = [
+    {
+        id: 'repo-1',
+        type: 'repositoryNode',
+        position: { x: 0, y: 0 },
+        data: { name: 'shep-ai/cli' },
+    },
+    {
+        id: 'feat-fast-1',
+        type: 'featureNode',
+        position: { x: 0, y: 0 },
+        data: {
+            name: 'Quick Bug Fix',
+            description: 'Fast-mode feature — skips SDLC, starts at implementation',
+            featureId: '#ff1',
+            lifecycle: 'implementation',
+            state: 'running',
+            progress: 30,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/quick-bug-fix',
+        },
+    },
+    {
+        id: 'feat-full-1',
+        type: 'featureNode',
+        position: { x: 0, y: 0 },
+        data: {
+            name: 'Auth Module',
+            description: 'Full-pipeline feature — goes through all SDLC phases',
+            featureId: '#ff2',
+            lifecycle: 'requirements',
+            state: 'running',
+            progress: 15,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/auth-module',
+        },
+    },
+    {
+        id: 'feat-fast-2',
+        type: 'featureNode',
+        position: { x: 0, y: 0 },
+        data: {
+            name: 'Update README',
+            description: 'Fast-mode feature — already done',
+            featureId: '#ff3',
+            lifecycle: 'deploy',
+            state: 'done',
+            progress: 100,
+            repositoryPath: '/home/user/my-repo',
+            branch: 'feat/update-readme',
+        },
+    },
+];
+const fastModeEdges = [
+    { id: 'e-r1-ff1', source: 'repo-1', target: 'feat-fast-1', ...dashedEdge },
+    { id: 'e-r1-ff2', source: 'repo-1', target: 'feat-full-1', ...dashedEdge },
+    { id: 'e-r1-ff3', source: 'repo-1', target: 'feat-fast-2', ...dashedEdge },
+];
+const { nodes: fastModeLayoutedNodes, edges: fastModeLayoutedEdges } = layoutWithDagre(fastModeNodesRaw, fastModeEdges, { direction: 'LR' });
+export const FastModeFeatures = {
+    name: 'Fast Mode Features (Mixed Pipeline)',
+    args: {
+        nodes: fastModeLayoutedNodes,
+        edges: fastModeLayoutedEdges,
     },
 };

package/dist/src/presentation/web/components/features/settings/agent-settings-section.d.ts

@@ -0,0 +1,6 @@
+import type { AgentConfig } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface AgentSettingsSectionProps {
+    agent: AgentConfig;
+}
+export declare function AgentSettingsSection({ agent }: AgentSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=agent-settings-section.d.ts.map

package/dist/src/presentation/web/components/features/settings/agent-settings-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/agent-settings-section.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAgBxE,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,yBAAyB,2CAyIxE"}

package/dist/src/presentation/web/components/features/settings/agent-settings-section.js

@@ -0,0 +1,71 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition, useRef, useEffect } from 'react';
+import { Bot, Eye, EyeOff, Check } from 'lucide-react';
+import { toast } from 'sonner';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
+import { Label } from '../../ui/label.js';
+import { Input } from '../../ui/input.js';
+import { Button } from '../../ui/button.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
+import { updateSettingsAction } from '../../../app/actions/update-settings.js';
+import { AgentType, AgentAuthMethod } from '../../../../../../packages/core/src/domain/generated/output.js';
+const AGENT_TYPE_OPTIONS = [
+    { value: AgentType.ClaudeCode, label: 'Claude Code' },
+    { value: AgentType.Cursor, label: 'Cursor' },
+    { value: AgentType.GeminiCli, label: 'Gemini CLI' },
+    { value: AgentType.Aider, label: 'Aider' },
+    { value: AgentType.Continue, label: 'Continue' },
+    { value: AgentType.Dev, label: 'Dev' },
+];
+const AUTH_METHOD_OPTIONS = [
+    { value: AgentAuthMethod.Session, label: 'Session' },
+    { value: AgentAuthMethod.Token, label: 'Token' },
+];
+export function AgentSettingsSection({ agent }) {
+    const [agentType, setAgentType] = useState(agent.type);
+    const [authMethod, setAuthMethod] = useState(agent.authMethod);
+    const [token, setToken] = useState(agent.token ?? '');
+    const [showToken, setShowToken] = useState(false);
+    const [isPending, startTransition] = useTransition();
+    const [showSaved, setShowSaved] = useState(false);
+    const prevPendingRef = useRef(false);
+    useEffect(() => {
+        if (prevPendingRef.current && !isPending) {
+            setShowSaved(true);
+            const timer = setTimeout(() => setShowSaved(false), 2000);
+            return () => clearTimeout(timer);
+        }
+        prevPendingRef.current = isPending;
+    }, [isPending]);
+    function save(payload) {
+        startTransition(async () => {
+            const result = await updateSettingsAction(payload);
+            if (!result.success) {
+                toast.error(result.error ?? 'Failed to save agent settings');
+            }
+        });
+    }
+    function buildPayload(overrides = {}) {
+        const merged = { type: agentType, authMethod, ...overrides };
+        const result = { type: merged.type, authMethod: merged.authMethod };
+        if (merged.authMethod === AgentAuthMethod.Token) {
+            result.token = overrides.token ?? token;
+        }
+        return { agent: result };
+    }
+    function handleAgentTypeChange(value) {
+        setAgentType(value);
+        save(buildPayload({ type: value }));
+    }
+    function handleAuthMethodChange(value) {
+        setAuthMethod(value);
+        save(buildPayload({ authMethod: value }));
+    }
+    function handleTokenBlur() {
+        if (token !== (agent.token ?? '')) {
+            save(buildPayload({ token }));
+        }
+    }
+    return (_jsxs(Card, { id: "agent", className: "scroll-mt-6", "data-testid": "agent-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Bot, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Preferred Agent" })] }), isPending ? _jsx("span", { className: "text-muted-foreground text-xs", children: "Saving..." }) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Saved"] })) : null] }), _jsx(CardDescription, { children: "Choose your AI coding agent and authentication method" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "agent-type", children: "Agent Type" }), _jsxs(Select, { value: agentType, onValueChange: handleAgentTypeChange, children: [_jsx(SelectTrigger, { id: "agent-type", "data-testid": "agent-type-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: AGENT_TYPE_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "auth-method", children: "Authentication Method" }), _jsxs(Select, { value: authMethod, onValueChange: handleAuthMethodChange, children: [_jsx(SelectTrigger, { id: "auth-method", "data-testid": "auth-method-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: AUTH_METHOD_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), authMethod === AgentAuthMethod.Token && (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "agent-token", children: "API Token" }), _jsxs("div", { className: "relative", children: [_jsx(Input, { id: "agent-token", "data-testid": "agent-token-input", type: showToken ? 'text' : 'password', value: token, onChange: (e) => setToken(e.target.value), onBlur: handleTokenBlur, placeholder: "Enter your API token", className: "pr-10" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "absolute top-0 right-0 h-full px-3 hover:bg-transparent", onClick: () => setShowToken(!showToken), "data-testid": "toggle-token-visibility", "aria-label": showToken ? 'Hide token' : 'Show token', children: showToken ? _jsx(EyeOff, { className: "h-4 w-4" }) : _jsx(Eye, { className: "h-4 w-4" }) })] }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Saves automatically when you leave the field" })] }))] })] }));
+}

package/dist/src/presentation/web/components/features/settings/agent-settings-section.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+import { AgentSettingsSection } from './agent-settings-section.js';
+declare const meta: {
+    title: string;
+    component: typeof AgentSettingsSection;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const TokenAuth: Story;
+export declare const AiderSession: Story;
+//# sourceMappingURL=agent-settings-section.stories.d.ts.map

package/dist/src/presentation/web/components/features/settings/agent-settings-section.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/agent-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,QAAA,MAAM,IAAI;;;;;;;CAOmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC"}

package/dist/src/presentation/web/components/features/settings/agent-settings-section.stories.js

@@ -0,0 +1,36 @@
+import { AgentSettingsSection } from './agent-settings-section.js';
+import { AgentType, AgentAuthMethod } from '../../../../../../packages/core/src/domain/generated/output.js';
+const meta = {
+    title: 'Features/Settings/AgentSettingsSection',
+    component: AgentSettingsSection,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        agent: {
+            type: AgentType.ClaudeCode,
+            authMethod: AgentAuthMethod.Session,
+        },
+    },
+};
+export const TokenAuth = {
+    args: {
+        agent: {
+            type: AgentType.GeminiCli,
+            authMethod: AgentAuthMethod.Token,
+            token: 'sk-test-token-12345',
+        },
+    },
+};
+export const AiderSession = {
+    args: {
+        agent: {
+            type: AgentType.Aider,
+            authMethod: AgentAuthMethod.Session,
+        },
+    },
+};

package/dist/src/presentation/web/components/features/settings/database-settings-section.d.ts

@@ -0,0 +1,6 @@
+export interface DatabaseSettingsSectionProps {
+    shepHome: string;
+    dbFileSize: string;
+}
+export declare function DatabaseSettingsSection({ shepHome, dbFileSize }: DatabaseSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=database-settings-section.d.ts.map

package/dist/src/presentation/web/components/features/settings/database-settings-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/database-settings-section.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,4BAA4B,2CA+B7F"}

package/dist/src/presentation/web/components/features/settings/database-settings-section.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Database, Info } from 'lucide-react';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
+import { Label } from '../../ui/label.js';
+export function DatabaseSettingsSection({ shepHome, dbFileSize }) {
+    return (_jsxs(Card, { id: "database", className: "scroll-mt-6", "data-testid": "database-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Database, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "Database Location" })] }), _jsx(CardDescription, { children: _jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx(Info, { className: "h-3 w-3" }), "Read-only information about your Shep data directory and database"] }) })] }), _jsxs(CardContent, { className: "bg-muted/50 space-y-3 rounded-b-lg", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-muted-foreground text-xs", children: "SHEP_HOME Directory" }), _jsx("p", { className: "font-mono text-sm", "data-testid": "shep-home-path", children: shepHome })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-muted-foreground text-xs", children: "Database File Size" }), _jsx("p", { className: "text-sm", "data-testid": "db-file-size", children: dbFileSize })] })] })] }));
+}

package/dist/src/presentation/web/components/features/settings/database-settings-section.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import { DatabaseSettingsSection } from './database-settings-section.js';
+declare const meta: {
+    title: string;
+    component: typeof DatabaseSettingsSection;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const LargeDatabase: Story;
+//# sourceMappingURL=database-settings-section.stories.d.ts.map

package/dist/src/presentation/web/components/features/settings/database-settings-section.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/database-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,QAAA,MAAM,IAAI;;;;;;;CAOsC,CAAC;AAEjD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}

package/dist/src/presentation/web/components/features/settings/database-settings-section.stories.js

@@ -0,0 +1,22 @@
+import { DatabaseSettingsSection } from './database-settings-section.js';
+const meta = {
+    title: 'Features/Settings/DatabaseSettingsSection',
+    component: DatabaseSettingsSection,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        shepHome: '/home/user/.shep',
+        dbFileSize: '2.4 MB',
+    },
+};
+export const LargeDatabase = {
+    args: {
+        shepHome: '/opt/shep/production',
+        dbFileSize: '156.7 MB',
+    },
+};

package/dist/src/presentation/web/components/features/settings/environment-settings-section.d.ts

@@ -0,0 +1,6 @@
+import type { EnvironmentConfig } from '../../../../../../packages/core/src/domain/generated/output.js';
+export interface EnvironmentSettingsSectionProps {
+    environment: EnvironmentConfig;
+}
+export declare function EnvironmentSettingsSection({ environment }: EnvironmentSettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=environment-settings-section.d.ts.map

package/dist/src/presentation/web/components/features/settings/environment-settings-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAgB9E,MAAM,WAAW,+BAA+B;IAC9C,WAAW,EAAE,iBAAiB,CAAC;CAChC;AAED,wBAAgB,0BAA0B,CAAC,EAAE,WAAW,EAAE,EAAE,+BAA+B,2CAwF1F"}

package/dist/src/presentation/web/components/features/settings/environment-settings-section.js

@@ -0,0 +1,54 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition, useRef, useEffect } from 'react';
+import { Terminal, Check } from 'lucide-react';
+import { toast } from 'sonner';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card.js';
+import { Label } from '../../ui/label.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../ui/select.js';
+import { updateSettingsAction } from '../../../app/actions/update-settings.js';
+import { EditorType } from '../../../../../../packages/core/src/domain/generated/output.js';
+const EDITOR_OPTIONS = [
+    { value: EditorType.VsCode, label: 'VS Code' },
+    { value: EditorType.Cursor, label: 'Cursor' },
+    { value: EditorType.Windsurf, label: 'Windsurf' },
+    { value: EditorType.Zed, label: 'Zed' },
+    { value: EditorType.Antigravity, label: 'Antigravity' },
+];
+const SHELL_OPTIONS = [
+    { value: 'bash', label: 'Bash' },
+    { value: 'zsh', label: 'Zsh' },
+    { value: 'fish', label: 'Fish' },
+];
+export function EnvironmentSettingsSection({ environment }) {
+    const [editor, setEditor] = useState(environment.defaultEditor);
+    const [shell, setShell] = useState(environment.shellPreference);
+    const [isPending, startTransition] = useTransition();
+    const [showSaved, setShowSaved] = useState(false);
+    const prevPendingRef = useRef(false);
+    useEffect(() => {
+        if (prevPendingRef.current && !isPending) {
+            setShowSaved(true);
+            const timer = setTimeout(() => setShowSaved(false), 2000);
+            return () => clearTimeout(timer);
+        }
+        prevPendingRef.current = isPending;
+    }, [isPending]);
+    function save(payload) {
+        startTransition(async () => {
+            const result = await updateSettingsAction(payload);
+            if (!result.success) {
+                toast.error(result.error ?? 'Failed to save IDE & Terminal settings');
+            }
+        });
+    }
+    function handleEditorChange(value) {
+        setEditor(value);
+        save({ environment: { defaultEditor: value, shellPreference: shell } });
+    }
+    function handleShellChange(value) {
+        setShell(value);
+        save({ environment: { defaultEditor: editor, shellPreference: value } });
+    }
+    return (_jsxs(Card, { id: "environment", className: "scroll-mt-6", "data-testid": "environment-settings-section", children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Terminal, { className: "text-muted-foreground h-4 w-4" }), _jsx(CardTitle, { children: "IDE & Terminal" })] }), isPending ? _jsx("span", { className: "text-muted-foreground text-xs", children: "Saving..." }) : null, showSaved && !isPending ? (_jsxs("span", { className: "flex items-center gap-1 text-xs text-green-600", children: [_jsx(Check, { className: "h-3 w-3" }), "Saved"] })) : null] }), _jsx(CardDescription, { children: "Configure your default editor and shell preferences" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "default-editor", children: "Default Editor" }), _jsxs(Select, { value: editor, onValueChange: handleEditorChange, children: [_jsx(SelectTrigger, { id: "default-editor", "data-testid": "editor-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: EDITOR_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "shell-preference", children: "Shell Preference" }), _jsxs(Select, { value: shell, onValueChange: handleShellChange, children: [_jsx(SelectTrigger, { id: "shell-preference", "data-testid": "shell-select", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: SHELL_OPTIONS.map((opt) => (_jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] })] })] })] }));
+}

package/dist/src/presentation/web/components/features/settings/environment-settings-section.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import { EnvironmentSettingsSection } from './environment-settings-section.js';
+declare const meta: {
+    title: string;
+    component: typeof EnvironmentSettingsSection;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CursorWithZsh: Story;
+//# sourceMappingURL=environment-settings-section.stories.d.ts.map

package/dist/src/presentation/web/components/features/settings/environment-settings-section.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment-settings-section.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/environment-settings-section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAG5E,QAAA,MAAM,IAAI;;;;;;;CAOyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC"}

package/dist/src/presentation/web/components/features/settings/environment-settings-section.stories.js

@@ -0,0 +1,27 @@
+import { EnvironmentSettingsSection } from './environment-settings-section.js';
+import { EditorType } from '../../../../../../packages/core/src/domain/generated/output.js';
+const meta = {
+    title: 'Features/Settings/EnvironmentSettingsSection',
+    component: EnvironmentSettingsSection,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        environment: {
+            defaultEditor: EditorType.VsCode,
+            shellPreference: 'bash',
+        },
+    },
+};
+export const CursorWithZsh = {
+    args: {
+        environment: {
+            defaultEditor: EditorType.Cursor,
+            shellPreference: 'zsh',
+        },
+    },
+};