feat(canvas): hide widgets marked advanced unless node.showAdvanced is true#8147
feat(canvas): hide widgets marked advanced unless node.showAdvanced is true#8147christian-byrne merged 3 commits intomainfrom
Conversation
📝 WalkthroughWalkthroughAdds an optional Changes
Possibly related PRs
Suggested reviewers
✨ Finishing touches
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. Comment |
🎭 Playwright Tests:
|
🎨 Storybook Build Status✅ Build completed successfully! ⏰ Completed at: 01/20/2026, 03:37:05 AM UTC 🔗 Links🎉 Your Storybook is ready for review! |
Bundle Size ReportSummary
Category Glance Per-category breakdownApp Entry Points — 22.4 kB (baseline 22.4 kB) • ⚪ 0 BMain entry bundles and manifests
Status: 1 added / 1 removed Graph Workspace — 1.02 MB (baseline 1.02 MB) • 🔴 +214 BGraph editor runtime, canvas, workflow orchestration
Status: 1 added / 1 removed Views & Navigation — 80.7 kB (baseline 80.7 kB) • ⚪ 0 BTop-level views, pages, and routed surfaces
Status: 9 added / 9 removed Panels & Settings — 430 kB (baseline 430 kB) • ⚪ 0 BConfiguration panels, inspectors, and settings screens
Status: 8 added / 8 removed User & Accounts — 3.94 kB (baseline 3.94 kB) • ⚪ 0 BAuthentication, profile, and account management bundles
Status: 3 added / 3 removed Editors & Dialogs — 2.8 kB (baseline 2.8 kB) • ⚪ 0 BModals, dialogs, drawers, and in-app editors
Status: 2 added / 2 removed UI Components — 32.8 kB (baseline 32.8 kB) • ⚪ 0 BReusable component library chunks
Status: 5 added / 5 removed Data & Services — 3.04 MB (baseline 3.04 MB) • 🔴 +162 BStores, services, APIs, and repositories
Status: 7 added / 7 removed Utilities & Hooks — 18.7 kB (baseline 18.7 kB) • ⚪ 0 BHelpers, composables, and utility bundles
Status: 4 added / 4 removed Vendor & Third-Party — 10.4 MB (baseline 10.4 MB) • ⚪ 0 BExternal libraries and shared vendor chunks
Other — 6.25 MB (baseline 6.25 MB) • ⚪ 0 BBundles that do not match a named category
Status: 25 added / 25 removed |
🔧 Auto-fixes AppliedThis PR has been automatically updated to fix linting and formatting issues.
Changes made:
|
There was a problem hiding this comment.
Actionable comments posted: 1
🤖 Fix all issues with AI agents
In `@src/composables/graph/useGraphNodeManager.ts`:
- Around line 318-319: The extraction captures node.showAdvanced but runtime
toggles aren't handled—update the property-change handling in
useGraphNodeManager (the switch/case responding to the "node:property:changed"
event) to include a case for "showAdvanced" that updates the node state and
triggers the same re-render/refresh path used for other layout-affecting
properties (e.g., call the existing update/refresh function or emit the same
update as for "shape" and other properties so widgets/layout re-render). Ensure
you reference node.showAdvanced and the existing "node:property:changed" handler
and reuse the existing update flow to keep behavior consistent.
Addresses coderabbit review comment: - Add showAdvanced case to property change handler for Vue reactivity - Add showAdvanced and shape to DEFAULT_TRACKED_PROPERTIES for instrumentation
| 'color', | ||
| 'bgcolor' | ||
| 'bgcolor', | ||
| 'shape', |
There was a problem hiding this comment.
note: Noticed this also seemed to have been missing
|
(Received approval during offline review) |
…s true (Comfy-Org#8147) Hides widgets marked with `options.advanced = true` on the Vue Node canvas unless `node.showAdvanced` is true. ## Changes - Updates `NodeWidgets.vue` template to check `widget.options.advanced` combined with `nodeData.showAdvanced` - Updates `gridTemplateRows` computed to exclude hidden advanced widgets - Adds `showAdvanced` to `VueNodeData` interface in `useGraphNodeManager.ts` ## Related - Backend PR that adds `advanced` flag: Comfy-Org/ComfyUI#11939 - Toggle button PR: feat/advanced-widgets-toggle-button ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8147-feat-canvas-hide-widgets-marked-advanced-unless-node-showAdvanced-is-true-2ec6d73d36508179931ce78a6ffd6b0a) by [Unito](https://www.unito.io) --------- Co-authored-by: GitHub Action <action@github.com>
Hides widgets marked with
options.advanced = trueon the Vue Node canvas unlessnode.showAdvancedis true.Changes
NodeWidgets.vuetemplate to checkwidget.options.advancedcombined withnodeData.showAdvancedgridTemplateRowscomputed to exclude hidden advanced widgetsshowAdvancedtoVueNodeDatainterface inuseGraphNodeManager.tsRelated
advancedflag: feat: add advanced parameter to Input classes for advanced widgets support ComfyUI#11939┆Issue is synchronized with this Notion page by Unito