From 1a0d0446f308b820d5ed8a2fa6d22d2eab96b64d Mon Sep 17 00:00:00 2001
From: Fabrice Bellamy <fabrice.bellamy@distrilab.fr>
Date: Tue, 20 Jan 2026 21:07:52 +0100
Subject: [PATCH] move the connection method indication to the sidebar

---
 src/lib/layout/sidebar.svelte | 20 ++++++++++++++------
 src/lib/views/homeView.svelte |  4 ----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/lib/layout/sidebar.svelte b/src/lib/layout/sidebar.svelte
index f508ccb..f2cfdb5 100644
--- a/src/lib/layout/sidebar.svelte
+++ b/src/lib/layout/sidebar.svelte
@@ -120,11 +120,19 @@
             >Device Status</span
           >
           {#if device.connected}
-            <Badge
-              variant="default"
-              class="bg-green-600 hover:bg-green-600 text-[10px] px-1.5 h-5"
-              >Online</Badge
-            >
+            {#if device.method === "FIDO"}
+              <Badge
+                variant="default"
+                class="bg-amber-500 hover:bg-amber-500 text-[10px] px-1.5 h-5"
+                >Online - Fido</Badge
+              >
+            {:else}
+              <Badge
+                variant="default"
+                class="bg-green-600 hover:bg-green-600 text-[10px] px-1.5 h-5"
+                >Online</Badge
+              >
+            {/if}
           {:else if device.error}
             <Badge
               variant="destructive"
@@ -165,7 +173,7 @@
           <RefreshCw class="h-4 w-4 {device.loading ? 'animate-spin' : ''}" />
         </Button>
         <div
-          class={`h-2 w-2 rounded-full ${device.connected ? "bg-green-500" : device.error ? "bg-amber-500" : "bg-red-500"}`}
+          class={`h-2 w-2 rounded-full ${device.connected ? (device.method === "FIDO" ? "bg-amber-500" : "bg-green-500") : device.error ? "bg-amber-500" : "bg-red-500"}`}
         ></div>
       </div>
     </Sidebar.Footer>
diff --git a/src/lib/views/homeView.svelte b/src/lib/views/homeView.svelte
index b7df1bf..052749c 100644
--- a/src/lib/views/homeView.svelte
+++ b/src/lib/views/homeView.svelte
@@ -60,10 +60,6 @@
               <p class="text-muted-foreground">Product Name</p>
               <p class="font-medium truncate">{device.config.productName}</p>
             </div>
-            <div class="space-y-1">
-              <p class="text-muted-foreground">Connection Method</p>
-              <Badge variant="outline" class="font-mono">{device.method}</Badge>
-            </div>
           </div>
 
           <Separator />