fix(devtools): allow plugin panel roots to scroll

[superposition]

Fixes #454

Summary

• give plugin panel containers explicit min-width/min-height constraints
• apply the same full-size constraints to direct-mounted plugin roots that already existed for nested plugin content
• add a patch changeset for @tanstack/devtools

Test plan

• CI=true corepack pnpm install --frozen-lockfile
• corepack pnpm --filter @tanstack/devtools-ui build
• corepack pnpm --filter @tanstack/devtools-event-bus build
• corepack pnpm --filter @tanstack/devtools-event-client build
• corepack pnpm --filter @tanstack/devtools-client build
• corepack pnpm --filter @tanstack/devtools test:eslint
• corepack pnpm --filter @tanstack/devtools test:lib -- --run
• corepack pnpm --filter @tanstack/devtools test:types
• corepack pnpm --filter @tanstack/devtools build
• corepack pnpm test:knip
• corepack pnpm test:sherif
• corepack pnpm exec prettier --check packages/devtools/src/styles/use-styles.ts .changeset/router-plugin-scroll.md
• git diff --check

Summary by CodeRabbit

• Bug Fixes
  • Fixed layout and scrolling behavior for embedded plugin panels
  • Improved sizing constraints to prevent content overflow in plugin panel displays

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 801450ed-9e67-41d7-8ea4-8a67adfa9e8d

📥 Commits

Reviewing files that changed from the base of the PR and between cf89dcd and 70bb2b8.

📒 Files selected for processing (2)

• .changeset/router-plugin-scroll.md
• packages/devtools/src/styles/use-styles.ts

---

📝 Walkthrough

Walkthrough

This PR fixes embedded TanStack Router DevTools scroll overflow by updating CSS constraints on the plugin panel container. The pluginsTabContent styling now uses min-width: 0/min-height: 0 to reset default flex shrinking constraints and applies width/height expansion rules to descendants, allowing proper scrolling of overflowing content. A patch changeset documents this behavior change.

Changes

Embedded Plugin Panel Scrolling

Layer / File(s)	Summary
Plugin panel scrolling layout constraints packages/devtools/src/styles/use-styles.ts, .changeset/router-plugin-scroll.md	CSS rules updated to enforce min-width: 0 and min-height: 0 on the container, apply full-width/height expansion to nested children via & > * and & > * > * selectors, and prevent overflow-related layout issues. Patch changeset documents the embedded scrolling behavior for directly mounted plugin panels.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

🐰 The scrolls now spin with graceful ease,
Plugin panels dance and please,
No more content locked away,
Full height blooms in bright array! 🎨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly describes the main change: allowing plugin panel roots to scroll, which directly addresses the linked issue about Router DevTools not being scrollable when embedded.
Description check	✅ Passed	The PR description covers the main changes and provides a comprehensive test plan, though it deviates from the template structure by using a custom format instead of the suggested 'Changes' and 'Checklist' sections.
Linked Issues check	✅ Passed	The code changes directly address issue #454 by adding min-width/min-height constraints and full-size constraints to plugin panel containers, enabling scrolling for embedded plugin content.
Out of Scope Changes check	✅ Passed	All changes are within scope: the changeset documents the fix, and the style updates target the specific plugin panel container issue described in #454 without introducing unrelated modifications.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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