@logickernel/bridge 0.9.0 → 0.9.2

package/dist/next/components.js

@@ -1188,18 +1188,37 @@ function useNavigation({
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
   useEffect(() => {
+    if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
+      console.log("[useNavigation] Hook called:", {
+        enabled,
+        organizationId,
+        apiBaseUrl,
+        willFetch: enabled && !!organizationId
+      });
+    }
     if (!enabled || !organizationId) {
+      if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
+        console.log("[useNavigation] Skipping fetch:", {
+          reason: !enabled ? "disabled" : "no organizationId",
+          enabled,
+          organizationId
+        });
+      }
       setItems([]);
       setOrganizations([]);
       setUser(null);
       return;
     }
     const fetchNavigation = async () => {
+      const url = `${apiBaseUrl}/navigation/${organizationId}`;
+      if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
+        console.log("[useNavigation] Fetching navigation:", url);
+      }
       setLoading(true);
       setError(null);
       try {
         const response = await fetch(
-          `${apiBaseUrl}/navigation/${organizationId}`,
+          url,
           {
             credentials: "include"
             // Include cookies for auth
@@ -1215,11 +1234,25 @@ function useNavigation({
           throw new Error(`Failed to fetch navigation: ${response.statusText}`);
         }
         const data = await response.json();
+        if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
+          console.log("[useNavigation] Navigation data received:", {
+            itemsCount: data.items?.length || 0,
+            organizationsCount: data.organizations?.length || 0,
+            hasUser: !!data.user
+          });
+        }
         setItems(data.items || []);
         setOrganizations(data.organizations || []);
         setUser(data.user || null);
       } catch (err) {
         const error2 = err instanceof Error ? err : new Error("Unknown error");
+        if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
+          console.error("[useNavigation] Fetch error:", {
+            error: error2.message,
+            url,
+            organizationId
+          });
+        }
         setError(error2);
         setItems([]);
         setOrganizations([]);
@@ -1239,21 +1272,69 @@ function AppSidebar({
   ...props
 }) {
   const currentPathname = usePathname();
-  const pathSegments = currentPathname.split("/");
-  const isAppOrgRoute = currentPathname.startsWith("/app/") && pathSegments.length > 2 && pathSegments[2] !== "user";
-  const pathOrgId = isAppOrgRoute ? pathSegments[2] : null;
+  const pathSegments = currentPathname.split("/").filter(Boolean);
+  let pathOrgId = null;
+  if (pathSegments.length >= 2 && pathSegments[0] === "app") {
+    const potentialOrgId = pathSegments[1];
+    if (potentialOrgId && potentialOrgId !== "user") {
+      pathOrgId = potentialOrgId;
+    }
+  } else if (pathSegments.length >= 1) {
+    const potentialOrgId = pathSegments[0];
+    const skipSegments = ["user", "api", "auth", "dashboard", "settings", "app"];
+    if (potentialOrgId && !skipSegments.includes(potentialOrgId)) {
+      if (potentialOrgId.includes("-") || potentialOrgId.length >= 8) {
+        pathOrgId = potentialOrgId;
+      }
+    }
+  }
+  const detectedOrgId = organizationId || pathOrgId || void 0;
+  if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
+    console.log("[AppSidebar] Debug:", {
+      currentPathname,
+      pathSegments,
+      pathOrgId,
+      organizationId,
+      detectedOrgId,
+      apiBaseUrl
+    });
+  }
   const {
     items: apiNavigationItems,
     organizations: apiOrganizations,
     user: navigationUser,
-    loading: navigationLoading
+    loading: navigationLoading,
+    error: navigationError
   } = useNavigation({
-    organizationId: organizationId || pathOrgId || void 0,
+    organizationId: detectedOrgId,
     apiBaseUrl,
     enabled: true
   });
+  React2.useEffect(() => {
+    if (process.env.NODE_ENV === "development") {
+      const orgIds = apiOrganizations.map((org) => org.id);
+      const pathOrgIdInList = pathOrgId ? apiOrganizations.some((org) => org.id === pathOrgId) : false;
+      const computedCurrentOrgId = organizationId || (pathOrgId && pathOrgIdInList ? pathOrgId : void 0);
+      console.log("[AppSidebar] Navigation state:", {
+        currentPathname,
+        pathOrgId,
+        organizationId,
+        detectedOrgId,
+        apiBaseUrl,
+        itemsCount: apiNavigationItems.length,
+        organizationsCount: apiOrganizations.length,
+        organizationIds: orgIds,
+        pathOrgIdInList,
+        computedCurrentOrgId,
+        displayItemsCount: computedCurrentOrgId ? apiNavigationItems.length : 0,
+        loading: navigationLoading,
+        error: navigationError?.message,
+        navigationUrl: detectedOrgId ? `${apiBaseUrl}/navigation/${detectedOrgId}` : "N/A"
+      });
+    }
+  }, [currentPathname, pathOrgId, organizationId, detectedOrgId, apiBaseUrl, apiNavigationItems.length, apiOrganizations.length, navigationLoading, navigationError, apiOrganizations, apiNavigationItems]);
   const user = navigationUser || userProp;
-  const currentOrgId = organizationId || (pathOrgId && apiOrganizations.some((org) => org.id === pathOrgId) ? pathOrgId : void 0);
+  const currentOrgId = organizationId || (pathOrgId && (apiOrganizations.length === 0 || apiOrganizations.some((org) => org.id === pathOrgId)) ? pathOrgId : void 0) || (detectedOrgId && apiNavigationItems.length > 0 ? detectedOrgId : void 0);
   let navigationItems = apiNavigationItems;
   if (currentOrgId && navigationItems.length > 0) {
     navigationItems = navigationItems.map((item) => ({