Skip to content

[WIP] v3 uplift#3075

Draft
abjt14 wants to merge 44 commits into
mainfrom
v3-uplift
Draft

[WIP] v3 uplift#3075
abjt14 wants to merge 44 commits into
mainfrom
v3-uplift

Conversation

@abjt14

@abjt14 abjt14 commented Jul 21, 2026

Copy link
Copy Markdown

No description provided.

abjt14 added 29 commits July 16, 2026 08:14
…e transition

Phase 1 of a unified overlay motion system. A shared ScaleFade transition
(opacity 0→1 + scale 0.96→1, modeled on MUI's Grow) is wired as the default
TransitionComponent for MuiMenu and MuiPopover at 100ms, so all menus, selects
and popovers pop consistently instead of using MUI's default Grow. Timing lives
in a single motion-tokens module.

- src/utils/motion.ts: central duration/easing tokens (single source of truth)
- ScaleFade: MUI-compatible transition primitive (scale 0.96, not Grow's 0.75)
- theme: MuiMenu/MuiPopover transition defaults + global prefers-reduced-motion
- showcase: Select/Menu specimens in the Overlays section

Modals and drawers are intentionally untouched (deferred to later phases).
The outlined variant sets border:none at rest, but its :hover block only changed
background + re-asserted the box-shadow ring, so MUI's built-in
.MuiButton-outlinedPrimary:hover border leaked through on hover only. Force
border:none in the hover/focus block so the borderless pill stays borderless.
…radients

- figmaColors.ts: single source of truth for color tokens + the figVars var() accessor.

- theme.tsx: flatten tokens onto the MUI CssVars palette (P3 + sRGB fallback); emit P3 vars.

- colorToP3.ts: Display-P3 conversion for the @supports P3 override layer.

- gradients slot/type removed; the new branding uses the solid purple-1 token.
Sweep explicit color reads onto flattened figma tokens (bare sx strings / figVars) for P3.

Also swaps the brand gradient for the solid purple-1 token in the affected components.
Same token sweep across module components for Display-P3 with sRGB fallback.

Swaps the brand gradient for purple-1 in the E-Mode button, StakeActionBox and version badge.
Token sweep across layouts; swaps the newGradient banner for purple-1 in TopBarNotify.
Buttons, icon and toggle buttons scale to 0.99 on :active (not disabled) via a shared fragment.

MarketSwitcher's custom Box trigger gets the same press feedback inline.
DotsHorizontalIcon: currentColor meatball icon replacing the '...' text supply dropdown.

iconButtonSx (buttonStyles.ts): square icon-only button styling (min-width 0, 0.25rem pad).

Desktop table action buttons across the four dashboard lists set to size=small.
@abjt14 abjt14 self-assigned this Jul 21, 2026
A custom .babelrc (for @lingui/macro) disables SWC, so Next 15's automatic
@mui/icons-material barrel optimization doesn't run. Barrel imports pulled the
full icon set (>500KB) into the graph, causing a Babel deopt and slow dev
compiles (AppFooter, in MainLayout, taxed every route). Switch the 8 barrel
imports to per-icon path imports, matching the repo's existing convention.
@github-actions

Copy link
Copy Markdown

@github-actions

Copy link
Copy Markdown

📦 Next.js Bundle Analysis for aave-ui

This analysis was generated by the Next.js Bundle Analysis action. 🤖

⚠️ Global Bundle Size Increased

Page Size (compressed)
global 1.33 MB (🟡 +11.81 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

New Pages Added

The following pages were added to the bundle from the code in this PR:

Page Size (compressed) First Load
/dev/components 899 B 1.33 MB
/dev/components/[section] 929 B 1.33 MB

Sixteen Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load
/ 95.81 KB (🟢 -125 B) 1.43 MB
/404 2.06 KB (🟢 -797 B) 1.34 MB
/500 2.4 KB (🟢 -784 B) 1.34 MB
/bridge 37.45 KB (🟢 -297 B) 1.37 MB
/dashboard 85.96 KB (🟡 +464 B) 1.42 MB
/faucet 15.19 KB (🟡 +142 B) 1.35 MB
/governance 40.5 KB (🟢 -2.44 KB) 1.37 MB
/governance/ipfs-preview 101.11 KB (🟢 -562 B) 1.43 MB
/governance/v3/proposal 88.12 KB (🟢 -693 B) 1.42 MB
/history 35.28 KB (🟢 -1.06 KB) 1.37 MB
/markets 54.05 KB (🟢 -779 B) 1.39 MB
/reserve-overview 38.38 KB (🟢 -1.48 KB) 1.37 MB
/safety-module 54.96 KB (🟢 -1.4 KB) 1.39 MB
/sgho 90.69 KB (🟢 -2.22 KB) 1.42 MB
/staking 32.28 KB (🟢 -1.2 KB) 1.37 MB
/v3-migration 52.29 KB (🟢 -283 B) 1.39 MB
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

Design-system uplift for the dev/components showcase and shared MUI theme:

- Slider retargeted to the Switch palette (purple-1 track, fg-3 rail, white thumb)
- Checkbox: bg-2 fill + inset fg-5->fg-4 ring; Radio newly themed as a checkbox twin
  (one shared selection-control recipe so the two never drift)
- Select trigger hover transition (was instant); menu-item keyboard focus now shares
  the hover highlight
- Toggle group: bg-5 fill + inset hairline
- Frosted tooltip surface (ContentWithTooltip); info-tooltip icon uses on-theme
  neutrals instead of blue
- Contained-button hover now follows the nearest color scheme (fixes the showcase's
  local light/dark toggle) via a new per-scheme fg-max-hover token
- dev/components: mobile-ready layout (drawer nav + responsive), full input-variant
  coverage incl. Radio, button end-icon + color rows, Menu open-state active fill

Also carries the in-progress typography-variant consolidation (24 -> 17 variants,
swept across ~114 files) - entangled with the theme.tsx/figmaColors.ts changes above,
so committed together.
@github-actions

Copy link
Copy Markdown

@github-actions

Copy link
Copy Markdown

📦 Next.js Bundle Analysis for aave-ui

This analysis was generated by the Next.js Bundle Analysis action. 🤖

⚠️ Global Bundle Size Increased

Page Size (compressed)
global 1.33 MB (🟡 +12.27 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

New Pages Added

The following pages were added to the bundle from the code in this PR:

Page Size (compressed) First Load
/dev/components 896 B 1.34 MB
/dev/components/[section] 949 B 1.34 MB

Sixteen Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load
/ 96.26 KB (🟡 +336 B) 1.43 MB
/404 2.06 KB (🟢 -798 B) 1.34 MB
/500 2.4 KB (🟢 -786 B) 1.34 MB
/bridge 37.43 KB (🟢 -315 B) 1.37 MB
/dashboard 85.99 KB (🟡 +498 B) 1.42 MB
/faucet 15.19 KB (🟡 +136 B) 1.35 MB
/governance 40.92 KB (🟢 -2.02 KB) 1.37 MB
/governance/ipfs-preview 101.11 KB (🟢 -559 B) 1.43 MB
/governance/v3/proposal 88.12 KB (🟢 -687 B) 1.42 MB
/history 35.68 KB (🟢 -675 B) 1.37 MB
/markets 54.49 KB (🟢 -335 B) 1.39 MB
/reserve-overview 38.39 KB (🟢 -1.47 KB) 1.37 MB
/safety-module 54.97 KB (🟢 -1.4 KB) 1.39 MB
/sgho 90.68 KB (🟢 -2.23 KB) 1.42 MB
/staking 32.71 KB (🟢 -798 B) 1.37 MB
/v3-migration 52.26 KB (🟢 -312 B) 1.39 MB
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

abjt14 added 2 commits July 24, 2026 13:20
…ton min-width

Card/theme consistency across the app (follow-up to the Markets-page bug fixes):

- Button min-width: reset MUI's default 64px floor on MuiButton (minWidth:'unset') so
  buttons size to content; restore a scoped floor on ListButtonsColumn for row actions.
- Page container: parameterize ContentContainer with optional containerProps and drop the
  bespoke MarketContainer fork, so Markets uses the shared container (gains the standard
  40px top gap; the top panel keeps marketContainerProps for stat/table alignment).
- Card surface: new MuiPaper variant="card" (surface-elevated + 10px radius +
  figSurfaceShadow('shadow-stroke-1')) as one source of truth; ListWrapper adopts it, and
  the bespoke Paper cards across reserve-overview / staking / sGho / stkGho / migration /
  connect-wallet empty-states migrate to it.
- Markets Core assets card: drop the header pt override (matches the dashboard cards).
- Migration: strip the inner list surface on mobile to match desktop (no card-in-card).
- dev/components: show the new Paper "card" variant alongside the others.
@github-actions

Copy link
Copy Markdown

@github-actions

Copy link
Copy Markdown

📦 Next.js Bundle Analysis for aave-ui

This analysis was generated by the Next.js Bundle Analysis action. 🤖

⚠️ Global Bundle Size Increased

Page Size (compressed)
global 1.33 MB (🟡 +12.31 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

New Pages Added

The following pages were added to the bundle from the code in this PR:

Page Size (compressed) First Load
/dev/components 896 B 1.34 MB
/dev/components/[section] 949 B 1.34 MB

Sixteen Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load
/ 96.16 KB (🟡 +218 B) 1.43 MB
/404 2.08 KB (🟢 -774 B) 1.34 MB
/500 2.42 KB (🟢 -772 B) 1.34 MB
/bridge 37.38 KB (🟢 -366 B) 1.37 MB
/dashboard 85.96 KB (🟡 +456 B) 1.42 MB
/faucet 15.14 KB (🟡 +87 B) 1.35 MB
/governance 40.93 KB (🟢 -2.01 KB) 1.37 MB
/governance/ipfs-preview 101.11 KB (🟢 -559 B) 1.43 MB
/governance/v3/proposal 88.13 KB (🟢 -677 B) 1.42 MB
/history 35.66 KB (🟢 -696 B) 1.37 MB
/markets 54.44 KB (🟢 -396 B) 1.39 MB
/reserve-overview 38.39 KB (🟢 -1.47 KB) 1.37 MB
/safety-module 55 KB (🟢 -1.37 KB) 1.39 MB
/sgho 90.7 KB (🟢 -2.22 KB) 1.42 MB
/staking 32.66 KB (🟢 -842 B) 1.37 MB
/v3-migration 52.24 KB (🟢 -346 B) 1.39 MB
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

@abjt14 abjt14 changed the title [WIP] V3 uplift [WIP] v3 uplift Jul 24, 2026
…tles, themed analytics banner

- Staking header now renders the shared `MarketSwitcher` via new context-aware
  props (`hideTitleChrome`, `titlePrefix`) instead of the stale bespoke fork;
  delete `UmbrellaMarketSwitcher`. "Staking" is part of the clickable trigger.
- Navbar Staking menu: drop the hardcoded Paper border (use the standardized menu
  surface); hold the hover/underline while open via `[aria-expanded]` in navLinkSx.
- Remove leftover title left-margins (orphaned by commented-out logos) on the
  Staking, Safety Module, and Governance headers so titles sit flush-left.
- Rebuild AnalyticsBanner with theme-native MUI: bg-2 + shadow-stroke-2/shadow-high
  surface, outlined/contained buttons, h5 title + fg tokens; drop the
  react-cookie-consent rendering (consent still runs on the store + localStorage).

Also bundled (entangled in-progress work from parallel sessions): P3 color
tokenization across headers/theme (ChainAvailabilityText, SGhoHeader, TopBarNotify,
figmaColors, theme.tsx), the StakingMenu route-active class, and the governance
ProposalListHeader size="small".
@github-actions

Copy link
Copy Markdown

@github-actions

Copy link
Copy Markdown

📦 Next.js Bundle Analysis for aave-ui

This analysis was generated by the Next.js Bundle Analysis action. 🤖

⚠️ Global Bundle Size Increased

Page Size (compressed)
global 1.33 MB (🟡 +9.92 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

New Pages Added

The following pages were added to the bundle from the code in this PR:

Page Size (compressed) First Load
/dev/components 896 B 1.33 MB
/dev/components/[section] 949 B 1.33 MB

Sixteen Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load
/ 96.16 KB (🟡 +220 B) 1.43 MB
/404 2.08 KB (🟢 -775 B) 1.33 MB
/500 2.41 KB (🟢 -773 B) 1.33 MB
/bridge 37.38 KB (🟢 -367 B) 1.37 MB
/dashboard 85.96 KB (🟡 +457 B) 1.42 MB
/faucet 15.14 KB (🟡 +85 B) 1.35 MB
/governance 40.92 KB (🟢 -2.02 KB) 1.37 MB
/governance/ipfs-preview 101.11 KB (🟢 -560 B) 1.43 MB
/governance/v3/proposal 88.13 KB (🟢 -678 B) 1.42 MB
/history 35.66 KB (🟢 -696 B) 1.37 MB
/markets 54.44 KB (🟢 -396 B) 1.39 MB
/reserve-overview 38.39 KB (🟢 -1.47 KB) 1.37 MB
/safety-module 54.99 KB (🟢 -1.39 KB) 1.39 MB
/sgho 90.7 KB (🟢 -2.22 KB) 1.42 MB
/staking 31.52 KB (🟢 -1.96 KB) 1.36 MB
/v3-migration 52.24 KB (🟢 -345 B) 1.38 MB
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

…okens

- TopBarNotify: rebuilt to theme tokens (fg-1 text, purple-2 CTA, border-0 hairline);
  the contained button is now a centered "Try it out" text link + up-right arrow
  (underline on hover). Generic buttonAction/learnMoreLink + per-chain dismissal kept.
- Add ArrowUpRightIcon (currentColor-driven) under src/components/icons.
- MainLayout: campaign buttonText "Try it out here" -> "Try it out" (all chains).
- figmaColors (bundled parallel-chat work): add bgp-1; deepen light-mode purple-2 to
  hsl(241,76%,67%) and bgp-1 to #f1f1f8 for banner contrast on light backgrounds.
@github-actions

Copy link
Copy Markdown

@github-actions

Copy link
Copy Markdown

📦 Next.js Bundle Analysis for aave-ui

This analysis was generated by the Next.js Bundle Analysis action. 🤖

⚠️ Global Bundle Size Increased

Page Size (compressed)
global 1.33 MB (🟡 +10.65 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

New Pages Added

The following pages were added to the bundle from the code in this PR:

Page Size (compressed) First Load
/dev/components 896 B 1.33 MB
/dev/components/[section] 949 B 1.33 MB

Sixteen Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load
/ 96.16 KB (🟡 +220 B) 1.43 MB
/404 2.08 KB (🟢 -774 B) 1.33 MB
/500 2.41 KB (🟢 -773 B) 1.34 MB
/bridge 37.38 KB (🟢 -368 B) 1.37 MB
/dashboard 85.96 KB (🟡 +458 B) 1.42 MB
/faucet 15.14 KB (🟡 +85 B) 1.35 MB
/governance 40.92 KB (🟢 -2.02 KB) 1.37 MB
/governance/ipfs-preview 101.11 KB (🟢 -558 B) 1.43 MB
/governance/v3/proposal 88.13 KB (🟢 -680 B) 1.42 MB
/history 35.66 KB (🟢 -695 B) 1.37 MB
/markets 54.44 KB (🟢 -396 B) 1.39 MB
/reserve-overview 38.39 KB (🟢 -1.47 KB) 1.37 MB
/safety-module 54.99 KB (🟢 -1.39 KB) 1.39 MB
/sgho 90.7 KB (🟢 -2.22 KB) 1.42 MB
/staking 31.52 KB (🟢 -1.97 KB) 1.36 MB
/v3-migration 52.24 KB (🟢 -345 B) 1.38 MB
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

- Flush search bar (bgp-2 fill, 1px border-1 ring, no radius/soft shadow)
- Outer surface via Paper variant=modal, bgp-2 fill, 32.5rem wide
- Contents box 1rem padding, 1.5rem section gaps, dividers removed
- Uniform 2.5rem option rows (h5 names, 1.5rem icons); favourites as rows
- Uppercase fg-3 section titles; legacy toggle as a FormControlLabel
- Dedupe rendering into renderSection / renderLinkRow / renderRowLogo helpers
@github-actions

Copy link
Copy Markdown

@github-actions

Copy link
Copy Markdown

📦 Next.js Bundle Analysis for aave-ui

This analysis was generated by the Next.js Bundle Analysis action. 🤖

⚠️ Global Bundle Size Increased

Page Size (compressed)
global 1.33 MB (🟡 +9.64 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

New Pages Added

The following pages were added to the bundle from the code in this PR:

Page Size (compressed) First Load
/dev/components 894 B 1.33 MB
/dev/components/[section] 945 B 1.33 MB

Sixteen Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load
/ 96.8 KB (🟡 +876 B) 1.43 MB
/404 2.08 KB (🟢 -774 B) 1.33 MB
/500 2.41 KB (🟢 -773 B) 1.33 MB
/bridge 37.38 KB (🟢 -368 B) 1.37 MB
/dashboard 86.6 KB (🟡 +1.09 KB) 1.42 MB
/faucet 15.14 KB (🟡 +86 B) 1.35 MB
/governance 41.65 KB (🟢 -1.29 KB) 1.37 MB
/governance/ipfs-preview 101.11 KB (🟢 -558 B) 1.43 MB
/governance/v3/proposal 88.13 KB (🟢 -680 B) 1.42 MB
/history 35.66 KB (🟢 -695 B) 1.37 MB
/markets 55.08 KB (🟡 +265 B) 1.39 MB
/reserve-overview 38.39 KB (🟢 -1.47 KB) 1.37 MB
/safety-module 56.06 KB (🟢 -326 B) 1.39 MB
/sgho 91.56 KB (🟢 -1.36 KB) 1.42 MB
/staking 31.52 KB (🟢 -1.96 KB) 1.36 MB
/v3-migration 53.06 KB (🟡 +500 B) 1.38 MB
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

Adds the bgp-2 panel-surface token (light #fcfcfc / dark #18181B) used by the
market switcher outer box and search bar, and updates the bgp-1 light value.
@github-actions

Copy link
Copy Markdown

@github-actions

Copy link
Copy Markdown

📦 Next.js Bundle Analysis for aave-ui

This analysis was generated by the Next.js Bundle Analysis action. 🤖

⚠️ Global Bundle Size Increased

Page Size (compressed)
global 1.33 MB (🟡 +9.64 KB)
Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

New Pages Added

The following pages were added to the bundle from the code in this PR:

Page Size (compressed) First Load
/dev/components 894 B 1.33 MB
/dev/components/[section] 945 B 1.33 MB

Sixteen Pages Changed Size

The following pages changed size from the code in this PR compared to its base branch:

Page Size (compressed) First Load
/ 96.8 KB (🟡 +876 B) 1.43 MB
/404 2.08 KB (🟢 -774 B) 1.33 MB
/500 2.41 KB (🟢 -773 B) 1.33 MB
/bridge 37.38 KB (🟢 -368 B) 1.37 MB
/dashboard 86.6 KB (🟡 +1.09 KB) 1.42 MB
/faucet 15.14 KB (🟡 +86 B) 1.35 MB
/governance 41.65 KB (🟢 -1.29 KB) 1.37 MB
/governance/ipfs-preview 101.11 KB (🟢 -558 B) 1.43 MB
/governance/v3/proposal 88.13 KB (🟢 -680 B) 1.42 MB
/history 35.66 KB (🟢 -695 B) 1.37 MB
/markets 55.08 KB (🟡 +265 B) 1.39 MB
/reserve-overview 38.39 KB (🟢 -1.47 KB) 1.37 MB
/safety-module 56.06 KB (🟢 -326 B) 1.39 MB
/sgho 91.56 KB (🟢 -1.36 KB) 1.42 MB
/staking 31.52 KB (🟢 -1.96 KB) 1.36 MB
/v3-migration 53.06 KB (🟡 +500 B) 1.38 MB
Details

Only the gzipped size is provided here based on an expert tip.

First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant