Fix issue No#7155: Nodes 2.0: Load Audio node is broken by kaili-yang · Pull Request #7175 · Comfy-Org/ComfyUI_frontend

kaili-yang · 2025-12-05T02:02:14Z

Fix: Fail to load audio node

Summary

When using Modern Node Design (Nodes 2.0), the Load Audio node is able to work as expected.
#7155

Changes

Aligned Load Audio node appearance with the Load Image (/src/renderer/extensions/vueNodes/components/NodeWidgets.vue) node for consistency.

Screenshots

┆Issue is synchronized with this Notion page by Unito

fix: fail to load audio node

coderabbitai · 2025-12-05T02:02:30Z

📝 Walkthrough

Walkthrough

The WidgetAudioUI.vue component was restructured from a simple stacked layout to a grid-based layout. The container now uses a grid with specific column sizing and padding, with both WidgetSelect and AudioPreviewPlayer elements spanning the full width. No functional or data flow changes were made.

Changes

Cohort / File(s)	Change Summary
Audio UI layout refactoring `src/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue`	Converted template from stacked layout to grid-based layout with specific column sizing and padding; both child components now use col-span-2 grid placement

Possibly related PRs

Style: Grid for widgets #6891: Applies matching grid-based layout refactoring to other widget components (NodeWidgets.vue and WidgetLayoutField.vue) as part of a broader widget layout standardization effort.

✨ Finishing touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: ASSERTIVE

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between fe2676e and a8c8763.

📒 Files selected for processing (1)

src/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue (1 hunks)

🧰 Additional context used

📓 Path-based instructions (12)

**/*.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/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.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/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue

**/*.{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/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue

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/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.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/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue

**/*.{ts,tsx,js,jsx,vue}

📄 CodeRabbit inference engine (CLAUDE.md)

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

Files:

src/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue

**/*.{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/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.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/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue

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/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue

src/**/{composables,components}/**/*.{ts,tsx,vue}

📄 CodeRabbit inference engine (src/CLAUDE.md)

Clean up subscriptions in state management to prevent memory leaks

Files:

src/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue

src/**/*.{vue,ts,tsx}

📄 CodeRabbit inference engine (src/CLAUDE.md)

Follow Vue 3 composition API style guide

Files:

src/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue

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/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue

🔇 Additional comments (1)

src/renderer/extensions/vueNodes/widgets/components/WidgetAudioUI.vue (1)

2-12: Grid-based layout for Load Audio widget looks consistent with Nodes 2.0 pattern

The new grid container and col-span-2 usage on both WidgetSelect and AudioPreviewPlayer match the expected “full‑row” widget behavior and should align visually with the Load Image node while keeping all props and behavior intact. No issues from a Vue/Tailwind or Composition API standpoint in this hunk.

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

github-actions · 2025-12-05T02:02:44Z

🎨 Storybook Build Status

Build is starting...

⏰ Started at: 12/05/2025, 02:02:33 AM UTC

🚀 Building Storybook

📦 Installing dependencies...
🔧 Building Storybook components...
🌐 Preparing deployment to Cloudflare Pages...

⏱️ Please wait while the Storybook build is in progress...

github-actions · 2025-12-05T02:02:44Z

🎭 Playwright Test Results

❌ Some tests failed

⏰ Completed at: 12/05/2025, 02:56:05 AM UTC

📈 Summary

Total Tests: 493
Passed: 478 ✅
Failed: 1 ❌
Flaky: 4 ⚠️
Skipped: 10 ⏭️

📊 Test Reports by Browser

✅ chromium: View Report • ✅ 469 / ❌ 1 / ⚠️ 4 / ⏭️ 10
✅ 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 · 2025-12-05T02:48:02Z

Bundle Size Report

Summary

Raw size: 17 MB baseline 17 MB — 🔴 +33 B
Gzip: 3.38 MB baseline 3.38 MB — 🔴 +74 B
Brotli: 2.59 MB baseline 2.59 MB — 🟢 -63 B
Bundles: 97 current • 97 baseline • 37 added / 37 removed

Category Glance
Other 🔴 +33 B (3.81 MB) · Vendor & Third-Party ⚪ 0 B (8.56 MB) · App Entry Points ⚪ 0 B (3.2 MB) · Graph Workspace ⚪ 0 B (974 kB) · Panels & Settings ⚪ 0 B (298 kB) · UI Components ⚪ 0 B (173 kB) · + 3 more

Per-category breakdown

App Entry Points — 3.2 MB (baseline 3.2 MB) • ⚪ 0 B

Main entry bundles and manifests

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
~~assets/index-Dqv_ZOH_.js~~ (removed)	2.97 MB	—	🟢 -2.97 MB	🟢 -619 kB	🟢 -470 kB
assets/index-Dv8IASKW.js (new)	—	2.97 MB	🔴 +2.97 MB	🔴 +619 kB	🔴 +470 kB
~~assets/index-CSi1adXo.js~~ (removed)	223 kB	—	🟢 -223 kB	🟢 -47.6 kB	🟢 -39.3 kB
assets/index-Du-oI2T8.js (new)	—	223 kB	🔴 +223 kB	🔴 +47.6 kB	🔴 +39.3 kB
~~assets/index-Ci-KN8RO.js~~ (removed)	345 B	—	🟢 -345 B	🟢 -246 B	🟢 -230 B
assets/index-CWEz4NY1.js (new)	—	345 B	🔴 +345 B	🔴 +249 B	🔴 +235 B

Status: 3 added / 3 removed

Graph Workspace — 974 kB (baseline 974 kB) • ⚪ 0 B

Graph editor runtime, canvas, workflow orchestration

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
assets/GraphView-BBwg3zA8.js (new)	—	974 kB	🔴 +974 kB	🔴 +188 kB	🔴 +143 kB
~~assets/GraphView-CPctgGIL.js~~ (removed)	974 kB	—	🟢 -974 kB	🟢 -188 kB	🟢 -143 kB

Status: 1 added / 1 removed

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

Top-level views, pages, and routed surfaces

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
~~assets/UserSelectView-B2S3RyFZ.js~~ (removed)	6.54 kB	—	🟢 -6.54 kB	🟢 -2.14 kB	🟢 -1.9 kB
assets/UserSelectView-Bns-kpyF.js (new)	—	6.54 kB	🔴 +6.54 kB	🔴 +2.14 kB	🔴 +1.9 kB

Status: 1 added / 1 removed

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

Configuration panels, inspectors, and settings screens

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
assets/CreditsPanel-GFkxQtff.js (new)	—	21.4 kB	🔴 +21.4 kB	🔴 +5.15 kB	🔴 +4.5 kB
~~assets/CreditsPanel-tdtMHtbU.js~~ (removed)	21.4 kB	—	🟢 -21.4 kB	🟢 -5.15 kB	🟢 -4.5 kB
~~assets/KeybindingPanel-CjGfBaFT.js~~ (removed)	13.6 kB	—	🟢 -13.6 kB	🟢 -3.42 kB	🟢 -3.01 kB
assets/KeybindingPanel-DrU2CzHq.js (new)	—	13.6 kB	🔴 +13.6 kB	🔴 +3.42 kB	🔴 +3.01 kB
assets/ExtensionPanel-CLcGYYXa.js (new)	—	10.8 kB	🔴 +10.8 kB	🔴 +2.58 kB	🔴 +2.26 kB
~~assets/ExtensionPanel-zstOuiY7.js~~ (removed)	10.8 kB	—	🟢 -10.8 kB	🟢 -2.57 kB	🟢 -2.26 kB
~~assets/AboutPanel-8WSdk0Z1.js~~ (removed)	9.16 kB	—	🟢 -9.16 kB	🟢 -2.46 kB	🟢 -2.21 kB
assets/AboutPanel-CewdfcQI.js (new)	—	9.16 kB	🔴 +9.16 kB	🔴 +2.46 kB	🔴 +2.21 kB
~~assets/ServerConfigPanel-CkzHihHg.js~~ (removed)	6.56 kB	—	🟢 -6.56 kB	🟢 -1.83 kB	🟢 -1.63 kB
assets/ServerConfigPanel-D7CygECW.js (new)	—	6.56 kB	🔴 +6.56 kB	🔴 +1.83 kB	🔴 +1.63 kB
assets/UserPanel-DEpd_Of3.js (new)	—	6.23 kB	🔴 +6.23 kB	🔴 +1.72 kB	🔴 +1.51 kB
~~assets/UserPanel-DHgtcXJW.js~~ (removed)	6.23 kB	—	🟢 -6.23 kB	🟢 -1.72 kB	🟢 -1.51 kB
assets/settings-BhbWhsRg.js	101 B	101 B	⚪ 0 B	⚪ 0 B	⚪ 0 B
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 — 173 kB (baseline 173 kB) • ⚪ 0 B

Reusable component library chunks

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
~~assets/Load3D.vue_vue_type_script_setup_true_lang-D3use3ER.js~~ (removed)	53.9 kB	—	🟢 -53.9 kB	🟢 -8.52 kB	🟢 -7.32 kB
assets/Load3D.vue_vue_type_script_setup_true_lang-DI2qZObb.js (new)	—	53.9 kB	🔴 +53.9 kB	🔴 +8.52 kB	🔴 +7.32 kB
~~assets/WidgetSelect.vue_vue_type_script_setup_true_lang-CdhKNttT.js~~ (removed)	47.6 kB	—	🟢 -47.6 kB	🟢 -10.3 kB	🟢 -8.9 kB
assets/WidgetSelect.vue_vue_type_script_setup_true_lang-CTLjttOp.js (new)	—	47.6 kB	🔴 +47.6 kB	🔴 +10.3 kB	🔴 +8.91 kB
assets/LazyImage.vue_vue_type_script_setup_true_lang-DmxaGEn0.js (new)	—	43.3 kB	🔴 +43.3 kB	🔴 +9.68 kB	🔴 +8.45 kB
~~assets/LazyImage.vue_vue_type_script_setup_true_lang-DvvBfJGk.js~~ (removed)	43.3 kB	—	🟢 -43.3 kB	🟢 -9.68 kB	🟢 -8.46 kB
~~assets/WidgetInputNumber.vue_vue_type_script_setup_true_lang-DD37M5Yp.js~~ (removed)	12.9 kB	—	🟢 -12.9 kB	🟢 -3.37 kB	🟢 -2.97 kB
assets/WidgetInputNumber.vue_vue_type_script_setup_true_lang-DfM0Tu05.js (new)	—	12.9 kB	🔴 +12.9 kB	🔴 +3.37 kB	🔴 +2.97 kB
~~assets/ComfyQueueButton-GFcxiIeL.js~~ (removed)	8.44 kB	—	🟢 -8.44 kB	🟢 -2.47 kB	🟢 -2.21 kB
assets/ComfyQueueButton-tyIDNoJD.js (new)	—	8.44 kB	🔴 +8.44 kB	🔴 +2.48 kB	🔴 +2.21 kB
assets/MediaTitle.vue_vue_type_script_setup_true_lang-DtEfHgEn.js (new)	—	897 B	🔴 +897 B	🔴 +502 B	🔴 +462 B
~~assets/MediaTitle.vue_vue_type_script_setup_true_lang-mLBoQ1rc.js~~ (removed)	897 B	—	🟢 -897 B	🟢 -502 B	🟢 -433 B
assets/UserAvatar.vue_vue_type_script_setup_true_lang-CDkUGVOA.js	1.34 kB	1.34 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/WidgetButton-CbZj9xHx.js	2.04 kB	2.04 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/WidgetLayoutField.vue_vue_type_script_setup_true_lang-Bb3LZ5y7.js	2.26 kB	2.26 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-C1IEfb9_.js~~ (removed)	7.51 kB	—	🟢 -7.51 kB	🟢 -1.83 kB	🟢 -1.58 kB
assets/keybindingService-CmsWzWcm.js (new)	—	7.51 kB	🔴 +7.51 kB	🔴 +1.83 kB	🔴 +1.57 kB
~~assets/audioService-B1yqA1Mo.js~~ (removed)	2.2 kB	—	🟢 -2.2 kB	🟢 -961 B	🟢 -821 B
assets/audioService-YOZD_Y-d.js (new)	—	2.2 kB	🔴 +2.2 kB	🔴 +962 B	🔴 +822 B
assets/serverConfigStore-uprby_D3.js	2.83 kB	2.83 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-8YUrIa_2.js (new)	—	1.41 kB	🔴 +1.41 kB	🔴 +652 B	🔴 +548 B
~~assets/audioUtils-CrwDOilH.js~~ (removed)	1.41 kB	—	🟢 -1.41 kB	🟢 -650 B	🟢 -543 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 — 8.56 MB (baseline 8.56 MB) • ⚪ 0 B

External libraries and shared vendor chunks

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
assets/vendor-chart-BhMrpT7H.js	452 kB	452 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/vendor-other-Djvsb6Yg.js	3.98 MB	3.98 MB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/vendor-primevue-vP_q3PtU.js	1.96 MB	1.96 MB	⚪ 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-abEQAgz5.js	232 kB	232 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/vendor-vue-abso1wrr.js	160 kB	160 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/vendor-xterm-BZLod3g9.js	407 kB	407 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B

Other — 3.81 MB (baseline 3.81 MB) • 🔴 +33 B

Bundles that do not match a named category

File	Before	After	Δ Raw	Δ Gzip	Δ Brotli
assets/WidgetRecordAudio-B-_hX2FD.js (new)	—	20.4 kB	🔴 +20.4 kB	🔴 +5.24 kB	🔴 +4.63 kB
~~assets/WidgetRecordAudio-DmFtzdLM.js~~ (removed)	20.4 kB	—	🟢 -20.4 kB	🟢 -5.24 kB	🟢 -4.63 kB
assets/AudioPreviewPlayer-BKTYVqhC.js (new)	—	13.5 kB	🔴 +13.5 kB	🔴 +3.4 kB	🔴 +3.04 kB
~~assets/AudioPreviewPlayer-Dhj1P9tl.js~~ (removed)	13.5 kB	—	🟢 -13.5 kB	🟢 -3.4 kB	🟢 -3.05 kB
~~assets/WidgetGalleria-CA7nKdp1.js~~ (removed)	4.1 kB	—	🟢 -4.1 kB	🟢 -1.44 kB	🟢 -1.3 kB
assets/WidgetGalleria-GSct9WLf.js (new)	—	4.1 kB	🔴 +4.1 kB	🔴 +1.44 kB	🔴 +1.3 kB
~~assets/WidgetColorPicker-BlAeiw_N.js~~ (removed)	3.41 kB	—	🟢 -3.41 kB	🟢 -1.38 kB	🟢 -1.23 kB
assets/WidgetColorPicker-Z3FKO6Gf.js (new)	—	3.41 kB	🔴 +3.41 kB	🔴 +1.38 kB	🔴 +1.23 kB
~~assets/WidgetMarkdown-CQos0WjR.js~~ (removed)	3.08 kB	—	🟢 -3.08 kB	🟢 -1.28 kB	🟢 -1.12 kB
assets/WidgetMarkdown-eLGZoDFg.js (new)	—	3.08 kB	🔴 +3.08 kB	🔴 +1.28 kB	🔴 +1.12 kB
assets/WidgetTextarea-Bah1isLS.js (new)	—	2.93 kB	🔴 +2.93 kB	🔴 +1.17 kB	🔴 +1.03 kB
~~assets/WidgetTextarea-CoXfUnia.js~~ (removed)	2.93 kB	—	🟢 -2.93 kB	🟢 -1.17 kB	🟢 -1.05 kB
assets/WidgetAudioUI-C8I2mdlo.js (new)	—	2.85 kB	🔴 +2.85 kB	🔴 +1.17 kB	🔴 +1.05 kB
~~assets/WidgetAudioUI-C7HQMFhz.js~~ (removed)	2.82 kB	—	🟢 -2.82 kB	🟢 -1.12 kB	🟢 -1.01 kB
~~assets/WidgetInputText-B2QBLQt9.js~~ (removed)	1.99 kB	—	🟢 -1.99 kB	🟢 -917 B	🟢 -847 B
assets/WidgetInputText-DnM96c9F.js (new)	—	1.99 kB	🔴 +1.99 kB	🔴 +919 B	🔴 +846 B
~~assets/MediaImageBottom-DZ1NlKIm.js~~ (removed)	1.57 kB	—	🟢 -1.57 kB	🟢 -741 B	🟢 -647 B
assets/MediaImageBottom-IjlAJ30K.js (new)	—	1.57 kB	🔴 +1.57 kB	🔴 +740 B	🔴 +649 B
~~assets/MediaAudioBottom-BE1-CE4j.js~~ (removed)	1.52 kB	—	🟢 -1.52 kB	🟢 -740 B	🟢 -657 B
assets/MediaAudioBottom-Cl1IWOyR.js (new)	—	1.52 kB	🔴 +1.52 kB	🔴 +742 B	🔴 +657 B
assets/MediaVideoBottom-Bg5O9UxK.js (new)	—	1.52 kB	🔴 +1.52 kB	🔴 +740 B	🔴 +656 B
~~assets/MediaVideoBottom-BqHSgwzA.js~~ (removed)	1.52 kB	—	🟢 -1.52 kB	🟢 -738 B	🟢 -655 B
~~assets/Media3DBottom-DBUol5fK.js~~ (removed)	1.5 kB	—	🟢 -1.5 kB	🟢 -731 B	🟢 -652 B
assets/Media3DBottom-HKdckwl5.js (new)	—	1.5 kB	🔴 +1.5 kB	🔴 +730 B	🔴 +650 B
assets/Media3DTop-C60XoSbn.js (new)	—	1.49 kB	🔴 +1.49 kB	🔴 +764 B	🔴 +651 B
~~assets/Media3DTop-D2AT_UMY.js~~ (removed)	1.49 kB	—	🟢 -1.49 kB	🟢 -763 B	🟢 -644 B
~~assets/WidgetSelect-4FFdgevL.js~~ (removed)	655 B	—	🟢 -655 B	🟢 -343 B	🟢 -288 B
assets/WidgetSelect-tA8KZi6l.js (new)	—	655 B	🔴 +655 B	🔴 +343 B	🔴 +311 B
~~assets/WidgetInputNumber-CH18WsAw.js~~ (removed)	595 B	—	🟢 -595 B	🟢 -330 B	🟢 -276 B
assets/WidgetInputNumber-CKsUaklr.js (new)	—	595 B	🔴 +595 B	🔴 +330 B	🔴 +276 B
~~assets/Load3D-jZ0TOmfb.js~~ (removed)	424 B	—	🟢 -424 B	🟢 -265 B	🟢 -224 B
assets/Load3D-ptQ9z3hv.js (new)	—	424 B	🔴 +424 B	🔴 +268 B	🔴 +225 B
assets/WidgetLegacy-CGjMZPav.js (new)	—	364 B	🔴 +364 B	🔴 +237 B	🔴 +194 B
~~assets/WidgetLegacy-DOkfbAIG.js~~ (removed)	364 B	—	🟢 -364 B	🟢 -238 B	🟢 -194 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-BWp4HdfU.js	101 B	101 B	⚪ 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-B1JflQcI.js	72.2 kB	72.2 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-B2lyXe48.js	114 kB	114 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-B9XEQ-pc.js	94 kB	94 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-BErKFzc-.js	73.1 kB	73.1 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-Bf7Tze-u.js	83.4 kB	83.4 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-BhGMcO4Q.js	84.3 kB	84.3 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-CPZUloNQ.js	99 kB	99 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-Cw9RZWRY.js	89 B	89 B	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-Dva0z-T2.js	86.5 kB	86.5 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/main-un0K9wDS.js	81.8 kB	81.8 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/MediaAudioTop-DCIZ2mdC.js	1.46 kB	1.46 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/MediaImageTop-Du4uz2Wm.js	1.75 kB	1.75 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/MediaVideoTop-59yKN05c.js	2.76 kB	2.76 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-8e6QYQW0.js	283 kB	283 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-A_9dx4yn.js	304 kB	304 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-BbD3HDi7.js	307 kB	307 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-BOJhIPft.js	369 kB	369 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-Bw_Jitw_.js	101 B	101 B	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-C-Pw33mW.js	317 kB	317 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-ChLyG0UJ.js	285 kB	285 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-CUVPxA4l.js	342 kB	342 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-Dx5Y4xrW.js	310 kB	310 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/nodeDefs-JqO5mNmW.js	306 kB	306 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/WidgetChart-Beblk1io.js	2.48 kB	2.48 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/WidgetImageCompare-CMMfeF2r.js	2.21 kB	2.21 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/widgetPropFilter-BIbGSUAt.js	1.28 kB	1.28 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B
assets/WidgetToggleSwitch-C8WLR8XC.js	1.58 kB	1.58 kB	⚪ 0 B	⚪ 0 B	⚪ 0 B

Status: 17 added / 17 removed

Myestery

LGTM 🚀
Thanks for your contribution

### Fix: Fail to load audio node ## Summary When using Modern Node Design (Nodes 2.0), the Load Audio node is able to work as expected. #7155 ## Changes Aligned `Load Audio` node appearance with the `Load Image` (/src/renderer/extensions/vueNodes/components/NodeWidgets.vue) node for consistency. ## Screenshots <img width="674" height="464" alt="zzzzw" src="https://github.com/user-attachments/assets/a7bf6a81-00e3-41a8-962b-560e7acb5c41" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7175-Fix-issue-No-7155-Nodes-2-0-Load-Audio-node-is-broken-2c06d73d365081ae9ab3c2ea20f061a4) by [Unito](https://www.unito.io)

comfy-pr-bot · 2025-12-09T00:53:03Z

@kaili-yang Successfully backported to #7261

… broken (#7261) Backport of #7175 to `core/1.33` Automatically created by backport workflow. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7261-backport-core-1-33-Fix-issue-No-7155-Nodes-2-0-Load-Audio-node-is-broken-2c46d73d36508149b7d4eeddbc05919f) by [Unito](https://www.unito.io) Co-authored-by: Kelly Yang <124ykl@gmail.com>

### Fix: Fail to load audio node ## Summary When using Modern Node Design (Nodes 2.0), the Load Audio node is able to work as expected. #7155 ## Changes Aligned `Load Audio` node appearance with the `Load Image` (/src/renderer/extensions/vueNodes/components/NodeWidgets.vue) node for consistency. ## Screenshots <img width="674" height="464" alt="zzzzw" src="https://github.com/user-attachments/assets/a7bf6a81-00e3-41a8-962b-560e7acb5c41" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7175-Fix-issue-No-7155-Nodes-2-0-Load-Audio-node-is-broken-2c06d73d365081ae9ab3c2ea20f061a4) by [Unito](https://www.unito.io)

Update WidgetAudioUI.vue

a8c8763

fix: fail to load audio node

kaili-yang requested a review from a team as a code owner December 5, 2025 02:02

dosubot bot added the size:S This PR changes 10-29 lines, ignoring generated files. label Dec 5, 2025

Myestery approved these changes Dec 5, 2025

View reviewed changes

Myestery enabled auto-merge (squash) December 5, 2025 02:48

Myestery disabled auto-merge December 5, 2025 02:48

Myestery linked an issue Dec 5, 2025 that may be closed by this pull request

Nodes 2.0: Load Audio node is broken #7155

Closed

3 tasks

Myestery self-assigned this Dec 5, 2025

Myestery enabled auto-merge (squash) December 5, 2025 02:50

Myestery disabled auto-merge December 5, 2025 03:08

Myestery merged commit dbda8b4 into Comfy-Org:main Dec 5, 2025
31 of 32 checks passed

christian-byrne added needs-backport Fix/change that needs to be cherry-picked to the current feature freeze branch core/1.33 labels Dec 9, 2025

comfy-pr-bot mentioned this pull request Dec 9, 2025

[backport core/1.33] Fix issue No#7155: Nodes 2.0: Load Audio node is broken #7261

Merged

github-actions bot removed the needs-backport Fix/change that needs to be cherry-picked to the current feature freeze branch label Dec 9, 2025

christian-byrne mentioned this pull request Dec 9, 2025

Bump frontend to 1.34 Comfy-Org/ComfyUI#11203

Closed

coderabbitai bot mentioned this pull request Jan 21, 2026

Fix doubled player on VHS LoadAudio in vue #8206

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Fix issue No#7155: Nodes 2.0: Load Audio node is broken#7175

Fix issue No#7155: Nodes 2.0: Load Audio node is broken#7175
Myestery merged 1 commit intoComfy-Org:mainfrom
kaili-yang:main

kaili-yang commented Dec 5, 2025 •

edited by sync-by-unito bot

Loading

Uh oh!

coderabbitai bot commented Dec 5, 2025 •

edited

Loading

Walkthrough

Changes

Possibly related PRs

Uh oh!

github-actions bot commented Dec 5, 2025

Uh oh!

github-actions bot commented Dec 5, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Dec 5, 2025

Uh oh!

Myestery left a comment

Uh oh!

Uh oh!

comfy-pr-bot commented Dec 9, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Conversation

kaili-yang commented Dec 5, 2025 • edited by sync-by-unito bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Fix: Fail to load audio node

Summary

Changes

Screenshots

Uh oh!

coderabbitai bot commented Dec 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Possibly related PRs

Uh oh!

github-actions bot commented Dec 5, 2025

🎨 Storybook Build Status

🚀 Building Storybook

Uh oh!

github-actions bot commented Dec 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎭 Playwright Test Results

📈 Summary

📊 Test Reports by Browser

Uh oh!

github-actions bot commented Dec 5, 2025

Bundle Size Report

Uh oh!

Myestery left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

comfy-pr-bot commented Dec 9, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

kaili-yang commented Dec 5, 2025 •

edited by sync-by-unito bot

Loading

coderabbitai bot commented Dec 5, 2025 •

edited

Loading

github-actions bot commented Dec 5, 2025 •

edited

Loading