196526ffc4
feat(sprint-5.5): add "Save version" button, update navigation block and block components
...
- Add "Сохранить версию" button to BlockMetaBar that persists current
version + changelog from code to PostgreSQL via PATCH API
- Update navigation page: menu items section now renders like live example
with underlined links, hover dropdowns, and submenus
- Restore uncommitted changes from previous session (thirsty-mayer worktree):
navigation v1.3 with dropdowns, updated hero/ceo/doctors/reviews/news/
contact-forms/footer blocks, navData.ts extraction, seed updates
- Extract nav menu data to shared navData.ts module
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2 months ago
d4d86e6343
feat(sprint-5): document all blocks from perm.oclinica.ru/lor
...
Created 8 pages from real site (screenshot source):
- /components/navigation — header: top-bar, logo, nav menu (8 items)
- /blocks/hero — hero banner: #b8e6ed bg, 3 checkmarks, CTA button
- /blocks/ceo — intro text: clinic description + Q&A stimuli
- /blocks/doctors — doctors: 3 stats (#dff0fa) + 6 card grid
- /blocks/reviews — reviews carousel: #eef4d1 bg, decorative quote
- /blocks/contact-forms — 2 forms: "Будьте здоровы!" (#b8e6ed) + "Стоимость"
- /blocks/news — 4 news cards row + "Все новости" button
- /blocks/contact — footer: 4 link columns + logo + address + hours
globals.css: added .bb-nav-link:hover (#0089c3)
Sidebar: all blocks/navigation unlocked (removed soon), v0.5.1
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2 months ago
6c5b571884
feat(sprint4): add cards page — DoctorCard, NewsCard, ReviewCard, PriceCard, ServiceCard, badges/tags/alerts
...
- /components/cards — new page with 5 card types + badges/tags/alerts + LLM block v1.0
- DoctorCard: photo 110×160px placeholder, name, specialty, experience, outline button
- NewsCard: hover bg #eef4d1 + box-shadow (matches real site CSS), CSS class .bb-news-card
- ReviewCard: star rating 1-5 (SVG), text 4-line clamp, bg #eef4d1
- PriceCard: service + price + description + button, highlighted variant (blue border/bg)
- ServiceCard: emoji icon 48×48px, title, description, link
- Badges: 6 color variants (primary/success/warning/danger/neutral/outline)
- Tags: default/active state filters
- Alerts: 4 types (info/success/warning/error) with icons
- globals.css: .bb-news-card:hover, .bb-service-card:hover CSS rules (Sprint 4)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2 months ago
3811c579fd
fix(colors): update Oracal brand colors to exact catalog RGB values
...
053M: #7ecfca → #0089C3 (rgb 0,137,195)
073M: #5b7b87 → #53514E (rgb 83,81,78)
066M: #5bb5ad → #00818C (rgb 0,129,140)
050M: #1b4c72 → #1B2E5D (rgb 27,46,93)
081M: #c4a882 → #A8885C (rgb 168,136,92)
080M: #5c2e0e → #432F1E (rgb 67,47,30)
- Update globals.css CSS vars + sidebar active bg (→ #dff0fa)
- Update focus box-shadow rgba for new 053M blue
- colors/page.tsx: BRAND_COLORS, COLOR_MAPPING notes, CONTRAST_PAIRS
- LLM text v2.2: new hex/rgb, recalculated WCAG contrast ratios,
updated rules (white text on 073M/066M/050M/080M, dark on 053M/081M)
- Info banner changed from ⚠️ "приблизительны" to ℹ "точные RGB"
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2 months ago
77c9733144
fix(forms): update form controls to match real site oclinica.ru styling
...
- .bb-input: height 50px, padding 10px 12px, border 1px solid #ccc, border-radius 4px
(matches entityform input[type=text] from perm.oclinica.ru)
- .bb-select: height 50px, padding 10px with arrow, same border/radius
- .bb-textarea: same border 1px #ccc, border-radius 4px (was 8px/1.5px teal)
- forms/page.tsx v2.0: added "Контекст применения" section with
where-used table and realistic form mockup (bg #b8e6ed as on site),
added "CSS с сайта" code block, updated LLM block to v2.0
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2 months ago
c1731615ab
fix(buttons): переделаны кнопки под реальный сайт oclinica.ru
...
Анализ CSS сайта (style.css темы clinic_bootstrap_mobile) выявил
4 реальных типа кнопок — заменены ранее придуманные варианты:
- primary → коралловый #FFA39C + shadow (форм-сабмит «Запишите меня!»)
- outline → белый + бежевая рамка #BF9975 («Записаться на прием»)
- teal → бирюзовый #60959c («Позвонить»)
- pill → кремовый #e9e4d4 + radius 25px («Заказать звонок»)
Удалены: secondary, ghost, danger (не существуют на реальном сайте)
Добавлен раздел «CSS с сайта» с точными значениями
Добавлена таблица «Где применяется» с реальными CSS-классами сайта
LLM-блок обновлён до v2.0
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2 months ago
0855892643
feat(sprint3): кнопки, форм-контролы, LLM-блоки — Sprint 3 v0.3.0
...
- components/ui/Button.tsx — компонент Button (primary/secondary/ghost/danger, sm/md/lg, loading/disabled)
- components/ui/CodeCopy.tsx — компонент копирования кода (clipboard API)
- components/ui/Toggle.tsx — тумблер (client component, bb-toggle-track/thumb)
- globals.css — CSS-классы: bb-btn, bb-input/textarea/select, bb-checkbox/radio, bb-toggle, @keyframes bb-spin
- app/components/buttons/page.tsx — страница «Кнопки» (варианты, размеры, состояния, code copy, LLM-блок)
- app/components/forms/page.tsx — страница «Форм-контролы» (Input/Textarea/Select/Checkbox/Radio/Toggle, LLM-блок)
- foundation/logo/page.tsx — добавлен LLM-блок v1.0
- Sidebar: убраны «скоро» с Кнопок и Форм-контролов, версия Sprint 3 · v0.3.0
- docs/LLM_CONTEXT.md → версия 3.0, добавлена секция 9a с компонентами
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2 months ago
5105310c92
feat(sprint-1): инициализация monorepo, Next.js, NestJS, страница логотипа
...
Инфраструктура:
- pnpm workspaces monorepo (apps/web, apps/api, packages/)
- docker-compose.yml: PostgreSQL 16
- .env.example: DATABASE_URL, API_PORT, NEXT_PUBLIC_API_URL
Backend (apps/api — NestJS 11):
- Инициализирован NestJS с pnpm
- Prisma 7 + prisma.config.ts подключен к PostgreSQL
- Схема: User (role: viewer/editor), ExperimentalComponent (status: draft/review/approved)
Frontend (apps/web — Next.js 16):
- App Router, TypeScript, Tailwind CSS 4, Fira Sans (Google Fonts)
- globals.css: CSS-токены бренда (цвета 053M–080M, шрифты)
- layout.tsx: корневой layout с боковой навигацией
- Sidebar.tsx: навигация по всем разделам (Фундамент, Компоненты, Блоки, Страницы, Оффлайн, Эксперименты)
- page.tsx: редирект → /foundation/logo
- /foundation/logo: полная страница «Логотип»
- Иерархия и версии (Основной / Общий)
- Цветовые варианты (основной, инвертированный, на форме)
- Охранная зона с визуализацией
- Таблица минимальных размеров (форма сотрудников)
- Недопустимые варианты (6 правил)
- Блок скачивания (placeholder до получения вектора)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2 months ago
AR 15 M4