Modals & layer stack

Generated from mcp/patterns.registry.json — do not edit by hand; change the registry and run bun run patterns:build.

Index card — the docs below are the canonical explanation; deep-tier pattern pages additionally carry invariants and emulation notes.

Category: App Shell & Navigation · Tier: light · Risk: low — structural pattern, no external services

Manages a stacked layer of modals and dialogs (quick search, shortcuts help, session expiry) through a shared state module and dialog primitives.

When to use: Reach for it when opening a new modal that must coexist with, or stack above, other overlays.

Docs

• docs/blueprint/app-shell/shell-state.md (GitHub · GitLab)

Code

• src/lib/state/modals.svelte.ts (GitHub · GitLab)
• src/lib/components/primitives/dialog/ (GitHub · GitLab)

Proof

• /showcases/shell/modals

Machine-readable record: app-shell-modals in mcp/patterns.registry.json.