Add menu-driven attachment system with video recording

- Replace single file input with paper clip icon button and dropdown menu
- Add 5 attachment options: image, video, file, video recording, picture capture
- Implement video recording with MediaRecorder API (5 min auto-stop)
- Support multiple file input interactions accumulating in pending array
- Add same menu system to conversation container (separate attachment array)
- Add render functions for displaying selected attachment summaries
- Fix CSS positioning for menu with relative parent and top-full positioning
- Menu closes on outside click and when file is selected
This commit is contained in:
2026-01-10 22:54:33 +00:00
parent 4bb4e546c1
commit b889e48325
2 changed files with 381 additions and 12 deletions
+10
View File
@@ -3,6 +3,16 @@ PRISM NOTES - SESSION LOG
Project history, decisions, and architectural milestones
================================================================================
[2026-01-10 21:45] MONICA SESSION: Mobile Layout & Scrolling Fixes
- Changes Applied:
* Kept button group beside Notes heading on all screen sizes (flex-row always)
* Removed graph status badges from form containers
* Added overflow-x-hidden to Notes and Conversations card containers
* Prevents horizontal scrolling/swiping that made cards feel "floating"
* Allows vertical scroll to remain responsive
- Result: Cards now stay stationary horizontally, only scroll up/down normally
- Status: Fixed and committed (4bb4e54 and 0dc0ffb)
[2026-01-10 21:15] MONICA SESSION: Refined Notes List Header UI
- Changes Applied:
* Removed graph status badges from note/conversation form containers