feat(studio): wire group-selection and hide-all into the property panel

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}