@shepai/cli 1.160.0-pr496.02f70d8 → 1.160.0-pr501.ddca420

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

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { usePathname } from 'next/navigation';
 import { Home, Moon, Sun, Volume2, VolumeOff, Wrench, Puzzle, Settings } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
@@ -14,6 +15,7 @@ import { useSoundEnabled } from '../../../hooks/use-sound-enabled.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 import { useSoundAction } from '../../../hooks/use-sound-action.js';
 import { FeatureStatusGroup } from '../../common/feature-status-group/index.js';
+import { RepoGroup } from '../../common/repo-group/index.js';
 import { SidebarSectionHeader } from '../../common/sidebar-section-header/index.js';
 import { featureStatusConfig, featureStatusOrder } from '../../common/feature-status-config.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
@@ -31,11 +33,32 @@ export function AppSidebar({ features, featureFlags, onFeatureClick, }) {
     const toggleOnSound = useSoundAction('toggle-on');
     const toggleOffSound = useSoundAction('toggle-off');
     const clickSound = useSoundAction('navigate');
-    const grouped = featureStatusOrder.map((key) => {
-        const { labelKey } = featureStatusConfig[key];
-        const items = features.filter((f) => f.status === key);
-        return { key, label: t(labelKey), items };
-    });
+    // Group features by repository, then by status within each repo
+    const repoGroups = useMemo(() => {
+        const byRepo = new Map();
+        for (const feature of features) {
+            const key = feature.repositoryPath;
+            let group = byRepo.get(key);
+            if (!group) {
+                group = { repoName: feature.repositoryName, features: [] };
+                byRepo.set(key, group);
+            }
+            group.features.push(feature);
+        }
+        return Array.from(byRepo.entries()).map(([repoPath, { repoName, features: repoFeatures }]) => ({
+            repoPath,
+            repoName,
+            featureCount: repoFeatures.length,
+            statusGroups: featureStatusOrder
+                .map((statusKey) => ({
+                statusKey,
+                label: t(featureStatusConfig[statusKey].labelKey),
+                items: repoFeatures.filter((f) => f.status === statusKey),
+            }))
+                .filter((g) => g.items.length > 0),
+        }));
+    }, [features, t]);
+    const hasMultipleRepos = repoGroups.length > 1;
     return (_jsxs(Sidebar, { "data-testid": "app-sidebar", "data-no-drawer-close": true, collapsible: "icon", side: i18n.dir() === 'rtl' ? 'right' : 'left', children: [_jsx(SidebarHeader, { children: _jsxs(SidebarMenu, { children: [_jsx(SidebarMenuItem, { children: _jsxs("div", { className: "flex h-8 items-center group-data-[collapsible=icon]:justify-center", children: [showExpanded ? (_jsxs("div", { className: [
                                             'flex min-w-0 flex-1 items-center gap-2 overflow-hidden px-2',
                                             'transition-opacity duration-200 ease-out',
@@ -44,7 +67,9 @@ export function AppSidebar({ features, featureFlags, onFeatureClick, }) {
                         'flex min-h-0 flex-1 flex-col overflow-hidden transition-opacity duration-200 ease-out',
                         '[&_[data-sidebar=group-label]]:!mt-0 [&_[data-sidebar=group-label]]:!opacity-100 [&_[data-sidebar=group-label]]:!transition-none',
                         expandedVisible ? 'opacity-100' : 'opacity-0',
-                    ].join(' '), children: [_jsx(SidebarSectionHeader, { label: t('sidebar.features') }), _jsx(ScrollArea, { className: "min-h-0 flex-1", children: grouped.map(({ key, label, items }) => items.length > 0 ? (_jsx(FeatureStatusGroup, { label: label, count: items.length, children: items.map((feature) => (_jsx(FeatureListItem, { name: feature.name, status: feature.status, startedAt: feature.startedAt, duration: feature.duration, agentType: feature.agentType, modelId: feature.modelId, onClick: onFeatureClick ? () => onFeatureClick(feature.featureId) : undefined }, feature.featureId))) }, key)) : null) })] })) : null }), _jsx(SidebarFooter, { className: "border-t p-2", children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsx("div", { className: "flex items-center gap-1", children: _jsxs(TooltipProvider, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { className: "w-auto flex-none", onClick: (e) => {
+                    ].join(' '), children: [_jsx(SidebarSectionHeader, { label: t('sidebar.features') }), _jsx(ScrollArea, { className: "min-h-0 flex-1", children: hasMultipleRepos
+                                ? repoGroups.map(({ repoPath, repoName, featureCount, statusGroups }) => (_jsx(RepoGroup, { repoName: repoName, featureCount: featureCount, children: statusGroups.map(({ statusKey, label, items }) => (_jsx(FeatureStatusGroup, { label: label, count: items.length, children: items.map((feature) => (_jsx(FeatureListItem, { name: feature.name, status: feature.status, startedAt: feature.startedAt, duration: feature.duration, agentType: feature.agentType, modelId: feature.modelId, onClick: onFeatureClick ? () => onFeatureClick(feature.featureId) : undefined }, feature.featureId))) }, statusKey))) }, repoPath)))
+                                : repoGroups.flatMap(({ statusGroups }) => statusGroups.map(({ statusKey, label, items }) => (_jsx(FeatureStatusGroup, { label: label, count: items.length, children: items.map((feature) => (_jsx(FeatureListItem, { name: feature.name, status: feature.status, startedAt: feature.startedAt, duration: feature.duration, agentType: feature.agentType, modelId: feature.modelId, onClick: onFeatureClick ? () => onFeatureClick(feature.featureId) : undefined }, feature.featureId))) }, statusKey)))) })] })) : null }), _jsx(SidebarFooter, { className: "border-t p-2", children: _jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsx("div", { className: "flex items-center gap-1", children: _jsxs(TooltipProvider, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { className: "w-auto flex-none", onClick: (e) => {
                                                         const currentResolved = theme === 'system' ? resolvedTheme : theme;
                                                         const goingToDark = currentResolved !== 'dark';
                                                         const newTheme = theme === 'system'

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

@@ -9,4 +9,5 @@ export declare const Collapsed: Story;
 export declare const Empty: Story;
 export declare const AllInProgress: Story;
 export declare const AllDone: Story;
+export declare const MultipleRepositories: Story;
 //# sourceMappingURL=app-sidebar.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAgB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmDnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAIlC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
+{"version":3,"file":"app-sidebar.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAgB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAyBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+DnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAIlC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAmElC,CAAC"}

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

@@ -35,6 +35,8 @@ const mockFeatures = [
         status: 'action-needed',
         agentType: 'claude-code',
         modelId: 'claude-sonnet-4-6',
+        repositoryPath: '/home/user/projects/my-app',
+        repositoryName: 'my-app',
     },
     {
         featureId: 'feat-payment-002',
@@ -42,6 +44,8 @@ const mockFeatures = [
         status: 'action-needed',
         agentType: 'cursor',
         modelId: 'claude-opus-4-6',
+        repositoryPath: '/home/user/projects/my-app',
+        repositoryName: 'my-app',
     },
     {
         featureId: 'feat-dashboard-003',
@@ -50,6 +54,8 @@ const mockFeatures = [
         startedAt: Date.now() - 330_000,
         agentType: 'gemini-cli',
         modelId: 'gemini-2.5-pro',
+        repositoryPath: '/home/user/projects/my-app',
+        repositoryName: 'my-app',
     },
     {
         featureId: 'feat-api-004',
@@ -58,6 +64,8 @@ const mockFeatures = [
         startedAt: Date.now() - 60_000,
         agentType: 'claude-code',
         modelId: 'claude-haiku-4-5',
+        repositoryPath: '/home/user/projects/my-app',
+        repositoryName: 'my-app',
     },
     {
         featureId: 'feat-settings-005',
@@ -66,6 +74,8 @@ const mockFeatures = [
         duration: '2h',
         agentType: 'claude-code',
         modelId: 'claude-sonnet-4-6',
+        repositoryPath: '/home/user/projects/my-app',
+        repositoryName: 'my-app',
     },
     {
         featureId: 'feat-profile-006',
@@ -74,6 +84,8 @@ const mockFeatures = [
         duration: '1h',
         agentType: 'dev',
         modelId: 'gpt-8',
+        repositoryPath: '/home/user/projects/my-app',
+        repositoryName: 'my-app',
     },
 ];
 export const Default = {
@@ -107,12 +119,16 @@ export const AllInProgress = {
                 name: 'Feature A',
                 status: 'in-progress',
                 startedAt: Date.now() - 120_000,
+                repositoryPath: '/home/user/projects/my-app',
+                repositoryName: 'my-app',
             },
             {
                 featureId: 'feat-b-002',
                 name: 'Feature B',
                 status: 'in-progress',
                 startedAt: Date.now() - 600_000,
+                repositoryPath: '/home/user/projects/my-app',
+                repositoryName: 'my-app',
             },
         ],
     },
@@ -120,9 +136,98 @@ export const AllInProgress = {
 export const AllDone = {
     args: {
         features: [
-            { featureId: 'feat-a-001', name: 'Feature A', status: 'done', duration: '30m' },
-            { featureId: 'feat-b-002', name: 'Feature B', status: 'done', duration: '1h' },
-            { featureId: 'feat-c-003', name: 'Feature C', status: 'done', duration: '3h' },
+            {
+                featureId: 'feat-a-001',
+                name: 'Feature A',
+                status: 'done',
+                duration: '30m',
+                repositoryPath: '/home/user/projects/my-app',
+                repositoryName: 'my-app',
+            },
+            {
+                featureId: 'feat-b-002',
+                name: 'Feature B',
+                status: 'done',
+                duration: '1h',
+                repositoryPath: '/home/user/projects/my-app',
+                repositoryName: 'my-app',
+            },
+            {
+                featureId: 'feat-c-003',
+                name: 'Feature C',
+                status: 'done',
+                duration: '3h',
+                repositoryPath: '/home/user/projects/my-app',
+                repositoryName: 'my-app',
+            },
+        ],
+    },
+};
+export const MultipleRepositories = {
+    args: {
+        features: [
+            {
+                featureId: 'feat-auth-001',
+                name: 'Auth Module',
+                status: 'action-needed',
+                agentType: 'claude-code',
+                modelId: 'claude-sonnet-4-6',
+                repositoryPath: '/home/user/projects/frontend',
+                repositoryName: 'frontend',
+            },
+            {
+                featureId: 'feat-dashboard-002',
+                name: 'Dashboard',
+                status: 'in-progress',
+                startedAt: Date.now() - 330_000,
+                agentType: 'gemini-cli',
+                modelId: 'gemini-2.5-pro',
+                repositoryPath: '/home/user/projects/frontend',
+                repositoryName: 'frontend',
+            },
+            {
+                featureId: 'feat-settings-003',
+                name: 'Settings Page',
+                status: 'done',
+                duration: '2h',
+                repositoryPath: '/home/user/projects/frontend',
+                repositoryName: 'frontend',
+            },
+            {
+                featureId: 'feat-api-004',
+                name: 'API Gateway',
+                status: 'in-progress',
+                startedAt: Date.now() - 60_000,
+                agentType: 'claude-code',
+                modelId: 'claude-haiku-4-5',
+                repositoryPath: '/home/user/projects/backend',
+                repositoryName: 'backend',
+            },
+            {
+                featureId: 'feat-payment-005',
+                name: 'Payment Service',
+                status: 'action-needed',
+                agentType: 'cursor',
+                modelId: 'claude-opus-4-6',
+                repositoryPath: '/home/user/projects/backend',
+                repositoryName: 'backend',
+            },
+            {
+                featureId: 'feat-deploy-006',
+                name: 'CI/CD Pipeline',
+                status: 'done',
+                duration: '45m',
+                repositoryPath: '/home/user/projects/infra',
+                repositoryName: 'infra',
+            },
+            {
+                featureId: 'feat-monitor-007',
+                name: 'Monitoring Setup',
+                status: 'in-progress',
+                startedAt: Date.now() - 180_000,
+                repositoryPath: '/home/user/projects/infra',
+                repositoryName: 'infra',
+            },
         ],
     },
 };

package/dist/src/presentation/web/dev-server.js

@@ -20,7 +20,6 @@ import { initializeSettings } from '../../../packages/core/src/infrastructure/se
 import { initializeNotificationWatcher, getNotificationWatcher, } from '../../../packages/core/src/infrastructure/services/notifications/notification-watcher.service.js';
 import { initializePrSyncWatcher, getPrSyncWatcher, } from '../../../packages/core/src/infrastructure/services/pr-sync/pr-sync-watcher.service.js';
 import { getExistingConnection } from '../../../packages/core/src/infrastructure/persistence/sqlite/connection.js';
-import { initializeAutoArchiveWatcher, getAutoArchiveWatcher, } from '../../../packages/core/src/infrastructure/services/auto-archive/auto-archive-watcher.service.js';
 const DEFAULT_PORT = 3000;
 async function isPortAvailable(port) {
     return new Promise((resolve) => {
@@ -70,9 +69,6 @@ async function main() {
         const db = getExistingConnection();
         initializePrSyncWatcher(featureRepo, runRepo, gitPrService, notificationService, undefined, db, gitForkService);
         getPrSyncWatcher().start();
-        // Start auto-archive watcher for completed features
-        initializeAutoArchiveWatcher(featureRepo);
-        getAutoArchiveWatcher().start();
     }
     catch (error) {
         console.warn('[dev-server] DI initialization failed — features will be empty:', error);
@@ -131,12 +127,6 @@ async function main() {
             catch {
                 /* not initialized */
             }
-            try {
-                getAutoArchiveWatcher().stop();
-            }
-            catch {
-                /* not initialized */
-            }
             server.closeAllConnections();
             await Promise.all([
                 new Promise((resolve) => server.close(() => resolve())),

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

@@ -9,6 +9,10 @@ export interface SidebarFeatureItem {
     duration?: string;
     agentType?: string;
     modelId?: string;
+    /** Absolute path to the repository this feature belongs to */
+    repositoryPath: string;
+    /** Human-readable repository name (last path segment) */
+    repositoryName: string;
 }
 /**
  * Maps a canvas FeatureNodeState to the sidebar's 5-state FeatureStatus.

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

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