Keystone · Fehonda — обзор интерфейса

Карта окон, переиспользуемых модулей и балунов

Основные окна кабинета в браузерных фреймах. Цветные метки внутри — переиспользуемые визуальные модули (один модуль = один цвет, видно, где он повторяется). Красным помечены балуны/всплывашки. Раскладка — по 4 ролям канона IA v2.

Workspace-вкладки СДЭК-блок (тарифы) Медиа-дропзона Аккордеон Стат-карточки Тулбар таблицы Статус-бейджи Сайдбар + топбар Toast-уведомления Балун / всплывашка
Генеральное направление (владелец): «весь дизайн постепенно → открывающиеся окошки-вкладки». Общее для всех окон: слева сайдбар (4 роли), сверху топбар (магазин · тема · выход), toast-уведомления — единый оверлей, не толкает контент. Ниже они не дублируются на каждом фрейме.
🛎

Приёмка — «продать и принять»

К ОБРАБОТКЕ ⁵ЗАКАЗЫРЕМОНТЫСКЛАД-пул 🔩💻 ремонт💉 заказ
Приёмка · вкладка [К ОБРАБОТКЕ] — единая очередь дел
К ОБРАБОТКЕ ⁵ЗАКАЗЫРЕМОНТЫСКЛАД 🔩
union нового из всех пулов · строка исчезает при переводе статуса (inbox-zero)
🆕 SER0008 · новый заказоткрыть ×
🔧 R-0013 · принят ремонтоткрыть ×
🔩 заявка инженера · термопастаоткрыть ×
WSБейдж-счётчик

Первая закреплённая вкладка. Паттерн union-инбокса (34b5661). Клик → вкладка; статус вперёд → уходит из очереди.

/manager/repairs/new — приёмка ремонта
РЕМОНТЫR-0012 ×Новый ремонт ×+ Новая
ОтменитьСДЭКСоздать ремонт
ВидеокартаНоутбукПК
БрендМодельS/NСтёртСост.
Медиа📎 фото/видео — миниатюры в поле, таймстампы
Аккордеон▸ Клиент · Инженер
🎈 Отправка ремонта (ship-balloon)
WSМедиаАккордеон

Эталон канона: вкладки-черновики, устройство одной строкой, медиа в поле.

/manager/orders/new — новый заказ (order-canon)
ЗАКАЗЫSER0007 ×+ Новая
Отменить🚚 СДЭКСоздать заказ
Поиск товара…1Цена+
Товары · Доставка · Итого
СДЭК-блокТарифы карточками: ПВЗ · курьер · постамат (+ цена/срок)
Аккордеон▸ Клиент · Доставка · Оплата · умная вставка
🎈 Тариф-карточки СДЭК🎈 Поиск клиента/товара (dropdown)
WSСДЭКАккордеон

Тот же скелет, что приёмка. Вместо устройства — позиции. СДЭК-блок общий (_cdek_block).

/manager/orders/ — список заказов
ЗАКАЗЫРЕМОНТЫСКЛАД+
Тулбарплотность · размер · цвет шрифта
№ · Создан · Клиент · Доставка · Сумма · Статус
SER0006 · Частное лицо · СамовывозДоставлен
SER0005 · Басов Д. · СДЭК ПВЗНовый
ТулбарБейджиWS (клик строки → вкладка)

Клик по строке → откроется вкладкой в том же ряду (workspace, этап C).

🔧

Инженеры — «что делать и что нужно»

МОИ РЕМОНТЫЗАЯВКИ
/manager/repairs/ (мои) · канбан
МОИ РЕМОНТЫR-0012 ×
Канбан: Приём → Диагностика → Ремонт → Готово
В работесмена статуса
БейджиWS

Read/claim, без создания. Деньги не показываются.

/manager/part-requests/ — заявки на запчасти 🔩
ЗАЯВКИНовая заявка ×🔩
ОтменитьСоздать заявку
Что нужно / ссылкаКол-во🔗 Ремонт
Медиафото с таймстампами
WS

У инженера — минимум: кнопки-пресеты (ConsumablePreset, один источник с ботом) + поле «ссылка» + коммент, без номера ремонта. Отправил → падает в пул Приёмки (СКЛАД). Полная 🔩-форма — инструмент Приёмки.

🏪

Магазин — «товар и деньги магазина»

АНАЛИТИКАСКЛАДЗАКУПКИ
/manager/analytics/ — аналитика продаж
Стат-карточкиВыручка · Средний чек · Топ-товары
график продаж
Стат-карточкиТулбар
/manager/warehouse/ — склад-каталог
Тулбарплотность · A- A+ · цвет · сброс
Товар · Категория · Остаток · Вход · Цена · Габариты
PTM7950 · Термопастымало
🎈 Балун цвета шрифта🎈 Импорт прайса
ТулбарБейджи

Цены+история, инвентаризация, перемещения, магазины.

/manager/transfers/ · /purchases/ — перемещения и закупки
Накладные · Поставщики · Импорт Fehonda ×104
Перемещения между магазинами
🎈 Магазины (stores-balloon)🎈 Объединить накладные
БейджиТулбар
👔

Директор — «настройки и всё остальное»

СДЭКДЕНЬГИЛЮДИСИСТЕМА
/manager/cdek/ — настройки + ВСЕ отправки
Аккордеон▸ Магазин: ПВЗ отправления · реквизиты · сборы
СДЭКТаблица всех отправок · статус накладной · печать этикетки
🎈 Статус накладной (HTMX)
СДЭКАккордеонБейджи

Единственное место с кнопкой создания накладной и обзором всех отправок.

/manager/salary/ · analytics — деньги, ЗП
Стат-карточкиЭкономика · ЗП менеджеров + инженеров
Стат-карточкиБейджи
люди / система: клиенты · устройства · пресеты · БД · Тестерам
Клиенты · Устройства · Типы · Инвайты
Пресеты ТГ-бота · БД · Управление · Тестерам
🎈 Профиль/пароль (topbar)🎈 Балун тем
ЧромБейджи

Переиспользуемые визуальные модули

МодульФайлГде переиспользуетсяСтатус
Workspace-вкладкиstatic/js/mgr-workspace.jsПриёмка (есть) → Заказы, Инженеры, списки (клик строки → вкладка)✅ этап A на TEST
СДЭК-блок (тарифы)components/_cdek_block.html + order-cdek-preview.jsНовый заказ · отправка ремонта · order-canon✅ вынесен (TEST)
Медиа-дропзонав repair_form (→ компонент)Приёмка · заявка на запчасти · (заказ)🔜 вынести в компонент
Аккордеон<details>Клиент·Инженер (приёмка) · Клиент·Доставка·Оплата (заказ) · Магазины (СДЭК-настройки)✅ используется
Стат-карточкиcomponents/ui/_stat_card.htmlАналитика · ЗП · экономика
Тулбар таблицы_table_density.htmlЗаказы · склад · галерея (плотность/шрифт/цвет)✅ на проде
Статус-бейджи_badge / _status_badge / _order_status_badge / _delta_badge / _part_request_statusСписки заказов/ремонтов/заявок/перемещений✅ (5 вариаций — кандидат на унификацию)
Сайдбар + топбар_nav_sidebar / _nav_topbarВсе окна кабинета🔜 сайдбар → 4 роли
Toast-уведомленияcomponents/_toasts.htmlГлобально (одна точка рендера)✅ на проде

Балуны и всплывашки — где какие

БалунГдеНазначение
Отправка ремонта (ship-balloon)Приёмка ремонтаФИО/телефон/город/ценность → создать накладную
Тариф-карточки СДЭКНовый заказ · отправка ремонта · order-canonгород → карточки тарифов (ПВЗ/курьер/постамат) → итог
Статус накладной (HTMX)Карточка заказа · СДЭК-разделсоздание/повтор/печать этикетки, поллинг статуса
Пикер ремонта (🔗)Заявка на запчастиввести R-№ или выбрать из последних → привязка
Поиск клиента/товара (dropdown)Заказ · приёмка · умная вставкаподсказки из базы, разложить по полям
Магазины (stores-balloon)Перемещениясписок/настройка магазинов
Объединить накладныеЗакупкиконсолидация нескольких накладных
Балун тем / цвета шрифтаТопбар · тулбар таблицывыбор темы, цвета шрифта таблицы
Профиль / парольТопбаркарточка сотрудника, смена пароля
Цель канона: один СДЭК-модуль (тарифы+статус) вместо разрозненных вставок; один ряд workspace-вкладок на всё создание; балуны — по назначению, без дублей. Зелёным на карте — уже сделано, 🔜 — в очереди.