Fix nested confirmation dialog layering

[AFR0011]

Summary

Fixes the Transactions delete confirmation rendering underneath the open Edit transaction sheet.

The edit flow uses AdaptiveSheet, which is portaled at z-index 80, while ConfirmDialog was rendered in-place at z-index 50. That made the destructive confirmation visually appear behind the editor. The two document-level focus/Escape handlers could also compete when both dialogs were open.

Changes

• portal ConfirmDialog to document.body
• place confirmation dialogs above adaptive sheets at z-index 100
• keep body scroll locked while a confirmation is open
• let the top-most confirmation capture Escape/Tab so the underlying sheet does not close or steal the focus trap
• add a Playwright regression that verifies the delete confirmation is above the editor and that Escape closes only the confirmation

Safety

• UI-only change; no finance data or ledger logic is modified
• existing confirmation API remains unchanged

Verification

Ravel CI will run lint, typecheck, unit tests, dependency audits, build, route smoke, and the Playwright browser suite including the new nested-dialog regression.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
ravel	Ready	Preview	Sep 17, 2026 8:32pm UTC