fix(studio): make the player store the single source of truth for selection

setSelectedElementId now always collapses to one element (genuine user intent); a new
setSelectionAnchor moves the anchor within a multi-selection without collapsing it, used
only by the DOM-to-store sync echoes so a group survives a gesture.

applyDomSelection mirrors the whole DOM group into the store via setSelection instead of
writing only the anchor, so the store stays authoritative and a preview click collapses
while a preserved-group echo keeps every member.
This commit is contained in:
Miguel Angel Simon Sierra
2026-07-09 16:54:35 -04:00
parent 6673c32868
commit 9cf575c6f9
4 changed files with 53 additions and 18 deletions
@@ -171,12 +171,13 @@ export function useDomEditWiring({
useEffect(() => {
if (!domEditSelection?.id) return;
const { selectedElementId, elements, setSelectedElementId } = usePlayerStore.getState();
const { selectedElementId, elements, setSelectionAnchor } = usePlayerStore.getState();
// Resolve through the canonical resolver (source-file + ancestor + active-comp
// fallback) rather than a narrow domId/id match, so a sub-composition selection
// maps to the same clip the rest of the selection pipeline picks.
// maps to the same clip the rest of the selection pipeline picks. Use the
// anchor-only setter: this is a DOM->store echo and must not collapse a group.
const key = resolveTimelineIdForSelection(domEditSelection, elements, activeCompPath);
if (key && key !== selectedElementId) setSelectedElementId(key);
if (key && key !== selectedElementId) setSelectionAnchor(key);
}, [domEditSelection, activeCompPath]);
// ── GSAP cache sync ──