Skip to content

Video source upload UI part#6981

Merged
jpggvilaca merged 13 commits into
developfrom
jvilaca/video-source-upload-ui
Jul 7, 2026
Merged

Video source upload UI part#6981
jpggvilaca merged 13 commits into
developfrom
jvilaca/video-source-upload-ui

Conversation

@jpggvilaca

@jpggvilaca jpggvilaca commented Jul 6, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Update video source to handle not only file path but also uploading a file
  • Experience is now the same for tauri and web app
Screenshot 2026-07-07 at 09 41 48 Screenshot 2026-07-07 at 09 41 41 Screenshot 2026-07-07 at 09 41 37

Follow up scenarios to tackle (requires backend)

  • Add progress to the POST endpoint , this will replace the 3 flashing dots and show a progress bar (nice-to-have)

Closes #6931

How to test

Checklist

  • The PR title and description are clear and descriptive
  • I have manually tested the changes
  • All changes are covered by automated tests
  • All related issues are linked to this PR (if applicable)
  • Documentation has been updated (if applicable)

@jpggvilaca jpggvilaca requested a review from a team as a code owner July 6, 2026 12:29
Copilot AI review requested due to automatic review settings July 6, 2026 12:29
@jpggvilaca jpggvilaca added the Geti UI Issues related to Geti application frontend label Jul 6, 2026
@github-actions

github-actions Bot commented Jul 6, 2026

Copy link
Copy Markdown

⏱️ Backend import time — app.main

Accelerator Cumulative (s) Self (s)
cpu 4.703 0.003
xpu 4.373 0.003
cuda 4.840 0.003

@github-actions

github-actions Bot commented Jul 6, 2026

Copy link
Copy Markdown

🐳 Docker image sizes

Device Size
xpu 10791.5 MB (10.54 GB)
cuda 10198.1 MB (9.96 GB)
cpu 4002.9 MB (3.91 GB)

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates the inference “Video file” source configuration UI to support uploading a video file (in addition to manually entering a file path), aligning behavior across Web and Tauri by removing the Tauri-specific component.

Changes:

  • Add upload UX and status indicators (pending/success/error) to the Video File source form.
  • Introduce a new useUploadSourceMedia mutation hook and add unit tests for the new upload flow.
  • Refactor dataset gallery upload button to use FileTrigger, centralizing accepted extensions in shared utils.

Reviewed changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
application/ui/src/features/inference/sources/video-file/video-file.module.scss Adds styling for upload status icons and error alignment.
application/ui/src/features/inference/sources/video-file/video-file.component.tsx Implements upload support + inline status UI for video sources.
application/ui/src/features/inference/sources/video-file/video-file.component.test.tsx Adds unit tests covering path entry, upload success, and upload failure UI.
application/ui/src/features/inference/sources/video-file/video-file.component.tauri.tsx Removes the Tauri-only implementation in favor of a unified component.
application/ui/src/features/inference/sources/hooks/use-source-mutation.hook.tsx Adds useUploadSourceMedia mutation for uploading source media.
application/ui/src/features/dataset/gallery/utils.ts Exposes accepted extensions strings for reuse by upload controls.
application/ui/src/features/dataset/gallery/toolbar/toolbar.component.test.tsx Updates tests to target the new upload input test id.
application/ui/src/features/dataset/gallery/toolbar/add-media-button/add-media-button.component.tsx Switches upload button implementation to FileTrigger.
application/ui/src/features/dataset/gallery/toolbar/add-media-button/add-media-button.component.test.tsx Updates tests to align with the FileTrigger-based implementation.

Comment thread application/ui/src/features/inference/sources/video-file/video-file.component.tsx Outdated
@github-actions github-actions Bot added the TEST Any changes in tests label Jul 6, 2026
@github-actions

github-actions Bot commented Jul 6, 2026

Copy link
Copy Markdown

📊 Test coverage report

Metric Coverage
Lines 60.0%
Functions 56.7%
Branches 51.5%
Statements 59.6%

Comment thread application/ui/src/features/inference/sources/video-file/video-file.component.tsx Outdated
Comment thread application/ui/src/features/inference/sources/video-file/video-file.component.tsx Outdated
Comment thread application/ui/src/features/inference/sources/video-file/video-file.component.tsx Outdated
Comment thread application/ui/src/features/inference/sources/video-file/video-file.component.tsx Outdated
Comment thread application/ui/src/features/inference/sources/video-file/video-file.component.tsx Outdated
Comment thread application/ui/src/features/inference/sources/video-file/utils.ts Outdated
it('awaits prepareFormData and lets bodyFormatter read its mutations to the FormData', async () => {
const prepareFormData = async (formData: FormData) => {
await Promise.resolve();
formData.set('images_folder_path', '/mutated/by/prepare');

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

np. video_path

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

doesnt matter here. Im just reusing the mockConfig which uses that sourceConfig. This just tests the mutations from this util, which should work for any source type

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah but we don't support images_folder_path at all now.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

that is true, ill update it on my next one to avoid running the CI again

@jpggvilaca jpggvilaca added this pull request to the merge queue Jul 7, 2026
Merged via the queue into develop with commit 6564ec3 Jul 7, 2026
37 checks passed
@jpggvilaca jpggvilaca deleted the jvilaca/video-source-upload-ui branch July 7, 2026 15:39
@jpggvilaca jpggvilaca mentioned this pull request Jul 8, 2026
5 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Geti UI Issues related to Geti application frontend TEST Any changes in tests

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Allow user to upload video to be used as an inference source

3 participants