๐ File List and Filtering
List Viewโ
The Files section displays all your files in a table format with the following columns:
๐ฅ๏ธ Desktop View (Large Screens)โ
- โ๏ธ Checkbox: For multiple selection
- โถ๏ธ Preview: Play/preview button
- ๐ Type: File MIME type (e.g.,
image/png,audio/mp3) - ๐ท๏ธ Format: File category (image, audio, video, text)
- ๐ File name: Complete file name
- ๐ Detection: Detection process status
- ๐ Traceability: Traceability process status
- ๐ก๏ธ Protection: Protection process status
- ๐ Created: Creation date
- โฌ๏ธ Download: Individual download button
- โฐ Results: Details button (red hamburger)
๐ฑ Mobile View (Small Screens)โ
The view simplifies to show:
- Selection checkbox
- File type icon
- File name
- Status of the three processes (Detection, Traceability, Protection)
- Details button (red hamburger)
On small screens, you must enter Details to download the file.
๐ Search and Filtersโ
Search by Nameโ
"Search files" field at the top (outside the filter panel):
- Type the file name or part of it
- The list will filter in real-time
- Clear the text to see all files
๐ป Show/Hide Filters Buttonโ
On all screens (desktop and mobile) you'll see a red button with funnel icon:
- Click to open/close the filter panel
- Shows a bubble with a number indicating active filters
- Allows you to show or hide all filters in a compact way
Available Filtersโ
1๏ธโฃ Formatโ
Filter by file category:
- audio ๐ต
- text ๐
- image ๐ผ๏ธ
- video ๐ฅ
2๏ธโฃ Type (MIME Type)โ
Filter by specific MIME type. Options by format:
Images:
image/pngimage/jpegimage/bpmimage/gif
Audio:
audio/oggaudio/opusaudio/mp4audio/mpegaudio/wavaudio/x-wavaudio/x-m4a
Video:
video/mp4video/mpeg
Text:
text/plainapplication/pdf
3๏ธโฃ Detection, Traceability, and Protection (Process States)โ
Filter by the status of each process (Detection, Traceability, or Protection).
Available states:
- created ๐: File created, process not started
- queued โณ: Waiting in queue for processing
- processing โ๏ธ: Currently processing
- ready โ๏ธ: Ready to be processed or downloaded
- error โ: Error during process
- alert โ ๏ธ: Alert detected during process
- ok โ : Process completed successfully
4๏ธโฃ Created (Creation Date)โ
Filter by date range:
- Start date: Start date (format: DD/MM/YYYY)
- End date: End date (format: DD/MM/YYYY)
- Calendar selector opens when clicked
Filters remain active while you navigate the platform. They are removed when you sign out or when you manually clear them. Be careful not to leave filters active without realizing it.
๐ Sort Filesโ
Click on column headers to sort:
- Type: Alphabetical order by MIME type (ascending/descending)
- Format: Alphabetical order by format (ascending/descending)
- File name: Alphabetical order by name (A-Z / Z-A)
- Created: Chronological order by date (recent first / oldest first)
The โฌ๏ธโฌ๏ธ icon indicates the active column and sort direction.
โ๏ธ Multiple Selectionโ
Select Filesโ
- Check the checkbox next to each file you want
- Use the header checkbox to select/deselect all files on the page
- Selected files will be visually highlighted
๐ง Batch Actionsโ
With selected files, the available actions are activated at the top:
On Desktop:โ
- ๐ ANALYZE FILES: Run detection on selected files
- ๐ TRACE FILES: Run traceability on selected files
- ๐ก๏ธ PROTECT FILES: Run protection on selected files
- ๐๏ธ Delete: Delete selected files
On Mobile:โ
- Same buttons but with icons only (no text)
For PROTECT FILES, you can only protect files of the same type simultaneously. If you select files of different types, the protection action will not be available or will fail.
For ANALYZE and TRACE, you can select files of different types without problem.
๐ Paginationโ
At the bottom of the list:
- Items per page: Selector to change items per page
- Options: 5, 10, 15, 25, 100
- Indicator: Shows "1 - 10 of 13" (example)
- Navigation: Buttons for first page โฎ๏ธ, previous โ๏ธ, next โถ๏ธ, last page โญ๏ธ
๐ด Individual Actionsโ
Each file has three action buttons:
โถ๏ธ Preview Button (Desktop)โ
- Red button with play/arrow icon
- Opens a file preview in a left sidebar panel
- Shows a quick view of the content without entering full details
- Only visible on large screens
โฌ๏ธ Download Buttonโ
- Red button with download icon
- Downloads the file directly to your device
- Visible on desktop; on mobile it's inside Details
โฐ Details Button (Red Hamburger)โ
- Opens the complete detailed file view
- Shows:
- File preview (image, audio/video player, text viewer)
- Detailed results for each process:
- ๐ Detection
- ๐ Traceability
- ๐ก๏ธ Protection
- Download option
- Additional actions depending on file type
๐ Process Statesโ
Each file can have different states for each of the three processes:
| State | Icon | Description |
|---|---|---|
| created | ๐ | File created, process not started |
| queued | โณ | Waiting in queue for processing |
| processing | โ๏ธ | Currently processing |
| ready | โ๏ธ Gray | Ready to be processed or downloaded |
| error | โ Yellow | Error during process |
| alert | โ ๏ธ Orange | Alert or warning detected |
| ok | โ Purple | Process completed successfully |
Click the details button (red hamburger) to see complete information about each state and its specific results.
๐ก Usage Tipsโ
- Clear your filters: Regularly check active filters to ensure you're seeing all your files
- Use search: It's faster to search by name than to navigate through pages
- Sort strategically: Sort by date to see recent files or by name to find specific files
- Efficient selection: Use filters first to reduce the list, then select all with the header checkbox
- Mobile vs Desktop: On mobile, remember you need to enter details to download