@fluid-app/portal-sdk 0.1.235 → 0.1.236

package/dist/index.mjs

@@ -25,8 +25,8 @@ import "./MediaRenderer-CqUpv3St.mjs";
 import { r as carouselWidgetPropertySchema, t as CarouselWidget } from "./CarouselWidget-CdQhlRrW.mjs";
 import { r as catchUpWidgetPropertySchema, t as CatchUpWidget } from "./CatchUpWidget-BQjtjcGR.mjs";
 import { At as CardTitle, C as Skeleton$1, Dn as Button, Dt as CardDescription, Fn as cn$1, Ot as CardFooter, _t as CollapsibleContent, gt as Collapsible, ht as PopoverTrigger, kt as CardHeader, mt as PopoverContent, pt as Popover, vt as CollapsibleTrigger, wt as Card, x as Toaster } from "./src-pgBBOcJa.mjs";
-import { a as useMessagingConfig, i as createFluidFileUploader, o as useMessagingAuth, r as messagingScreenPropertySchema, t as MessagingScreen } from "./MessagingScreen-BzTN_FU8.mjs";
-import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-B7pAMsaf.mjs";
+import { a as useMessagingConfig, i as createFluidFileUploader, o as useMessagingAuth, r as messagingScreenPropertySchema, t as MessagingScreen } from "./MessagingScreen-RItZgONw.mjs";
+import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-CXM2zmF7.mjs";
 import { r as chartWidgetPropertySchema, t as ChartWidget } from "./ChartWidget-obje-Xj9.mjs";
 import { r as containerWidgetPropertySchema, t as ContainerWidget } from "./ContainerWidget-DYThUtiZ.mjs";
 import { r as imageWidgetPropertySchema, t as ImageWidget } from "./ImageWidget-CFTpbu8X.mjs";
@@ -45,26 +45,26 @@ import { r as tableWidgetPropertySchema, t as TableWidget } from "./TableWidget-
 import { r as toDoWidgetPropertySchema, t as ToDoWidget } from "./ToDoWidget-VSaNmtWH.mjs";
 import { r as videoWidgetPropertySchema, t as VideoWidget } from "./VideoWidget-DcWm239R.mjs";
 import { i as useScreenHeaderContext, t as ScreenHeaderProvider } from "./ScreenHeaderContext-Cemdo7bM.mjs";
-import { t as useAccount } from "./use-account-CBMPhhs7.mjs";
-import { t as useStore } from "./use-store-By_7tzrN.mjs";
-import { i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-DJzgMofN.mjs";
-import { n as useAppNavigation, t as AppNavigationProvider } from "./AppNavigationContext-DNod9mf6.mjs";
+import { t as useStore } from "./use-store-C2KBIS41.mjs";
+import { i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-BJOBG5f5.mjs";
+import { n as useAppNavigation, t as AppNavigationProvider } from "./AppNavigationContext-Dvc0yoZF.mjs";
+import { t as useAccount } from "./use-account-C76sphlu.mjs";
 import "./fluid-pay-api-adapter-eNT8m0xB.mjs";
-import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-DFkgLmNL.mjs";
+import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-CeD1jq89.mjs";
 import "./dist-PbA1vxAz.mjs";
-import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-C0TixAga.mjs";
+import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-CMBERzKU.mjs";
 import "./SearchSort-CFHU38Er.mjs";
 import "./InfiniteScrollSentinel-B_clNL9Y.mjs";
 import "./dist-o2cjwzIa.mjs";
 import "./order-status-badge-Dmo8lLnt.mjs";
-import { r as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-BlZgI0XT.mjs";
+import { r as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-BV3vJ7xy.mjs";
 import "./sortable.esm-C8G00cCP.mjs";
 import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-CN0ZDBgy.mjs";
-import { r as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-CvIi80jN.mjs";
+import { r as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-D3Hfqg9-.mjs";
 import "./PortalProductsApiProvider-BIZg_c4Y.mjs";
-import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-Bkuiya9D.mjs";
+import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-dAe71cdL.mjs";
 import "./UpgradeScreen-DnGnWVTf.mjs";
-import "./AppDownloadScreen-CT_TvZfy.mjs";
+import "./AppDownloadScreen-DQR40F0y.mjs";
 import * as React$1 from "react";
 import { Component, StrictMode, Suspense, createContext, forwardRef, lazy, memo, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -1650,140 +1650,6 @@ function SdkNavigation({ navItems, currentSlug, onNavigate }) {
 	}) });
 }
 //#endregion
-//#region src/navigation/filter-nav-items.ts
-/**
-* Filter navigation items by removing rep-only slugs.
-* Handles nested children: rep-only children are removed, and parents
-* with no remaining children are also removed.
-*/
-function filterRepOnlyNavItems(items) {
-	const result = [];
-	for (const item of items) {
-		if (!item.children?.length) {
-			if (isRepOnlySlug(item.slug)) continue;
-			result.push(item);
-			continue;
-		}
-		if (isRepOnlySlug(item.slug)) continue;
-		const filteredChildren = filterRepOnlyNavItems(item.children);
-		if (filteredChildren.length === 0) continue;
-		result.push({
-			...item,
-			children: filteredChildren
-		});
-	}
-	return result;
-}
-/**
-* Filter system navigation sections by removing rep-only items.
-* Sections with no remaining items are dropped entirely.
-*/
-function filterRepOnlySections(sections) {
-	const filtered = {};
-	for (const [section, items] of Object.entries(sections)) {
-		const allowed = items.filter((item) => !isRepOnlySlug(item.slug));
-		if (allowed.length > 0) filtered[section] = allowed;
-	}
-	return filtered;
-}
-//#endregion
-//#region src/shell/QuickLinksDropdown.tsx
-function QuickLinksDropdown({ onNavigate }) {
-	const [open, setOpen] = useState(false);
-	const { data: account } = useAccount();
-	const isCustomer = account?.member_type === "customer";
-	const sections = useMemo(() => {
-		const all = getSystemNavigationBySection();
-		return isCustomer ? filterRepOnlySections(all) : all;
-	}, [isCustomer]);
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(Button, {
-				variant: "ghost",
-				size: "sm",
-				className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shrink-0",
-				"aria-label": "Quick links",
-				children: /* @__PURE__ */ jsx(LayoutGrid, { className: "h-4 w-4" })
-			})
-		}), /* @__PURE__ */ jsx(PopoverContent, {
-			align: "end",
-			className: "w-175 max-w-[90vw] overflow-hidden rounded-lg p-0 shadow-lg",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "bg-background flex items-center gap-2 border-b p-4",
-					children: [/* @__PURE__ */ jsx(LayoutGrid, { className: "text-muted-foreground h-5 w-5" }), /* @__PURE__ */ jsx("h3", {
-						className: "text-foreground text-sm font-semibold",
-						children: "Shortcuts"
-					})]
-				}), /* @__PURE__ */ jsx("div", {
-					className: "bg-muted space-y-6 p-6",
-					children: Object.entries(sections).map(([sectionName, items]) => /* @__PURE__ */ jsxs("div", {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ jsx("h3", {
-							className: "text-foreground text-sm font-semibold",
-							children: sectionName
-						}), /* @__PURE__ */ jsx("div", {
-							className: "grid grid-cols-4 gap-2",
-							children: items.map((item) => /* @__PURE__ */ jsxs(Button, {
-								variant: "ghost",
-								className: "text-sidebar-foreground hover:bg-sidebar-primary hover:text-sidebar-primary-foreground h-auto justify-start gap-2 rounded-lg px-3 py-2 text-sm",
-								onClick: () => {
-									if (item.slug) onNavigate(item.slug);
-									setOpen(false);
-								},
-								children: [item.icon && /* @__PURE__ */ jsx(RepIcon, {
-									name: item.icon,
-									className: "h-4 w-4 shrink-0"
-								}), /* @__PURE__ */ jsx("span", {
-									className: "truncate",
-									children: item.label
-								})]
-							}, item.slug))
-						})]
-					}, sectionName))
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/shell/SdkMobileQuickLinksGrid.tsx
-function SdkMobileQuickLinksGrid({ onNavigate }) {
-	const { data: account } = useAccount();
-	const isCustomer = account?.member_type === "customer";
-	const sections = useMemo(() => {
-		const all = getSystemNavigationBySection();
-		return isCustomer ? filterRepOnlySections(all) : all;
-	}, [isCustomer]);
-	return /* @__PURE__ */ jsx("div", {
-		className: "space-y-4",
-		children: Object.entries(sections).map(([sectionName, items]) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h4", {
-			className: "text-muted-foreground mb-2 text-xs font-semibold uppercase",
-			children: sectionName
-		}), /* @__PURE__ */ jsx("div", {
-			className: "grid grid-cols-3 gap-2",
-			children: items.map((item) => /* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				className: "text-sidebar-foreground hover:bg-sidebar-primary hover:text-sidebar-primary-foreground h-auto flex-col gap-1 rounded-lg p-2",
-				onClick: () => {
-					if (item.slug) onNavigate(item.slug);
-				},
-				children: [item.icon && /* @__PURE__ */ jsx(RepIcon, {
-					name: item.icon,
-					className: "size-5"
-				}), /* @__PURE__ */ jsx("span", {
-					className: "text-xs",
-					children: item.label
-				})]
-			}, item.slug))
-		})] }, sectionName))
-	});
-}
-//#endregion
 //#region src/shell/SdkMobileProfileMenu.tsx
 function getInitials(name) {
 	if (!name) return "U";
@@ -1861,10 +1727,6 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 						children: [/* @__PURE__ */ jsx(Smartphone, { className: "size-5" }), /* @__PURE__ */ jsx("span", { children: "App Download" })]
 					})
 				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "border-border border-b py-4",
-					children: /* @__PURE__ */ jsx(SdkMobileQuickLinksGrid, { onNavigate: handleNavigate })
-				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "space-y-4 py-4",
 					children: [/* @__PURE__ */ jsxs("button", {
@@ -1912,7 +1774,6 @@ function SdkHeader({ mobileTabs, currentSlug, onNavigate, onLogout }) {
 					children: /* @__PURE__ */ jsx(Menu, { className: "size-5" })
 				}),
 				/* @__PURE__ */ jsx("div", { className: "flex-1" }),
-				/* @__PURE__ */ jsx(QuickLinksDropdown, { onNavigate }),
 				/* @__PURE__ */ jsx("button", {
 					type: "button",
 					onClick: themeMode.cycleMode,
@@ -2211,17 +2072,17 @@ function AccountManageLayout({ children }) {
 }
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = lazy(() => import("./ProfileScreen-DFkgLmNL.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = lazy(() => import("./OrdersScreen-BlZgI0XT.mjs").then((n) => n.n).then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-B7pAMsaf.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = lazy(() => import("./MessagingScreen-BzTN_FU8.mjs").then((n) => n.n).then((m) => ({ default: m.MessagingScreen })));
-const ContactsScreen$1 = lazy(() => import("./ContactsScreen-C0TixAga.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-Bkuiya9D.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
-const CustomersScreen$1 = lazy(() => import("./CustomersScreen-DJzgMofN.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
-const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-CvIi80jN.mjs").then((n) => n.n).then((m) => ({ default: m.ShareablesScreen })));
+const ProfileScreen$1 = lazy(() => import("./ProfileScreen-CeD1jq89.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
+const OrdersScreen$1 = lazy(() => import("./OrdersScreen-BV3vJ7xy.mjs").then((n) => n.n).then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-CXM2zmF7.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
+const MessagingScreen$1 = lazy(() => import("./MessagingScreen-RItZgONw.mjs").then((n) => n.n).then((m) => ({ default: m.MessagingScreen })));
+const ContactsScreen$1 = lazy(() => import("./ContactsScreen-CMBERzKU.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-dAe71cdL.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
+const CustomersScreen$1 = lazy(() => import("./CustomersScreen-BJOBG5f5.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
+const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-D3Hfqg9-.mjs").then((n) => n.n).then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = lazy(() => import("./MySiteScreen-CN0ZDBgy.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
 const UpgradeScreen = lazy(() => import("./UpgradeScreen-DnGnWVTf.mjs").then((n) => n.t).then((m) => ({ default: m.UpgradeScreen })));
-const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-CT_TvZfy.mjs").then((n) => n.t).then((m) => ({ default: m.AppDownloadScreen })));
+const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-DQR40F0y.mjs").then((n) => n.t).then((m) => ({ default: m.AppDownloadScreen })));
 const SYSTEM_SLUG_SCREEN_MAP = {
 	profile: ProfileScreen$1,
 	orders: OrdersScreen$1,
@@ -2251,7 +2112,16 @@ function findScreenByPrefix(slug) {
 //#endregion
 //#region src/shell/PageRouter.tsx
 const ACCOUNT_SLUGS = new Set(ACCOUNT_MANAGE_SLUGS);
-function PageRouter({ currentSlug, currentNavItem, customPages, screens, baseSlug, restParams }) {
+/**
+* Returns true if any nav slug resolves to the given system screen component.
+* Lets detail routes (e.g. `share/product/:id`) render when their listing
+* slug (`share/products`) is in the nav, since both map to the same screen.
+*/
+function isSystemScreenCoveredByNav(target, navSlugs) {
+	for (const slug of navSlugs) if ((SYSTEM_SLUG_SCREEN_MAP[slug] ?? findScreenByPrefix(slug)) === target) return true;
+	return false;
+}
+function PageRouter({ currentSlug, currentNavItem, customPages, screens, baseSlug, restParams, navSlugs }) {
 	const { data: account } = useAccount();
 	const isCustomer = account?.member_type === "customer";
 	const screenById = useMemo(() => {
@@ -2289,7 +2159,8 @@ function PageRouter({ currentSlug, currentNavItem, customPages, screens, baseSlu
 		});
 	}
 	const SystemScreen = SYSTEM_SLUG_SCREEN_MAP[baseSlug] ?? findScreenByPrefix(currentSlug);
-	if (SystemScreen) {
+	const systemScreenInNav = navSlugs === void 0 || SystemScreen !== void 0 && isSystemScreenCoveredByNav(SystemScreen, navSlugs);
+	if (SystemScreen && systemScreenInNav) {
 		const content = /* @__PURE__ */ jsx(Suspense, {
 			fallback: /* @__PURE__ */ jsx("div", {
 				className: "flex h-full items-center justify-center",
@@ -2474,6 +2345,43 @@ function SdkLogoutButton({ onLogout }) {
 	}) }) });
 }
 //#endregion
+//#region src/navigation/filter-nav-items.ts
+/**
+* Filter navigation items by removing rep-only slugs.
+* Handles nested children: rep-only children are removed, and parents
+* with no remaining children are also removed.
+*/
+function filterRepOnlyNavItems(items) {
+	const result = [];
+	for (const item of items) {
+		if (!item.children?.length) {
+			if (isRepOnlySlug(item.slug)) continue;
+			result.push(item);
+			continue;
+		}
+		if (isRepOnlySlug(item.slug)) continue;
+		const filteredChildren = filterRepOnlyNavItems(item.children);
+		if (filteredChildren.length === 0) continue;
+		result.push({
+			...item,
+			children: filteredChildren
+		});
+	}
+	return result;
+}
+/**
+* Filter system navigation sections by removing rep-only items.
+* Sections with no remaining items are dropped entirely.
+*/
+function filterRepOnlySections(sections) {
+	const filtered = {};
+	for (const [section, items] of Object.entries(sections)) {
+		const allowed = items.filter((item) => !isRepOnlySlug(item.slug));
+		if (allowed.length > 0) filtered[section] = allowed;
+	}
+	return filtered;
+}
+//#endregion
 //#region src/shell/AppShell.tsx
 const THEME_STORAGE_KEY = "portal-theme-mode";
 function getInitialThemeMode() {
@@ -2564,6 +2472,10 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 	const filteredMobileNavItems = useMemo(() => isCustomer ? filterRepOnlyNavItems(mobileNavItems) : mobileNavItems, [mobileNavItems, isCustomer]);
 	const screens = appData?.screens;
 	const navSlugs = useMemo(() => collectNavSlugs(filteredNavItems), [filteredNavItems]);
+	const allNavSlugs = useMemo(() => {
+		const mobileSlugs = collectNavSlugs(filteredMobileNavItems);
+		return Array.from(new Set([...navSlugs, ...mobileSlugs]));
+	}, [navSlugs, filteredMobileNavItems]);
 	const [themeMode, setThemeMode] = useState(getInitialThemeMode);
 	const handleThemeModeChange = useCallback((mode) => {
 		setThemeMode(mode);
@@ -2670,7 +2582,8 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 				customPages,
 				screens,
 				baseSlug,
-				restParams
+				restParams,
+				navSlugs: allNavSlugs
 			})
 		})]
 	}) }) }, activeSlug ?? "");
@@ -3822,17 +3735,17 @@ z.object({
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => import("./ProfileScreen-DFkgLmNL.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => import("./MessagingScreen-BzTN_FU8.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
-	ContactsScreen: () => import("./ContactsScreen-C0TixAga.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => import("./OrdersScreen-BlZgI0XT.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => import("./SubscriptionsScreen-B7pAMsaf.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
-	CustomersScreen: () => import("./CustomersScreen-DJzgMofN.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
+	ProfileScreen: () => import("./ProfileScreen-CeD1jq89.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
+	MessagingScreen: () => import("./MessagingScreen-RItZgONw.mjs").then((n) => n.n).then((m) => m.messagingScreenPropertySchema),
+	ContactsScreen: () => import("./ContactsScreen-CMBERzKU.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
+	OrdersScreen: () => import("./OrdersScreen-BV3vJ7xy.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => import("./SubscriptionsScreen-CXM2zmF7.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
+	CustomersScreen: () => import("./CustomersScreen-BJOBG5f5.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
 	MySiteScreen: () => import("./MySiteScreen-CN0ZDBgy.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => import("./ShareablesScreen-CvIi80jN.mjs").then((n) => n.n).then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-Bkuiya9D.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
+	ShareablesScreen: () => import("./ShareablesScreen-D3Hfqg9-.mjs").then((n) => n.n).then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-dAe71cdL.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => import("./UpgradeScreen-DnGnWVTf.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
-	AppDownloadScreen: () => import("./AppDownloadScreen-CT_TvZfy.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
+	AppDownloadScreen: () => import("./AppDownloadScreen-DQR40F0y.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**
 * Core page template IDs
@@ -4083,6 +3996,70 @@ function registerCorePageTemplates() {
 }
 registerCorePageTemplates();
 //#endregion
+//#region src/shell/QuickLinksDropdown.tsx
+function QuickLinksDropdown({ onNavigate }) {
+	const [open, setOpen] = useState(false);
+	const { data: account } = useAccount();
+	const isCustomer = account?.member_type === "customer";
+	const sections = useMemo(() => {
+		const all = getSystemNavigationBySection();
+		return isCustomer ? filterRepOnlySections(all) : all;
+	}, [isCustomer]);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "sm",
+				className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shrink-0",
+				"aria-label": "Quick links",
+				children: /* @__PURE__ */ jsx(LayoutGrid, { className: "h-4 w-4" })
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			align: "end",
+			className: "w-175 max-w-[90vw] overflow-hidden rounded-lg p-0 shadow-lg",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "bg-background flex items-center gap-2 border-b p-4",
+					children: [/* @__PURE__ */ jsx(LayoutGrid, { className: "text-muted-foreground h-5 w-5" }), /* @__PURE__ */ jsx("h3", {
+						className: "text-foreground text-sm font-semibold",
+						children: "Shortcuts"
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "bg-muted space-y-6 p-6",
+					children: Object.entries(sections).map(([sectionName, items]) => /* @__PURE__ */ jsxs("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-foreground text-sm font-semibold",
+							children: sectionName
+						}), /* @__PURE__ */ jsx("div", {
+							className: "grid grid-cols-4 gap-2",
+							children: items.map((item) => /* @__PURE__ */ jsxs(Button, {
+								variant: "ghost",
+								className: "text-sidebar-foreground hover:bg-sidebar-primary hover:text-sidebar-primary-foreground h-auto justify-start gap-2 rounded-lg px-3 py-2 text-sm",
+								onClick: () => {
+									if (item.slug) onNavigate(item.slug);
+									setOpen(false);
+								},
+								children: [item.icon && /* @__PURE__ */ jsx(RepIcon, {
+									name: item.icon,
+									className: "h-4 w-4 shrink-0"
+								}), /* @__PURE__ */ jsx("span", {
+									className: "truncate",
+									children: item.label
+								})]
+							}, item.slug))
+						})]
+					}, sectionName))
+				})]
+			})
+		})]
+	});
+}
+//#endregion
 //#region src/shell/AppLink.tsx
 /**
 * SPA-aware link that renders a real `<a href>` for accessibility