From 88fd31ca8ccbc5d4d38dd9eec0673d2f097021e5 Mon Sep 17 00:00:00 2001
From: Jaakko Vanhala <jaakko.vanhala@kamk.fi>
Date: Sun, 5 Apr 2026 08:39:48 +0300
Subject: [PATCH] =?UTF-8?q?Hub-yhteyden=20tila=20omaksi=20status-palkiksi?=
 =?UTF-8?q?=20terminaalin=20yl=C3=A4puolelle=20(agents-n=C3=A4kym=C3=A4)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 network-poc/static/index.html | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/network-poc/static/index.html b/network-poc/static/index.html
index 98f571e..23ae9fe 100644
--- a/network-poc/static/index.html
+++ b/network-poc/static/index.html
@@ -1090,9 +1090,12 @@
                     </div>
                 </div>
 
-                <div class="terminal-panel" id="agent-terminal" style="margin-top: 20px;">
-                    <div class="terminal-line"><span class="terminal-prompt">$</span> kpn hub connect wss://localhost</div>
-                    <div class="terminal-line" style="color:#a5d6ff">  ✓ Yhdistetty Kipinä Hubiin</div>
+                <div id="agent-hub-status" style="margin-top:20px;padding:8px 14px;background:#0d1117;border:1px solid var(--border-color);border-radius:6px 6px 0 0;font-family:'Courier New',monospace;font-size:13px;display:flex;align-items:center;gap:8px">
+                    <span id="agent-hub-dot" style="width:8px;height:8px;border-radius:50%;background:#d29922;display:inline-block"></span>
+                    <span style="color:#8b949e">Hub:</span>
+                    <span id="agent-hub-label" style="color:#d29922">Yhdistetään...</span>
+                </div>
+                <div class="terminal-panel" id="agent-terminal" style="margin-top:0;border-top:none;border-radius:0">
                 </div>
                 <div style="display:flex;align-items:center;background:#010409;border:1px solid var(--border-color);border-top:none;border-radius:0 0 6px 6px;padding:8px 12px;font-family:'Courier New',monospace;font-size:14px">
                     <span style="color:#d29922;margin-right:8px;flex-shrink:0">$</span>
@@ -1634,6 +1637,12 @@
         const uiSocket = new WebSocket(`${window.location.protocol === 'https:' ? 'wss:' : 'ws:'}//${window.location.host}/ws`);
         window._uiSocket = uiSocket;
         uiSocket.onopen = async () => {
+            // Päivitetään agents-näkymän hub-status
+            const hubDot = document.getElementById('agent-hub-dot');
+            const hubLabel = document.getElementById('agent-hub-label');
+            if (hubDot) hubDot.style.background = '#3fb950';
+            if (hubLabel) { hubLabel.textContent = 'Yhdistetty'; hubLabel.style.color = '#3fb950'; }
+
             // Päivitetään molemmat statukset
             const el = document.getElementById('node-status');
             el.textContent = 'Connected';
@@ -1681,6 +1690,11 @@
             }));
         };
         uiSocket.onclose = () => {
+            const hubDot = document.getElementById('agent-hub-dot');
+            const hubLabel = document.getElementById('agent-hub-label');
+            if (hubDot) hubDot.style.background = '#f85149';
+            if (hubLabel) { hubLabel.textContent = 'Yhteys katkennut'; hubLabel.style.color = '#f85149'; }
+
             const el = document.getElementById('node-status');
             el.textContent = 'Disconnected';
             el.style.color = '#f85149';