From 75bcdb8b183fd7d129dc7eeaff0f2b884fbaed03 Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Sat, 30 Aug 2025 08:50:37 +0000
Subject: [PATCH] Basic navigation between auth and user pages.

---
 frontend/src/admin/AdminApp.vue         |  4 +++-
 frontend/src/components/ProfileView.vue | 23 +++++++++++++++++++++--
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/frontend/src/admin/AdminApp.vue b/frontend/src/admin/AdminApp.vue
index e1d3a31..81c6078 100644
--- a/frontend/src/admin/AdminApp.vue
+++ b/frontend/src/admin/AdminApp.vue
@@ -171,7 +171,7 @@ onMounted(load)
 
 <template>
   <div class="container">
-    <h1>Passkey Admin</h1>
+    <h1>Passkey Admin <a href="/auth/" class="back-link" title="Back to User App">User</a></h1>
     <p class="subtitle">Manage organizations, roles, and permissions</p>
 
     <div v-if="loading">Loading…</div>
@@ -301,4 +301,6 @@ onMounted(load)
 .pill-x { background: transparent; border: none; color: #900; cursor: pointer }
 button { padding: .25rem .5rem; border-radius: 6px; border: 1px solid #ddd; background: #fff; cursor: pointer }
 button:hover { background: #f7f7f7 }
+.back-link { font-size: .5em; margin-left: .75rem; text-decoration: none; background: #eee; padding: .25em .6em; border-radius: 999px; border: 1px solid #ccc; vertical-align: middle; line-height: 1.2; }
+.back-link:hover { background: #ddd; }
 </style>
diff --git a/frontend/src/components/ProfileView.vue b/frontend/src/components/ProfileView.vue
index 4c61282..a5b9f70 100644
--- a/frontend/src/components/ProfileView.vue
+++ b/frontend/src/components/ProfileView.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="view active">
-      <h1>👋 Welcome!</h1>
+  <h1>👋 Welcome! <a v-if="isAdmin" href="/auth/admin/" class="admin-link" title="Admin Console">Admin</a></h1>
       <div v-if="authStore.userInfo?.user" class="user-info">
         <h3>👤 {{ authStore.userInfo.user.user_name }}</h3>
         <span><strong>Visits:</strong></span>
@@ -78,7 +78,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, computed } from 'vue'
 import { useAuthStore } from '@/stores/auth'
 import { formatDate } from '@/utils/helpers'
 import passkey from '@/utils/passkey'
@@ -145,6 +145,8 @@ const logout = async () => {
   await authStore.logout()
   authStore.currentView = 'login'
 }
+
+const isAdmin = computed(() => !!(authStore.userInfo?.is_global_admin || authStore.userInfo?.is_org_admin))
 </script>
 
 <style scoped>
@@ -160,3 +162,20 @@ const logout = async () => {
   text-align: left;
 }
 </style>
+
+<style scoped>
+.admin-link {
+  font-size: 0.6em;
+  margin-left: 0.75rem;
+  text-decoration: none;
+  background: var(--color-background-soft, #eee);
+  padding: 0.2em 0.6em;
+  border-radius: 999px;
+  border: 1px solid var(--color-border, #ccc);
+  vertical-align: middle;
+  line-height: 1.2;
+}
+.admin-link:hover {
+  background: var(--color-background-mute, #ddd);
+}
+</style>