Theming & app shell
Register and switch color themes per scope, and the small components an application shell is built from — tabs, a dimming backdrop, error and loading states.
Two loosely related concerns share this section: theming (registering color themes at bootstrap, switching a scope between them and between light/dark), and the handful of components that make up an application's outer shell rather than any one search feature.
What's next
Theme
Register themes at bootstrap and switch a scope's active theme and dark mode.
ThemeProvider
Apply a scope's theme to one element and everything under it — nestable.
ThemeSelector
A menu listing every registered theme for a scope.
ThemeToggle
A light/dark switch for a scope.
Navbar Tabs
A tab bar generated straight from the router's child-route configuration.
Backdrop
A full-screen dimming overlay, shown and hidden through a service.
Error
A full-page error state with an optional detail message.
Loading (deprecated)
The spinner route bootstrap-time authentication replaced.
Multi-selection toolbar
A floating action bar that appears once the user has multi-selected documents — add to a collection, export, or attach to an AI assistant — backed by the shared SelectionStore.
Theme
Register one or more color themes at bootstrap, then switch a scope between them (and between light/dark) at runtime through ThemeStore.