feat(v9): Hermes-Chat full-bleed, landet direkt auf /chat

Schlanke Kopfleiste (nur Cockpit/Setup), iframe fuellt das Fenster
(calc(100dvh - 116px)) und oeffnet die Chat-Route des Dashboards direkt.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Hitonabi
2026-06-24 16:56:42 +02:00
parent af0e63c9d6
commit 7e8ed585a9
2 changed files with 10 additions and 13 deletions
+8 -11
View File
@@ -59,13 +59,10 @@
})
</script>
<!-- ==================== HEADER ==================== -->
<div class="pagehead" style="display:flex;justify-content:space-between;align-items:flex-start">
<div>
<h1>Hermes</h1>
<div class="sub">Dein lokaler KI-Assistent — kennt den Bosgame, lernt mit.</div>
</div>
<div class="flex gap-2" style="flex-shrink:0;margin-top:6px;flex-wrap:wrap;align-items:center">
<!-- ==================== HEADER (schlank, fuer Full-Bleed-Chat) ==================== -->
<div class="pagehead" style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px">
<h1 style="margin:0;font-size:20px">Hermes</h1>
<div class="flex gap-2" style="flex-shrink:0;flex-wrap:wrap;align-items:center">
<!-- Hermes-Status -->
<span class="chip" style="font-size:11px;{status?.hermes === 'ready'
? 'color:#7ee29a;border-color:rgba(126,226,154,.4)'
@@ -284,13 +281,13 @@
</div>
{/if}
<!-- ==================== CHAT (eingebettetes Hermes-Web-Dashboard) ==================== -->
<div class="card" style="padding:0;overflow:hidden">
<!-- ==================== CHAT (eingebettetes Hermes-Web-Dashboard, full-bleed) ==================== -->
<div class="card" style="padding:0;overflow:hidden;border-radius:12px">
{#if status?.hermes === 'ready'}
<iframe
title="Hermes Chat"
src="/hermes-ui/"
style="width:100%;height:calc(100vh - 210px);min-height:540px;border:0;display:block;background:#0f1720"
src="/hermes-ui/chat"
style="width:100%;height:calc(100dvh - 116px);min-height:520px;border:0;display:block;background:#0f1720"
></iframe>
{:else}
<div class="empty-c" style="padding:48px 24px">