Updated various UI components to improve user experience and maintainability. Key changes include:
- Refactored `PageHeader` to remove icon handling, simplifying its structure.
- Replaced `KpiMetricsGrid` with `SectionCards` for better layout consistency.
- Enhanced `AppShell` and navigation components to utilize a grouped navigation structure, improving accessibility and organization.
- Introduced new properties in `crud-list-page` for handling empty states and loading indicators.
- Updated styles and classes for better visual consistency across components.

These changes streamline the UI and enhance the overall user experience across the application.

2026-07-01 00:42:50 +07:00

2.4 KiB

Raw Permalink Blame History

EvoBGP — руководство для ИИ-агентов

Краткая карта репозитория. Полная архитектура: docs/architecture.md. HTTP: docs/openapi.yaml.

Monorepo (фронтенд)

EvoBGP/
├── cmd/, internal/          # Go API /v1
├── apps/web/                # SvelteKit SPA (@evobgp/web)
├── packages/ui/             # @evobgp/ui — shadcn-svelte primitives
├── packages/shared/         # @evobgp/shared — types, Zod contracts
└── pnpm-workspace.yaml

Слой	Импорт
Примитивы	`@evobgp/ui/components/*`
CSS	`@evobgp/ui/styles/globals.css`
Типы/контракты	`@evobgp/shared/types/`, `@evobgp/shared/contracts/`
Паттерны UI	`$lib/components/`, `$lib/components/patterns/`
Queries	`$lib/queries/*` (`@tanstack/svelte-query`)

С чего начать

Правила: engineering.mdc, web-shadcn.mdc, frontend-monorepo.mdc
Фронт: apps/web/README.md
Go: internal/httpapi/, internal/store/, internal/pipeline/

Команды

pnpm install
pnpm --filter @evobgp/web dev
pnpm --filter @evobgp/web build
pnpm --filter @evobgp/web check
pnpm --filter @evobgp/web lint

После правок apps/web/** — обязательно check и lint (WEB-19).

UX-эталон (vps-tracker, без ReUI)

Shell: layout/app-shell.svelte — sidebar-07, collapsible="icon", 5 nav-групп (nav.ts), AppBrand, ThemeMenu в top header, breadcrumb с parent
Страница: PageShell → PageHeader (без icon) → QueryState / контент
Метрики: SectionCards (не KpiMetricsGrid)
Таблицы: DataTableCard + AppDataTable (не голый Card + Table)
Tabs: line-variant через LINE_TAB_TRIGGER_CLASS ($lib/ui/app/tabs.ts)
Тема: packages/ui/src/styles/globals.css синхронизирован с vps-tracker (semantic tokens)

Коммиты

При запросе коммита: conventional-commits.mdc, скилл .cursor/skills/commit-message/SKILL.md.

2.4 KiB Raw Permalink Blame History Unescape Escape