Skip to content

[WIP] v3 uplift - #3075

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

[WIP] v3 uplift#3075
abjt14 wants to merge 69 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
- Move the search bar out of the "Assets to stake" card into a filter row
  above it (search left; In Wallet toggle + All Categories right, 2.5rem gap),
  and drop the card title. Applies to both connected and disconnected states.
- Add an "In Wallet" filter (raw underlying wallet balance) and reuse
  AssetCategoryMultiSelect for category filtering on the staking page.
- Restyle AssetCategoryMultiSelect from a hand-rolled Popover to a themed MUI
  Menu: checkbox-left rows with left-aligned labels, right-aligned, no
  header/reset (inherits the shared MuiMenu surface).
- Checkbox resting border now uses the subtler border-0 token.
- Extract a shared matchesSelectedCategories predicate to de-dup the filter.
@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.34 MB (🟡 +12.89 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 960 B 1.34 MB
/dev/components/[section] 1.16 KB 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
/ 90.83 KB (🟢 -5.14 KB) 1.42 MB
/404 2.08 KB (🟢 -774 B) 1.34 MB
/500 2.41 KB (🟢 -774 B) 1.34 MB
/bridge 37.06 KB (🟢 -696 B) 1.37 MB
/dashboard 80.82 KB (🟢 -4.73 KB) 1.41 MB
/faucet 10.71 KB (🟢 -4.34 KB) 1.35 MB
/governance 41.27 KB (🟢 -1.67 KB) 1.38 MB
/governance/ipfs-preview 100.67 KB (🟢 -1007 B) 1.43 MB
/governance/v3/proposal 86.53 KB (🟢 -2.27 KB) 1.42 MB
/history 31.65 KB (🟢 -4.68 KB) 1.37 MB
/markets 53.42 KB (🟢 -1.43 KB) 1.39 MB
/reserve-overview 35.99 KB (🟢 -3.87 KB) 1.37 MB
/safety-module 54.25 KB (🟢 -2.16 KB) 1.39 MB
/sgho 90.97 KB (🟢 -1.99 KB) 1.42 MB
/staking 30.46 KB (🟢 -3.03 KB) 1.36 MB
/v3-migration 48.25 KB (🟢 -4.36 KB) 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.

- The tooltip-based column headers (APY, Staked Underlying, Shares) rendered
  via TextWithTooltip at the default `description` variant (14px/400), while the
  plain headers used ListHeaderTitle's `subheader2` (12px/500). Make the three
  tooltip helpers accept an optional `variant` and pass `subheader2` from the
  desktop header so every column matches the standard table-header style. The
  default is unchanged, so their mobile Row-caption usage stays `description`.
- Round the sticky ListHeaderWrapper's top corners (inherit) so they follow the
  card radius now that the header sits at the top edge of the headerless card.
@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.34 MB (🟡 +12.89 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 960 B 1.34 MB
/dev/components/[section] 1.16 KB 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
/ 90.85 KB (🟢 -5.12 KB) 1.42 MB
/404 2.08 KB (🟢 -774 B) 1.34 MB
/500 2.41 KB (🟢 -774 B) 1.34 MB
/bridge 37.08 KB (🟢 -671 B) 1.37 MB
/dashboard 80.84 KB (🟢 -4.71 KB) 1.41 MB
/faucet 10.74 KB (🟢 -4.32 KB) 1.35 MB
/governance 41.27 KB (🟢 -1.67 KB) 1.38 MB
/governance/ipfs-preview 100.67 KB (🟢 -1007 B) 1.43 MB
/governance/v3/proposal 86.53 KB (🟢 -2.27 KB) 1.42 MB
/history 31.65 KB (🟢 -4.68 KB) 1.37 MB
/markets 53.44 KB (🟢 -1.41 KB) 1.39 MB
/reserve-overview 35.99 KB (🟢 -3.87 KB) 1.37 MB
/safety-module 54.25 KB (🟢 -2.16 KB) 1.39 MB
/sgho 90.97 KB (🟢 -1.99 KB) 1.42 MB
/staking 30.49 KB (🟢 -3 KB) 1.36 MB
/v3-migration 48.27 KB (🟢 -4.34 KB) 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.

- Add a bg-7 token (light #ebebeb / dark #3f3e3e).
- MuiSwitch track now uses bg-7 instead of fg-3 for the unchecked (off) state,
  a subtler neutral that reads better against the card surfaces.
@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.34 MB (🟡 +12.9 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 960 B 1.34 MB
/dev/components/[section] 1.16 KB 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
/ 90.85 KB (🟢 -5.12 KB) 1.42 MB
/404 2.08 KB (🟢 -774 B) 1.34 MB
/500 2.41 KB (🟢 -774 B) 1.34 MB
/bridge 37.08 KB (🟢 -671 B) 1.37 MB
/dashboard 80.84 KB (🟢 -4.71 KB) 1.41 MB
/faucet 10.74 KB (🟢 -4.32 KB) 1.35 MB
/governance 41.27 KB (🟢 -1.67 KB) 1.38 MB
/governance/ipfs-preview 100.67 KB (🟢 -1007 B) 1.43 MB
/governance/v3/proposal 86.53 KB (🟢 -2.27 KB) 1.42 MB
/history 31.65 KB (🟢 -4.68 KB) 1.37 MB
/markets 53.44 KB (🟢 -1.41 KB) 1.39 MB
/reserve-overview 35.99 KB (🟢 -3.87 KB) 1.37 MB
/safety-module 54.25 KB (🟢 -2.16 KB) 1.39 MB
/sgho 90.97 KB (🟢 -1.99 KB) 1.42 MB
/staking 30.49 KB (🟢 -3 KB) 1.36 MB
/v3-migration 48.27 KB (🟢 -4.34 KB) 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.

abjt14 added 2 commits July 30, 2026 12:09
Bring back the three small icon controls the header rework had dropped, restyled
as bg-max surface buttons (the shared shadow-low-border-2 ring):
- Token contracts (TokenLinkDropdown) + Add-to-wallet (AddTokenDropdown) beside
  the token name; oracle-contract link beside the oracle price.
- New shared ReserveHeaderIconButton (1.75rem name / 1.25rem oracle) and a
  currentColor WalletOutlineIcon; the arrows reuse the existing ArrowUpRightIcon.
- Take the hidden add-to-wallet base64 generators out of the flex row so they
  don't inflate the gap between the buttons.
- Delete the now-orphaned CircleIcon (both former consumers migrated).
Shift each header responsive step up one breakpoint so the nav compacts at wider
viewports:
- hamburger switch: md (960) -> mdlg (1125)
- Swap/Bridge text-to-icon collapse: mdlg (1125) -> lg (1280)
Also moves the pinned-header (hide-on-scroll) and the settings switch-track
styling boundaries to mdlg to keep "mobile mode" coherent. Vars renamed to match
their breakpoint (md->mdlg, smd->lg).
@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.34 MB (🟡 +13.17 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 960 B 1.34 MB
/dev/components/[section] 1.16 KB 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
/ 90.89 KB (🟢 -5.13 KB) 1.42 MB
/404 2.08 KB (🟢 -774 B) 1.34 MB
/500 2.41 KB (🟢 -774 B) 1.34 MB
/bridge 37.08 KB (🟢 -671 B) 1.37 MB
/dashboard 80.87 KB (🟢 -4.71 KB) 1.41 MB
/faucet 10.74 KB (🟢 -4.32 KB) 1.35 MB
/governance 41.27 KB (🟢 -1.67 KB) 1.38 MB
/governance/ipfs-preview 100.67 KB (🟢 -1007 B) 1.43 MB
/governance/v3/proposal 86.53 KB (🟢 -2.27 KB) 1.42 MB
/history 31.65 KB (🟢 -4.68 KB) 1.37 MB
/markets 53.48 KB (🟢 -1.41 KB) 1.39 MB
/reserve-overview 37.97 KB (🟢 -1.89 KB) 1.37 MB
/safety-module 54.29 KB (🟢 -2.16 KB) 1.39 MB
/sgho 91 KB (🟢 -1.99 KB) 1.42 MB
/staking 30.49 KB (🟢 -3 KB) 1.37 MB
/v3-migration 48.3 KB (🟢 -4.34 KB) 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.

@github-actions

Copy link
Copy Markdown

abjt14 added 2 commits July 30, 2026 14:12
Split the incentives cell into two rows: the protocol/merit/merkl reward icon
now sits to the left of the APY % it contributes to (0.38rem gap), and the
points programs (Ethena / Ether.fi / Sonic) render on a second row beneath as
[brand icon] [multiplier], dropping the old bordered box. Multiplier text is
fg-3 / 0.875rem; the points row collapses when no program applies.
New /dev/components/icons section inventorying every icon in the project: the
project icon components, heroicons (outline + solid), @mui/icons-material, the
bespoke incentives/footer marks, and every public/icons SVG asset (lazy-loaded
<img>). Group counts derive from the list length.
@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.47 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 1005 B 1.34 MB
/dev/components/[section] 1.23 KB 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
/ 91.54 KB (🟢 -4.47 KB) 1.42 MB
/404 2.08 KB (🟢 -776 B) 1.34 MB
/500 2.41 KB (🟢 -775 B) 1.34 MB
/bridge 36.69 KB (🟢 -1.04 KB) 1.37 MB
/dashboard 81.49 KB (🟢 -4.09 KB) 1.41 MB
/faucet 9.89 KB (🟢 -5.16 KB) 1.34 MB
/governance 41.26 KB (🟢 -1.68 KB) 1.37 MB
/governance/ipfs-preview 100.79 KB (🟢 -892 B) 1.43 MB
/governance/v3/proposal 86.66 KB (🟢 -2.13 KB) 1.42 MB
/history 31 KB (🟢 -5.34 KB) 1.36 MB
/markets 53.14 KB (🟢 -1.75 KB) 1.39 MB
/reserve-overview 38.57 KB (🟢 -1.28 KB) 1.37 MB
/safety-module 54.95 KB (🟢 -1.5 KB) 1.39 MB
/sgho 91.28 KB (🟢 -1.71 KB) 1.42 MB
/staking 30.47 KB (🟢 -3.01 KB) 1.36 MB
/v3-migration 47.55 KB (🟢 -5.09 KB) 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.

- checkbox/radio: lift unchecked fill to bgp-2 (#18181B) in dark mode
- tokens: add bgp-4 (tooltip surface) and bgp-5 (icon-button hover)
- tooltip: solid bgp-4 surface + 0.88rem padding (drop inert backdrop blur)
- lists: uppercase all sortable column headers
- reserve-overview: icon-button hover tints background (bgp-5), not icon color
- search input: 3px fg-3 focus-within outline held 2px off the border
- dashboard: Available-rewards Claim button -> outlined variant
@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.48 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 1005 B 1.34 MB
/dev/components/[section] 1.23 KB 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
/ 91.59 KB (🟢 -4.42 KB) 1.42 MB
/404 2.08 KB (🟢 -776 B) 1.34 MB
/500 2.41 KB (🟢 -775 B) 1.34 MB
/bridge 36.71 KB (🟢 -1.03 KB) 1.37 MB
/dashboard 81.5 KB (🟢 -4.08 KB) 1.41 MB
/faucet 9.91 KB (🟢 -5.15 KB) 1.34 MB
/governance 41.3 KB (🟢 -1.65 KB) 1.37 MB
/governance/ipfs-preview 100.79 KB (🟢 -892 B) 1.43 MB
/governance/v3/proposal 86.66 KB (🟢 -2.13 KB) 1.42 MB
/history 31.04 KB (🟢 -5.3 KB) 1.36 MB
/markets 53.18 KB (🟢 -1.71 KB) 1.39 MB
/reserve-overview 38.58 KB (🟢 -1.28 KB) 1.37 MB
/safety-module 54.95 KB (🟢 -1.5 KB) 1.39 MB
/sgho 91.28 KB (🟢 -1.71 KB) 1.42 MB
/staking 30.52 KB (🟢 -2.97 KB) 1.36 MB
/v3-migration 47.56 KB (🟢 -5.08 KB) 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.

- incentives icon (IncentivesIcon): 16px -> 0.875rem, matching the points/rewards icon
- APY cell: nest the two rows in a left-aligned inner column so the top-row
  incentives icon and the bottom-row points icon sit parallel on the same left edge
@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.48 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 1005 B 1.34 MB
/dev/components/[section] 1.23 KB 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
/ 91.6 KB (🟢 -4.41 KB) 1.42 MB
/404 2.08 KB (🟢 -776 B) 1.34 MB
/500 2.41 KB (🟢 -775 B) 1.34 MB
/bridge 36.71 KB (🟢 -1.03 KB) 1.37 MB
/dashboard 81.51 KB (🟢 -4.07 KB) 1.41 MB
/faucet 9.91 KB (🟢 -5.15 KB) 1.34 MB
/governance 41.3 KB (🟢 -1.65 KB) 1.37 MB
/governance/ipfs-preview 100.79 KB (🟢 -892 B) 1.43 MB
/governance/v3/proposal 86.66 KB (🟢 -2.13 KB) 1.42 MB
/history 31.04 KB (🟢 -5.3 KB) 1.36 MB
/markets 53.19 KB (🟢 -1.7 KB) 1.39 MB
/reserve-overview 38.58 KB (🟢 -1.28 KB) 1.37 MB
/safety-module 54.95 KB (🟢 -1.5 KB) 1.39 MB
/sgho 91.28 KB (🟢 -1.71 KB) 1.42 MB
/staking 30.52 KB (🟢 -2.97 KB) 1.36 MB
/v3-migration 47.58 KB (🟢 -5.06 KB) 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