Skip to content

Conversation

@DrJKL
Copy link
Contributor

@DrJKL DrJKL commented Nov 25, 2025

#6888

Summary

Did a quick pass to find user facing strings. Not sure if this gets them all.

┆Issue is synchronized with this Notion page by Unito

@dosubot dosubot bot added the size:S This PR changes 10-29 lines, ignoring generated files. label Nov 25, 2025
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Nov 25, 2025

📝 Walkthrough

Walkthrough

The pull request updates branding terminology across the codebase, changing references from "Vue Nodes" to "Nodes 2.0" in UI labels, error messages, settings descriptions, and locale strings without modifying control flow or behavior.

Changes

Cohort / File(s) Summary
Component & Command Updates
src/components/topbar/TryVueNodeBanner.vue, src/composables/useCoreCommands.ts
Updated error message and UI label text from "Vue Nodes" to "Nodes 2.0" in the banner catch block and command label
Localization Strings
src/locales/en/commands.json, src/locales/en/main.json, src/locales/en/settings.json
Updated translation keys and values to replace "Vue Nodes" terminology with "Nodes 2.0"; added new menu label keys for "Experimental: Enable/Disable Nodes 2.0"; updated tooltip reference in settings
Settings Configuration
src/platform/settings/constants/coreSettings.ts
Updated tooltip text for Comfy.VueNodes.AutoScaleLayout setting to reference "Nodes 2.0 rendering" instead of "Vue rendering"

Possibly related PRs

  • Comfy-Org/ComfyUI_frontend#6820: Aligns with similar branding updates to settings and localization entries for Comfy.VueNodes configuration, renaming references from "Vue Nodes" to "Nodes 2.0"
✨ Finishing touches
  • 📝 Generate docstrings
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch drjkl/two-point-oh

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between df373af and 6d266c9.

📒 Files selected for processing (6)
  • src/components/topbar/TryVueNodeBanner.vue (1 hunks)
  • src/composables/useCoreCommands.ts (1 hunks)
  • src/locales/en/commands.json (1 hunks)
  • src/locales/en/main.json (2 hunks)
  • src/locales/en/settings.json (1 hunks)
  • src/platform/settings/constants/coreSettings.ts (1 hunks)
🧰 Additional context used
📓 Path-based instructions (21)
**/*.vue

📄 CodeRabbit inference engine (.cursorrules)

**/*.vue: Use setup() function for component logic in Vue 3 Composition API
Utilize ref and reactive for reactive state in Vue 3
Implement computed properties with computed() function
Use watch and watchEffect for side effects in Vue 3
Implement lifecycle hooks with onMounted, onUpdated, etc.
Utilize provide/inject for dependency injection in Vue 3
Use Vue 3.5 style of default prop declaration with defineProps()
Organize Vue components in <script> <style> order
Use Tailwind CSS for styling Vue components
Implement responsive design with Tailwind CSS
Do not use deprecated PrimeVue components (Dropdown, OverlayPanel, Calendar, InputSwitch, Sidebar, Chips, TabMenu, Steps, InlineMessage). Use replacements: Select, Popover, DatePicker, ToggleSwitch, Drawer, AutoComplete, Tabs, Stepper, Message respectively
Implement proper props and emits definitions in Vue components
Utilize Vue 3's Teleport component when needed
Use Suspense for async components in Vue 3
Follow Vue 3 style guide and naming conventions
Never use deprecated PrimeVue components (Dropdown, OverlayPanel, Calendar, InputSwitch, Sidebar, Chips, TabMenu, Steps, InlineMessage)

Never use :class="[]" to merge class names - always use import { cn } from '@/utils/tailwindUtil' for class merging in Vue templates

**/*.vue: Use TypeScript with Vue 3 Single File Components (.vue files)
Name Vue components in PascalCase (e.g., MenuHamburger.vue)

Files:

  • src/components/topbar/TryVueNodeBanner.vue
**/*.{vue,ts,tsx}

📄 CodeRabbit inference engine (.cursorrules)

**/*.{vue,ts,tsx}: Leverage VueUse functions for performance-enhancing utilities
Use vue-i18n in Composition API for any string literals and place new translation entries in src/locales/en/main.json

Files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
**/*.{ts,tsx,js,vue}

📄 CodeRabbit inference engine (.cursorrules)

Implement proper error handling in components and services

**/*.{ts,tsx,js,vue}: Use 2-space indentation, single quotes, no semicolons, and maintain 80-character line width as configured in .prettierrc
Organize imports by sorting and grouping by plugin, and run pnpm format before committing

Files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
src/**/*.vue

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

src/**/*.vue: Use the Vue 3 Composition API instead of the Options API when writing Vue components (exception: when overriding or extending PrimeVue components for compatibility)
Use setup() function for component logic
Utilize ref and reactive for reactive state
Implement computed properties with computed()
Use watch and watchEffect for side effects
Implement lifecycle hooks with onMounted, onUpdated, etc.
Utilize provide/inject for dependency injection
Use vue 3.5 style of default prop declaration
Use Tailwind CSS for styling
Implement proper props and emits definitions
Utilize Vue 3's Teleport component when needed
Use Suspense for async components
Follow Vue 3 style guide and naming conventions

Files:

  • src/components/topbar/TryVueNodeBanner.vue
src/**/*.{vue,ts}

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

src/**/*.{vue,ts}: Leverage VueUse functions for performance-enhancing styles
Implement proper error handling
Use vue-i18n in composition API for any string literals. Place new translation entries in src/locales/en/main.json

Files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
**/*.{ts,tsx,js,jsx,vue}

📄 CodeRabbit inference engine (CLAUDE.md)

Use camelCase for variable and setting names in TypeScript/Vue files

Files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
**/*.{vue,html}

📄 CodeRabbit inference engine (CLAUDE.md)

Never use dark: or dark-theme: Tailwind variants - instead use semantic values from style.css theme, e.g. bg-node-component-surface

Files:

  • src/components/topbar/TryVueNodeBanner.vue
**/*.{ts,tsx,vue}

📄 CodeRabbit inference engine (CLAUDE.md)

**/*.{ts,tsx,vue}: Use const settingStore = useSettingStore() and settingStore.get('Comfy.SomeSetting') to retrieve settings in TypeScript/Vue files
Use await settingStore.set('Comfy.SomeSetting', newValue) to update settings in TypeScript/Vue files
Check server capabilities using api.serverSupportsFeature('feature_name') before using enhanced features
Use api.getServerFeature('config_name', defaultValue) to retrieve server feature configuration

Enforce ESLint rules for Vue + TypeScript including: no floating promises, no unused imports, and i18n raw text restrictions in templates

Files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
src/**/*.{ts,tsx,vue}

📄 CodeRabbit inference engine (src/CLAUDE.md)

src/**/*.{ts,tsx,vue}: Sanitize HTML with DOMPurify to prevent XSS attacks
Avoid using @ts-expect-error; use proper TypeScript types instead
Use es-toolkit for utility functions instead of other utility libraries
Implement proper TypeScript types throughout the codebase

Files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
src/**/{composables,components}/**/*.{ts,tsx,vue}

📄 CodeRabbit inference engine (src/CLAUDE.md)

Clean up subscriptions in state management to prevent memory leaks

Files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/composables/useCoreCommands.ts
src/**/*.{vue,ts,tsx}

📄 CodeRabbit inference engine (src/CLAUDE.md)

Follow Vue 3 composition API style guide

Files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
src/**/{components,composables}/**/*.{ts,tsx,vue}

📄 CodeRabbit inference engine (src/CLAUDE.md)

Use vue-i18n for ALL user-facing strings by adding them to src/locales/en/main.json

Files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/composables/useCoreCommands.ts
src/components/**/*.vue

📄 CodeRabbit inference engine (src/components/CLAUDE.md)

src/components/**/*.vue: Use setup() function in Vue 3 Composition API
Destructure props using Vue 3.5 style in Vue components
Use ref/reactive for state management in Vue 3 Composition API
Implement computed() for derived state in Vue 3 Composition API
Use provide/inject for dependency injection in Vue components
Prefer emit/@event-name for state changes over other communication patterns
Use defineExpose only for imperative operations (such as form.validate(), modal.open())
Replace PrimeVue Dropdown component with Select
Replace PrimeVue OverlayPanel component with Popover
Replace PrimeVue Calendar component with DatePicker
Replace PrimeVue InputSwitch component with ToggleSwitch
Replace PrimeVue Sidebar component with Drawer
Replace PrimeVue Chips component with AutoComplete with multiple enabled
Replace PrimeVue TabMenu component with Tabs without panels
Replace PrimeVue Steps component with Stepper without panels
Replace PrimeVue InlineMessage component with Message
Extract complex conditionals to computed properties
Implement cleanup for async operations in Vue components
Use lifecycle hooks: onMounted, onUpdated in Vue 3 Composition API
Use Teleport/Suspense when needed for component rendering
Define proper props and emits definitions in Vue components

Files:

  • src/components/topbar/TryVueNodeBanner.vue
src/components/**/*.{vue,css}

📄 CodeRabbit inference engine (src/components/CLAUDE.md)

src/components/**/*.{vue,css}: Use Tailwind CSS only for styling (no custom CSS)
Use the correct tokens from style.css in the design system package

Files:

  • src/components/topbar/TryVueNodeBanner.vue
src/components/**/*.{vue,ts,js}

📄 CodeRabbit inference engine (src/components/CLAUDE.md)

src/components/**/*.{vue,ts,js}: Use existing VueUse composables (such as useElementHover) instead of manually managing event listeners
Use useIntersectionObserver for visibility detection instead of custom scroll handlers
Use vue-i18n for ALL UI strings

Files:

  • src/components/topbar/TryVueNodeBanner.vue
**/*.{ts,tsx,js}

📄 CodeRabbit inference engine (.cursorrules)

Use es-toolkit for utility functions

Files:

  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
**/*.{ts,tsx}

📄 CodeRabbit inference engine (.cursorrules)

Use TypeScript for type safety

**/*.{ts,tsx}: Never use any type - use proper TypeScript types
Never use as any type assertions - fix the underlying type issue

Files:

  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
src/**/*.ts

📄 CodeRabbit inference engine (.github/copilot-instructions.md)

src/**/*.ts: Use es-toolkit for utility functions
Use TypeScript for type safety

Files:

  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
**/*.ts

📄 CodeRabbit inference engine (CLAUDE.md)

**/*.ts: Define dynamic setting defaults using runtime context with functions in settings configuration
Use defaultsByInstallVersion property for gradual feature rollout based on version in settings configuration

Files:

  • src/platform/settings/constants/coreSettings.ts
  • src/composables/useCoreCommands.ts
src/**/{services,composables}/**/*.{ts,tsx}

📄 CodeRabbit inference engine (src/CLAUDE.md)

src/**/{services,composables}/**/*.{ts,tsx}: Use api.apiURL() for backend endpoints instead of constructing URLs directly
Use api.fileURL() for static file access instead of constructing URLs directly

Files:

  • src/composables/useCoreCommands.ts
**/composables/use*.ts

📄 CodeRabbit inference engine (AGENTS.md)

Name composables in the format useXyz.ts

Files:

  • src/composables/useCoreCommands.ts
🧠 Learnings (6)
📚 Learning: 2025-11-24T19:47:02.828Z
Learnt from: CR
Repo: Comfy-Org/ComfyUI_frontend PR: 0
File: .github/copilot-instructions.md:0-0
Timestamp: 2025-11-24T19:47:02.828Z
Learning: Applies to src/**/*.{vue,ts} : Implement proper error handling

Applied to files:

  • src/components/topbar/TryVueNodeBanner.vue
📚 Learning: 2025-11-24T19:47:14.769Z
Learnt from: CR
Repo: Comfy-Org/ComfyUI_frontend PR: 0
File: CLAUDE.md:0-0
Timestamp: 2025-11-24T19:47:14.769Z
Learning: Applies to **/*.{ts,tsx,vue} : Use `await settingStore.set('Comfy.SomeSetting', newValue)` to update settings in TypeScript/Vue files

Applied to files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/composables/useCoreCommands.ts
📚 Learning: 2025-11-24T19:47:14.769Z
Learnt from: CR
Repo: Comfy-Org/ComfyUI_frontend PR: 0
File: CLAUDE.md:0-0
Timestamp: 2025-11-24T19:47:14.769Z
Learning: Applies to **/*.{ts,tsx,vue} : Use `const settingStore = useSettingStore()` and `settingStore.get('Comfy.SomeSetting')` to retrieve settings in TypeScript/Vue files

Applied to files:

  • src/components/topbar/TryVueNodeBanner.vue
  • src/composables/useCoreCommands.ts
📚 Learning: 2025-11-24T19:47:45.607Z
Learnt from: CR
Repo: Comfy-Org/ComfyUI_frontend PR: 0
File: src/components/CLAUDE.md:0-0
Timestamp: 2025-11-24T19:47:45.607Z
Learning: Applies to src/components/**/*.vue : Replace PrimeVue InputSwitch component with ToggleSwitch

Applied to files:

  • src/composables/useCoreCommands.ts
📚 Learning: 2025-11-24T19:47:34.296Z
Learnt from: CR
Repo: Comfy-Org/ComfyUI_frontend PR: 0
File: src/CLAUDE.md:0-0
Timestamp: 2025-11-24T19:47:34.296Z
Learning: Applies to src/**/{components,composables}/**/*.{ts,tsx,vue} : Use vue-i18n for ALL user-facing strings by adding them to `src/locales/en/main.json`

Applied to files:

  • src/locales/en/main.json
📚 Learning: 2025-11-24T19:46:52.254Z
Learnt from: CR
Repo: Comfy-Org/ComfyUI_frontend PR: 0
File: .cursorrules:0-0
Timestamp: 2025-11-24T19:46:52.254Z
Learning: Applies to **/*.{vue,ts,tsx} : Use vue-i18n in Composition API for any string literals and place new translation entries in src/locales/en/main.json

Applied to files:

  • src/locales/en/main.json
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (4)
  • GitHub Check: test
  • GitHub Check: setup
  • GitHub Check: lint-and-format
  • GitHub Check: collect
🔇 Additional comments (7)
src/locales/en/settings.json (1)

339-339: LGTM! Terminology update is consistent.

The tooltip correctly references "Nodes 2.0 rendering" instead of "Vue rendering", aligning with the broader naming update across the PR.

src/locales/en/commands.json (1)

240-240: LGTM! Command label updated correctly.

The experimental toggle command label now references "Nodes 2.0" instead of "Vue Nodes", maintaining consistency with the terminology update.

src/components/topbar/TryVueNodeBanner.vue (1)

66-66: LGTM! Error message updated consistently.

The error log message now references "Nodes 2.0" instead of "Vue nodes", improving clarity for users encountering this error.

src/composables/useCoreCommands.ts (1)

330-333: LGTM! Dynamic label updated to "Nodes 2.0".

The toggle command's runtime label now displays "Nodes 2.0" instead of "Vue Nodes", maintaining consistency with the global terminology update while preserving the underlying setting ID.

src/platform/settings/constants/coreSettings.ts (1)

1104-1104: LGTM! Setting tooltip updated consistently.

The tooltip now references "Nodes 2.0 rendering" instead of "Vue rendering", aligning with the updated terminology while keeping the setting ID unchanged for backward compatibility.

src/locales/en/main.json (2)

1110-1112: LGTM! New translation keys added correctly.

The menuLabels section now includes dedicated keys for both enabling and disabling "Nodes 2.0", alongside the updated existing key. This approach maintains backward compatibility while establishing the new terminology.


1190-1192: LGTM! Category labels updated consistently.

The settings category labels now use "Nodes 2.0" terminology. The addition of the "VueNodes" key alongside the updated "Vue Nodes" key maintains backward compatibility.


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

@github-actions
Copy link

github-actions bot commented Nov 25, 2025

🎨 Storybook Build Status

Build completed successfully!

⏰ Completed at: 11/25/2025, 01:08:26 AM UTC

🔗 Links


🎉 Your Storybook is ready for review!

@github-actions
Copy link

github-actions bot commented Nov 25, 2025

🎭 Playwright Test Results

⚠️ Tests passed with flaky tests

⏰ Completed at: 11/25/2025, 01:19:11 AM UTC

📈 Summary

  • Total Tests: 496
  • Passed: 484 ✅
  • Failed: 0
  • Flaky: 3 ⚠️
  • Skipped: 9 ⏭️

📊 Test Reports by Browser

  • chromium: View Report • ✅ 475 / ❌ 0 / ⚠️ 3 / ⏭️ 9
  • chromium-2x: View Report • ✅ 2 / ❌ 0 / ⚠️ 0 / ⏭️ 0
  • chromium-0.5x: View Report • ✅ 1 / ❌ 0 / ⚠️ 0 / ⏭️ 0
  • mobile-chrome: View Report • ✅ 6 / ❌ 0 / ⚠️ 0 / ⏭️ 0

🎉 Click on the links above to view detailed test results for each browser configuration.

@github-actions
Copy link

github-actions bot commented Nov 25, 2025

Bundle Size Report

Summary

  • Raw size: 14.2 MB baseline 14.2 MB — 🔴 +154 B
  • Gzip: 2.84 MB baseline 2.84 MB — 🔴 +39 B
  • Brotli: 2.22 MB baseline 2.23 MB — 🟢 -289 B
  • Bundles: 92 current • 92 baseline • 38 added / 38 removed

Category Glance
App Entry Points 🔴 +148 B (3.18 MB) · Graph Workspace 🔴 +6 B (942 kB) · Vendor & Third-Party ⚪ 0 B (5.7 MB) · Other ⚪ 0 B (3.87 MB) · Panels & Settings ⚪ 0 B (306 kB) · UI Components ⚪ 0 B (141 kB) · + 3 more

Per-category breakdown
App Entry Points — 3.18 MB (baseline 3.18 MB) • 🔴 +148 B

Main entry bundles and manifests

File Before After Δ Raw Δ Gzip Δ Brotli
assets/index-_vz-HNuY.js (new) 2.95 MB 🔴 +2.95 MB 🔴 +615 kB 🔴 +467 kB
assets/index-CNvE512m.js (removed) 2.95 MB 🟢 -2.95 MB 🟢 -615 kB 🟢 -467 kB
assets/index-Bkewtmgb.js (removed) 228 kB 🟢 -228 kB 🟢 -48.9 kB 🟢 -40.3 kB
assets/index-DBHBCzOk.js (new) 228 kB 🔴 +228 kB 🔴 +48.9 kB 🔴 +40.2 kB
assets/index-0hawDKA3.js (new) 345 B 🔴 +345 B 🔴 +247 B 🔴 +198 B
assets/index-mr1ahtAb.js (removed) 345 B 🟢 -345 B 🟢 -246 B 🟢 -233 B

Status: 3 added / 3 removed

Graph Workspace — 942 kB (baseline 942 kB) • 🔴 +6 B

Graph editor runtime, canvas, workflow orchestration

File Before After Δ Raw Δ Gzip Δ Brotli
assets/GraphView-BUNwRkZ5.js (new) 942 kB 🔴 +942 kB 🔴 +182 kB 🔴 +140 kB
assets/GraphView-CKnO0PRK.js (removed) 942 kB 🟢 -942 kB 🟢 -182 kB 🟢 -140 kB

Status: 1 added / 1 removed

Views & Navigation — 7.97 kB (baseline 7.97 kB) • ⚪ 0 B

Top-level views, pages, and routed surfaces

File Before After Δ Raw Δ Gzip Δ Brotli
assets/UserSelectView-0fwtswlJ.js (new) 7.97 kB 🔴 +7.97 kB 🔴 +2.43 kB 🔴 +2.14 kB
assets/UserSelectView-KE9oG5ga.js (removed) 7.97 kB 🟢 -7.97 kB 🟢 -2.43 kB 🟢 -2.14 kB

Status: 1 added / 1 removed

Panels & Settings — 306 kB (baseline 306 kB) • ⚪ 0 B

Configuration panels, inspectors, and settings screens

File Before After Δ Raw Δ Gzip Δ Brotli
assets/CreditsPanel-CiJNhuOk.js (new) 22.9 kB 🔴 +22.9 kB 🔴 +5.46 kB 🔴 +4.78 kB
assets/CreditsPanel-DCzyBs6P.js (removed) 22.9 kB 🟢 -22.9 kB 🟢 -5.46 kB 🟢 -4.77 kB
assets/KeybindingPanel-BD1ulF6Y.js (new) 15.1 kB 🔴 +15.1 kB 🔴 +3.73 kB 🔴 +3.29 kB
assets/KeybindingPanel-BtdT6i-e.js (removed) 15.1 kB 🟢 -15.1 kB 🟢 -3.73 kB 🟢 -3.3 kB
assets/ExtensionPanel-dkUWiJ5L.js (new) 11.9 kB 🔴 +11.9 kB 🔴 +2.8 kB 🔴 +2.45 kB
assets/ExtensionPanel-DVFj8U5S.js (removed) 11.9 kB 🟢 -11.9 kB 🟢 -2.79 kB 🟢 -2.45 kB
assets/AboutPanel-BcfUljIW.js (removed) 10.1 kB 🟢 -10.1 kB 🟢 -2.62 kB 🟢 -2.31 kB
assets/AboutPanel-DFQk_9g5.js (new) 10.1 kB 🔴 +10.1 kB 🔴 +2.63 kB 🔴 +2.31 kB
assets/ServerConfigPanel-Da9YItXh.js (new) 8.02 kB 🔴 +8.02 kB 🔴 +2.12 kB 🔴 +1.87 kB
assets/ServerConfigPanel-M0ELfEAd.js (removed) 8.02 kB 🟢 -8.02 kB 🟢 -2.12 kB 🟢 -1.88 kB
assets/UserPanel-Coz6F5aR.js (removed) 7.74 kB 🟢 -7.74 kB 🟢 -2.02 kB 🟢 -1.77 kB
assets/UserPanel-DXc2FlNr.js (new) 7.74 kB 🔴 +7.74 kB 🔴 +2.03 kB 🔴 +1.77 kB
assets/settings-BXTtSH4O.js 33.3 kB 33.3 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/settings-C9Pzn-NG.js 25.2 kB 25.2 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/settings-CCy2fA_h.js 27.3 kB 27.3 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/settings-CQpqEFfl.js 26.6 kB 26.6 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/settings-DHcnxypw.js 21.7 kB 21.7 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/settings-DhFTK9fY.js 25.1 kB 25.1 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/settings-DlT4t_ui.js 25.9 kB 25.9 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/settings-DRgSrIdD.js 24.2 kB 24.2 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/settings-tjkeqiZq.js 21.1 kB 21.1 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B

Status: 6 added / 6 removed

UI Components — 141 kB (baseline 141 kB) • ⚪ 0 B

Reusable component library chunks

File Before After Δ Raw Δ Gzip Δ Brotli
assets/Load3D.vue_vue_type_script_setup_true_lang-CKodAuKD.js (new) 53.9 kB 🔴 +53.9 kB 🔴 +8.43 kB 🔴 +7.23 kB
assets/Load3D.vue_vue_type_script_setup_true_lang-MKpn-Hoz.js (removed) 53.9 kB 🟢 -53.9 kB 🟢 -8.43 kB 🟢 -7.23 kB
assets/WidgetSelect.vue_vue_type_script_setup_true_lang-DnpblL0S.js (removed) 48 kB 🟢 -48 kB 🟢 -10.3 kB 🟢 -8.94 kB
assets/WidgetSelect.vue_vue_type_script_setup_true_lang-Oq6emZpB.js (new) 48 kB 🔴 +48 kB 🔴 +10.3 kB 🔴 +8.9 kB
assets/WidgetInputNumber.vue_vue_type_script_setup_true_lang-Bw36v8nt.js (new) 12.7 kB 🔴 +12.7 kB 🔴 +3.3 kB 🔴 +2.92 kB
assets/WidgetInputNumber.vue_vue_type_script_setup_true_lang-CSDSYAxe.js (removed) 12.7 kB 🟢 -12.7 kB 🟢 -3.3 kB 🟢 -2.92 kB
assets/ComfyQueueButton-BzLg6ATl.js (new) 9.22 kB 🔴 +9.22 kB 🔴 +2.5 kB 🔴 +2.2 kB
assets/ComfyQueueButton-L1i_ikh-.js (removed) 9.22 kB 🟢 -9.22 kB 🟢 -2.5 kB 🟢 -2.2 kB
assets/WidgetLayoutField.vue_vue_type_script_setup_true_lang-DF9lCn3N.js (new) 2.15 kB 🔴 +2.15 kB 🔴 +801 B 🔴 +701 B
assets/WidgetLayoutField.vue_vue_type_script_setup_true_lang-DGYlg-k0.js (removed) 2.15 kB 🟢 -2.15 kB 🟢 -800 B 🟢 -691 B
assets/MediaTitle.vue_vue_type_script_setup_true_lang-B87h-vl7.js (new) 848 B 🔴 +848 B 🔴 +474 B 🔴 +416 B
assets/MediaTitle.vue_vue_type_script_setup_true_lang-CQNpN7rG.js (removed) 848 B 🟢 -848 B 🟢 -473 B 🟢 -415 B
assets/LazyImage.vue_vue_type_script_setup_true_lang-Wi-CcgaU.js 10.7 kB 10.7 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/UserAvatar.vue_vue_type_script_setup_true_lang-D2s8tnS2.js 1.26 kB 1.26 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/WidgetButton-CtnTx0SP.js 1.72 kB 1.72 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B

Status: 6 added / 6 removed

Data & Services — 12.5 kB (baseline 12.5 kB) • ⚪ 0 B

Stores, services, APIs, and repositories

File Before After Δ Raw Δ Gzip Δ Brotli
assets/keybindingService-BR0v4Ond.js (new) 7.51 kB 🔴 +7.51 kB 🔴 +1.84 kB 🔴 +1.59 kB
assets/keybindingService-D7TRmkkX.js (removed) 7.51 kB 🟢 -7.51 kB 🟢 -1.84 kB 🟢 -1.58 kB
assets/audioService-3EWjtG-x.js (new) 2.2 kB 🔴 +2.2 kB 🔴 +963 B 🔴 +822 B
assets/audioService-r_h9jGAX.js (removed) 2.2 kB 🟢 -2.2 kB 🟢 -964 B 🟢 -829 B
assets/serverConfigStore-D2N-YjtJ.js 2.79 kB 2.79 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B

Status: 2 added / 2 removed

Utilities & Hooks — 2.94 kB (baseline 2.94 kB) • ⚪ 0 B

Helpers, composables, and utility bundles

File Before After Δ Raw Δ Gzip Δ Brotli
assets/audioUtils-Bg8CSopG.js (new) 1.41 kB 🔴 +1.41 kB 🔴 +651 B 🔴 +550 B
assets/audioUtils-BQY6l0ij.js (removed) 1.41 kB 🟢 -1.41 kB 🟢 -651 B 🟢 -542 B
assets/mathUtil-CTARWQ-l.js 1.07 kB 1.07 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/nodeFilterUtil-CXKCRJ-m.js 460 B 460 B ⚪ 0 B ⚪ 0 B ⚪ 0 B

Status: 1 added / 1 removed

Vendor & Third-Party — 5.7 MB (baseline 5.7 MB) • ⚪ 0 B

External libraries and shared vendor chunks

File Before After Δ Raw Δ Gzip Δ Brotli
assets/vendor-other-OCBGbKU2.js 3.59 MB 3.59 MB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/vendor-primevue-PESgPnbc.js 517 B 517 B ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/vendor-three-aR6ntw5X.js 1.37 MB 1.37 MB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/vendor-tiptap-CmuD0u4q.js 232 kB 232 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/vendor-vue-DhKsTD0i.js 92.6 kB 92.6 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/vendor-xterm-BZLod3g9.js 407 kB 407 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
Other — 3.87 MB (baseline 3.87 MB) • ⚪ 0 B

Bundles that do not match a named category

File Before After Δ Raw Δ Gzip Δ Brotli
assets/WidgetRecordAudio-BfBLk-lp.js (removed) 21.9 kB 🟢 -21.9 kB 🟢 -5.52 kB 🟢 -4.88 kB
assets/WidgetRecordAudio-CV7FMsxd.js (new) 21.9 kB 🔴 +21.9 kB 🔴 +5.52 kB 🔴 +4.88 kB
assets/AudioPreviewPlayer-CxJRJpmf.js (new) 14.9 kB 🔴 +14.9 kB 🔴 +3.69 kB 🔴 +3.3 kB
assets/AudioPreviewPlayer-DqLZ38bT.js (removed) 14.9 kB 🟢 -14.9 kB 🟢 -3.69 kB 🟢 -3.3 kB
assets/WidgetGalleria-DfEP19ZD.js (new) 5.56 kB 🔴 +5.56 kB 🔴 +1.74 kB 🔴 +1.54 kB
assets/WidgetGalleria-DoAlXBDl.js (removed) 5.56 kB 🟢 -5.56 kB 🟢 -1.74 kB 🟢 -1.54 kB
assets/WidgetColorPicker-BvyfYI7c.js (new) 4.87 kB 🔴 +4.87 kB 🔴 +1.69 kB 🔴 +1.48 kB
assets/WidgetColorPicker-zQlf9p12.js (removed) 4.87 kB 🟢 -4.87 kB 🟢 -1.69 kB 🟢 -1.48 kB
assets/WidgetMarkdown-C_u80NNV.js (removed) 4.64 kB 🟢 -4.64 kB 🟢 -1.62 kB 🟢 -1.41 kB
assets/WidgetMarkdown-MgfMBIQF.js (new) 4.64 kB 🔴 +4.64 kB 🔴 +1.62 kB 🔴 +1.41 kB
assets/WidgetAudioUI-DT2ynruD.js (removed) 4.33 kB 🟢 -4.33 kB 🟢 -1.44 kB 🟢 -1.28 kB
assets/WidgetAudioUI-mEfQmO92.js (new) 4.33 kB 🔴 +4.33 kB 🔴 +1.44 kB 🔴 +1.29 kB
assets/WidgetTextarea-BnMmRkC9.js (removed) 4.03 kB 🟢 -4.03 kB 🟢 -1.34 kB 🟢 -1.18 kB
assets/WidgetTextarea-DjR8q1YU.js (new) 4.03 kB 🔴 +4.03 kB 🔴 +1.35 kB 🔴 +1.18 kB
assets/WidgetInputText-DxPXjxPL.js (new) 3.45 kB 🔴 +3.45 kB 🔴 +1.24 kB 🔴 +1.09 kB
assets/WidgetInputText-vmzfkZFx.js (removed) 3.45 kB 🟢 -3.45 kB 🟢 -1.23 kB 🟢 -1.09 kB
assets/WidgetToggleSwitch-Bw0w71S_.js (new) 3.23 kB 🔴 +3.23 kB 🔴 +1.14 kB 🔴 +1.01 kB
assets/WidgetToggleSwitch-DCytZycR.js (removed) 3.23 kB 🟢 -3.23 kB 🟢 -1.14 kB 🟢 -1.01 kB
assets/MediaImageBottom-CTExMJs3.js (new) 3.05 kB 🔴 +3.05 kB 🔴 +1.05 kB 🔴 +914 B
assets/MediaImageBottom-CZt4IxyV.js (removed) 3.05 kB 🟢 -3.05 kB 🟢 -1.05 kB 🟢 -918 B
assets/MediaAudioBottom-B7nxXE_p.js (new) 3 kB 🔴 +3 kB 🔴 +1.05 kB 🔴 +928 B
assets/MediaAudioBottom-C4YiELFp.js (removed) 3 kB 🟢 -3 kB 🟢 -1.05 kB 🟢 -926 B
assets/Media3DTop-BuCCKc64.js (removed) 3 kB 🟢 -3 kB 🟢 -1.08 kB 🟢 -918 B
assets/Media3DTop-RQi7l8gM.js (new) 3 kB 🔴 +3 kB 🔴 +1.08 kB 🔴 +933 B
assets/MediaVideoBottom-Dp2g-XGX.js (new) 3 kB 🔴 +3 kB 🔴 +1.05 kB 🔴 +922 B
assets/MediaVideoBottom-fep0jwyo.js (removed) 3 kB 🟢 -3 kB 🟢 -1.05 kB 🟢 -908 B
assets/Media3DBottom-BO-ICt-3.js (removed) 2.98 kB 🟢 -2.98 kB 🟢 -1.04 kB 🟢 -931 B
assets/Media3DBottom-DrQJepkr.js (new) 2.98 kB 🔴 +2.98 kB 🔴 +1.04 kB 🔴 +921 B
assets/WidgetSelect-Cn1mverF.js (new) 2.17 kB 🔴 +2.17 kB 🔴 +674 B 🔴 +576 B
assets/WidgetSelect-CPl-gc8N.js (removed) 2.17 kB 🟢 -2.17 kB 🟢 -672 B 🟢 -576 B
assets/WidgetInputNumber-CjBlOi9n.js (new) 2.12 kB 🔴 +2.12 kB 🔴 +663 B 🔴 +555 B
assets/WidgetInputNumber-DnVixbxE.js (removed) 2.12 kB 🟢 -2.12 kB 🟢 -663 B 🟢 -556 B
assets/Load3D-BuYgfp9r.js (new) 1.94 kB 🔴 +1.94 kB 🔴 +596 B 🔴 +497 B
assets/Load3D-C_Xs-0qj.js (removed) 1.94 kB 🟢 -1.94 kB 🟢 -598 B 🟢 -498 B
assets/WidgetLegacy-Ba-tdq0O.js (removed) 1.88 kB 🟢 -1.88 kB 🟢 -561 B 🟢 -471 B
assets/WidgetLegacy-BEuxPK5d.js (new) 1.88 kB 🔴 +1.88 kB 🔴 +562 B 🔴 +513 B
assets/commands-_s-RvhJR.js 13.6 kB 13.6 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/commands-BuUILW6P.js 13 kB 13 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/commands-BV4R6fLx.js 14.9 kB 14.9 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/commands-CLwPdnT6.js 14.2 kB 14.2 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/commands-CWMchBmd.js 15.9 kB 15.9 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/commands-DazTQhtc.js 12.9 kB 12.9 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/commands-DmWrOe93.js 13.7 kB 13.7 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/commands-DwiH7Kr6.js 13.8 kB 13.8 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/commands-mS3LCNPn.js 14.5 kB 14.5 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/main-5lOBdqcC.js 84.5 kB 84.5 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/main-BOCuaVpE.js 73.4 kB 73.4 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/main-ClrEFGUz.js 72.4 kB 72.4 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/main-CyNU0iQX.js 99.3 kB 99.3 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/main-D7gwLxft.js 114 kB 114 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/main-DC8o4BCt.js 86.8 kB 86.8 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/main-DKiesCV4.js 94.3 kB 94.3 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/main-Hq2q-OtB.js 83.6 kB 83.6 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/main-USAlAlnj.js 82 kB 82 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/MediaAudioTop-RTI8pWy9.js 1.42 kB 1.42 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/MediaImageTop-DlKHfEAA.js 1.68 kB 1.68 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/MediaVideoTop-BB0lT7C5.js 2.7 kB 2.7 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/nodeDefs-_Px5dSNW.js 306 kB 306 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/nodeDefs-7z21KPoS.js 285 kB 285 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/nodeDefs-BWKZzBPK.js 346 kB 346 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/nodeDefs-CGbgH4Yl.js 320 kB 320 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/nodeDefs-CjjjdWkV.js 313 kB 313 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/nodeDefs-CVrNtxvj.js 288 kB 288 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/nodeDefs-DLRSA0IK.js 309 kB 309 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/nodeDefs-DQV2gnwA.js 372 kB 372 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/nodeDefs-ofqLG5vz.js 310 kB 310 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/WidgetChart-rDmYEWg5.js 2.39 kB 2.39 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/WidgetImageCompare-Ds3K3ULR.js 2.15 kB 2.15 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B
assets/widgetPropFilter-BIbGSUAt.js 1.28 kB 1.28 kB ⚪ 0 B ⚪ 0 B ⚪ 0 B

Status: 18 added / 18 removed

AustinMroz
AustinMroz previously approved these changes Nov 25, 2025
Copy link
Collaborator

@AustinMroz AustinMroz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. Should we also hit the tooltip for the AutoScaleLayout setting?
Currently Automatically scale node positions when switching to Vue rendering to prevent overlap

@DrJKL
Copy link
Contributor Author

DrJKL commented Nov 25, 2025

LGTM. Should we also hit the tooltip for the AutoScaleLayout setting? Currently Automatically scale node positions when switching to Vue rendering to prevent overlap

Yes. Yes we should. 💪🏻

@DrJKL DrJKL merged commit 9bd63db into main Nov 25, 2025
28 checks passed
@DrJKL DrJKL deleted the drjkl/two-point-oh branch November 25, 2025 01:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:S This PR changes 10-29 lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants