jet-jot drawer + jet-cars Garagem integration
3 approaches, full drawer mocked end-to-end. Pick one.
Currently deployed: Option A. Ctrl+Shift+R on my.jetblip.com/admin/ to see it live. If you pick B or C, the change is a small edit to garage-tab.js (no nginx or systemd touched).
Drawer entry → popup formlive now
A
Modal-style. Click the Garagem row in the drawer, drawer closes, popup form appears in the corner.
my.jetblip.com/admin/
───────────────────
jetblip hub
[Tools] blip-book / blip-cards
blip-clip / blip-form ...
[Health & Habits] blip-ehr ...
[Finance] blip-receipts ...
[Comms] blip-mail ...
+
←
Tradeoffs
- Drawer stays uncluttered, Garagem is one row among many
- Popup gets 220px of dedicated width, comfortable for form inputs
- Outside-click / ESC dismisses, doesn't trap focus
- Same pattern extends naturally to Lecture (jet-uni) and future quick-capture sub-apps
- Two-step UX: open drawer → click row → popup appears (drawer closes)
- Briefly two visual surfaces compete (until drawer animation closes)
Inline accordion in drawer
B
Progressive disclosure within one surface. Garagem row expands in-place; the form lives inside the drawer.
my.jetblip.com/admin/
───────────────────
jetblip hub
[Tools] blip-book / blip-cards
blip-clip / blip-form ...
[Health & Habits] blip-ehr ...
[Finance] blip-receipts ...
+
Tradeoffs
- Single surface, no popup juggling, feels native to the drawer
- Scales cleanly: Lecture and future quick-capture sub-apps each get their own accordion
- Chevron rotation gives clear "this expands" affordance
- Form squeezed to ~260px, selects + textarea feel tight
- Drawer scrolls when expanded; nav items below get pushed
- Only one section is useful at a time, but the rest of the drawer still competes for attention
Pinned quick form at drawer bottom
C
Always-ready capture. Compact 2-line form pinned at the drawer bottom, no expand step.
my.jetblip.com/admin/
───────────────────
jetblip hub
[Tools] blip-book / blip-cards
blip-clip / blip-form ...
[Health & Habits] blip-ehr ...
[Finance] blip-receipts ...
+
Tradeoffs
- Zero intermediate clicks, fastest capture path
- Mirrors a physical clipboard pinned at the bottom
- Submit button is always visible, no hunting
- Takes permanent drawer real-estate (~120px), competes with nav items below the fold
- 2-column selects feel cramped at ~296px drawer width
- Doesn't scale: a Lecture pinned section below this one would balloon the drawer bottom
- Form always visible even when you opened the drawer for navigation, not capture