Add CD1 connector format to analysis.jsp (Strernary/direct port dialog)

Author: mearvk

modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/analysis.jsp

@@ -112,6 +112,36 @@
     </div>
 </div></nav>
 
+<!-- CD1 Connector -->
+<div style="text-align:center;margin:1.5rem 0 0.5rem 0;">
+    <button id="cd1-btn" type="button" aria-pressed="false" style="all:unset;display:block;margin:0 auto;cursor:pointer;padding:0;border:none;background:transparent;transition:transform 0.3s cubic-bezier(0.42,-1.84,0.42,1.84),filter 0.3s ease;">
+        <img src="images/black.button.png" alt="Connector" style="display:block;width:80px;height:80px;border-radius:50%;background:transparent;"/>
+    </button>
+</div>
+<div id="cd1-overlay" style="display:none;position:fixed;inset:0;z-index:299;background:transparent;"></div>
+<div id="cd1-dialog" style="display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300;background:#111118;border:1px solid #27272a;border-radius:12px;padding:1.25rem;width:520px;max-width:90vw;box-shadow:0 8px 32px rgba(0,0,0,0.6);">
+    <div style="font-size:0.9rem;font-weight:600;color:#fff;margin-bottom:0.75rem;">BMA Connector &#8212; Analysis Division</div>
+    <div style="display:flex;gap:0.5rem;margin-bottom:0.75rem;flex-wrap:wrap;align-items:center;">
+        <select id="cd1-action" style="background:#1a1a24;color:#fff;border:1px solid #27272a;border-radius:8px;padding:0.45rem 2rem 0.45rem 0.75rem;font-size:0.8rem;cursor:pointer;appearance:none;">
+            <option value="connect">Connect</option>
+            <option value="disconnect">Disconnect</option>
+            <option value="poll">Poll Analysis Queue</option>
+            <option value="hardreset">Hard Reset Connection</option>
+        </select>
+        <button onclick="cd1Send()" style="background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:0.45rem 1rem;font-size:0.8rem;font-weight:600;cursor:pointer;">Send</button>
+        <button onclick="cd1Ok()" style="background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:0.45rem 1rem;font-size:0.8rem;font-weight:600;cursor:pointer;">OK</button>
+    </div>
+    <div style="display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem;">
+        <label style="display:flex;align-items:center;gap:0.4rem;color:#a1a1aa;font-size:0.75rem;cursor:pointer;">
+            <input type="checkbox" id="cd1-direct-port" style="accent-color:#3b82f6;width:14px;height:14px;cursor:pointer;"/>
+            Direct Port (bypass Strernary&#8482; 20000)
+        </label>
+        <span id="cd1-mode-badge" style="font-size:0.65rem;background:#1e3a5f;color:#60a5fa;padding:0.2rem 0.5rem;border-radius:4px;">STRERNARY</span>
+    </div>
+    <textarea id="cd1-textarea" placeholder="Connection idle..." spellcheck="false" style="width:100%;min-height:140px;background:#ffffff;color:#111;border:1px solid #27272a;border-radius:8px;padding:0.75rem;font-family:monospace;font-size:0.8rem;resize:vertical;"></textarea>
+</div>
+<script>var CD1_MODULE_PORT = "49152";</script>
+
 <section class="hero" style="padding:3rem 2rem;">
     <div class="hero-inner">
         <span class="hero-tag">Data &#183; Audio &#183; Image Analysis</span>
@@ -415,5 +445,6 @@
     }
 })();
 </script>
+<script src="js/cd1-connector.js"></script>
 </body>
 </html>