refactor: Organize team page with tabs and refactor into separate components

[teeohhem]

Summary

Refactors team page into various components. Adds tabbed interface to keep things organized.

Screenshots or video

How to test locally or on Vercel

Needs to be tested locally. Navigate to the team page.

References

N/A

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
hyperdx-oss	Ready	Preview, Comment	Mar 10, 2026 9:05pm

[changeset-bot]

⚠️ No Changeset found

Latest commit: 5288391

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

E2E Test Results

✅ All tests passed • 88 passed • 3 skipped • 925s

Status	Count
✅ Passed	88
❌ Failed	0
⚠️ Flaky	1
⏭️ Skipped	3

Tests ran across 4 shards in parallel.

View full report →

[github-actions]

PR Review

Clean refactoring — extracts monolithic TeamPage into well-scoped components with tab navigation. No new critical bugs or security regressions introduced. The hasAdminAccess = true pattern already existed in main and is pre-existing technical debt.

Minor issues worth noting:

• ⚠️ useEffect redirects to ?tab=data on every fresh page load (no tab param) → adds an extra history entry on initial visit, which can feel like an extra back-button press. Consider only replacing the URL if a tab was already present, or use router.replace only when explicitly needed.

• ⚠️ [activeTab, router] in both handleTabChange deps and useEffect deps — the full router object reference can change on every render. Consider using [activeTab, router.pathname, router.replace] to avoid unnecessary re-renders.

• ℹ️ scrollbarGutter: 'stable' in layout.tsx requires Safari 16.4+ — will silently degrade on older Safari (minor, no functional regression).

✅ All tab navigation, component extraction, and E2E test updates look correct. No functional regressions detected.