@shepai/cli 1.148.0 → 1.149.0

package/dist/src/presentation/web/app/api/agent-events/route.js

@@ -18,7 +18,7 @@ import { AgentRunStatus, SdlcLifecycle, NotificationEventType, NotificationSever
 import { isProcessAlive } from '../../../../../../packages/core/src/infrastructure/services/process/is-process-alive.js';
 // Force dynamic — SSE streams must never be statically optimized or cached
 export const dynamic = 'force-dynamic';
-const POLL_INTERVAL_MS = 500;
+const POLL_INTERVAL_MS = 2_000;
 const HEARTBEAT_INTERVAL_MS = 30_000;
 /**
  * Maps SdlcLifecycle values to agent graph node names so the client

package/dist/src/presentation/web/app/api/sessions/route.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/app/api/sessions/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C,eAAO,MAAM,OAAO,kBAAkB,CAAC;AA2VvC;;;;;GAKG;AACH,wBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO;;;;YA9VpC,MAAM;mBACC,MAAM;iBACR,MAAM,GAAG,IAAI;sBACR,MAAM;wBACJ,MAAM,GAAG,IAAI;uBACd,MAAM,GAAG,IAAI;mBACjB,MAAM,GAAG,IAAI;qBACX,MAAM;kBACT,MAAM;;IAoXjB"}
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/app/api/sessions/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC;;;;;GAKG;AACH,wBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO;;;;;;;;;;;;;;IAqBzC"}

package/dist/src/presentation/web/app/api/sessions/route.js

@@ -1,264 +1,6 @@
 import { NextResponse } from 'next/server';
-import { createHash } from 'node:crypto';
-import { homedir } from 'node:os';
-import { join } from 'node:path';
-import { readdir, stat } from 'node:fs/promises';
+import { scanSessionsForPath } from '../../../lib/session-scanner.js';
 export const dynamic = 'force-dynamic';
-// ── Path encoding helpers ─────────────────────────────────────────────
-/**
- * Claude Code encodes paths by replacing '/', '\', '.' with '-'.
- * e.g. /home/user/.shep/repos/abc → -home-user--shep-repos-abc
- */
-function claudeEncodePath(p) {
-    return p.replace(/[/\\.]/g, '-');
-}
-/**
- * Cursor encodes paths by stripping the leading '/', removing dots,
- * and replacing '/' and '\' with '-'.
- * e.g. /home/user/.shep/repos/abc → home-user-shep-repos-abc
- */
-function cursorEncodePath(p) {
-    return p.replace(/^\//, '').replace(/\./g, '').replace(/[/\\]/g, '-');
-}
-// ── Claude Code session scanner ───────────────────────────────────────
-/**
- * Collect .jsonl session files from a single Claude project directory.
- */
-async function collectJsonlFiles(projectDir) {
-    let entries;
-    try {
-        entries = await readdir(projectDir);
-    }
-    catch {
-        return [];
-    }
-    const jsonlFiles = entries.filter((e) => e.endsWith('.jsonl'));
-    const fileInfos = await Promise.allSettled(jsonlFiles.map(async (name) => {
-        const filePath = join(projectDir, name);
-        const s = await stat(filePath);
-        return { name, filePath, mtime: s.mtime.getTime() };
-    }));
-    return fileInfos
-        .filter((r) => r.status === 'fulfilled')
-        .map((r) => r.value);
-}
-async function scanClaudeSessions(repositoryPath, limit, includeWorktrees = false) {
-    const dirName = claudeEncodePath(repositoryPath);
-    const projectsRoot = join(homedir(), '.claude', 'projects');
-    // Collect files from the exact directory
-    const primaryDir = join(projectsRoot, dirName);
-    let allFiles = await collectJsonlFiles(primaryDir);
-    // When includeWorktrees is set, also scan:
-    // 1. Directories whose name starts with the encoded repo path (git worktrees, .worktrees)
-    // 2. Shep worktree directories (~/.shep/repos/<hash>/wt/*) which use a hash of the repo path
-    if (includeWorktrees) {
-        try {
-            const allDirs = await readdir(projectsRoot);
-            // Match git-style worktrees (same prefix as repo path)
-            const prefixMatches = allDirs.filter((d) => d !== dirName && d.startsWith(dirName));
-            // Match shep worktrees: compute repo hash → find dirs starting with encoded shep path
-            const normalizedRepoPath = repositoryPath.replace(/\\/g, '/');
-            const repoHash = createHash('sha256').update(normalizedRepoPath).digest('hex').slice(0, 16);
-            const shepHome = join(homedir(), '.shep').replace(/\\/g, '/');
-            const shepWorktreePrefix = claudeEncodePath(join(shepHome, 'repos', repoHash));
-            const shepMatches = allDirs.filter((d) => d.startsWith(shepWorktreePrefix) && !prefixMatches.includes(d) && d !== dirName);
-            const worktreeDirs = [...prefixMatches, ...shepMatches];
-            const worktreeResults = await Promise.all(worktreeDirs.map((d) => collectJsonlFiles(join(projectsRoot, d))));
-            for (const files of worktreeResults) {
-                allFiles = allFiles.concat(files);
-            }
-        }
-        catch {
-            // projectsRoot doesn't exist — no sessions at all
-        }
-    }
-    const valid = allFiles.sort((a, b) => b.mtime - a.mtime).slice(0, limit);
-    // Parse each file
-    const results = await Promise.allSettled(valid.map(async (fi) => parseClaudeSession(fi.filePath, fi.name, fi.mtime, repositoryPath)));
-    return results
-        .filter((r) => r.status === 'fulfilled')
-        .map((r) => r.value)
-        .filter((s) => s !== null);
-}
-/**
- * Read the first N bytes of a file to extract preview and timestamps
- * without loading the entire (potentially multi-MB) session file.
- */
-const PREVIEW_READ_BYTES = 8_192; // 8KB is enough for first few messages
-async function parseClaudeSession(filePath, fileName, mtime, repositoryPath) {
-    const { createReadStream } = await import('node:fs');
-    const id = fileName.replace('.jsonl', '');
-    // Read only the first chunk to extract preview and first timestamp
-    let preview = null;
-    let firstTimestamp = null;
-    let messageCount = 0;
-    const head = await new Promise((resolve) => {
-        const chunks = [];
-        let size = 0;
-        const stream = createReadStream(filePath, { end: PREVIEW_READ_BYTES - 1 });
-        stream.on('data', (chunk) => {
-            chunks.push(chunk);
-            size += chunk.length;
-        });
-        stream.on('end', () => resolve(Buffer.concat(chunks, size).toString('utf-8')));
-        stream.on('error', () => resolve(''));
-    });
-    if (!head)
-        return null;
-    const lines = head.split('\n').filter((l) => l.trim());
-    for (const line of lines) {
-        try {
-            const entry = JSON.parse(line);
-            if (entry.type === 'user' || entry.type === 'assistant') {
-                const role = entry.message?.role;
-                if (role === 'user' || role === 'assistant') {
-                    messageCount++;
-                    if (entry.timestamp) {
-                        firstTimestamp ??= entry.timestamp;
-                    }
-                    if (role === 'user' && preview === null) {
-                        preview = extractText(entry.message?.content);
-                    }
-                }
-            }
-        }
-        catch {
-            break;
-        }
-    }
-    if (messageCount === 0)
-        return null;
-    // Use mtime as lastMessageAt — avoids reading entire file for last line
-    const mtimeIso = new Date(mtime).toISOString();
-    return {
-        id,
-        agentType: 'claude-code',
-        preview,
-        messageCount,
-        firstMessageAt: firstTimestamp,
-        lastMessageAt: mtimeIso,
-        createdAt: firstTimestamp ?? mtimeIso,
-        projectPath: repositoryPath,
-        filePath,
-        _mtime: mtime,
-    };
-}
-// ── Cursor session scanner ────────────────────────────────────────────
-async function scanCursorSessions(repositoryPath, limit) {
-    const dirName = cursorEncodePath(repositoryPath);
-    const transcriptsDir = join(homedir(), '.cursor', 'projects', dirName, 'agent-transcripts');
-    let entries;
-    try {
-        entries = await readdir(transcriptsDir);
-    }
-    catch {
-        return [];
-    }
-    // Cursor has two session structures:
-    // 1. Flat: agent-transcripts/<uuid>.jsonl
-    // 2. Nested: agent-transcripts/<uuid>/<uuid>.jsonl
-    const fileInfos = await Promise.allSettled(entries.map(async (entry) => {
-        const entryPath = join(transcriptsDir, entry);
-        const s = await stat(entryPath);
-        if (s.isFile() && entry.endsWith('.jsonl')) {
-            // Flat structure
-            return { name: entry, filePath: entryPath, mtime: s.mtime.getTime() };
-        }
-        if (s.isDirectory()) {
-            // Nested structure — look for <uuid>.jsonl inside
-            const jsonlPath = join(entryPath, `${entry}.jsonl`);
-            try {
-                const jsonlStat = await stat(jsonlPath);
-                return {
-                    name: `${entry}.jsonl`,
-                    filePath: jsonlPath,
-                    mtime: jsonlStat.mtime.getTime(),
-                };
-            }
-            catch {
-                return null;
-            }
-        }
-        return null;
-    }));
-    const valid = fileInfos
-        .filter((r) => r.status === 'fulfilled')
-        .map((r) => r.value)
-        .filter((v) => v !== null)
-        .sort((a, b) => b.mtime - a.mtime)
-        .slice(0, limit);
-    const results = await Promise.allSettled(valid.map(async (fi) => parseCursorSession(fi.filePath, fi.name, fi.mtime, repositoryPath)));
-    return results
-        .filter((r) => r.status === 'fulfilled')
-        .map((r) => r.value)
-        .filter((s) => s !== null);
-}
-async function parseCursorSession(filePath, fileName, mtime, repositoryPath) {
-    const { createReadStream } = await import('node:fs');
-    const id = fileName.replace('.jsonl', '');
-    // Read only the first chunk for preview extraction
-    const head = await new Promise((resolve) => {
-        const chunks = [];
-        let size = 0;
-        const stream = createReadStream(filePath, { end: PREVIEW_READ_BYTES - 1 });
-        stream.on('data', (chunk) => {
-            chunks.push(chunk);
-            size += chunk.length;
-        });
-        stream.on('end', () => resolve(Buffer.concat(chunks, size).toString('utf-8')));
-        stream.on('error', () => resolve(''));
-    });
-    if (!head)
-        return null;
-    let preview = null;
-    let messageCount = 0;
-    const lines = head.split('\n').filter((l) => l.trim());
-    for (const line of lines) {
-        try {
-            const entry = JSON.parse(line);
-            if (entry.role === 'user' || entry.role === 'assistant') {
-                messageCount++;
-                if (entry.role === 'user' && preview === null) {
-                    preview = extractText(entry.message?.content);
-                }
-            }
-        }
-        catch {
-            break;
-        }
-    }
-    if (messageCount === 0)
-        return null;
-    const mtimeIso = new Date(mtime).toISOString();
-    return {
-        id,
-        agentType: 'cursor',
-        preview,
-        messageCount,
-        firstMessageAt: mtimeIso,
-        lastMessageAt: mtimeIso,
-        createdAt: mtimeIso,
-        projectPath: repositoryPath,
-        filePath,
-        _mtime: mtime,
-    };
-}
-// ── Shared helpers ────────────────────────────────────────────────────
-function extractText(content) {
-    if (typeof content === 'string')
-        return content;
-    if (Array.isArray(content)) {
-        for (const block of content) {
-            if (typeof block === 'object' && block !== null) {
-                const b = block;
-                if (b.type === 'text' && typeof b.text === 'string')
-                    return b.text;
-            }
-        }
-    }
-    return null;
-}
-// ── Route handler ─────────────────────────────────────────────────────
 /**
  * GET /api/sessions?repositoryPath=<path>&limit=<n>
  *
@@ -274,15 +16,7 @@ export async function GET(request) {
         return NextResponse.json({ error: 'repositoryPath is required' }, { status: 400 });
     }
     try {
-        // Scan all providers in parallel
-        const [claudeSessions, cursorSessions] = await Promise.all([
-            scanClaudeSessions(repositoryPath, limit, includeWorktrees),
-            scanCursorSessions(repositoryPath, limit),
-        ]);
-        // Merge and sort by mtime descending, apply limit
-        const allSessions = [...claudeSessions, ...cursorSessions]
-            .sort((a, b) => b._mtime - a._mtime)
-            .slice(0, Math.min(limit, 50));
+        const allSessions = await scanSessionsForPath(repositoryPath, limit, includeWorktrees);
         return NextResponse.json({
             sessions: allSessions.map(({ _mtime, ...s }) => s),
         });

package/dist/src/presentation/web/app/api/sessions-batch/route.d.ts

@@ -0,0 +1,17 @@
+import { NextResponse } from 'next/server';
+import { type SessionResult } from '../../../lib/session-scanner.js';
+export declare const dynamic = "force-dynamic";
+type SessionSummaryFromBatch = Omit<SessionResult, '_mtime'>;
+/**
+ * GET /api/sessions-batch
+ *
+ * No parameters needed — resolves all repos and features from the DI container,
+ * scans sessions for each, and returns { sessionsByPath: Record<string, SessionSummary[]> }.
+ */
+export declare function GET(): Promise<NextResponse<{
+    sessionsByPath: Record<string, SessionSummaryFromBatch[]>;
+}> | NextResponse<{
+    error: string;
+}>>;
+export {};
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/sessions-batch/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/app/api/sessions-batch/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAI3C,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEhF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,KAAK,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;AAW7D;;;;;GAKG;AACH,wBAAsB,GAAG;;;;IAsDxB"}

package/dist/src/presentation/web/app/api/sessions-batch/route.js

@@ -0,0 +1,61 @@
+import { NextResponse } from 'next/server';
+import { resolve } from '../../../lib/server-container.js';
+import { scanSessionsForPath } from '../../../lib/session-scanner.js';
+export const dynamic = 'force-dynamic';
+const SESSIONS_PER_PATH = 5;
+// ── Server-side cache ─────────────────────────────────────────────────
+const CACHE_TTL_MS = 30_000;
+let cache = null;
+// ── Route handler ─────────────────────────────────────────────────────
+/**
+ * GET /api/sessions-batch
+ *
+ * No parameters needed — resolves all repos and features from the DI container,
+ * scans sessions for each, and returns { sessionsByPath: Record<string, SessionSummary[]> }.
+ */
+export async function GET() {
+    // Return cache if fresh
+    if (cache && Date.now() - cache.createdAt < CACHE_TTL_MS) {
+        return NextResponse.json({ sessionsByPath: cache.data });
+    }
+    try {
+        const listRepos = resolve('ListRepositoriesUseCase');
+        const listFeatures = resolve('ListFeaturesUseCase');
+        const [repositories, features] = await Promise.all([
+            listRepos.execute(),
+            listFeatures.execute({ includeArchived: false }),
+        ]);
+        // Build unique path specs: repos with includeWorktrees, features with their worktree path
+        const pathSpecs = [];
+        const seen = new Set();
+        for (const repo of repositories) {
+            if (repo.path && !seen.has(repo.path)) {
+                seen.add(repo.path);
+                pathSpecs.push({ path: repo.path, includeWorktrees: true });
+            }
+        }
+        for (const feature of features) {
+            const sessionPath = feature.worktreePath ?? feature.repositoryPath;
+            if (sessionPath && !seen.has(sessionPath)) {
+                seen.add(sessionPath);
+                pathSpecs.push({ path: sessionPath, includeWorktrees: false });
+            }
+        }
+        // Scan all paths in parallel
+        const results = await Promise.all(pathSpecs.map(async ({ path, includeWorktrees }) => {
+            const sessions = await scanSessionsForPath(path, SESSIONS_PER_PATH, includeWorktrees);
+            return { path, sessions: sessions.map(({ _mtime, ...s }) => s) };
+        }));
+        const sessionsByPath = {};
+        for (const { path, sessions } of results) {
+            sessionsByPath[path] = sessions;
+        }
+        cache = { data: sessionsByPath, createdAt: Date.now() };
+        return NextResponse.json({ sessionsByPath });
+    }
+    catch (error) {
+        // eslint-disable-next-line no-console
+        console.error('[API] GET /api/sessions-batch error:', error);
+        return NextResponse.json({ error: String(error) }, { status: 500 });
+    }
+}

package/dist/src/presentation/web/components/common/feature-node/feature-sessions-dropdown.d.ts

@@ -18,6 +18,6 @@ interface FeatureSessionsDropdownProps {
     /** Callback to create a feature from a session. Only shown on repo nodes. */
     onCreateFromSession?: (session: SessionSummary, sessionFilePath: string) => void;
 }
-export declare function FeatureSessionsDropdown({ repositoryPath, className, includeWorktrees, onCreateFromSession, }: FeatureSessionsDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeatureSessionsDropdown({ repositoryPath, className, onCreateFromSession, }: FeatureSessionsDropdownProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=feature-sessions-dropdown.d.ts.map

package/dist/src/presentation/web/components/common/feature-node/feature-sessions-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-sessions-dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/feature-sessions-dropdown.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,4BAA4B;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CAClF;AAmDD,wBAAgB,uBAAuB,CAAC,EACtC,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,mBAAmB,GACpB,EAAE,4BAA4B,2CAiK9B"}
+{"version":3,"file":"feature-sessions-dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/feature-sessions-dropdown.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,4BAA4B;IACpC,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CAClF;AAmDD,wBAAgB,uBAAuB,CAAC,EACtC,cAAc,EACd,SAAS,EACT,mBAAmB,GACpB,EAAE,4BAA4B,2CA6F9B"}

package/dist/src/presentation/web/components/common/feature-node/feature-sessions-dropdown.js

@@ -1,11 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback, useEffect, useRef } from 'react';
-import { History, Copy, ExternalLink, Terminal, MessageSquare, Clock, Loader2, ChevronDown, Sparkles, } from 'lucide-react';
+import { useState, useCallback } from 'react';
+import { History, Copy, ExternalLink, Terminal, MessageSquare, Clock, ChevronDown, Sparkles, } from 'lucide-react';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuPortal, } from '../../ui/dropdown-menu.js';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip.js';
 import { cn } from '../../../lib/utils.js';
 import { getAgentTypeIcon } from '../../common/feature-node/agent-type-icons.js';
+import { useSessionsContext } from '../../../hooks/sessions-provider.js';
 const ACTIVE_THRESHOLD_MS = 5 * 60 * 1000; // 5 minutes
 const PREVIEW_COUNT = 3;
 function isSessionActive(session) {
@@ -56,88 +57,29 @@ async function copyToClipboard(text) {
 function stopNodeEvent(e) {
     e.stopPropagation();
 }
-export function FeatureSessionsDropdown({ repositoryPath, className, includeWorktrees, onCreateFromSession, }) {
-    const [sessions, setSessions] = useState([]);
-    const [loading, setLoading] = useState(false);
-    const [fetched, setFetched] = useState(false);
-    const [hasActiveSessions, setHasActiveSessions] = useState(false);
+export function FeatureSessionsDropdown({ repositoryPath, className, onCreateFromSession, }) {
     const [expanded, setExpanded] = useState(false);
-    const prevPathRef = useRef(repositoryPath);
-    // Reset when path changes
-    useEffect(() => {
-        if (prevPathRef.current !== repositoryPath) {
-            prevPathRef.current = repositoryPath;
-            setSessions([]);
-            setFetched(false);
-            setHasActiveSessions(false);
-            setExpanded(false);
-        }
-    }, [repositoryPath]);
-    // Fetch sessions on mount. Fast because we only scan the matching project directory.
-    // Populates count badge + active indicator, and pre-loads the dropdown.
-    useEffect(() => {
-        let cancelled = false;
-        const params = new URLSearchParams({
-            repositoryPath,
-            limit: '10',
-            ...(includeWorktrees && { includeWorktrees: 'true' }),
-        });
-        fetch(`/api/sessions?${params.toString()}`)
-            .then((res) => (res.ok ? res.json() : null))
-            .then((data) => {
-            if (!cancelled && data?.sessions) {
-                setSessions(data.sessions);
-                setHasActiveSessions(data.sessions.some(isSessionActive));
-                setFetched(true);
-            }
-        })
-            .catch(() => undefined);
-        return () => {
-            cancelled = true;
-        };
-    }, [repositoryPath, includeWorktrees]);
-    // Re-fetch on dropdown open if not already loaded (e.g. path changed)
-    const doFetch = useCallback(async () => {
-        if (fetched)
-            return;
-        setLoading(true);
-        try {
-            const params = new URLSearchParams({
-                repositoryPath,
-                limit: '10',
-                ...(includeWorktrees && { includeWorktrees: 'true' }),
-            });
-            const res = await fetch(`/api/sessions?${params.toString()}`);
-            if (res.ok) {
-                const data = (await res.json());
-                setSessions(data.sessions);
-                setHasActiveSessions(data.sessions.some(isSessionActive));
-            }
-        }
-        catch {
-            // Silently fail
-        }
-        finally {
-            setLoading(false);
-            setFetched(true);
-        }
-    }, [repositoryPath, fetched, includeWorktrees]);
+    // Read sessions from the centralized SessionsProvider context.
+    // Sessions are batch-fetched every 30s — no per-instance HTTP calls.
+    const { getSessionsForPath, hasActiveSessions: hasActiveForPath } = useSessionsContext();
+    const sessions = getSessionsForPath(repositoryPath);
+    const active = hasActiveForPath(repositoryPath);
     const handleOpenChange = useCallback((open) => {
-        if (open)
-            void doFetch();
-    }, [doFetch]);
+        if (!open)
+            setExpanded(false);
+    }, []);
     const visibleSessions = expanded ? sessions : sessions.slice(0, PREVIEW_COUNT);
     const hasMore = sessions.length > PREVIEW_COUNT;
-    return (_jsxs(DropdownMenu, { modal: false, onOpenChange: handleOpenChange, children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": "View sessions", "data-testid": "feature-node-sessions-button", className: cn('nodrag relative flex h-5 cursor-pointer items-center gap-0.5 rounded px-0.5 text-[10px] transition-colors', 'text-muted-foreground hover:text-foreground hover:bg-muted', className), onClick: stopNodeEvent, onPointerDown: stopNodeEvent, children: [_jsx(History, { className: "h-3 w-3 shrink-0" }), sessions.length > 0 ? (_jsx("span", { "data-testid": "feature-node-sessions-count", children: sessions.length })) : null, hasActiveSessions ? (_jsx("span", { className: "absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-emerald-500" })) : null] }) }) }), _jsx(TooltipContent, { side: "top", children: hasActiveSessions ? 'Sessions (active)' : 'Sessions' })] }) }), _jsxs(DropdownMenuContent, { align: "start", side: "bottom", className: "w-80", onClick: stopNodeEvent, onPointerDown: stopNodeEvent, children: [_jsxs(DropdownMenuLabel, { className: "flex items-center gap-1.5 text-xs", children: [_jsx(History, { className: "h-3 w-3" }), "Agent Sessions"] }), _jsx(DropdownMenuSeparator, {}), loading ? (_jsxs("div", { className: "text-muted-foreground flex items-center justify-center gap-2 py-4 text-xs", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), "Loading..."] })) : sessions.length === 0 ? (_jsx("div", { className: "text-muted-foreground py-4 text-center text-xs", children: "No sessions found" })) : (_jsxs(_Fragment, { children: [visibleSessions.map((session) => (_jsx(SessionRow, { session: session, repositoryPath: repositoryPath, onCreateFromSession: onCreateFromSession }, session.id))), hasMore ? (_jsxs(DropdownMenuItem, { className: "text-muted-foreground justify-center gap-1 py-1.5 text-[10px]", onClick: (e) => {
+    return (_jsxs(DropdownMenu, { modal: false, onOpenChange: handleOpenChange, children: [_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": "View sessions", "data-testid": "feature-node-sessions-button", className: cn('nodrag relative flex h-5 cursor-pointer items-center gap-0.5 rounded px-0.5 text-[10px] transition-colors', 'text-muted-foreground hover:text-foreground hover:bg-muted', className), onClick: stopNodeEvent, onPointerDown: stopNodeEvent, children: [_jsx(History, { className: "h-3 w-3 shrink-0" }), sessions.length > 0 ? (_jsx("span", { "data-testid": "feature-node-sessions-count", children: sessions.length })) : null, active ? (_jsx("span", { className: "absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-emerald-500" })) : null] }) }) }), _jsx(TooltipContent, { side: "top", children: active ? 'Sessions (active)' : 'Sessions' })] }) }), _jsxs(DropdownMenuContent, { align: "start", side: "bottom", className: "w-80", onClick: stopNodeEvent, onPointerDown: stopNodeEvent, children: [_jsxs(DropdownMenuLabel, { className: "flex items-center gap-1.5 text-xs", children: [_jsx(History, { className: "h-3 w-3" }), "Agent Sessions"] }), _jsx(DropdownMenuSeparator, {}), sessions.length === 0 ? (_jsx("div", { className: "text-muted-foreground py-4 text-center text-xs", children: "No sessions found" })) : (_jsxs(_Fragment, { children: [visibleSessions.map((session) => (_jsx(SessionRow, { session: session, repositoryPath: repositoryPath, onCreateFromSession: onCreateFromSession }, session.id))), hasMore ? (_jsxs(DropdownMenuItem, { className: "text-muted-foreground justify-center gap-1 py-1.5 text-[10px]", onClick: (e) => {
                                     e.preventDefault();
                                     setExpanded((v) => !v);
                                 }, children: [_jsx(ChevronDown, { className: cn('h-3 w-3 transition-transform', expanded && 'rotate-180') }), expanded ? 'Show less' : `Show ${sessions.length - PREVIEW_COUNT} more`] })) : null] }))] })] }));
 }
 // ── Session row component ─────────────────────────────────────────────
 function SessionRow({ session, repositoryPath, onCreateFromSession, }) {
-    const active = isSessionActive(session);
+    const sessionActive = isSessionActive(session);
     const AgentIcon = getAgentTypeIcon(session.agentType);
-    return (_jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { className: "flex items-start gap-2 py-2 pr-2", children: [_jsxs("div", { className: "relative mt-0.5 shrink-0", children: [_jsx(AgentIcon, { className: "h-4 w-4" }), active ? (_jsx("span", { className: "border-background absolute -right-0.5 -bottom-0.5 h-2 w-2 rounded-full border bg-emerald-500" })) : null] }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx("span", { className: "truncate text-xs leading-tight", children: truncatePreview(session.preview) }), _jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-[10px] leading-tight", children: [_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx(MessageSquare, { className: "h-2.5 w-2.5" }), session.messageCount] }), session.firstMessageAt ? (_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx(Clock, { className: "h-2.5 w-2.5" }), new Date(session.firstMessageAt).toLocaleDateString()] })) : null, session.lastMessageAt ? (_jsx("span", { className: cn('ml-auto shrink-0', active ? 'font-medium text-emerald-600' : ''), children: formatRelativeTime(session.lastMessageAt) })) : null] })] })] }), _jsx(DropdownMenuPortal, { children: _jsxs(DropdownMenuSubContent, { onClick: stopNodeEvent, onPointerDown: stopNodeEvent, children: [_jsxs(DropdownMenuItem, { className: "gap-2 text-xs", onClick: () => void copyToClipboard(`claude --resume ${session.id} --project ${repositoryPath}`), children: [_jsx(Terminal, { className: "h-3.5 w-3.5" }), "Copy resume command"] }), _jsxs(DropdownMenuItem, { className: "gap-2 text-xs", onClick: () => void copyToClipboard(session.id), children: [_jsx(Copy, { className: "h-3.5 w-3.5" }), "Copy session ID"] }), _jsxs(DropdownMenuItem, { className: "gap-2 text-xs", onClick: () => {
+    return (_jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { className: "flex items-start gap-2 py-2 pr-2", children: [_jsxs("div", { className: "relative mt-0.5 shrink-0", children: [_jsx(AgentIcon, { className: "h-4 w-4" }), sessionActive ? (_jsx("span", { className: "border-background absolute -right-0.5 -bottom-0.5 h-2 w-2 rounded-full border bg-emerald-500" })) : null] }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx("span", { className: "truncate text-xs leading-tight", children: truncatePreview(session.preview) }), _jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-[10px] leading-tight", children: [_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx(MessageSquare, { className: "h-2.5 w-2.5" }), session.messageCount] }), session.firstMessageAt ? (_jsxs("span", { className: "flex items-center gap-0.5", children: [_jsx(Clock, { className: "h-2.5 w-2.5" }), new Date(session.firstMessageAt).toLocaleDateString()] })) : null, session.lastMessageAt ? (_jsx("span", { className: cn('ml-auto shrink-0', sessionActive ? 'font-medium text-emerald-600' : ''), children: formatRelativeTime(session.lastMessageAt) })) : null] })] })] }), _jsx(DropdownMenuPortal, { children: _jsxs(DropdownMenuSubContent, { onClick: stopNodeEvent, onPointerDown: stopNodeEvent, children: [_jsxs(DropdownMenuItem, { className: "gap-2 text-xs", onClick: () => void copyToClipboard(`claude --resume ${session.id} --project ${repositoryPath}`), children: [_jsx(Terminal, { className: "h-3.5 w-3.5" }), "Copy resume command"] }), _jsxs(DropdownMenuItem, { className: "gap-2 text-xs", onClick: () => void copyToClipboard(session.id), children: [_jsx(Copy, { className: "h-3.5 w-3.5" }), "Copy session ID"] }), _jsxs(DropdownMenuItem, { className: "gap-2 text-xs", onClick: () => {
                                 const vscodeUri = `vscode://file${repositoryPath}`;
                                 window.open(vscodeUri, '_blank');
                             }, children: [_jsx(ExternalLink, { className: "h-3.5 w-3.5" }), "Open in IDE"] }), onCreateFromSession && session.filePath ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "gap-2 text-xs font-medium text-violet-700 focus:bg-violet-50 focus:text-violet-800", onClick: () => onCreateFromSession(session, session.filePath), children: [_jsx(Sparkles, { className: "h-3.5 w-3.5 text-violet-500" }), "Create feature from session"] })] })) : null] }) })] }));

package/dist/src/presentation/web/components/common/feature-node/feature-sessions-dropdown.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-sessions-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/feature-sessions-dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AA4DtE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAU9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEtD,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}
+{"version":3,"file":"feature-sessions-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-node/feature-sessions-dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAsEtE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,uBAAuB,CAM9C,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEtD,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}

package/dist/src/presentation/web/components/common/feature-node/feature-sessions-dropdown.stories.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FeatureSessionsDropdown } from './feature-sessions-dropdown.js';
+import { SessionsProvider } from '../../../hooks/sessions-provider.js';
+const REPO_PATH = '/home/user/workspaces/my-project';
 const mockSessions = [
     {
         id: 'a1b2c3d4-e5f6-7890-abcd-ef1234567890',
@@ -8,7 +10,7 @@ const mockSessions = [
         firstMessageAt: new Date(Date.now() - 3_600_000).toISOString(),
         lastMessageAt: new Date(Date.now() - 1_800_000).toISOString(),
         createdAt: new Date(Date.now() - 3_600_000).toISOString(),
-        projectPath: '~/workspaces/my-project',
+        projectPath: REPO_PATH,
     },
     {
         id: 'b2c3d4e5-f6a7-8901-bcde-f12345678901',
@@ -17,7 +19,7 @@ const mockSessions = [
         firstMessageAt: new Date(Date.now() - 86_400_000).toISOString(),
         lastMessageAt: new Date(Date.now() - 82_800_000).toISOString(),
         createdAt: new Date(Date.now() - 86_400_000).toISOString(),
-        projectPath: '~/workspaces/my-project',
+        projectPath: REPO_PATH,
     },
     {
         id: 'c3d4e5f6-a7b8-9012-cdef-123456789012',
@@ -26,7 +28,7 @@ const mockSessions = [
         firstMessageAt: new Date(Date.now() - 172_800_000).toISOString(),
         lastMessageAt: new Date(Date.now() - 169_200_000).toISOString(),
         createdAt: new Date(Date.now() - 172_800_000).toISOString(),
-        projectPath: '~/workspaces/my-project',
+        projectPath: REPO_PATH,
     },
 ];
 const mockActiveSession = {
@@ -36,42 +38,41 @@ const mockActiveSession = {
     firstMessageAt: new Date(Date.now() - 180_000).toISOString(),
     lastMessageAt: new Date(Date.now() - 60_000).toISOString(), // 1 min ago — active
     createdAt: new Date(Date.now() - 180_000).toISOString(),
-    projectPath: '~/workspaces/my-project',
+    projectPath: REPO_PATH,
 };
-function createFetchMock(sessions) {
+/**
+ * Mock fetch for /api/sessions-batch, then wrap with SessionsProvider.
+ */
+function createSessionsMock(sessions) {
     return (Story) => {
         const originalFetch = window.fetch;
         window.fetch = (async (input, init) => {
             const url = typeof input === 'string' ? input : input instanceof URL ? input.href : input.url;
-            if (url.includes('/api/sessions')) {
-                return new Response(JSON.stringify({ sessions }), {
+            if (url.includes('/api/sessions-batch')) {
+                return new Response(JSON.stringify({ sessionsByPath: sessions }), {
                     status: 200,
                     headers: { 'Content-Type': 'application/json' },
                 });
             }
             return originalFetch(input, init);
         });
-        return _jsx(Story, {});
+        return (_jsx(SessionsProvider, { children: _jsx(Story, {}) }));
     };
 }
 const meta = {
     title: 'Composed/FeatureSessionsDropdown',
     component: FeatureSessionsDropdown,
     tags: ['autodocs'],
-    parameters: {
-        layout: 'centered',
-    },
-    args: {
-        repositoryPath: '/home/user/workspaces/my-project',
-    },
+    parameters: { layout: 'centered' },
+    args: { repositoryPath: REPO_PATH },
 };
 export default meta;
 export const WithSessions = {
-    decorators: [createFetchMock(mockSessions)],
+    decorators: [createSessionsMock({ [REPO_PATH]: mockSessions })],
 };
 export const WithActiveSessions = {
-    decorators: [createFetchMock([mockActiveSession, ...mockSessions])],
+    decorators: [createSessionsMock({ [REPO_PATH]: [mockActiveSession, ...mockSessions] })],
 };
 export const Empty = {
-    decorators: [createFetchMock([])],
+    decorators: [createSessionsMock({ [REPO_PATH]: [] })],
 };

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

@@ -1 +1 @@
-{"version":3,"file":"control-center.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAG5E,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;IACrB,kEAAkE;IAClE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CASvF"}
+{"version":3,"file":"control-center.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAI5E,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,EAAE,CAAC;IACrB,kEAAkE;IAClE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAWvF"}

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

@@ -1,7 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ReactFlowProvider } from '@xyflow/react';
+import { SessionsProvider } from '../../../hooks/sessions-provider.js';
 import { ControlCenterInner } from './control-center-inner.js';
 export function ControlCenter({ initialNodes, initialEdges, drawer }) {
-    return (_jsxs("div", { "data-testid": "control-center", className: "h-full w-full", children: [_jsx(ReactFlowProvider, { children: _jsx(ControlCenterInner, { initialNodes: initialNodes, initialEdges: initialEdges }) }), _jsx("div", { children: drawer }, "drawer")] }));
+    return (_jsxs("div", { "data-testid": "control-center", className: "h-full w-full", children: [_jsx(SessionsProvider, { children: _jsx(ReactFlowProvider, { children: _jsx(ControlCenterInner, { initialNodes: initialNodes, initialEdges: initialEdges }) }) }), _jsx("div", { children: drawer }, "drawer")] }));
 }