move debug svelte into debug folder. also control panel UI

2026-08-26 23:48:35 +08:00
parent 5916de9a91
commit daf374bf9e
11 changed files with 58 additions and 12 deletions
@@ -0,0 +1,27 @@
+<script lang="ts">
+  import {
+    connectionStatuses,
+    connectionStatusesListenerError,
+  } from "$lib/listeners/connection-status";
+</script>
+
+<section>
+  <h1>Connections</h1>
+
+  {#if $connectionStatusesListenerError}
+    <p aria-live="polite">{$connectionStatusesListenerError}</p>
+  {:else if $connectionStatuses.length === 0}
+    <p>No remote connections configured.</p>
+  {:else}
+    <ul aria-live="polite">
+      {#each $connectionStatuses as status (status.remoteId)}
+        <li>
+          <strong>{status.name ?? status.address}</strong>: {status.state}
+          {#if status.name}
+            <span> — {status.address}</span>
+          {/if}
+        </li>
+      {/each}
+    </ul>
+  {/if}
+</section>