Release v1.0.2 - Mobile scroll fix and dependency updates

[nitrobass24]

Sync develop → master for v1.0.2. See CHANGELOG.md for details.

Fixed

• Mobile file list scrolling - Restores natural page scrolling on small screens; desktop and mobile share a single responsive file row template. ([BUG:?] v0.15.0 Pagination during scrolling on mobile (FF) #370)

Changed

• Dependency updates - Angular frontend, website, and GitHub Actions dependency bumps merged through develop.
• Dependabot grouping - Docusaurus updates grouped into a single PR.

🤖 Generated with Claude Code

Summary by CodeRabbit

• Bug Fixes

  • Improved file-list scrolling on mobile devices with smoother, more reliable vertical navigation.
  • Enhanced responsive file-row behavior for smaller screens.
  • Preserved efficient scrolling for larger screens and long file lists.

• Documentation

  • Updated release documentation with the latest improvements and changes.

• Maintenance

  • Updated the documentation site and supporting tooling for improved reliability.

[coderabbitai]

Important

Review skipped

Auto incremental reviews are disabled on this repository.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 8fc8b29a-116f-4a7c-8ca0-fe47173c815b

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

📝 Walkthrough

Walkthrough

The release adds responsive file-list scrolling for mobile devices, keeps CDK virtual scrolling for larger screens, updates Angular and website dependencies, refreshes workflow actions, groups Docusaurus updates, and records version 1.0.2.

Changes

Responsive file scrolling and release updates

Layer / File(s)	Summary
Mobile scrolling implementation src/angular/src/app/pages/files/file-list.component.ts, src/angular/src/app/pages/files/file-list.component.html, src/angular/src/app/pages/files/file-list.component.scss	The component selects native scrolling at 600px or below. Both scrolling modes reuse the shared file-row template. Mobile rows use natural sizing and contained vertical scrolling.
Responsive scrolling validation src/angular/src/app/pages/files/file-list.component.spec.ts	Tests cover media-query updates and cleanup, native mobile rendering, and virtual scrolling outside the mobile breakpoint.
Package and release metadata src/angular/package.json, website/package.json, CHANGELOG.md	Angular, website, and React-related dependencies were updated. The changelog records version 1.0.2.
Automation dependency updates .github/dependabot.yml, .github/workflows/ci.yml, .github/workflows/docs-pages.yml	Dependabot groups Docusaurus updates. Workflow action versions were updated for Node.js, Python, uv, Docker, login, and releases.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Possibly related PRs

• nitrobass24/seedsync#615: Contains the same responsive file-list scrolling changes.
• nitrobass24/seedsync#335: Introduces the related virtual-scrolling implementation.
• nitrobass24/seedsync#570: Updates GitHub Actions dependencies in the same CI workflow.

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly identifies the v1.0.2 release and its main changes: the mobile scrolling fix and dependency updates.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch release/v1.0.2

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[nitrobass24]

@CodeRabbit review

[coderabbitai]

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

[coderabbitai]

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/angular/package.json`:
- Around line 27-33: The project metadata still identifies the Angular frontend
as version 21 while the dependencies resolve Angular 22. Update the Angular
version references in src/angular/package.json, the README, and CLAUDE.md
consistently to Angular 22, or retain all Angular 21 metadata if the upgrade is
unsupported.

In `@src/angular/src/app/pages/files/file-list.component.scss`:
- Around line 19-28: Update the .native-file-viewport styles so mobile lists use
natural page scrolling: override inherited fixed height and minimum height,
allow visible overflow, and restore scroll chaining with auto overscroll
behavior. Keep the bounded viewport rules applied only to the virtual-scroll
branch.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: de192e1e-dd70-43c8-b564-0b83cd2ad7b4

📥 Commits

Reviewing files that changed from the base of the PR and between a6159d6 and 2bddb4c.

⛔ Files ignored due to path filters (3)

• src/angular/package-lock.json is excluded by !**/package-lock.json, !**/package-lock.json
• src/python/uv.lock is excluded by !**/*.lock
• website/package-lock.json is excluded by !**/package-lock.json, !**/package-lock.json

📒 Files selected for processing (10)

• .github/dependabot.yml
• .github/workflows/ci.yml
• .github/workflows/docs-pages.yml
• CHANGELOG.md
• src/angular/package.json
• src/angular/src/app/pages/files/file-list.component.html
• src/angular/src/app/pages/files/file-list.component.scss
• src/angular/src/app/pages/files/file-list.component.spec.ts
• src/angular/src/app/pages/files/file-list.component.ts
• website/package.json

[coderabbitai]

🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
set -euo pipefail

jq -r '
  .dependencies["`@angular/core`"],
  .dependencies["`@angular/cdk`"],
  .devDependencies["`@angular/cli`"]
' src/angular/package.json

rg -n --glob '*.json' --glob '*.yml' --glob '*.yaml' \
  'Angular 21|Angular 22|`@angular/`(core|cdk|cli)' \
  src/angular .github

Repository: nitrobass24/seedsync

Length of output: 1932

---

🏁 Script executed:

#!/bin/bash
set -euo pipefail

printf '--- src/angular/package.json (top) ---\n'
sed -n '1,80p' src/angular/package.json

printf '\n--- repo mentions of Angular target/version metadata ---\n'
rg -n -i 'angular 21|angular 22|angular 21\.|angular 22\.|angular 21 angular|angular 22 angular|21\.0\.|22\.0\.|`@angular/core`' . \
  --glob '*.md' --glob '*.txt' --glob '!src/angular/**' \
  | head -200

printf '\n--- angular-related package files ---\n'
git ls-files '*angular*' '*package*.json' | sed -n '1,200p'

Repository: nitrobass24/seedsync

Length of output: 249

---

🏁 Script executed:

#!/bin/bash
set -euo pipefail

printf '%s\n' '--- src/angular/package.json (top) ---'
sed -n '1,80p' src/angular/package.json

printf '%s\n' ''
printf '%s\n' '--- repo mentions of Angular target/version metadata ---'
rg -n -i 'angular 21|angular 22|angular 21\.|angular 22\.|angular 21 angular|angular 22 angular|21\.0\.|22\.0\.|`@angular/core`' . \
  --glob '*.md' --glob '*.txt' --glob '!src/angular/**' \
  | head -200

printf '%s\n' ''
printf '%s\n' '--- angular-related package files ---'
git ls-files '*angular*' '*package*.json' | sed -n '1,200p'

Repository: nitrobass24/seedsync

Length of output: 12402

---

🏁 Script executed:

#!/bin/bash
set -euo pipefail

printf '%s\n' '--- README frontmatter/header ---'
sed -n '1,60p' README.md

printf '%s\n' ''
printf '%s\n' '--- .github workflow dependency/install commands ---'
git ls-files .github/workflows | xargs -r -I{} sh -c 'echo "--- {} ---"; rg -n "npm install|npm ci|pnpm|i( |$)|node.*--version|angular|src/angular/package" "{}"'

Repository: nitrobass24/seedsync

Length of output: 5189

---

Update the Angular target metadata to Angular 22.

src/angular/package.json resolves the Angular CLI/build packages and lockfile to 22.0.x, but the README, src/angular/package.json, and CLAUDE.md still document the frontend as Angular 21. Keep Angular 21 metadata if this major bump is not supported, or update the project metadata consistently.

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/angular/package.json` around lines 27 - 33, The project metadata still
identifies the Angular frontend as version 21 while the dependencies resolve
Angular 22. Update the Angular version references in src/angular/package.json,
the README, and CLAUDE.md consistently to Angular 22, or retain all Angular 21
metadata if the upgrade is unsupported.

Source: Path instructions

[coderabbitai]

🎯 Functional Correctness | 🟠 Major | ⚡ Quick win

Allow the mobile list to use page scrolling.

.native-file-viewport inherits the fixed height and min-height from .file-viewport, then sets overflow-y: auto and overscroll-behavior-y: contain. This creates an inner scroll container and prevents scroll chaining. Rows that exceed the viewport cannot extend the page.

Move the bounded viewport rules to the virtual-scroll branch, or override them for native scrolling with height: auto, min-height: 0, overflow: visible, and overscroll-behavior-y: auto.

Based on the PR objective: “restores natural page scrolling for mobile file lists.”

Proposed CSS adjustment

-.file-viewport {
+.file-viewport:not(.native-file-viewport) {
     height: calc(100vh - var(--file-list-chrome-height, 160px));
     height: calc(100dvh - var(--file-list-chrome-height, 160px));
     min-height: 200px;
     overflow-anchor: none;
     scroll-behavior: auto;
 }
 
 .native-file-viewport {
-    overflow-y: auto;
-    overscroll-behavior-y: contain;
+    height: auto;
+    min-height: 0;
+    overflow: visible;
+    overscroll-behavior-y: auto;
 }

📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	overflow-anchor: none;
	scroll-behavior: auto;
	}
	/* Mobile rows wrap and can expand to show details/actions, so they cannot use
	CDK's fixed-size virtual scroll strategy. Keep the same bounded viewport and
	let the browser scroll the naturally-sized rows instead. */
	.native-file-viewport {
	overflow-y: auto;
	overscroll-behavior-y: contain;
	.file-viewport:not(.native-file-viewport) {
	height: calc(100vh - var(--file-list-chrome-height, 160px));
	height: calc(100dvh - var(--file-list-chrome-height, 160px));
	min-height: 200px;
	overflow-anchor: none;
	scroll-behavior: auto;
	}
	/* Mobile rows wrap and can expand to show details/actions, so they cannot use
	CDK's fixed-size virtual scroll strategy. Keep the same bounded viewport and
	let the browser scroll the naturally-sized rows instead. */
	.native-file-viewport {
	height: auto;
	min-height: 0;
	overflow: visible;
	overscroll-behavior-y: auto;
	}

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@src/angular/src/app/pages/files/file-list.component.scss` around lines 19 -
28, Update the .native-file-viewport styles so mobile lists use natural page
scrolling: override inherited fixed height and minimum height, allow visible
overflow, and restore scroll chaining with auto overscroll behavior. Keep the
bounded viewport rules applied only to the virtual-scroll branch.