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> </script>
<!-- ==================== HEADER ==================== --> <!-- ==================== HEADER (schlank, fuer Full-Bleed-Chat) ==================== -->
<div class="pagehead" style="display:flex;justify-content:space-between;align-items:flex-start"> <div class="pagehead" style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px">
<div> <h1 style="margin:0;font-size:20px">Hermes</h1>
<h1>Hermes</h1> <div class="flex gap-2" style="flex-shrink:0;flex-wrap:wrap;align-items:center">
<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">
<!-- Hermes-Status --> <!-- Hermes-Status -->
<span class="chip" style="font-size:11px;{status?.hermes === 'ready' <span class="chip" style="font-size:11px;{status?.hermes === 'ready'
? 'color:#7ee29a;border-color:rgba(126,226,154,.4)' ? 'color:#7ee29a;border-color:rgba(126,226,154,.4)'
@@ -284,13 +281,13 @@
</div> </div>
{/if} {/if}
<!-- ==================== CHAT (eingebettetes Hermes-Web-Dashboard) ==================== --> <!-- ==================== CHAT (eingebettetes Hermes-Web-Dashboard, full-bleed) ==================== -->
<div class="card" style="padding:0;overflow:hidden"> <div class="card" style="padding:0;overflow:hidden;border-radius:12px">
{#if status?.hermes === 'ready'} {#if status?.hermes === 'ready'}
<iframe <iframe
title="Hermes Chat" title="Hermes Chat"
src="/hermes-ui/" src="/hermes-ui/chat"
style="width:100%;height:calc(100vh - 210px);min-height:540px;border:0;display:block;background:#0f1720" style="width:100%;height:calc(100dvh - 116px);min-height:520px;border:0;display:block;background:#0f1720"
></iframe> ></iframe>
{:else} {:else}
<div class="empty-c" style="padding:48px 24px"> <div class="empty-c" style="padding:48px 24px">
+2 -2
View File
File diff suppressed because one or more lines are too long