diff --git a/packages/frontend/src/app/(side-nav)/scaling/activity/_components/scaling-activity-tabs.tsx b/packages/frontend/src/app/(side-nav)/scaling/activity/_components/scaling-activity-tabs.tsx
index e8c99b5fcfb..9db99947799 100644
--- a/packages/frontend/src/app/(side-nav)/scaling/activity/_components/scaling-activity-tabs.tsx
+++ b/packages/frontend/src/app/(side-nav)/scaling/activity/_components/scaling-activity-tabs.tsx
@@ -10,6 +10,11 @@ import {
DirectoryTabsTrigger,
} from '~/components/core/directory-tabs'
import { HorizontalSeparator } from '~/components/core/horizontal-separator'
+import {
+ OthersInfo,
+ RollupsInfo,
+ ValidiumsAndOptimiumsInfo,
+} from '~/components/scaling-tabs-info'
import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context'
import { featureFlags } from '~/consts/feature-flags'
import { type ScalingActivityEntry } from '~/server/features/scaling/activity/get-scaling-activity-entries'
@@ -87,6 +92,7 @@ export function ScalingActivityTabs({
>
)}
+
@@ -106,6 +112,7 @@ export function ScalingActivityTabs({
>
)}
+
@@ -128,6 +135,7 @@ export function ScalingActivityTabs({
>
)}
+
diff --git a/packages/frontend/src/app/(side-nav)/scaling/archived/_components/scaling-archived-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/archived/_components/scaling-archived-tables.tsx
index b34c1695715..312c961bcdc 100644
--- a/packages/frontend/src/app/(side-nav)/scaling/archived/_components/scaling-archived-tables.tsx
+++ b/packages/frontend/src/app/(side-nav)/scaling/archived/_components/scaling-archived-tables.tsx
@@ -7,6 +7,11 @@ import {
DirectoryTabsList,
DirectoryTabsTrigger,
} from '~/components/core/directory-tabs'
+import {
+ OthersInfo,
+ RollupsInfo,
+ ValidiumsAndOptimiumsInfo,
+} from '~/components/scaling-tabs-info'
import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context'
import { featureFlags } from '~/consts/feature-flags'
import { type ScalingArchivedEntry } from '~/server/features/scaling/archived/get-scaling-archived-entries'
@@ -60,11 +65,13 @@ export function ScalingArchivedTables({
+
+
@@ -73,6 +80,7 @@ export function ScalingArchivedTables({
{featureFlags.showOthers && filteredEntries.others.length > 0 && (
+
diff --git a/packages/frontend/src/app/(side-nav)/scaling/costs/_components/scaling-costs-tabs.tsx b/packages/frontend/src/app/(side-nav)/scaling/costs/_components/scaling-costs-tabs.tsx
index 9553fdaf91b..548cec5b8ab 100644
--- a/packages/frontend/src/app/(side-nav)/scaling/costs/_components/scaling-costs-tabs.tsx
+++ b/packages/frontend/src/app/(side-nav)/scaling/costs/_components/scaling-costs-tabs.tsx
@@ -9,6 +9,7 @@ import {
DirectoryTabsTrigger,
} from '~/components/core/directory-tabs'
import { HorizontalSeparator } from '~/components/core/horizontal-separator'
+import { OthersInfo, RollupsInfo } from '~/components/scaling-tabs-info'
import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context'
import { featureFlags } from '~/consts/feature-flags'
import { type ScalingCostsEntry } from '~/server/features/scaling/costs/get-scaling-costs-entries'
@@ -69,6 +70,7 @@ export function ScalingCostsTabs(props: Props) {
>
)}
+
@@ -87,6 +89,7 @@ export function ScalingCostsTabs(props: Props) {
>
)}
+
diff --git a/packages/frontend/src/app/(side-nav)/scaling/data-availability/_components/scaling-da-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/data-availability/_components/scaling-da-tables.tsx
index 83e15c35a68..c496d5522fe 100644
--- a/packages/frontend/src/app/(side-nav)/scaling/data-availability/_components/scaling-da-tables.tsx
+++ b/packages/frontend/src/app/(side-nav)/scaling/data-availability/_components/scaling-da-tables.tsx
@@ -6,6 +6,11 @@ import {
DirectoryTabsList,
DirectoryTabsTrigger,
} from '~/components/core/directory-tabs'
+import {
+ OthersInfo,
+ RollupsInfo,
+ ValidiumsAndOptimiumsInfo,
+} from '~/components/scaling-tabs-info'
import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context'
import { featureFlags } from '~/consts/feature-flags'
import { type ScalingDataAvailabilityEntry } from '~/server/features/scaling/data-availability/get-scaling-da-entries'
@@ -58,6 +63,7 @@ export function ScalingDaTables(props: Props) {
+
+
@@ -74,6 +81,7 @@ export function ScalingDaTables(props: Props) {
{featureFlags.showOthers && filteredEntries.others.length > 0 && (
+
diff --git a/packages/frontend/src/app/(side-nav)/scaling/finality/_components/scaling-finality-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/finality/_components/scaling-finality-tables.tsx
index c8d5d2af324..4e48a2f9cd4 100644
--- a/packages/frontend/src/app/(side-nav)/scaling/finality/_components/scaling-finality-tables.tsx
+++ b/packages/frontend/src/app/(side-nav)/scaling/finality/_components/scaling-finality-tables.tsx
@@ -6,6 +6,7 @@ import {
DirectoryTabsList,
DirectoryTabsTrigger,
} from '~/components/core/directory-tabs'
+import { OthersInfo, RollupsInfo } from '~/components/scaling-tabs-info'
import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context'
import { featureFlags } from '~/consts/feature-flags'
import { type ScalingFinalityEntry } from '~/server/features/scaling/finality/get-scaling-finality-entries'
@@ -52,12 +53,14 @@ export function ScalingFinalityTables(props: Props) {
+
{featureFlags.showOthers && filteredEntries.others.length > 0 && (
+
diff --git a/packages/frontend/src/app/(side-nav)/scaling/liveness/_components/scaling-liveness-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/liveness/_components/scaling-liveness-tables.tsx
index 72ad91d3adb..ddb4d135fdd 100644
--- a/packages/frontend/src/app/(side-nav)/scaling/liveness/_components/scaling-liveness-tables.tsx
+++ b/packages/frontend/src/app/(side-nav)/scaling/liveness/_components/scaling-liveness-tables.tsx
@@ -7,6 +7,7 @@ import {
DirectoryTabsList,
DirectoryTabsTrigger,
} from '~/components/core/directory-tabs'
+import { OthersInfo, RollupsInfo } from '~/components/scaling-tabs-info'
import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context'
import { featureFlags } from '~/consts/feature-flags'
import { type ScalingLivenessEntry } from '~/server/features/scaling/liveness/get-scaling-liveness-entries'
@@ -55,12 +56,14 @@ export function ScalingLivenessTables(props: Props) {
+
{featureFlags.showOthers && filteredEntries.others.length > 0 && (
+
diff --git a/packages/frontend/src/app/(side-nav)/scaling/risk/_components/scaling-risk-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/risk/_components/scaling-risk-tables.tsx
index a39c7782233..2b5e218d121 100644
--- a/packages/frontend/src/app/(side-nav)/scaling/risk/_components/scaling-risk-tables.tsx
+++ b/packages/frontend/src/app/(side-nav)/scaling/risk/_components/scaling-risk-tables.tsx
@@ -6,6 +6,11 @@ import {
DirectoryTabsList,
DirectoryTabsTrigger,
} from '~/components/core/directory-tabs'
+import {
+ OthersInfo,
+ RollupsInfo,
+ ValidiumsAndOptimiumsInfo,
+} from '~/components/scaling-tabs-info'
import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context'
import { featureFlags } from '~/consts/feature-flags'
import { type ScalingRiskEntry } from '~/server/features/scaling/risks/get-scaling-risk-entries'
@@ -60,17 +65,20 @@ export function ScalingRiskTables(props: Props) {
+
+
{featureFlags.showOthers && filteredEntries.others.length > 0 && (
+
diff --git a/packages/frontend/src/app/(side-nav)/scaling/summary/_components/scaling-summary-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/summary/_components/scaling-summary-tables.tsx
index 52d86409856..62025a3f38a 100644
--- a/packages/frontend/src/app/(side-nav)/scaling/summary/_components/scaling-summary-tables.tsx
+++ b/packages/frontend/src/app/(side-nav)/scaling/summary/_components/scaling-summary-tables.tsx
@@ -7,6 +7,11 @@ import {
DirectoryTabsTrigger,
} from '~/components/core/directory-tabs'
import { HorizontalSeparator } from '~/components/core/horizontal-separator'
+import {
+ OthersInfo,
+ RollupsInfo,
+ ValidiumsAndOptimiumsInfo,
+} from '~/components/scaling-tabs-info'
import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context'
import { featureFlags } from '~/consts/feature-flags'
import { type ScalingSummaryEntry } from '~/server/features/scaling/summary/get-scaling-summary-entries'
@@ -64,11 +69,13 @@ export function ScalingSummaryTables(props: Props) {
+
+
@@ -77,7 +84,10 @@ export function ScalingSummaryTables(props: Props) {
{featureFlags.showOthers && filteredEntries.others.length > 0 ? (
-
+ <>
+
+
+ >
) : (
)}
diff --git a/packages/frontend/src/app/(side-nav)/scaling/tvl/_components/scaling-tvl-tabs.tsx b/packages/frontend/src/app/(side-nav)/scaling/tvl/_components/scaling-tvl-tabs.tsx
index 780e23fea44..2f6cf9a4282 100644
--- a/packages/frontend/src/app/(side-nav)/scaling/tvl/_components/scaling-tvl-tabs.tsx
+++ b/packages/frontend/src/app/(side-nav)/scaling/tvl/_components/scaling-tvl-tabs.tsx
@@ -9,6 +9,11 @@ import {
DirectoryTabsTrigger,
} from '~/components/core/directory-tabs'
import { HorizontalSeparator } from '~/components/core/horizontal-separator'
+import {
+ OthersInfo,
+ RollupsInfo,
+ ValidiumsAndOptimiumsInfo,
+} from '~/components/scaling-tabs-info'
import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context'
import { featureFlags } from '~/consts/feature-flags'
import { type ScalingTvlEntry } from '~/server/features/scaling/tvl/get-scaling-tvl-entries'
@@ -73,6 +78,7 @@ export function ScalingTvlTabs(props: Props) {
>
)}
+
@@ -90,6 +96,7 @@ export function ScalingTvlTabs(props: Props) {
>
)}
+
@@ -108,6 +115,7 @@ export function ScalingTvlTabs(props: Props) {
>
)}
+
diff --git a/packages/frontend/src/app/(side-nav)/scaling/upcoming/_components/scaling-upcoming-tables.tsx b/packages/frontend/src/app/(side-nav)/scaling/upcoming/_components/scaling-upcoming-tables.tsx
index c6e2733d153..daa1a24fb6d 100644
--- a/packages/frontend/src/app/(side-nav)/scaling/upcoming/_components/scaling-upcoming-tables.tsx
+++ b/packages/frontend/src/app/(side-nav)/scaling/upcoming/_components/scaling-upcoming-tables.tsx
@@ -7,6 +7,11 @@ import {
DirectoryTabsList,
DirectoryTabsTrigger,
} from '~/components/core/directory-tabs'
+import {
+ OthersInfo,
+ RollupsInfo,
+ ValidiumsAndOptimiumsInfo,
+} from '~/components/scaling-tabs-info'
import { TableSortingProvider } from '~/components/table/sorting/table-sorting-context'
import { featureFlags } from '~/consts/feature-flags'
import { type ScalingUpcomingEntry } from '~/server/features/scaling/upcoming/get-scaling-upcoming-entries'
@@ -60,11 +65,13 @@ export function ScalingUpcomingTables({
+
+
@@ -73,6 +80,7 @@ export function ScalingUpcomingTables({
{featureFlags.showOthers && filteredEntries.others.length > 0 && (
+
diff --git a/packages/frontend/src/components/scaling-tabs-info.tsx b/packages/frontend/src/components/scaling-tabs-info.tsx
new file mode 100644
index 00000000000..b2d8e4585f1
--- /dev/null
+++ b/packages/frontend/src/components/scaling-tabs-info.tsx
@@ -0,0 +1,73 @@
+import { InfoIcon } from '~/icons/info'
+import {
+ Drawer,
+ DrawerContent,
+ DrawerHeader,
+ DrawerTrigger,
+} from './core/drawer'
+
+export function RollupsInfo() {
+ return (
+
+ )
+}
+
+export function ValidiumsAndOptimiumsInfo() {
+ return (
+
+ )
+}
+
+export function OthersInfo() {
+ return (
+
+ )
+}
+
+function InfoWithMobileDrawer({
+ title,
+ content,
+}: { title: string; content: string }) {
+ return (
+
+
+
{content}
+
+
+
+ {title}
+
+
+
+ {title}
+
+
+ {content}
+
+
+ Close
+
+
+
+
+
+ )
+}