[Bug]: File upload does not have an indication of progress

Operating System

macOS

Installation Method

From source (npm run dev / npm run dev:minimal)

Agent Canvas Version

1.10.0

Bug Description

When submitting a prompt that uploads a file, there is an issue.

Steps to Reproduce

Open the agent canvas on a remote machine, and drag-and-drop a large-ish file into the chat box.

Actual Behavior

1. The prompt disappears immediately
2. The file upload box remains as-is
3. The conversation does not start until the file uploads, which could take an arbitrary amount of time for large files

Expected Behavior

When file uploads start (either on prompt submission or file drag-and-drop)

1. As the file or files are uploading, there is a progress indicator showing the current progress of file upload

And when the button is pressed before all files are uploaded:

2. The prompt does not disappear but gets dimmed out

The experience in other apps like ChatGPT could be a good reference for this).

Relevant Logs

Screenshots

No response

Additional Context

A successful PR for this issue will also have a video in its PR description with both the before behavior (reproducing the bug) and after behavior.