Web bundle report — WP2-16 (2026-09-18)

Scope: apps/web client JS per route. Baseline = working tree at eae5170 before this slice; after = same tree + the WP2-16 edits below. Both builds are next build (Turbopack), measured the same way.

How it was measured

Turbopack's next build prints no size table (Next 16.3 only lists routes

• revalidate/expire), and next build --webpack currently fails on a pre‑existing import (src/lib/device-code.ts → node:crypto reaches the client component app/activate/activate-client.tsx; see hotspots). So sizes are read from the build artefacts instead, which is bundler‑independent:

First Load JS(route) = Σ unique client .js chunks in
    .next/build-manifest.json (rootMainFiles + polyfills)
  ∪ .next/server/app/<route>/page_client-reference-manifest.js → entryJSFiles
Shared = chunks present on every route.

Sizes are uncompressed bytes on disk (Turbopack emits unminified module names but minified code; brotli on the wire is ~4–5× smaller). Scripts: .copilot-tmp/wp216-measure.mjs, wp216-diff.mjs, wp216-attrib.mjs; baseline recipe .copilot-tmp/wp216-baseline2.ps1 (git worktree + robocopy of the live tree with only WP2‑16 files reverted, turbopack.root widened so the node_modules junctions resolve).

Verification: baseline build exit 0 (137 route entries), after build exit 0 (.copilot-tmp/build-logs/20260918-132049-pnpm-filter-music-organizer-build.log), tsc --noEmit 0, lint-baseline check 0, vitest 355/356 (1 known url-guard failure, pre-existing).

Top 15 routes — before → after

Sum over all 68 page routes: 195.0 MB → 161.7 MB (−17.1%). No route regressed by more than 1 kB.

"Shared by all" is unchanged at 541 kB because it is the Next/React runtime + polyfills + the root entry chunk; the ~488 kB that every route lost lives in the root layout entry, which the shared metric does not include (it is per-entry, not per-chunk-intersection). That layout entry went from ≈2.04 MB to ≈1.55 MB.

Shared chunks (unchanged)

What was lazy-loaded (next/dynamic, ssr: false, @mmo/ui Skeleton fallback)

Already dynamic before this slice (no change): dashboard-charts (recharts on /), VisualizationCanvas, MixerView, yjs-provider, hls.js inside video/player.tsx (await import).

force-dynamic audit

cacheComponents is off in next.config.ts (explicitly deferred there), so "use cache" is not available; caching goes through revalidate / Data Cache instead.

Removed (13) — the declaration was redundant; the route stays dynamic because of something it genuinely does, but Next now decides that from the code instead of a blanket flag:

• settings/{appearance,daw,live,mixer,sound-editor,notifications} — no per‑user server data at all (panels read client-side state); the only request‑bound call is getTranslations() (locale cookie).
• analysis, download, editor, mixer, remote, daw, live — the only server work is the auth() gate (session cookie); all data is fetched client-side.

Kept (all others, ~35) — they read per-user server data on the server: auth() and DB/action reads (library*, watch/*, playlists, profiles, profile, scanner, plugins, recordings, music, training, generate, voice-wizard, drives, devices, settings/{account,advanced,companions,devices,library,music,security,video}, watch/settings, pair, activate, status (health snapshot, revalidate=0)). The force-dynamic there is belt-and-braces but harmless; removing it changes nothing measurable, so it was left.

/get — was dynamic only because it called headers() to build its own origin for the manifest fetch, which also disabled the Data Cache for that fetch. Now uses AUTH_URL (fallback https://mixai.ro) and export const revalidate = 300. The manifest fetch is cached 5 min. The HTML is still ƒ because the root layout calls getLocale() (cookie) — see hotspot 4.

optimizePackageImports: added @mmo/ui and motion. lucide-react, date-fns and recharts are already in Next 16's built‑in default list (next/dist/server/config.js) so listing them is documentation only; they are included so the intent is visible. No measurable change from this on its own (Turbopack tree-shakes these barrels already); kept because it is free.

Remaining hotspots and suggested next actions

Attribution of the root layout entry after this slice (1553 kB, 28 chunks; wp216-attrib.mjs):

Not done in this slice on purpose: the root-layout locale change (#4) and the device-code.ts split (#6) touch files outside the WP2‑16 ownership (i18n/request.ts, proxy.ts, lib/), and cacheComponents: true remains deferred per the note in next.config.ts.