Every part of the dossier can be moved: control blocks dock in the title, top, bottom and side bars, in the thumbnail rail or under a card's header, or float over the pages; the rail and the cards change sides, float and resize.
The window's parts in the title bar, every control in the tray, notes on the left and findings on the right.
This Consulting Agreement is entered into on August 1, 2026 by and between:
Consultant: Jordan Avery Consulting LLC, located at 4200 Bridgeway Blvd, Sausalito, CA, and
Client: Northwind Trading Co., located at 88 Harbor Point Rd, Seattle, WA.
1. Services. Consultant shall provide the services described in Schedule A.
2. Terms. Fees of $12,500 are due within 30 days of invoice.
3. Terms. Fees of $12,500 are due within 30 days of invoice.
| what | title | top | bottom | sides | rail / card | float | resize |
|---|---|---|---|---|---|---|---|
| tools, panels, view, zoom, commands | yes | yes | yes (home) | yes, vertical | yes | yes, ⇄ / ⇅ | — |
| window dots, file name, status | reorder only | — | — | — | — | — | — |
| thumbnail rail | — | — | — | left or right of the pages | — | — | width |
| notes, findings cards | — | — | — | left or right of the pages | — | yes | width; + height when floating |
This section is drawn with the kit's own diagram blocks (LayerStack, Comparison, DataTable), the same ones that build design pages.
Each app repeats the setup, and a missed glob drops styles without an error.
It works wherever the kit renders, and a test keeps every class in exactly one fragment.
| layer | holds | import |
|---|---|---|
| tokens | the colours, type and corner radius as --dy-* variables | @n-uf/dynia/tokens |
| primitives | app-agnostic pieces with no data semantics | @n-uf/dynia/primitives |
| blocks | compositions of primitives: cards, lists, tables, charts, window chrome, docking | @n-uf/dynia/blocks |
| shells | whole screens: they arrange blocks and render the stylesheet | @n-uf/dynia/shells |