✨ [Frontend] Search Files

[odeimaiz]

What do these changes do?

This PR implements the first iteration of the file search feature in the frontend, allowing users to search across files in their projects using a streaming API approach. The implementation adds a new "Files" search context with real-time streaming of search results.

• Adds file search capability with streaming results from the backend
• Introduces new UI components for displaying and interacting with file search results: file/directory icon, name, projectId and lastModified info is shown
• From a search result, the project where the file is located can be opened

Search and open Project card:

Switching streams and reaching the end:

Related issue/s

• follows ✨ Introduce streamed files search #8202
• related to https://github.com/ITISFoundation/private-issues/issues/265

How to test

Dev-ops

[mergify]

🧪 CI Insights

Here's what we observed from your CI run for 0737ac4.

✅ Passed Jobs With Interesting Signals

Pipeline	Job	Signal	Health on master	Retries	🔍 CI Insights	📄 Logs
CI	system-tests	Base branch is broken, but retries were needed. Could be early signs of flakiness 👀		1	View	View

[Copilot]

Pull Request Overview

This PR implements a file search feature in the frontend, allowing users to search across files in their projects using a streaming API approach. The implementation adds a new "Files" search context to the dashboard with real-time streaming of search results.

• Adds file search capability with streaming results from the backend
• Introduces new UI components for displaying and interacting with file search results
• Refactors existing date filter and navigation components for reusability

Reviewed Changes

Copilot reviewed 22 out of 22 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
_simcore_s3.py	Adds filtering logic to skip empty items in file search stream
RocketPreview.js	Adds metadata constants for Sim4Life integration
BookACallIframe.js	Adds metadata constants for easy!appointments integration
ConversationPage.js	Adds null check before accessing conversation object
StreamTasks.js	New singleton store for managing streaming tasks with abort capability
Store.js	Adds "searchFiles" context to available browser contexts
Data.js	Implements searchFiles method to initiate file search API call
NavigationBar.js	Refactors right-side button positioning to use explicit indices
DateFilters.js	Refactors method naming from protected to private and improves code consistency
File.js	New model class for file data representation
StreamTask.js	New class for handling streaming data from long-running tasks
Resources.js	Adds searchFiles endpoint definition
PollTask.js	Refactors polling initialization into overridable method
StudyBrowserHeader.js	Adds header configuration for file search context
StudyBrowser.js	Implements main file search logic with streaming and UI integration
SearchBarFilterExtended.js	Adds files filter button and layout changes for date filters
ResourceContainerManager.js	Adds file list management and display capabilities
ResourceBrowserBase.js	Refactors workspace selection method to generic location opening
ListButtonLoadMore.js	Improves loading icon styling with consistent padding
ListButtonBase.js	Increases default item height from 35 to 40 pixels
FileButtonItem.js	New component for displaying individual file items with actions
CardContainer.js	Adds FileButtonItem as valid card type

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[pcrespov]

very nice. congratulations @giancarloromeo @odeimaiz

[giancarloromeo]

@odeimaiz Thanks, an incredible FE for an awesome BE! A small fix will come later to fix an issue with Folders search.

[odeimaiz]

@mergify queue

[mergify]

queue

🛑 Configuration not compatible with a branch protection setting

The branch protection setting Require branches to be up to date before merging is not compatible with draft PR checks. To keep this branch protection enabled, update your Mergify configuration to enable in-place checks: set merge_queue.max_parallel_checks: 1, set every queue rule batch_size: 1, and avoid two-step CI (make merge_conditions identical to queue_conditions). Otherwise, disable this branch protection.