@loafmarkets/ui 0.1.386 → 0.1.388

package/dist/index.d.mts

@@ -643,7 +643,26 @@ type HeaderPortfolioData = {
     pnl: number;
     pnlPercent: number;
 };
-type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn" | "api";
+/**
+ * A single nav entry. The consuming app owns the entire nav set (which tabs,
+ * their labels, order and grouping) — the Header is a render-only view of this
+ * list, so different products/branches ship the same Header and only differ in
+ * the array they pass.
+ */
+type HeaderNavItem = {
+    /** Stable id; also the value matched against `activeKey`. */
+    key: string;
+    label: string;
+    path: string;
+    /** Opens in a new tab (e.g. external Docs); never inferred active. */
+    external?: boolean;
+    /** "primary" = on the bar (default); "more" = inside the More dropdown. */
+    group?: "primary" | "more";
+    /** Active-tab inference: "exact" (default) or "prefix" (e.g. /offerings/*). */
+    match?: "exact" | "prefix";
+    /** Overrides navigation when clicked (e.g. trade chunk warm-up). */
+    onSelect?: () => void;
+};
 type HeaderLoginPopupComponentProps = {
     onClose: () => void;
     initialView?: LoginPopupView;
@@ -652,19 +671,16 @@ type HeaderProps = {
     currentUser?: HeaderUser | null;
     isAuthenticated?: boolean;
     locationPath?: string;
-    activeTab?: HeaderActiveTab;
+    /** The full nav set, owned by the consuming app. Rendered in order. */
+    navItems: HeaderNavItem[];
+    /** Force a nav item active by its `key`; otherwise inferred from locationPath. */
+    activeKey?: string;
     onNavigate?: (path: string) => void;
     onLogout?: () => Promise<void> | void;
     onSignInClick?: () => void;
     loginPopupComponent?: React__default.ComponentType<HeaderLoginPopupComponentProps>;
-    tradePath?: string;
+    /** Logo link target (the logo is not a nav item). */
     homePath?: string;
-    aboutPath?: string;
-    learnPath?: string;
-    apiPath?: string;
-    offeringsPath?: string;
-    propertyMapPath?: string;
-    portfolioPath?: string;
     loafLiquidityPath?: string;
     /** Absolute URL for the auth/login surface (e.g. https://auth.loafmarkets.com/login). */
     authLoginUrl?: string | null;
@@ -678,12 +694,10 @@ type HeaderProps = {
     logoHref?: string;
     onLogoClick?: () => void;
     onLoafLiquidityClick?: () => void;
-    onTradeClick?: () => void;
     onProfileNavigate?: () => void;
     onOrdersNavigate?: () => void;
     onWalletNavigate?: () => void;
     onSettingsClick?: () => void;
-    showTradeTab?: boolean;
     portfolioSummary?: HeaderPortfolioData | null;
     /**
      * True while a brand-new user's test funds (100k mock USD) are being deposited
@@ -1310,4 +1324,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.d.ts

@@ -643,7 +643,26 @@ type HeaderPortfolioData = {
     pnl: number;
     pnlPercent: number;
 };
-type HeaderActiveTab = "home" | "trade" | "offerings" | "propertyMap" | "about" | "portfolio" | "learn" | "api";
+/**
+ * A single nav entry. The consuming app owns the entire nav set (which tabs,
+ * their labels, order and grouping) — the Header is a render-only view of this
+ * list, so different products/branches ship the same Header and only differ in
+ * the array they pass.
+ */
+type HeaderNavItem = {
+    /** Stable id; also the value matched against `activeKey`. */
+    key: string;
+    label: string;
+    path: string;
+    /** Opens in a new tab (e.g. external Docs); never inferred active. */
+    external?: boolean;
+    /** "primary" = on the bar (default); "more" = inside the More dropdown. */
+    group?: "primary" | "more";
+    /** Active-tab inference: "exact" (default) or "prefix" (e.g. /offerings/*). */
+    match?: "exact" | "prefix";
+    /** Overrides navigation when clicked (e.g. trade chunk warm-up). */
+    onSelect?: () => void;
+};
 type HeaderLoginPopupComponentProps = {
     onClose: () => void;
     initialView?: LoginPopupView;
@@ -652,19 +671,16 @@ type HeaderProps = {
     currentUser?: HeaderUser | null;
     isAuthenticated?: boolean;
     locationPath?: string;
-    activeTab?: HeaderActiveTab;
+    /** The full nav set, owned by the consuming app. Rendered in order. */
+    navItems: HeaderNavItem[];
+    /** Force a nav item active by its `key`; otherwise inferred from locationPath. */
+    activeKey?: string;
     onNavigate?: (path: string) => void;
     onLogout?: () => Promise<void> | void;
     onSignInClick?: () => void;
     loginPopupComponent?: React__default.ComponentType<HeaderLoginPopupComponentProps>;
-    tradePath?: string;
+    /** Logo link target (the logo is not a nav item). */
     homePath?: string;
-    aboutPath?: string;
-    learnPath?: string;
-    apiPath?: string;
-    offeringsPath?: string;
-    propertyMapPath?: string;
-    portfolioPath?: string;
     loafLiquidityPath?: string;
     /** Absolute URL for the auth/login surface (e.g. https://auth.loafmarkets.com/login). */
     authLoginUrl?: string | null;
@@ -678,12 +694,10 @@ type HeaderProps = {
     logoHref?: string;
     onLogoClick?: () => void;
     onLoafLiquidityClick?: () => void;
-    onTradeClick?: () => void;
     onProfileNavigate?: () => void;
     onOrdersNavigate?: () => void;
     onWalletNavigate?: () => void;
     onSettingsClick?: () => void;
-    showTradeTab?: boolean;
     portfolioSummary?: HeaderPortfolioData | null;
     /**
      * True while a brand-new user's test funds (100k mock USD) are being deposited
@@ -1310,4 +1324,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, badgeVariants, buttonVariants, extractSparkline, hasPendingActivity, useAdaptivePolling, useToast };

package/dist/index.js

@@ -5061,13 +5061,7 @@ function useIsNarrow(maxWidthPx = 768) {
   }, [query]);
   return narrow;
 }
-var DEFAULT_TRADE_PATH = "/trade";
 var DEFAULT_HOME_PATH = "/";
-var DEFAULT_ABOUT_PATH = "/about";
-var DEFAULT_LEARN_PATH = "/learn";
-var DEFAULT_API_PATH = "/api";
-var DEFAULT_PROPERTY_MAP_PATH = "/map";
-var DEFAULT_PORTFOLIO_PATH = "/portfolio";
 var DEFAULT_LOAF_LIQUIDITY_PATH = "/loaf-liquidity";
 var DEFAULT_AUTH_RETURN_PARAM = "returnTo";
 var LOGIN_POPUP_EVENT = "loaf:open-login-popup";
@@ -5075,19 +5069,13 @@ var Header = ({
   currentUser,
   isAuthenticated = false,
   locationPath = DEFAULT_HOME_PATH,
-  activeTab,
+  navItems,
+  activeKey,
   onNavigate,
   onLogout,
   onSignInClick,
   loginPopupComponent: LoginPopupComponent,
-  tradePath = DEFAULT_TRADE_PATH,
   homePath = DEFAULT_HOME_PATH,
-  aboutPath = DEFAULT_ABOUT_PATH,
-  learnPath = DEFAULT_LEARN_PATH,
-  apiPath = DEFAULT_API_PATH,
-  offeringsPath,
-  propertyMapPath = DEFAULT_PROPERTY_MAP_PATH,
-  portfolioPath = DEFAULT_PORTFOLIO_PATH,
   loafLiquidityPath = DEFAULT_LOAF_LIQUIDITY_PATH,
   authLoginUrl,
   authReturnParam = DEFAULT_AUTH_RETURN_PARAM,
@@ -5095,12 +5083,10 @@ var Header = ({
   logoHref,
   onLogoClick,
   onLoafLiquidityClick,
-  onTradeClick,
   onProfileNavigate: _onProfileNavigate,
   onOrdersNavigate: _onOrdersNavigate,
   onWalletNavigate: _onWalletNavigate,
   onSettingsClick,
-  showTradeTab = true,
   portfolioSummary,
   fundsPending = false,
   transparentOnTop = false
@@ -5244,10 +5230,6 @@ var Header = ({
       window.location.href = path;
     }
   };
-  const handleNavigation = (path) => {
-    closeMenus();
-    performNavigation(path);
-  };
   const handleLogoNavigation = (event) => {
     event.preventDefault();
     closeMenus();
@@ -5265,16 +5247,19 @@ var Header = ({
     }
     performNavigation(resolvedLoafLiquidityPath);
   };
-  const handleTradeNavigation = () => {
-    if (!showTradeTab) {
+  const handleNavItem = (item) => {
+    closeMenus();
+    if (item.onSelect) {
+      item.onSelect();
       return;
     }
-    closeMenus();
-    if (onTradeClick) {
-      onTradeClick();
+    if (item.external) {
+      if (typeof window !== "undefined") {
+        window.open(item.path, "_blank", "noopener,noreferrer");
+      }
       return;
     }
-    performNavigation(resolvedTradePath);
+    performNavigation(item.path);
   };
   const handleLogoutClick = async (event) => {
     event?.preventDefault();
@@ -5352,36 +5337,23 @@ var Header = ({
     setShowLoginPopup(false);
     setLoginPopupInitialView(void 0);
   }, []);
-  const resolvedTradePath = tradePath ?? DEFAULT_TRADE_PATH;
   const resolvedHomePath = homePath ?? DEFAULT_HOME_PATH;
-  const resolvedAboutPath = aboutPath ?? DEFAULT_ABOUT_PATH;
-  const resolvedLearnPath = learnPath ?? DEFAULT_LEARN_PATH;
-  const resolvedApiPath = apiPath ?? DEFAULT_API_PATH;
-  const resolvedOfferingsPath = offeringsPath ?? void 0;
-  const offeringsHref = resolvedOfferingsPath ?? resolvedHomePath;
-  const resolvedPropertyMapPath = propertyMapPath ?? DEFAULT_PROPERTY_MAP_PATH;
-  const resolvedPortfolioPath = portfolioPath ?? DEFAULT_PORTFOLIO_PATH;
   const resolvedLoafLiquidityPath = loafLiquidityPath ?? DEFAULT_LOAF_LIQUIDITY_PATH;
-  const inferredActiveTab = (() => {
-    if (showTradeTab && locationPath === resolvedTradePath) return "trade";
-    if (locationPath === resolvedHomePath) return "home";
-    if (locationPath === resolvedAboutPath) return "about";
-    if (locationPath === resolvedLearnPath) return "learn";
-    if (locationPath === resolvedApiPath) return "api";
-    if (resolvedOfferingsPath && locationPath.startsWith(resolvedOfferingsPath)) return "offerings";
-    if (locationPath === resolvedPropertyMapPath) return "propertyMap";
-    if (locationPath === resolvedPortfolioPath) return "portfolio";
-    return null;
-  })();
-  const resolvedActiveTab = activeTab ?? inferredActiveTab;
-  const tradeActive = showTradeTab && resolvedActiveTab === "trade";
-  const homeActive = resolvedActiveTab === "home";
-  const offeringsActive = resolvedActiveTab === "offerings";
-  const propertyMapActive = resolvedActiveTab === "propertyMap";
-  const aboutActive = resolvedActiveTab === "about";
-  const portfolioActive = resolvedActiveTab === "portfolio";
-  const learnActive = resolvedActiveTab === "learn";
-  const apiActive = resolvedActiveTab === "api";
+  const inferredActiveKey = navItems.find(
+    (item) => item.external ? false : item.match === "prefix" ? locationPath.startsWith(item.path) : locationPath === item.path
+  )?.key ?? null;
+  const resolvedActiveKey = activeKey ?? inferredActiveKey;
+  const primaryItems = navItems.filter((item) => (item.group ?? "primary") === "primary");
+  const moreItems = navItems.filter((item) => item.group === "more");
+  const moreActive = moreItems.some((item) => item.key === resolvedActiveKey);
+  const navLinkClick = (item) => (event) => {
+    if (item.external) {
+      closeMenus();
+      return;
+    }
+    event.preventDefault();
+    handleNavItem(item);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(SafeAreaCover, {}),
     /* @__PURE__ */ jsxRuntime.jsx(Overlay, { $isOpen: isMobileMenuOpen, onClick: () => setIsMobileMenuOpen(false) }),
@@ -5398,111 +5370,44 @@ var Header = ({
               style: { display: "flex", flexDirection: "row", alignItems: "center", height: "56px" },
               className: "desktop-nav",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  NavLink,
-                  {
-                    href: resolvedHomePath,
-                    className: homeActive ? "active" : "",
-                    onClick: (event) => {
-                      event.preventDefault();
-                      handleNavigation(resolvedHomePath);
-                    },
-                    children: "Home"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
+                primaryItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
                   NavLink,
                   {
-                    href: resolvedPortfolioPath,
-                    className: portfolioActive ? "active" : "",
-                    onClick: (event) => {
-                      event.preventDefault();
-                      handleNavigation(resolvedPortfolioPath);
-                    },
-                    children: "Portfolio"
-                  }
-                ),
-                showTradeTab && /* @__PURE__ */ jsxRuntime.jsx(
-                  NavLink,
-                  {
-                    href: resolvedTradePath,
-                    className: tradeActive ? "active" : "",
-                    onClick: (event) => {
-                      event.preventDefault();
-                      handleTradeNavigation();
-                    },
-                    children: "Trade"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  NavLink,
-                  {
-                    href: offeringsHref,
-                    className: offeringsActive ? "active" : "",
-                    onClick: (event) => {
-                      event.preventDefault();
-                      handleNavigation(offeringsHref);
-                    },
-                    children: "Initial Offerings"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  NavLink,
-                  {
-                    href: resolvedPropertyMapPath,
-                    className: propertyMapActive ? "active" : "",
-                    onClick: (event) => {
-                      event.preventDefault();
-                      handleNavigation(resolvedPropertyMapPath);
-                    },
-                    children: "Property Map"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  NavLink,
-                  {
-                    href: resolvedLearnPath,
-                    className: learnActive ? "active" : "",
-                    onClick: (event) => {
-                      event.preventDefault();
-                      handleNavigation(resolvedLearnPath);
-                    },
-                    children: "Learn"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  NavLink,
-                  {
-                    href: resolvedAboutPath,
-                    className: aboutActive ? "active" : "",
-                    onClick: (event) => {
-                      event.preventDefault();
-                      handleNavigation(resolvedAboutPath);
-                    },
-                    children: "About"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  NavLink,
-                  {
-                    href: resolvedApiPath,
-                    className: apiActive ? "active" : "",
-                    onClick: (event) => {
-                      event.preventDefault();
-                      handleNavigation(resolvedApiPath);
+                    href: item.path,
+                    ...item.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+                    className: item.key === resolvedActiveKey ? "active" : "",
+                    onClick: navLinkClick(item),
+                    children: item.label
+                  },
+                  item.key
+                )),
+                moreItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(MoreMenu, { className: "more-menu", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    MoreTrigger,
+                    {
+                      type: "button",
+                      className: `${isMoreMenuOpen ? "open" : ""} ${moreActive ? "active" : ""}`,
+                      "aria-haspopup": "true",
+                      "aria-expanded": isMoreMenuOpen,
+                      onClick: () => setIsMoreMenuOpen((open) => !open),
+                      children: [
+                        "More",
+                        /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9l6 6 6-6", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                      ]
+                    }
+                  ),
+                  isMoreMenuOpen && /* @__PURE__ */ jsxRuntime.jsx(MoreDropdown, { children: moreItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                    MoreItem,
+                    {
+                      href: item.path,
+                      ...item.external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+                      className: item.key === resolvedActiveKey ? "active" : "",
+                      onClick: navLinkClick(item),
+                      children: item.label
                     },
-                    children: "API"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  NavLink,
-                  {
-                    href: "https://docs.loafmarkets.com/en/",
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    children: "Docs"
-                  }
-                ),
+                    item.key
+                  )) })
+                ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginLeft: "auto", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
@@ -5524,29 +5429,7 @@ var Header = ({
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mobile-menu-content", children: [
             /* @__PURE__ */ jsxRuntime.jsx(MobileMenuHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(MobileMenuClose, { onClick: () => setIsMobileMenuOpen(false), "aria-label": "Close menu", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedHomePath), children: "Home" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              MobileNavItem,
-              {
-                onClick: () => handleNavigation(resolvedPortfolioPath),
-                children: "Portfolio"
-              }
-            ),
-            showTradeTab && /* @__PURE__ */ jsxRuntime.jsx(
-              MobileNavItem,
-              {
-                onClick: () => {
-                  handleTradeNavigation();
-                },
-                children: "Trade"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavigation(offeringsHref), children: "Initial Offerings" }),
-            /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedPropertyMapPath), children: "Property Map" }),
-            /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedLearnPath), children: "Learn" }),
-            /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedAboutPath), children: "About" }),
-            /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavigation(resolvedApiPath), children: "API" }),
-            /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => window.open("https://docs.loafmarkets.com/en/", "_blank", "noopener,noreferrer"), children: "Docs" }),
+            navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(MobileNavItem, { onClick: () => handleNavItem(item), children: item.label }, item.key)),
             /* @__PURE__ */ jsxRuntime.jsx("div", { style: { borderTop: "1px solid #2b3139", margin: "8px 0" } }),
             /* @__PURE__ */ jsxRuntime.jsx(
               MobileNavItem,
@@ -6060,6 +5943,77 @@ var NavLink = styled10__default.default.a`
     }
   }
 `;
+var MoreMenu = styled10__default.default.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 56px;
+`;
+var MoreTrigger = styled10__default.default.button`
+  margin: 0 12px;
+  padding: 0 4px;
+  height: 56px;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: #eaecef;
+  font-weight: 500;
+  font-size: 14px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
+  letter-spacing: 0.2px;
+  transition: color 0.2s ease;
+
+  &:hover,
+  &.active {
+    color: #E6C87E;
+  }
+
+  svg {
+    width: 14px;
+    height: 14px;
+    transition: transform 0.2s ease;
+  }
+  &.open svg {
+    transform: rotate(180deg);
+  }
+`;
+var MoreDropdown = styled10__default.default.div`
+  position: absolute;
+  top: 100%;
+  right: 0;
+  min-width: 160px;
+  padding: 6px;
+  background: #1e2026;
+  border: 1px solid #2b3139;
+  border-radius: 10px;
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
+  display: flex;
+  flex-direction: column;
+  z-index: 1100;
+`;
+var MoreItem = styled10__default.default.a`
+  padding: 10px 12px;
+  border-radius: 6px;
+  color: #eaecef;
+  font-weight: 500;
+  font-size: 14px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
+  letter-spacing: 0.2px;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background 0.15s ease, color 0.15s ease;
+
+  &:hover {
+    background: #2b3139;
+    color: #E6C87E;
+  }
+  &.active {
+    color: #E6C87E;
+  }
+`;
 var Button2 = styled10__default.default.button.attrs({ type: "button" })`
   padding: 0.5rem 1rem;
   border-radius: 6px;
@@ -6855,11 +6809,8 @@ var LoginPopup = ({
         }
         return;
       }
-      if (onSubmitReferralCode) {
-        setView("referral");
-      } else {
-        onClose();
-      }
+      window.dispatchEvent(new CustomEvent("loaf:onboarding-start"));
+      onClose();
     } catch (err) {
       setError(err instanceof Error ? err.message : "Couldn't complete sign up. Please try again.");
     } finally {
@@ -7002,11 +6953,8 @@ var LoginPopup = ({
     try {
       await onVerifyEmailCode({ code, email });
       if (isSignUp) {
-        if (onSubmitReferralCode) {
-          setView("referral");
-        } else {
-          onClose();
-        }
+        window.dispatchEvent(new CustomEvent("loaf:onboarding-start"));
+        onClose();
         setLoading(false);
         return;
       }