You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
adds a new Panel UI Inventory Storybook page under Apollo React → Components → Panels → Node Property Panel
places the page between Inline Editing and Alerts and Errors
demonstrates tabs, common form controls, validation and status states, and action hierarchy
compares expandable sections, compact sub-containers, and flat content layouts
adds an expand/collapse-all control for the collapsible examples
adds dismissible layout-pattern notes so reviewers can inspect the examples with or without guidance
Why
This gives UX and design reviewers one interactive reference surface for evaluating the UI elements and layout patterns that can appear in a node property panel.
Validation
git diff --check
production Storybook build completed successfully with storybook build
The reason will be displayed to describe this comment to others. Learn more.
Pull request overview
Adds a new Storybook “Panel UI Inventory” page under the Node Property Panel stories to provide a single interactive reference for common panel controls, states, and layout patterns used in node property panels.
Changes:
Introduces a new “Panel UI Inventory” story with tabbed examples for fields, states, and actions.
Adds expandable/collapsible layout pattern examples (accordion sections, sub-containers, and flat layouts) plus an expand/collapse-all control.
Adds dismissible “Layout pattern” notes to optionally annotate the examples.
This accordion item uses value="collapsed" but represents “Advanced options”. If you rename the section key (see allInventorySections), update this value to match so the accordion state stays consistent and readable.
Per-package coverage and bundle size on this PR. New-line coverage = of the source lines this PR adds or changes, the % hit by tests.
Package
Coverage
New-line coverage
Packed (gzip)
Unpacked
vs main
@uipath/apollo-core
9.0%
—
43.84 MB
57.45 MB
±0
@uipath/apollo-react
38.7%
0.0% (0/33)
7.45 MB
28.56 MB
+56 B
@uipath/apollo-wind
41.5%
—
401.6 KB
2.60 MB
+27 B
@uipath/ap-chat
85.8%
—
43.44 MB
55.94 MB
±0
"Coverage" is each package's own coverage.include scope (e.g. apollo-core instruments only scripts/). "Packed"/"Unpacked" come from npm pack --dry-run and only cover built packages — "—" means not measured this run (package not affected / not built). "vs main" is the packed (gzipped) delta against the last successful main build (the package-sizes artifact from the Release workflow); "—" there means no main baseline was available this run. The baseline is main's latest build, not this PR's exact merge-base, so it includes any drift since the branch diverged. Packages with no vitest config are omitted.
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
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.
What changed
Why
This gives UX and design reviewers one interactive reference surface for evaluating the UI elements and layout patterns that can appear in a node property panel.
Validation
git diff --checkstorybook build