From 19673dc6529a5877dd64a9826c0c618e738bee82 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 16 Feb 2024 19:18:18 -0600
Subject: [PATCH] wip

---
 common/watcher.py                   |  2 +-
 selfdrive/ui/qt/offroad/settings.cc |  4 ++--
 shell/watcher.html                  | 17 ++++++++++++-----
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/common/watcher.py b/common/watcher.py
index 218e345..5fcab2d 100644
--- a/common/watcher.py
+++ b/common/watcher.py
@@ -18,7 +18,7 @@ class Watcher:
 
     def log_watch(var_name, message):
         global watcher_sock
-        ensure_socket_connected()  # Ensure the socket is connected before attempting to log
+        self.ensure_socket_connected()  # Ensure the socket is connected before attempting to log
         if watcher_sock:  # Proceed only if sock is not None (i.e., is connected)
             message_json = json.dumps(message)
             try:
diff --git a/selfdrive/ui/qt/offroad/settings.cc b/selfdrive/ui/qt/offroad/settings.cc
index 4662753..e67a5d8 100644
--- a/selfdrive/ui/qt/offroad/settings.cc
+++ b/selfdrive/ui/qt/offroad/settings.cc
@@ -448,14 +448,14 @@ SettingsWindow::SettingsWindow(QWidget *parent) : QFrame(parent) {
 
   QList<QPair<QString, QWidget *>> panels = {
     {tr("Basic"), toggles},
-    {tr("Customization"), frogpilotVisuals},
+    {tr("Interface"), frogpilotVisuals},
     {tr("Advanced"), frogpilotControls},
     {tr("System"), new Networking(this)},
     {tr("Extras"), device},
     // {tr("Navigation"), new FrogPilotNavigationPanel(this)},
     // {tr("Vehicles"), new FrogPilotVehiclesPanel(this)},
     // {tr("Visuals"), frogpilotVisuals},
-    // {tr("Device"), device},
+    {tr("Device"), device},
   };
 
   nav_btns = new QButtonGroup(this);
diff --git a/shell/watcher.html b/shell/watcher.html
index 1730c5e..add68ad 100644
--- a/shell/watcher.html
+++ b/shell/watcher.html
@@ -5,27 +5,34 @@
     <title>WebSocket Test</title>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script>
-        $(document).ready(function() {
+        let connect = function() {
             let host = window.location.host;
 
             if (host.indexOf(":") != -1) {
                 host = host.substr(0,host.indexOf(":"));
             }
-            
+
             // Replace 'ws://localhost/ws' with your WebSocket server address
             var ws = new WebSocket('ws://'+host+':1025/ws');
-            
+
             ws.onopen = function() {
                 console.log('WebSocket connection established');
             };
-            
+
             ws.onmessage = function(event) {
                 console.log('Message received: ' + event.data);
             };
-            
+
             ws.onclose = function() {
                 console.log('WebSocket connection closed');
+                setTimeout(function() {
+                    connect();
+                }, 5000);
             };
+        };
+
+        $(document).ready(function() {
+            connect();
         });
     </script>
 </head>