Implement UI Popup Explaining Tool + API Token Input

[yunyad]

Task Summary

Currently, when the user clicks the tool button on the toolbar Texera will ask for a file input with no other UI (see screenshot). This can cause confusion for new users of the tool that don’t know what it does as there is no description or explanation of the tool.

Proposed Solution or Design

To improve the user experience, we will change what the user sees when they click the tool button. We will add an informative popup that does multiple things: first, it will include a description of the tool so the user has the right expectation. This will include what the tool does (migrate python notebooks to workflow), how it does it (using LLM), and what the user will have after the tool finishes (a workflow, mapping, and original notebook in a floating panel). In addition to the description, we will also put the file upload here. We can also add a field for the user to provide their own API key for whichever LLM service they are using, such as OpenAI, Gemini, etc.

Priority

P2 – Medium

Task Type

• Code Implementation
• Documentation
• Refactor / Cleanup
• Testing / QA
• DevOps / Deployment

[chenlica]

@yunyad Please improve the subject and add content to the description.