Allow editing individual elements inside a group without ungrouping

[patriciafmed]

Summary

Users of Inspiration need a way to modify individual elements inside a grouped set on a moodboard without having to ungroup them first.

Currently, once elements are grouped, the entire group is treated as a single unit. There is no way to select or edit an internal node without breaking the group structure first, which forces users to ungroup, edit, and regroup — disrupting their workflow.

Basic example

1. Create a group of elements in a moodboard.
2. Try to edit one element inside the group (e.g. resize, move, or change a property):
   • Clicking on the group selects the whole group.
   • There is no way to enter the group and interact with individual nodes.

Result:
The user must ungroup, make the change, and regroup manually.

Motivation

Users frequently need to make small adjustments to individual elements within a group without wanting to lose the group structure. This is a common interaction pattern in design tools (e.g. Figma allows double-clicking into a group to edit individual nodes).

Current limitations:

• Once a group is formed, internal nodes cannot be individually selected or edited.
• The only workaround is to ungroup, edit, and regroup.

Expected outcome:

• Provide a way to enter a group and interact with individual elements inside it.
• The group structure should be preserved after the edit.

Note: this may be complex to implement as it affects how group nodes are managed internally. Figma achieves this with some level of "magic" — it is not clear if a similar approach is trivial in Weave.js.