Ruslan Lesiutin d45db667d4 feat: static Components panel layout (#33696) ...

## Summary

Follow-up to https://github.com/facebook/react/pull/33517.

With https://github.com/facebook/react/pull/33517, we now preserve at
least some minimal indent. This actually doesn't work with the current
setup, because we don't allow the container to overflow, so basically
deeply nested elements will go off the screen.

With these changes, we completely change the approach:
- The layout will be static and it will have a constant indentation that
will always be preserved.
- The container will allow overflows, so users will be able to scroll
horizontally and vertically.
- We will implement automatic horizontal and vertical scrolls, if
selected element is not in a viewport.
- New: added vertical delimiter that can be used for simpler visual
navigation.

## Demo
### Current public release

https://github.com/user-attachments/assets/58645d42-c6b8-408b-b76f-95fb272f2e1e

### With https://github.com/facebook/react/pull/33517 

https://github.com/user-attachments/assets/845285c8-5a01-4739-bcd7-ffc089e771bf

### This PR

https://github.com/user-attachments/assets/72086b84-8d84-4626-94b3-e22e114e028e

2025-07-04 12:29:19 +01:00

..

Components

feat: static Components panel layout (#33696)

2025-07-04 12:29:19 +01:00

ErrorBoundary

[DevTools][BE] move shared types & constants to consolidated locations (#26572)

2023-04-10 17:07:05 -04:00

Profiler

[DevTools] feat: show changed hooks names in the Profiler tab (#31398)

2025-04-15 11:10:00 +01:00

Settings

refactor[devtools]: update css for settings and support css variables in shadow dom scnenario (#33487)

2025-06-09 18:25:19 +01:00

Button.css

[DevTools] Resign Timeline Profiler Sidebar (#24816)

2022-06-29 17:54:06 -07:00

Button.js

[flow] make Flow suppressions explicit on the error (#26487)

2023-03-27 13:43:04 +02:00

ButtonIcon.css

…

ButtonIcon.js

[Codemod] Update copyright header to Meta (#25315)

2022-10-18 11:19:24 -04:00

context.js

Upgrade prettier (#26081)

2023-01-31 08:25:05 -05:00

DevTools.css

…

DevTools.js

[DevTools] feat: show changed hooks names in the Profiler tab (#31398)

2025-04-15 11:10:00 +01:00

hooks.js

[DevTools] Use Unicode Atom Symbol instead of Atom Emoji (#30832)

2024-09-10 00:09:42 -04:00

Icon.css

…

Icon.js

[Codemod] Update copyright header to Meta (#25315)

2022-10-18 11:19:24 -04:00

ModalDialog.css

…

ModalDialog.js

Upgrade prettier (#26081)

2023-01-31 08:25:05 -05:00

portaledContent.js

[flow] Eliminate usage of more than 1-arg React.AbstractComponent in React codebase (#31314)

2024-10-21 16:17:41 -07:00

ReactLogo.css

…

ReactLogo.js

[Codemod] Update copyright header to Meta (#25315)

2022-10-18 11:19:24 -04:00

root.css

refactor[devtools]: update css for settings and support css variables in shadow dom scnenario (#33487)

2025-06-09 18:25:19 +01:00

SearchInput.css

Devtools:-Removed unused CSS (#27032)

2023-07-03 12:16:04 +01:00

SearchInput.js

Devtools:-Removed unused CSS (#27032)

2023-07-03 12:16:04 +01:00

TabBar.css

[DRAFT] Import scheduling profiler into DevTools Profiler (#21897)

2021-07-22 13:58:57 -04:00

TabBar.js

[flow] enable LTI inference mode (#26104)

2023-02-09 17:07:39 -05:00

ThemeProvider.js

[Codemod] Update copyright header to Meta (#25315)

2022-10-18 11:19:24 -04:00

Toggle.css

[DevTools] Make Toggle hover state more visible (#32914)

2025-04-15 11:20:29 +01:00

Toggle.js

Upgrade prettier (#26081)

2023-01-31 08:25:05 -05:00

UnsupportedBridgeProtocolDialog.css

Devtools:-Removed unused CSS (#27032)

2023-07-03 12:16:04 +01:00

UnsupportedBridgeProtocolDialog.js

chore[DevTools]: make clipboardWrite optional for chromium (#32262)

2025-01-30 20:08:17 +00:00

UnsupportedVersionDialog.css

Devtools:-Removed unused CSS (#27032)

2023-07-03 12:16:04 +01:00

UnsupportedVersionDialog.js

chore[DevTools]: don't use batchedUpdate (#32074)

2025-01-15 14:32:33 +00:00

useThemeStyles.js

[DevTools][BE] move shared types & constants to consolidated locations (#26572)

2023-04-10 17:07:05 -04:00

utils.js

[flow] Upgrade Flow to 0.245.2 (#30919)

2024-09-09 08:41:44 -07:00

WarnIfLegacyBackendDetected.css

…

WarnIfLegacyBackendDetected.js

[flow] enable LTI inference mode (#26104)

2023-02-09 17:07:39 -05:00