From a31a96422817f2681abfaacc96760e27bbacfefb Mon Sep 17 00:00:00 2001
From: Denozordec <shatskiy.blog@gmail.com>
Date: Sun, 18 Oct 2026 00:19:43 +0700
Subject: [PATCH] =?UTF-8?q?feat(design-preview):=20=D0=BF=D0=BB=D0=B8?=
 =?UTF-8?q?=D1=82=D0=BA=D0=B8=20=D0=BF=D1=80=D0=B8=D0=BB=D0=BE=D0=B6=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B9=20=D1=81=20=D0=B0=D0=B4=D1=80=D0=B5=D1=81?=
 =?UTF-8?q?=D0=BE=D0=BC=20=D0=B8=20=D1=81=D0=BF=D0=BE=D1=81=D0=BE=D0=B1?=
 =?UTF-8?q?=D0=BE=D0=BC=20=D0=B2=D1=85=D0=BE=D0=B4=D0=B0=20=D0=BA=D0=B0?=
 =?UTF-8?q?=D0=BA=20=D0=B2=20=D0=BA=D0=B0=D0=BD=D0=B2=D0=B0=D1=81=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

В QuickActionGrid добавлены необязательные meta и badgeVariant (обратно совместимо).

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 apps/web/src/components/reui-kit/quick-action-grid.tsx | 9 ++++++++-
 apps/web/src/design-preview/pages/apps-page.tsx        | 3 +++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/reui-kit/quick-action-grid.tsx b/apps/web/src/components/reui-kit/quick-action-grid.tsx
index 0719814..92fc739 100644
--- a/apps/web/src/components/reui-kit/quick-action-grid.tsx
+++ b/apps/web/src/components/reui-kit/quick-action-grid.tsx
@@ -20,6 +20,10 @@ export interface QuickActionItem {
   search?: Record<string, unknown>
   onSelect?: () => void
   badgeLabel?: string
+  /** Вариант бейджа действия (по умолчанию outline). */
+  badgeVariant?: 'outline' | 'info-light' | 'warning-light'
+  /** Моноширинная подпись под описанием: адрес · способ входа. */
+  meta?: string
   icon?: ReactNode
   iconClassName?: string
 }
@@ -49,13 +53,16 @@ function QuickActionBody({ action }: { action: QuickActionItem }) {
       <div className="flex min-w-0 flex-1 flex-col gap-0.5">
         <div className="flex items-start justify-between gap-2">
           <span className="text-foreground text-sm font-medium">{action.title}</span>
-          <Badge variant="outline" size="sm" className="shrink-0">
+          <Badge variant={action.badgeVariant ?? 'outline'} size="sm" className="shrink-0">
             {action.badgeLabel ?? 'Перейти'}
           </Badge>
         </div>
         <p className="text-muted-foreground line-clamp-2 text-xs leading-relaxed">
           {action.description}
         </p>
+        {action.meta ? (
+          <p className="text-muted-foreground truncate font-mono text-[11px]">{action.meta}</p>
+        ) : null}
       </div>
     </div>
   )
diff --git a/apps/web/src/design-preview/pages/apps-page.tsx b/apps/web/src/design-preview/pages/apps-page.tsx
index 8725a20..5a2d4f6 100644
--- a/apps/web/src/design-preview/pages/apps-page.tsx
+++ b/apps/web/src/design-preview/pages/apps-page.tsx
@@ -62,6 +62,8 @@ export function AppsPage() {
                 title: app.title,
                 description: app.description,
                 badgeLabel: 'Открыть',
+                badgeVariant: 'info-light' as const,
+                meta: `${app.url.replace('https://', '')} · ${app.authMode === 'oidc' ? 'OIDC' : 'JWT'}`,
                 icon: <Icon />,
                 onSelect: () => toast(`Открыть ${app.title}`, { description: `${app.url.replace('https://', '')} · ${app.authMode.toUpperCase()} (макет)` }),
               }
@@ -79,6 +81,7 @@ export function AppsPage() {
                 title: app.title,
                 description: app.description,
                 badgeLabel: 'Нет доступа',
+                meta: `${app.url.replace('https://', '')} · ${app.authMode === 'oidc' ? 'OIDC' : 'JWT'}`,
                 icon: <Icon />,
                 onSelect: () => toast.warning(`Нет доступа к ${app.title}`, { description: 'Запросите права у администратора.' }),
               }