refactor: inspection panel and playground#11907
Merged
Adam-Aghili merged 41 commits intomainfrom Feb 26, 2026
Merged
Conversation
Descriptions and edit button now render unconditionally, preventing visual changes on canvas when toggling the inspector panel.
…-panel visibility
…anel button visibility
The toggle button became disabled immediately after closing the panel because selectedNode was derived from inspectionPanelVisible. Now selectedNode is based solely on the current node selection, keeping the toggle enabled as long as a node is selected.
Replace PanelRight/PanelRightClose with SlidersHorizontal to avoid confusion with the Playground button which uses PanelRightOpen. Add bg-accent background highlight when the panel is active.
* address state in chat * [autofix.ci] apply automated fixes * [autofix.ci] apply automated fixes (attempt 2/3) * update font size --------- Co-authored-by: himavarshagoutham <himavarshajan17@gmail.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
The playground now opens in fullscreen mode, which covers the toolbar button (playground-btn-flow-io). Updated the freeze test to use the close button inside the playground header instead.
The playground now opens in fullscreen, covering the toolbar button. Use playground-close-button instead to close the playground.
Use playground-close-button to close and exit fullscreen before accessing the more menu which is hidden in fullscreen mode.
The chat-header-more-menu is hidden in fullscreen mode. Use the session sidebar more menu instead to access message logs.
The clear-chat option is only available in the chat-header-more-menu which is hidden in fullscreen mode. Exit fullscreen first.
Use sidebar new-chat button and session more menu instead of header elements that are hidden in fullscreen mode.
Use sidebar session more menu and new-chat button instead of header elements that are hidden or overlapped in fullscreen mode.
github-merge-queue
bot
removed this pull request from the merge queue due to failed status checks
github-merge-queue
bot
removed this pull request from the merge queue due to failed status checks
github-actions
bot
added
refactor
github-actions
bot
added
refactor
github-actions
bot
added
refactor
github-actions
bot
added
refactor
github-merge-queue
bot
removed this pull request from the merge queue due to a conflict with the base branch
github-merge-queue
bot
removed this pull request from the merge queue due to failed status checks
github-merge-queue
bot
removed this pull request from the merge queue due to failed status checks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Jira: LE-383
Jira: LE-384
Summary
Combines two related frontend refactors — the Inspection Panel and Playground — into a single cohesive PR that
improves the canvas editing experience and chat UI.
Playground - #11899
Inspection Panel - #11863
Inspection Panel
SlidersHorizontalicon) to thebottom-left canvas controls, with active-state highlighting and disabled state when no node is selected
inspectionPanelVisiblecoupling fromGenericNode— the node toolbar, editbutton, and description now render unconditionally, preventing visual shifts on the canvas when toggling the panel
editable/advanced parameters are shown
InspectionPanelFieldsis now scoped to connected fields for theselected node only (perf improvement)
Playground
elements (session more menu, new-chat button, close button) instead of header elements hidden in fullscreen
replaced manual height calculation with a cleaner
requestAnimationFrame-based approachBotMessagecomponent — extracted message grouping logic intomessage-utils.tswith unit tests, simplified rendering and reduced code by ~35 lines
usePutUpdateMessagesto use optimistic updates with proper cache invalidationnull/undefinederrorrendering, standardized button icons (
Playfor disabled playground, distinct icon for inspection toggle), added missingdata-testidattributesTest Updates
Summary by CodeRabbit
Release Notes
New Features
UI/Style
Bug Fixes