refactor(vps): update vCPU, RAM, and disk fields to allow decimal values

Changed the step attribute for NumberField components in the VpsEditSheet to "any" for vCPU, RAM, and disk inputs. Updated the vpsSchema to accept real numbers for vCPU, diskGb, and bandwidthTb. Adjusted database schema to store vCPU, diskGb, and bandwidthTb as REAL instead of INTEGER for better precision.
2026-07-31 16:46:26 +07:00
parent 72f9597ede
commit 53d5ed5d33
9 changed files with 572 additions and 14 deletions
@@ -0,0 +1,103 @@
+---
+name: Access form-8 polish
+overview: "Доработать `/access` по DNA ReUI form-8: удобное копирование токена (полный — только после create/rotate; в списке — prefix), больше метаданных в таблице и лёгкий Frame/Alert polish без пересборки всей страницы."
+todos:
+  - id: install-form-8
+    content: "CLI: pnpm dlx shadcn@latest add @reui/form-8 --yes → blocks/form-8, fix imports"
+    status: pending
+  - id: token-dialog
+    content: "ApiKeyTokenDialog: Alert + InputGroup reveal/copy + Bearer snippet"
+    status: pending
+  - id: grid-copy-meta
+    content: "Grid: copyable prefix/id, created_at, richer name cell"
+    status: pending
+  - id: frame-shell-session
+    content: Keys card → Frame+Alert; session copy tenant_id/user_id
+    status: pending
+  - id: web-verify
+    content: typecheck + lint + build @evobgp/web
+    status: pending
+isProject: false
+---
+
+# Доработка страницы Доступов (form-8)
+
+## Контекст
+
+- Preview: [form-8](https://reui.io/preview/base/form-8) · Docs: [blocks](https://reui.io/blocks)
+- Сейчас: [`apps/web/src/routes/_auth/access.tsx`](apps/web/src/routes/_auth/access.tsx) + [`access-api-keys-card.tsx`](apps/web/src/components/access/access-api-keys-card.tsx) / [`access-api-keys-grid.tsx`](apps/web/src/components/access/access-api-keys-grid.tsx) / [`api-key-token-dialog.tsx`](apps/web/src/components/access/api-key-token-dialog.tsx)
+- Полный секрет токена API отдаёт **только** в `201` create / `200` rotate; в списке есть лишь `prefix` (8 символов). Копирование «ключа» в таблице = **prefix**; полный токен — в диалоге после создания/ротации.
+- Уже есть хук [`useCopyToClipboard`](apps/web/src/hooks/use-copy-to-clipboard.ts) и DNA копирования в [`settings-14/.../columns.tsx`](apps/web/src/components/blocks/settings-14/components/columns.tsx) (`ApiKeyCell`).
+- `InputGroup` уже в [`packages/ui/src/components/input-group.tsx`](packages/ui/src/components/input-group.tsx).
+
+```mermaid
+flowchart LR
+  createOrRotate["Create / Rotate"] --> fullToken["token once"]
+  fullToken --> tokenDialog["Token dialog InputGroup copy"]
+  listRow["List row"] --> prefixOnly["prefix only"]
+  prefixOnly --> copyPrefix["Copy prefix"]
+```
+
+## Подход
+
+Сохранить KPI + сессию + DataGrid-список (раздел в целом ок). Оформить блок ключей и диалог токена по form-8 (Frame/Alert/InputGroup copy), не переписывать страницу целиком.
+
+## Шаги
+
+### 1. Установить референс form-8
+
+Из `apps/web`:
+
+```bash
+pnpm dlx shadcn@latest add @reui/form-8 --yes
+```
+
+Сложить в `apps/web/src/components/blocks/form-8/` (reference). Post-add: импорты shadcn → `@evobgp/ui/components/*`. Не копипастить block в route — adapt в domain-компоненты.
+
+### 2. Диалог полного токена (главное копирование)
+
+Переработать [`api-key-token-dialog.tsx`](apps/web/src/components/access/api-key-token-dialog.tsx) по form-8:
+
+- ReUI `Alert` (`warning`): «токен больше не покажем»
+- `InputGroup` + read-only input (masked toggle reveal/hide) + кнопка Copy (`useCopyToClipboard` + toast)
+- Доп. кнопка/строка: копировать `Authorization: Bearer <token>` (удобно для curl/UI settings)
+- Автофокус / явный CTA «Копировать»
+
+### 3. Таблица ключей — copy + больше info
+
+В [`access-api-keys-grid.tsx`](apps/web/src/components/access/access-api-keys-grid.tsx):
+
+- Ячейка **prefix**: mono + Copy (как `ApiKeyCell` в settings-14); tooltip «полный токен недоступен — только prefix»
+- Добавить колонки: **создан** (`created_at`), **id** (mono, copy)
+- Name-cell: hybrid tile DNA (icon `KeyRound` на `bg-muted`) + subtitle с role badge
+- Actions: оставить rotate/revoke; при необходимости ButtonGroup как в form-8
+
+Маленький shared helper при необходимости: `apps/web/src/components/access/copyable-mono.tsx` (reuse в grid + session).
+
+### 4. Оболочка блока ключей
+
+В [`access-api-keys-card.tsx`](apps/web/src/components/access/access-api-keys-card.tsx):
+
+- Заменить `DataGridCard` на ReUI `Frame` / `FramePanel` (+ header) — surface lock form-8 / contract
+- Короткий `Alert` info над гридом: полный токен только при создании/ротации; в списке копируется prefix
+
+### 5. Сессия — доп. info + copy
+
+В [`access.tsx`](apps/web/src/routes/_auth/access.tsx):
+
+- Copy для `tenant_id` (и `user_id`, если есть)
+- Для JWT: показать `is_admin` badge и число permissions (без смены layout)
+
+### 6. Проверка
+
+```powershell
+pnpm --filter @evobgp/web run typecheck
+pnpm --filter @evobgp/web run lint
+pnpm --filter @evobgp/web run build
+```
+
+## Вне скоупа
+
+- Смена backend (reveal полного токена из БД невозможен — SHA-256)
+- Полный redesign KPI (`SectionCards` → `KpiStatGrid`) — отдельная задача
+- Перенос списка с DataGrid на row-list form-8