Conversation
…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.
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.34 MB (🟡 +15.23 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 |
1004 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.83 KB (🟢 -4.18 KB) |
1.43 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.77 KB (🟢 -3.81 KB) |
1.42 MB |
/faucet |
9.91 KB (🟢 -5.15 KB) |
1.35 MB |
/governance |
41.4 KB (🟢 -1.54 KB) |
1.38 MB |
/governance/ipfs-preview |
100.04 KB (🟢 -1.62 KB) |
1.44 MB |
/governance/v3/proposal |
85.92 KB (🟢 -2.88 KB) |
1.42 MB |
/history |
30.97 KB (🟢 -5.36 KB) |
1.37 MB |
/markets |
53.36 KB (🟢 -1.53 KB) |
1.39 MB |
/reserve-overview |
38.83 KB (🟢 -1.03 KB) |
1.38 MB |
/safety-module |
54.97 KB (🟢 -1.48 KB) |
1.39 MB |
/sgho |
91.19 KB (🟢 -1.8 KB) |
1.43 MB |
/staking |
30.63 KB (🟢 -2.86 KB) |
1.37 MB |
/v3-migration |
47.67 KB (🟢 -4.97 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 1rem gap under the proposal state badge (ProposalsV3List). VoteBar: separate the label/value row from the bar - 1rem on mobile, 0.25rem on desktop.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.34 MB (🟡 +15.23 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 |
1004 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.83 KB (🟢 -4.18 KB) |
1.43 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.77 KB (🟢 -3.81 KB) |
1.42 MB |
/faucet |
9.91 KB (🟢 -5.15 KB) |
1.35 MB |
/governance |
41.42 KB (🟢 -1.52 KB) |
1.38 MB |
/governance/ipfs-preview |
100.04 KB (🟢 -1.62 KB) |
1.44 MB |
/governance/v3/proposal |
85.93 KB (🟢 -2.86 KB) |
1.42 MB |
/history |
30.97 KB (🟢 -5.36 KB) |
1.37 MB |
/markets |
53.36 KB (🟢 -1.53 KB) |
1.39 MB |
/reserve-overview |
38.83 KB (🟢 -1.03 KB) |
1.38 MB |
/safety-module |
54.97 KB (🟢 -1.48 KB) |
1.39 MB |
/sgho |
91.19 KB (🟢 -1.8 KB) |
1.43 MB |
/staking |
30.63 KB (🟢 -2.86 KB) |
1.37 MB |
/v3-migration |
47.67 KB (🟢 -4.97 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.
MuiAlert: normal icon-box radius 0.5rem -> 0.75rem; add a data-size="small" variant (2rem icon box, 0.8rem icon, 0.75rem/135% text); lift the dark-mode severity gradient tint 3% -> 5% over bgp-2. Dev showcase: add a small-size alert specimen.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.34 MB (🟡 +15.33 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 |
1004 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.83 KB (🟢 -4.18 KB) |
1.43 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.77 KB (🟢 -3.81 KB) |
1.42 MB |
/faucet |
9.91 KB (🟢 -5.15 KB) |
1.35 MB |
/governance |
41.42 KB (🟢 -1.52 KB) |
1.38 MB |
/governance/ipfs-preview |
100.04 KB (🟢 -1.62 KB) |
1.44 MB |
/governance/v3/proposal |
85.93 KB (🟢 -2.86 KB) |
1.42 MB |
/history |
30.97 KB (🟢 -5.36 KB) |
1.37 MB |
/markets |
53.36 KB (🟢 -1.53 KB) |
1.39 MB |
/reserve-overview |
38.83 KB (🟢 -1.03 KB) |
1.38 MB |
/safety-module |
54.97 KB (🟢 -1.48 KB) |
1.39 MB |
/sgho |
91.19 KB (🟢 -1.8 KB) |
1.43 MB |
/staking |
30.63 KB (🟢 -2.86 KB) |
1.37 MB |
/v3-migration |
47.67 KB (🟢 -4.97 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.
Make every <Alert> use one consistent, theme-driven style:
- always show the severity icon (no more icon={false}); compact/inline alerts
use a small variant (data-size=small), history status chips use small-icon.
- text and title inherit the theme's alert styling: drop per-site <Typography>
wrappers, hardcoded colours (#4F1919) and centering sx.
- titles use a themed <AlertTitle> (body text, one weight step up to 500).
- inline links/buttons inherit the alert text + underline via the theme.
Adds MuiAlertTitle + small/small-icon variants and link/button inherit to theme.
A temporary /dev/components/alerts gallery reproducing every in-app <Alert> usage with mock data, used to review the alert styling-cleanup pattern in one place. Remove this section + its registry entry once the review is signed off.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.34 MB (🟡 +15.41 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 |
1.03 KB |
1.34 MB |
/dev/components/[section] |
1.28 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.8 KB (🟢 -4.21 KB) |
1.43 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.75 KB (🟢 -3.84 KB) |
1.42 MB |
/faucet |
9.91 KB (🟢 -5.15 KB) |
1.35 MB |
/governance |
41.42 KB (🟢 -1.52 KB) |
1.38 MB |
/governance/ipfs-preview |
100.04 KB (🟢 -1.62 KB) |
1.44 MB |
/governance/v3/proposal |
86.25 KB (🟢 -2.54 KB) |
1.42 MB |
/history |
30.93 KB (🟢 -5.41 KB) |
1.37 MB |
/markets |
53.36 KB (🟢 -1.53 KB) |
1.39 MB |
/reserve-overview |
38.81 KB (🟢 -1.04 KB) |
1.38 MB |
/safety-module |
54.97 KB (🟢 -1.48 KB) |
1.39 MB |
/sgho |
91.19 KB (🟢 -1.8 KB) |
1.43 MB |
/staking |
30.62 KB (🟢 -2.86 KB) |
1.37 MB |
/v3-migration |
47.78 KB (🟢 -4.86 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.
Set the finalized v3 neutral values for bg-max..bg-7 and fg-max..fg-5, and delete the bgp-*/fgp-* family. All 13 consumers are repointed to the same-index token; each retired token's dark value was already its replacement's new dark value, so dark is unchanged. Repoint the five white control surfaces off bg-max, now #f0f0f0 in light: outlined buttons and Select triggers to bg-4; text inputs, checkbox/radio and the reserve icon circle to bg-3; the toggle active pill to bg-3. bg-max now has no consumers. Standardise table headers on fg-3 — via ListHeaderTitle, seven hand-rolled header cells, and a new MuiTableCell.head override, since MUI defaults head cells to text.primary (fg-1, which is now pure black in light). Add bg-4-hover as a per-mode token so the outlined-button and Select hover fills resolve to the nearest color scheme rather than leaking across a nested scheme boundary. This follows the fg-max-hover precedent. Share the fill recipe between the pill and the Select so the two cannot drift, and write the alert severity gradient once instead of twice. Print both modes' hex values on /dev/components/colors so tokens can be checked against Figma without toggling the theme.
Collects every visual change the neutral-ramp token update is expected to cause, at /dev/components/color-regressions, so each can be signed off rather than discovered in the app later. Grouped into the token value diff, the repointed control surfaces, the hover ladders, the ink changes, the dark surface ramp, and the p-token repoints that should be pixel-identical. Each case names the token movement that caused it, the mode it is visible in, and what to look at. Renders the real components (including ListHeaderTitle and ReserveHeaderIconButton) so a case tracks the code it signs off, and composes the showcase's Specimen so the frames match every other section. Separate commit so it is a clean revert once the ramp is signed off.
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.34 MB (🟡 +15.38 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 |
1.08 KB |
1.34 MB |
/dev/components/[section] |
1.32 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.8 KB (🟢 -4.21 KB) |
1.43 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.74 KB (🟢 -3.84 KB) |
1.42 MB |
/faucet |
9.91 KB (🟢 -5.15 KB) |
1.35 MB |
/governance |
41.41 KB (🟢 -1.53 KB) |
1.38 MB |
/governance/ipfs-preview |
100.04 KB (🟢 -1.62 KB) |
1.44 MB |
/governance/v3/proposal |
86.25 KB (🟢 -2.54 KB) |
1.42 MB |
/history |
30.93 KB (🟢 -5.41 KB) |
1.37 MB |
/markets |
53.35 KB (🟢 -1.54 KB) |
1.39 MB |
/reserve-overview |
38.69 KB (🟢 -1.17 KB) |
1.38 MB |
/safety-module |
54.97 KB (🟢 -1.48 KB) |
1.39 MB |
/sgho |
91.19 KB (🟢 -1.8 KB) |
1.43 MB |
/staking |
30.62 KB (🟢 -2.87 KB) |
1.37 MB |
/v3-migration |
47.78 KB (🟢 -4.86 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.
|
Swap the 3-dot dropdown's icons for on-theme ones: the Swap row now uses the custom SwapIcon the app header and mobile menu already use, and Details moves from a solid heroicon eye to the outline InformationCircleIcon that TextWithTooltip, IsolatedBadge and AppHeader use for info affordances. Give a menu row's leading icon the same two-tone relationship a button has — fg-3 icon against fg-1 text, matching secondaryPillStyle's start-icon rule. It lives on MuiMenuItem so future menus inherit it, scoped to a DIRECT SvgIcon child so it only catches currentColor UI icons; TokenIcon and MarketLogo are img-based and unaffected.
The container capped maxWidth at 1280px from lg up, then raised its padding 20px to 96px at xl (1575px). Padding inside a capped box takes width from the content instead of adding outer gutter, so crossing 1575px cost 152px of content (1240px to 1088px) and it stayed lost until 1800px — a 225px dead zone where a wider window gave less content than it did at 1279px. Dropped the xl step: from lg up the box is already centred, so margin auto widens the visual gutter on its own (167px a side at 1575px, 280px at 1799px). Markets overrides the container and had the same bug one breakpoint over: an uncapped xl let content reach 1607px at 1799px, which then dropped to 1440px at 1800px. Capped xl at 1632px — the 1440px content ceiling plus its 2x96px gutter — so it grows to 1440px and holds, meeting xxl exactly. Both ladders verified monotonic across 300-2600px. The padding-step dips at 640, 760 and 960 are left alone: the viewport outgrows each within 23px, 55px and 95px, unlike the capped-box case which never recovered.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.34 MB (🟡 +15.37 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 |
1.08 KB |
1.34 MB |
/dev/components/[section] |
1.32 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.69 KB (🟢 -4.32 KB) |
1.43 MB |
/404 |
2.08 KB (🟢 -776 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -775 B) |
1.34 MB |
/bridge |
37.07 KB (🟢 -682 B) |
1.37 MB |
/dashboard |
81.63 KB (🟢 -3.95 KB) |
1.42 MB |
/faucet |
10.72 KB (🟢 -4.34 KB) |
1.35 MB |
/governance |
41.41 KB (🟢 -1.53 KB) |
1.38 MB |
/governance/ipfs-preview |
100.04 KB (🟢 -1.62 KB) |
1.44 MB |
/governance/v3/proposal |
86.25 KB (🟢 -2.54 KB) |
1.42 MB |
/history |
31.64 KB (🟢 -4.7 KB) |
1.37 MB |
/markets |
54.13 KB (🟢 -778 B) |
1.39 MB |
/reserve-overview |
38.69 KB (🟢 -1.17 KB) |
1.38 MB |
/safety-module |
54.27 KB (🟢 -2.18 KB) |
1.39 MB |
/sgho |
91.19 KB (🟢 -1.8 KB) |
1.43 MB |
/staking |
30.64 KB (🟢 -2.85 KB) |
1.37 MB |
/v3-migration |
48.51 KB (🟢 -4.13 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.
…t pages Both showcase sections were explicitly marked TEMPORARY at introduction (a9b9bea, c84f529) with instructions to delete once their respective cleanups landed. Removes 1,745 lines across both folders plus their two registry entries. The 'Temporary' sidebar group disappears on its own — SHOWCASE_GROUPS is derived from SHOWCASE_SECTIONS. formatColor in tokenHex.ts loses its only external consumer, so it is now module-local.
The showcase was gated only by client-side NODE_ENV checks. Since next build sets NODE_ENV=production, the route existed and was fetchable on every deployed build — including Vercel previews, where it rendered blank — while all ~29 showcase modules still shipped in the production bundle. Unusable where it was wanted, shipped where it wasn't. Gates it via pageExtensions instead, the same build-time mechanism already used for the *.governance.tsx pages (PR #379, 'feat: conditional build'). Renaming the pages to *.dev.tsx means Next never sees them unless that extension is registered: no route, no chunk, a real 404 rather than a blank page. The now-redundant NODE_ENV guards are removed — they would have kept the page blank on preview. VERCEL_ENV is Vercel's documented system variable for per-environment behaviour, so previews work with no dashboard setup. The VERCEL_ENV !== 'production' veto is deliberate: without it the gate is purely additive, and NEXT_PUBLIC_ENABLE_DEV_PAGES=true left scoped to all environments would leak the showcase into production.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.34 MB (🟡 +13.07 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!
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.53 KB (🟢 -4.48 KB) |
1.42 MB |
/404 |
2.08 KB (🟢 -776 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -774 B) |
1.34 MB |
/bridge |
36.68 KB (🟢 -1.06 KB) |
1.37 MB |
/dashboard |
80.93 KB (🟢 -4.66 KB) |
1.41 MB |
/faucet |
9.93 KB (🟢 -5.12 KB) |
1.34 MB |
/governance |
42.19 KB (🟢 -770 B) |
1.38 MB |
/governance/ipfs-preview |
100.03 KB (🟢 -1.62 KB) |
1.43 MB |
/governance/v3/proposal |
86.01 KB (🟢 -2.78 KB) |
1.42 MB |
/history |
31.54 KB (🟢 -4.8 KB) |
1.37 MB |
/markets |
54.07 KB (🟢 -835 B) |
1.39 MB |
/reserve-overview |
38.4 KB (🟢 -1.46 KB) |
1.37 MB |
/safety-module |
54.78 KB (🟢 -1.66 KB) |
1.39 MB |
/sgho |
91.65 KB (🟢 -1.34 KB) |
1.42 MB |
/staking |
30.71 KB (🟢 -2.77 KB) |
1.37 MB |
/v3-migration |
47.76 KB (🟢 -4.88 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.
1 participant
No description provided.