From bf0f977d9d24fad6431c4fad7f0eac77474bf65d Mon Sep 17 00:00:00 2001
From: ochenstarik-ui <ochenstarik.ui@gmail.com>
Date: Mon, 20 Jul 2026 22:29:15 +0700
Subject: [PATCH] =?UTF-8?q?Phase=206.1:=20layout=20fixes=20=E2=80=94=20hea?=
 =?UTF-8?q?der,=20=D0=BE=D1=82=D1=81=D1=82=D1=83=D0=BF=D1=8B,=20max-width?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.tsx             | 21 ++++++++++++++++++---
 frontend/src/pages/Dashboard.tsx | 21 ++++++---------------
 2 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 6be222b..16c704d 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -3,8 +3,12 @@ import { Sidebar } from '@/components/layout/Sidebar'
 import { Dashboard } from '@/pages/Dashboard'
 import { CommandPalette } from '@/components/CommandPalette'
 import { accWS } from '@/lib/websocket'
+import { useAppStore } from '@/store/useAppStore'
 
 export default function App() {
+  const { agents } = useAppStore()
+  const online = agents.filter(a => a.healthy).length
+
   useEffect(() => {
     accWS.connect('ws://localhost:8100/ws')
   }, [])
@@ -12,9 +16,20 @@ export default function App() {
   return (
     <div className="flex h-screen overflow-hidden">
       <Sidebar />
-      <main className="flex-1 overflow-auto">
-        <Dashboard />
-      </main>
+
+      <div className="flex-1 flex flex-col overflow-hidden">
+        <header className="h-14 border-b border-border flex items-center px-8 bg-card/80 backdrop-blur-md z-10 shrink-0">
+          <div className="flex-1 flex items-center justify-between">
+            <h1 className="text-lg font-semibold tracking-tight">Agent Control Center</h1>
+            <div className="text-sm text-emerald-500 font-medium">{online} online · v0.2.0</div>
+          </div>
+        </header>
+
+        <main className="flex-1 overflow-auto p-8 lg:p-10 max-w-[1600px] mx-auto w-full">
+          <Dashboard />
+        </main>
+      </div>
+
       <CommandPalette />
     </div>
   )
diff --git a/frontend/src/pages/Dashboard.tsx b/frontend/src/pages/Dashboard.tsx
index 4715d59..416f6a1 100644
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -9,31 +9,22 @@ export function Dashboard() {
   const online = agents.filter(a => a.healthy).length
 
   return (
-    <div className="p-8 space-y-10">
-      <div className="flex items-center justify-between">
-        <div>
-          <h1 className="text-4xl font-bold tracking-tighter">Agent Control Center</h1>
-          <p className="text-muted-foreground mt-1">Управление агентами, задачами и проектами</p>
-        </div>
-        <div className="text-right">
-          <div className="text-emerald-500 text-sm font-medium">{online} online</div>
-          <div className="text-muted-foreground text-xs">v0.2.0</div>
-        </div>
+    <div className="space-y-10">
+      <div>
+        <h2 className="text-3xl font-bold tracking-tighter">Доброе утро, Operator</h2>
+        <p className="text-muted-foreground mt-1">Вот что происходит с вашими агентами</p>
       </div>
 
-      <div className="grid grid-cols-1 xl:grid-cols-12 gap-6">
-        {/* Live Agents — 7 колонок */}
+      <div className="grid grid-cols-1 xl:grid-cols-12 gap-8">
         <div className="xl:col-span-7">
           <AgentGrid />
         </div>
 
-        {/* Sidebar widgets */}
-        <div className="xl:col-span-5 space-y-6">
+        <div className="xl:col-span-5 space-y-8">
           <UsageCard />
           <MemoryCard />
         </div>
 
-        {/* Kanban на всю ширину */}
         <div className="xl:col-span-12">
           <Kanban />
         </div>