| 1 | # Modal Components DOX |
| 2 | |
| 3 | ## Purpose |
| 4 | |
| 5 | - Own WebUI modal component content loaded through the shared modal stack. |
| 6 | |
| 7 | ## Ownership |
| 8 | |
| 9 | - Each direct child folder owns one modal workflow and its store. |
| 10 | - Modal HTML files own body content, titles, scoped styles, and `data-modal-footer` content. |
| 11 | - Modal store files own modal-local state and cleanup. |
| 12 | |
| 13 | ## Local Contracts |
| 14 | |
| 15 | - Use `openModal(path)` and `closeModal()` from `/js/modals.js`. |
| 16 | - Keep footer content marked with `data-modal-footer` when using pinned modal actions. |
| 17 | - Do not introduce a parallel overlay, backdrop, or teleport modal system. |
| 18 | |
| 19 | ## Work Guidance |
| 20 | |
| 21 | - Keep modal state cleanup explicit because stores may outlive DOM nodes. |
| 22 | - Preserve stacked modal, Escape, click-outside, scroll, and footer behavior. |
| 23 | |
| 24 | ## Verification |
| 25 | |
| 26 | - Smoke-test open, close, Escape, click-outside, scrolling, stacked modals, and pinned footers after modal changes. |
| 27 | |
| 28 | ## Child DOX Index |
| 29 | |
| 30 | Direct child DOX files: |
| 31 | |
| 32 | | Child | Scope | |
| 33 | | --- | --- | |
| 34 | | [file-browser/AGENTS.md](file-browser/AGENTS.md) | File browser modal and right-canvas Files surface workflow. | |