@orderly.network/markets 3.1.0 → 3.1.1-alpha.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import React6, { createContext, memo, useState, useRef, useCallback, useEffect, useMemo, createElement, useContext, isValidElement } from 'react';
+import React7, { createContext, memo, useState, useRef, useCallback, useEffect, useMemo, createElement, useContext, isValidElement } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useSymbolsInfo, useBadgeBySymbol, useMarkets, MarketsType, isCurrentlyTrading, useFundingRate, useFundingDetails, useFundingRateBySymbol, usePositionStream, useFundingRateHistory, useFundingRates, useQuery, useMarketsStream, useLocalStorage, useGetRwaSymbolInfo, useTickerStream, useMarketsStore, useSessionStorage, useMarketCategoriesConfig, useMarketList, useRwaSymbolsInfo, useConfig, useAllBrokers } from '@orderly.network/hooks';
+import { useSymbolsInfo, useBadgeBySymbol, useMarkets, MarketsType, useGetRwaSymbolOpenStatus, isCurrentlyTrading, useFundingRate, useFundingDetails, useFundingRateBySymbol, usePositionStream, useFundingRateHistory, useFundingRates, useQuery, useMarketsStream, useLocalStorage, useGetRwaSymbolInfo, useTickerStream, useMarketsStore, useSessionStorage, useMarketCategoriesConfig, useMarketList, useRwaSymbolsInfo, useRwaSymbolsInfoStore, useConfig, useAllBrokers } from '@orderly.network/hooks';
 import { useTranslation, Trans, i18n } from '@orderly.network/i18n';
 import { injectable, Flex, TokenIcon, Text, SymbolBadge as SymbolBadge$1, Tooltip, Box, cn, Marquee, Checkbox, Divider, useScreen, WarningIcon, NewsFillIcon, CloseIcon, modal, GradientText, useEmblaCarousel, Badge, CheckedSquareFillIcon, CheckSquareEmptyIcon, Button, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, Input, CloseCircleFillIcon, PlusIcon, DataTable, usePagination, Tabs, TabPanel, EmptyDataState, RwaIcon, EmptyStateIcon, Picker, Select } from '@orderly.network/ui';
 import { Decimal, formatSymbol } from '@orderly.network/utils';
@@ -56,9 +56,12 @@ var init_rwaDotTooltip = __esm({
   "src/components/rwaDotTooltip.tsx"() {
     RwaDotTooltip = ({ record }) => {
       const { t } = useTranslation();
-      const isInTradingHours = isCurrentlyTrading(
+      const { open: computedOpen } = useGetRwaSymbolOpenStatus(record.symbol);
+      const open = computedOpen ?? isCurrentlyTrading(
         record.rwaNextClose,
-        record.rwaStatus
+        record.rwaStatus,
+        void 0,
+        record.rwaNextOpen
       );
       if (!record.isRwa) {
         return null;
@@ -68,7 +71,7 @@ var init_rwaDotTooltip = __esm({
         {
           className: "oui-pointer-events-none",
           disableHoverableContent: true,
-          content: /* @__PURE__ */ jsx(Text, { color: isInTradingHours ? "success" : "danger", children: isInTradingHours ? t("trading.rwa.marketHours") : t("trading.rwa.outsideMarketHours") }),
+          content: /* @__PURE__ */ jsx(Text, { color: open ? "success" : "danger", children: open ? t("trading.rwa.marketHours") : t("trading.rwa.outsideMarketHours") }),
           children: /* @__PURE__ */ jsx(
             Box,
             {
@@ -83,7 +86,7 @@ var init_rwaDotTooltip = __esm({
                   width: 4,
                   height: 4,
                   r: "full",
-                  className: isInTradingHours ? "oui-bg-success" : "oui-bg-danger"
+                  className: open ? "oui-bg-success" : "oui-bg-danger"
                 }
               )
             }
@@ -101,7 +104,10 @@ var init_symbolBadge = __esm({
         props.symbol
       );
       const badge = brokerName ?? brokerId ?? void 0;
-      return /* @__PURE__ */ jsx(SymbolBadge$1, { badge, fullName: brokerNameRaw });
+      if (!badge) {
+        return null;
+      }
+      return /* @__PURE__ */ jsx(Flex, { as: "span", display: "inlineFlex", className: props.className, children: /* @__PURE__ */ jsx(SymbolBadge$1, { badge, fullName: brokerNameRaw }) });
     };
     SymbolBadge = BrokerIdBadge;
   }
@@ -115,7 +121,8 @@ var init_symbolDisplay = __esm({
       const { children, size = "xs", showBadge = true, record, ...rest } = props;
       const symbol = children;
       const symbolsInfo = useSymbolsInfo();
-      const displayName = symbolsInfo[symbol]("displayName");
+      const info = symbolsInfo[symbol];
+      const displayName = info("display_symbol_name")?.trim?.();
       const suffix = record?.isRwa || showBadge ? /* @__PURE__ */ jsxs(Flex, { as: "span", display: "inlineFlex", gapX: 0, itemAlign: "center", children: [
         record?.isRwa && /* @__PURE__ */ jsx(RwaDotTooltip, { record }),
         showBadge && /* @__PURE__ */ jsx(SymbolBadge, { symbol })
@@ -772,7 +779,7 @@ function searchBySymbol(list, searchValue = "", formatString) {
   list?.forEach((item) => {
     const formattedSymbol = formatSymbol(item.symbol, formatString);
     const symbolLower = formattedSymbol.toLowerCase();
-    const displayName = item.displayName;
+    const displayName = item.display_symbol_name;
     const displayNameLower = displayName ? String(displayName).toLowerCase() : null;
     const matchesSymbol = reg.test(formattedSymbol);
     const matchesDisplayName = displayNameLower ? reg.test(displayNameLower) : false;
@@ -788,8 +795,8 @@ function searchBySymbol(list, searchValue = "", formatString) {
     }
   });
   const compareSymbols = (a, b) => {
-    const textA = a.displayName || formatSymbol(a.symbol, formatString);
-    const textB = b.displayName || formatSymbol(b.symbol, formatString);
+    const textA = a.display_symbol_name || formatSymbol(a.symbol, formatString);
+    const textB = b.display_symbol_name || formatSymbol(b.symbol, formatString);
     if (textA < textB) return -1;
     if (textA > textB) return 1;
     return 0;
@@ -1668,7 +1675,7 @@ function getSymbolColumn(favorite, isFavoriteList = false, options) {
   return {
     title: i18n.t("common.symbol"),
     dataIndex: "symbol",
-    width: 150,
+    width: options?.symbolColumnWidth ?? 150,
     className: "oui-z-10",
     onSort: true,
     render: (value, record) => {
@@ -1687,6 +1694,9 @@ function getSymbolColumn(favorite, isFavoriteList = false, options) {
         ) });
       }
       const stackLeverageInSecondRow = options?.stackLeverageInSecondRow;
+      const hasLeverage = typeof record.leverage === "number";
+      const showSymbolBadgeInLeverageRow = stackLeverageInSecondRow && Boolean(record.broker_id);
+      const showSecondRow = hasLeverage || showSymbolBadgeInLeverageRow;
       return /* @__PURE__ */ jsxs(Flex, { gapX: 1, itemAlign: "center", children: [
         favoritesIcon,
         /* @__PURE__ */ jsxs(
@@ -1699,9 +1709,24 @@ function getSymbolColumn(favorite, isFavoriteList = false, options) {
             children: [
               /* @__PURE__ */ jsxs(Flex, { gapX: 1, itemAlign: "center", children: [
                 /* @__PURE__ */ jsx(TokenIcon, { symbol: value, className: "oui-size-[18px]" }),
-                /* @__PURE__ */ jsx(SymbolDisplay, { formatString: "base", size: "2xs", record, children: value })
+                /* @__PURE__ */ jsx(
+                  SymbolDisplay,
+                  {
+                    formatString: "base",
+                    size: "2xs",
+                    record,
+                    showBadge: !stackLeverageInSecondRow,
+                    children: value
+                  }
+                )
               ] }),
-              typeof record.leverage === "number" && /* @__PURE__ */ jsxs(Badge, { size: "xs", color: "primary", children: [
+              stackLeverageInSecondRow ? showSecondRow && /* @__PURE__ */ jsxs(Flex, { gapX: 1, itemAlign: "center", children: [
+                showSymbolBadgeInLeverageRow && /* @__PURE__ */ jsx(SymbolBadge, { symbol: value }),
+                hasLeverage && /* @__PURE__ */ jsxs(Badge, { size: "xs", color: "primary", children: [
+                  record.leverage,
+                  "x"
+                ] })
+              ] }) : hasLeverage && /* @__PURE__ */ jsxs(Badge, { size: "xs", color: "primary", children: [
                 record.leverage,
                 "x"
               ] })
@@ -1870,6 +1895,7 @@ var init_column = __esm({
     init_icons();
     init_icons();
     init_favoritesDropdownMenu();
+    init_symbolBadge();
     init_symbolDisplay();
   }
 });
@@ -1974,6 +2000,7 @@ var init_type = __esm({
       MarketsTabName2["Recent"] = "recent";
       MarketsTabName2["All"] = "all";
       MarketsTabName2["Rwa"] = "rwa";
+      MarketsTabName2["PreTge"] = "preTge";
       MarketsTabName2["NewListing"] = "newListing";
       MarketsTabName2["Community"] = "community";
       return MarketsTabName2;
@@ -2001,6 +2028,7 @@ var init_marketsList_script = __esm({
       ["all" /* All */]: MarketsType.ALL,
       ["community" /* Community */]: MarketsType.COMMUNITY,
       ["rwa" /* Rwa */]: MarketsType.RWA,
+      ["preTge" /* PreTge */]: MarketsType.PRE_TGE,
       ["favorites" /* Favorites */]: MarketsType.FAVORITES,
       ["recent" /* Recent */]: MarketsType.RECENT,
       ["newListing" /* NewListing */]: MarketsType.NEW_LISTING
@@ -2080,6 +2108,104 @@ var init_marketsList = __esm({
     init_marketsList_widget();
   }
 });
+function createRwaSubcategoryFilter(subcategory, rwaSymbolsInfo) {
+  return (data) => {
+    const targetSession = RWA_SUBCATEGORY_SESSION_MAP[subcategory];
+    if (!targetSession) {
+      return data;
+    }
+    return data.filter((item) => {
+      const marketSession = item?.market_session ?? rwaSymbolsInfo?.[item?.symbol]?.market_session;
+      return marketSession === targetSession;
+    });
+  };
+}
+var RWA_SUBCATEGORY_CONFIGS, RWA_SUBCATEGORY_SESSION_MAP, RwaSubcategoryTabs;
+var init_rwaSubcategoryTabs_ui = __esm({
+  "src/components/rwaSubcategoryTabs/rwaSubcategoryTabs.ui.tsx"() {
+    RWA_SUBCATEGORY_CONFIGS = [
+      // US_STOCK and US_STOCK_EXT intentionally remain available only under All.
+      { value: "all", title: "All" },
+      { value: "fx", title: "FX", marketSession: "FX" },
+      { value: "hk", title: "HK", marketSession: "HK_STOCK" },
+      { value: "kr", title: "KR", marketSession: "KR_STOCK" },
+      { value: "cn", title: "CN", marketSession: "CN_STOCK" }
+    ];
+    RWA_SUBCATEGORY_SESSION_MAP = RWA_SUBCATEGORY_CONFIGS.reduce((acc, item) => {
+      if (item.marketSession) {
+        acc[item.value] = item.marketSession;
+      }
+      return acc;
+    }, {});
+    RwaSubcategoryTabs = (props) => {
+      const {
+        storageKey,
+        className,
+        classNames,
+        variant = "contained",
+        size = "sm",
+        showScrollIndicator,
+        renderPanel
+      } = props;
+      const { t } = useTranslation();
+      const [subcategory, setSubcategory] = useLocalStorage(
+        storageKey,
+        "all"
+      );
+      const rwaSymbolsInfo = useRwaSymbolsInfoStore();
+      const [rwaMarkets] = useMarkets(MarketsType.RWA);
+      const visibleTabs = useMemo(() => {
+        const sessions = new Set(
+          rwaMarkets.map(
+            (item) => item.market_session ?? rwaSymbolsInfo?.[item.symbol]?.market_session
+          ).filter(Boolean)
+        );
+        return RWA_SUBCATEGORY_CONFIGS.filter((tab) => {
+          if (!tab.marketSession) {
+            return true;
+          }
+          return sessions.has(tab.marketSession);
+        });
+      }, [rwaMarkets, rwaSymbolsInfo]);
+      useEffect(() => {
+        if (!visibleTabs.some((tab) => tab.value === subcategory)) {
+          setSubcategory("all");
+        }
+      }, [subcategory, setSubcategory, visibleTabs]);
+      return /* @__PURE__ */ jsx(
+        Tabs,
+        {
+          variant,
+          size,
+          value: subcategory,
+          onValueChange: (value) => setSubcategory(value),
+          classNames,
+          className,
+          showScrollIndicator,
+          children: visibleTabs.map((tab) => /* @__PURE__ */ jsx(
+            TabPanel,
+            {
+              title: tab.value === "all" ? t("common.all") : tab.title,
+              value: tab.value,
+              children: renderPanel(
+                tab.value,
+                createRwaSubcategoryFilter(tab.value, rwaSymbolsInfo)
+              )
+            },
+            tab.value
+          ))
+        }
+      );
+    };
+  }
+});
+
+// src/components/rwaSubcategoryTabs/index.ts
+var init_rwaSubcategoryTabs = __esm({
+  "src/components/rwaSubcategoryTabs/index.ts"() {
+    init_rwaSubcategoryTabs_ui();
+  }
+});
 var RwaIconTab, RwaTab;
 var init_rwaTab = __esm({
   "src/components/rwaTab.tsx"() {
@@ -2094,12 +2220,12 @@ var init_rwaTab = __esm({
             className: "group-data-[state=active]:oui-text-base-contrast group-data-[state=inactive]:oui-text-base-contrast-36"
           }
         ),
-        /* @__PURE__ */ jsx(Text, { children: t("common.rwa") })
+        /* @__PURE__ */ jsx(Text, { children: t("markets.tradFi") })
       ] });
     };
     RwaTab = () => {
       const { t } = useTranslation();
-      return /* @__PURE__ */ jsx(Flex, { gap: 1, children: /* @__PURE__ */ jsx(Text, { children: t("common.rwa") }) });
+      return /* @__PURE__ */ jsx(Flex, { gap: 1, children: /* @__PURE__ */ jsx(Text, { children: t("markets.tradFi") }) });
     };
   }
 });
@@ -2770,17 +2896,19 @@ var init_tabUtils = __esm({
     BUILT_IN_TITLE_MAP = {
       community: "markets.community",
       all: "common.all",
+      preTge: "markets.preTge",
       newListing: "markets.newListings",
       recent: "markets.recent"
     };
   }
 });
-var MobileMarketsDataList;
+var TWO_LINE_MARKET_ROW_CLASS, MobileMarketsDataList;
 var init_marketsDataList_mobile_ui = __esm({
   "src/pages/home/marketsDataList/marketsDataList.mobile.ui.tsx"() {
     init_communityBrokerTabs();
     init_marketsList();
     init_marketsProvider();
+    init_rwaSubcategoryTabs();
     init_rwaTab();
     init_searchInput();
     init_column();
@@ -2789,6 +2917,7 @@ var init_marketsDataList_mobile_ui = __esm({
     init_useCommunityTabs();
     init_icons();
     init_type();
+    TWO_LINE_MARKET_ROW_CLASS = "!oui-h-[54px]";
     MobileMarketsDataList = (props) => {
       const { activeTab, onTabChange, tabSort, onTabSort } = props;
       const { t } = useTranslation();
@@ -2829,6 +2958,11 @@ var init_marketsDataList_mobile_ui = __esm({
             value: "rwa",
             tabName: "rwa" /* Rwa */
           },
+          preTge: {
+            title: t("markets.preTge"),
+            value: "preTge",
+            tabName: "preTge" /* PreTge */
+          },
           newListing: {
             title: t("markets.newListings"),
             icon: /* @__PURE__ */ jsx(NewListingsIcon, {}),
@@ -2839,29 +2973,54 @@ var init_marketsDataList_mobile_ui = __esm({
         [t]
       );
       const renderTab = (type) => {
+        const list = /* @__PURE__ */ jsx(
+          MarketsListWidget,
+          {
+            type,
+            initialSort: tabSort[type],
+            onSort: onTabSort(type),
+            getColumns,
+            rowClassName: TWO_LINE_MARKET_ROW_CLASS,
+            ...getFavoritesProps(type)
+          }
+        );
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             SearchInput,
             {
               classNames: {
                 root: cn(
-                  "oui-mx-3 oui-mb-4 oui-mt-5",
-                  activeTab !== "favorites" /* Favorites */ && "oui-mb-2"
+                  "oui-mx-3 oui-mt-5",
+                  activeTab === "favorites" /* Favorites */ ? "oui-mb-4" : "oui-mb-2"
                 )
               }
             }
           ),
-          /* @__PURE__ */ jsx(
-            MarketsListWidget,
+          type === "rwa" /* Rwa */ ? /* @__PURE__ */ jsx(
+            RwaSubcategoryTabs,
             {
-              type,
-              initialSort: tabSort[type],
-              onSort: onTabSort(type),
-              getColumns,
-              rowClassName: "!oui-h-[34px]",
-              ...getFavoritesProps(type)
+              storageKey: "orderly_mobile_markets_datalist_rwa_sel_sub_tab",
+              size: "md",
+              classNames: {
+                tabsList: "oui-px-3 oui-pt-1 oui-pb-2",
+                tabsContent: "oui-h-full",
+                scrollIndicator: "oui-mx-3"
+              },
+              className: "oui-mobileMarketsDataList-rwa-tabs",
+              showScrollIndicator: true,
+              renderPanel: (_, dataFilter) => /* @__PURE__ */ jsx(
+                MarketsListWidget,
+                {
+                  type,
+                  dataFilter,
+                  initialSort: tabSort[type],
+                  onSort: onTabSort(type),
+                  getColumns,
+                  rowClassName: TWO_LINE_MARKET_ROW_CLASS
+                }
+              )
             }
-          )
+          ) : list
         ] });
       };
       const renderCommunityList = (selected) => {
@@ -2872,7 +3031,7 @@ var init_marketsDataList_mobile_ui = __esm({
             initialSort: tabSort["community" /* Community */],
             onSort: onTabSort("community" /* Community */),
             getColumns,
-            rowClassName: "!oui-h-[34px]",
+            rowClassName: TWO_LINE_MARKET_ROW_CLASS,
             dataFilter: createCommunityBrokerFilter(selected)
           }
         );
@@ -2910,7 +3069,7 @@ var init_marketsDataList_mobile_ui = __esm({
                       SearchInput,
                       {
                         classNames: {
-                          root: cn("oui-mx-3 oui-mb-4 oui-mt-5", "oui-mb-2")
+                          root: "oui-mx-3 oui-mb-2 oui-mt-5"
                         }
                       }
                     ),
@@ -2947,7 +3106,7 @@ var init_marketsDataList_mobile_ui = __esm({
                     SearchInput,
                     {
                       classNames: {
-                        root: cn("oui-mx-3 oui-mb-4 oui-mt-5", "oui-mb-2")
+                        root: "oui-mx-3 oui-mb-2 oui-mt-5"
                       }
                     }
                   ),
@@ -2959,7 +3118,7 @@ var init_marketsDataList_mobile_ui = __esm({
                       initialSort: tabSort[key],
                       onSort: onTabSort(key),
                       getColumns,
-                      rowClassName: "!oui-h-[34px]"
+                      rowClassName: TWO_LINE_MARKET_ROW_CLASS
                     }
                   )
                 ]
@@ -3073,7 +3232,7 @@ var init_column3 = __esm({
             onSort: true,
             render: (value, record) => {
               return /* @__PURE__ */ jsxs(Flex, { gapX: 1, itemAlign: "center", children: [
-                /* @__PURE__ */ jsx(SymbolDisplay, { formatString: "base", showIcon: true, children: value }),
+                /* @__PURE__ */ jsx(SymbolDisplay, { formatString: "base", showIcon: true, record, children: value }),
                 typeof record.leverage === "number" && /* @__PURE__ */ jsxs(Badge, { size: "xs", color: "primary", children: [
                   record.leverage,
                   "x"
@@ -3353,7 +3512,7 @@ var init_marketsListFull_ui = __esm({
                 onSymbolChange?.(record);
                 favorite.addToHistory(record);
               },
-              "data-testid": `oui-testid-markets-${type === "new" ? "newListing" : type === "rwa" ? "rwa" : "all"}-tr-${record.symbol}`
+              "data-testid": `oui-testid-markets-${type === "new" ? "newListing" : type === "rwa" ? "rwa" : type === "preTge" ? "preTge" : "all"}-tr-${record.symbol}`
             };
           },
           generatedRowKey: (record) => record.symbol,
@@ -3378,7 +3537,8 @@ var init_marketsListFull_script = __esm({
     MarketsTypeMap2 = {
       all: MarketsType.ALL,
       new: MarketsType.NEW_LISTING,
-      rwa: MarketsType.RWA
+      rwa: MarketsType.RWA,
+      preTge: MarketsType.PRE_TGE
     };
     useMarketsListFullScript = (options) => {
       const { type = "all", dataFilter } = options;
@@ -3455,22 +3615,23 @@ var init_marketsDataList_ui = __esm({
     init_communityBrokerTabs();
     init_favoritesEmpty();
     init_marketsProvider();
+    init_rwaSubcategoryTabs();
     init_rwaTab();
     init_tabUtils();
     init_useCommunityTabs();
     init_icons();
     init_type();
-    LazySearchInput = React6.lazy(
+    LazySearchInput = React7.lazy(
       () => Promise.resolve().then(() => (init_searchInput(), searchInput_exports)).then((mod) => {
         return { default: mod.SearchInput };
       })
     );
-    LazyFavoritesListFullWidget = React6.lazy(
+    LazyFavoritesListFullWidget = React7.lazy(
       () => Promise.resolve().then(() => (init_favoritesListFull(), favoritesListFull_exports)).then((mod) => {
         return { default: mod.FavoritesListFullWidget };
       })
     );
-    LazyMarketsListFullWidget = React6.lazy(
+    LazyMarketsListFullWidget = React7.lazy(
       () => Promise.resolve().then(() => (init_marketsListFull(), marketsListFull_exports)).then((mod) => {
         return { default: mod.MarketsListFullWidget };
       })
@@ -3510,6 +3671,13 @@ var init_marketsDataList_ui = __esm({
             listType: "rwa",
             initialSort: DEFAULT_SORT
           },
+          preTge: {
+            title: t("markets.preTge"),
+            value: "preTge",
+            testid: "oui-testid-markets-preTge-tab",
+            listType: "preTge",
+            initialSort: DEFAULT_SORT
+          },
           newListing: {
             title: t("markets.newListings"),
             icon: /* @__PURE__ */ jsx(NewListingsIcon, {}),
@@ -3528,7 +3696,7 @@ var init_marketsDataList_ui = __esm({
           size: "xl",
           value: activeTab,
           onValueChange: onTabChange,
-          trailing: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazySearchInput, { classNames: { root: "oui-my-1 oui-w-[240px]" } }) }),
+          trailing: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazySearchInput, { classNames: { root: "oui-my-1 oui-w-[240px]" } }) }),
           classNames: {
             tabsList: "oui-tabs-markets-list",
             tabsContent: "oui-tabs-markets-content",
@@ -3558,7 +3726,7 @@ var init_marketsDataList_ui = __esm({
                   icon: tab.type === "favorites" || tab.type === "rwa" ? void 0 : resolveTabTriggerIcon(tab, meta.icon),
                   value: meta.value,
                   testid: meta.testid,
-                  children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: tab.type === "favorites" ? /* @__PURE__ */ jsx(
+                  children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: tab.type === "favorites" ? /* @__PURE__ */ jsx(
                     LazyFavoritesListFullWidget,
                     {
                       emptyView: !searchValue && /* @__PURE__ */ jsx(
@@ -3579,7 +3747,7 @@ var init_marketsDataList_ui = __esm({
                       },
                       className: "oui-marketsDataList-community-tabs",
                       showScrollIndicator: true,
-                      renderPanel: (selected) => /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+                      renderPanel: (selected) => /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
                         LazyMarketsListFullWidget,
                         {
                           type: "all",
@@ -3588,6 +3756,26 @@ var init_marketsDataList_ui = __esm({
                         }
                       ) })
                     }
+                  ) : tab.type === "rwa" ? /* @__PURE__ */ jsx(
+                    RwaSubcategoryTabs,
+                    {
+                      storageKey: "orderly_markets_datalist_rwa_sel_sub_tab",
+                      size: "md",
+                      classNames: {
+                        tabsList: "oui-px-3 oui-pt-1 oui-pb-2",
+                        tabsContent: "oui-h-full"
+                      },
+                      className: "oui-marketsDataList-rwa-tabs",
+                      showScrollIndicator: true,
+                      renderPanel: (_, dataFilter) => /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+                        LazyMarketsListFullWidget,
+                        {
+                          type: "rwa",
+                          initialSort: meta.initialSort,
+                          dataFilter
+                        }
+                      ) })
+                    }
                   ) : /* @__PURE__ */ jsx(
                     LazyMarketsListFullWidget,
                     {
@@ -3611,7 +3799,7 @@ var init_marketsDataList_ui = __esm({
                   suffix: tab.suffix
                 }),
                 value: key,
-                children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+                children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
                   LazyMarketsListFullWidget,
                   {
                     type: "all",
@@ -3663,15 +3851,16 @@ var init_expandMarkets_ui = __esm({
     init_type();
     init_communityBrokerTabs();
     init_marketsProvider();
+    init_rwaSubcategoryTabs();
     init_rwaTab();
     init_useFavoritesExtraProps();
     init_tabUtils();
-    LazySearchInput2 = React6.lazy(
+    LazySearchInput2 = React7.lazy(
       () => Promise.resolve().then(() => (init_searchInput(), searchInput_exports)).then((mod) => {
         return { default: mod.SearchInput };
       })
     );
-    LazyMarketsListWidget = React6.lazy(
+    LazyMarketsListWidget = React7.lazy(
       () => Promise.resolve().then(() => (init_marketsList(), marketsList_exports)).then((mod) => {
         return { default: mod.MarketsListWidget };
       })
@@ -3695,7 +3884,42 @@ var init_expandMarkets_ui = __esm({
       const tabDataFilters = useCustomTabDataFilters(tabs);
       const renderBuiltInContent = (type) => {
         const tabType = type;
-        return /* @__PURE__ */ jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+        if (tabType === "rwa" /* Rwa */) {
+          return /* @__PURE__ */ jsx(
+            RwaSubcategoryTabs,
+            {
+              storageKey: "orderly_expand_markets_rwa_sel_sub_tab",
+              classNames: {
+                tabsList: "oui-px-3 oui-pt-1 oui-pb-2",
+                tabsListContainer: "oui-shrink-0",
+                tabsContent: "oui-min-h-0 oui-min-w-0 oui-w-full oui-flex-1 oui-overflow-hidden"
+              },
+              className: cn(
+                "oui-expandMarkets-rwa-tabs",
+                "oui-flex oui-size-full oui-min-h-0 oui-min-w-0 oui-flex-col"
+              ),
+              showScrollIndicator: true,
+              renderPanel: (_, dataFilter) => /* @__PURE__ */ jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+                LazyMarketsListWidget,
+                {
+                  type: tabType,
+                  dataFilter,
+                  initialSort: tabSort[type],
+                  onSort: onTabSort(tabType),
+                  tableClassNames: {
+                    root: expandListTableClassNames.root,
+                    scroll: cn(
+                      expandListTableClassNames.scroll,
+                      "oui-px-1",
+                      "oui-pb-2"
+                    )
+                  }
+                }
+              ) }) })
+            }
+          );
+        }
+        return /* @__PURE__ */ jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
           LazyMarketsListWidget,
           {
             type: tabType,
@@ -3734,7 +3958,7 @@ var init_expandMarkets_ui = __esm({
               "oui-flex oui-size-full oui-min-h-0 oui-min-w-0 oui-flex-col"
             ),
             showScrollIndicator: true,
-            renderPanel: (selected) => /* @__PURE__ */ jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+            renderPanel: (selected) => /* @__PURE__ */ jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
               LazyMarketsListWidget,
               {
                 type: "all" /* All */,
@@ -3755,7 +3979,7 @@ var init_expandMarkets_ui = __esm({
         );
       };
       const renderCustomContent = (key) => {
-        return /* @__PURE__ */ jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
           LazyMarketsListWidget,
           {
             type: "all" /* All */,
@@ -3783,7 +4007,7 @@ var init_expandMarkets_ui = __esm({
           ),
           height: "100%",
           children: [
-            /* @__PURE__ */ jsx(Box, { className: "oui-expandMarkets-header", px: 3, pb: 2, children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(Box, { className: "oui-expandMarkets-header", px: 3, pb: 2, children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
               LazySearchInput2,
               {
                 classNames: { root: "oui-expandMarkets-search-input" }
@@ -3898,6 +4122,14 @@ var init_builtInTabRegistry = __esm({
       },
       all: { type: "all" },
       rwa: { type: "rwa" },
+      preTge: {
+        type: "preTge",
+        isVisible: (symbolList, { symbolsInfo }) => {
+          return symbolList.some(
+            (m) => Boolean(m?.is_pretge ?? symbolsInfo?.[m.symbol]?.("is_pretge"))
+          );
+        }
+      },
       newListing: { type: "newListing" },
       recent: { type: "recent" }
     };
@@ -3906,7 +4138,8 @@ var init_builtInTabRegistry = __esm({
         { type: "favorites" },
         { type: "all" },
         { type: "rwa" },
-        { ...builtInTabs.community }
+        { ...builtInTabs.community },
+        { ...builtInTabs.preTge }
       ],
       expandMarkets: [
         { type: "favorites" },
@@ -3914,7 +4147,8 @@ var init_builtInTabRegistry = __esm({
         { type: "rwa" },
         { ...builtInTabs.community },
         { type: "newListing" },
-        { type: "recent" }
+        { type: "recent" },
+        { ...builtInTabs.preTge }
       ],
       dropDownMarkets: [
         { type: "favorites" },
@@ -3922,7 +4156,8 @@ var init_builtInTabRegistry = __esm({
         { type: "rwa" },
         { ...builtInTabs.community },
         { type: "newListing" },
-        { type: "recent" }
+        { type: "recent" },
+        { ...builtInTabs.preTge }
       ],
       subMenuMarkets: [
         { type: "favorites" },
@@ -3930,14 +4165,16 @@ var init_builtInTabRegistry = __esm({
         { type: "rwa" },
         { ...builtInTabs.community },
         { type: "newListing" },
-        { type: "recent" }
+        { type: "recent" },
+        { ...builtInTabs.preTge }
       ],
       marketsDataList: [
         { type: "favorites" },
         { type: "all" },
         { type: "rwa" },
         { ...builtInTabs.community },
-        { type: "newListing" }
+        { type: "newListing" },
+        { ...builtInTabs.preTge }
       ],
       horizontalMarkets: [
         { type: "all" },
@@ -3953,13 +4190,21 @@ function useMarketCategories(componentKey) {
   const { i18n: i18n2 } = useTranslation();
   const symbolList = useMarketList();
   const rwaSymbolsInfo = useRwaSymbolsInfo();
+  const symbolsInfo = useSymbolsInfo();
   return useMemo(() => {
     const original = componentDefaultTabs[componentKey];
     const resolved = marketTabs ? marketTabs(original, { componentKey, builtIn: builtInTabs }) : original;
     return resolved.filter(
-      (tab) => tab.isVisible?.(symbolList, { rwaSymbolsInfo }) ?? true
+      (tab) => tab.isVisible?.(symbolList, { rwaSymbolsInfo, symbolsInfo }) ?? true
     );
-  }, [marketTabs, componentKey, i18n2.language, symbolList, rwaSymbolsInfo]);
+  }, [
+    marketTabs,
+    componentKey,
+    i18n2.language,
+    symbolList,
+    rwaSymbolsInfo,
+    symbolsInfo
+  ]);
 }
 var init_useMarketCategories = __esm({
   "src/components/shared/hooks/useMarketCategories.ts"() {
@@ -4675,9 +4920,11 @@ __export(sideMarkets_ui_exports, {
 var SideMarkets;
 var init_sideMarkets_ui = __esm({
   "src/components/sideMarkets/sideMarkets.ui.tsx"() {
+    init_type();
     init_expandMarkets();
     init_marketsList();
     init_marketsProvider();
+    init_rwaSubcategoryTabs();
     init_useFavoritesExtraProps();
     SideMarkets = (props) => {
       const { activeTab, onTabChange, className, tabSort, panelSize } = props;
@@ -4695,6 +4942,30 @@ var init_sideMarkets_ui = __esm({
             }
           );
         }
+        if (activeTab === "rwa" /* Rwa */) {
+          return /* @__PURE__ */ jsx(
+            RwaSubcategoryTabs,
+            {
+              storageKey: "orderly_side_markets_rwa_sel_sub_tab",
+              classNames: {
+                tabsList: "oui-px-1 oui-pt-1 oui-pb-2",
+                tabsContent: "oui-h-full",
+                scrollIndicator: "oui-mx-1"
+              },
+              className: "oui-sideMarkets-rwa-tabs oui-h-full",
+              showScrollIndicator: true,
+              renderPanel: (_, dataFilter) => /* @__PURE__ */ jsx(
+                MarketsListWidget,
+                {
+                  type: activeTab,
+                  dataFilter,
+                  initialSort: tabSort[activeTab],
+                  panelSize: "middle"
+                }
+              )
+            }
+          );
+        }
         return /* @__PURE__ */ jsx(
           MarketsListWidget,
           {
@@ -4727,7 +4998,9 @@ var init_column4 = __esm({
       return useCallback(
         (favorite, isFavoriteList = false) => {
           return [
-            getSymbolColumn(favorite, isFavoriteList),
+            getSymbolColumn(favorite, isFavoriteList, {
+              symbolColumnWidth: 190
+            }),
             getLastColumn(),
             get24hPercentageColumn(),
             {
@@ -4821,6 +5094,7 @@ var init_dropDownMarkets_ui = __esm({
     init_communityBrokerTabs();
     init_marketsList();
     init_marketsProvider();
+    init_rwaSubcategoryTabs();
     init_rwaTab();
     init_searchInput();
     init_useFavoritesExtraProps();
@@ -4874,6 +5148,35 @@ var init_dropDownMarkets_ui = __esm({
       const { tabs } = useMarketsContext();
       const tabDataFilters = useCustomTabDataFilters(tabs);
       const renderBuiltInContent = (tabType) => {
+        if (tabType === "rwa" /* Rwa */) {
+          return /* @__PURE__ */ jsx(
+            RwaSubcategoryTabs,
+            {
+              storageKey: "orderly_dropdown_markets_rwa_sel_sub_tab",
+              classNames: {
+                tabsList: "oui-px-3 oui-pt-1 oui-pb-2",
+                tabsContent: "oui-h-full"
+              },
+              className: cn("oui-dropDownMarkets-rwa-tabs", cls2),
+              showScrollIndicator: true,
+              renderPanel: (_, dataFilter) => /* @__PURE__ */ jsx("div", { className: cls2, children: /* @__PURE__ */ jsx(
+                MarketsListWidget,
+                {
+                  type: "rwa" /* Rwa */,
+                  initialSort: tabSort[tabType],
+                  onSort: onTabSort(tabType),
+                  getColumns,
+                  tableClassNames: {
+                    root: cn("oui-dropDownMarkets-list", "!oui-bg-base-8"),
+                    scroll: "oui-pb-5 oui-px-1"
+                  },
+                  rowClassName: "!oui-h-[34px]",
+                  dataFilter
+                }
+              ) })
+            }
+          );
+        }
         return /* @__PURE__ */ jsx("div", { className: cls2, children: /* @__PURE__ */ jsx(
           MarketsListWidget,
           {
@@ -5127,7 +5430,7 @@ var init_marketItem_ui = __esm({
     init_symbolDisplay();
     MarketItemComponent = (props) => {
       const { symbol, tickerData, isActive, onSymbolClick } = props;
-      const handleClick = React6.useCallback(() => {
+      const handleClick = React7.useCallback(() => {
         onSymbolClick(symbol);
       }, [symbol, onSymbolClick]);
       return /* @__PURE__ */ jsxs(
@@ -5177,7 +5480,7 @@ var init_marketItem_ui = __esm({
         }
       );
     };
-    MarketItem = React6.memo(
+    MarketItem = React7.memo(
       MarketItemComponent,
       (prevProps, nextProps) => {
         return prevProps.symbol === nextProps.symbol && prevProps.isActive === nextProps.isActive && prevProps.tickerData["24h_close"] === nextProps.tickerData["24h_close"] && prevProps.tickerData.change === nextProps.tickerData.change && prevProps.tickerData.quote_dp === nextProps.tickerData.quote_dp && prevProps.onSymbolClick === nextProps.onSymbolClick;
@@ -5200,13 +5503,13 @@ var init_marketTypeFilter_ui = __esm({
         tabs
       } = props;
       const { t } = useTranslation();
-      const orderedOptions = React6.useMemo(() => {
+      const orderedOptions = React7.useMemo(() => {
         if (!tabs) return [];
         return tabs.filter(
           (tab) => isCustomMarketTab(tab) || isBuiltInMarketTab(tab) && tab.type !== "favorites"
         );
       }, [tabs]);
-      const hasFavoritesTab = React6.useMemo(() => {
+      const hasFavoritesTab = React7.useMemo(() => {
         return tabs?.some(
           (tab) => isBuiltInMarketTab(tab) && tab.type === "favorites"
         );
@@ -5215,17 +5518,19 @@ var init_marketTypeFilter_ui = __esm({
       const dropdownRef = useRef(null);
       const [, favorite] = useMarkets(MarketsType.FAVORITES);
       const hasFavorites = (favorite?.favorites?.length || 0) > 0;
-      const titleOverrides = React6.useMemo(
+      const titleOverrides = React7.useMemo(
         () => ({
           all: t("markets.allMarkets"),
           newListing: t("markets.newListings"),
-          recent: t("markets.recent")
+          recent: t("markets.recent"),
+          rwa: t("markets.tradFi"),
+          preTge: t("markets.preTge")
         }),
         [t]
       );
       const getOptionLabel = useCallback(
-        (tab) => resolveTabTitle(tab, titleOverrides, t("common.rwa")),
-        [t, titleOverrides]
+        (tab) => resolveTabTitle(tab, titleOverrides, titleOverrides.rwa),
+        [titleOverrides]
       );
       useEffect(() => {
         const handleClickOutside = (event) => {
@@ -5413,7 +5718,7 @@ var init_horizontalMarkets_ui = __esm({
     init_marketsProvider();
     init_marketItem_ui();
     init_marketTypeFilter_ui();
-    HorizontalMarkets = React6.memo((props) => {
+    HorizontalMarkets = React7.memo((props) => {
       const {
         symbols,
         tickerData,
@@ -5425,7 +5730,7 @@ var init_horizontalMarkets_ui = __esm({
         dropdownPos
       } = props;
       const { tabs } = useMarketsContext();
-      const renderMarketItem = React6.useCallback(
+      const renderMarketItem = React7.useCallback(
         (symbol, index) => {
           const data = tickerData[symbol];
           const isActive = currentSymbol === symbol;
@@ -5445,7 +5750,7 @@ var init_horizontalMarkets_ui = __esm({
         },
         [tickerData, currentSymbol, onSymbolClick]
       );
-      const carouselOptions = React6.useMemo(
+      const carouselOptions = React7.useMemo(
         () => ({
           loop: true,
           align: "start",
@@ -5453,7 +5758,7 @@ var init_horizontalMarkets_ui = __esm({
         }),
         []
       );
-      const autoScrollOptions = React6.useMemo(
+      const autoScrollOptions = React7.useMemo(
         () => ({
           speed: 1,
           direction: "forward",
@@ -5599,17 +5904,17 @@ var init_funding_script = __esm({
 var LazySearchInput4, LazyFundingOverviewWidget, LazyFundingComparisonWidget, Funding;
 var init_funding_ui = __esm({
   "src/pages/home/funding/funding.ui.tsx"() {
-    LazySearchInput4 = React6.lazy(
+    LazySearchInput4 = React7.lazy(
       () => Promise.resolve().then(() => (init_searchInput(), searchInput_exports)).then((mod) => {
         return { default: mod.SearchInput };
       })
     );
-    LazyFundingOverviewWidget = React6.lazy(
+    LazyFundingOverviewWidget = React7.lazy(
       () => Promise.resolve().then(() => (init_fundingOverview(), fundingOverview_exports)).then((mod) => {
         return { default: mod.FundingOverviewWidget };
       })
     );
-    LazyFundingComparisonWidget = React6.lazy(
+    LazyFundingComparisonWidget = React7.lazy(
       () => Promise.resolve().then(() => (init_fundingComparison(), fundingComparison_exports)).then((mod) => {
         return { default: mod.FundingComparisonWidget };
       })
@@ -5631,7 +5936,7 @@ var init_funding_ui = __esm({
               size: "lg",
               value: props.activeTab,
               onValueChange: props.onTabChange,
-              trailing: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazySearchInput4, { classNames: { root: "oui-my-1 oui-w-[240px]" } }) }),
+              trailing: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazySearchInput4, { classNames: { root: "oui-my-1 oui-w-[240px]" } }) }),
               children: [
                 /* @__PURE__ */ jsx(
                   TabPanel,
@@ -5643,7 +5948,7 @@ var init_funding_ui = __esm({
                     title: t("common.overview"),
                     value: "overview",
                     testid: "oui-testid-funding-overview-tab",
-                    children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyFundingOverviewWidget, {}) })
+                    children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyFundingOverviewWidget, {}) })
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -5656,7 +5961,7 @@ var init_funding_ui = __esm({
                     title: t("markets.funding.comparison"),
                     value: "comparison",
                     testid: "oui-testid-funding-comparison-tab",
-                    children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyFundingComparisonWidget, {}) })
+                    children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyFundingComparisonWidget, {}) })
                   }
                 )
               ]
@@ -5707,6 +6012,7 @@ init_communityBrokerTabs();
 init_favoritesTabs();
 init_marketsList();
 init_marketsProvider();
+init_rwaSubcategoryTabs();
 init_rwaTab();
 init_useFavoritesExtraProps();
 init_tabUtils();
@@ -5716,7 +6022,7 @@ var TABLE_CLASSNAMES = {
   scroll: "oui-px-0",
   header: "oui-hidden oui-h-0 oui-p-0"
 };
-var LazySearchInput3 = React6.lazy(
+var LazySearchInput3 = React7.lazy(
   () => Promise.resolve().then(() => (init_searchInput(), searchInput_exports)).then((mod) => ({ default: mod.SearchInput }))
 );
 var cls = "oui-h-[calc(100%_-_36px)]";
@@ -5770,6 +6076,31 @@ var SubMenuMarkets = (props) => {
     ];
   };
   const renderBuiltInContent = (tabType) => {
+    if (tabType === "rwa" /* Rwa */) {
+      return /* @__PURE__ */ jsx(
+        RwaSubcategoryTabs,
+        {
+          storageKey: "orderly_submenu_markets_rwa_sel_sub_tab",
+          classNames: {
+            tabsList: "oui-px-1 oui-pt-1 oui-pb-2",
+            tabsContent: "oui-h-full",
+            scrollIndicator: "oui-mx-1"
+          },
+          className: cn("oui-subMenuMarkets-rwa-tabs", cls),
+          showScrollIndicator: true,
+          renderPanel: (_, dataFilter) => /* @__PURE__ */ jsx(
+            MarketTabPanel,
+            {
+              type: tabType,
+              getColumns,
+              dataFilter,
+              initialSort: tabSort[tabType],
+              onSort: onTabSort(tabType)
+            }
+          )
+        }
+      );
+    }
     if (tabType === "favorites" /* Favorites */) {
       const favProps = getFavoritesProps("favorites" /* Favorites */);
       return /* @__PURE__ */ jsx(
@@ -5843,7 +6174,7 @@ var SubMenuMarkets = (props) => {
       ),
       height: "100%",
       children: [
-        /* @__PURE__ */ jsx(Box, { className: "oui-p-1", children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazySearchInput3, {}) }) }),
+        /* @__PURE__ */ jsx(Box, { className: "oui-p-1", children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazySearchInput3, {}) }) }),
         /* @__PURE__ */ jsx(
           Tabs,
           {
@@ -5997,14 +6328,14 @@ var useSideMarketsScript = (options) => {
 
 // src/components/sideMarkets/sideMarkets.widget.tsx
 init_marketsProvider();
-var LazySideMarkets = React6.lazy(
+var LazySideMarkets = React7.lazy(
   () => Promise.resolve().then(() => (init_sideMarkets_ui(), sideMarkets_ui_exports)).then((mod) => {
     return { default: mod.SideMarkets };
   })
 );
 var SideMarketsWidget = (props) => {
   const state = useSideMarketsScript(props);
-  return /* @__PURE__ */ jsx(MarketsProvider, { ...pick(["symbol", "onSymbolChange"], props), children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazySideMarkets, { ...state, className: props.className }) }) });
+  return /* @__PURE__ */ jsx(MarketsProvider, { ...pick(["symbol", "onSymbolChange"], props), children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazySideMarkets, { ...state, className: props.className }) }) });
 };
 
 // src/index.ts
@@ -6016,6 +6347,7 @@ init_type();
 init_communityBrokerTabs();
 init_marketsList();
 init_marketsProvider();
+init_rwaSubcategoryTabs();
 init_rwaTab();
 init_searchInput();
 init_useFavoritesExtraProps();
@@ -6041,6 +6373,40 @@ var MarketsSheet = (props) => {
   const tabDataFilters = useCustomTabDataFilters(tabs);
   const renderBuiltInContent = (tabType) => {
     const isFavorites = tabType === "favorites" /* Favorites */;
+    if (tabType === "rwa" /* Rwa */) {
+      return /* @__PURE__ */ jsx(
+        RwaSubcategoryTabs,
+        {
+          storageKey: "orderly_markets_sheet_rwa_sel_sub_tab",
+          classNames: {
+            tabsList: "oui-px-3 oui-pt-1 oui-pb-2",
+            tabsContent: "oui-h-full"
+          },
+          className: cn(
+            "oui-marketsSheet-rwa-tabs",
+            "oui-h-[calc(100%_-_36px)]"
+          ),
+          showScrollIndicator: true,
+          renderPanel: (_, dataFilter) => /* @__PURE__ */ jsx(
+            MarketsListWidget,
+            {
+              type: tabType,
+              dataFilter,
+              initialSort: tabSort[tabType],
+              onSort: onTabSort(tabType),
+              getColumns: getMarketsSheetColumns,
+              tableClassNames: {
+                root: cn("oui-marketsSheet-list", "!oui-bg-base-8"),
+                scroll: cn(
+                  "oui-pb-[env(safe-area-inset-bottom,_20px)]",
+                  "oui-h-[calc(100%_-_40px)]"
+                )
+              }
+            }
+          )
+        }
+      );
+    }
     return /* @__PURE__ */ jsx(
       MarketsListWidget,
       {
@@ -6619,25 +6985,33 @@ var FundingRateHintWidget = (props) => {
 // src/components/symbolInfoBarFull/symbolInfoBarFull.ui.tsx
 init_symbolBadge();
 init_symbolDisplay();
-var LazyDropDownMarketsWidget = React6.lazy(
+var LazyDropDownMarketsWidget = React7.lazy(
   () => Promise.resolve().then(() => (init_dropDownMarkets(), dropDownMarkets_exports)).then((mod) => {
     return { default: mod.DropDownMarketsWidget };
   })
 );
-var LazyFavoritesDropdownMenuWidget = React6.lazy(
+var LazyFavoritesDropdownMenuWidget = React7.lazy(
   () => Promise.resolve().then(() => (init_favoritesDropdownMenu(), favoritesDropdownMenu_exports)).then((mod) => {
     return { default: mod.FavoritesDropdownMenuWidget };
   })
 );
-var LazyDataItem = React6.lazy(
+var LazyDataItem = React7.lazy(
   () => Promise.resolve().then(() => (init_dataItem_ui(), dataItem_ui_exports)).then((mod) => {
     return { default: mod.DataItem };
   })
 );
-var RISK_NOTICE_LEARN_MORE_URL = "https://orderly.network";
-var SymbolInfoBarRiskNotice = ({ className, visible, symbolWithBroker, brokerName, autoHeight }) => {
+var RISK_NOTICE_LEARN_MORE_URL = "https://orderly.network/docs/introduction/trade-on-orderly/permissionless-listing";
+var SymbolInfoBarRiskNotice = ({
+  className,
+  visible,
+  symbolWithBroker,
+  brokerName,
+  isPreTge,
+  autoHeight
+}) => {
   const { t } = useTranslation();
   if (!visible) return null;
+  const contentKey = isPreTge ? "markets.symbolInfoBar.riskNotice.preLaunch.content" : "markets.symbolInfoBar.riskNotice.content";
   return /* @__PURE__ */ jsx(
     "a",
     {
@@ -6657,7 +7031,7 @@ var SymbolInfoBarRiskNotice = ({ className, visible, symbolWithBroker, brokerNam
           children: [
             /* @__PURE__ */ jsx(WarningIcon, { className: "oui-shrink-0 oui-size-4 oui-text-warning-darken" }),
             /* @__PURE__ */ jsxs(Text, { size: "xs", className: "oui-text-warning-darken oui-flex-1", children: [
-              t("markets.symbolInfoBar.riskNotice.content", {
+              t(contentKey, {
                 symbolWithBroker,
                 brokerName
               }),
@@ -6744,11 +7118,13 @@ var SymbolInfoBarFull = (props) => {
     showCountdown
   } = props;
   const { t } = useTranslation();
-  const { brokerId, brokerName, brokerNameRaw, displayName } = useBadgeBySymbol(symbol);
+  const symbolsInfo = useSymbolsInfo();
+  const { brokerId, brokerName, brokerNameRaw, displaySymbolName } = useBadgeBySymbol(symbol);
+  const isPreTge = Boolean(symbolsInfo[symbol]?.("is_pretge"));
   const isCommunityListed = Boolean(brokerId ?? brokerName);
   const baseFromSymbol = symbol?.split("_")[1] ?? symbol;
-  const symbolWithBroker = brokerName != null ? `${baseFromSymbol}-${brokerNameRaw}` : displayName ?? symbol;
-  const favoriteIcon = /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyFavoritesDropdownMenuWidget, { row: { symbol }, favorite, children: /* @__PURE__ */ jsx(
+  const symbolWithBroker = brokerName != null ? `${baseFromSymbol}-${brokerNameRaw}` : displaySymbolName ?? symbol;
+  const favoriteIcon = /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyFavoritesDropdownMenuWidget, { row: { symbol }, favorite, children: /* @__PURE__ */ jsx(
     Flex,
     {
       width: 12,
@@ -6759,7 +7135,7 @@ var SymbolInfoBarFull = (props) => {
       children: isFavorite ? /* @__PURE__ */ jsx(FavoritesIcon2, { className: "oui-size-3 oui-text-warning-darken" }) : /* @__PURE__ */ jsx(UnFavoritesIcon2, { className: "oui-size-3 oui-text-base-contrast-36 hover:oui-text-warning-darken" })
     }
   ) }) });
-  const symbolView = /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsxs(
+  const symbolView = /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsxs(
     Flex,
     {
       direction: "column",
@@ -6769,7 +7145,7 @@ var SymbolInfoBarFull = (props) => {
         /* @__PURE__ */ jsx(
           LazyDropDownMarketsWidget,
           {
-            contentClassName: "oui-w-[580px] oui-h-[496px]",
+            contentClassName: "oui-w-[620px] oui-h-[496px]",
             symbol: props.symbol,
             onSymbolChange: props.onSymbolChange,
             children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 1, children: /* @__PURE__ */ jsxs(Flex, { gapX: 1, className: "oui-cursor-pointer", children: [
@@ -6841,8 +7217,8 @@ var SymbolInfoBarFull = (props) => {
     }
   );
   const scrollableContent = /* @__PURE__ */ jsxs(Flex, { gapX: 8, height: "100%", children: [
-    /* @__PURE__ */ jsx("div", { ref: leadingElementRef, children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyDataItem, { label: t("markets.column.24hChange"), value: change }) }) }),
-    /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { ref: leadingElementRef, children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyDataItem, { label: t("markets.column.24hChange"), value: change }) }) }),
+    /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       LazyDataItem,
       {
         label: t("markets.symbolInfoBar.Mark"),
@@ -6857,7 +7233,7 @@ var SymbolInfoBarFull = (props) => {
         hint: t("markets.symbolInfoBar.Mark.tooltip")
       }
     ) }),
-    /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       LazyDataItem,
       {
         label: t("markets.symbolInfoBar.Index"),
@@ -6865,7 +7241,7 @@ var SymbolInfoBarFull = (props) => {
         hint: t("markets.symbolInfoBar.Index.tooltip")
       }
     ) }),
-    /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       LazyDataItem,
       {
         label: t("markets.symbolInfoBar.24hVolume"),
@@ -6873,7 +7249,7 @@ var SymbolInfoBarFull = (props) => {
         hint: t("markets.symbolInfoBar.24hVolume.tooltip")
       }
     ) }),
-    /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       LazyDataItem,
       {
         label: t("markets.symbolInfoBar.predFundingRate"),
@@ -6881,7 +7257,7 @@ var SymbolInfoBarFull = (props) => {
         hint: /* @__PURE__ */ jsx(FundingRateHintWidget, { symbol })
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { ref: tailingElementRef, children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { ref: tailingElementRef, children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       LazyDataItem,
       {
         label: t("markets.openInterest"),
@@ -6900,6 +7276,7 @@ var SymbolInfoBarFull = (props) => {
         visible: isCommunityListed,
         symbolWithBroker,
         brokerName: brokerNameRaw ?? brokerName ?? "",
+        isPreTge,
         autoHeight: true
       }
     ),
@@ -7146,7 +7523,9 @@ var useHorizontalMarketsScript = (options) => {
     all: MarketsType.ALL,
     recent: MarketsType.RECENT,
     newListing: MarketsType.NEW_LISTING,
-    favorites: MarketsType.FAVORITES
+    favorites: MarketsType.FAVORITES,
+    rwa: MarketsType.RWA,
+    preTge: MarketsType.PRE_TGE
   };
   const isCustomCategory = typeof selectedMarketType === "string" && !MarketsTypeMap3[selectedMarketType];
   const marketTypeKey = isCustomCategory ? "all" : selectedMarketType || "all";
@@ -7248,7 +7627,7 @@ var useHorizontalMarketsScript = (options) => {
     onMarketTypeChange
   };
 };
-var LazyHorizontalMarkets = React6.lazy(
+var LazyHorizontalMarkets = React7.lazy(
   () => Promise.resolve().then(() => (init_horizontalMarkets_ui(), horizontalMarkets_ui_exports)).then((mod) => {
     return { default: mod.HorizontalMarkets };
   })
@@ -7260,7 +7639,7 @@ var HorizontalMarketsInner = (props) => {
     maxItems,
     defaultMarketType
   });
-  return /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
     LazyHorizontalMarkets,
     {
       ...state,
@@ -7521,17 +7900,17 @@ init_type();
 init_marketsProvider();
 init_useMarketCategories();
 init_type();
-var LazyMarketsHeaderWidget = React6.lazy(
+var LazyMarketsHeaderWidget = React7.lazy(
   () => Promise.resolve().then(() => (init_marketsHeader_widget(), marketsHeader_widget_exports)).then((mod) => {
     return { default: mod.MarketsHeaderWidget };
   })
 );
-var LazyMarketsDataListWidget = React6.lazy(
+var LazyMarketsDataListWidget = React7.lazy(
   () => Promise.resolve().then(() => (init_marketsDataList(), marketsDataList_exports)).then((mod) => {
     return { default: mod.MarketsDataListWidget };
   })
 );
-var LazyFundingWidget = React6.lazy(
+var LazyFundingWidget = React7.lazy(
   () => Promise.resolve().then(() => (init_funding_widget(), funding_widget_exports)).then((mod) => {
     return { default: mod.FundingWidget };
   })
@@ -7594,8 +7973,8 @@ var MarketsDesktopContent = (props) => {
             value: "markets" /* Markets */,
             testid: "oui-testid-markets-tab",
             children: [
-              /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyMarketsHeaderWidget, { className: "oui-mt-4" }) }),
-              /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyMarketsDataListWidget, {}) })
+              /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyMarketsHeaderWidget, { className: "oui-mt-4" }) }),
+              /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyMarketsDataListWidget, {}) })
             ]
           }
         ),
@@ -7609,7 +7988,7 @@ var MarketsDesktopContent = (props) => {
             title: t("common.funding"),
             value: "funding" /* Funding */,
             testid: "oui-testid-funding-tab",
-            children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyFundingWidget, {}) })
+            children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyFundingWidget, {}) })
           }
         )
       ]
@@ -7651,8 +8030,8 @@ var MarketsMobileContent = (props) => {
             value: "markets",
             testid: "oui-testid-markets-tab",
             children: [
-              /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyMarketsHeaderWidget, { className: "oui-mt-2" }) }),
-              /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyMarketsDataListWidget, {}) })
+              /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyMarketsHeaderWidget, { className: "oui-mt-2" }) }),
+              /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyMarketsDataListWidget, {}) })
             ]
           }
         ),
@@ -7662,7 +8041,7 @@ var MarketsMobileContent = (props) => {
             title: t("common.funding"),
             value: "funding",
             testid: "oui-testid-funding-tab",
-            children: /* @__PURE__ */ jsx(React6.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyFundingWidget, {}) })
+            children: /* @__PURE__ */ jsx(React7.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyFundingWidget, {}) })
           }
         )
       ]