List ~/.ssh/config hosts in the panel source dropdown

Read-only group below saved connections; hosts resolve HostName/User/
Port/IdentityFile (Include, wildcards, %-tokens) and connect on click.
New ssh-agent auth kind covers hosts without a usable identity file;
ProxyJump/ProxyCommand hosts are shown disabled.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

ui/src/app/file-panel/file-panel.html

@@ -1,7 +1,7 @@
 <!-- session strip -->
 <div class="relative flex items-center gap-1.5 border-b border-border px-2 py-1">
   <button
-    (click)="menuOpen.set(!menuOpen())"
+    (click)="toggleMenu()"
     class="flex min-w-0 items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium hover:bg-accent"
     title="Choose what this panel shows"
   >
@@ -128,6 +128,24 @@
         }
       }
 
+      @if (connections.sshHosts().length) {
+        <div class="my-1 border-t border-border"></div>
+        <div class="px-3 pt-1.5 pb-0.5 text-[10px] font-medium tracking-wide text-muted-foreground uppercase">
+          ~/.ssh/config
+        </div>
+        @for (host of connections.sshHosts(); track host.name) {
+          <button
+            (click)="pickSshHost(host)"
+            [disabled]="host.unsupported"
+            [title]="sshHostTitle(host)"
+            class="flex w-full items-center gap-2 py-1.5 pr-3 pl-5 text-left text-xs hover:bg-accent disabled:opacity-60 disabled:hover:bg-transparent"
+          >
+            <ng-icon name="mynaServers" size="0.9rem" class="shrink-0 text-muted-foreground" />
+            <span class="flex-1 truncate">{{ host.name }}</span>
+          </button>
+        }
+      }
+
       <div class="my-1 border-t border-border"></div>
       <button
         (click)="openManager()"