From 97260daf8d996cbf6caef885e463ccd58315aff1 Mon Sep 17 00:00:00 2001
From: anti <samuel@securejump.cl>
Date: Wed, 29 Apr 2026 12:01:42 -0400
Subject: [PATCH] fix(ui): make .info-banner usable inside the deploy-wizard
 modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PersonaGeneration.css scopes .info-banner under .persona-gen-root,
which doesn't match elements rendered inside the Modal portal —
so the wizard's CONFIGURATION-step banner I just added rendered
as plain text.

Add a page-unscoped .info-banner rule in DeckyFleet.css with the
same visual treatment (faint bg, violet left rule) so any modal
context picks it up.
---
 decnet_web/src/components/DeckyFleet.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/decnet_web/src/components/DeckyFleet.css b/decnet_web/src/components/DeckyFleet.css
index 374dd0b6..a887ca5f 100644
--- a/decnet_web/src/components/DeckyFleet.css
+++ b/decnet_web/src/components/DeckyFleet.css
@@ -127,6 +127,20 @@
 }
 .decky-hits { font-variant-numeric: tabular-nums; }
 
+/* Info banner — used in the deploy wizard and elsewhere a small
+   contextual note belongs.  Page-unscoped so it works inside the
+   Modal portal; PersonaGeneration.css scopes its own copy under
+   .persona-gen-root, which doesn't match the modal's DOM location. */
+.info-banner {
+  background: rgba(255, 255, 255, 0.02);
+  border: 1px solid var(--border);
+  border-left: 3px solid var(--violet);
+  padding: 10px 14px;
+  font-size: 0.78rem;
+  line-height: 1.5;
+}
+.info-banner em { color: var(--matrix); font-style: normal; }
+
 /* Status dots */
 .status-dot {
   display: inline-block;