Widget Customizer Overhaul

[EricBAndrews]

Note

Per Slack, the final design will have a curated list of widgets that can be customized through a sheet. I'm saving that for a later PR, since this one is already quite large.

Description

Visual overhaul of the widget customizer:

Screen.Recording.2025-01-28.at.3.28.00.PM.mov

Implementation Notes

Most of the logic should be familiar, but I have made two key changes:

• Created the BarItem struct. This represents an item on the bar, but has a uuid that is detached from the actual Configuration.Item it represents. This serves as a view identifier in the core ForEach(Array(barItems.enumerated)) that renders the interaction bar, resolving some animation misbehavior due to index-based identity. It also contains some members to help drive animations.
• Hovered drop location is now detected by the bar items, not the drop indicators. This enables the drop hover hitbox to adapt to the width of the bar item rather than span a fixed width from the drop indicator.

Other implementation details of note:

• When items are added to the bar, they animate their width to default in an onAppear handler. This prevents bad animation behavior stemming from the combination of array insertion and animation without requiring a deliberate delay.
• BarItem tracks ancestor, which is an optional BarItem. If ancestor is present, the onAppear handler will animate the ancestor away. This allows smooth animations when moving items on the bar.
• Haptics are now played by the drop indicators in an onAppear, letting us piggyback on the drop indicator display logic to handle haptics
• Added MockTextView
• Fixed barIconPadding (was 4.24, is now 4.25)

[Sjmarf]

Nice, this is a cool design :)

On smaller-screened devices, not everything fits:

This could be fixed by hiding the header on small screens, maybe.

Also, it takes a small amount of time for the interaction bar widget to appear after dropping it back in the tray. I wonder how easy that is to fix?

[EricBAndrews]

Removing the header image solves the space issues all the way down to the Xs, though the SE is still a tiny bit crunched--the follow-up PR that hides the uncommon actions should handle that case.

I've also fixed the tray item reappearance delay.

[Sjmarf]

Nice 🔥

A few more dark mode fixes