From f3fd8e941451b611b4f6086d2b8523e2cc2ecf35 Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Mon, 30 Mar 2026 18:41:59 +0100
Subject: [PATCH] fix: AI Assistant placeholder text unreadable on background

Added glass-card backdrop, increased text opacity for readability.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 neode-ui/src/views/Chat.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/neode-ui/src/views/Chat.vue b/neode-ui/src/views/Chat.vue
index 49aa568c..a189f185 100644
--- a/neode-ui/src/views/Chat.vue
+++ b/neode-ui/src/views/Chat.vue
@@ -34,17 +34,17 @@
 
     <!-- Fallback when AIUI is not deployed -->
     <div v-else-if="aiuiAvailable === false" class="chat-placeholder">
-      <div class="chat-placeholder-inner">
+      <div class="chat-placeholder-inner glass-card p-8">
         <div class="chat-placeholder-icon">
           <svg class="w-8 h-8 text-white/40" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z" />
           </svg>
         </div>
         <h2 class="text-2xl font-semibold text-white mb-2">{{ t('chat.aiAssistant') }}</h2>
-        <p class="text-white/60 mb-4 leading-relaxed">
+        <p class="text-white/80 mb-4 leading-relaxed">
           {{ t('chat.notConfigured') }}
         </p>
-        <p class="text-xs text-white/30">
+        <p class="text-sm text-white/50">
           {{ t('chat.deployCta') }}
         </p>
       </div>