macOS Tahoe Navigator, Inspector, and Utility Area

[thecoolwinter]

Description

Updates the navigator, inspector, and utility area for the new Liquid Glass design.

Related Issues

• closes #2118
• #2117

Checklist

• [x] Navigator width doesn't work.
• [x] Padding on workspace panels wrong.
• [x] Padding, spacing, and size on filter is wrong.
• [x] Utility area toolbar clipping on window edge.
• [x] Utility area status bar height is wrong.
• [x] Utility area toolbar height is wrong.
• [x] Workspace panel tabs need background fill
• [x] Workspace panel tabs need stroke style
• [x] Workspace panel tabs need filled capsule selected style.
• [x] Filter bar on bottom needs to span width on side tab mode.
• [x] Project navigator selected item color is blue instead of white
• [x] Source control navigator lines need spacing on edges.
• [x] Source control navigator needs new tab style.
• [x] Source control repository list has large spacing.
• [x] Find navigator lines need spacing on edges.
• [x] I read and understood the contributing guide as well as the code of conduct
• [x] The issues this PR addresses are related to each other
• [x] My changes generate no new warnings
• [x] My code builds and runs on my machine
• [x] My changes are all related to the related issue above
• [x] I documented my code

Screenshots

Utility Area:

Navigator

https://github.com/user-attachments/assets/41b9a213-c695-4486-88e0-20cff1352120

[SilverMarcs]

For NavigatorFilterView, the textfield on Xcode on tahoe has less bright background. for the selectionBackground in its file, setting Color.white.opacity(0.09) insted of opacity of 0.24 mostly mimics corectly. Also, for teh capsule stroke border around this textfield, the linewidth should be 1.00 instead of 1.25.

[SilverMarcs]

Thoughts on moving that picker to the top? the empty space below it upto the sidebar toggle button looks a bit weird

[thecoolwinter]

Thoughts on moving that picker to the top? the empty space below it upto the sidebar toggle button looks a bit weird

Not a bad idea, I didn't have a great idea for it but I can try that. Maybe slightly smaller icon sizes too there.

[austincondiff]

We need to just keep in mind that debug controls will eventually need to go there. We initially had the tabs here but moved them because it felt weird to have them there when the drawer was closed.

We may look into placing them at the bottom of the drawer instead?

[thecoolwinter]

Updated color and border width, thanks @SilverMarcs!

[thecoolwinter]

I don't mind this to be honest. Also for the breakpoint items we could move them down here to stay inside their container. Since we're using the utility area for more than just the debugger it might make sense here.

[thecoolwinter]

cc'ing @austincondiff

[austincondiff]

I think the breakpoint controls are there because the line numbers line up with the breakpoint toggle. Because you click a line number to add a breakpoint, it makes sense that enabling and disabling breakpoints are at the bottom of the line numbers. I think the tabs could go at the bottom left. Let me mock it up when I get a chance.