Application Shell 32 block design & features
ApplicationShell32 is an analytics application shell built with Shadcn UI. The top bar has the logo, the team, a project switcher dropdown with coloured dots, Feedback and Docs buttons, notifications and a user menu.
Below it, a row of sub-navigation tabs (Overview, Web analytics, Funnels, Retention, Session replay, Alerts, Settings) sticks to the top of the screen with an underline on the active tab.
A filter bar sticks under the tabs with a date range dropdown, a Production, Preview and All toggle group, a compare to previous switch, an Add filter button, a live visitor indicator and refresh and export actions. The main area shows skeleton stat cards, a bar chart and two ranked lists.
On small screens the tabs scroll horizontally, the environment toggle hides and the filter bar wraps onto two lines.