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

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React6 = require('react');
+var React7 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var hooks = require('@orderly.network/hooks');
 var i18n = require('@orderly.network/i18n');
@@ -11,7 +11,7 @@ var uiScaffold = require('@orderly.network/ui-scaffold');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React6__default = /*#__PURE__*/_interopDefault(React6);
+var React7__default = /*#__PURE__*/_interopDefault(React7);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -25,14 +25,14 @@ var __export = (target, all) => {
 var MarketsContext; exports.MarketsProvider = void 0; var useMarketsContext;
 var init_marketsProvider = __esm({
   "src/components/marketsProvider/index.tsx"() {
-    MarketsContext = React6.createContext({});
+    MarketsContext = React7.createContext({});
     exports.MarketsProvider = (props) => {
       const { symbol, comparisonProps, children, onSymbolChange, tabs } = props;
-      const [searchValue, setSearchValue] = React6.useState("");
-      const clearSearchValue = React6.useCallback(() => {
+      const [searchValue, setSearchValue] = React7.useState("");
+      const clearSearchValue = React7.useCallback(() => {
         setSearchValue("");
       }, []);
-      const memoizedValue = React6.useMemo(() => {
+      const memoizedValue = React7.useMemo(() => {
         return {
           searchValue,
           onSearchValueChange: setSearchValue,
@@ -53,7 +53,7 @@ var init_marketsProvider = __esm({
       return /* @__PURE__ */ jsxRuntime.jsx(MarketsContext.Provider, { value: memoizedValue, children });
     };
     useMarketsContext = () => {
-      return React6.useContext(MarketsContext);
+      return React7.useContext(MarketsContext);
     };
   }
 });
@@ -62,9 +62,12 @@ var init_rwaDotTooltip = __esm({
   "src/components/rwaDotTooltip.tsx"() {
     RwaDotTooltip = ({ record }) => {
       const { t } = i18n.useTranslation();
-      const isInTradingHours = hooks.isCurrentlyTrading(
+      const { open: computedOpen } = hooks.useGetRwaSymbolOpenStatus(record.symbol);
+      const open = computedOpen ?? hooks.isCurrentlyTrading(
         record.rwaNextClose,
-        record.rwaStatus
+        record.rwaStatus,
+        void 0,
+        record.rwaNextOpen
       );
       if (!record.isRwa) {
         return null;
@@ -74,7 +77,7 @@ var init_rwaDotTooltip = __esm({
         {
           className: "oui-pointer-events-none",
           disableHoverableContent: true,
-          content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { color: isInTradingHours ? "success" : "danger", children: isInTradingHours ? t("trading.rwa.marketHours") : t("trading.rwa.outsideMarketHours") }),
+          content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { color: open ? "success" : "danger", children: open ? t("trading.rwa.marketHours") : t("trading.rwa.outsideMarketHours") }),
           children: /* @__PURE__ */ jsxRuntime.jsx(
             ui.Box,
             {
@@ -89,7 +92,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"
                 }
               )
             }
@@ -107,7 +110,10 @@ var init_symbolBadge = __esm({
         props.symbol
       );
       const badge = brokerName ?? brokerId ?? void 0;
-      return /* @__PURE__ */ jsxRuntime.jsx(ui.SymbolBadge, { badge, fullName: brokerNameRaw });
+      if (!badge) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { as: "span", display: "inlineFlex", className: props.className, children: /* @__PURE__ */ jsxRuntime.jsx(ui.SymbolBadge, { badge, fullName: brokerNameRaw }) });
     };
     SymbolBadge = BrokerIdBadge;
   }
@@ -117,11 +123,12 @@ var init_symbolDisplay = __esm({
   "src/components/symbolDisplay.tsx"() {
     init_rwaDotTooltip();
     init_symbolBadge();
-    exports.SymbolDisplay = React6.memo((props) => {
+    exports.SymbolDisplay = React7.memo((props) => {
       const { children, size = "xs", showBadge = true, record, ...rest } = props;
       const symbol = children;
       const symbolsInfo = hooks.useSymbolsInfo();
-      const displayName = symbolsInfo[symbol]("displayName");
+      const info = symbolsInfo[symbol];
+      const displayName = info("display_symbol_name")?.trim?.();
       const suffix = record?.isRwa || showBadge ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { as: "span", display: "inlineFlex", gapX: 0, itemAlign: "center", children: [
         record?.isRwa && /* @__PURE__ */ jsxRuntime.jsx(RwaDotTooltip, { record }),
         showBadge && /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol })
@@ -580,7 +587,7 @@ var init_marketsHeader_ui = __esm({
     BlockList = (props) => {
       const { total24Amount, totalOpenInterest, tvl } = props;
       const { t } = i18n.useTranslation();
-      const list = React6.useMemo(() => {
+      const list = React7.useMemo(() => {
         return [
           {
             label: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 1, children: [
@@ -747,8 +754,8 @@ function sortList(list, sort) {
   return sortedList;
 }
 function useSort(initialSort, onSortChange) {
-  const [sort, setSort] = React6.useState(initialSort);
-  const onSort = React6.useCallback((options) => {
+  const [sort, setSort] = React7.useState(initialSort);
+  const onSort = React7.useCallback((options) => {
     const nextSort = options ? {
       sortKey: options.sortKey,
       sortOrder: options.sort
@@ -756,7 +763,7 @@ function useSort(initialSort, onSortChange) {
     setSort(nextSort);
     onSortChange?.(nextSort);
   }, []);
-  const getSortedList = React6.useCallback(
+  const getSortedList = React7.useCallback(
     (list) => sortList(list, sort),
     [sort]
   );
@@ -778,7 +785,7 @@ function searchBySymbol(list, searchValue = "", formatString) {
   list?.forEach((item) => {
     const formattedSymbol = utils.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;
@@ -794,8 +801,8 @@ function searchBySymbol(list, searchValue = "", formatString) {
     }
   });
   const compareSymbols = (a, b) => {
-    const textA = a.displayName || utils.formatSymbol(a.symbol, formatString);
-    const textB = b.displayName || utils.formatSymbol(b.symbol, formatString);
+    const textA = a.display_symbol_name || utils.formatSymbol(a.symbol, formatString);
+    const textB = b.display_symbol_name || utils.formatSymbol(b.symbol, formatString);
     if (textA < textB) return -1;
     if (textA > textB) return 1;
     return 0;
@@ -805,9 +812,9 @@ function searchBySymbol(list, searchValue = "", formatString) {
   return [...exactMatches, ...startsWithMatches, ...otherMatches];
 }
 function useSize() {
-  const [width, setWidth] = React6.useState(0);
-  const [height, setHeight] = React6.useState(0);
-  React6.useEffect(() => {
+  const [width, setWidth] = React7.useState(0);
+  const [height, setHeight] = React7.useState(0);
+  React7.useEffect(() => {
     setWidth(window.innerWidth);
     setHeight(window.innerHeight);
     const handleResize = () => {
@@ -861,34 +868,34 @@ var init_utils = __esm({
 function useDataSource() {
   const [markets, favorite] = hooks.useMarkets(hooks.MarketsType.ALL);
   const { data: balance } = hooks.useQuery("/v1/public/balance/stats");
-  const news = React6.useMemo(
+  const news = React7.useMemo(
     () => sortList(markets, { sortKey: "created_time", sortOrder: "desc" }).slice(
       0,
       5
     ),
     [markets]
   );
-  const gainers = React6.useMemo(
+  const gainers = React7.useMemo(
     () => sortList(markets, { sortKey: "change", sortOrder: "desc" }).slice(0, 5),
     [markets]
   );
-  const losers = React6.useMemo(
+  const losers = React7.useMemo(
     () => sortList(markets, { sortKey: "change", sortOrder: "asc" }).slice(0, 5),
     [markets]
   );
-  const total24Amount = React6.useMemo(
+  const total24Amount = React7.useMemo(
     () => markets?.reduce((prevValue, curValue) => {
       return prevValue.add(curValue["24h_amount"] || 0);
     }, new utils.Decimal(0)) || new utils.Decimal(0),
     [markets]
   );
-  const totalOpenInterest = React6.useMemo(
+  const totalOpenInterest = React7.useMemo(
     () => markets?.reduce((prevValue, curValue) => {
       return prevValue.add(curValue["openInterest"] || 0);
     }, new utils.Decimal(0)) || new utils.Decimal(0),
     [markets]
   );
-  const tvl = React6.useMemo(() => {
+  const tvl = React7.useMemo(() => {
     if (!balance) return 0;
     const { total_holding = 0 } = balance;
     return new utils.Decimal(total_holding).toNumber();
@@ -909,7 +916,7 @@ var init_marketsHeader_script = __esm({
   "src/pages/home/marketsHeader/marketsHeader.script.tsx"() {
     init_utils();
     exports.useMarketsHeaderScript = () => {
-      const [scrollIndex, setScrollIndex] = React6.useState(0);
+      const [scrollIndex, setScrollIndex] = React7.useState(0);
       const data = useDataSource();
       const { width } = useSize();
       const [emblaRef, emblaApi] = ui.useEmblaCarousel({
@@ -917,7 +924,7 @@ var init_marketsHeader_script = __esm({
         // duration: 25,
         slidesToScroll: "auto"
       });
-      React6.useEffect(() => {
+      React7.useEffect(() => {
         emblaApi?.on("select", () => {
           setScrollIndex(emblaApi?.selectedScrollSnap());
         });
@@ -949,7 +956,7 @@ var init_marketsHeader_mobile_ui = __esm({
         tvl,
         favorite
       } = props;
-      const [activeTab, setActiveTab] = React6.useState("newListings");
+      const [activeTab, setActiveTab] = React7.useState("newListings");
       const { onSymbolChange } = useMarketsContext();
       const { t } = i18n.useTranslation();
       const onSymbol = (item) => {
@@ -1006,7 +1013,7 @@ var init_marketsHeader_mobile_ui = __esm({
     BlockList2 = (props) => {
       const { total24Amount, totalOpenInterest, tvl } = props;
       const { t } = i18n.useTranslation();
-      const list = React6.useMemo(() => {
+      const list = React7.useMemo(() => {
         return [
           {
             label: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 1, children: [
@@ -1155,9 +1162,9 @@ function useCommunityTabs() {
   const brokerId = hooks.useConfig("brokerId");
   const [brokers] = hooks.useAllBrokers();
   const [allMarkets] = hooks.useMarkets(hooks.MarketsType.ALL);
-  const lastSignatureRef = React6.useRef("");
-  const lastValueRef = React6.useRef([]);
-  return React6.useMemo(() => {
+  const lastSignatureRef = React7.useRef("");
+  const lastValueRef = React7.useRef([]);
+  return React7.useMemo(() => {
     const brokerIdSet = /* @__PURE__ */ new Set();
     for (const m of allMarkets ?? []) {
       const id = m?.broker_id;
@@ -1571,10 +1578,10 @@ function useFavoritesDropdownMenuScript(options) {
     updateFavoriteTabs,
     updateSymbolFavoriteState
   } = options.favorite;
-  const [open, setOpen] = React6.useState(false);
-  const [inputVisible, setInputVisible] = React6.useState(false);
-  const [value, setValue] = React6.useState("");
-  const [selectedTabs, setSelectedTabs] = React6.useState([]);
+  const [open, setOpen] = React7.useState(false);
+  const [inputVisible, setInputVisible] = React7.useState(false);
+  const [value, setValue] = React7.useState("");
+  const [selectedTabs, setSelectedTabs] = React7.useState([]);
   const hide = () => {
     setOpen(false);
   };
@@ -1609,7 +1616,7 @@ function useFavoritesDropdownMenuScript(options) {
     updateSymbolFavoriteState(options.row, selectedTabs, false);
     setOpen(false);
   };
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (!open) {
       return;
     }
@@ -1618,7 +1625,7 @@ function useFavoritesDropdownMenuScript(options) {
       setSelectedTabs(find?.tabs);
     }
   }, [open, favorites, favoriteTabs, symbol]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (!open) {
       clearState();
     }
@@ -1674,7 +1681,7 @@ function getSymbolColumn(favorite, isFavoriteList = false, options) {
   return {
     title: i18n.i18n.t("common.symbol"),
     dataIndex: "symbol",
-    width: 150,
+    width: options?.symbolColumnWidth ?? 150,
     className: "oui-z-10",
     onSort: true,
     render: (value, record) => {
@@ -1693,6 +1700,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__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 1, itemAlign: "center", children: [
         favoritesIcon,
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1705,9 +1715,24 @@ function getSymbolColumn(favorite, isFavoriteList = false, options) {
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 1, itemAlign: "center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ui.TokenIcon, { symbol: value, className: "oui-size-[18px]" }),
-                /* @__PURE__ */ jsxRuntime.jsx(exports.SymbolDisplay, { formatString: "base", size: "2xs", record, children: value })
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  exports.SymbolDisplay,
+                  {
+                    formatString: "base",
+                    size: "2xs",
+                    record,
+                    showBadge: !stackLeverageInSecondRow,
+                    children: value
+                  }
+                )
               ] }),
-              typeof record.leverage === "number" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "xs", color: "primary", children: [
+              stackLeverageInSecondRow ? showSecondRow && /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 1, itemAlign: "center", children: [
+                showSymbolBadgeInLeverageRow && /* @__PURE__ */ jsxRuntime.jsx(SymbolBadge, { symbol: value }),
+                hasLeverage && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "xs", color: "primary", children: [
+                  record.leverage,
+                  "x"
+                ] })
+              ] }) : hasLeverage && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "xs", color: "primary", children: [
                 record.leverage,
                 "x"
               ] })
@@ -1876,6 +1901,7 @@ var init_column = __esm({
     init_icons();
     init_icons();
     init_favoritesDropdownMenu();
+    init_symbolBadge();
     init_symbolDisplay();
   }
 });
@@ -1980,6 +2006,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;
@@ -2007,12 +2034,13 @@ var init_marketsList_script = __esm({
       ["all" /* All */]: hooks.MarketsType.ALL,
       ["community" /* Community */]: hooks.MarketsType.COMMUNITY,
       ["rwa" /* Rwa */]: hooks.MarketsType.RWA,
+      ["preTge" /* PreTge */]: hooks.MarketsType.PRE_TGE,
       ["favorites" /* Favorites */]: hooks.MarketsType.FAVORITES,
       ["recent" /* Recent */]: hooks.MarketsType.RECENT,
       ["newListing" /* NewListing */]: hooks.MarketsType.NEW_LISTING
     };
     exports.useMarketsListScript = (options) => {
-      const [loading, setLoading] = React6.useState(true);
+      const [loading, setLoading] = React7.useState(true);
       const [data, favorite] = hooks.useMarkets(
         MarketsTypeMap[options.type] || hooks.MarketsType.ALL
       );
@@ -2022,7 +2050,7 @@ var init_marketsList_script = __esm({
         options.initialSort,
         options.onSort
       );
-      const dataSource = React6.useMemo(() => {
+      const dataSource = React7.useMemo(() => {
         const filterList = typeof options.dataFilter === "function" ? options.dataFilter(data, { favorites, selectedFavoriteTab }) : data;
         const searchResults = searchBySymbol(filterList, searchValue, "base");
         return getSortedList(searchResults);
@@ -2034,7 +2062,7 @@ var init_marketsList_script = __esm({
         favorites,
         selectedFavoriteTab
       ]);
-      React6.useEffect(() => {
+      React7.useEffect(() => {
         setLoading(false);
       }, [data]);
       const isFavoritesList = options.type === "favorites" /* Favorites */;
@@ -2086,6 +2114,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 } = i18n.useTranslation();
+      const [subcategory, setSubcategory] = hooks.useLocalStorage(
+        storageKey,
+        "all"
+      );
+      const rwaSymbolsInfo = hooks.useRwaSymbolsInfoStore();
+      const [rwaMarkets] = hooks.useMarkets(hooks.MarketsType.RWA);
+      const visibleTabs = React7.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]);
+      React7.useEffect(() => {
+        if (!visibleTabs.some((tab) => tab.value === subcategory)) {
+          setSubcategory("all");
+        }
+      }, [subcategory, setSubcategory, visibleTabs]);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Tabs,
+        {
+          variant,
+          size,
+          value: subcategory,
+          onValueChange: (value) => setSubcategory(value),
+          classNames,
+          className,
+          showScrollIndicator,
+          children: visibleTabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+            ui.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"() {
@@ -2100,12 +2226,12 @@ var init_rwaTab = __esm({
             className: "group-data-[state=active]:oui-text-base-contrast group-data-[state=inactive]:oui-text-base-contrast-36"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("common.rwa") })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("markets.tradFi") })
       ] });
     };
     RwaTab = () => {
       const { t } = i18n.useTranslation();
-      return /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("common.rwa") }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("markets.tradFi") }) });
     };
   }
 });
@@ -2122,13 +2248,13 @@ var init_searchInput = __esm({
     init_marketsProvider();
     SearchInput = (props) => {
       const { classNames, suffix } = props;
-      const isComposingRef = React6.useRef(false);
+      const isComposingRef = React7.useRef(false);
       const { t } = i18n.useTranslation();
       const { searchValue, onSearchValueChange, clearSearchValue } = useMarketsContext();
-      const handleCompositionStart = React6.useCallback(() => {
+      const handleCompositionStart = React7.useCallback(() => {
         isComposingRef.current = true;
       }, []);
-      const handleCompositionEnd = React6.useCallback(
+      const handleCompositionEnd = React7.useCallback(
         (event) => {
           isComposingRef.current = false;
           onSearchValueChange?.(event.currentTarget.value);
@@ -2485,14 +2611,14 @@ function useFavoritesTabScript(options) {
     updateSelectedFavoriteTab,
     updateFavorites
   } = favorite;
-  const [open, setOpen] = React6.useState(false);
-  const [editing, setEditing] = React6.useState(false);
-  const [value, setValue] = React6.useState("");
-  const [scrollable, setScrollable] = React6.useState(false);
-  const scrollView = React6.useRef(null);
-  const inputRef = React6.useRef(null);
-  const spanRef = React6.useRef(null);
-  const [inputWidth, setInputWidth] = React6.useState(50);
+  const [open, setOpen] = React7.useState(false);
+  const [editing, setEditing] = React7.useState(false);
+  const [value, setValue] = React7.useState("");
+  const [scrollable, setScrollable] = React7.useState(false);
+  const scrollView = React7.useRef(null);
+  const inputRef = React7.useRef(null);
+  const spanRef = React7.useRef(null);
+  const [inputWidth, setInputWidth] = React7.useState(50);
   const updateScrollLayout = () => {
     setTimeout(() => {
       const { scrollWidth, clientWidth } = scrollView.current || {};
@@ -2555,14 +2681,14 @@ function useFavoritesTabScript(options) {
       updateSelectedFavoriteTab(tab);
     }, 0);
   };
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (value) {
       const rect = spanRef.current?.getBoundingClientRect();
       const offset = size === "sm" ? 0 : 14;
       setInputWidth(Math.max((rect?.width || 0) + offset, 50));
     }
   }, [value]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     updateScrollLayout();
   }, []);
   return {
@@ -2612,10 +2738,10 @@ var init_favoritesTabs = __esm({
 });
 function useFavoritesProps() {
   const { searchValue } = useMarketsContext();
-  const renderHeader = React6.useCallback((favorite) => {
+  const renderHeader = React7.useCallback((favorite) => {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { px: 3, className: "oui-my-[6px]", children: /* @__PURE__ */ jsxRuntime.jsx(exports.FavoritesTabWidget, { favorite, size: "sm" }) });
   }, []);
-  const dataFilter = React6.useCallback(
+  const dataFilter = React7.useCallback(
     (data, options) => {
       const { favorites, selectedFavoriteTab } = options;
       return favorites?.filter(
@@ -2630,7 +2756,7 @@ function useFavoritesProps() {
     },
     []
   );
-  const getFavoritesProps = React6.useCallback(
+  const getFavoritesProps = React7.useCallback(
     (type) => {
       if (type === "favorites" /* Favorites */) {
         return { renderHeader, dataFilter };
@@ -2639,7 +2765,7 @@ function useFavoritesProps() {
     },
     [renderHeader, dataFilter]
   );
-  const renderEmptyView = React6.useCallback(
+  const renderEmptyView = React7.useCallback(
     (options) => {
       if (options.type === "favorites" /* Favorites */ && !searchValue) {
         return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2680,7 +2806,7 @@ function tabKey(tab, index) {
 }
 function resolveIcon(icon) {
   if (typeof icon === "string") {
-    return React6.createElement("img", {
+    return React7.createElement("img", {
       src: icon,
       alt: "",
       style: { width: 16, height: 16 }
@@ -2724,7 +2850,7 @@ function composeTabTitle(label, options) {
 }
 function resolveTabTriggerIcon(tab, fallbackIcon) {
   const resolvedIcon = typeof tab.icon !== "undefined" ? resolveIcon(tab.icon) : fallbackIcon;
-  return React6.isValidElement(resolvedIcon) ? resolvedIcon : void 0;
+  return React7.isValidElement(resolvedIcon) ? resolvedIcon : void 0;
 }
 function resolveTabTitle(tab, titleOverrides, rwaTitle) {
   if (isBuiltInMarketTab(tab) && tab.type === "favorites") {
@@ -2743,7 +2869,7 @@ function resolveTabTitle(tab, titleOverrides, rwaTitle) {
 }
 function useBuiltInTitles() {
   const { t } = i18n.useTranslation();
-  return React6.useMemo(
+  return React7.useMemo(
     () => Object.fromEntries(
       Object.entries(BUILT_IN_TITLE_MAP).map(([key, i18nKey]) => [
         key,
@@ -2758,7 +2884,7 @@ function getCustomTabDataFilter(tab) {
   return (data) => data.filter((item) => tab.match(item));
 }
 function useCustomTabDataFilters(tabs) {
-  return React6.useMemo(() => {
+  return React7.useMemo(() => {
     if (!tabs) return {};
     const result = {};
     tabs.forEach((tab, i) => {
@@ -2776,17 +2902,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();
@@ -2795,12 +2923,13 @@ 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 } = i18n.useTranslation();
       const { tabs } = useMarketsContext();
       const tabDataFilters = useCustomTabDataFilters(tabs);
-      const getColumns = React6.useCallback(
+      const getColumns = React7.useCallback(
         (favorite, isFavoriteList = false) => {
           return [
             getSymbolColumn(favorite, isFavoriteList, {
@@ -2813,7 +2942,7 @@ var init_marketsDataList_mobile_ui = __esm({
         [t]
       );
       const { getFavoritesProps } = useFavoritesProps();
-      const builtInMeta = React6.useMemo(
+      const builtInMeta = React7.useMemo(
         () => ({
           favorites: {
             title: /* @__PURE__ */ jsxRuntime.jsx(FavoritesIcon, {}),
@@ -2835,6 +2964,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__ */ jsxRuntime.jsx(NewListingsIcon, {}),
@@ -2845,29 +2979,54 @@ var init_marketsDataList_mobile_ui = __esm({
         [t]
       );
       const renderTab = (type) => {
+        const list = /* @__PURE__ */ jsxRuntime.jsx(
+          exports.MarketsListWidget,
+          {
+            type,
+            initialSort: tabSort[type],
+            onSort: onTabSort(type),
+            getColumns,
+            rowClassName: TWO_LINE_MARKET_ROW_CLASS,
+            ...getFavoritesProps(type)
+          }
+        );
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             SearchInput,
             {
               classNames: {
                 root: ui.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__ */ jsxRuntime.jsx(
-            exports.MarketsListWidget,
+          type === "rwa" /* Rwa */ ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                exports.MarketsListWidget,
+                {
+                  type,
+                  dataFilter,
+                  initialSort: tabSort[type],
+                  onSort: onTabSort(type),
+                  getColumns,
+                  rowClassName: TWO_LINE_MARKET_ROW_CLASS
+                }
+              )
             }
-          )
+          ) : list
         ] });
       };
       const renderCommunityList = (selected) => {
@@ -2878,7 +3037,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)
           }
         );
@@ -2916,7 +3075,7 @@ var init_marketsDataList_mobile_ui = __esm({
                       SearchInput,
                       {
                         classNames: {
-                          root: ui.cn("oui-mx-3 oui-mb-4 oui-mt-5", "oui-mb-2")
+                          root: "oui-mx-3 oui-mb-2 oui-mt-5"
                         }
                       }
                     ),
@@ -2953,7 +3112,7 @@ var init_marketsDataList_mobile_ui = __esm({
                     SearchInput,
                     {
                       classNames: {
-                        root: ui.cn("oui-mx-3 oui-mb-4 oui-mt-5", "oui-mb-2")
+                        root: "oui-mx-3 oui-mb-2 oui-mt-5"
                       }
                     }
                   ),
@@ -2965,7 +3124,7 @@ var init_marketsDataList_mobile_ui = __esm({
                       initialSort: tabSort[key],
                       onSort: onTabSort(key),
                       getColumns,
-                      rowClassName: "!oui-h-[34px]"
+                      rowClassName: TWO_LINE_MARKET_ROW_CLASS
                     }
                   )
                 ]
@@ -2985,7 +3144,7 @@ function useTabSort(options) {
       sortOrder: "desc"
     }
   });
-  const onTabSort = React6.useCallback(
+  const onTabSort = React7.useCallback(
     (type) => (sort) => {
       setTabSort({ ...tabSort, [type]: sort });
     },
@@ -3002,14 +3161,14 @@ var init_useTabSort = __esm({
   }
 });
 function useMarketsDataListScript() {
-  const [activeTab, setActiveTab] = React6.useState(
+  const [activeTab, setActiveTab] = React7.useState(
     "all" /* All */
   );
   const { clearSearchValue, searchValue } = useMarketsContext();
   const { tabSort, onTabSort } = useTabSort({
     storageKey: MOBILE_MARKETS_TAB_SORT_STORAGE_KEY
   });
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     clearSearchValue?.();
   }, [activeTab]);
   return {
@@ -3037,7 +3196,7 @@ var init_column3 = __esm({
     init_symbolDisplay();
     useMarketsListFullColumns = (favorite, isFavoriteList = false) => {
       const { t } = i18n.useTranslation();
-      const columns = React6.useMemo(() => {
+      const columns = React7.useMemo(() => {
         return [
           {
             title: /* @__PURE__ */ jsxRuntime.jsx(UnFavoritesIcon, { className: "oui-mt-1" }),
@@ -3079,7 +3238,7 @@ var init_column3 = __esm({
             onSort: true,
             render: (value, record) => {
               return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 1, itemAlign: "center", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(exports.SymbolDisplay, { formatString: "base", showIcon: true, children: value }),
+                /* @__PURE__ */ jsxRuntime.jsx(exports.SymbolDisplay, { formatString: "base", showIcon: true, record, children: value }),
                 typeof record.leverage === "number" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { size: "xs", color: "primary", children: [
                   record.leverage,
                   "x"
@@ -3266,11 +3425,11 @@ var init_favoritesListFull_script = __esm({
         pageSize: 10
       });
       const [data, favorite] = hooks.useMarkets(hooks.MarketsType.FAVORITES);
-      const [loading, setLoading] = React6.useState(true);
+      const [loading, setLoading] = React7.useState(true);
       const { favorites, selectedFavoriteTab } = favorite;
       const { searchValue } = useMarketsContext();
       const { onSort, getSortedList } = useSort();
-      const filterData = React6.useMemo(() => {
+      const filterData = React7.useMemo(() => {
         const filterList = favorites?.filter(
           (item) => item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !== -1
         )?.map((fav) => {
@@ -3282,14 +3441,14 @@ var init_favoritesListFull_script = __esm({
         })?.filter((item) => !!item);
         return searchBySymbol(filterList, searchValue, "base-type");
       }, [data, selectedFavoriteTab, favorites, searchValue]);
-      const dataSource = React6.useMemo(
+      const dataSource = React7.useMemo(
         () => getSortedList(filterData),
         [filterData, getSortedList]
       );
-      React6.useEffect(() => {
+      React7.useEffect(() => {
         setLoading(false);
       }, [favorites]);
-      React6.useEffect(() => {
+      React7.useEffect(() => {
         setPage(1);
       }, [searchValue]);
       return {
@@ -3359,7 +3518,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,
@@ -3384,34 +3543,35 @@ var init_marketsListFull_script = __esm({
     MarketsTypeMap2 = {
       all: hooks.MarketsType.ALL,
       new: hooks.MarketsType.NEW_LISTING,
-      rwa: hooks.MarketsType.RWA
+      rwa: hooks.MarketsType.RWA,
+      preTge: hooks.MarketsType.PRE_TGE
     };
     exports.useMarketsListFullScript = (options) => {
       const { type = "all", dataFilter } = options;
-      const [loading, setLoading] = React6.useState(true);
+      const [loading, setLoading] = React7.useState(true);
       const { setPage, pagination } = ui.usePagination({
         pageSize: 100
       });
       const [data, favorite] = hooks.useMarkets(MarketsTypeMap2[type]);
       const { searchValue } = useMarketsContext();
       const { onSort, getSortedList, sort } = useSort(options.initialSort);
-      const dataSource = React6.useMemo(() => {
+      const dataSource = React7.useMemo(() => {
         const filtered = typeof dataFilter === "function" ? dataFilter(data) : data;
         const searchList = searchBySymbol(filtered, searchValue, "base-type");
         return getSortedList(searchList);
       }, [data, dataFilter, getSortedList, searchValue]);
-      React6.useEffect(() => {
+      React7.useEffect(() => {
         setLoading(false);
       }, [data]);
-      React6.useEffect(() => {
+      React7.useEffect(() => {
         setPage(1);
       }, [searchValue]);
-      React6.useEffect(() => {
+      React7.useEffect(() => {
         if (type === "all") {
           favorite.updateTabsSortState("all", sort?.sortKey, sort?.sortOrder);
         }
       }, [sort, type]);
-      const initialSort = React6.useMemo(() => {
+      const initialSort = React7.useMemo(() => {
         const sortStore = type === "all" ? favorite.tabSort?.all : void 0;
         return {
           sortKey: sortStore?.sortKey || options?.initialSort?.sortKey,
@@ -3461,22 +3621,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__default.default.lazy(
+    LazySearchInput = React7__default.default.lazy(
       () => Promise.resolve().then(() => (init_searchInput(), searchInput_exports)).then((mod) => {
         return { default: mod.SearchInput };
       })
     );
-    LazyFavoritesListFullWidget = React6__default.default.lazy(
+    LazyFavoritesListFullWidget = React7__default.default.lazy(
       () => Promise.resolve().then(() => (init_favoritesListFull(), favoritesListFull_exports)).then((mod) => {
         return { default: mod.FavoritesListFullWidget };
       })
     );
-    LazyMarketsListFullWidget = React6__default.default.lazy(
+    LazyMarketsListFullWidget = React7__default.default.lazy(
       () => Promise.resolve().then(() => (init_marketsListFull(), marketsListFull_exports)).then((mod) => {
         return { default: mod.MarketsListFullWidget };
       })
@@ -3487,7 +3648,7 @@ var init_marketsDataList_ui = __esm({
       const { t } = i18n.useTranslation();
       const { tabs } = useMarketsContext();
       const tabDataFilters = useCustomTabDataFilters(tabs);
-      const builtInMeta = React6.useMemo(
+      const builtInMeta = React7.useMemo(
         () => ({
           favorites: {
             title: /* @__PURE__ */ jsxRuntime.jsx(FavoritesIcon, {}),
@@ -3516,6 +3677,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__ */ jsxRuntime.jsx(NewListingsIcon, {}),
@@ -3534,7 +3702,7 @@ var init_marketsDataList_ui = __esm({
           size: "xl",
           value: activeTab,
           onValueChange: onTabChange,
-          trailing: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazySearchInput, { classNames: { root: "oui-my-1 oui-w-[240px]" } }) }),
+          trailing: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazySearchInput, { classNames: { root: "oui-my-1 oui-w-[240px]" } }) }),
           classNames: {
             tabsList: "oui-tabs-markets-list",
             tabsContent: "oui-tabs-markets-content",
@@ -3564,7 +3732,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__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: tab.type === "favorites" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: tab.type === "favorites" ? /* @__PURE__ */ jsxRuntime.jsx(
                     LazyFavoritesListFullWidget,
                     {
                       emptyView: !searchValue && /* @__PURE__ */ jsxRuntime.jsx(
@@ -3585,7 +3753,7 @@ var init_marketsDataList_ui = __esm({
                       },
                       className: "oui-marketsDataList-community-tabs",
                       showScrollIndicator: true,
-                      renderPanel: (selected) => /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+                      renderPanel: (selected) => /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
                         LazyMarketsListFullWidget,
                         {
                           type: "all",
@@ -3594,6 +3762,26 @@ var init_marketsDataList_ui = __esm({
                         }
                       ) })
                     }
+                  ) : tab.type === "rwa" ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+                        LazyMarketsListFullWidget,
+                        {
+                          type: "rwa",
+                          initialSort: meta.initialSort,
+                          dataFilter
+                        }
+                      ) })
+                    }
                   ) : /* @__PURE__ */ jsxRuntime.jsx(
                     LazyMarketsListFullWidget,
                     {
@@ -3617,7 +3805,7 @@ var init_marketsDataList_ui = __esm({
                   suffix: tab.suffix
                 }),
                 value: key,
-                children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
                   LazyMarketsListFullWidget,
                   {
                     type: "all",
@@ -3669,15 +3857,16 @@ var init_expandMarkets_ui = __esm({
     init_type();
     init_communityBrokerTabs();
     init_marketsProvider();
+    init_rwaSubcategoryTabs();
     init_rwaTab();
     init_useFavoritesExtraProps();
     init_tabUtils();
-    LazySearchInput2 = React6__default.default.lazy(
+    LazySearchInput2 = React7__default.default.lazy(
       () => Promise.resolve().then(() => (init_searchInput(), searchInput_exports)).then((mod) => {
         return { default: mod.SearchInput };
       })
     );
-    LazyMarketsListWidget = React6__default.default.lazy(
+    LazyMarketsListWidget = React7__default.default.lazy(
       () => Promise.resolve().then(() => (init_marketsList(), marketsList_exports)).then((mod) => {
         return { default: mod.MarketsListWidget };
       })
@@ -3701,7 +3890,42 @@ var init_expandMarkets_ui = __esm({
       const tabDataFilters = useCustomTabDataFilters(tabs);
       const renderBuiltInContent = (type) => {
         const tabType = type;
-        return /* @__PURE__ */ jsxRuntime.jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+        if (tabType === "rwa" /* Rwa */) {
+          return /* @__PURE__ */ jsxRuntime.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: ui.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__ */ jsxRuntime.jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+                LazyMarketsListWidget,
+                {
+                  type: tabType,
+                  dataFilter,
+                  initialSort: tabSort[type],
+                  onSort: onTabSort(tabType),
+                  tableClassNames: {
+                    root: expandListTableClassNames.root,
+                    scroll: ui.cn(
+                      expandListTableClassNames.scroll,
+                      "oui-px-1",
+                      "oui-pb-2"
+                    )
+                  }
+                }
+              ) }) })
+            }
+          );
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
           LazyMarketsListWidget,
           {
             type: tabType,
@@ -3740,7 +3964,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__ */ jsxRuntime.jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+            renderPanel: (selected) => /* @__PURE__ */ jsxRuntime.jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
               LazyMarketsListWidget,
               {
                 type: "all" /* All */,
@@ -3761,7 +3985,7 @@ var init_expandMarkets_ui = __esm({
         );
       };
       const renderCustomContent = (key) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+        return /* @__PURE__ */ jsxRuntime.jsx(ExpandMarketsListPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
           LazyMarketsListWidget,
           {
             type: "all" /* All */,
@@ -3789,7 +4013,7 @@ var init_expandMarkets_ui = __esm({
           ),
           height: "100%",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "oui-expandMarkets-header", px: 3, pb: 2, children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "oui-expandMarkets-header", px: 3, pb: 2, children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
               LazySearchInput2,
               {
                 classNames: { root: "oui-expandMarkets-search-input" }
@@ -3851,14 +4075,14 @@ var init_constant = __esm({
   }
 });
 function useExpandMarketsScript(options) {
-  const [activeTab, setActiveTab] = React6.useState(
+  const [activeTab, setActiveTab] = React7.useState(
     options.activeTab
   );
   const { tabSort, onTabSort } = useTabSort({
     storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY
   });
   const { clearSearchValue } = useMarketsContext();
-  const onTabChange = React6.useCallback(
+  const onTabChange = React7.useCallback(
     (value) => {
       if (typeof options?.onTabChange === "function") {
         options.onTabChange(value);
@@ -3868,10 +4092,10 @@ function useExpandMarketsScript(options) {
     },
     [options?.onTabChange]
   );
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     setActiveTab(options?.activeTab || "favorites" /* Favorites */);
   }, [options?.activeTab]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     clearSearchValue?.();
   }, [activeTab]);
   return {
@@ -3904,6 +4128,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" }
     };
@@ -3912,7 +4144,8 @@ var init_builtInTabRegistry = __esm({
         { type: "favorites" },
         { type: "all" },
         { type: "rwa" },
-        { ...exports.builtInTabs.community }
+        { ...exports.builtInTabs.community },
+        { ...exports.builtInTabs.preTge }
       ],
       expandMarkets: [
         { type: "favorites" },
@@ -3920,7 +4153,8 @@ var init_builtInTabRegistry = __esm({
         { type: "rwa" },
         { ...exports.builtInTabs.community },
         { type: "newListing" },
-        { type: "recent" }
+        { type: "recent" },
+        { ...exports.builtInTabs.preTge }
       ],
       dropDownMarkets: [
         { type: "favorites" },
@@ -3928,7 +4162,8 @@ var init_builtInTabRegistry = __esm({
         { type: "rwa" },
         { ...exports.builtInTabs.community },
         { type: "newListing" },
-        { type: "recent" }
+        { type: "recent" },
+        { ...exports.builtInTabs.preTge }
       ],
       subMenuMarkets: [
         { type: "favorites" },
@@ -3936,14 +4171,16 @@ var init_builtInTabRegistry = __esm({
         { type: "rwa" },
         { ...exports.builtInTabs.community },
         { type: "newListing" },
-        { type: "recent" }
+        { type: "recent" },
+        { ...exports.builtInTabs.preTge }
       ],
       marketsDataList: [
         { type: "favorites" },
         { type: "all" },
         { type: "rwa" },
         { ...exports.builtInTabs.community },
-        { type: "newListing" }
+        { type: "newListing" },
+        { ...exports.builtInTabs.preTge }
       ],
       horizontalMarkets: [
         { type: "all" },
@@ -3959,13 +4196,21 @@ function useMarketCategories(componentKey) {
   const { i18n: i18n2 } = i18n.useTranslation();
   const symbolList = hooks.useMarketList();
   const rwaSymbolsInfo = hooks.useRwaSymbolsInfo();
-  return React6.useMemo(() => {
+  const symbolsInfo = hooks.useSymbolsInfo();
+  return React7.useMemo(() => {
     const original = componentDefaultTabs[componentKey];
     const resolved = marketTabs ? marketTabs(original, { componentKey, builtIn: exports.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"() {
@@ -4029,7 +4274,7 @@ var init_columns = __esm({
     useFundingOverviewColumns = (selectedPeriod, setSelectedPeriod) => {
       const { t } = i18n.useTranslation();
       const { isMobile } = ui.useScreen();
-      return React6.useMemo(() => {
+      return React7.useMemo(() => {
         return [
           {
             title: t("markets.column.market"),
@@ -4152,7 +4397,7 @@ var init_columns = __esm({
     FundingPeriodSelect = (props) => {
       const { t } = i18n.useTranslation();
       const { isMobile } = ui.useScreen();
-      const options = React6.useMemo(() => {
+      const options = React7.useMemo(() => {
         return [
           {
             label: t("common.select.1d"),
@@ -4209,7 +4454,7 @@ var init_fundingOverview_ui = __esm({
     init_columns();
     exports.FundingOverview = (props) => {
       const { dataSource, isLoading, pagination, onSort } = props;
-      const [selectedPeriod, setSelectedPeriod] = React6.useState("1dPositive");
+      const [selectedPeriod, setSelectedPeriod] = React7.useState("1dPositive");
       const columns = useFundingOverviewColumns(selectedPeriod, setSelectedPeriod);
       return /* @__PURE__ */ jsxRuntime.jsx(
         ui.DataTable,
@@ -4256,7 +4501,7 @@ var init_fundingOverview_script = __esm({
       const fundingRates = hooks.useFundingRates();
       const { onSort, getSortedList } = useSort();
       const { searchValue } = useMarketsContext();
-      const processedData = React6.useMemo(() => {
+      const processedData = React7.useMemo(() => {
         if (!marketData?.length) {
           return [];
         }
@@ -4297,10 +4542,10 @@ var init_fundingOverview_script = __esm({
           };
         });
       }, [marketData, fundingHistory, fundingRates, getPositiveRates]);
-      const filteredData = React6.useMemo(() => {
+      const filteredData = React7.useMemo(() => {
         return searchBySymbol(processedData, searchValue, "base-type");
       }, [processedData, searchValue, pagination]);
-      const dataSource = React6.useMemo(
+      const dataSource = React7.useMemo(
         () => getSortedList(filteredData),
         [filteredData, getSortedList]
       );
@@ -4314,7 +4559,7 @@ var init_fundingOverview_mobile_ui = __esm({
     init_columns();
     MobileFundingOverview = (props) => {
       const { dataSource, isLoading, onSort } = props;
-      const [selectedPeriod, setSelectedPeriod] = React6.useState("1dPositive");
+      const [selectedPeriod, setSelectedPeriod] = React7.useState("1dPositive");
       const columns = useFundingOverviewColumns(selectedPeriod, setSelectedPeriod);
       return /* @__PURE__ */ jsxRuntime.jsx(
         ui.DataTable,
@@ -4375,7 +4620,7 @@ var init_useEXchanges = __esm({
       const { comparisonProps } = useMarketsContext();
       const brokerName = comparisonProps?.exchangesName || "Orderly";
       const brokerIconSrc = comparisonProps?.exchangesIconSrc || "https://oss.orderly.network/static/exchange_logo/orderly.png";
-      const exchanges = React6.useMemo(() => {
+      const exchanges = React7.useMemo(() => {
         return [
           brokerName,
           "Binance",
@@ -4411,7 +4656,7 @@ var init_columns2 = __esm({
       const { t } = i18n.useTranslation();
       const { isMobile } = ui.useScreen();
       const { exchanges, brokerName, brokerIconSrc } = useEXchanges();
-      const getImgSrc = React6.useCallback(
+      const getImgSrc = React7.useCallback(
         (val) => {
           if (val === brokerName) {
             return brokerIconSrc;
@@ -4420,7 +4665,7 @@ var init_columns2 = __esm({
         },
         [brokerName, brokerIconSrc]
       );
-      return React6.useMemo(() => {
+      return React7.useMemo(() => {
         return [
           {
             title: t("markets.column.market"),
@@ -4555,7 +4800,7 @@ var init_fundingComparison_script = __esm({
       const [markets] = hooks.useMarkets(hooks.MarketsType.ALL);
       const { data, isLoading } = hooks.useQuery("/v1/public/market_info/funding_comparison");
       const { data: futures } = hooks.useMarketsStream();
-      const processedData = React6.useMemo(() => {
+      const processedData = React7.useMemo(() => {
         if (!Array.isArray(data) || !data.length) {
           return [];
         }
@@ -4600,10 +4845,10 @@ var init_fundingComparison_script = __esm({
           return result;
         });
       }, [data, futures, markets, fundingRates, exchanges, brokerName]);
-      const filteredData = React6.useMemo(() => {
+      const filteredData = React7.useMemo(() => {
         return searchBySymbol(processedData, searchValue, "base-type");
       }, [processedData, searchValue, pagination]);
-      const dataSource = React6.useMemo(
+      const dataSource = React7.useMemo(
         () => getSortedList(filteredData),
         [getSortedList, filteredData]
       );
@@ -4681,9 +4926,11 @@ __export(sideMarkets_ui_exports, {
 exports.SideMarkets = void 0;
 var init_sideMarkets_ui = __esm({
   "src/components/sideMarkets/sideMarkets.ui.tsx"() {
+    init_type();
     init_expandMarkets();
     init_marketsList();
     init_marketsProvider();
+    init_rwaSubcategoryTabs();
     init_useFavoritesExtraProps();
     exports.SideMarkets = (props) => {
       const { activeTab, onTabChange, className, tabSort, panelSize } = props;
@@ -4701,6 +4948,30 @@ var init_sideMarkets_ui = __esm({
             }
           );
         }
+        if (activeTab === "rwa" /* Rwa */) {
+          return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                exports.MarketsListWidget,
+                {
+                  type: activeTab,
+                  dataFilter,
+                  initialSort: tabSort[activeTab],
+                  panelSize: "middle"
+                }
+              )
+            }
+          );
+        }
         return /* @__PURE__ */ jsxRuntime.jsx(
           exports.MarketsListWidget,
           {
@@ -4730,10 +5001,12 @@ var init_column4 = __esm({
     init_column();
     exports.useDropDownMarketsColumns = () => {
       const { t } = i18n.useTranslation();
-      return React6.useCallback(
+      return React7.useCallback(
         (favorite, isFavoriteList = false) => {
           return [
-            getSymbolColumn(favorite, isFavoriteList),
+            getSymbolColumn(favorite, isFavoriteList, {
+              symbolColumnWidth: 190
+            }),
             getLastColumn(),
             get24hPercentageColumn(),
             {
@@ -4827,6 +5100,7 @@ var init_dropDownMarkets_ui = __esm({
     init_communityBrokerTabs();
     init_marketsList();
     init_marketsProvider();
+    init_rwaSubcategoryTabs();
     init_rwaTab();
     init_searchInput();
     init_useFavoritesExtraProps();
@@ -4880,6 +5154,35 @@ var init_dropDownMarkets_ui = __esm({
       const { tabs } = useMarketsContext();
       const tabDataFilters = useCustomTabDataFilters(tabs);
       const renderBuiltInContent = (tabType) => {
+        if (tabType === "rwa" /* Rwa */) {
+          return /* @__PURE__ */ jsxRuntime.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: ui.cn("oui-dropDownMarkets-rwa-tabs", cls2),
+              showScrollIndicator: true,
+              renderPanel: (_, dataFilter) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls2, children: /* @__PURE__ */ jsxRuntime.jsx(
+                exports.MarketsListWidget,
+                {
+                  type: "rwa" /* Rwa */,
+                  initialSort: tabSort[tabType],
+                  onSort: onTabSort(tabType),
+                  getColumns,
+                  tableClassNames: {
+                    root: ui.cn("oui-dropDownMarkets-list", "!oui-bg-base-8"),
+                    scroll: "oui-pb-5 oui-px-1"
+                  },
+                  rowClassName: "!oui-h-[34px]",
+                  dataFilter
+                }
+              ) })
+            }
+          );
+        }
         return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls2, children: /* @__PURE__ */ jsxRuntime.jsx(
           exports.MarketsListWidget,
           {
@@ -5001,7 +5304,7 @@ var init_dropDownMarkets_ui = __esm({
   }
 });
 function useDropDownMarketsScript() {
-  const [open, setOpen] = React6.useState(false);
+  const [open, setOpen] = React7.useState(false);
   const [activeTab, setActiveTab] = hooks.useLocalStorage(
     DROPDOWN_MARKETS_SEL_TAB_KEY,
     "all" /* All */
@@ -5013,7 +5316,7 @@ function useDropDownMarketsScript() {
   const hide = () => {
     setOpen(false);
   };
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     clearSearchValue?.();
   }, [activeTab]);
   return {
@@ -5133,7 +5436,7 @@ var init_marketItem_ui = __esm({
     init_symbolDisplay();
     MarketItemComponent = (props) => {
       const { symbol, tickerData, isActive, onSymbolClick } = props;
-      const handleClick = React6__default.default.useCallback(() => {
+      const handleClick = React7__default.default.useCallback(() => {
         onSymbolClick(symbol);
       }, [symbol, onSymbolClick]);
       return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5183,7 +5486,7 @@ var init_marketItem_ui = __esm({
         }
       );
     };
-    exports.MarketItem = React6__default.default.memo(
+    exports.MarketItem = React7__default.default.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;
@@ -5206,34 +5509,36 @@ var init_marketTypeFilter_ui = __esm({
         tabs
       } = props;
       const { t } = i18n.useTranslation();
-      const orderedOptions = React6__default.default.useMemo(() => {
+      const orderedOptions = React7__default.default.useMemo(() => {
         if (!tabs) return [];
         return tabs.filter(
           (tab) => isCustomMarketTab(tab) || isBuiltInMarketTab(tab) && tab.type !== "favorites"
         );
       }, [tabs]);
-      const hasFavoritesTab = React6__default.default.useMemo(() => {
+      const hasFavoritesTab = React7__default.default.useMemo(() => {
         return tabs?.some(
           (tab) => isBuiltInMarketTab(tab) && tab.type === "favorites"
         );
       }, [tabs]);
-      const [isOpen, setIsOpen] = React6.useState(false);
-      const dropdownRef = React6.useRef(null);
+      const [isOpen, setIsOpen] = React7.useState(false);
+      const dropdownRef = React7.useRef(null);
       const [, favorite] = hooks.useMarkets(hooks.MarketsType.FAVORITES);
       const hasFavorites = (favorite?.favorites?.length || 0) > 0;
-      const titleOverrides = React6__default.default.useMemo(
+      const titleOverrides = React7__default.default.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 = React6.useCallback(
-        (tab) => resolveTabTitle(tab, titleOverrides, t("common.rwa")),
-        [t, titleOverrides]
+      const getOptionLabel = React7.useCallback(
+        (tab) => resolveTabTitle(tab, titleOverrides, titleOverrides.rwa),
+        [titleOverrides]
       );
-      React6.useEffect(() => {
+      React7.useEffect(() => {
         const handleClickOutside = (event) => {
           if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
             setIsOpen(false);
@@ -5246,10 +5551,10 @@ var init_marketTypeFilter_ui = __esm({
           document.removeEventListener("mousedown", handleClickOutside);
         };
       }, [isOpen]);
-      const handleFilterClick = React6.useCallback(() => {
+      const handleFilterClick = React7.useCallback(() => {
         setIsOpen((prev) => !prev);
       }, []);
-      const handleOptionClick = React6.useCallback(
+      const handleOptionClick = React7.useCallback(
         (marketType) => {
           onMarketTypeChange(marketType);
           setIsOpen(false);
@@ -5419,7 +5724,7 @@ var init_horizontalMarkets_ui = __esm({
     init_marketsProvider();
     init_marketItem_ui();
     init_marketTypeFilter_ui();
-    exports.HorizontalMarkets = React6__default.default.memo((props) => {
+    exports.HorizontalMarkets = React7__default.default.memo((props) => {
       const {
         symbols,
         tickerData,
@@ -5431,7 +5736,7 @@ var init_horizontalMarkets_ui = __esm({
         dropdownPos
       } = props;
       const { tabs } = useMarketsContext();
-      const renderMarketItem = React6__default.default.useCallback(
+      const renderMarketItem = React7__default.default.useCallback(
         (symbol, index) => {
           const data = tickerData[symbol];
           const isActive = currentSymbol === symbol;
@@ -5451,7 +5756,7 @@ var init_horizontalMarkets_ui = __esm({
         },
         [tickerData, currentSymbol, onSymbolClick]
       );
-      const carouselOptions = React6__default.default.useMemo(
+      const carouselOptions = React7__default.default.useMemo(
         () => ({
           loop: true,
           align: "start",
@@ -5459,7 +5764,7 @@ var init_horizontalMarkets_ui = __esm({
         }),
         []
       );
-      const autoScrollOptions = React6__default.default.useMemo(
+      const autoScrollOptions = React7__default.default.useMemo(
         () => ({
           speed: 1,
           direction: "forward",
@@ -5589,7 +5894,7 @@ var init_funding_mobile_ui = __esm({
   }
 });
 function useFundingScript() {
-  const [activeTab, setActiveTab] = React6.useState(
+  const [activeTab, setActiveTab] = React7.useState(
     "overview" /* Overview */
   );
   return {
@@ -5605,17 +5910,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__default.default.lazy(
+    LazySearchInput4 = React7__default.default.lazy(
       () => Promise.resolve().then(() => (init_searchInput(), searchInput_exports)).then((mod) => {
         return { default: mod.SearchInput };
       })
     );
-    LazyFundingOverviewWidget = React6__default.default.lazy(
+    LazyFundingOverviewWidget = React7__default.default.lazy(
       () => Promise.resolve().then(() => (init_fundingOverview(), fundingOverview_exports)).then((mod) => {
         return { default: mod.FundingOverviewWidget };
       })
     );
-    LazyFundingComparisonWidget = React6__default.default.lazy(
+    LazyFundingComparisonWidget = React7__default.default.lazy(
       () => Promise.resolve().then(() => (init_fundingComparison(), fundingComparison_exports)).then((mod) => {
         return { default: mod.FundingComparisonWidget };
       })
@@ -5637,7 +5942,7 @@ var init_funding_ui = __esm({
               size: "lg",
               value: props.activeTab,
               onValueChange: props.onTabChange,
-              trailing: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazySearchInput4, { classNames: { root: "oui-my-1 oui-w-[240px]" } }) }),
+              trailing: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazySearchInput4, { classNames: { root: "oui-my-1 oui-w-[240px]" } }) }),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   ui.TabPanel,
@@ -5649,7 +5954,7 @@ var init_funding_ui = __esm({
                     title: t("common.overview"),
                     value: "overview",
                     testid: "oui-testid-funding-overview-tab",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyFundingOverviewWidget, {}) })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyFundingOverviewWidget, {}) })
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -5662,7 +5967,7 @@ var init_funding_ui = __esm({
                     title: t("markets.funding.comparison"),
                     value: "comparison",
                     testid: "oui-testid-funding-comparison-tab",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyFundingComparisonWidget, {}) })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyFundingComparisonWidget, {}) })
                   }
                 )
               ]
@@ -5713,6 +6018,7 @@ init_communityBrokerTabs();
 init_favoritesTabs();
 init_marketsList();
 init_marketsProvider();
+init_rwaSubcategoryTabs();
 init_rwaTab();
 init_useFavoritesExtraProps();
 init_tabUtils();
@@ -5722,7 +6028,7 @@ var TABLE_CLASSNAMES = {
   scroll: "oui-px-0",
   header: "oui-hidden oui-h-0 oui-p-0"
 };
-var LazySearchInput3 = React6__default.default.lazy(
+var LazySearchInput3 = React7__default.default.lazy(
   () => Promise.resolve().then(() => (init_searchInput(), searchInput_exports)).then((mod) => ({ default: mod.SearchInput }))
 );
 var cls = "oui-h-[calc(100%_-_36px)]";
@@ -5776,6 +6082,31 @@ var SubMenuMarkets = (props) => {
     ];
   };
   const renderBuiltInContent = (tabType) => {
+    if (tabType === "rwa" /* Rwa */) {
+      return /* @__PURE__ */ jsxRuntime.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: ui.cn("oui-subMenuMarkets-rwa-tabs", cls),
+          showScrollIndicator: true,
+          renderPanel: (_, dataFilter) => /* @__PURE__ */ jsxRuntime.jsx(
+            MarketTabPanel,
+            {
+              type: tabType,
+              getColumns,
+              dataFilter,
+              initialSort: tabSort[tabType],
+              onSort: onTabSort(tabType)
+            }
+          )
+        }
+      );
+    }
     if (tabType === "favorites" /* Favorites */) {
       const favProps = getFavoritesProps("favorites" /* Favorites */);
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5849,7 +6180,7 @@ var SubMenuMarkets = (props) => {
       ),
       height: "100%",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "oui-p-1", children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazySearchInput3, {}) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "oui-p-1", children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazySearchInput3, {}) }) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Tabs,
           {
@@ -5899,14 +6230,14 @@ init_type();
 init_marketsProvider();
 init_useTabSort();
 function useSubMenuMarketsScript(options) {
-  const [activeTab, setActiveTab] = React6.useState(
+  const [activeTab, setActiveTab] = React7.useState(
     options?.activeTab ?? "all" /* All */
   );
   const { clearSearchValue } = useMarketsContext();
   const { tabSort, onTabSort } = useTabSort({
     storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY
   });
-  const onTabChange = React6.useCallback(
+  const onTabChange = React7.useCallback(
     (value) => {
       if (typeof options?.onTabChange === "function") {
         options.onTabChange(value);
@@ -5916,12 +6247,12 @@ function useSubMenuMarketsScript(options) {
     },
     [options?.onTabChange]
   );
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (options?.activeTab !== void 0) {
       setActiveTab(options.activeTab);
     }
   }, [options?.activeTab]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     clearSearchValue?.();
   }, [activeTab]);
   return {
@@ -5979,13 +6310,13 @@ var useSideMarketsScript = (options) => {
   const { tabSort } = useTabSort({
     storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY
   });
-  const panelSize = React6.useMemo(() => {
+  const panelSize = React7.useMemo(() => {
     if (options?.collapsed) {
       return "small";
     }
     return options?.panelSize || "large";
   }, [options?.collapsed, options?.panelSize]);
-  React6.useCallback(
+  React7.useCallback(
     (size) => {
       if (typeof options?.onPanelSizeChange === "function") {
         options.onPanelSizeChange(size);
@@ -6003,14 +6334,14 @@ var useSideMarketsScript = (options) => {
 
 // src/components/sideMarkets/sideMarkets.widget.tsx
 init_marketsProvider();
-var LazySideMarkets = React6__default.default.lazy(
+var LazySideMarkets = React7__default.default.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__ */ jsxRuntime.jsx(exports.MarketsProvider, { ...ramda.pick(["symbol", "onSymbolChange"], props), children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazySideMarkets, { ...state, className: props.className }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(exports.MarketsProvider, { ...ramda.pick(["symbol", "onSymbolChange"], props), children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazySideMarkets, { ...state, className: props.className }) }) });
 };
 
 // src/index.ts
@@ -6022,6 +6353,7 @@ init_type();
 init_communityBrokerTabs();
 init_marketsList();
 init_marketsProvider();
+init_rwaSubcategoryTabs();
 init_rwaTab();
 init_searchInput();
 init_useFavoritesExtraProps();
@@ -6047,6 +6379,40 @@ var MarketsSheet = (props) => {
   const tabDataFilters = useCustomTabDataFilters(tabs);
   const renderBuiltInContent = (tabType) => {
     const isFavorites = tabType === "favorites" /* Favorites */;
+    if (tabType === "rwa" /* Rwa */) {
+      return /* @__PURE__ */ jsxRuntime.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: ui.cn(
+            "oui-marketsSheet-rwa-tabs",
+            "oui-h-[calc(100%_-_36px)]"
+          ),
+          showScrollIndicator: true,
+          renderPanel: (_, dataFilter) => /* @__PURE__ */ jsxRuntime.jsx(
+            exports.MarketsListWidget,
+            {
+              type: tabType,
+              dataFilter,
+              initialSort: tabSort[tabType],
+              onSort: onTabSort(tabType),
+              getColumns: getMarketsSheetColumns,
+              tableClassNames: {
+                root: ui.cn("oui-marketsSheet-list", "!oui-bg-base-8"),
+                scroll: ui.cn(
+                  "oui-pb-[env(safe-area-inset-bottom,_20px)]",
+                  "oui-h-[calc(100%_-_40px)]"
+                )
+              }
+            }
+          )
+        }
+      );
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       exports.MarketsListWidget,
       {
@@ -6224,9 +6590,9 @@ var RwaTooltip = (props) => {
   const { isRwa, open, closeTimeInterval, openTimeInterval } = props;
   const { isMobile } = ui.useScreen();
   const { t } = i18n.useTranslation();
-  const [isOpen, setIsOpen] = React6.useState(false);
+  const [isOpen, setIsOpen] = React7.useState(false);
   const timeInterval = open ? closeTimeInterval : openTimeInterval;
-  const tooltipContent = React6.useMemo(() => {
+  const tooltipContent = React7.useMemo(() => {
     return /* @__PURE__ */ jsxRuntime.jsx(Content, { open, timeInterval });
   }, [open, t, timeInterval]);
   const triggerView = /* @__PURE__ */ jsxRuntime.jsx(
@@ -6282,11 +6648,11 @@ var AlertContent = ({
   open,
   timeInterval
 }) => {
-  const [innerTimeInterval, setInnerTimeInterval] = React6.useState(timeInterval);
-  React6.useEffect(() => {
+  const [innerTimeInterval, setInnerTimeInterval] = React7.useState(timeInterval);
+  React7.useEffect(() => {
     setInnerTimeInterval(timeInterval);
   }, [timeInterval]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (!innerTimeInterval || innerTimeInterval <= 0) {
       return;
     }
@@ -6439,7 +6805,7 @@ function useSymbolInfoBarScript(options) {
   const { isRwa, open, closeTimeInterval, openTimeInterval } = hooks.useGetRwaSymbolInfo(symbol);
   const data = hooks.useTickerStream(symbol);
   const symbolsInfo = hooks.useSymbolsInfo();
-  const leverage = React6.useMemo(() => {
+  const leverage = React7.useMemo(() => {
     const info = symbolsInfo[symbol];
     const baseImr = info("base_imr");
     return getLeverage(baseImr);
@@ -6534,31 +6900,31 @@ var useFundingRateHintScript = (symbol) => {
   } = hooks.useFundingRateBySymbol(symbol) ?? {};
   const [{ aggregated, rows }] = hooks.usePositionStream(symbol);
   const { notional } = aggregated ?? {};
-  const fundingPeriod = React6.useMemo(() => {
+  const fundingPeriod = React7.useMemo(() => {
     if (!fundingDetails || isFundingLoading) {
       return "-";
     }
     return `${fundingDetails.funding_period}h`;
   }, [fundingDetails, isFundingLoading]);
-  const capFunding = React6.useMemo(() => {
+  const capFunding = React7.useMemo(() => {
     if (!fundingDetails || isFundingLoading) {
       return "-";
     }
     return `${new utils.Decimal(fundingDetails.cap_funding).mul(100).toNumber()}%`;
   }, [fundingDetails, isFundingLoading]);
-  const floorFunding = React6.useMemo(() => {
+  const floorFunding = React7.useMemo(() => {
     if (!fundingDetails || isFundingLoading) {
       return "-";
     }
     return `${new utils.Decimal(fundingDetails.floor_funding).mul(100).toNumber()}%`;
   }, [fundingDetails, isFundingLoading]);
-  const lastFundingRate = React6.useMemo(() => {
+  const lastFundingRate = React7.useMemo(() => {
     if (!last_funding_rate) {
       return void 0;
     }
     return `${new utils.Decimal(last_funding_rate).mul(100).toNumber()}%`;
   }, [last_funding_rate]);
-  const estFundingFee = React6.useMemo(() => {
+  const estFundingFee = React7.useMemo(() => {
     if (!est_funding_rate || !notional || rows.length === 0) {
       return "--";
     }
@@ -6569,7 +6935,7 @@ var useFundingRateHintScript = (symbol) => {
     const annualizedRate = new utils.Decimal(rate).mul(24).div(intervalHours).mul(365);
     return annualizedRate.todp(2, utils.Decimal.ROUND_DOWN).toNumber();
   };
-  const lastFundingRateAnnualized = React6.useMemo(() => {
+  const lastFundingRateAnnualized = React7.useMemo(() => {
     if (!last_funding_rate || !fundingDetails?.funding_period) {
       return void 0;
     }
@@ -6580,12 +6946,12 @@ var useFundingRateHintScript = (symbol) => {
     );
     return annualized ? `${annualized}%` : void 0;
   }, [last_funding_rate, fundingDetails?.funding_period]);
-  const settlementIntervalHours = React6.useMemo(() => {
+  const settlementIntervalHours = React7.useMemo(() => {
     if (!next_funding_time || !last_funding_rate_timestamp) return 8;
     const diff = next_funding_time - last_funding_rate_timestamp;
     return diff / 36e5;
   }, [next_funding_time, last_funding_rate_timestamp]);
-  const estFundingRateByTimeframe = React6.useMemo(() => {
+  const estFundingRateByTimeframe = React7.useMemo(() => {
     if (est_funding_rate === void 0 || est_funding_rate === null || settlementIntervalHours <= 0) {
       return [];
     }
@@ -6596,7 +6962,7 @@ var useFundingRateHintScript = (symbol) => {
       return { timeframe: key, value: `${trimmed}%` };
     });
   }, [est_funding_rate, settlementIntervalHours]);
-  return React6.useMemo(() => {
+  return React7.useMemo(() => {
     return {
       fundingPeriod,
       capFunding,
@@ -6625,25 +6991,33 @@ var FundingRateHintWidget = (props) => {
 // src/components/symbolInfoBarFull/symbolInfoBarFull.ui.tsx
 init_symbolBadge();
 init_symbolDisplay();
-var LazyDropDownMarketsWidget = React6__default.default.lazy(
+var LazyDropDownMarketsWidget = React7__default.default.lazy(
   () => Promise.resolve().then(() => (init_dropDownMarkets(), dropDownMarkets_exports)).then((mod) => {
     return { default: mod.DropDownMarketsWidget };
   })
 );
-var LazyFavoritesDropdownMenuWidget = React6__default.default.lazy(
+var LazyFavoritesDropdownMenuWidget = React7__default.default.lazy(
   () => Promise.resolve().then(() => (init_favoritesDropdownMenu(), favoritesDropdownMenu_exports)).then((mod) => {
     return { default: mod.FavoritesDropdownMenuWidget };
   })
 );
-var LazyDataItem = React6__default.default.lazy(
+var LazyDataItem = React7__default.default.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 } = i18n.useTranslation();
   if (!visible) return null;
+  const contentKey = isPreTge ? "markets.symbolInfoBar.riskNotice.preLaunch.content" : "markets.symbolInfoBar.riskNotice.content";
   return /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
@@ -6663,7 +7037,7 @@ var SymbolInfoBarRiskNotice = ({ className, visible, symbolWithBroker, brokerNam
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.WarningIcon, { className: "oui-shrink-0 oui-size-4 oui-text-warning-darken" }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xs", className: "oui-text-warning-darken oui-flex-1", children: [
-              t("markets.symbolInfoBar.riskNotice.content", {
+              t(contentKey, {
                 symbolWithBroker,
                 brokerName
               }),
@@ -6750,11 +7124,13 @@ var SymbolInfoBarFull = (props) => {
     showCountdown
   } = props;
   const { t } = i18n.useTranslation();
-  const { brokerId, brokerName, brokerNameRaw, displayName } = hooks.useBadgeBySymbol(symbol);
+  const symbolsInfo = hooks.useSymbolsInfo();
+  const { brokerId, brokerName, brokerNameRaw, displaySymbolName } = hooks.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__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyFavoritesDropdownMenuWidget, { row: { symbol }, favorite, children: /* @__PURE__ */ jsxRuntime.jsx(
+  const symbolWithBroker = brokerName != null ? `${baseFromSymbol}-${brokerNameRaw}` : displaySymbolName ?? symbol;
+  const favoriteIcon = /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyFavoritesDropdownMenuWidget, { row: { symbol }, favorite, children: /* @__PURE__ */ jsxRuntime.jsx(
     ui.Flex,
     {
       width: 12,
@@ -6765,7 +7141,7 @@ var SymbolInfoBarFull = (props) => {
       children: isFavorite ? /* @__PURE__ */ jsxRuntime.jsx(FavoritesIcon2, { className: "oui-size-3 oui-text-warning-darken" }) : /* @__PURE__ */ jsxRuntime.jsx(UnFavoritesIcon2, { className: "oui-size-3 oui-text-base-contrast-36 hover:oui-text-warning-darken" })
     }
   ) }) });
-  const symbolView = /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  const symbolView = /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Flex,
     {
       direction: "column",
@@ -6775,7 +7151,7 @@ var SymbolInfoBarFull = (props) => {
         /* @__PURE__ */ jsxRuntime.jsx(
           LazyDropDownMarketsWidget,
           {
-            contentClassName: "oui-w-[580px] oui-h-[496px]",
+            contentClassName: "oui-w-[620px] oui-h-[496px]",
             symbol: props.symbol,
             onSymbolChange: props.onSymbolChange,
             children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { direction: "column", gap: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 1, className: "oui-cursor-pointer", children: [
@@ -6847,8 +7223,8 @@ var SymbolInfoBarFull = (props) => {
     }
   );
   const scrollableContent = /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gapX: 8, height: "100%", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: leadingElementRef, children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyDataItem, { label: t("markets.column.24hChange"), value: change }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: leadingElementRef, children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyDataItem, { label: t("markets.column.24hChange"), value: change }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
       LazyDataItem,
       {
         label: t("markets.symbolInfoBar.Mark"),
@@ -6863,7 +7239,7 @@ var SymbolInfoBarFull = (props) => {
         hint: t("markets.symbolInfoBar.Mark.tooltip")
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
       LazyDataItem,
       {
         label: t("markets.symbolInfoBar.Index"),
@@ -6871,7 +7247,7 @@ var SymbolInfoBarFull = (props) => {
         hint: t("markets.symbolInfoBar.Index.tooltip")
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
       LazyDataItem,
       {
         label: t("markets.symbolInfoBar.24hVolume"),
@@ -6879,7 +7255,7 @@ var SymbolInfoBarFull = (props) => {
         hint: t("markets.symbolInfoBar.24hVolume.tooltip")
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
       LazyDataItem,
       {
         label: t("markets.symbolInfoBar.predFundingRate"),
@@ -6887,7 +7263,7 @@ var SymbolInfoBarFull = (props) => {
         hint: /* @__PURE__ */ jsxRuntime.jsx(FundingRateHintWidget, { symbol })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: tailingElementRef, children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: tailingElementRef, children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
       LazyDataItem,
       {
         label: t("markets.openInterest"),
@@ -6906,6 +7282,7 @@ var SymbolInfoBarFull = (props) => {
         visible: isCommunityListed,
         symbolWithBroker,
         brokerName: brokerNameRaw ?? brokerName ?? "",
+        isPreTge,
         autoHeight: true
       }
     ),
@@ -7027,19 +7404,19 @@ function useSymbolInfoBarFullScript(options) {
   const favorite = hooks.useMarketsStore();
   const { isRwa, open, closeTimeInterval, openTimeInterval } = hooks.useGetRwaSymbolInfo(symbol);
   const { data: fundingDetails, isLoading: isFundingLoading } = hooks.useFundingDetails(symbol);
-  const fundingPeriod = React6.useMemo(() => {
+  const fundingPeriod = React7.useMemo(() => {
     if (!fundingDetails || isFundingLoading) {
       return "-";
     }
     return `${fundingDetails.funding_period}h`;
   }, [fundingDetails, isFundingLoading]);
-  const capFunding = React6.useMemo(() => {
+  const capFunding = React7.useMemo(() => {
     if (!fundingDetails || isFundingLoading) {
       return "-";
     }
     return `${new utils.Decimal(fundingDetails.cap_funding).mul(100).toNumber()}%`;
   }, [fundingDetails, isFundingLoading]);
-  const floorFunding = React6.useMemo(() => {
+  const floorFunding = React7.useMemo(() => {
     if (!fundingDetails || isFundingLoading) {
       return "-";
     }
@@ -7047,20 +7424,20 @@ function useSymbolInfoBarFullScript(options) {
   }, [fundingDetails, isFundingLoading]);
   const info = hooks.useSymbolsInfo();
   const quotoDp = info[symbol]("quote_dp");
-  const [leadingVisible, setLeadingVisible] = React6.useState(false);
-  const [tailingVisible, setTailingVisible] = React6.useState(false);
-  const containerRef = React6.useRef(null);
-  const leadingElementRef = React6.useRef(null);
-  const tailingElementRef = React6.useRef(null);
-  const isFavorite = React6.useMemo(
+  const [leadingVisible, setLeadingVisible] = React7.useState(false);
+  const [tailingVisible, setTailingVisible] = React7.useState(false);
+  const containerRef = React7.useRef(null);
+  const leadingElementRef = React7.useRef(null);
+  const tailingElementRef = React7.useRef(null);
+  const isFavorite = React7.useMemo(
     () => !!favorite.favorites.find((item) => item.name === symbol),
     [favorite.favorites, symbol]
   );
-  const openInterest = React6.useMemo(
+  const openInterest = React7.useMemo(
     () => new utils.Decimal(data?.open_interest ?? 0).mul(data?.index_price ?? 0).toDecimalPlaces(2).valueOf(),
     [data]
   );
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     const intersectionObserver = new IntersectionObserver((entries) => {
       for (let index = 0; index < entries.length; index++) {
         const item = entries[index];
@@ -7144,7 +7521,7 @@ var useHorizontalMarketsScript = (options) => {
     SIDE_MARKETS_SEL_TAB_KEY,
     defaultMarketType || "all"
   );
-  const availableMarketTypes = React6.useMemo(
+  const availableMarketTypes = React7.useMemo(
     () => tabs?.map((tab, index) => tabKey(tab, index)) ?? ["all"],
     [tabs]
   );
@@ -7152,19 +7529,21 @@ var useHorizontalMarketsScript = (options) => {
     all: hooks.MarketsType.ALL,
     recent: hooks.MarketsType.RECENT,
     newListing: hooks.MarketsType.NEW_LISTING,
-    favorites: hooks.MarketsType.FAVORITES
+    favorites: hooks.MarketsType.FAVORITES,
+    rwa: hooks.MarketsType.RWA,
+    preTge: hooks.MarketsType.PRE_TGE
   };
   const isCustomCategory = typeof selectedMarketType === "string" && !MarketsTypeMap3[selectedMarketType];
   const marketTypeKey = isCustomCategory ? "all" : selectedMarketType || "all";
   const [markets, favorite] = hooks.useMarkets(
     MarketsTypeMap3[marketTypeKey] || hooks.MarketsType.ALL
   );
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     if (!availableMarketTypes.includes(selectedMarketType)) {
       setSelectedMarketType(availableMarketTypes[0] ?? "all");
     }
   }, [availableMarketTypes, selectedMarketType, setSelectedMarketType]);
-  const customCategoryFilter = React6.useMemo(() => {
+  const customCategoryFilter = React7.useMemo(() => {
     if (!isCustomCategory || !tabs) return null;
     const customTabs = tabs.filter(isCustomMarketTab);
     const tab = customTabs.find(
@@ -7172,7 +7551,7 @@ var useHorizontalMarketsScript = (options) => {
     );
     return tab ? getCustomTabDataFilter(tab) ?? null : null;
   }, [isCustomCategory, tabs, selectedMarketType]);
-  const filteredMarkets = React6.useMemo(() => {
+  const filteredMarkets = React7.useMemo(() => {
     if (isCustomCategory && customCategoryFilter) {
       return customCategoryFilter(markets);
     }
@@ -7204,11 +7583,11 @@ var useHorizontalMarketsScript = (options) => {
   const { tabSort } = useTabSort({
     storageKey: SIDE_MARKETS_TAB_SORT_STORAGE_KEY
   });
-  const sortedMarkets = React6.useMemo(() => {
+  const sortedMarkets = React7.useMemo(() => {
     const sort = tabSort?.[selectedMarketType];
     return sort ? sortList(filteredMarkets, sort) : filteredMarkets;
   }, [filteredMarkets, tabSort, selectedMarketType]);
-  const symbols = React6.useMemo(() => {
+  const symbols = React7.useMemo(() => {
     const list = optionSymbols ? optionSymbols : sortedMarkets.map((m) => m.symbol);
     const max = optionMaxItems;
     if (typeof max === "number") {
@@ -7217,7 +7596,7 @@ var useHorizontalMarketsScript = (options) => {
     }
     return list;
   }, [sortedMarkets, optionSymbols, optionMaxItems]);
-  const tickerData = React6.useMemo(() => {
+  const tickerData = React7.useMemo(() => {
     return sortedMarkets.reduce((acc, item) => {
       acc[item.symbol] = {
         "24h_close": item["24h_close"],
@@ -7227,7 +7606,7 @@ var useHorizontalMarketsScript = (options) => {
       return acc;
     }, {});
   }, [sortedMarkets]);
-  const onSymbolClick = React6.useCallback(
+  const onSymbolClick = React7.useCallback(
     (symbol) => {
       const record = sortedMarkets.find((m) => m.symbol === symbol);
       if (record) {
@@ -7239,7 +7618,7 @@ var useHorizontalMarketsScript = (options) => {
     },
     [sortedMarkets, favorite, onSymbolChange]
   );
-  const onMarketTypeChange = React6.useCallback(
+  const onMarketTypeChange = React7.useCallback(
     (marketType) => {
       setSelectedMarketType(marketType);
     },
@@ -7254,7 +7633,7 @@ var useHorizontalMarketsScript = (options) => {
     onMarketTypeChange
   };
 };
-var LazyHorizontalMarkets = React6__default.default.lazy(
+var LazyHorizontalMarkets = React7__default.default.lazy(
   () => Promise.resolve().then(() => (init_horizontalMarkets_ui(), horizontalMarkets_ui_exports)).then((mod) => {
     return { default: mod.HorizontalMarkets };
   })
@@ -7266,7 +7645,7 @@ var HorizontalMarketsInner = (props) => {
     maxItems,
     defaultMarketType
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
     LazyHorizontalMarkets,
     {
       ...state,
@@ -7348,14 +7727,14 @@ init_marketsProvider();
 init_utils();
 var useNewListingListScript = () => {
   const [data, favorite] = hooks.useMarkets(hooks.MarketsType.NEW_LISTING);
-  const [loading, setLoading] = React6.useState(true);
+  const [loading, setLoading] = React7.useState(true);
   const { searchValue } = useMarketsContext();
   const { onSort, getSortedList } = useSort();
-  const dataSource = React6.useMemo(() => {
+  const dataSource = React7.useMemo(() => {
     const searchResults = searchBySymbol(data, searchValue, "base");
     return getSortedList(searchResults);
   }, [data, searchValue, getSortedList]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     setLoading(false);
   }, [data]);
   return {
@@ -7420,11 +7799,11 @@ init_marketsProvider();
 init_utils();
 var useFavoritesListScript = () => {
   const [data, favorite] = hooks.useMarkets(hooks.MarketsType.FAVORITES);
-  const [loading, setLoading] = React6.useState(true);
+  const [loading, setLoading] = React7.useState(true);
   const { favorites, selectedFavoriteTab } = favorite;
   const { searchValue } = useMarketsContext();
   const { onSort, getSortedList } = useSort();
-  const dataSource = React6.useMemo(() => {
+  const dataSource = React7.useMemo(() => {
     const filterList = favorites?.filter(
       (item) => item.tabs?.findIndex((tab) => tab.id === selectedFavoriteTab.id) !== -1
     )?.map((fav) => {
@@ -7437,7 +7816,7 @@ var useFavoritesListScript = () => {
     const searchResults = searchBySymbol(filterList, searchValue, "base");
     return getSortedList(searchResults);
   }, [data, selectedFavoriteTab, favorites, searchValue, getSortedList]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     setLoading(false);
   }, [data]);
   return {
@@ -7498,14 +7877,14 @@ init_marketsProvider();
 init_utils();
 var useRecentListScript = () => {
   const [data, favorite] = hooks.useMarkets(hooks.MarketsType.RECENT);
-  const [loading, setLoading] = React6.useState(true);
+  const [loading, setLoading] = React7.useState(true);
   const { searchValue } = useMarketsContext();
   const { onSort, getSortedList } = useSort();
-  const dataSource = React6.useMemo(() => {
+  const dataSource = React7.useMemo(() => {
     const searchResults = searchBySymbol(data, searchValue, "base");
     return getSortedList(searchResults);
   }, [data, searchValue, getSortedList]);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     setLoading(false);
   }, [data]);
   return {
@@ -7527,24 +7906,24 @@ init_type();
 init_marketsProvider();
 init_useMarketCategories();
 init_type();
-var LazyMarketsHeaderWidget = React6__default.default.lazy(
+var LazyMarketsHeaderWidget = React7__default.default.lazy(
   () => Promise.resolve().then(() => (init_marketsHeader_widget(), marketsHeader_widget_exports)).then((mod) => {
     return { default: mod.MarketsHeaderWidget };
   })
 );
-var LazyMarketsDataListWidget = React6__default.default.lazy(
+var LazyMarketsDataListWidget = React7__default.default.lazy(
   () => Promise.resolve().then(() => (init_marketsDataList(), marketsDataList_exports)).then((mod) => {
     return { default: mod.MarketsDataListWidget };
   })
 );
-var LazyFundingWidget = React6__default.default.lazy(
+var LazyFundingWidget = React7__default.default.lazy(
   () => Promise.resolve().then(() => (init_funding_widget(), funding_widget_exports)).then((mod) => {
     return { default: mod.FundingWidget };
   })
 );
 var MarketsHomePage = (props) => {
   const { isMobile } = ui.useScreen();
-  const [activeTab, setActiveTab] = React6.useState(
+  const [activeTab, setActiveTab] = React7.useState(
     "markets" /* Markets */
   );
   const tabs = useMarketCategories("marketsDataList");
@@ -7600,8 +7979,8 @@ var MarketsDesktopContent = (props) => {
             value: "markets" /* Markets */,
             testid: "oui-testid-markets-tab",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyMarketsHeaderWidget, { className: "oui-mt-4" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyMarketsDataListWidget, {}) })
+              /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyMarketsHeaderWidget, { className: "oui-mt-4" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyMarketsDataListWidget, {}) })
             ]
           }
         ),
@@ -7615,7 +7994,7 @@ var MarketsDesktopContent = (props) => {
             title: t("common.funding"),
             value: "funding" /* Funding */,
             testid: "oui-testid-funding-tab",
-            children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyFundingWidget, {}) })
+            children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyFundingWidget, {}) })
           }
         )
       ]
@@ -7657,8 +8036,8 @@ var MarketsMobileContent = (props) => {
             value: "markets",
             testid: "oui-testid-markets-tab",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyMarketsHeaderWidget, { className: "oui-mt-2" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyMarketsDataListWidget, {}) })
+              /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyMarketsHeaderWidget, { className: "oui-mt-2" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyMarketsDataListWidget, {}) })
             ]
           }
         ),
@@ -7668,7 +8047,7 @@ var MarketsMobileContent = (props) => {
             title: t("common.funding"),
             value: "funding",
             testid: "oui-testid-funding-tab",
-            children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyFundingWidget, {}) })
+            children: /* @__PURE__ */ jsxRuntime.jsx(React7__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(LazyFundingWidget, {}) })
           }
         )
       ]