Add reusable React components: file uploader and file tree view

.gitignore

@@ -21,6 +21,18 @@
 
 # production
 /dist
+# Reusable-components build output. `npm run build-reusable-components`
+# writes the `dv-tree-view` / `dv-uploader` JS+CSS here; the files are
+# then copied into `dataverse/.../webapp/reusable-components/` for the
+# WAR bake. Tracking the build folder makes manual post-build cleanup
+# brittle: `git checkout .` to clean stray edits also reverts the
+# generated build files (or vice-versa, source-file edits get swept up
+# alongside build-artefact resets). Ignore it instead.
+/dist-reusable-components
+
+# Scratch dir of dataverse-context/scripts/fe-test-parallel.sh (worker
+# logs + exit files); regenerated on every parallel test run.
+/.test-parallel
 
 # storybook
 /storybook-static

.storybook/main.ts

@@ -16,6 +16,14 @@ const config: StorybookConfig = {
   },
   docs: {},
   staticDirs: ['../public'],
+  viteFinal: (viteConfig) => ({
+    ...viteConfig,
+    // Storybook already copies staticDirs into storybook-static after the
+    // build; leaving vite's own publicDir copy on makes every public/ file
+    // land twice, and node 22.x's fs.cp on the CI runners intermittently
+    // fails the second pass with EEXIST on the keycloakify resource tree.
+    publicDir: false
+  }),
   typescript: {
     reactDocgen: false
   }

CHANGELOG.md

@@ -10,12 +10,41 @@ This changelog follows the principles of [Keep a Changelog](https://keepachangel
 
 - Dataset Templates UI integration, including create/edit flows, previews, and skeleton states.
 - Dataset Page: added a sidebar to show dataset reviews
+- DVWebloader V2: A standalone file uploader build that reuses React file upload components, supporting S3 direct uploads with configurable tagging.
+- Shared file upload hooks (`useFileUploadState`, `useFileUploadOperations`) for better code reuse between the main SPA and standalone uploader.
+- Lazy file tree view on the dataset Files tab (`#6691`). A new `FilesViewToggle` flips between the existing files table and a virtualised, lazily-loaded folder tree. The tree supports tri-state path-keyed selection, full WAI-ARIA tree keyboard navigation (`Up/Down/Left/Right/Home/End/Space/Enter`), and URL bookmarkability via `?view=tree&path=<folder>`.
+- Client-side streaming-zip download of the tree's selection. Multi-file selections are zipped in the browser (single new dependency: [`client-zip`](https://github.com/Touffy/client-zip), ~3 KB gzip); a bottom-sheet tray surfaces inline **Retry / Skip / Skip & retry at end / Skip all** decisions on per-file failures. Single-file downloads bypass the zip wrap and trigger a direct browser download. No server-side ZIP endpoint is involved.
+- Standalone reusable bundle for the lazy tree (`dv-tree-view.js`), built by `vite.config.reusable-components.ts` alongside `dv-uploader`. Mounted on JSF dataset pages via the new `dataverse.feature.react-tree-view` flag in `IQSS/dataverse`.
+- Domain layer for the new tree (`src/files/domain/{models,repositories,useCases}/`) plus an SDK-backed `FileTreeJSDataverseRepository` (with a `JSFileTreeMapper`) and a previews-derived `FileTreeFromPreviewsRepository` fallback for older Dataverse instances.
 
 ### Changed
 
+- Bumped `@iqss/dataverse-client-javascript` to `2.2.0-pr403.f11ee66` (GitHub Packages prerelease of SDK PR #403 with current `develop` merged in) to consume the new `listDatasetTreeNode` / `iterateDatasetTreeNode` use cases plus the post-2.2.0 develop additions this branch now uses (`getDatasetReviews`, storage drivers, guestbooks). The pinned hash also carries the `x-amz-tagging` default fix so older Dataverse releases without the matching server PR keep getting `dv-state=temp` from the client.
+- Tree rows surface the server's new `retentionExpired` access state (fourth state after public/restricted/embargoed): translated labels via the new `tree.access.*` i18n keys, a danger-emphasis colour cue whose folder precedence follows the server contract (retention-expired wins), and mutually exclusive folder count buckets. The entire `tree` namespace is now also translated to Spanish.
+- The zip tray's awaiting-retry footer action finalizes the run ("Finish without them"): the first-pass bytes save with the missing files listed in `manifest.txt`. Previously the button closed the tray, which cancelled the run and silently discarded everything already streamed.
+- Streaming-zip download fetches now use `credentials: 'same-origin'` (previously `'include'`). Cookies still travel on the same-origin Dataverse hop, but are dropped on the cross-origin redirect to S3 — required for `Allow-Origin: *` buckets to accept the request.
+- Standalone bundles (`dv-tree-view`, `dv-uploader`) now mount inside a Shadow DOM root via `mountInShadowRoot`, isolating both directions from the host page's CSS context.
+- Component CSS that references `var(--bs-*)` Bootstrap-5 tokens carries hardcoded fallback values, so the bundle renders correctly on JSF hosts that don't define those custom properties.
+
 ### Fixed
 
-### Removed
+- Streaming-zip: closing the tray mid-run now cancels the engine instead of resurrecting cancelled runs (a truncated zip could previously save after Cancel + close) or leaking a suspended run when closed while paused.
+- Streaming-zip: files that fail both passes of a two-pass run are demoted into `manifest.txt` instead of silently vanishing from a run that ends "done"; the retry button counts only recoverable failures.
+- Streaming-zip: chunked Range parts no longer send the bearer `Authorization` header to cross-origin presigned S3 URLs (S3 rejects double authentication), and per-row download icons are disabled while a zip run is active so a second run can't race the first.
+- Tree: a failing "load more" page no longer auto-retries in a tight loop; the error row's Retry button is the recovery path.
+- Tree: a slow page response from a previous version/order selection can no longer overwrite the reset tree (stale responses are discarded by generation).
+- Tree: folders force-opened by the filter query now load their children instead of showing an eternal spinner.
+- Tree: a dataset/version-level 404 no longer permanently downgrades the session to the previews fallback — only the server's explicit "endpoint does not exist" response does.
+- Standalone tree-view: file links from a draft tree keep the JSF-friendly version form (`DRAFT`), and API-style tokens (`:draft`, `:latest`) are translated for `file.xhtml`; previously such links opened the released version.
+- Standalone bundles: `getBearerToken` returning null now falls through to the static `bearerToken`; the streaming-zip engine receives the bearer header via the new `downloadFetchInit` prop so restricted-file downloads work in bearer embeds.
+- Build: `build-reusable-components` now copies `locales/` inside the deployable `reusable-components/` tree, so the documented straight-copy deploy ships translations.
+- Successful Save in the SPA file uploader no longer re-engages the "Discard Uploaded Files?" leave modal. The post-save navigation effect was racing `useBlocker`'s predicate-update effect across a parent/child boundary; the fix colocates the navigate effect with `useBlocker` in the same component so React fires the predicate update before the navigation runs. The standalone uploader (which uses `beforeunload` instead of `useBlocker`) didn't reproduce the original symptom but uses the same colocated shape now.
+- Tree download/upload paths select an S3-compatible storage driver via the typed `storageDriver.type === 's3'` capability and the `directDownload` / `directUpload` flags, instead of the previous `s3*` name-prefix heuristic. Operator-renamed drivers (e.g. `minio1`) are now recognised correctly without depending on the driver id.
+- Tree DOM focus follows the keyboard's roving tabindex when the bundle is mounted inside a Shadow DOM (JSF embed): the focus-grab effect now resolves the active element via `el.getRootNode()` instead of `document.activeElement`, so the `:focus-visible` ring tracks Up/Down arrow keys across the host-page boundary.
+- Tree view now re-mounts cleanly when a JSF partial update re-inserts the host `<div>`. Both standalone bundles install a `MutationObserver` that detects host-element identity changes and re-runs `init()` (the orphaned-Root regression that left the tree empty after toggling Table↔Tree several times).
+- `useFileTree` no longer leaves the loading spinner forever when the host component unmounts mid-fetch; a `mountedRef` guard skips state updates after unmount, and the version-key-change reset path bypasses the stale-closure cache short-circuit so a refetch fires on schedule.
+- Tree-view header now exposes a tristate select-all checkbox in its dedicated select column.
+- Streaming-zip download tray's close button is sized for normal-pointer hit-targets when the bundle renders inside a JSF page (was rendering as a tiny `link` button due to host-page font cascade).
 
 ---
 

cypress.config.ts

@@ -29,8 +29,15 @@ export default defineConfig({
     supportFile: 'tests/support/e2e.ts',
     setupNodeEvents(on, config) {
       on('file:preprocessor', vitePreprocessor(path.resolve(__dirname, './vite.config.ts')))
-
       on('task', {
+        // Diagnostic printer: cy.task('diag', value) prints to the Cypress
+        // run's stdout, which GitHub Actions captures. cy.log / console.log
+        // from inside cy.then() run browser-side and never reach CI logs.
+        diag(value: unknown) {
+          // eslint-disable-next-line no-console
+          console.log('[diag]', JSON.stringify(value))
+          return null
+        },
         async solrSchemaFieldExists(fieldName: string): Promise<boolean> {
           const statusCode = await runDockerCommand(config, [
             'exec',