fix(studio): prevent composition switch loop on sub-composition navigation

packages/studio/src/components/StudioPreviewArea.tsx

@@ -108,8 +108,12 @@ export function StudioPreviewArea({
         onCompositionChange={(compPath) => {
           // Sync activeCompPath when user drills down via timeline double-click
           // or navigates back via breadcrumb — keeps sidebar + thumbnails in sync.
-          setActiveCompPath(compPath);
-          refreshPreviewDocumentVersion();
+          // Guard against no-op updates to prevent circular refresh cascades
+          // between activeCompPath → compositionStack → onCompositionChange.
+          if (compPath !== activeCompPath) {
+            setActiveCompPath(compPath);
+            refreshPreviewDocumentVersion();
+          }
         }}
         onIframeRef={handlePreviewIframeRef}
         previewOverlay={

packages/studio/src/components/nle/NLELayout.tsx

@@ -1,3 +1,3 @@
 import { useState, useCallback, useRef, useEffect, memo, type ReactNode } from "react";
 import { useMountEffect } from "../../hooks/useMountEffect";
 import { useTimelinePlayer, PlayerControls, Timeline, usePlayerStore } from "../../player";
@@ -203,8 +203,11 @@
   const updateCompositionStack: typeof setCompositionStack = useCallback((action) => {
     setCompositionStack((prev) => {
       const next = typeof action === "function" ? action(prev) : action;
-      const id = next[next.length - 1]?.id;
-      queueMicrotask(() => onCompositionChangeRef.current?.(id === "master" ? null : id));
+      const prevId = prev[prev.length - 1]?.id;
+      const nextId = next[next.length - 1]?.id;
+      if (prevId !== nextId) {
+        queueMicrotask(() => onCompositionChangeRef.current?.(nextId === "master" ? null : nextId));
+      }
       return next;
     });
   }, []);