macos-notch-ui

Create a borderless transparent NSPanel at CGShieldingWindowLevel, position it flush at the top-center of the screen using NSScreen frame, and fill a custom SwiftUI shape with concave ear curves in black. Animate the width with a spring to make content appear to emerge from the notch.

Use NSScreen.main.frame instead of visibleFrame, since visibleFrame excludes the menu bar and notch region. Center horizontally with (screen.width - width) / 2 and set the y origin to screen.height - window height so the panel sits flush against the top edge.

You can detect notch presence by checking whether NSScreen safeAreaInsets.top is greater than zero. For non-notch displays like external monitors or older MacBooks, fall back to a floating pill at the bottom of the screen using visibleFrame and a standard floating window level.

The panel needs the right collection behavior flags. Set .stationary, .canJoinAllSpaces, .fullScreenAuxiliary, and .ignoresCycle so the window survives fullscreen transitions, stays fixed across Spaces, and stays hidden from Cmd+Tab.

Show by ordering the window front instantly, then toggling visibility on the next runloop tick so SwiftUI can animate the width spring. Hide in three steps: collapse expanded content, set visibility false after 0.25 seconds, then orderOut the window after 0.65 seconds.