4 Commits

Include renames

Author	SHA1	Message	Date
jaredandClaude Opus 4.8	68a88e84b8	feat(media-gallery): download images/videos from the viewer and grid tiles ... The gallery's File and Audio tabs already had download buttons, but images and videos could only be saved by jumping to the source message. Add: - a Download button in the lightbox header (full-resolution source), and - a hover/focus download button on each image/video grid tile Both reuse the shared FileDownloadButton (decrypts E2EE media client-side, saves via useSaveFile, spinner/check/retry states). The tile download control is a sibling of the tile button (not nested — avoids interactive-in-interactive) and stays visible on touch (hover:none) devices. Download always targets the full-res file/url, not the thumbnail. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	2026-07-10 15:18:55 -04:00
jaredandClaude Opus 4.8	4a4dede105	fix(media-gallery): dock as a flex sibling like MembersDrawer (was floating) ... The real reason the gallery didn't look or function like the Members drawer or Saved Messages: it was a position:fixed overlay floating over the timeline, mounted from RoomViewHeader. Now it docks into the room layout row exactly like MembersDrawer. - new mediaGalleryAtom (mirrors bookmarksPanelAtom) holds the open state - RoomViewHeader toggles the atom instead of local useState and no longer renders the panel - Room.tsx renders <MediaGallery> as a flex sibling of the timeline with a vertical Line separator on desktop and key={room.roomId} to reset per room - MediaGallery.css: static width on desktop, position:fixed inset:0 full-screen only on mobile (identical strategy to MembersDrawer.css); root Box shrink="No" The panel now shares the row with the timeline instead of overlapping it. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	2026-06-19 16:14:50 -04:00
jaredandClaude Opus 4.8	b818d3fc5a	refactor(media-gallery): redesign chrome to match native folds conventions ... The Media Gallery panel worked but didn't look like a first-party Cinny drawer. Redesign the chrome to match MembersDrawer / Saved Messages and the PolicyListViewer tab precedent: - panel + header: Surface -> Background variant; header uses Text size="H4" and a plain close IconButton (dropped the bespoke tooltip-wrapped button) - tabs: moved into a bordered toolbar strip; adopt the repo's variant={active?'Primary':'Secondary'} fill={active?'Solid':'Soft'} pattern and show per-tab counts (Images (N) / Videos (N) / Files (N)) - month grouping: replaced the centered "lines + label" divider with a left-aligned group label (the Cinny group-label pattern) - thumbnail tiles: hover/focus border + caption overlay are now CSS-driven (:hover / :focus-visible) instead of React state, and live in MediaGallery.css.ts; grid + file rows tokenized - caption overlay also reveals on keyboard focus (a11y) All styling consolidated into MediaGallery.css.ts; no inline grid/tile styles. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	2026-06-19 13:07:51 -04:00
jaredandClaude Opus 4.8	cf839e7345	fix(ui): avatar-decoration reliability, Saved Messages + Media Gallery redesign ... Avatar decorations: useAvatarDecoration cached ALL profile-field fetch failures as "no decoration" permanently for the session. The member list and timeline mount many avatars at once, so one rate-limited (429) burst would wipe everyone's decoration until a full reload. Now only a genuine 404 (field unset) is cached; transient errors retry on the next mount. Saved Messages panel — full redesign to match the canonical MembersDrawer: - co-located BookmarksPanel.css.ts: toRem(266) + max-width:750px full-screen media query, replacing the old position:absolute/zIndex:100 mobile "modal" that had no backdrop or escape - variant="Background" header; room avatars on each item (was a generic hash) - priority tokens replace all raw opacity hacks; 3px borderLeft accent removed - Escape-to-close; multi-line preview is now a proper folds Button (N38) Media Gallery (N12): moved fixed positioning + width into MediaGallery.css.ts using toRem(320) + a full-screen media query; border/header use config tokens; added Escape-to-close on the panel (previously only the lightbox handled it). Presence (SettingsTab / useUserPresence): - N16: wrap presence-dot trigger in TooltipProvider; replace undefined --bg-surface with color.Background.Container - N17: add escapeDeactivates + isKeyForward/isKeyBackward to the FocusTrap - N19: align reader labels (usePresenceLabel) to the setter vocabulary (Online/Idle/Offline) so a chosen status matches the tooltip others see Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	2026-06-19 11:21:29 -04:00