feat: ✨ live update outputs sidebar

[christian-byrne]

Hi Mel, what do you think of something like this? This makes the grid live-update while in output mode.

The code in this PR adds a listener for the 'status' event. In the callback, it fetches the most recent history item and prepends any new outputs to the grid. This is the same implementation as ComfyUI_frontend queue except less demanding since we only need to process 1 history item (most recent) at a time.

mtb-grid-live-update.mp4

The types were converted from apiTypes.ts by ChatGPT.

[what-the-diff]

PR Summary

• New Data Structures for Task related data:

  • We've added a set of new 'typedef' structures to model different types of data related to tasks and their outputs, such as ResultItem, Outputs, TaskOutput, TaskPrompt, HistoryTaskItem, ExecInfo, and StatusWsMessageStatus.
  • Adding these structures helps to organize and handle the data more effectively.

• Improvements to the Sidebar Input/Output section:

  • Our sidebar where users can see input and output data has been updated to use these new structures.
  • New features include functions to convert task results into web links and process data from past tasks.
  • We've also improved how we handle the display of different types of data like audio, images, and animation, including ensuring that we don't duplicate previous prompts by accident.
  • We've added a new function called updateOutputsGrid which fetches and displays new image-based outputs based on past activity.
  • When loading images from web links, the getImgsFromUrls function, has more flexibility, allowing it to adjust how it adds images based on certain options.
  • Lastly, a new feature enables periodic updating of the output grid in response to changes in status, providing users with real-time updates.

[christian-byrne]

PR Summary

• New Data Structures for Task related data:

  • We've added a set of new 'typedef' structures to model different types of data related to tasks and their outputs, such as ResultItem, Outputs, TaskOutput, TaskPrompt, HistoryTaskItem, ExecInfo, and StatusWsMessageStatus.

This bot is awesome 😃