components

2.1 KB

1. # Mission 001 (old 042) — components.hybriel.worldapi.org#13: modal dialog
3. Ticket: `curl -s -H 'Accept: text/markdown' https://tickets.worldapi.org/api/projects/components.hybriel.worldapi.org/tickets/13`
4. App: loreana:/media/STORAGE/projects/components.hybriel.worldapi.org (ssh loreana, wrap commands in `bash -s`; fish shell).
6. ## Build
7. Read first: CONCEPT.md, README.md, STATUS.md, and two existing components end to end (components/date-picker/ and
8. components/md-editor/: file layout, own Style, demo page, README, how the gate tests them, how the home lists them).
9. Build `components/modal/` the same way: one `modal.hl` with its own Style, `demo.hl` at `/modal`, README.md
10. (usage, attributes, events), listed on the home page, gate checks in the components gate.
11. Scope = the ticket's "Details" (title, content, optional footer buttons, close by ×/Esc/backdrop with backdrop-close
12. switchable, focus kept inside and returned to the opener, no page scroll behind, phone-friendly, open/close from the
13. host, a "closed" signal with the reason). Colours only via the WorldAPI tokens with fallbacks (like the others); no
14. borders on buttons unless inverted (creator's rule).
16. ## Proof
17. - The components gate green (all existing checks + yours): open, each close path + reason, backdrop-close off, focus
18. inside while open and back to the opener, Esc, no scroll behind, at phone width (390 px).
19. - Screenshots of the demo at 1280 px and 390 px, open and closed — LOOK at them; keep them in /tmp/w042-shots/ on Loreana.
20. - Ports 8732–8739 only (another worker uses 8720–8731).
22. ## Rules
23. Pure Hybriel — no hand-written JavaScript (a bridge to an EXTERNAL component is the only exception; a modal is not one).
24. No changes under plugins/ or bin/. No git, never read `.env`, do NOT deploy, do NOT touch Byrodin. Leave nothing running.
25. Read /media/STORAGE/projects/antcolony-docs/docs/hybriel-for-app-workers.md (pitfalls). If Hybriel blocks something
26. (e.g. focus trapping or key events), stop that part and report the bug with a minimal repro.
28. ## Report (short)
29. Files, decisions, gate command + last line, screenshot paths, open points, Hybriel issues.