updated debug

ui/index.html

@@ -85,7 +85,6 @@
             height: 70px;
             object-fit: contain;
             margin-bottom: 22px;
-            filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35));
             user-select: none;
             -webkit-user-drag: none;
         }
@@ -101,7 +100,6 @@
             flex-wrap: wrap;
             justify-content: center;
             align-items: center;
-            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
         }
 
         .status-char {
@@ -162,20 +160,16 @@
             height: 100%;
             width: 0%;
             background: rgba(255, 255, 255, 0.95);
-            box-shadow: 0 0 12px rgba(255, 255, 255, 0.5);
             border-radius: 9999px;
             transition: width 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
         }
 
-
-
         #debug-log-box {
             display: none;
             width: 100%;
             max-height: 150px;
             overflow-y: auto;
             background: rgba(255, 59, 48, 0.18);
-            border: 1px solid rgba(255, 59, 48, 0.35);
             border-radius: 10px;
             padding: 12px;
             font-family: ui-monospace, SFMono-Regular, monospace;
@@ -187,6 +181,20 @@
             margin-bottom: 16px;
             user-select: text;
         }
+
+        .notice-line {
+            display: none;
+            max-width: 100%;
+            margin-bottom: 14px;
+            padding: 8px 12px;
+            border-radius: 10px;
+            background: rgba(255, 204, 102, 0.14);
+            color: #ffd98a;
+            font-size: 12px;
+            font-weight: 500;
+            text-align: center;
+            word-break: break-word;
+        }
     </style>
 </head>
 
@@ -199,6 +207,7 @@
         <div class="loader-card">
             <img class="app-icon" src="/white_favicon.png" alt="Vyla" draggable="false">
             <div class="status-text" id="status-message">Starting runtime engine...</div>
+            <div class="notice-line" id="notice-line"></div>
             <div id="debug-log-box"></div>
             <div class="file-line" id="file-line"></div>
             <div class="progress-track" id="progress-track" style="display: none;">
@@ -899,6 +908,19 @@ void main() {
                 if (data && data.message) setStatus(data.message);
             });
 
+            eventApi.listen("notice", (e) => {
+                const data = e.payload || e;
+                const el = document.getElementById("notice-line");
+                if (!el) return;
+                if (data && data.message) {
+                    el.textContent = data.message;
+                    el.style.display = "block";
+                } else {
+                    el.textContent = "";
+                    el.style.display = "none";
+                }
+            });
+
             eventApi.listen("download-progress", (e) => {
                 const data = e.payload || e;
                 if (data && typeof data.percent === "number") {