From 39aa46bc7a3bcf63865f4bef5b5873337a765ef9 Mon Sep 17 00:00:00 2001
From: Lucas Santos <hello@lsantos.dev>
Date: Sun, 8 Nov 2026 21:14:15 +0100
Subject: [PATCH] feat(ui): show the version in the sidebar and link the
 repository in About

---
 apps/ui/app/layouts/default.vue | 36 ++++++++++++++++++---------------
 apps/ui/app/pages/settings.vue  |  9 +++++++++
 2 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/apps/ui/app/layouts/default.vue b/apps/ui/app/layouts/default.vue
index a35dd8a..8c4efb5 100644
--- a/apps/ui/app/layouts/default.vue
+++ b/apps/ui/app/layouts/default.vue
@@ -2,6 +2,7 @@
 import type { NavigationMenuItem } from '@nuxt/ui'
 
 const { state, logout } = useAuth()
+const version = useRuntimeConfig().public.appVersion
 
 // Peers and *arr servers are managed as sections under Settings, so the nav is
 // just the three live views plus configuration.
@@ -46,22 +47,25 @@ async function onLogout() {
       </template>
 
       <template #footer="{ collapsed }">
-        <div class="flex w-full items-center gap-1.5" :class="collapsed ? 'flex-col' : ''">
-          <UButton
-            v-if="state.mode === 'cookie'"
-            :label="collapsed ? undefined : 'Sign out'"
-            icon="i-ph-sign-out"
-            color="neutral"
-            variant="ghost"
-            :loading="loggingOut"
-            :block="!collapsed"
-            :class="!collapsed && 'flex-1 justify-start'"
-            @click="onLogout"
-          />
-          <span v-else-if="!collapsed" class="flex-1 truncate px-2.5 text-xs text-muted">
-            Key injected by host
-          </span>
-          <UColorModeButton />
+        <div class="flex w-full flex-col gap-1">
+          <span v-if="!collapsed" class="px-2.5 font-mono text-xs text-dimmed">v{{ version }}</span>
+          <div class="flex w-full items-center gap-1.5" :class="collapsed ? 'flex-col' : ''">
+            <UButton
+              v-if="state.mode === 'cookie'"
+              :label="collapsed ? undefined : 'Sign out'"
+              icon="i-ph-sign-out"
+              color="neutral"
+              variant="ghost"
+              :loading="loggingOut"
+              :block="!collapsed"
+              :class="!collapsed && 'flex-1 justify-start'"
+              @click="onLogout"
+            />
+            <span v-else-if="!collapsed" class="flex-1 truncate px-2.5 text-xs text-muted">
+              Key injected by host
+            </span>
+            <UColorModeButton />
+          </div>
         </div>
       </template>
     </UDashboardSidebar>
diff --git a/apps/ui/app/pages/settings.vue b/apps/ui/app/pages/settings.vue
index 96b6984..f237148 100644
--- a/apps/ui/app/pages/settings.vue
+++ b/apps/ui/app/pages/settings.vue
@@ -374,6 +374,15 @@ async function confirmRevoke() {
                 <p class="text-xs text-muted">
                   Self-hosted *arr peer bridge
                 </p>
+                <ULink
+                  to="https://github.com/roziscoding/jack"
+                  target="_blank"
+                  rel="noopener"
+                  class="mt-1 inline-flex items-center gap-1 text-xs"
+                >
+                  <UIcon name="i-ph-github-logo" class="size-3.5" />
+                  roziscoding/jack
+                </ULink>
               </div>
             </div>