From 8b7738422ae09dbda8bd50abee8d56d56f4e7471 Mon Sep 17 00:00:00 2001
From: Vance Ingalls <vance@heygen.com>
Date: Wed, 8 Jul 2026 22:18:41 -0700
Subject: [PATCH] feat(studio): wire group-selection and hide-all into the
 property panel

---
 packages/studio/src/components/StudioRightPanel.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/studio/src/components/StudioRightPanel.tsx b/packages/studio/src/components/StudioRightPanel.tsx
index 50c1abb35..b3396a2c7 100644
--- a/packages/studio/src/components/StudioRightPanel.tsx
+++ b/packages/studio/src/components/StudioRightPanel.tsx
@@ -106,6 +106,7 @@ export function StudioRightPanel({
     copiedAgentPrompt,
     clearDomSelection,
     handleUngroupSelection,
+    handleGroupSelection,
     handleDomStyleCommit,
     handleDomAttributeCommit,
     handleDomAttributeLiveCommit,
@@ -339,6 +340,10 @@ export function StudioRightPanel({
     [projectId, refreshFileTree, showToast],
   );
 
+  const handleHideAllSelected = () =>
+    domEditGroupSelections
+      .map((el) => el.id ?? el.selector)
+      .forEach((key) => key && void onToggleElementHidden?.(key, true));
   const propertyPanel = (
     <PropertyPanel
       projectId={projectId}
@@ -346,6 +351,9 @@ export function StudioRightPanel({
       assets={assets}
       element={domEditGroupSelections.length > 1 ? null : domEditSelection}
       multiSelectCount={domEditGroupSelections.length}
+      multiSelectedElements={domEditGroupSelections}
+      onGroupSelection={handleGroupSelection}
+      onHideAllSelected={handleHideAllSelected}
       copiedAgentPrompt={copiedAgentPrompt}
       onClearSelection={clearDomSelection}
       onToggleElementHidden={onToggleElementHidden}