diff --git a/apps/desktop/src/app/shell/statusbar-controls.tsx b/apps/desktop/src/app/shell/statusbar-controls.tsx
index dc3a4d77382..20f2f52e514 100644
--- a/apps/desktop/src/app/shell/statusbar-controls.tsx
+++ b/apps/desktop/src/app/shell/statusbar-controls.tsx
@@ -2,6 +2,7 @@ import type { ComponentProps, ReactNode } from 'react'
import { useNavigate } from 'react-router-dom'
import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
+import { Tip } from '@/components/ui/tooltip'
import { cn } from '@/lib/utils'
// Shared chrome styling for interactive statusbar items (button / link / menu
@@ -97,93 +98,101 @@ function StatusbarItemView({ item, navigate }: { item: StatusbarItem; navigate:
if (item.variant === 'menu' && (item.menuContent || (item.menuItems && item.menuItems.length > 0))) {
return (
-
-
-
-
-
- {item.menuContent
- ? item.menuContent
- : (item.menuItems ?? [])
- .filter(menuItem => !menuItem.hidden)
- .map(menuItem => (
- {
- if (menuItem.to) {
- navigate(menuItem.to)
- }
+
+
+
+
+
+
+ {item.menuContent
+ ? item.menuContent
+ : (item.menuItems ?? [])
+ .filter(menuItem => !menuItem.hidden)
+ .map(menuItem => (
+ {
+ if (menuItem.to) {
+ navigate(menuItem.to)
+ }
- menuItem.onSelect?.()
- }}
- >
- {menuItem.href ? (
-
- {menuItem.icon}
- {menuItem.label}
-
- ) : (
- <>
- {menuItem.icon}
- {menuItem.label}
- >
- )}
-
- ))}
-
-
+ menuItem.onSelect?.()
+ }}
+ >
+ {menuItem.href ? (
+
+ {menuItem.icon}
+ {menuItem.label}
+
+ ) : (
+ <>
+ {menuItem.icon}
+ {menuItem.label}
+ >
+ )}
+
+ ))}
+
+
+
)
}
if (item.variant === 'text' && !item.onSelect && !item.to && !item.href) {
return (
-
- {content}
-
+
+
+ {content}
+
+
)
}
if (item.href || item.variant === 'link') {
return (
-
- {content}
-
+
+
+ {content}
+
+
)
}
return (
-
+
)
}