1. Start with a tab
The editor starts with grouped tabs for Home, Today, Time, Workspace, Agent, and AI Usage. You can rename, reorder, add, or remove tabs. The dock width stays consistent while switching tabs; its height can adapt to the content.
2. Pick useful widgets
The always-visible widget library includes playback, charging, calendar, reminders, focus, month and year progress dots, mirror, shelf, agent tools, and separate Codex and Claude usage widgets. Only add what belongs on that tab. Optional widgets ask for their own macOS or provider access when needed.
3. Fit without clipping
Widgets use fixed grid sizes rather than arbitrary resizing. Drag from a widget edge to expand where that widget supports it. The editor refuses a size that cannot fit the current tab and asks you to use a new screen instead of silently moving or cropping another widget. A widget’s contents should fit its card without an inner scrollbar.
4. Tune a selected widget
Select a widget in the live preview to see its own settings: for example, charging preferences or Claude Code connection guidance. The library stays visible so you can keep building. The expanded dock remains connected to the notch hardware, with room around its left and right edges for comfortable touch targets.