## Summary Fixes the Restore browser for large folders (issue #47). - **Sticky action bar.** The selection / destination / Restore / Cancel bar is now `position: sticky; bottom: 0` within the page scroll container, with a page-matching background (`bg-zinc-50 dark:bg-zinc-950`), a top border, and a z-index so it sits above the list. The primary actions stay reachable without scrolling a huge folder all the way down. It reads correctly in both light and dark mode, and a small `pb-4` buffer on the section keeps the last rows clear of it when scrolled to the bottom. - **Virtualized (windowed) file list.** A new self-contained composable `useVirtualList` (and its pure, unit-tested core `computeVirtualRange`) renders only the visible window of rows (plus a small overscan) at a fixed row height and replaces the off-screen rows with top/bottom spacer paddings on the `<ul>`, so the scrollbar still reflects the full list while the DOM node count stays bounded. A folder with thousands of files mounts ~26 `<li>` nodes instead of thousands. - **No new dependency.** The windowing is dependency-free (no virtual-scroll npm package), in line with the repo's minimal-supply-chain / Dependabot policy. - **Behavior preserved.** Selection, the `keyOf` keying, breadcrumb navigation, search-result vs tree-node rendering, the `treeTruncated` notice, keyboard/scroll behavior, and the empty states are all unchanged. The store still holds every row in memory; only the DOM is windowed. UI-only, no Rust touched. ## Testing All run from the worktree in `ui/`: - `pnpm install --frozen-lockfile` - ok - `pnpm lint` - clean - `pnpm format:check` - all files match Prettier style - `pnpm test:unit` - 25 files, 218 tests pass (11 new: 9 windowing-math + 2 Restore.vue component tests; existing restore-store and restore-empty-dropdown tests still green) - `pnpm build` (`vue-tsc --noEmit && vite build`) - typecheck + build succeed New tests: - `ui/src/__tests__/virtual-list.test.ts` - visible-range math, the spacer invariant (top + window + bottom == full content height), bounded slices when scrolled into / past / before the list, and the zero-measure fallback. - `ui/src/__tests__/restore-virtual-list.test.ts` - mounts the real `Restore.vue` against a 5000-entry folder and asserts a bounded `<li>` count + a large bottom spacer, plus that the action bar carries the sticky/bottom-0/border-t/z-10/background classes and contains the Restore action. Closes #47 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_01MZQh3ZfwtZsM6c5qnTuWZP --------- Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

enhancement: make footer on restore page sticky so you don't have to scroll all the way down #47

Description

Activity

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions