| /** | |
| * Shared dashboard dialog shell classes. | |
| * | |
| * Page `<Card>` defaults to `bg-background-base/80` (glass). That looks fine | |
| * on the page canvas, but as a modal panel it lets the Models page bleed | |
| * through and kills readability — especially on Cyberpunk / mobile. | |
| * | |
| * Modal panels must use opaque `bg-card`; backdrops use the same z-index | |
| * band as Auxiliary / Confirm dialogs so they sit above page chrome. | |
| * | |
| * Callers must `createPortal(..., document.body)` — `z-[100]` alone cannot | |
| * escape the dashboard column's `relative z-2` stacking context (see | |
| * ModelPickerDialog / ToolsetConfigDrawer). | |
| */ | |
| export const DASHBOARD_MODAL_BACKDROP = | |
| "fixed inset-0 z-[100] flex items-center justify-center bg-background/85 p-4"; | |
| export const DASHBOARD_MODAL_PANEL = | |
| "relative w-full border border-border bg-card shadow-2xl"; | |
| /** | |
| * Outer modals that host a nested picker (e.g. MoA → ModelPickerDialog) | |
| * must ignore Escape while the picker is open; the picker owns that key. | |
| */ | |
| export function shouldCloseOuterModalOnEscape( | |
| nestedPickerOpen: boolean, | |
| ): boolean { | |
| return !nestedPickerOpen; | |
| } | |