diff --git a/Plugin/unraid/include/ai_chat.php b/Plugin/unraid/include/ai_chat.php index fa99bef..34a5d55 100644 --- a/Plugin/unraid/include/ai_chat.php +++ b/Plugin/unraid/include/ai_chat.php @@ -149,8 +149,22 @@ function vv_ai_chat_assets(): void { border-top:1px dashed #1e1e1e; padding-top:8px; } /* ── Transcript ─────────────────────────────────────────────────────────── */ -.vv-ai-chat { border:1px solid #262626; border-radius:6px; background:#0b0b0b; +/* Transparent so the mark on the wrapper shows through. The dark ground moves to the wrapper — + painting it here would put an opaque layer between the badge and the text. */ +.vv-ai-chat { border:1px solid #262626; border-radius:6px; background:transparent; + position:relative; z-index:1; min-height:340px; max-height:60vh; overflow-y:auto; padding:14px; } + +/* The Varaverk mark, behind every conversation on every page. + On the wrapper rather than on the scroller: a background on .vv-ai-chat would be anchored to + its padding box and drift as the transcript scrolls, and a child element would scroll away with + the messages. inset:0 on the positioned wrapper holds it still behind whatever moves. */ +.vv-ai-chat-wrap { background:#0b0b0b; border-radius:6px; } +.vv-ai-chat-wrap::before { + content:''; position:absolute; inset:0; z-index:0; pointer-events:none; + background:url('/plugins/varaverk/icons/varaverk.png') center/min(78%,460px) no-repeat; + opacity:.05; filter:grayscale(1); +} .vv-ai-empty { color:#3a3a3a; font-size:12px; text-align:center; padding:60px 20px; line-height:1.7; } .vv-ai-msg { margin-bottom:16px; } .vv-ai-role { font-size:9px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:5px; } diff --git a/Plugin/unraid/include/node_chat.php b/Plugin/unraid/include/node_chat.php index 88e940b..2117be1 100644 --- a/Plugin/unraid/include/node_chat.php +++ b/Plugin/unraid/include/node_chat.php @@ -258,7 +258,7 @@ function vv_nc_pane_markup(string $prefix, bool $meshDefault = false, string $he