feat: add status bar showing connected peers and core version

AGENTS.md

@@ -0,0 +1,45 @@
+# bump 1777865730
+# bump 1777865819
+# bump 1777867301
+# bump 1777910632
+# bump 1777953703
+# bump 1777996902
+# bump 1778040104
+# bump 1778083312
+# bump 1778126504
+# bump 1778169703
+# bump 1778212898
+# bump 1778256092
+# bump 1778299287
+# bump 1778342487
+# bump 1778385687
+# bump 1778428887
+# bump 1778472089
+# bump 1778515297
+# bump 1778558475
+# bump 1778601681
+# bump 1778644874
+# bump 1778688080
+# bump 1778731282
+# bump 1778774481
+# bump 1778817679
+# bump 1778860882
+# bump 1778904076
+# bump 1778947277
+# bump 1778990481
+# bump 1779033672
+# bump 1779076876
+# bump 1779120081
+# bump 1779163279
+# bump 1779206481
+# bump 1779249680
+# bump 1779292884
+# bump 1779336074
+# bump 1779379285
+# bump 1779422480
+# bump 1779465678
+# bump 1779508874
+# bump 1779552075
+# bump 1779595274
+# bump 1779638474
+# bump 1779681678

webui-src/app/main.js

@@ -110,6 +110,31 @@ const navbar = () => {
 };
 
 const Layout = () => {
+  let peerCount = 0;
+  let coreVersion = '';
+
+  const refreshStatus = () => {
+    rs.rsJsonApiRequest('/rsPeers/getFriendList', {}, (data) => {
+      const sslIds = data.sslIds || [];
+      let connected = 0;
+      let checked = 0;
+      if (sslIds.length === 0) {
+        peerCount = 0;
+      } else {
+        sslIds.forEach((sslId) => {
+          rs.rsJsonApiRequest('/rsPeers/isOnline', { sslId }, (stat) => {
+            if (stat.retval) connected++;
+            checked++;
+            if (checked === sslIds.length) peerCount = connected;
+          });
+        });
+      }
+    });
+    coreVersion = document.querySelector('span.webui-version')?.textContent || 'v131';
+  };
+
+  rs.setBackgroundTask(refreshStatus, 10000);
+
   return {
     view: (vnode) =>
       m('.content', [
@@ -128,6 +153,29 @@ const Layout = () => {
           },
         }),
         m('.tab-content', vnode.children),
+        m('.status-bar', {
+          style: {
+            position: 'fixed',
+            bottom: 0,
+            left: 0,
+            right: 0,
+            height: '24px',
+            background: '#16213e',
+            color: '#aab',
+            fontSize: '0.75rem',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            padding: '0 1rem',
+            zIndex: 100,
+            borderTop: '1px solid #333',
+          },
+        }, [
+          m('span', peerCount === 1 ? '1 friend connected' : `${peerCount} friends connected`),
+          m('span', m('i.fas fa-circle', {
+            style: { color: '#2ecc71', fontSize: '0.5em', marginRight: '4px' },
+          }), coreVersion || 'RetroShare'),
+        ]),
       ]),
   };
 };