jared
8dc4c4d072
fix(ui): resolve 29 native UI/UX inconsistencies from folds design audit
...
CI / Build & Quality Checks (push) Successful in 10m25s
CI / Trigger Desktop Build (push) Successful in 6s
Fixes N1–N94 findings from LOTUS_BUGS.md audit pass. Key changes:
- ProfileDecoration: raw <button> → folds <Button> for save/remove; remove
undefined --accent-cyan var
- UserRoomProfile: textarea border uses color.SurfaceVariant.ContainerLine
and config tokens instead of undefined --border-interactive var
- LotusToastContainer: z-index raised from 9997 → 10001 so toasts appear
above Night Light overlay (9998) and modals (9999)
- Message.tsx: DeliveryStatus replaces Unicode glyphs with Icon components;
MessageQuickReactions returns null instead of <span />; forward menu item
gets correct size="100" on after icon
- AudioContent: speed chip variant/radii now matches Play chip (Secondary/300)
- ReadReceiptAvatars: pill border/radius/padding → folds config tokens;
remove dead receipt-pill-btn className
- EventReaders: Header size 600→500; close button gets radii="300";
borderBottom shorthand → borderBottomWidth token; remove raw fontSize
- General.tsx: selected background/seasonal picker border uses
color.Primary.Main instead of color.Critical.Main (error red)
- RoomInsights: SectionHeader drops textTransform/letterSpacing/opacity;
chart borderRadius → config tokens; remove raw fontSize:9;
warning banner → SequenceCard
- RoomProfile.tsx: formatting toolbar raw <button> → folds <Button>;
topic read-mode renders formatted_body via sanitizeCustomHtml
- MsgTypeRenderers: location Open button Chip→Button; opacity:0.65→priority
- UploadCardRenderer: caption raw <input> → folds <Input>
- VoiceMessageRecorder: replace undefined --bg-surface-variant/--tc-*
vars with color.* tokens; replace bare <audio controls> with
IconButton play/pause toggle
- App.tsx: mention highlight uses WCAG 2.1 relative luminance (gamma
linearization) instead of simplified approximation; border now rgba
semi-transparent instead of same color as background
- RoomNavItem: Mute MenuItem icon moved to before prop
- SearchFilters: HasLink chip variant="Success" outlined to match filter bar
- RoomViewHeader: Server Notice chip radii Pill→300; fix jotai import order
- Fix ESLint import/order errors in DeviceVerificationSetup, RoomTopicViewer,
MediaGallery, and RoomViewHeader
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-06-18 22:46:19 -04:00
jared
176d5d0bb7
fix(mobile): apply useModalStyle to remaining dialog files (Bug #9 )
...
Completes the mobile fullscreen modal pass — adds useModalStyle to
DeviceVerificationSetup, DeviceVerificationReset, AddExistingModal,
RoomEncryption prompt, RoomUpgradeDialog, Modal500, ReadReceiptAvatars,
and RoomTopicViewer. All floating Dialog/Modal components now go
fullscreen on mobile (≤750px). UIAFlowOverlay was already fullscreen
via <Overlay>; JoinRulesSwitcher/RoomNotificationSwitcher are dropdowns.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-06-18 18:11:24 -04:00
61a1f008d0
chore: upgrade i18next 26, prettier 3, fontsource-variable, domhandler 6, lint-staged 17
...
- i18next 23->26 + react-i18next 15->17
- prettier 2->3, reformat all files
- replace @fontsource/inter with @fontsource-variable/inter 5, update import path
- domhandler 5->6 (aligns with transitive deps)
- lint-staged 16->17
2026-05-21 23:30:50 -04:00
42b9cc2b64
chore: prettier format all files, brotli, Sentry release tagging, CI gates
...
Prettier: auto-formatted 103 files to fix baseline. Prettier check in CI
is now a hard gate (removed continue-on-error).
Brotli: installed libnginx-mod-http-brotli-filter/static. Enabled in nginx
with brotli_static on for pre-compressed assets and comp_level 6.
Sentry releases: deploy script now exports VITE_APP_VERSION=<git-short-sha>
before building so each Sentry release maps to an exact commit.
CI also passes github.sha as VITE_APP_VERSION.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-05-21 20:49:33 -04:00
689805ca6e
fix(a11y): semantic headings, htmlFor/id associations, remove duplicate aria-labels
...
H-tag: add as=h1/h2 to dialog/UIA/auth headings (21 components)
Label: add htmlFor/id to PasswordRegisterForm (5 pairs) and PasswordResetForm (3 pairs)
Dupe: remove duplicate aria-label from Controls.tsx screenshare button, MembersDrawer, Members, RoomInput
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-05-21 15:36:59 -04:00
9843e8bdf1
fix(a11y): label remaining unlabeled icon buttons across 12 components\n\nCo-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-21 13:17:07 -04:00
4e80c0a0f5
feat(a11y,perf): comprehensive icon button labels, toolbar a11y, timeline binary search
...
A11y C-1: aria-label on 30+ remaining icon-only buttons across:
- settings panels (close, reset, info, expand, remove, undo)
- editor toolbar (bold, italic, underline, strike, code, spoiler,
blockquote, code block, ordered/unordered list, headings 1-3)
- auth stages (cancel buttons in SSO, Password stages)
- device verification (cancel buttons)
- password input (show/hide toggle with dynamic label)
- event readers, account data editor close buttons
- global emoji packs (add/remove buttons)
Perf-5: Replace O(N×T) getTimelineAndBaseIndex scan with precomputed binary
search (timelineSegments useMemo) — O(log T) per visible message render
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com >
2026-05-20 21:54:33 -04:00
1b89475fa7
Remove unused javascript ( #2470 )
2025-08-29 19:34:52 +10:00
87cc753366
redesigned app settings and switch to rust crypto ( #1988 )
...
* rework general settings
* account settings - WIP
* add missing key prop
* add object url hook
* extract wide modal styles
* profile settings and image editor - WIP
* add outline style to upload card
* remove file param from bind upload atom hook
* add compact variant to upload card
* add compact upload card renderer
* add option to update profile avatar
* add option to change profile displayname
* allow displayname change based on capabilities check
* rearrange settings components into folders
* add system notification settings
* add initial page param in settings
* convert account data hook to typescript
* add push rule hook
* add notification mode hook
* add notification mode switcher component
* add all messages notification settings options
* add special messages notification settings
* add keyword notifications
* add ignored users section
* improve ignore user list strings
* add about settings
* add access token option in about settings
* add developer tools settings
* add expand button to account data dev tool option
* update folds
* fix editable active element textarea check
* do not close dialog when editable element in focus
* add text area plugins
* add text area intent handler hook
* add newline intent mod in text area
* add next line hotkey in text area intent hook
* add syntax error position dom utility function
* add account data editor
* add button to send new account data in dev tools
* improve custom emoji plugin
* add more custom emojis hooks
* add text util css
* add word break in setting tile title and description
* emojis and sticker user settings - WIP
* view image packs from settings
* emoji pack editing - WIP
* add option to edit pack meta
* change saved changes message
* add image edit and delete controls
* add option to upload pack images and apply changes
* fix state event type when updating image pack
* lazy load pack image tile img
* hide upload image button when user can not edit pack
* add option to add or remove global image packs
* upgrade to rust crypto (#2168 )
* update matrix js sdk
* remove dead code
* use rust crypto
* update setPowerLevel usage
* fix types
* fix deprecated isRoomEncrypted method uses
* fix deprecated room.currentState uses
* fix deprecated import/export room keys func
* fix merge issues in image pack file
* fix remaining issues in image pack file
* start indexedDBStore
* update package lock and vite-plugin-top-level-await
* user session settings - WIP
* add useAsync hook
* add password stage uia
* add uia flow matrix error hook
* add UIA action component
* add options to delete sessions
* add sso uia stage
* fix SSO stage complete error
* encryption - WIP
* update user settings encryption terminology
* add default variant to password input
* use password input in uia password stage
* add options for local backup in user settings
* remove typo in import local backup password input label
* online backup - WIP
* fix uia sso action
* move access token settings from about to developer tools
* merge encryption tab into sessions and rename it to devices
* add device placeholder tile
* add logout dialog
* add logout button for current device
* move other devices in component
* render unverified device verification tile
* add learn more section for current device verification
* add device verification status badge
* add info card component
* add index file for password input component
* add types for secret storage
* add component to access secret storage key
* manual verification - WIP
* update matrix-js-sdk to v35
* add manual verification
* use react query for device list
* show unverified tab on sidebar
* fix device list updates
* add session key details to current device
* render restore encryption backup
* fix loading state of restore backup
* fix unverified tab settings closes after verification
* key backup tile - WIP
* fix unverified tab badge
* rename session key to device key in device tile
* improve backup restore functionality
* fix restore button enabled after layout reload during restoring backup
* update backup info on status change
* add backup disconnection failures
* add device verification using sas
* restore backup after verification
* show option to logout on startup error screen
* fix key backup hook update on decryption key cached
* add option to enable device verification
* add device verification reset dialog
* add logout button in settings drawer
* add encrypted message lost on logout
* fix backup restore never finish with 0 keys
* fix setup dialog hides when enabling device verification
* show backup details in menu
* update setup device verification body copy
* replace deprecated method
* fix displayname appear as mxid in settings
* remove old refactored codes
* fix types
2025-02-10 16:49:47 +11:00
jared
Lotus Bot
Ajay Bura