UI v3: Cockpit-Startseite + Modelle-Werkbank als Default, neue Box-Konsole

Kompletter Frontend-Umbau auf das abgenommene v3-Konzept, dazu zwei neue Funktionen.

Frontend (Neuordnung bestehender IST-Views, kein Backend-Umbau):
- Cockpit ist die neue Startseite: ruhige Bereichs-Kacheln (je 1 Live-Zahl +
  Status-Punkt), ehrliche Status-Zeile "Box gesund" + Speicher-Pille, "Braucht dich"
  (kritische Probleme mit 1-Klick-Reparatur + bereitliegende Updates).
- Modelle-Werkbank: Maschinenraum-Speicherleiste als Hero (Arbeitsspeicher-Balken,
  nach Rolle eingefaerbt + frei), darunter Master/Detail. Eingebettet als Haupt-Tab
  im Modell-Manager ("Werkbank"), "Modelle finden" + JobsBar bleiben.
- Sidebar/Nav neu strukturiert; alle Aktionen ueber die bestehenden /api-Endpoints.

Neue Features:
- Box-Konsole: zweites ttyd-Web-Terminal mit echter Login-Shell auf :7682 (direkter,
  SSH-artiger Box-Zugriff, kein Passwort — gleiches LAN-Trust-Modell wie hermes-terminal).
  Neuer Dienst deploy/box-console.service + agent_status-Felder box_console_url/-reachable.
- Box-Zugang: das Host-Sudo-Passwort laesst sich jetzt direkt in der Konsole-Seite
  setzen/aendern/loeschen (lokal im Browser), statt nur versteckt im System-Drawer.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/App.tsx

@@ -3,12 +3,12 @@ import { Command as CommandIcon, ChevronLeft, ChevronRight } from "lucide-react"
 import { NAV, type ViewId } from "@/nav"
 import { CommandPalette } from "@/components/CommandPalette"
 import { ExpertToggle } from "@/components/ExpertToggle"
-import { DashboardView } from "@/views/DashboardView"
 import { ModelsView } from "@/views/ModelsView"
 import { ConnectView } from "@/views/ConnectView"
 import { MemoryView } from "@/views/MemoryView"
 import { AgentView } from "@/views/AgentView"
 import { TerminalView } from "@/views/TerminalView"
+import { KonsoleView } from "@/views/KonsoleView"
 import { GuideView } from "@/views/GuideView"
 import { Placeholder } from "@/views/Placeholder"
 import { SystemDrawer } from "@/components/SystemDrawer"
@@ -16,6 +16,7 @@ import { useHealth, useSystemStatus } from "@/lib/queries"
 import { useMetricsFeeder } from "@/lib/metricsStore"
 import { cn } from "@/lib/utils"
 import { Mc3App } from "@/mc3/Mc3App"
+import { CockpitView } from "@/views/cockpit/CockpitView"
 
 export default function App() {
   useMetricsFeeder()   // sammelt Live-Verlauf global, unabhängig vom aktiven Tab
@@ -228,14 +229,15 @@ export default function App() {
         </header>
 
         <main className="flex-1 overflow-y-auto p-6 scrollbar-thin">
-          {view === "dashboard" && <DashboardView />}
+          {view === "dashboard" && <CockpitView onNavigate={(v) => navigate(v as ViewId)} />}
           {view === "models" && <ModelsView />}
           {view === "connect" && <ConnectView />}
           {view === "memory" && <MemoryView />}
           {view === "agent" && <AgentView />}
           {view === "terminal" && <TerminalView />}
+          {view === "konsole" && <KonsoleView />}
           {view === "guide" && <GuideView />}
-          {!["dashboard", "models", "connect", "memory", "agent", "terminal", "guide"].includes(view) && (
+          {!["dashboard", "models", "connect", "memory", "agent", "terminal", "konsole", "guide"].includes(view) && (
             <Placeholder title={active.label} hint={active.hint} />
           )}
         </main>