feat(playground,studio): Cache Explorer, cache-mode controls, and cache-annotated traces (5/6)

[SkArchon]

Replaces #2946, which was auto-closed as merged when a bad force-push momentarily collapsed the stack branches onto one commit. Same content, same stack position.

Part 3 of 4 — split out from #2777 (jensneuse/entity-caching-v2). Stacked on #2945.

What's included

• playground: Cache Explorer (controller/runner/view/types/utils), cache-mode dropdown injecting X-WG-Disable-Entity-Cache[-L1/-L2] headers via a ref (avoids fetcher re-creation resetting cache stats), cache-annotated trace view, vitest setup + tests
• router/internal/graphiql/graphiql.html: rebuilt router-embedded playground bundle (pnpm build:router output)
• studio: trace view with Load Skipped annotations, fetch waterfall, Cache Explorer port wired into the studio playground page
• pnpm-lock.yaml: playground test deps (vitest, jsdom, testing-library)

🤖 Generated with Claude Code

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 148553c8-ef0f-4680-ba4d-a590748c291c

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codecov]

Codecov Report

❌ Patch coverage is 0.28011% with 2136 lines in your changes missing coverage. Please review.
✅ Project coverage is 46.22%. Comparing base (181ffd7) to head (4d87678).

Files with missing lines	Patch %	Lines
.../src/components/playground/cache-explorer-view.tsx	0.00%	1010 Missing and 1 partial ⚠️
...src/components/playground/cache-explorer-runner.ts	0.00%	335 Missing and 1 partial ⚠️
[...ationSlug]/[namespace]/graph/[slug]/playground.tsx](https://app.codecov.io/gh/wundergraph/cosmo/pull/2953?src=pr&el=tree&filepath=studio%2Fsrc%2Fpages%2F%5BorganizationSlug%5D%2F%5Bnamespace%5D%2Fgraph%2F%5Bslug%5D%2Fplayground.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=wundergraph#diff-c3R1ZGlvL3NyYy9wYWdlcy9bb3JnYW5pemF0aW9uU2x1Z10vW25hbWVzcGFjZV0vZ3JhcGgvW3NsdWddL3BsYXlncm91bmQudHN4)	0.00%	257 Missing ⚠️
.../src/components/playground/cache-explorer-utils.ts	0.43%	229 Missing ⚠️
studio/src/components/playground/view-cache.tsx	0.00%	77 Missing and 1 partial ⚠️
studio/src/components/playground/trace-view.tsx	0.00%	65 Missing ⚠️
...udio/src/components/playground/fetch-waterfall.tsx	0.00%	64 Missing ⚠️
...components/playground/cache-explorer-controller.ts	0.00%	43 Missing and 1 partial ⚠️
studio/src/components/playground/fetch-flow.tsx	0.00%	34 Missing ⚠️
studio/src/components/playground/types.ts	19.04%	17 Missing ⚠️
... and 1 more

Additional details and impacted files

@@                          Coverage Diff                           @@
##           milinda/entity-caching-2b-metrics    #2953       +/-   ##
======================================================================
- Coverage                              57.31%   46.22%   -11.09%     
======================================================================
  Files                                    246     1121      +875     
  Lines                                  27922   158932   +131010     
  Branches                                   0    11122    +11122     
======================================================================
+ Hits                                   16003    73464    +57461     
- Misses                                 10336    83515    +73179     
- Partials                                1583     1953      +370     

Files with missing lines	Coverage Δ
.../src/components/playground/cache-explorer-types.ts	50.00% <50.00%> (ø)
studio/src/components/playground/types.ts	73.01% <19.04%> (ø)
studio/src/components/playground/fetch-flow.tsx	0.00% <0.00%> (ø)
...components/playground/cache-explorer-controller.ts	0.00% <0.00%> (ø)
...udio/src/components/playground/fetch-waterfall.tsx	0.00% <0.00%> (ø)
studio/src/components/playground/trace-view.tsx	0.00% <0.00%> (ø)
studio/src/components/playground/view-cache.tsx	0.00% <0.00%> (ø)
.../src/components/playground/cache-explorer-utils.ts	0.43% <0.43%> (ø)
[...ationSlug]/[namespace]/graph/[slug]/playground.tsx](https://app.codecov.io/gh/wundergraph/cosmo/pull/2953?src=pr&el=tree&filepath=studio%2Fsrc%2Fpages%2F%5BorganizationSlug%5D%2F%5Bnamespace%5D%2Fgraph%2F%5Bslug%5D%2Fplayground.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=wundergraph#diff-c3R1ZGlvL3NyYy9wYWdlcy9bb3JnYW5pemF0aW9uU2x1Z10vW25hbWVzcGFjZV0vZ3JhcGgvW3NsdWddL3BsYXlncm91bmQudHN4)	0.00% <0.00%> (ø)
...src/components/playground/cache-explorer-runner.ts	0.00% <0.00%> (ø)
... and 1 more

... and 868 files with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[github-actions]

Router-nonroot image scan failed

❌ Security vulnerabilities found in image:

ghcr.io/wundergraph/cosmo/router:sha-29630f7a696a6f141f7a5b85dc5d5e8b99006be6-nonroot

Please check the security vulnerabilities found in the PR.

If you believe this is a false positive, please add the vulnerability to the .trivyignore file and re-run the scan.