# Graphite 2.1 — концепция для Figma

Версия для просмотра v8.1 · 09.10.2026

## Направление
Графитовая основа с лавовым акцентом. Рабочие значения: светлая тема #C9472B, тёмная тема #FF704B; точный брендовый оттенок уточняется у клиента.
Рабочая поверхность для чтения архитектуры и рисков кода: нейтральная графитовая основа и лавовый акцент для навигации и действий, а состояние защиты передаётся подписью и формой знака, не одним цветом. Карточка флага открывается поверх конфигурации с сохранением контекста.

## Импорт
Перетащите SVG-файлы в Figma или используйте File → Place image. Каждый файл — отдельный векторный кадр с собственным размером. Имена файлов содержат экран, тему и ширину. Токены — в `tokens.json`.

## Состав
- Э1 Вход: корпоративная и личная редакции, отказ, блокировка, загрузка, пустые поля и незашифрованное соединение
- Э2 Второй шаг входа: одноразовый и резервный код, неверный/использованный код и ограничение попыток
- Э3 Активация: корпоративная ссылка и 8-значный код, личное приглашение/существующая учётка, пароль и отказные состояния
- Э4 Настройка второго фактора: приложение-аутентификатор, проверка кода, 10 кодов восстановления и обязательная отметка о сохранении
- Э5 Сброс пароля по ссылке: общий отказный текст, корпоративный код и отдельный личный сброс второго фактора
- Э6 Согласие ИИ-клиента: адрес получателя ответа, права чтения и поиск, второй фактор и отсутствующий запрос
- Э7 Браузер устарел: статическая страница без JS, отдельно для корпоративной и личной редакций
- Э8 Служебные состояния: отсутствующая страница/проект, ошибка, связь, локальный запуск и повторно использованная ссылка
- Э9 Все проекты: системы, индекс, язык, размер, роль, полный счётчик и локальные/пустые/ошибочные состояния
- Э10 Новый проект: git-создание, проверки адреса и slug, токен приватного репозитория, личная выгрузка и локальная команда
- Э11 Обзор проекта
- Э12 Обзор системы: доступные проекты, агрегация конфигурации и флагов, уровни доступа и системные состояния
- Э13 Граф проекта: шесть видов, статусы защиты словами, легенда, связи и табличная замена; состояния индекса/ошибок
- Э14 Карточка узла: инспектор с сохранением графа, происхождение прав, состояния исходника и разделы 0/15/300
- Э15 Маршруты и права: статусы, источники, тестовые маршруты и 11 отдельных причин пустого списка
- Э16 Поиск: префиксы, лимит 200, первые 50, страницы по 20, выдача по всем проектам и пустые/ошибочные состояния
- Э17 Запросы к коду: вызовы, сравнение снимков, лимиты аргумента/выдачи, ошибки, неготовый индекс и постраничные результаты
- Э18 Просмотр кода: фрагменты по 120 строк, путь/строка, переход к графу и ошибки источника
- Э19 Переменные окружения: значения по роли, маски, сбой аудита, фильтры и пустые/индексные состояния
- Э20 Карточка переменной: значения по файлам, образец/код, тесты, вычисление, имена секретов и аудит
- Э21 Файлы конфигурации: форматы, частичный разбор, исключения размера/секретов, пустой индекс и ошибки
- Э22 Просмотр файла: постраничный безопасный просмотр, ключи/переменные и постоянное скрытие таргетинга
- Э23 Флаги: отчёты, фильтры и состояния библиотеки/индекса/языкового модуля
- Э24 Карточка флага: расхождения, определения, стратегии, списки по праву, аудит и лимиты
- Э25 Конфигурация системы: только доступные проекты, раскрытие ключей и права значений в каждом проекте
- Э26 Подключение к ИИ-клиенту: OAuth, токен по подтверждению, конфигурация MCP и проверка связи
- Э27 Подключение нескольких проектов: поиск и выбор до 10, отдельные токены и экспорт переменных среды
- Э28 Токены проекта: выпуск, одноразовое значение, отзыв с подтверждением, пусто/ошибка и ограничения ролей
- Э29 Участники проекта: люди/команды, источники ролей, последний Владелец, самодобавление Администратора и приглашения
- Э30 Настройки проекта: просмотр Читателя, форма Редактора, действия Владельца, успешное сохранение и ошибки
- Э31 Безопасность учётной записи: сессии, пароль, второй фактор, восстановление и OAuth
- Э32 Внешний вид: тема, движение, плотность, начало работы и сохранённые виды
- Э33 Пользователи сервера: жизненные статусы, роли и фильтры; Аудитор с блокировкой; подтверждения отключения/обезличивания и запреты собственных действий; в мобильных карточках срок, привязка и руководитель
- Э34 Создание и карточка учётной записи: 10 состояний создания и 17 состояний карточки; активация, ошибки привязки, одноразовые ссылка и код, роль значений с выдачей/снятием, ограничения привилегированного сброса и последнего Аудитора
- Э35 Приглашения личной редакции: пусто, 5 и 30 строк, ошибки, одноразовая ссылка на 72 часа, создание и отзыв нужного получателя
- Э36 Команды и «Моя команда»: Администратор и Лид, состав и проекты, создание команды, добавление существующей учётки и предупреждение Владельцев при смене состава
- Э37 Карта доступа: пять срезов, роли Администратора/Аудитора/Владельца, причины эффективных прав, экспорт с разрешением и состояния
- Э38 Особые права: очередь по ролям, запросы и валидация, решения Аудитора с паролем/комментарием, запреты автора/получателя, действующие права, история, отзыв/приостановление/возобновление и режим одного оператора
- Э39 Пересмотр доступа: квартальная кампания, решения по пунктам и отчёт
- Э40 Сети сервера: разрешённые диапазоны и сети Администраторов в обеих редакциях
- Э41 Аудит: журнал событий, контроль целостности, контрольная точка и внешняя передача
- Э42 Проекты и системы: лимит файла на проект и редактирование систем по редакции
- Э43 Компоненты сервера: версии и доступность из сборки, предпросмотр эффекта, подтверждение переключения и ошибка устаревшей настройки
- Э44 Языки: расширения, вид разбора, извлекаемые данные и состояния выключенного модуля, переиндексации и ошибки
- Э45 Библиотеки флагов: кандидаты, основания уверенности, примеры кода, найденные ключи, проверка и подтверждение правила
- Э46 Переход к двум людям: условия, изменение ролей и прав, необратимость и независимая сверка контрольной точки
- Г1–Г14 Общие компоненты: каркас, поиск, полосы режима, доступ к данным, обратная связь, таблицы, карточки, аудит
- Адаптивные кадры 800/320 px: граф/список, инспектор, флаги, карточка флага, карта доступа и аудит
- С1 Кто вызывает функцию: 4 последовательных шага от клавиатурной палитры до выделяемой строки исходника
- С2 Публичные маршруты без проверки: переход с обзора к активному фильтру, цепочка доступа и явные причины нераспознанных данных
- С3 Флаг с проблемой: сигнал в обзоре, карточка с расхождениями, строка исходника и список с фильтром
- С4 Значения переменных: показ по роли с аудитом, маска без роли и закрытие значения при сбое аудита
- С5 Списки раскатки: запрос владельца на 30 дней, решение Аудитора с паролем и комментарием, аудитированный показ
- С6 Флаг в системе: расхождение типов по проектам и ветка без доступа
- С7 Переключение проекта: клавиатурный выбор проекта с сохранением раздела
- С8 Учётная запись: создание, одноразовые секреты, активация сотрудником и подтверждение Администратором
- С9 Аудит: проверка целостности цепочки и принятие контрольной точки
- С10 Квартальный пересмотр: решения владельца по пунктам и закрытие кампании Аудитором
- С11 Переход к двум людям: переподтверждение прав за 14 дней и приостановленное право на персональные данные
- С12 Участники: поиск учётки или команды либо одноразовое приглашение на 72 часа; защита последнего Владельца
- С13 ИИ-клиент: выбор клиента, OAuth-согласие, конфигурационный фрагмент и проверка вызова
- С14 Библиотека флагов: подсказка, анализ кандидата, подтверждение паролем и переиндексация
- С15 Пустой граф: причина выключенного адаптера, настройки и переиндексация до появления маршрутов
- С16 Подтверждение и сессия: пароль/код для опасного действия и возврат на ту же страницу после входа
- С17 Запрос к коду: вызывающие, исходник, сравнение снимков, ссылка на результат и обрезанный ответ
- С18 Устаревший браузер: минимум Chromium 114, подходящие браузеры и контакт Администратора
- Светлая/тёмная темы; 1440 и 390 px. Для Э37 приложены мобильные светлая/тёмная версии и состояния трёх ролей.

## Объём и статус покрытия

Собрано 1955 SVG: 1598 кадров экранов Э1–Э46, 328 кадров сценариев С1–С18, 24 адаптивных примера 800/320 px и 5 листов компонентов/фирменного знака. Комплект включает 84 HTML-превью и главную галерею. Основные варианты экранов представлены в светлой и тёмной темах, на ширине 1440 и 390 px.

Это версия для просмотра и согласования. Наличие файла для каждого номера экрана не означает полного покрытия всех требований или приёмки. Сверка каждого состояния, роли и редакции с разделом 5 ТЗ ещё нужна; адаптивный проход 800/320 px пока представлен отдельными примерами.

## Свежие изменения · 09.10.2026

| Экран | Состояния | SVG | Что обновлено |
|---|---:|---:|---|
| Э33 Пользователи | 13 | 52 | Роли, фильтры, жизненный цикл, служебная учётка только в корпоративной редакции; мобильная строка со сроком, привязкой и руководителем |
| Э34 Создание и карточка | 10 + 17 | 108 | Одноразовые ссылка/код, активация, ошибки привязки, роль значений и её снятие, отказ сброса без второго Администратора, защита последнего Аудитора |
| Э35 Приглашения | 9 | 36 | Объёмы 0/5/30, состояние отзыва правильного получателя, исправленная высота мобильных пустых/ошибочных кадров |
| Э36 Команды | 8 | 32 | Ролевое меню Администратора/Лида, состав, проекты и уведомление Владельцев |
| Э38 Особые права | 33 | 132 | Ролевые очереди, проверка полей и получателя, решения, сроки, приостановление/возобновление и самопроверка оператора |

У Э34 в галерее отдельные входы в создание и карточку. Полный каталог Э1–Э46, компоненты, знак и сценарии сохранены.

## Ограничения версии

- Личная редакция Э34 отдельно не зафиксирована: обязательность срока, руководителя и привязки, а также создание учёток Лидом зависят от ответа на вопрос 18. Текущие формы Э34 показывают корпоративные правила.
- Точные консольные команды восстановления Аудитора, активации и привилегированного сброса не заданы в исходном ТЗ. В соответствующих состояниях используется выделяемый placeholder «команда из подсказки сервера» с действием копирования; команду нужно заменить серверной подсказкой при реализации.
- SVG импортируются в Figma как векторные материалы. Нативные Figma-компоненты, Auto Layout, связи прототипа и финальная библиотека компонентов в комплекте ещё не собраны.
- HTML-превью показывают подготовленные варианты состояния, темы и ширины. Они не подключены к продуктовым данным и не воспроизводят работу сервера.
- Финальный брендовый оттенок лавы и приёмка экранов остаются на согласовании.

## Синтетические данные
Имена и логины приведены к синтетическим идентификаторам приложения А (`user-77700000N`); домены в демонстрационных адресах заменены на зарезервированный `example.com`. Допустимые проекты, команды и ключи флагов взяты из приложения А. Часть значений, состояний и примеров кода остаётся условной и требует сверки.
## Принятые трактовки
- В заголовке показана роль «Владелец» для user-777000001, как в приложении А.
- Состояния защиты маршрута кодируются словом, формой и цветом; флаг имеет нейтральную форму-ромб.
- Э24 показан как выезжающая панель на широком экране и как полноэкранная карточка на телефоне, чтобы сохранить контекст без горизонтальной прокрутки.
- Это концепция экранов и базовый слой дизайн-системы, не полный набор состояний и не финальная компонентная библиотека.
- Бренд пишется GRAPHITE одним словом. Лавовый акцент выделяет буквы IT; вариант GRAF-IT не использовать.
- Добавлен лист graphite-design-system-foundation.svg: базовые токены, Inter type ramp, состояния кнопок и полей, уровни проблем и две плотности таблиц в светлой и тёмной темах.
- Добавлен лист graphite-global-components.svg: каркас проекта, переключатель проектов, палитра команд, полосы режима и связи, подтверждение личности, маска значений и контекстные подробности в двух темах.
- Логотип в интерфейсе обновлён по комментариям клиента: в GRAPHITE лавовым выделены буквы IT в обеих темах.
- Обновлён знак по комментариям клиента: боковые маркеры стоят на внешней орбите, четыре внутренних — симметрично по диагоналям; прямые направляющие в знак не включены.
- Добавлен cosmic-map-review.svg — презентационный лист обновлённой идеи знака с четырёхлучевой звездой.
- Добавлены варианты Э14 для светлой и тёмной тем, десктопа и телефона; подробности узла сохраняют выбранный узел и путь назад к графу.
- Добавлены варианты Э15 для светлой и тёмной тем, десктопа и телефона; переключатель тестовых маршрутов по умолчанию выключен, список показывает статусы словами и нераспознанное с причиной.
- Добавлены варианты Э16 для светлой и тёмной тем, десктопа и телефона; показаны синтаксис префиксов, фильтры со счётчиками, лимит первых 50 и страницы по 20.
- Добавлены варианты Э17 для светлой и тёмной тем, десктопа и телефона; основной сценарий «Кто вызывает» показывает глубину, надёжные и именные связи, тестовые вызовы в конце, сводку и переходы в код/граф.
- Добавлены варианты Э18 для светлой и тёмной тем, десктопа и телефона; подсвечена строка 128, показаны порции по 120 строк, копирование пути, переход на граф и ограничение локального редактора.
- Добавлены варианты Э19 для светлой и тёмной тем, десктопа и телефона; таблица ставит значение сразу после имени и показывает ролевую маску, чтения, образец, источники, зависимые маршруты и аудит показа.
- Добавлены варианты Э20 для светлой и тёмной тем, десктопа и телефона; карточка сохраняет контекст списка и показывает ролевую маску, файлы-источники, конфигурационные связи, чтения и тесты в конце, первые маршруты и аудит копирования.
- Добавлены варианты Э21 для светлой и тёмной тем, десктопа и телефона; список показывает тип, роль, ключи, переменные и ссылки, размер и полноту разбора; причины незагруженных файлов раскрыты.
- Добавлены варианты Э22 для светлой и тёмной тем, десктопа и телефона; показаны безопасное содержимое файла, ссылки от ключей к переменным, маскированные значения, порции по 120 строк и неизменное сокрытие таргетинга флагов.
- Добавлены варианты Э25 для светлой и тёмной тем, десктопа и телефона; общая переменная раскрывается по проектам, права и значения проверяются отдельно, недоступные проекты не раскрываются.
- Добавлены варианты Э26 для светлой и тёмной тем, десктопа и телефона; в личной редакции доступны OAuth и токен, показана MCP-конфигурация, проверка токенов и ссылка на подключение нескольких проектов.
- Добавлены варианты Э27 для светлой и тёмной тем, десктопа и телефона; поиск доступных проектов, выбор до 10, отдельные токены с индивидуальным копированием и экспортом для оболочки.
- Добавлены варианты Э28 для светлой и тёмной тем, десктопа и телефона; видны read/export разделы по роли, метаданные токенов, сроки, создание и одноразовая выдача синтетического значения.
- Добавлены варианты Э29 для светлой и тёмной тем, десктопа и телефона; показаны люди и команда, источник роли, более сильное прямое назначение, доступ по цепочке и особые права.
- Добавлены варианты Э30 для светлой и тёмной тем, десктопа и телефона; одна форма охватывает источник проекта, видимость, адаптеры, лимиты, правила с ошибками, личный вебхук и подтверждение удаления.
- Добавлены варианты Э31 для светлой и тёмной тем, десктопа и телефона; личная редакция включает сессии, смену пароля, второй фактор, коды восстановления и отзыв OAuth-доступов.
- Добавлены варианты Э32 для светлой и тёмной тем, десктопа и телефона; настройки браузера применяются сразу, сброс сохранённых видов доступен только при их наличии.
- Добавлены варианты Э33 для светлой и тёмной тем, десктопа и телефона; статус разделён на жизненные состояния, показаны команда, служебная и аварийная учётки и правило двух Администраторов.
- Э34 пересобран в 108 кадров: создание и карточка с ограничениями активации, сброса и ролей; отдельные HTML-превью для каждого процесса.
- Добавлены варианты Э35 для светлой и тёмной тем, десктопа и телефона; личная редакция создаёт приглашение на 72 часа и позволяет отозвать ожидающее приглашение.
- Добавлены варианты Э36 для светлой и тёмной тем, десктопа и телефона; лидер видит свою команду, её проекты и роль, а изменение состава заранее называет уведомляемого владельца.
- Добавлены варианты Э38 для светлой и тёмной тем, десктопа и телефона; Аудитор рассматривает обоснование, область и срок, а решение требует комментария и пароля.
- Добавлены варианты Э39 для светлой и тёмной тем, десктопа и телефона; владелец принимает решение по пунктам только своей области, а закрытие кампании недоступно, пока не решены все пункты.
- Добавлены корпоративные и личные варианты Э40 для светлой и тёмной тем, десктопа и телефона; сети Администраторов показаны как вложенные, личная редакция позволяет только сузить исходные диапазоны с подтверждением.
- Добавлены варианты Э41 для светлой и тёмной тем, десктопа и телефона; журнал постраничный, проверки и передачи контрольной точки фиксируются отдельно от самих конфиденциальных значений.
- Добавлены корпоративные и личные варианты Э42 для светлой и тёмной тем, десктопа и телефона; показаны размеры проектов, лимиты, очередь переиндексации и права на управление системами.
- Добавлены варианты Э43 для двух редакций, тем и ширин; личный режим показывает эффект, подтверждение и результаты/конфликт, корпоративный — только просмотр. Недоступный вариант сопровождается причиной из ТЗ.
- Добавлен Э44 в светлой и тёмной темах, для десктопа и телефона; список только для чтения и содержит 8 синтетических языков с выключенным модулем, отсутствующими серверными подписями, переиндексацией и загрузочной ошибкой.
- Добавлен Э45 в светлой и тёмной темах, для десктопа и телефона; показаны кандидат с высокой уверенностью, разбор правила и результатов, проверка, пароль, ограничение 64 правила, отклонение и ошибочные/успешное состояния. Примеры кода, пакеты и ключи синтетические.
- Добавлены два этапа Э46 для корпоративной редакции в светлой и тёмной темах, на десктопе и телефоне: оператор проверяет условия и последствия, назначенный Аудитор сверяет номер и хэш. Показаны блокировка по сетям, остановка и завершение; обратного перехода нет.

- Текстовые тире в SVG-строках заменены на двоеточия; дефисы в идентификаторах и терминах сохранены.