[Feat]: Design Frontend UI for Loading Screen During Workspace Query Processing
yatendra2001 opened this issue · comments
Is your feature request related to a problem?
When a user submits a @workspace query, there is no visual feedback indicating the steps the system is taking to process the query.
Describe the solution that you'd like
Create a frontend UI for the loading screen that appears when a @workspace query is provided. The screen should have three sections: "Accessing work structure(it can take a while in first time)," "Fetching most relevant files," and "Creating a result for you". Each section should visually indicate when it is in progress and when it has been completed.
Describe alternatives that you have considered
An alternative could be to use a simple progress bar, but a detailed step-by-step UI provides better transparency about the process.
Additional Information
Take inspiration from GitHub Copilot's UI for designing the loading screen, ensuring it aligns with the visual language of VSCode and provides a clear, informative user experience.
copilot.mov
Acceptance Criteria
- The loading screen is displayed when a @workspace query is processing.
- The screen has three distinct sections for each step of the process.
- Each section has visual indicators for in-progress and completed states.
- The design is consistent with VSCode's theme and GitHub Copilot's UI aesthetics.
Hi @yatendra2001 would like to take up the task
Sure @wadhia-yash assigned.
issue resolved by #170