@logickernel/bridge 0.9.8 → 0.9.9

package/dist/next/components.cjs

@@ -445,14 +445,14 @@ function SidebarTrigger({
       "data-slot": "sidebar-trigger",
       variant: "ghost",
       size: "icon",
-      className: cn("size-7", className),
+      className: cn(className, "size-7"),
       onClick: (event) => {
         onClick?.(event);
         toggleSidebar();
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.PanelLeftIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.MenuIcon, {}),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
@@ -484,12 +484,11 @@ function SidebarRail({ className, ...props }) {
 }
 function SidebarInset({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "main",
+    "div",
     {
       "data-slot": "sidebar-inset",
       className: cn(
         "bg-background relative flex w-full flex-1 flex-col",
-        "px-4",
         "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
         className
       ),
@@ -757,6 +756,7 @@ function getIconComponent(icon) {
 }
 function NavMain({ items }) {
   const pathname = navigation.usePathname();
+  const { isMobile, setOpenMobile } = useSidebar();
   if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
     console.log("[NavMain] Received items:", {
       itemsCount: items.length,
@@ -856,7 +856,18 @@ function NavMain({ items }) {
                     ]
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSub, { children: item.items?.map((subItem) => /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: subItem.url, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: subItem.title }) }) }) }, subItem.title)) }) })
+                /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSub, { children: item.items?.map((subItem) => /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuSubButton, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Link__default.default,
+                  {
+                    href: subItem.url,
+                    onClick: () => {
+                      if (isMobile) {
+                        setOpenMobile(false);
+                      }
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: subItem.title })
+                  }
+                ) }) }, subItem.title)) }) })
               ] })
             },
             item.title
@@ -868,10 +879,21 @@ function NavMain({ items }) {
             asChild: true,
             tooltip: item.title,
             isActive,
-            children: /* @__PURE__ */ jsxRuntime.jsxs(Link__default.default, { href: item.url, children: [
-              item.icon && /* @__PURE__ */ jsxRuntime.jsx(item.icon, {}),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title })
-            ] })
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              Link__default.default,
+              {
+                href: item.url,
+                onClick: () => {
+                  if (isMobile) {
+                    setOpenMobile(false);
+                  }
+                },
+                children: [
+                  item.icon && /* @__PURE__ */ jsxRuntime.jsx(item.icon, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title })
+                ]
+              }
+            )
           }
         ) }, item.title);
       }) })
@@ -1109,11 +1131,19 @@ function TeamSwitcher({
   const isAppOrgRoute = pathname.startsWith("/app/") && pathSegments.length > 2 && pathSegments[2] !== "user";
   const pathOrgId = isAppOrgRoute ? pathSegments[2] : null;
   const currentOrgId = organizationId || (pathOrgId && teams.some((team) => team.id === pathOrgId) ? pathOrgId : null);
-  const activeTeam = currentOrgId ? teams.find((team) => team.id === currentOrgId) : null;
   const handleTeamChange = (teamId) => {
+    if (isMobile && sidebar?.setOpenMobile) {
+      sidebar.setOpenMobile(false);
+    }
     router.push(`/app/${teamId}/home`);
     router.refresh();
   };
+  const handleManageOrganizations = () => {
+    if (isMobile && sidebar?.setOpenMobile) {
+      sidebar.setOpenMobile(false);
+    }
+    router.push("/app/user/organizations");
+  };
   const teamsWithLogo = teams.map((org) => {
     const logoIcon = org.logo ? getIconComponent(org.logo) : LucideIcons.GalleryVerticalEnd;
     return {
@@ -1123,6 +1153,7 @@ function TeamSwitcher({
       plan: org.plan || "Member"
     };
   });
+  const activeTeamWithLogo = currentOrgId ? teamsWithLogo.find((team) => team.id === currentOrgId) : null;
   if (teamsWithLogo.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(SidebarMenu, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(SidebarMenuButton, { size: "lg", className: "cursor-default", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.GalleryVerticalEnd, { className: "size-4 text-muted-foreground" }) }),
@@ -1132,70 +1163,6 @@ function TeamSwitcher({
       ] })
     ] }) }) });
   }
-  if (!activeTeam) {
-    return /* @__PURE__ */ jsxRuntime.jsx(SidebarMenu, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        SidebarMenuButton,
-        {
-          size: "lg",
-          className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.GalleryVerticalEnd, { className: "size-4 text-muted-foreground" }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: "Organizations" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-xs text-muted-foreground", children: [
-                teamsWithLogo.length,
-                " available"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronsUpDown, { className: "ml-auto" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        DropdownMenuContent,
-        {
-          className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
-          align: "start",
-          side: isMobile ? "bottom" : "right",
-          sideOffset: 4,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: "Select an organization" }),
-            teamsWithLogo.map((team) => /* @__PURE__ */ jsxRuntime.jsxs(
-              DropdownMenuItem,
-              {
-                onClick: () => handleTeamChange(team.id),
-                className: "gap-2 p-2",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-6 items-center justify-center rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsx(team.logo, { className: "size-3.5 shrink-0" }) }),
-                  team.name
-                ]
-              },
-              team.id
-            )),
-            /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              DropdownMenuItem,
-              {
-                className: "gap-2 p-2",
-                onClick: () => router.push("/app/user/organizations"),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-transparent", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.GalleryVerticalEnd, { className: "size-4" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground font-medium", children: "Manage organizations" })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    ] }) }) });
-  }
-  const activeTeamWithLogo = teamsWithLogo.find(
-    (team) => team.id === currentOrgId
-  );
-  if (!activeTeamWithLogo) {
-    return null;
-  }
   return /* @__PURE__ */ jsxRuntime.jsx(SidebarMenu, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       SidebarMenuButton,
@@ -1203,10 +1170,18 @@ function TeamSwitcher({
         size: "lg",
         className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(activeTeamWithLogo.logo, { className: "size-4" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: activeTeamWithLogo.name }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs", children: activeTeamWithLogo.plan })
+          activeTeamWithLogo ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(activeTeamWithLogo.logo, { className: "size-4" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 text-left text-sm leading-tight", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: activeTeamWithLogo.name }) })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted flex aspect-square size-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.GalleryVerticalEnd, { className: "size-4 text-muted-foreground" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: "Organizations" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-xs text-muted-foreground", children: [
+                teamsWithLogo.length,
+                " available"
+              ] })
+            ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronsUpDown, { className: "ml-auto" })
         ]
@@ -1220,7 +1195,7 @@ function TeamSwitcher({
         side: isMobile ? "bottom" : "right",
         sideOffset: 4,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: "Organizations" }),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { className: "text-muted-foreground text-xs", children: activeTeamWithLogo ? "Organizations" : "Select an organization" }),
           teamsWithLogo.map((team) => /* @__PURE__ */ jsxRuntime.jsxs(
             DropdownMenuItem,
             {
@@ -1239,7 +1214,7 @@ function TeamSwitcher({
             DropdownMenuItem,
             {
               className: "gap-2 p-2",
-              onClick: () => router.push("/app/user/organizations"),
+              onClick: handleManageOrganizations,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-6 items-center justify-center rounded-md border bg-transparent", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.GalleryVerticalEnd, { className: "size-4" }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground font-medium", children: "Manage organizations" })
@@ -1267,16 +1242,12 @@ function useNavigation({
         enabled,
         organizationId,
         apiBaseUrl,
-        willFetch: enabled && !!organizationId
+        willFetch: enabled
       });
     }
-    if (!enabled || !organizationId) {
+    if (!enabled) {
       if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
-        console.log("[useNavigation] Skipping fetch:", {
-          reason: !enabled ? "disabled" : "no organizationId",
-          enabled,
-          organizationId
-        });
+        console.log("[useNavigation] Skipping fetch: disabled");
       }
       setItems([]);
       setOrganizations([]);
@@ -1284,7 +1255,7 @@ function useNavigation({
       return;
     }
     const fetchNavigation = async () => {
-      const url = `${apiBaseUrl}/navigation/${organizationId}`;
+      const url = organizationId ? `${apiBaseUrl}/navigation/${organizationId}` : `${apiBaseUrl}/navigation`;
       if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
         console.log("[useNavigation] Fetching navigation:", url);
       }
@@ -1312,7 +1283,8 @@ function useNavigation({
           console.log("[useNavigation] Navigation data received:", {
             itemsCount: data.items?.length || 0,
             organizationsCount: data.organizations?.length || 0,
-            hasUser: !!data.user
+            hasUser: !!data.user,
+            organizationId: data.organizationId
           });
         }
         setItems(data.items || []);
@@ -1464,6 +1436,22 @@ function AppSidebar({
     /* @__PURE__ */ jsxRuntime.jsx(SidebarRail, {})
   ] });
 }
+function AppHeader() {
+  const { isMobile } = useSidebar();
+  if (!isMobile) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "p-2 relative flex items-center justify-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SidebarTrigger, { className: "absolute left-2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-sans text-xl", children: "Random Truffle" })
+  ] });
+}
+function SidebarContent2({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AppHeader, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "px-4 py-2 md:py-4", children })
+  ] });
+}
 function AppLayout({
   user,
   organizationId,
@@ -1479,10 +1467,7 @@ function AppLayout({
         apiBaseUrl
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs(SidebarInset, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SidebarTrigger, {}),
-      children
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsx(SidebarInset, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarContent2, { children }) })
   ] });
 }