How to accept file uploads as input in DevUI workflow?

[dragospadurariu]

HI! I'm trying to create a workflow in the DevUI that accepts file uploads (documents/files) as input, similar to how many applications have drag-and-drop or "attach file" buttons. However, I can't figure out how to configure the input type to support this.

Does the DevUI currently support file uploads as workflow inputs?

Thank you!

[moonbox3]

Hi @dragospadurariu, we're tracking this as part of #1473. Right now agents support the use of files; however, workflows do not.

[dragospadurariu]

Thank you very much @moonbox3 for your reply!

[sayenvv]

can you give a sample python code for devui file upload using agents or any documentation link

[moonbox3]

When you provide agents to the DevUI serve method (as shown in this sample), you will see a button near the bottom where you enter messages to choose a file to upload:

[sayenvv]

But where can we access the uploaded file? In my case, I have an agent that will process a PDF file and extract text, so I need to retrieve the PDF file uploaded through the Dev UI. In the sample, there is nothing related to file upload.Can you please give some clarity

[moonbox3]

DevUI sends files to your agent as DataContent on the incoming ChatMessage. You should see it as part of message.contents.

[sayenvv]

\venv\Lib\site-packages\agent_framework_devui_executor.py:305 - ERROR] Error in agent execution: <class 'agent_framework.azure._chat_client.AzureOpenAIChatClient'> service failed to complete the prompt: Error code: 400 - {'error': {'message': "Missing required parameter: 'messages[2].content[0].file.file_id'.", 'type

getting an error like this

[moonbox3]

@victordibia are you able to help here, please?

[victordibia]

Will look into this.
Just for context, @sayenvv , you are uploading a file in the agent view for DevUI and running into this?