sfera/docs/frontend/SFERA_IDE_UI_CONTRACT.md

SFERA IDE UI Contract

1. Основной экран

После входа открывается:

• последний проект пользователя;
• либо пустой IDE shell, если проекта нет.

Проект выбирается только в верхней панели.

Запрещено:

• показывать список проектов в левой панели;
• делать dashboard главным экраном;
• показывать fake-данные без импортированного проекта.

2. Главный Layout

Экран состоит из:

Top Project Bar
Left Navigation Panel
Main Workspace
Right Context Inspector
Open Objects Bar
Bottom Tool Panel
Status Bar

3. Top Project Bar

Содержит:

• SFERA logo;
• Workspace selector;
• Project selector;
• Project settings button;
• Create project button;
• Environment selector;
• Active task selector;
• Global search;
• Agent/API status;
• Notifications;
• Language;
• User profile.

Пример:

SFERA | Workspace v | Project v | Настройки | + Проект | Env v | Task v | Search...

4. Левая Панель

Левая панель - навигация текущего проекта.

Она содержит:

Проект: ERP Demo
├── Основная конфигурация
├── Расширение: <Имя>
├── Расширение: <Имя>
├── SFERA
└── Среды

Левая панель должна:

• сворачиваться;
• менять ширину;
• поддерживать поиск;
• поддерживать фильтры;
• поддерживать lazy loading;
• поддерживать virtual scroll;
• сохранять состояние раскрытия узлов.

5. Центр

Центр - основная рабочая область.

Там открываются:

• Object Workspace;
• Code Workspace;
• Form Designer;
• Report Designer;
• СКД Designer;
• Layout Designer;
• Project Settings;
• Task Workspace;
• Review Workspace;
• Runtime Workspace;
• Knowledge Workspace.

6. Правая Панель

Правая панель - Context Inspector.

Она показывает свойства выбранного объекта, элемента формы, процедуры, задачи, отчета, регистра, расширения.

Она не является навигацией.

7. Open Objects Bar

Внизу отображается панель открытых объектов:

[Документ.ЗаказКлиента] [ФормаДокумента] [Модуль объекта] [TASK-123]

Поддерживает:

• быстрое переключение;
• закрытие;
• закрепление;
• восстановление после перезагрузки.

8. Bottom Tool Panel

Сворачиваемая служебная панель:

• Проблемы;
• Semantic diff;
• Вывод;
• История;
• Тесты;
• AI.

9. Status Bar

• Snapshot;
• Agent;
• Parser;
• Diagnostics;
• Active Task;
• Privacy;
• AI tokens;
• Current user.

10. Горячие Клавиши

• Alt+1 - левая панель;
• Alt+2 - правая панель;
• Alt+3 - нижняя панель;
• Ctrl+Tab - следующий открытый объект;
• Ctrl+Shift+Tab - предыдущий объект;
• Ctrl+W - закрыть текущий объект;
• Ctrl+K - глобальный поиск;
• F5 - запустить проверку.