Connect live TLS probes to TrustLab UI

trustlab/ui/index.html

@@ -14,15 +14,24 @@
         <strong>Browsec security decision</strong>
         <span>Browser-owned test surface</span>
       </div>
-      <div class="frame-seal">TRUSTLAB · SYNTHETIC</div>
+      <div id="frame-seal" class="frame-seal">TRUSTLAB · SYNTHETIC</div>
     </header>
 
     <main>
       <aside class="controls" aria-label="TrustLab controls">
-        <p class="eyebrow">Synthetic input</p>
+        <p class="eyebrow">Input source</p>
         <label for="scenario">Certificate scenario</label>
         <select id="scenario"></select>
 
+        <form id="probe-form" class="probe-form">
+          <label for="probe-target">Live TLS target</label>
+          <div class="probe-row">
+            <input id="probe-target" name="target" type="text" inputmode="url" placeholder="example.com:443" autocomplete="off" required>
+            <button id="probe-submit" class="button" type="submit">Probe</button>
+          </div>
+          <p id="probe-message" class="probe-message" aria-live="polite"></p>
+        </form>
+
         <label class="toggle">
           <input id="community-enabled" type="checkbox" checked>
           <span>Village community evidence</span>
@@ -46,7 +55,7 @@
         </label>
 
         <p class="simulation-note">
-          This page evaluates fixtures only. It cannot alter browser trust.
+          Live probes are read-only. This page cannot alter browser or system trust.
         </p>
       </aside>
 
@@ -90,7 +99,7 @@
     <footer class="decision-bar">
       <div>
         <strong>Your local decision</strong>
-        <span>Exact host and port · current simulation</span>
+        <span>Exact host and port · local TrustLab decision</span>
       </div>
       <button id="clear-decision" class="button quiet" hidden>Clear decision</button>
       <button id="reject" class="button reject">Do not trust</button>