@shepai/cli 1.106.4 → 1.106.5

package/dist/src/presentation/web/app/(dashboard)/@drawer/feature/[featureId]/page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/presentation/web/app/(dashboard)/@drawer/feature/[featureId]/page.tsx"],"names":[],"mappings":"AAiBA,oEAAoE;AACpE,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAC;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACxC;AAED,wBAA8B,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,sBAAsB,2DAyEjF"}
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/presentation/web/app/(dashboard)/@drawer/feature/[featureId]/page.tsx"],"names":[],"mappings":"AAOA,oEAAoE;AACpE,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAC;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACxC;AAED,wBAA8B,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,sBAAsB,2DAmCjF"}

package/dist/src/presentation/web/app/(dashboard)/@drawer/feature/[featureId]/page.js

@@ -1,14 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { resolve } from '../../../../../lib/server-container.js';
-import { CiStatus } from '../../../../../../../../packages/core/src/domain/generated/output.js';
 import { buildFeatureNodeData } from '../../../../build-feature-node-data.js';
 import { computeDrawerView } from '../../../../../components/common/control-center-drawer/drawer-view.js';
 import { FeatureDrawerClient } from '../../../../../components/common/control-center-drawer/feature-drawer-client.js';
-const CI_STATUS_MAP = {
-    success: CiStatus.Success,
-    failure: CiStatus.Failure,
-    pending: CiStatus.Pending,
-};
 /** Skip static pre-rendering since we need runtime DI container. */
 export const dynamic = 'force-dynamic';
 export default async function FeatureDrawerPage({ params }) {
@@ -16,52 +10,15 @@ export default async function FeatureDrawerPage({ params }) {
     try {
         const featureRepo = resolve('IFeatureRepository');
         const agentRunRepo = resolve('IAgentRunRepository');
-        const repoRepo = resolve('IRepositoryRepository');
-        const gitPrService = resolve('IGitPrService');
+        // Critical path only: feature + agent run (fast DB lookups).
+        // Expensive operations (git remote URL, GitHub CI/mergeable status,
+        // artifact, repo name, base branch) are deferred to useDrawerSync
+        // which runs client-side after the drawer is already visible.
         const feature = await featureRepo.findById(featureId);
         if (!feature)
             return null;
         const run = feature.agentRunId ? await agentRunRepo.findById(feature.agentRunId) : null;
-        // Resolve repository name, base branch, and one-liner for the overview tab
-        const getArtifact = resolve('GetFeatureArtifactUseCase');
-        const [repo, baseBranch, artifact, remoteUrl, liveMergeable, liveCiResult] = await Promise.all([
-            repoRepo.findByPath(feature.repositoryPath).catch(() => null),
-            gitPrService.getDefaultBranch(feature.repositoryPath).catch(() => 'main'),
-            getArtifact.execute(featureId).catch(() => null),
-            gitPrService.getRemoteUrl(feature.repositoryPath).catch(() => null),
-            feature.pr?.number
-                ? gitPrService
-                    .getMergeableStatus(feature.repositoryPath, feature.pr.number)
-                    .catch(() => undefined)
-                : Promise.resolve(undefined),
-            feature.branch
-                ? gitPrService.getCiStatus(feature.repositoryPath, feature.branch).catch(() => undefined)
-                : Promise.resolve(undefined),
-        ]);
-        // Merge live PR status into feature data so the UI always reflects
-        // the current GitHub state, even if the background watcher hasn't polled yet.
-        if (feature.pr) {
-            const liveCiStatus = liveCiResult
-                ? (CI_STATUS_MAP[liveCiResult.status] ?? CiStatus.Pending)
-                : undefined;
-            const updates = {};
-            if (liveMergeable !== undefined)
-                updates.mergeable = liveMergeable;
-            if (liveCiStatus !== undefined)
-                updates.ciStatus = liveCiStatus;
-            if (Object.keys(updates).length > 0) {
-                feature.pr = { ...feature.pr, ...updates };
-                featureRepo.update(feature).catch(() => {
-                    /* best-effort persist */
-                });
-            }
-        }
-        const nodeData = buildFeatureNodeData(feature, run, {
-            repositoryName: repo?.name,
-            baseBranch,
-            oneLiner: artifact?.oneLiner,
-            remoteUrl: remoteUrl ?? undefined,
-        });
+        const nodeData = buildFeatureNodeData(feature, run);
         const view = computeDrawerView({
             selectedNode: nodeData,
             isCreateDrawerOpen: false,

package/dist/src/presentation/web/app/actions/get-feature-drawer-data.d.ts

@@ -0,0 +1,8 @@
+import type { FeatureNodeData } from '../../components/common/feature-node/index.js';
+/**
+ * Fetches full FeatureNodeData for a given feature ID.
+ * Used by the drawer for targeted data syncing without triggering
+ * a full router.refresh() / server component re-render.
+ */
+export declare function getFeatureDrawerData(featureId: string): Promise<FeatureNodeData | null>;
+//# sourceMappingURL=get-feature-drawer-data.d.ts.map

package/dist/src/presentation/web/app/actions/get-feature-drawer-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-feature-drawer-data.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/get-feature-drawer-data.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAQxE;;;;GAIG;AACH,wBAAsB,oBAAoB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,CAsD7F"}

package/dist/src/presentation/web/app/actions/get-feature-drawer-data.js

@@ -0,0 +1,67 @@
+'use server';
+import { resolve } from '../../lib/server-container.js';
+import { CiStatus } from '../../../../../packages/core/src/domain/generated/output.js';
+import { buildFeatureNodeData } from '../build-feature-node-data.js';
+const CI_STATUS_MAP = {
+    success: CiStatus.Success,
+    failure: CiStatus.Failure,
+    pending: CiStatus.Pending,
+};
+/**
+ * Fetches full FeatureNodeData for a given feature ID.
+ * Used by the drawer for targeted data syncing without triggering
+ * a full router.refresh() / server component re-render.
+ */
+export async function getFeatureDrawerData(featureId) {
+    try {
+        const featureRepo = resolve('IFeatureRepository');
+        const agentRunRepo = resolve('IAgentRunRepository');
+        const repoRepo = resolve('IRepositoryRepository');
+        const gitPrService = resolve('IGitPrService');
+        const getArtifact = resolve('GetFeatureArtifactUseCase');
+        const feature = await featureRepo.findById(featureId);
+        if (!feature)
+            return null;
+        const run = feature.agentRunId ? await agentRunRepo.findById(feature.agentRunId) : null;
+        const [repo, baseBranch, artifact, remoteUrl, liveMergeable, liveCiResult] = await Promise.all([
+            repoRepo.findByPath(feature.repositoryPath).catch(() => null),
+            gitPrService.getDefaultBranch(feature.repositoryPath).catch(() => 'main'),
+            getArtifact.execute(featureId).catch(() => null),
+            gitPrService.getRemoteUrl(feature.repositoryPath).catch(() => null),
+            feature.pr?.number
+                ? gitPrService
+                    .getMergeableStatus(feature.repositoryPath, feature.pr.number)
+                    .catch(() => undefined)
+                : Promise.resolve(undefined),
+            feature.branch
+                ? gitPrService.getCiStatus(feature.repositoryPath, feature.branch).catch(() => undefined)
+                : Promise.resolve(undefined),
+        ]);
+        // Merge live PR status into feature data
+        if (feature.pr) {
+            const liveCiStatus = liveCiResult
+                ? (CI_STATUS_MAP[liveCiResult.status] ?? CiStatus.Pending)
+                : undefined;
+            const updates = {};
+            if (liveMergeable !== undefined)
+                updates.mergeable = liveMergeable;
+            if (liveCiStatus !== undefined)
+                updates.ciStatus = liveCiStatus;
+            if (Object.keys(updates).length > 0) {
+                feature.pr = { ...feature.pr, ...updates };
+                featureRepo.update(feature).catch(() => {
+                    /* best-effort persist */
+                });
+            }
+        }
+        return buildFeatureNodeData(feature, run, {
+            repositoryName: repo?.name,
+            baseBranch,
+            oneLiner: artifact?.oneLiner,
+            remoteUrl: remoteUrl ?? undefined,
+        });
+    }
+    catch {
+        return null;
+    }
+}

package/dist/src/presentation/web/app/api/graph-data/route.d.ts

@@ -0,0 +1,14 @@
+import { NextResponse } from 'next/server';
+/** Prevent Next.js from statically prerendering this route at build time. */
+export declare const dynamic = "force-dynamic";
+/**
+ * Returns fresh graph nodes and edges for the control-center canvas.
+ *
+ * Used by the client-side polling fallback instead of a server action
+ * so that periodic syncs don't trigger the Next.js "Rendering…" indicator.
+ */
+export declare function GET(): Promise<NextResponse<{
+    nodes: import("../../../components/features/features-canvas/index.js").CanvasNodeType[];
+    edges: import("@xyflow/react").Edge[];
+}>>;
+//# sourceMappingURL=route.d.ts.map

package/dist/src/presentation/web/app/api/graph-data/route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/app/api/graph-data/route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,6EAA6E;AAC7E,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC;;;;;GAKG;AACH,wBAAsB,GAAG;;;IAGxB"}

package/dist/src/presentation/web/app/api/graph-data/route.js

@@ -0,0 +1,14 @@
+import { NextResponse } from 'next/server';
+import { getGraphData } from '../../(dashboard)/get-graph-data.js';
+/** Prevent Next.js from statically prerendering this route at build time. */
+export const dynamic = 'force-dynamic';
+/**
+ * Returns fresh graph nodes and edges for the control-center canvas.
+ *
+ * Used by the client-side polling fallback instead of a server action
+ * so that periodic syncs don't trigger the Next.js "Rendering…" indicator.
+ */
+export async function GET() {
+    const data = await getGraphData();
+    return NextResponse.json(data);
+}

package/dist/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG/D,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;IACjB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,wBAAwB,2CA6iB1F"}
+{"version":3,"file":"feature-drawer-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/feature-drawer-client.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI/D,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,UAAU,CAAC;IACjB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,wBAAwB,2CA0hB1F"}

package/dist/src/presentation/web/components/common/control-center-drawer/feature-drawer-client.js

@@ -28,6 +28,7 @@ import { useFeatureActions } from '../../common/feature-drawer/use-feature-actio
 import { resolveSseEventUpdates } from '../../common/feature-node/derive-feature-state.js';
 import { deriveInitialTab } from './drawer-view.js';
 import { useArtifactFetch } from './use-artifact-fetch.js';
+import { useDrawerSync } from './use-drawer-sync.js';
 export function FeatureDrawerClient({ view: initialView, urlTab }) {
     const featureFlags = useFeatureFlags();
     const router = useRouter();
@@ -35,7 +36,7 @@ export function FeatureDrawerClient({ view: initialView, urlTab }) {
     const rejectSound = useSoundAction('reject');
     // Track the view locally so SSE events can update the drawer type in real-time
     const [view, setView] = useState(initialView);
-    // Sync when server re-renders with new props (e.g. after router.refresh())
+    // Sync when server re-renders with new props (e.g. after navigation)
     useEffect(() => {
         setView(initialView);
     }, [initialView]);
@@ -60,15 +61,9 @@ export function FeatureDrawerClient({ view: initialView, urlTab }) {
             // fetches (which would fail with "not found" for soft-deleted features).
             if (featureNode.state === 'deleting')
                 continue;
-            // Trigger a server refresh to get the latest drawer view,
-            // but skip when the drawer is closed, the user has unsaved changes,
-            // or a rejection is in-flight to avoid unnecessary refreshes.
-            if (isOpenRef.current && !isDirtyRef.current && !isRejectingRef.current)
-                router.refresh();
             if (update.state !== undefined || update.lifecycle !== undefined) {
-                // Optimistically update the node data AND re-derive the initial tab so the
-                // drawer switches immediately (e.g. prd-review → overview when agent resumes)
-                // without waiting for the router.refresh() round-trip.
+                // Update the node data AND re-derive the initial tab so the drawer
+                // switches immediately (e.g. prd-review → overview when agent resumes).
                 setView((prev) => {
                     if (prev.type !== 'feature')
                         return prev;
@@ -81,24 +76,17 @@ export function FeatureDrawerClient({ view: initialView, urlTab }) {
                 });
             }
         }
-    }, [events, featureNode, router]);
+    }, [events, featureNode]);
     // Derive open state from the URL. Next.js parallel routes preserve slot
     // content during soft navigation, so this component is NOT unmounted when
     // navigating to `/`. Instead, we watch the pathname and let Vaul handle
     // the close animation when the path no longer matches a feature route.
     const pathname = usePathname();
     const isOpen = pathname.startsWith('/feature/');
-    const isOpenRef = useRef(isOpen);
-    const wasOpenRef = useRef(isOpen);
-    // When the drawer re-opens, force a server refresh so the view is always fresh.
-    // SSE skips router.refresh() while the drawer is closed, so data can go stale.
-    useEffect(() => {
-        if (isOpen && !wasOpenRef.current) {
-            router.refresh();
-        }
-        wasOpenRef.current = isOpen;
-    }, [isOpen, router]);
-    isOpenRef.current = isOpen;
+    // Targeted data sync: fetches fresh FeatureNodeData on drawer open and
+    // periodically while open. Replaces router.refresh() to avoid full-page
+    // re-renders that cause visible flashing and can reset form state.
+    useDrawerSync(isOpen, featureNode?.featureId ?? null, setView);
     const onClose = useCallback(() => {
         router.push('/');
     }, [router]);
@@ -182,10 +170,6 @@ export function FeatureDrawerClient({ view: initialView, urlTab }) {
         featureNode?.state === 'action-required' &&
         Object.keys(prdDefaultSelections).some((k) => prdDefaultSelections[k] !== prdSelections[k]);
     const isDirty = isChatDirty || isPrdDirty;
-    // Keep dirty state in a ref so the SSE handler can read the latest value
-    // without re-running the effect on every keystroke.
-    const isDirtyRef = useRef(isDirty);
-    isDirtyRef.current = isDirty;
     const onReset = useCallback(() => {
         setChatInput('');
         setPrdSelections({ ...prdDefaultSelections });

package/dist/src/presentation/web/components/common/control-center-drawer/use-drawer-sync.d.ts

@@ -0,0 +1,12 @@
+import type { DrawerView } from './drawer-view.js';
+/**
+ * Targeted drawer data synchronization — replaces router.refresh() for
+ * keeping the feature drawer in sync with the server.
+ *
+ * - On drawer open: fetches fresh FeatureNodeData via server action
+ * - Background sync: every 15s while open, merges fresh data into view
+ * - SSE-driven state/lifecycle updates are handled separately (not here)
+ * - Never affects form state (chatInput, prdSelections, attachments)
+ */
+export declare function useDrawerSync(isOpen: boolean, featureId: string | null, setView: React.Dispatch<React.SetStateAction<DrawerView>>): void;
+//# sourceMappingURL=use-drawer-sync.d.ts.map

package/dist/src/presentation/web/components/common/control-center-drawer/use-drawer-sync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drawer-sync.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/control-center-drawer/use-drawer-sync.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,MAAM,GAAG,IAAI,EACxB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,GACxD,IAAI,CAwCN"}

package/dist/src/presentation/web/components/common/control-center-drawer/use-drawer-sync.js

@@ -0,0 +1,75 @@
+'use client';
+import { useEffect, useRef, useCallback } from 'react';
+import { getFeatureDrawerData } from '../../../app/actions/get-feature-drawer-data.js';
+import { deriveInitialTab } from './drawer-view.js';
+/** How often (ms) to run a background sync while the drawer is open. */
+const BACKGROUND_SYNC_INTERVAL_MS = 15_000;
+/**
+ * Targeted drawer data synchronization — replaces router.refresh() for
+ * keeping the feature drawer in sync with the server.
+ *
+ * - On drawer open: fetches fresh FeatureNodeData via server action
+ * - Background sync: every 15s while open, merges fresh data into view
+ * - SSE-driven state/lifecycle updates are handled separately (not here)
+ * - Never affects form state (chatInput, prdSelections, attachments)
+ */
+export function useDrawerSync(isOpen, featureId, setView) {
+    const wasOpenRef = useRef(isOpen);
+    const isFetchingRef = useRef(false);
+    const syncFromServer = useCallback(async () => {
+        if (!featureId || isFetchingRef.current)
+            return;
+        isFetchingRef.current = true;
+        try {
+            const data = await getFeatureDrawerData(featureId);
+            if (!data)
+                return;
+            setView((prev) => mergeFeatureData(prev, data));
+        }
+        catch {
+            // Silent — background sync failure is non-critical
+        }
+        finally {
+            isFetchingRef.current = false;
+        }
+    }, [featureId, setView]);
+    // Fetch full data when drawer opens (either on mount or closed→open transition).
+    // The server component only provides minimal data (feature + agent run);
+    // expensive fields (repo name, remote URL, CI status, etc.) are loaded here.
+    const hasFetchedOnMountRef = useRef(false);
+    useEffect(() => {
+        if (isOpen && (!wasOpenRef.current || !hasFetchedOnMountRef.current)) {
+            hasFetchedOnMountRef.current = true;
+            void syncFromServer();
+        }
+        wasOpenRef.current = isOpen;
+    }, [isOpen, syncFromServer]);
+    // Background sync: throttled interval while drawer is open
+    useEffect(() => {
+        if (!isOpen || !featureId)
+            return;
+        const timer = setInterval(() => {
+            void syncFromServer();
+        }, BACKGROUND_SYNC_INTERVAL_MS);
+        return () => clearInterval(timer);
+    }, [isOpen, featureId, syncFromServer]);
+}
+/**
+ * Merges fresh server data into the current drawer view.
+ * Preserves the view type and only updates the feature node data,
+ * keeping all client-side state (form inputs, selections) untouched.
+ */
+function mergeFeatureData(prev, freshData) {
+    if (prev.type !== 'feature')
+        return prev;
+    const merged = { ...prev.node, ...freshData };
+    // Only re-derive initialTab when state or lifecycle actually changed.
+    // Re-deriving on every background sync would reset the chat input
+    // (which clears on initialTab change) even when nothing meaningful changed.
+    const tabChanged = merged.state !== prev.node.state || merged.lifecycle !== prev.node.lifecycle;
+    return {
+        ...prev,
+        node: merged,
+        initialTab: tabChanged ? deriveInitialTab(merged) : prev.initialTab,
+    };
+}

package/dist/src/presentation/web/components/common/feature-drawer-tabs/feature-drawer-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-drawer-tabs.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/feature-drawer-tabs.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAS9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAMxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAQ9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAC;AAiD3F,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,gFAAgF;IAChF,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,mFAAmF;IACnF,SAAS,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAGzC,OAAO,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,QAAQ,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,WAAW,CAAC,EAAE,2BAA2B,GAAG,IAAI,CAAC;IAGjD,SAAS,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAwBD,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAS,EACT,UAAU,EACV,MAAM,EACN,OAAO,EACP,aAAa,EACb,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,SAAS,EACT,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,SAAS,GACV,EAAE,sBAAsB,2CAwTxB"}
+{"version":3,"file":"feature-drawer-tabs.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/feature-drawer-tabs/feature-drawer-tabs.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAS9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAMxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAQ9E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uDAAuD,CAAC;AAiD3F,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,gFAAgF;IAChF,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,mFAAmF;IACnF,SAAS,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAGzC,OAAO,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,QAAQ,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,WAAW,CAAC,EAAE,2BAA2B,GAAG,IAAI,CAAC;IAGjD,SAAS,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAwBD,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAS,EACT,UAAU,EACV,MAAM,EACN,OAAO,EACP,aAAa,EACb,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,SAAS,EACT,cAAc,EACd,aAAa,EACb,cAAc,EACd,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,SAAS,GACV,EAAE,sBAAsB,2CA2TxB"}

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

@@ -66,7 +66,6 @@ const TAB_FETCHERS = {
 };
 export function FeatureDrawerTabs({ featureNode, featureId, initialTab, urlTab, prdData, prdSelections, onPrdSelect, onPrdApprove, onPrdReject, isPrdLoading, techData, onTechApprove, onTechReject, isTechLoading, productData, mergeData, onMergeApprove, onMergeReject, isMergeLoading, isRejecting, chatInput, onChatInputChange, sseEvents, }) {
     const pathname = usePathname();
-    const featureLogs = useFeatureLogs(featureId);
     const visibleTabs = useMemo(() => computeVisibleTabs(featureNode), [featureNode]);
     const visibleTabDefs = useMemo(() => ALL_TABS.filter((t) => visibleTabs.includes(t.key)), [visibleTabs]);
     // Derive the base path (without tab segment) from the current pathname.
@@ -86,6 +85,9 @@ export function FeatureDrawerTabs({ featureNode, featureId, initialTab, urlTab,
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const [activeTab, setActiveTab] = useState(effectiveInitial);
+    // Only subscribe to log SSE when the log tab is active to avoid
+    // opening an EventSource connection on every drawer open.
+    const featureLogs = useFeatureLogs(activeTab === 'log' ? featureId : null);
     const { tabs, fetchTab, refreshTab } = useTabDataFetch(featureId, TAB_FETCHERS);
     // Sync URL when active tab changes via user interaction.
     // Use window.history.pushState instead of router.push to avoid triggering a

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;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,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpE,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,CAiapB"}
+{"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;AAajC,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,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpE,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,CAqapB"}

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

@@ -7,7 +7,6 @@ import { deleteFeature } from '../../../app/actions/delete-feature.js';
 import { addRepository } from '../../../app/actions/add-repository.js';
 import { deleteRepository } from '../../../app/actions/delete-repository.js';
 import { getFeatureMetadata } from '../../../app/actions/get-feature-metadata.js';
-import { fetchGraphData } from '../../../app/actions/get-graph-data.js';
 import { useAgentEventsContext } from '../../../hooks/agent-events-provider.js';
 import { useSoundAction } from '../../../hooks/use-sound-action.js';
 import { createLogger } from '../../../lib/logger.js';
@@ -157,7 +156,12 @@ export function useControlCenterState(initialNodes, initialEdges) {
         log.debug(`polling enabled (${POLL_INTERVAL_MS}ms interval)`);
         const timer = setInterval(async () => {
             try {
-                const { nodes: freshNodes, edges: freshEdges } = await fetchGraphData();
+                // Use a plain fetch instead of a server action so the poll
+                // doesn't trigger the Next.js "Rendering…" indicator.
+                const res = await fetch('/api/graph-data');
+                if (!res.ok)
+                    throw new Error(`status ${res.status}`);
+                const { nodes: freshNodes, edges: freshEdges } = await res.json();
                 reconcile(freshNodes, freshEdges);
             }
             catch {

package/dist/src/presentation/web/hooks/use-graph-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-graph-state.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-graph-state.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAEL,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mDAAmD;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;OAGG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClE,uEAAuE;IACvE,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,yDAAyD;IACzD,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sDAAsD;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtF,gEAAgE;IAChE,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,+EAA+E;IAC/E,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAuCD,KAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,CACtE,CAAC;AAWF,wBAAgB,aAAa,CAC3B,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,mBAAmB,CAkXrB"}
+{"version":3,"file":"use-graph-state.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-graph-state.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAEL,KAAK,YAAY,EAEjB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,mDAAmD;IACnD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mDAAmD;IACnD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd;;;OAGG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClE,uEAAuE;IACvE,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,kEAAkE;IAClE,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1F,yDAAyD;IACzD,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,sDAAsD;IACtD,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uDAAuD;IACvD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9D,2DAA2D;IAC3D,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAClE,gCAAgC;IAChC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtF,gEAAgE;IAChE,wBAAwB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxE,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,kBAAkB,GAAG,SAAS,CAAC;IACtE,+EAA+E;IAC/E,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,6EAA6E;IAC7E,YAAY,EAAE,CAAC,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAuCD,KAAK,kBAAkB,GAAG,OAAO,CAC/B,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,aAAa,CAAC,CACtE,CAAC;AA8BF,wBAAgB,aAAa,CAC3B,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,mBAAmB,CAsXrB"}

package/dist/src/presentation/web/hooks/use-graph-state.js

@@ -36,6 +36,26 @@ function isFeatureDataUnchanged(data, updates) {
         (updates.name === undefined || updates.name === data.name) &&
         (updates.description === undefined || updates.description === data.description));
 }
+/**
+ * Shallow-compare two Maps by key set and entry data (JSON equality).
+ * Returns true if they are structurally identical, avoiding unnecessary re-renders.
+ */
+function mapsEqual(a, b) {
+    if (a.size !== b.size)
+        return false;
+    for (const [key, aEntry] of a) {
+        const bEntry = b.get(key);
+        if (!bEntry)
+            return false;
+        if (aEntry.parentNodeId !== bEntry.parentNodeId)
+            return false;
+        if (aEntry.data === bEntry.data)
+            continue;
+        if (JSON.stringify(aEntry.data) !== JSON.stringify(bEntry.data))
+            return false;
+    }
+    return true;
+}
 export function useGraphState(initialNodes, initialEdges) {
     // eslint-disable-next-line react-hooks/exhaustive-deps -- intentional: parse only on mount (like useState initializer)
     const init = useMemo(() => parseMaps(initialNodes, initialEdges), []);
@@ -178,6 +198,9 @@ export function useGraphState(initialNodes, initialEdges) {
                     pendingUpdatesRef.current.delete(nodeId);
                 }
             }
+            // Avoid re-render when polling returns identical data
+            if (mapsEqual(currentFeatureMap, merged))
+                return currentFeatureMap;
             return merged;
         });
         // Clean pendingMap entries that now have a real counterpart in server data
@@ -220,6 +243,9 @@ export function useGraphState(initialNodes, initialEdges) {
                     merged.set(id, entry);
                 }
             }
+            // Avoid re-render when polling returns identical data
+            if (mapsEqual(currentRepoMap, merged))
+                return currentRepoMap;
             return merged;
         });
     }, []);

package/dist/src/presentation/web/hooks/use-sound.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-sound.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-sound.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,WAAW,oWA6BP,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,GAAE,eAAoB,GAAG,cAAc,CAgDvF;AAED,qEAAqE;AACrE,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"use-sound.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/hooks/use-sound.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,WAAW,oWA6BP,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB;AAgBD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,GAAE,eAAoB,GAAG,cAAc,CA8CvF;AAED,qEAAqE;AACrE,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/presentation/web/hooks/use-sound.js

@@ -31,6 +31,18 @@ const SOUND_NAMES = [
     'type_04',
     'type_05',
 ];
+// Module-level cache: Audio objects are created once per sound name and reused
+// across component mounts to avoid re-downloading WAV files on every drawer open.
+const audioCache = new Map();
+function getOrCreateAudio(name) {
+    let audio = audioCache.get(name);
+    if (!audio) {
+        audio = new Audio(`/sounds/${name}.wav`);
+        audio.preload = 'auto';
+        audioCache.set(name, audio);
+    }
+    return audio;
+}
 export function useSound(name, options = {}) {
     const { volume = 1, loop = false } = options;
     const { enabled } = useSoundEnabled();
@@ -39,8 +51,7 @@ export function useSound(name, options = {}) {
     useEffect(() => {
         if (typeof window === 'undefined')
             return;
-        const audio = new Audio(`/sounds/${name}.wav`);
-        audio.preload = 'auto';
+        const audio = getOrCreateAudio(name);
         audio.loop = loop;
         audio.volume = Math.max(0, Math.min(1, volume));
         audio.addEventListener('ended', () => {
@@ -49,7 +60,6 @@ export function useSound(name, options = {}) {
         audioRef.current = audio;
         return () => {
             audio.pause();
-            audio.removeAttribute('src');
             audioRef.current = null;
             isPlayingRef.current = false;
         };