Fix Admin sidebar item visibility for self-hosted deployments (#189)

Co-authored-by: KMKoushik <24666922+KMKoushik@users.noreply.github.com>
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>

apps/web/src/components/AppSideBar.tsx

@@ -109,7 +109,7 @@ const settingsItems = [
     url: "/settings",
     icon: Cog,
   },
-  // TODO: Add conditional logic for Admin item based on isSelfHosted() || session?.user.isAdmin
+  // Admin item shows if user is admin OR if it's self-hosted
   {
     title: "Admin",
     url: "/admin",
@@ -200,11 +200,20 @@ export function AppSidebar() {
               {settingsItems.map((item) => {
                 const isActive = pathname?.startsWith(item.url);
 
-                if (item.isAdmin && !session?.user.isAdmin) {
+                // Special case for Admin item: show if user is admin OR if it's self-hosted
-                  return null;
+                if (item.isAdmin && item.isSelfHosted) {
-                }
+                  if (!session?.user.isAdmin && !isSelfHosted()) {
-                if (item.isSelfHosted && !isSelfHosted()) {
+                    return null;
-                  return null;
+                  }
+                } else {
+                  // Regular admin-only items
+                  if (item.isAdmin && !session?.user.isAdmin) {
+                    return null;
+                  }
+                  // Regular self-hosted-only items
+                  if (item.isSelfHosted && !isSelfHosted()) {
+                    return null;
+                  }
                 }
                 return (
                   <SidebarMenuItem key={item.title}>