fix(ui): выровнять chrome Frame и убрать Card-оболочки

Подключить App Switcher, NavUser, OpsPanel и AlertDialog вместо Card-shell.

Co-authored-by: Cursor <[email protected]>

components/empty-state.tsx

@@ -6,25 +6,36 @@ import {
   EmptyMedia,
   EmptyTitle,
 } from "@/components/ui/empty"
+import { IconStack } from "@/components/reui/icon-stack"
+import { InboxIcon } from "lucide-react"
 import { cn } from "@/lib/utils"
+import type { ReactNode } from "react"
 
 interface EmptyStateProps {
-  icon?: React.ReactNode
+  icon?: ReactNode
   title: string
   description?: string
-  action?: React.ReactNode
+  action?: ReactNode
   className?: string
 }
 
+/**
+ * ReUI Empty + IconStack — Frame-friendly empty-state-14/12.
+ * Preview: https://reui.io/preview/base/empty-state-14 · https://reui.io/preview/base/empty-state-12
+ */
 function EmptyState({ icon, title, description, action, className }: EmptyStateProps) {
   return (
-    <Empty className={cn("border-0 py-16", className)}>
-      <EmptyHeader>
-        {icon && <EmptyMedia variant="icon">{icon}</EmptyMedia>}
+    <Empty className={cn("border-0 bg-transparent py-16", className)}>
+      <EmptyHeader className="gap-5">
+        <EmptyMedia className="mb-0">
+          <IconStack aria-hidden="true" className="h-14 w-12">
+            {icon ?? <InboxIcon strokeWidth={1.9} aria-hidden="true" className="size-5" />}
+          </IconStack>
+        </EmptyMedia>
         <EmptyTitle>{title}</EmptyTitle>
-        {description && <EmptyDescription>{description}</EmptyDescription>}
+        {description ? <EmptyDescription>{description}</EmptyDescription> : null}
       </EmptyHeader>
-      {action && <EmptyContent>{action}</EmptyContent>}
+      {action ? <EmptyContent>{action}</EmptyContent> : null}
     </Empty>
   )
 }