From 2cd61113c1a3404f3f9d379dd59614d560673091 Mon Sep 17 00:00:00 2001
From: LukeParkerDev <10430890+Hona@users.noreply.github.com>
Date: Thu, 16 Apr 2026 15:03:05 +1000
Subject: [PATCH] feat: show other distro install options

---
 .../src/components/dialog-local-server.tsx    | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/packages/app/src/components/dialog-local-server.tsx b/packages/app/src/components/dialog-local-server.tsx
index aa2e0a4dea..524fbfb06a 100644
--- a/packages/app/src/components/dialog-local-server.tsx
+++ b/packages/app/src/components/dialog-local-server.tsx
@@ -44,6 +44,11 @@ export function DialogLocalServer() {
   const busy = createMemo(() => !!current()?.job)
   const mode = createMemo(() => current()?.config.mode ?? "windows")
   const selected = createMemo(() => current()?.checks.distro?.selected)
+  const otherDistros = createMemo(() =>
+    (current()?.checks.distro?.online ?? [])
+      .filter((item) => item.name !== "Debian" && item.name !== "Ubuntu-24.04")
+      .slice(0, 8),
+  )
   const configuredRuntime = createMemo(() => {
     const state = current()
     if (!state) return { mode: "windows" as const, distro: null as string | null }
@@ -224,6 +229,26 @@ export function DialogLocalServer() {
               </Button>
             </div>
 
+            <Show when={otherDistros().length > 0}>
+              <div class="flex flex-col gap-2">
+                <div class="text-12-medium text-text-strong">Other distros</div>
+                <div class="flex flex-wrap gap-2">
+                  <For each={otherDistros()}>
+                    {(item) => (
+                      <Button
+                        variant="secondary"
+                        size="large"
+                        disabled={busy()}
+                        onClick={() => void run(() => localServer()!.installDistro(item.name))}
+                      >
+                        {item.label}
+                      </Button>
+                    )}
+                  </For>
+                </div>
+              </div>
+            </Show>
+
             <div class="flex flex-col gap-2">
               <div class="text-12-medium text-text-strong">Installed distros</div>
               <Show