@shepai/cli 1.122.2-pr390.b1ef40f → 1.122.2-pr394.a603264

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

@@ -3,7 +3,7 @@ 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: 550, height: 300 }, }) {
+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 }) }) }));
 }
@@ -15,9 +15,6 @@ const meta = {
     },
     args: {
         name: 'shep-ai/cli',
-        branch: 'main',
-        commitMessage: 'feat: add dark mode toggle',
-        committer: 'Jane Doe',
     },
 };
 export default meta;
@@ -44,84 +41,37 @@ export const LongName = {
 };
 const onAdd = () => undefined;
 const multipleRepos = [
-    {
-        name: 'shep-ai/cli',
-        branch: 'main',
-        commitMessage: 'feat: add dark mode toggle',
-        committer: 'Jane Doe',
-    },
-    {
-        name: 'vercel/edge-runtime',
-        branch: 'feat/streaming',
-        commitMessage: 'fix: handle edge cases in streaming',
-        committer: 'John Smith',
-        behindCount: 3,
-    },
-    {
-        name: 'acme-corp/web-dashboard-v2',
-        branch: 'develop',
-        commitMessage: 'chore: update dependencies',
-        committer: 'Bot',
-        behindCount: 12,
-    },
-    {
-        name: 'openai/tiktoken',
-        branch: 'main',
-        commitMessage: 'perf: optimize token encoding',
-        committer: 'Alice Chen',
-    },
+    { 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 * 140 },
+            position: { x: 0, y: i * 80 },
             data,
         }));
-        return (_jsx("div", { style: { width: 600, height: 750 }, children: _jsx(ReactFlowProvider, { children: _jsx(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, nodesDraggable: false, nodesConnectable: false, proOptions: { hideAttribution: true }, fitView: true }) }) }));
+        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,
-        branch: 'main',
-        commitMessage: 'feat: add dark mode toggle',
-        committer: 'Jane Doe',
-    },
-    {
-        name: 'vercel/edge-runtime',
-        onAdd,
-        branch: 'feat/streaming',
-        commitMessage: 'fix: handle edge cases in streaming',
-        committer: 'John Smith',
-        behindCount: 3,
-    },
-    {
-        name: 'acme-corp/web-dashboard-v2',
-        onAdd,
-        branch: 'develop',
-        commitMessage: 'chore: update dependencies',
-        committer: 'Bot',
-    },
-    {
-        name: 'openai/tiktoken',
-        onAdd,
-        branch: 'main',
-        commitMessage: 'perf: optimize token encoding',
-        committer: 'Alice Chen',
-    },
+    { 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 * 140 },
+            position: { x: 0, y: i * 80 },
             data,
         }));
-        return (_jsx("div", { style: { width: 600, height: 750 }, children: _jsx(ReactFlowProvider, { children: _jsx(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, nodesDraggable: false, nodesConnectable: false, proOptions: { hideAttribution: true }, fitView: true }) }) }));
+        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 }) }) }));
     },
 };
 export const WithPulseAdd = {
@@ -158,29 +108,16 @@ export const WithDeleteButton = {
     argTypes: {
         onDelete: { action: 'onDelete' },
     },
-    render: (args) => _jsx(RepositoryNodeCanvas, { data: args, style: { width: 600, height: 300 } }),
+    render: (args) => _jsx(RepositoryNodeCanvas, { data: args, style: { width: 550, height: 250 } }),
 };
 const multipleReposWithActions = [
-    {
-        id: 'r1',
-        name: 'shep-ai/cli',
-        repositoryPath: '/home/user/shep-ai/cli',
-        onAdd,
-        onDelete,
-        branch: 'main',
-        commitMessage: 'feat(web): enrich repository node with branch and commit info',
-        committer: 'Ariel Shadkhan',
-    },
+    { id: 'r1', name: 'shep-ai/cli', repositoryPath: '/home/user/shep-ai/cli', onAdd, onDelete },
     {
         id: 'r2',
         name: 'vercel/edge-runtime',
         repositoryPath: '/home/user/vercel/edge-runtime',
         onAdd,
         onDelete,
-        branch: 'feat/streaming-v2',
-        commitMessage: 'fix: handle edge cases in streaming response',
-        committer: 'John Smith',
-        behindCount: 5,
     },
     {
         id: 'r3',
@@ -188,10 +125,6 @@ const multipleReposWithActions = [
         repositoryPath: '/home/user/acme-corp/web-dashboard-v2',
         onAdd,
         onDelete,
-        branch: 'develop',
-        commitMessage: 'chore(deps): update all dependencies to latest',
-        committer: 'Renovate Bot',
-        behindCount: 23,
     },
     {
         id: 'r4',
@@ -199,9 +132,6 @@ const multipleReposWithActions = [
         repositoryPath: '/home/user/openai/tiktoken',
         onAdd,
         onDelete,
-        branch: 'main',
-        commitMessage: 'perf: optimize token encoding for large inputs',
-        committer: 'Alice Chen',
     },
 ];
 export const MultipleWithActions = {
@@ -209,29 +139,9 @@ export const MultipleWithActions = {
         const nodes = multipleReposWithActions.map((data, i) => ({
             id: `repo-${i}`,
             type: 'repositoryNode',
-            position: { x: 0, y: i * 140 },
+            position: { x: 0, y: i * 80 },
             data,
         }));
-        return (_jsx("div", { style: { width: 600, height: 800 }, children: _jsx(ReactFlowProvider, { children: _jsx(ReactFlow, { nodes: nodes, nodeTypes: nodeTypes, nodesDraggable: false, nodesConnectable: false, proOptions: { hideAttribution: true }, fitView: true }) }) }));
-    },
-};
-export const WithGitInfo = {
-    args: {
-        repositoryPath: '/home/user/shep-ai/cli',
-        branch: 'feat/repo-node-enrichment',
-        commitMessage: 'feat(web): enrich repository node with branch and commit info',
-        committer: 'Ariel Shadkhan',
-        behindCount: 0,
+        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 }) }) }));
     },
-    render: (args) => _jsx(RepositoryNodeCanvas, { data: args }),
-};
-export const WithGitInfoBehind = {
-    args: {
-        repositoryPath: '/home/user/shep-ai/cli',
-        branch: 'feat/old-feature-branch',
-        commitMessage: 'fix: resolve merge conflict in auth module',
-        committer: 'Jane Doe',
-        behindCount: 7,
-    },
-    render: (args) => _jsx(RepositoryNodeCanvas, { data: args }),
 };

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

@@ -1 +1 @@
-{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBvE,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AA0FD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAUnD"}
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-shell/app-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBvE,UAAU,aAAa;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAoGD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAUnD"}

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from 'react';
 import { useRouter, usePathname } from 'next/navigation';
-import { Plus, FolderPlus } from 'lucide-react';
+import { Plus, FolderPlus, GitBranch } from 'lucide-react';
 import { SidebarProvider, SidebarInset } from '../../ui/sidebar.js';
 import { AppSidebar } from '../../layouts/app-sidebar/index.js';
 import { FloatingActionButton, } from '../../common/floating-action-button/index.js';
@@ -15,7 +15,7 @@ import { SidebarFeaturesProvider, useSidebarFeaturesContext, } from '../../../ho
 import { useNotifications } from '../../../hooks/use-notifications.js';
 import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 /** Control center route prefixes where the FAB should be visible. */
-const CONTROL_CENTER_PREFIXES = ['/', '/create', '/feature', '/repository'];
+const CONTROL_CENTER_PREFIXES = ['/', '/create', '/adopt', '/feature', '/repository'];
 function isControlCenterRoute(pathname) {
     return CONTROL_CENTER_PREFIXES.some((prefix) => pathname === prefix || (prefix !== '/' && pathname.startsWith(`${prefix}/`)));
 }
@@ -30,6 +30,9 @@ function AppShellInner({ children }) {
     const handleNewFeature = useCallback(() => {
         guardedNavigate(() => router.push('/create'));
     }, [router, guardedNavigate]);
+    const handleAdoptBranch = useCallback(() => {
+        guardedNavigate(() => router.push('/adopt'));
+    }, [router, guardedNavigate]);
     const handleFeatureClick = useCallback((featureId) => {
         guardedNavigate(() => router.push(`/feature/${featureId}`));
     }, [router, guardedNavigate]);
@@ -55,6 +58,12 @@ function AppShellInner({ children }) {
             icon: _jsx(Plus, { className: "h-4 w-4" }),
             onClick: handleNewFeature,
         },
+        {
+            id: 'adopt-branch',
+            label: 'Adopt Branch',
+            icon: _jsx(GitBranch, { className: "h-4 w-4" }),
+            onClick: handleAdoptBranch,
+        },
         {
             id: 'add-repository',
             label: 'Add Repository',
@@ -62,7 +71,7 @@ function AppShellInner({ children }) {
             onClick: handleAddRepository,
             loading: addingRepo,
         },
-    ], [handleNewFeature, handleAddRepository, addingRepo]);
+    ], [handleNewFeature, handleAdoptBranch, handleAddRepository, addingRepo]);
     return (_jsxs(SidebarProvider, { defaultOpen: false, children: [_jsx(AppSidebar, { features: features, featureFlags: featureFlags, onFeatureClick: handleFeatureClick }), _jsx(SidebarInset, { children: _jsxs("div", { className: "relative h-full", children: [_jsxs("div", { className: "absolute top-3 right-3 z-50 flex gap-1", "data-test-id": "canvas-actions-toolbar", children: [_jsx(SoundToggle, {}), _jsx(ThemeToggle, {})] }), _jsx("main", { className: "h-full", children: children }), isControlCenterRoute(pathname) && _jsx(FloatingActionButton, { actions: fabActions })] }) })] }));
 }
 export function AppShell({ children }) {

package/dist/src/presentation/web/lib/layout-with-dagre.js

@@ -8,7 +8,7 @@ export const CANVAS_LAYOUT_DEFAULTS = {
 /** Known node-type dimensions for the canvas node types */
 const NODE_DIMENSIONS = {
     featureNode: { width: 288, height: 140 },
-    repositoryNode: { width: 400, height: 110 },
+    repositoryNode: { width: 328, height: 50 },
 };
 function getNodeSize(node, defaultSize) {
     // Prefer per-node size from data, then type-based lookup, then default