# Свод финансовых отчетов дочерних компаний Собери СТАТИЧНЫЙ макет всего процесса: кликабельные экраны без серверной логики, наполненные правдоподобными примерами. Без пометок «макет», «демо» и «демонстрационная версия» на экране. Это ИНТЕРФЕЙС решения, а не паспорт в виде сайта: первым открывается главный рабочий экран сотрудника (то, с чем он работает каждый день), дальше — экраны остальных шагов процесса. Таблицы, списки и графики сразу заполнены примерами (8–15 строк), пустых состояний «ничего не найдено» при открытии быть не должно. Сведения паспорта (предпосылки, эффект, риски) — одной последней вкладкой «О решении», не первой. # ТЗ НА ИНТЕРФЕЙС ## Что собираем Автоматизировать сбор и сведение финансовых отчетов 15 дочерних компаний в единую таблицу с контролем качества ## Кто пользуется - Сводящий: загружает файлы, инициирует обработку, проверяет и подтверждает итоговую таблицу - Руководство: просматривает дашборд и использует чат-бот для контроля показателей ## Экраны (первым открывается первый) ### 1. Загрузка отчетов Прием исходных файлов от дочерних компаний На экране: - Список загруженных Excel-файлов (15 компаний) - Статус обработки каждого файла (Ожидает, Обработка, Готово) - Индикатор соответствия шаблона (Разные шаблоны) Действия: - Загрузить файлы из почты - Запустить поиск показателей - Удалить файл ### 2. Сводная таблица (Редактирование) Визуализация собранных данных и ручная корректировка На экране: - Единая сводная таблица (Компания, Показатель, Значение, Источник) - Выделение ячеек, где ИИ не уверен в соответствиях - Журнал действий ИИ (что было найдено и как) Действия: - Редактировать значение вручную - Подтвердить соответствие показателя - Вернуть в ручной режим - Сохранить изменения ### 3. Проверка и утверждение Финальная верификация данных перед выдачей На экране: - Сводная таблица (финальная версия) - Результаты выборочной сверки с ручным вводом - Статус готовности к выдаче Действия: - Подтвердить итоговую таблицу - Скачать единый Excel-файл - Отправить на доработку ### 4. Дашборд руководства Контроль показателей и общая метрика На экране: - Веб-дашборд с ключевыми показателями - Общая метрика по всем компаниям - Чат-бот для ответов на вопросы Действия: - Просмотреть показатели - Запросить информацию в чат-боте ## Данные - Финансовый отчет: ID файла, Название компании, Дата отправки, Формат (Excel), Статус обработки - Показатель: Название показателя (исходное), Название показателя (стандартизированное), Значение, Единица измерения, Источник (файл/ячейка) - Сводная запись: Компания, Показатель, Значение, Статус проверки (ИИ/Ручной), Дата обновления ## Путь сотрудника - Сводящий загружает файлы из почты на экран 'Загрузка отчетов' - Сводящий запускает обработку, ИИ находит показатели и заполняет 'Сводную таблицу' - Сводящий переходит на 'Сводную таблицу', проверяет выделенные ячейки и корректирует данные - Сводящий переходит на 'Проверку и утверждение', сверяет выборочно и подтверждает итог - Руководство просматривает 'Дашборд руководства' и общается с чат-ботом ## Что делает ИИ - На экране 'Загрузка отчетов': ИИ скачивает файлы и запускает процесс - На экране 'Сводная таблица': ИИ ищет соответствующие показатели в разных шаблонах и вставляет данные в единую таблицу - На экране 'Дашборд руководства': Чат-бот отвечает на вопросы пользователей ## Что проверяет и решает человек - Сводящий проверяет итоговую таблицу на экране 'Сводная таблица' - Сводящий проводит выборочную сверку с данными, вводимыми вручную, на экране 'Проверка и утверждение' - Сводящий принимает решение об утверждении или возврате в ручной режим # КОНТЕКСТ (для понимания процесса; на экраны целиком не выносить) # ПАСПОРТ ИИ-РЕШЕНИЯ | Поле | Значение | |---|---| | Наименование | Свод финансовых отчетов дочерних компаний | | Исполнитель | владелец процесса – сборка на платформе Vibe AI | | Пользователь | Сводящий, Руководство | | Дата внедрения | – | ## 1. Предпосылки - 15 дочерних компаний ежемесячно отправляют отчеты по почте - Главная компания должна получать и обрабатывать эти отчеты ## 2. Входные данные и источники - Финансовые отчеты и показатели компаний в формате Excel - Разные шаблоны и терминология показателей у 15 компаний ## 3. Процессы для внедрения ИИ - Поиск соответствующих показателей в файлах с разными шаблонами - Сбор данных в единую сводную таблицу ## 4. Шаги процесса - Дочерние компании отправляют финансовые отчеты по почте - Сводящий скачивает файлы из почты - Сводящий открывает файлы и находит нужные показатели - Сводящий вставляет данные в единую сводную таблицу - Сводящий проверяет итоговую таблицу - Руководство использует сводную таблицу, чат-бот и дашборд для контроля ## 5. Результат - Единый сводящий Excel-файл - Чат-бот для ответов на вопросы пользователей и руководителей - Веб-дашборд с показателями и общей метрикой ## 6. Ожидаемый эффект - Сокращение времени на сведение отчетов - Устранение ручных ошибок - Ускорение принятия решений руководством ## 7. Экономический эффект - Сокращение времени на 4 часа в месяц (оценка Төре) ## 8. Контроль и риски - Проверку итоговой таблицы проводит сводящий - Сверка проводится выборочно с данными, вводимыми вручную ## 9. Меры по снижению - Проверка результата человеком перед использованием. - Журнал действий ИИ и возможность вернуть ручной режим. ## 10. Формат реализации - Веб-интерфейс на Vibe AI + ИИ-агент на платформе Alem для работы с текстами и документами. - Экраны макета: Загрузка отчетов; Сводная таблица (Редактирование); Проверка и утверждение; Дашборд руководства. Схема процесса (mermaid): flowchart TD S0["Дочерние компании отправляют финансовые отчеты по почте"] S1["Сводящий скачивает файлы из почты · ИИ"] S0 --> S1 S2["Сводящий открывает файлы и находит нужные показатели · ИИ"] S1 --> S2 S3["Сводящий вставляет данные в единую сводную таблицу · ИИ"] S2 --> S3 S4["Сводящий проверяет итоговую таблицу"] S3 --> S4 S5["Руководство использует сводную таблицу, чат-бот и дашборд для контроля"] S4 --> S5 ## Объём работы Собирай ровно то, что написано в задании. Не добавляй лишние разделы, журналы и настройки. Для статичной страницы достаточно index.html. Если запрошен статичный макет, не добавляй серверную часть на этом этапе. Если задача требует общего хранения, настоящей регистрации или рабочего приложения, реализуй серверную часть и базу данных средствами Vibe AI. Создай необходимые файлы, таблицы и обработчики, даже если владелец не перечислил их отдельно. Не подменяй общее хранение localStorage или демонстрационным списком. Собственная база приложения не требует интеграции с системами КТ и отдельного утверждения дизайна в экспрессе. При доработке существующего проекта это правило заменяет прежнее ограничение одним HTML-файлом. Проверь сохранение записи, чтение из другой сессии, обработку ошибок и ограничения доступа. Личные данные доступны только уполномоченному пользователю, секреты не попадают в браузерный код. Не придумывай доступы или готовые интеграции. Если публикация серверной части недоступна, укажи конкретную причину и не объявляй функцию работающей. Закончив, опубликуй приложение и сообщи фактический адрес и результаты проверки; сохраняй прежний адрес, если платформа это позволяет. ## Имена файлов Если серверная часть не нужна, скрипт интерфейса называй script.js, стили — style.css. Не создавай в корне проекта файлы app.js, main.js, index.js, server.js, bot.js, app.py, main.py, server.py и package.json со scripts.start: платформа примет проект за серверное приложение и не опубликует статичный сайт. Эти имена — только для настоящего сервера. ## Дизайн — дизайн-система KT AI Весь интерфейс собирай на дизайн-системе KT AI, которая уже лежит в папке проекта `design-system/`. Перед первой строкой вёрстки прочитай `design.md` и `design-system/AGENTS.md` и следуй им. Подключай файлы ДС относительными путями и в этом порядке: `./design-system/kt-ai-fonts.css`, `./design-system/kt-ai-tokens.css`, `./design-system/kt-ai-components.css`, `./design-system/kt-ai-page.css`. Тема по умолчанию — светлая: ``; не ставь `dark` и не ставь `auto` (auto уходит в тёмную по системной теме). `lang` — язык интерфейса из задания: казахский — `kk`, английский — `en`, иначе `ru`. Переключатель темы можно оставить, но открываться страница должна светлой. Цвета, отступы и размеры — только токенами `var(--kt-ai-…)`, иконки — из `design-system/icons/kt-ai-lucide-sprite.svg`. Плашки показателей — `.kt-ai-kpi` (`.value`, `.label`, `.hint`) в полосе `.kt-ai-kpi-strip`; таблицы — по правилам ДС (frameless, `.kt-ai-table-wrap`, числа вправо, `tabular-nums`); графики — чистый SVG/div высотой 190–220px, столбцы 20–28px с радиусом 2px, цвета только `var(--kt-ai-chart-blue|green|orange|pink|red|salmon)`, подсказки значений — `data-kt-tip` + `./design-system/kt-ai-chart-tip.js`. Имена токенов не выдумывай — только существующие в `design-system/kt-ai-tokens.css`: --kt-ai-fg / -fg-muted / -fg-faint, --kt-ai-bg / -bg-soft, --kt-ai-card-bg / -card-border, --kt-ai-border / -border-strong, --kt-ai-primary, --kt-ai-radius-xl / -3xl, --kt-ai-font-sans / -mono, --kt-ai-chart-blue / -green / -orange / -pink / -red / -salmon, --kt-ai-status-ok-fg / -warn-fg / -risk-fg. Несуществующий токен (`--kt-ai-text-primary`, `--kt-ai-bg-surface`, `--kt-ai-font-family`) молча не применится — страница выйдет в Times New Roman без рамок. Классы ДС (`.kt-ai-kpi`, `.kt-ai-card`, `.kt-ai-table`, `.kt-ai-btn`, `.kt-ai-chip`, `.kt-ai-input`) в своём `