24/5 ingestion and table filtering update

Author: dev-dist

src/content/data-streams/market-hours.mdx

@@ -71,6 +71,23 @@ RWA markets operate during specific hours, with breaks for holidays and sometime
 | **Precious Metals (Spot)**<br/>(XAU, XAG)                       | **18:00 Sun** | **17:00 Fri** | 17:00–18:00 Mon-Thu | Jan 1, Good Fri, Dec 25                                                                |
 | **Commodities** <br/> (WTI Synthetic Spot)                      | **18:00 Sun** | **17:00 Fri** | 17:00–18:00 Mon-Thu | [NYMEX holiday calendar](https://www.cmegroup.com/tools-information/holiday-calendar/) |
 
+### US Equities 24/5 Trading Sessions
+
+For feeds using the [RWA Advanced (v11) schema](/data-streams/reference/report-schema-v11), US Equities are available across three distinct trading sessions, providing 24/5 coverage:
+
+| Session             | Hours (ET)                            | `marketStatus` Value                 | Description                                    |
+| ------------------- | ------------------------------------- | ------------------------------------ | ---------------------------------------------- |
+| **Regular Hours**   | 9:30am–4:00pm Mon–Fri                 | `2` (Regular hours)                  | Primary trading session with highest liquidity |
+| **Extended Hours**  | 4:00am–9:30am & 4:00pm–8:00pm Mon–Fri | `1` (Pre-market) & `3` (Post-market) | Pre-market and post-market sessions            |
+| **Overnight Hours** | 8:00pm–4:00am Sun evening–Fri morning | `4` (Overnight)                      | Overnight session with limited liquidity       |
+
+**Additional `marketStatus` values:**
+
+- `0` (Unknown) — Market status cannot be determined
+- `5` (Weekend) — Weekend period: 8:00pm Fri–8:00pm Sun
+
+See the [24/5 US Equities User Guide](/data-streams/rwa-streams/24-5-us-equities-user-guide) for detailed information on building continuous price feeds and managing session transitions.
+
 \* Times shown as **HH:MM ET**.  
 \*\* Half-day trading may apply on the eve of certain U.S. holidays (e.g., Jul 3, Nov 28). Consult the linked exchange calendars for exact cut-off times.
 

src/features/feeds/components/FeedList.tsx

@@ -29,6 +29,7 @@ export type DataFeedType =
 
 type SchemaFilterValue = "all" | "v8" | "v11"
 type StreamsRwaFeedTypeValue = "all" | "datalink" | "equities" | "forex"
+type TradingHoursFilterValue = "all" | "regular" | "extended" | "overnight"
 
 type FilterOption<T extends string> = {
   label: string
@@ -59,10 +60,19 @@ const feedTypeFilterOptions: FilterOption<StreamsRwaFeedTypeValue>[] = [
   { label: "Forex Streams", value: "forex" },
 ]
 
+const tradingHoursFilterOptions: FilterOption<TradingHoursFilterValue>[] = [
+  { label: "All Time Segments", value: "all" },
+  { label: "Regular Hours", value: "regular" },
+  { label: "Extended Hours", value: "extended" },
+  { label: "Overnight Hours", value: "overnight" },
+]
+
 const isSchemaFilterValue = (value: unknown): value is SchemaFilterValue =>
   value === "all" || value === "v8" || value === "v11"
 const isStreamsRwaFeedTypeValue = (value: unknown): value is StreamsRwaFeedTypeValue =>
   value === "all" || value === "datalink" || value === "equities" || value === "forex"
+const isTradingHoursFilterValue = (value: unknown): value is TradingHoursFilterValue =>
+  value === "all" || value === "regular" || value === "extended" || value === "overnight"
 
 const FilterDropdown = <T extends string>({
   label,
@@ -288,6 +298,19 @@ export const FeedList = ({
   const [showOnlySVR, setShowOnlySVR] = useState(false)
   const [showOnlyDEXFeeds, setShowOnlyDEXFeeds] = useState(false)
   const [showOnlyDEXFeedsTestnet, setShowOnlyDEXFeedsTestnet] = useState(false)
+  const [show24x5FeedsParam, setShow24x5FeedsParam] = useQueryString("show24x5")
+  const show24x5Feeds = show24x5FeedsParam === "true"
+  const setShow24x5Feeds = (value: boolean) => {
+    setShow24x5FeedsParam(value ? "true" : [])
+  }
+  const [tradingHoursFilterParam, setTradingHoursFilterParam] = useQueryString("tradingHours")
+  const tradingHoursFilter =
+    typeof tradingHoursFilterParam === "string" && isTradingHoursFilterValue(tradingHoursFilterParam)
+      ? tradingHoursFilterParam
+      : "all"
+  const setTradingHoursFilter = (next: TradingHoursFilterValue) => {
+    setTradingHoursFilterParam(next === "all" ? [] : next)
+  }
   const [rwaSchemaFilterParam, setRwaSchemaFilterParam] = useQueryString("schema")
   const rwaSchemaFilter =
     typeof rwaSchemaFilterParam === "string" && isSchemaFilterValue(rwaSchemaFilterParam) ? rwaSchemaFilterParam : "all"
@@ -302,6 +325,19 @@ export const FeedList = ({
   const setTestnetRwaSchemaFilter = (next: SchemaFilterValue) => {
     setTestnetRwaSchemaFilterParam(next === "all" ? [] : next)
   }
+  const [show24x5FeedsTestnetParam, setShow24x5FeedsTestnetParam] = useQueryString("testnetShow24x5")
+  const show24x5FeedsTestnet = show24x5FeedsTestnetParam === "true"
+  const setShow24x5FeedsTestnet = (value: boolean) => {
+    setShow24x5FeedsTestnetParam(value ? "true" : [])
+  }
+  const [testnetTradingHoursFilterParam, setTestnetTradingHoursFilterParam] = useQueryString("testnetTradingHours")
+  const testnetTradingHoursFilter =
+    typeof testnetTradingHoursFilterParam === "string" && isTradingHoursFilterValue(testnetTradingHoursFilterParam)
+      ? testnetTradingHoursFilterParam
+      : "all"
+  const setTestnetTradingHoursFilter = (next: TradingHoursFilterValue) => {
+    setTestnetTradingHoursFilterParam(next === "all" ? [] : next)
+  }
   const [openDropdownId, setOpenDropdownId] = useState<string | null>(null)
   const handleDropdownToggle = (dropdownId: string, isOpen: boolean) => {
     setOpenDropdownId((current) => {
@@ -827,7 +863,42 @@ export const FeedList = ({
                     setCurrentPage("1")
                   }}
                 />
-                {(searchValue || rwaSchemaFilter !== "all" || streamCategoryFilter !== "all") && (
+                <div className={feedList.checkboxContainer}>
+                  <label className={feedList.detailsLabel}>
+                    <input
+                      type="checkbox"
+                      style="width:15px;height:15px;display:inline;margin-right:8px;"
+                      checked={show24x5Feeds}
+                      onChange={() => {
+                        closeAllDropdowns()
+                        const newValue = !show24x5Feeds
+                        setShow24x5Feeds(newValue)
+                        if (newValue) {
+                          // Reset trading hours filter when enabling 24/5
+                          setTradingHoursFilter("all")
+                        }
+                        setCurrentPage("1")
+                      }}
+                    />
+                    Show only 24/5 Equity Streams
+                  </label>
+                </div>
+                {show24x5Feeds && (
+                  <FilterDropdown
+                    isOpen={openDropdownId === "main-trading-hours"}
+                    onToggle={(isOpen) => handleDropdownToggle("main-trading-hours", isOpen)}
+                    onClose={closeAllDropdowns}
+                    label="Time segment"
+                    options={tradingHoursFilterOptions}
+                    value={tradingHoursFilter}
+                    groupId="trading-hours-main"
+                    onSelect={(next) => {
+                      setTradingHoursFilter(next)
+                      setCurrentPage("1")
+                    }}
+                  />
+                )}
+                {(searchValue || rwaSchemaFilter !== "all" || streamCategoryFilter !== "all" || show24x5Feeds) && (
                   <button
                     type="button"
                     className={clsx(button.secondary, feedList.clearFilterBtn)}
@@ -836,6 +907,8 @@ export const FeedList = ({
                       setSearchValue("")
                       setRwaSchemaFilter("all")
                       setStreamCategoryFilter("all")
+                      setShow24x5Feeds(false)
+                      setTradingHoursFilter("all")
                       setCurrentPage("1")
                       const inputElement = document.getElementById("search") as HTMLInputElement
                       if (inputElement) {
@@ -869,6 +942,8 @@ export const FeedList = ({
                 showOnlyDEXFeeds={showOnlyDEXFeeds}
                 rwaSchemaFilter={rwaSchemaFilter}
                 streamCategoryFilter={streamCategoryFilter}
+                show24x5Feeds={show24x5Feeds}
+                tradingHoursFilter={tradingHoursFilter}
                 dataFeedType={dataFeedType}
                 ecosystem={ecosystem}
                 lastAddr={lastAddr}
@@ -947,7 +1022,45 @@ export const FeedList = ({
                     setTestnetCurrentPage("1")
                   }}
                 />
-                {(testnetSearchValue || testnetRwaSchemaFilter !== "all" || testnetStreamCategoryFilter !== "all") && (
+                <div className={feedList.checkboxContainer}>
+                  <label className={feedList.detailsLabel}>
+                    <input
+                      type="checkbox"
+                      style="width:15px;height:15px;display:inline;margin-right:8px;"
+                      checked={show24x5FeedsTestnet}
+                      onChange={() => {
+                        closeAllDropdowns()
+                        const newValue = !show24x5FeedsTestnet
+                        setShow24x5FeedsTestnet(newValue)
+                        if (newValue) {
+                          // Reset trading hours filter when enabling 24/5
+                          setTestnetTradingHoursFilter("all")
+                        }
+                        setTestnetCurrentPage("1")
+                      }}
+                    />
+                    Show only 24/5 Equity Streams
+                  </label>
+                </div>
+                {show24x5FeedsTestnet && (
+                  <FilterDropdown
+                    isOpen={openDropdownId === "test-trading-hours"}
+                    onToggle={(isOpen) => handleDropdownToggle("test-trading-hours", isOpen)}
+                    onClose={closeAllDropdowns}
+                    label="Time segment"
+                    options={tradingHoursFilterOptions}
+                    value={testnetTradingHoursFilter}
+                    groupId="trading-hours-testnet"
+                    onSelect={(next) => {
+                      setTestnetTradingHoursFilter(next)
+                      setTestnetCurrentPage("1")
+                    }}
+                  />
+                )}
+                {(testnetSearchValue ||
+                  testnetRwaSchemaFilter !== "all" ||
+                  testnetStreamCategoryFilter !== "all" ||
+                  show24x5FeedsTestnet) && (
                   <button
                     type="button"
                     className={clsx(button.secondary, feedList.clearFilterBtn)}
@@ -956,6 +1069,8 @@ export const FeedList = ({
                       setTestnetSearchValue("")
                       setTestnetRwaSchemaFilter("all")
                       setTestnetStreamCategoryFilter("all")
+                      setShow24x5FeedsTestnet(false)
+                      setTestnetTradingHoursFilter("all")
                       setTestnetCurrentPage("1")
                       const inputElement = document.getElementById("testnetSearch") as HTMLInputElement
                       if (inputElement) {
@@ -990,6 +1105,8 @@ export const FeedList = ({
                 showOnlyDEXFeeds={showOnlyDEXFeedsTestnet}
                 rwaSchemaFilter={testnetRwaSchemaFilter}
                 streamCategoryFilter={testnetStreamCategoryFilter}
+                show24x5Feeds={show24x5FeedsTestnet}
+                tradingHoursFilter={testnetTradingHoursFilter}
                 firstAddr={testnetFirstAddr}
                 lastAddr={testnetLastAddr}
                 addrPerPage={testnetAddrPerPage}