From 8f5859921dc2db3dfcaf23c33f2042a32d748834 Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Sat, 29 Nov 2025 15:43:34 +0100
Subject: [PATCH] refactor(shared-ui): move Mana button to standalone pill in
 navigation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Move the Mana link from user dropdown to a dedicated pill button
in the main navigation bar for better visibility and accessibility.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../src/navigation/PillNavigation.svelte      | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/packages/shared-ui/src/navigation/PillNavigation.svelte b/packages/shared-ui/src/navigation/PillNavigation.svelte
index ce5162117..5a946d060 100644
--- a/packages/shared-ui/src/navigation/PillNavigation.svelte
+++ b/packages/shared-ui/src/navigation/PillNavigation.svelte
@@ -418,6 +418,23 @@
 				</PillDropdown>
 			{/if}
 
+			<!-- Mana Button -->
+			{#if manaHref}
+				<a
+					href={manaHref}
+					class="pill glass-pill"
+					class:active={currentPath === manaHref}
+					title="Mana"
+				>
+					<svg class="pill-icon" viewBox="0 0 24 24" fill="currentColor">
+						<path
+							d="M12.3047 1C12.3392 1.04573 19.608 10.6706 19.6084 14.6953C19.6084 18.7293 16.3386 21.9998 12.3047 22C8.27061 22 5 18.7294 5 14.6953C5.00041 10.661 12.3047 1 12.3047 1ZM12.3047 7.3916C12.2811 7.42276 8.65234 12.2288 8.65234 14.2393C8.65241 16.2562 10.2877 17.8916 12.3047 17.8916C14.3217 17.8916 15.957 16.2562 15.957 14.2393C15.957 12.2301 12.3331 7.42917 12.3047 7.3916Z"
+						/>
+					</svg>
+					<span class="pill-label">Mana</span>
+				</a>
+			{/if}
+
 			<!-- Theme Toggle (only show when not using theme variants dropdown) -->
 			{#if showThemeToggle && onToggleTheme && !showThemeVariants}
 				<button
@@ -452,19 +469,6 @@
 			{#if userEmail}
 				<PillDropdown
 					items={[
-						...(manaHref
-							? [
-									{
-										id: 'mana',
-										label: 'Mana',
-										icon: 'mana',
-										onClick: () => {
-											window.location.href = manaHref;
-										},
-										active: currentPath === manaHref,
-									},
-								]
-							: []),
 						{
 							id: 'settings',
 							label: 'Einstellungen',