[backport cloud/1.37] Make sure toggle visibility checks remote config

[AustinMroz]

Manual backport

[coderabbitai]

Important

Review skipped

Auto reviews are limited based on label configuration.

🚫 Review skipped — only excluded labels are configured. (1)

• backport

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

📝 Walkthrough

Walkthrough

This pull request introduces linear mode, a simplified workflow UI for sequential asset processing. It adds new components for image preview and drag-and-drop workflows, integrates feature flags and mode toggles, expands Meshy node pricing calculations, refactors node data extraction, and includes design system enhancements, localization updates, and various UI/styling improvements.

Changes

Cohort / File(s)	Summary
Linear Mode UI Components src/renderer/extensions/linearMode/{DropZone,ImagePreview,LinearControls,LinearPreview,OutputHistory,Preview3d,VideoPreview}.vue, src/renderer/extensions/linearMode/mediaTypes.ts	New Vue components for linear mode workflow: drag-and-drop zone, image/video/3D preview, run controls with batching, output history with navigation, and media type utilities. High complexity in LinearControls (queue, execution, subscription state) and OutputHistory (infinite scroll, selection).
Linear Mode Integration src/components/sidebar/{ModeToggle,SideToolbar}.vue, src/views/{LinearView,GraphView}.vue, src/stores/menuItemStore.ts	Add mode toggle button and integrate linear mode into sidebar and main views. LinearView significantly refactored with responsive mobile/desktop layouts and new component composition. Adds hasSeenLinear tracking.
Zoom & Layout Components src/components/ui/{ZoomPane,Popover,TypeformPopoverButton}.vue	New reusable UI primitives: ZoomPane for interactive zoom/pan, Popover for grouped actions with reka-ui, TypeformPopoverButton for dynamic feedback embed.
Feature Flags & Configuration src/composables/useFeatureFlags.ts, src/platform/remoteConfig/types.ts, src/locales/en/{commands,main}.json	Add LINEAR_TOGGLE_ENABLED feature flag with remoteConfig support. Update command/UI labels ("toggle linear mode" → "Toggle Simple Mode"). Expand linearMode localization with new keys (linearMode, graphMode, beta, etc.). Add asset pluralization and text filter.
Meshy Node Pricing src/composables/node/useNodePricing.ts	Introduce MESHY_CREDIT_PRICE_USD and helper functions (meshyCreditsToUsd, calculateMeshyImageToModelPrice, calculateMeshyMultiImageToModelPrice). Add pricing entries for 7 Meshy nodes and widget-relevance mappings (should_texture). Update ByteDance nodes with generate_audio widget.
Node Data Extraction & Widget Refactoring src/composables/graph/useGraphNodeManager.ts, src/renderer/extensions/vueNodes/widgets/composables/useComboWidget.ts, src/lib/litegraph/src/types/widgets.ts, src/renderer/extensions/vueNodes/widgets/{components/LGraphNode,composables/useComboWidget}.vue|.ts	Refactor node data extraction: introduce extractVueNodeData (public) replacing isValidWidgetValue, make safeWidgetMapper private. Update asset widget to use openModal callback via IWidgetAssetOptions. Move light-theme color logic to runtime checks in nodeStyleUtils.
Version & State Management src/platform/updates/common/{useFrontendVersionMismatchWarning,versionCompatibilityStore}.ts, src/platform/workflow/{core/services/workflowService,management/stores/workflowStore}.ts	Add async/await nextTick to version mismatch watcher for reactive synchronization. Extract warningsDisabled into computed for reuse. Sync linearMode state between workflow data and canvas store on load; remove redundant canvas sync from workflowStore.
UI & Styling Refinements src/components/topbar/{TopMenuHelpButton,WorkflowTab}.vue, src/renderer/extensions/vueNodes/widgets/components/WidgetRecordAudio.vue, src/renderer/extensions/vueNodes/utils/nodeStyleUtils.ts, src/components/sidebar/tabs/WorkflowsSidebarTab.vue	Wrap help button text in responsive div; add linear-mode icon to inactive workflow tabs. Tighten WidgetRecordAudio layout (reduced gap/padding, shrink-0, overflow fixes). Inline header style with applyLightThemeColor call. Add v-bind="$attrs" forwarding to SidebarTabTemplate.
Design System packages/design-system/src/css/style.css	Add new --success-background custom property (mapped to --color-jade-600) and public alias --color-success-background in both light and dark theme sections.
Testing & Utilities browser_tests/tests/widget.spec.ts, src/utils/dateTimeUtil.ts, src/renderer/extensions/linearMode/mediaTypes.ts, src/scripts/app.ts, src/stores/imagePreviewStore.ts, src/platform/workflow/templates/composables/useTemplateWorkflows.ts, vite.config.mts	Update image widget test: replace noWaitAfter with nextFrame stabilization. Add formatDuration utility. Guard fitView with visible_area size check. Rename latestOutput to latestPreview. Simplify template workflow loading flow. Add vendor-reka-ui Vite chunk.
Command & Mode Toggle src/composables/useCoreCommands.ts	Update Comfy.ToggleLinear command to synchronize linearMode across app.rootGraph.extra, workflowStore change tracker, and canvas store in multi-step flow instead of direct assignment.

Possibly related PRs

• Further linear fixes #8074: Adds menuItemStore.hasSeenLinear tracking and conditional ModeToggle visibility in SideToolbar, directly related to linear mode integration surface.
• [API Nodes] add price badges for Meshy 3D nodes #7966: Adds identical Meshy node pricing entries (MESHY_CREDIT_PRICE_USD, calculateMeshyImageToModelPrice, etc.) to useNodePricing.ts.
• Fix: Update for Image Widget test #8031: Modifies the same browser test file (widget.spec.ts) with identical click stabilization changes (click() + nextFrame() replacing noWaitAfter: true).

Suggested reviewers

• shinshin86
• KarryCharon
• PabloWiedemann
• Yorha4D

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}