feat: add demo page

This commit is contained in:
2026-08-25 18:44:03 +05:00
parent 148e4b1957
commit 6e0647dfbf
8 changed files with 504 additions and 234 deletions
+1 -2
View File
@@ -10,7 +10,7 @@
- Два взаимозаменяемых компонента этапа с одинаковым набором пропсов; `ToolPage` рендерит один тег. Попробовать новое — поменять компонент в этом теге; вернуть старое — поменять обратно. Никаких флагов и конфигов.
- Общая типизация пропсов в одном файле рядом с компонентами; сами карточки (`SourceCard`, `ResultCard`, `TextInputCard`, `ParamsCard`) переиспользуются как есть — вся логика исполнения, маски, пипетки и автозапуска остаётся в `ToolPage` и приходит сверху.
- Chain-звенья не затрагиваются: у них своя раскладка «Вход | Результат», эксперимент только про базовый этап.
- Chain-звенья используют ту же панельную систему «Вход | Параметры | Результат» — общие классы `.pane` / `.pane-legend` / `.pane-params` вынесены в app.css, вертикальные поля в узкой колонке заданы один раз глобально.
- Один порог отзывчивости: три колонки от ~75rem, ниже — стек «исходник → параметры → результат». Промежуточные перестроения не придумываем до фидбека дизайнера.
## 3. Компоненты
@@ -46,5 +46,4 @@ src/lib/components/stage/
## 6. Что сознательно не делаем
- Редизайн визуального языка (цвета, типографика, формы) — материал для дизайнера, не для этого плана.
- Перестройка chain-звеньев под новую сетку.
- Новая логика: исполнение, автосохранение, пресеты — раскладка ничего не знает про исполнение.