- Add resizable split pane to desktop sidebar with drag handle and resize state management - Style the desktop sidebar resize handle using CSS design tokens - Add keyboard resize support to both desktop sidebar and file browser modal (arrow keys, Page Up/Down) - Tokenize FileBrowser styles following the dashboard CSS architecture; replace hardcoded values with CSS variables - Add accessibility handling for resize handles including focus states and keyboard interactions - Add FileBrowserModal tests covering keyboard resize behavior and accessibility patterns Commits merged: - test(FN-2973): complete Step 3 — cover keyboard resize and handle accessibility - feat(FN-2973): complete Step 2 — tokenized file browser styles and handle focus state - feat(FN-2973): complete Step 1 — add keyboard resize support - test(FN-2973): complete Step 3 — add resizable split coverage - feat(FN-2973): complete Step 2 — style desktop sidebar resize handle - feat(FN-2973): complete Step 1 — add desktop sidebar resize state and handle Files changed: packages/dashboard/app/components/FileBrowser.css | 65 +++++-- .../dashboard/app/components/FileBrowserModal.tsx | 106 ++++++++++- .../components/__tests__/FileBrowserModal.test.tsx | 195 +++++++++++++++++++++ 3 files changed, 352 insertions(+), 14 deletions(-) Fusion-Task-Id: FN-2973
14 KiB
14 KiB