Дизайн веб приложения. Необходимо прорабатывать окно за окном

Для начала необходимо переделать одно окно, затем остальные. Описание функциональности окна:

0 - выбираем файлы для обработки в ChatGPT из загруженных в приложение

далее:

1 - тут выбираем подключённую к приложению интеграцию ChatGPT (выпадающий список с заданными пользователем названиями интеграций)

2 - Здесь записываем наш prompt - какой вопрос задать ChatGPT относительно транскрипции аудиофайла

3 - Каждый аудиофайл может содержать несколько текстовых полей (Tab) - тут выбираем или вручную прописываем то откуда брать текст транскрипции. При выборе источника данных (выбираем из списка имеющихся в выделенных файлах или можем добавить своё) по файлам (карточки файлов ниже) текст надо отобразить (чтобы дать понять пользователю с каким текстом он имеет дело) на вкладке Source

4 - Это название поля (Tab) аудиофайла в которое записать ответ ChatGPT. По умолчанию - данные не сохраняем. Выбираем из списка имеющихся в выделенных файлах или можем добавить своё

5 - вкладка где можно посмотреть текст выбранной в (3) Tab для файла карточки

6 - здесь будет отображаться ответ ChatGPT

7 - карточка файла

8 - в одном модальном окне позволяем пользователю оперировать со всеми выделенными файлами (для каждого создаём отдельную карточку)