From 5de88e18c87b997bf56d99e1d3b5d6e44ca18f1b Mon Sep 17 00:00:00 2001
From: Denozordec <shatskiy.blog@gmail.com>
Date: Sun, 18 Oct 2026 01:35:17 +0700
Subject: [PATCH] =?UTF-8?q?feat(design-preview):=20=D1=83=D0=BF=D1=80?=
 =?UTF-8?q?=D0=BE=D1=81=D1=82=D0=B8=D1=82=D1=8C=20=D1=81=D1=82=D1=80=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=86=D1=8B=20=E2=80=94=20=D0=B1=D0=B5=D0=B7=20?=
 =?UTF-8?q?=D1=82=D0=B5=D1=85=D0=BD=D0=B8=D1=87=D0=B5=D1=81=D0=BA=D0=BE?=
 =?UTF-8?q?=D0=B9=20=D1=81=D1=82=D1=80=D0=BE=D0=BA=D0=B8=20=D0=B8=D1=81?=
 =?UTF-8?q?=D1=82=D0=BE=D1=87=D0=BD=D0=B8=D0=BA=D0=B0,=20=D0=B4=D1=83?=
 =?UTF-8?q?=D0=B1=D0=BB=D0=B5=D0=B9=20=D0=B8=20=D0=BB=D0=B8=D1=88=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=85=20KPI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Убрана строка «Получено… GET /api/…» из шапок страниц (свежесть в кнопке i), дублирующий
баннер на «Пользователях», KPI на «Приложениях». Контент ограничен шириной 1480px.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 apps/web/src/design-preview/bits.tsx              |  9 ---------
 .../src/design-preview/pages/app-links-page.tsx   |  1 -
 apps/web/src/design-preview/pages/apps-page.tsx   | 14 +-------------
 apps/web/src/design-preview/pages/audit-page.tsx  |  1 -
 apps/web/src/design-preview/pages/logins-page.tsx |  1 -
 apps/web/src/design-preview/pages/oidc-page.tsx   |  1 -
 .../src/design-preview/pages/security-page.tsx    |  1 -
 apps/web/src/design-preview/pages/users-page.tsx  | 15 +--------------
 apps/web/src/design-preview/preview-shell.tsx     |  2 +-
 9 files changed, 3 insertions(+), 42 deletions(-)

diff --git a/apps/web/src/design-preview/bits.tsx b/apps/web/src/design-preview/bits.tsx
index 598137d..14ef41f 100644
--- a/apps/web/src/design-preview/bits.tsx
+++ b/apps/web/src/design-preview/bits.tsx
@@ -52,12 +52,10 @@ export function StatusBadge({ tone, children }: { tone: Tone; children: ReactNod
 export function PageHead({
   title,
   sub,
-  source,
   actions,
 }: {
   title: string
   sub: string
-  source: string
   actions?: ReactNode
 }) {
   return (
@@ -65,13 +63,6 @@ export function PageHead({
       <div className="flex min-w-0 flex-col gap-1">
         <h1 className="text-2xl font-semibold tracking-tight text-balance">{title}</h1>
         <p className="text-muted-foreground max-w-prose text-sm text-pretty">{sub}</p>
-        <p
-          role="status"
-          className="text-muted-foreground flex flex-wrap items-center gap-1.5 text-xs"
-        >
-          <span className="bg-success size-1.5 rounded-full" aria-hidden />
-          <span>Получено 14:02:11 · {source}</span>
-        </p>
       </div>
       {actions ? <div className="flex flex-wrap items-center gap-2">{actions}</div> : null}
     </header>
diff --git a/apps/web/src/design-preview/pages/app-links-page.tsx b/apps/web/src/design-preview/pages/app-links-page.tsx
index df11b99..dd44585 100644
--- a/apps/web/src/design-preview/pages/app-links-page.tsx
+++ b/apps/web/src/design-preview/pages/app-links-page.tsx
@@ -110,7 +110,6 @@ export function AppLinksPage() {
       <PageHead
         title="Ссылки приложений"
         sub="Каталог приложений и переключатель в шапке · общий для всех сервисов семейства"
-        source="portal_settings.app_switcher_json · публичный GET /api/v1/app-switcher"
         actions={
           <Button variant="outline" onClick={() => toast('Добавление приложения недоступно в макете', { description: 'Каталог фиксирован контрактом: cfdm · vps · bgp · fw · dns · cdn · mm.' })}>
             <PlusIcon aria-hidden />
diff --git a/apps/web/src/design-preview/pages/apps-page.tsx b/apps/web/src/design-preview/pages/apps-page.tsx
index 5a2d4f6..81e11ad 100644
--- a/apps/web/src/design-preview/pages/apps-page.tsx
+++ b/apps/web/src/design-preview/pages/apps-page.tsx
@@ -1,13 +1,11 @@
 import { Link } from '@tanstack/react-router'
-import { CloudIcon, GlobeIcon, LayoutDashboardIcon, ServerIcon, ShieldIcon, LayoutGridIcon, KeyRoundIcon, FingerprintIcon, ShieldCheckIcon } from 'lucide-react'
+import { CloudIcon, GlobeIcon, LayoutDashboardIcon, ServerIcon, ShieldIcon } from 'lucide-react'
 import { toast } from 'sonner'
 import { APPS, type AppId } from '@authportal/shared'
-import { KpiStatGrid } from '@/components/reui-kit/kpi-stat-grid'
 import { QuickActionGrid } from '@/components/reui-kit/quick-action-grid'
 import { Button } from '@authportal/ui/components/button'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@authportal/ui/components/tabs'
 import { PageHead } from '../bits'
-import { kpi } from '../kpi'
 
 const ICONS: Record<AppId, typeof CloudIcon> = {
   cfdm: CloudIcon,
@@ -30,22 +28,12 @@ export function AppsPage() {
       <PageHead
         title="Приложения"
         sub="Открыть приложение с текущей сессией · SSO handoff без повторного ввода пароля"
-        source="сессия действует до 22:02 · права из базы портала, не из токена"
         actions={
           <Button variant="outline" size="sm" render={<Link to="/design-preview/app-links" />} nativeButton={false}>
             Ссылки приложений
           </Button>
         }
       />
-      <KpiStatGrid
-        aria-label="Показатели"
-        items={[
-          kpi('avail', 'Доступно приложений', String(allowed.length), { icon: LayoutGridIcon, tone: 'ok', badge: 'доступ есть', sub: `из ${APPS.length}` }),
-          kpi('jwt', 'JWT SSO', String(allowed.filter((a) => a.authMode === 'jwt').length), { icon: KeyRoundIcon, tone: 'in', badge: 'fragment-токен', sub: 'вход без пароля' }),
-          kpi('oidc', 'OIDC', String(allowed.filter((a) => a.authMode === 'oidc').length), { icon: FingerprintIcon, tone: 'in', badge: 'Technitium DNS', sub: 'внешний RP' }),
-          kpi('role', 'Роль', 'Админ', { icon: ShieldCheckIcon, tone: 'wn', badge: 'is_admin', sub: 'полный доступ' }),
-        ]}
-      />
       <Tabs defaultValue="all" className="min-w-0">
         <TabsList>
           <TabsTrigger value="all">Доступные · {allowed.length}</TabsTrigger>
diff --git a/apps/web/src/design-preview/pages/audit-page.tsx b/apps/web/src/design-preview/pages/audit-page.tsx
index a91e011..3e2b1bc 100644
--- a/apps/web/src/design-preview/pages/audit-page.tsx
+++ b/apps/web/src/design-preview/pages/audit-page.tsx
@@ -72,7 +72,6 @@ export function AuditPage() {
       <PageHead
         title="Изменения"
         sub="Журнал действий администраторов и приложений · портал, EvoFirewall, EvoBGP, MikrotikManager и другие через ingest"
-        source="GET /api/v1/admin/audit?kind=changes · ingest от 5 приложений"
         actions={
           <>
             <Button variant="outline" onClick={() => toast.success('CSV сформирован (макет)')}>
diff --git a/apps/web/src/design-preview/pages/logins-page.tsx b/apps/web/src/design-preview/pages/logins-page.tsx
index 9cd66ac..6bb1c41 100644
--- a/apps/web/src/design-preview/pages/logins-page.tsx
+++ b/apps/web/src/design-preview/pages/logins-page.tsx
@@ -65,7 +65,6 @@ export function LoginsPage() {
       <PageHead
         title="Входы"
         sub="Журнал входов и активные сессии · портал и SSO в приложения"
-        source="GET /api/v1/admin/audit?kind=logins · хранение 90 дней"
         actions={
           <Button variant="outline" onClick={() => toast.success('CSV сформирован (макет)')}>
             <DownloadIcon aria-hidden />
diff --git a/apps/web/src/design-preview/pages/oidc-page.tsx b/apps/web/src/design-preview/pages/oidc-page.tsx
index 4dec1a5..82769a7 100644
--- a/apps/web/src/design-preview/pages/oidc-page.tsx
+++ b/apps/web/src/design-preview/pages/oidc-page.tsx
@@ -98,7 +98,6 @@ export function OidcPage() {
       <PageHead
         title="OIDC-клиенты"
         sub="Портал как провайдер OpenID Connect · внешние приложения входят через auth.shnt.top"
-        source="discovery и JWKS доступны · подпись RS256"
         actions={
           <Button onClick={() => setCreateOpen(true)}>
             <PlusIcon aria-hidden />
diff --git a/apps/web/src/design-preview/pages/security-page.tsx b/apps/web/src/design-preview/pages/security-page.tsx
index 57b764b..098bb11 100644
--- a/apps/web/src/design-preview/pages/security-page.tsx
+++ b/apps/web/src/design-preview/pages/security-page.tsx
@@ -37,7 +37,6 @@ export function SecurityPage() {
       <PageHead
         title="Безопасность"
         sub="Passkey как альтернатива паролю · пароль остаётся запасным входом"
-        source="WebAuthn · домен auth.shnt.top"
         actions={
           <Button onClick={() => setAddOpen(true)}>
             <PlusIcon aria-hidden />
diff --git a/apps/web/src/design-preview/pages/users-page.tsx b/apps/web/src/design-preview/pages/users-page.tsx
index 3e65c30..4546f29 100644
--- a/apps/web/src/design-preview/pages/users-page.tsx
+++ b/apps/web/src/design-preview/pages/users-page.tsx
@@ -1,6 +1,5 @@
 import { UsersIcon, ShieldCheckIcon, FingerprintIcon, UserXIcon } from 'lucide-react'
 import { useCallback, useEffect, useRef, useState } from 'react'
-import { Link } from '@tanstack/react-router'
 import { toast } from 'sonner'
 import type { AdminUser, CreateUserRequest } from '@authportal/shared'
 import { CreateUserSheet } from '@/components/reui-kit/create-user-sheet'
@@ -10,7 +9,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@authportal/ui/compone
 import { UserPlusIcon } from 'lucide-react'
 import { AccessDialog } from '../access-dialog'
 import { diffAccess, type AccessValue } from '../access-model'
-import { CodeBlock, KvList, PageHead, PreviewSheet, SignalAlert, TypedConfirm } from '../bits'
+import { CodeBlock, KvList, PageHead, PreviewSheet, TypedConfirm } from '../bits'
 import { kpi } from '../kpi'
 import { ALL_APP_IDS, APP_SHORT, MOCK_USERS, USER_JOURNAL, type Tone } from '../mock'
 import { PreviewSectionGrid, TwoLineCell, type GridColumn } from '../section-grid'
@@ -121,7 +120,6 @@ export function UsersPage() {
       <PageHead
         title="Пользователи"
         sub="Каталог учётных записей · роли, приложения, passkeys · изменения прав записываются в журнал"
-        source={`GET /api/v1/admin/users · ${users.length} учётных записей`}
         actions={
           <Button onClick={() => setCreateOpen(true)}>
             <UserPlusIcon aria-hidden />
@@ -129,17 +127,6 @@ export function UsersPage() {
           </Button>
         }
       />
-      <SignalAlert
-        tone="er"
-        title="Подозрительная активность: ops@shnt.top."
-        action={
-          <Button variant="outline" size="sm" render={<Link to="/design-preview/logins" />} nativeButton={false}>
-            Показать
-          </Button>
-        }
-      >
-        6 неудачных входов с 203.0.113.58 за 10 минут. Проверьте журнал входов и при необходимости отключите учётную запись.
-      </SignalAlert>
       <KpiStatGrid
         aria-label="Показатели"
         items={[
diff --git a/apps/web/src/design-preview/preview-shell.tsx b/apps/web/src/design-preview/preview-shell.tsx
index fa231c5..3874e8e 100644
--- a/apps/web/src/design-preview/preview-shell.tsx
+++ b/apps/web/src/design-preview/preview-shell.tsx
@@ -41,7 +41,7 @@ export function PreviewShell({ children }: { children: ReactNode }) {
         <PreviewSidebar />
         <SidebarInset id="main-content" className="min-w-0">
           <PreviewHeader />
-          <div className="flex min-w-0 flex-1 flex-col gap-4 px-4 py-4 pb-24 md:gap-6 md:px-6 md:py-5 md:pb-24">
+          <div className="mx-auto flex w-full min-w-0 max-w-[1480px] flex-1 flex-col gap-4 px-4 py-4 pb-24 md:gap-6 md:px-6 md:py-5 md:pb-24">
             {children}
           </div>
         </SidebarInset>