feat(panel.html): use ?query instead of #hash for client selection

Reviewed-on: #16

CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file.
 
+## [0.7.0-dev.1] - 2026-03-08
+
+### Features
+
+- [`d7b1368`](https://github.com/pufereq/template-repo/commit/d7b136851bafa2c20e1634bd5568f4bac839177f) **client_details.html**: add temporary initial telemetry display
+- [`7e9a9e6`](https://github.com/pufereq/template-repo/commit/7e9a9e6eede6cc926fef64c626434e65984befbc) **backend_server.py**: add `initial_telemetry` support
+- [`6ed03ab`](https://github.com/pufereq/template-repo/commit/6ed03ab74de8e91d13b5f1971a3f4cec890e4fef) **client.py**: add `Client.initial_telemetry` property
+- [`40c08d0`](https://github.com/pufereq/template-repo/commit/40c08d01693973f29f13c133a11fc5f166891a25) **initial_handler.py**: add handler for `TELEMETRY/INTIIAL` msgs
+
+### Build
+
+- [`3d13d24`](https://github.com/pufereq/template-repo/commit/3d13d241168b011c0044eb64db4b0fe70878d748) **uv.lock**: update judas_protocol to 0.9.1
+- [`28b57b6`](https://github.com/pufereq/template-repo/commit/28b57b6964bfcd6ce78f2a77822f7221f6e4f7e5) **uv.lock**: update judas_protocol to 0.9.0
+
 ## [0.6.0] - 2026-03-05
 
 ### Bug Fixes

pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "uv_build"
 
 [project]
 name = "judas_server"
-version = "0.6.0"
+version = "0.7.0-dev.1"
 description = "The backbone of the remote PC fleet management system."
 readme = "README.md"
 authors = []

src/judas_server/web/templates/panel.html

@@ -33,11 +33,12 @@
             });
         };
 
-        // load client_details for the client specified in the URL hash
+        // load client_details for the client specified in the URL
-        const hash = window.location.hash;
+        const urlParams = new URLSearchParams(window.location.search);
-        if (hash) {
+        const clientId = urlParams.get("client");
-          const clientId = hash.substring(1);
+        if (clientId) {
           loadClientDetails(clientId);
+          $(`#client-list a[href="?client=${clientId}"]`).addClass("active");
         }
 
         $("#notify").hide();
@@ -141,7 +142,7 @@
               li.append(iconElement);
               const a = $("<a></a>")
                 .text(statusText)
-                .attr("href", `#${clientId}`);
+                .attr("href", `?client=${clientId}`);
 
               li.attr(
                 "title",
@@ -164,19 +165,19 @@
           $("#client-list li > a")
             .off("click")
             .on("click", function (e) {
-              const href = $(this).attr("href");
+              let clientId = $(this).attr("href").substring(1);
-              if (href.startsWith("#")) {
+              // this is client=clientId
-                const clientId = href.substring(1);
+
-                loadClientDetails(clientId);
+              clientId = clientId.replace("client=", "");
-                $("#client-list li > a").removeClass("active");
-                $(this).addClass("active");
-              }
-            });
 
-          if (window.location.hash) {
-            const clientId = window.location.hash.substring(1);
               loadClientDetails(clientId);
-          }
+              $("#client-list a").removeClass("active");
+              $(this).addClass("active");
+              e.preventDefault();
+
+              let newUrl = `${window.location.pathname}?client=${clientId}`;
+              window.history.pushState({ path: newUrl }, "", newUrl);
+            });
         });
       });
     </script>

uv.lock

@@ -363,7 +363,7 @@ source = { git = "https://gitea.pufereq.pl/judas/judas_protocol.git#085c34f232f9
 
 [[package]]
 name = "judas-server"
-version = "0.6.0"
+version = "0.7.0.dev1"
 source = { editable = "." }
 dependencies = [
     { name = "flask" },