Phase 6.1: layout fixes — header, отступы, max-width

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>
   )

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>