Skip to content

Style: Widget spacing and Markdown padding #6902

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
DrJKL merged 3 commits into from
Nov 25, 2025
Merged

Style: Widget spacing and Markdown padding #6902

DrJKL merged 3 commits into from
Nov 25, 2025

Conversation

@DrJKL
Copy link
Contributor

@DrJKL DrJKL commented Nov 25, 2025 •
edited by sync-by-unito bot
Loading

Summary

Less padding, looks nice.

┆Issue is synchronized with this Notion page by Unito

@DrJKL DrJKL requested a review from a team as a code owner November 25, 2025 01:49
@dosubot dosubot bot added the size:XS This PR changes 0-9 lines, ignoring generated files. label Nov 25, 2025
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Nov 25, 2025 •
edited
Loading

📝 Walkthrough

Walkthrough

Minor UI styling adjustments applied to two components: replaced vertical gap class from gap-1 to gap-y-1 in NodeWidgets container, and removed horizontal padding while simplifying styling in WidgetMarkdown's rendered markdown container.

Changes

Cohort / File(s) Change Summary
UI Spacing Updates
src/renderer/extensions/vueNodes/components/NodeWidgets.vue		 Changed root container's gap class from gap-1 to gap-y-1 in dynamic class binding
Widget Styling Refinements
src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.vue		 Removed left/right padding (px-4 py-2) from rendered markdown container and simplified to rounded-lg text-sm

Possibly related PRs

  • Style: Grid for widgets #6891: Also modifies layout-related classes in src/renderer/extensions/vueNodes/components/NodeWidgets.vue, suggesting concurrent UI layout refinements in the same component.
✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch drjkl/mind-the
📜 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 e54b972 and 32557aa.

⛔ Files ignored due to path filters (19)
  • browser_tests/tests/vueNodes/groups/groups.spec.ts-snapshots/vue-groups-create-group-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/groups/groups.spec.ts-snapshots/vue-groups-fit-to-contents-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/interactions/links/linkInteraction.spec.ts-snapshots/vue-node-dragging-link-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/interactions/links/linkInteraction.spec.ts-snapshots/vue-node-input-drag-ctrl-alt-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/interactions/links/linkInteraction.spec.ts-snapshots/vue-node-input-drag-reuses-origin-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/interactions/links/linkInteraction.spec.ts-snapshots/vue-node-reroute-input-drag-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/interactions/links/linkInteraction.spec.ts-snapshots/vue-node-reroute-output-shift-drag-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/interactions/links/linkInteraction.spec.ts-snapshots/vue-node-shift-output-multi-link-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/interactions/links/linkInteraction.spec.ts-snapshots/vue-node-snap-to-node-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/interactions/links/linkInteraction.spec.ts-snapshots/vue-node-snap-to-slot-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/interactions/node/move.spec.ts-snapshots/vue-node-moved-node-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/nodeStates/bypass.spec.ts-snapshots/vue-node-bypassed-state-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/nodeStates/colors.spec.ts-snapshots/vue-node-custom-color-blue-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/nodeStates/colors.spec.ts-snapshots/vue-node-custom-colors-dark-all-colors-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/nodeStates/colors.spec.ts-snapshots/vue-node-custom-colors-light-all-colors-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/nodeStates/lod.spec.ts-snapshots/vue-nodes-default-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/nodeStates/lod.spec.ts-snapshots/vue-nodes-lod-inactive-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/nodeStates/mute.spec.ts-snapshots/vue-node-muted-state-chromium-linux.png is excluded by !**/*.png
  • browser_tests/tests/vueNodes/widgets/load/uploadWidgets.spec.ts-snapshots/vue-nodes-upload-widgets-chromium-linux.png is excluded by !**/*.png
📒 Files selected for processing (2)
  • src/renderer/extensions/vueNodes/components/NodeWidgets.vue (1 hunks)
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.vue
src/**/*.{vue,ts,tsx}

📄 CodeRabbit inference engine (src/CLAUDE.md)

Follow Vue 3 composition API style guide

Files:

  • src/renderer/extensions/vueNodes/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.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/components/NodeWidgets.vue
  • src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.vue
🧠 Learnings (1)
📚 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 : Implement responsive design with Tailwind CSS

Applied to files:

  • src/renderer/extensions/vueNodes/components/NodeWidgets.vue
🔇 Additional comments (2)
src/renderer/extensions/vueNodes/widgets/components/WidgetMarkdown.vue (1)

7-11: Markdown padding change looks safe; please visually verify dense content

The new class set removes inner padding, which should achieve the “less padding” goal without affecting behavior. Please double-check with longer markdown (lists, headings, multi-line paragraphs) that text doesn’t feel cramped against the rounded edges across common node widths and themes.

src/renderer/extensions/vueNodes/components/NodeWidgets.vue (1)

8-13: Vertical‑only gap is fine; confirm horizontal spacing still feels right

Switching from gap-1 to gap-y-1 keeps vertical spacing while tightening horizontal separation between the subgrid columns. This aligns with the “denser” layout goal and doesn’t affect behavior, but please sanity‑check a few nodes (short/long labels, with/without slot dots) to ensure label → widget spacing still reads clearly at different widths. As per coding guidelines, this remains consistent with the Tailwind-based responsive grid approach.

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

@github-actions
Copy link

github-actions bot commented Nov 25, 2025 •
edited
Loading

🎨 Storybook Build Status

✅ Build completed successfully!

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

🔗 Links

🎉 Your Storybook is ready for review!

@github-actions
Copy link

github-actions bot commented Nov 25, 2025 •
edited
Loading

🎭 Playwright Test Results

❌ Some tests failed

⏰ Completed at: 11/25/2025, 02:04:57 AM UTC

📈 Summary

  • Total Tests: 479
  • Passed: 450 ✅
  • Failed: 18 ❌
  • Flaky: 2 ⚠️
  • Skipped: 9 ⏭️

📊 Test Reports by Browser

  • ✅ chromium: View Report • ✅ 441 / ❌ 18 / ⚠️ 2 / ⏭️ 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.

@DrJKL DrJKL added the New Browser Test Expectations New browser test screenshot should be set by github action label Nov 25, 2025
@github-actions
Copy link

github-actions bot commented Nov 25, 2025

Updating Playwright Expectations

Myestery
Myestery reviewed Nov 25, 2025
View reviewed changes
Copy link
Collaborator

@Myestery Myestery left a comment •
edited
Loading

Choose a reason for hiding this comment

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

I thought about making these changes using design tokens like we did for colors

@github-actions
Copy link

github-actions bot commented Nov 25, 2025

Bundle Size Report

Summary

  • Raw size: 14.2 MB baseline 14.2 MB — 🟢 -8 B
  • Gzip: 2.84 MB baseline 2.84 MB — 🟢 -9 B
  • Brotli: 2.22 MB baseline 2.22 MB — 🟢 -51 B
  • Bundles: 92 current • 92 baseline • 38 added / 38 removed

Category Glance
Other 🟢 -10 B (3.87 MB) · App Entry Points 🔴 +2 B (3.18 MB) · Vendor & Third-Party ⚪ 0 B (5.7 MB) · Graph Workspace ⚪ 0 B (942 kB) · 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) • 🔴 +2 B

Main entry bundles and manifests

File Before After Δ Raw Δ Gzip Δ Brotli
assets/index-_fV9vjdR.js (new) — 2.95 MB 🔴 +2.95 MB 🔴 +615 kB 🔴 +467 kB
assets/index-B4OOOa8U.js (removed) 2.95 MB — 🟢 -2.95 MB 🟢 -615 kB 🟢 -467 kB
assets/index-BHgx_C51.js (new) — 228 kB 🔴 +228 kB 🔴 +48.9 kB 🔴 +40.3 kB
assets/index-Co8VNjcW.js (removed) 228 kB — 🟢 -228 kB 🟢 -48.9 kB 🟢 -40.3 kB
assets/index-CEfvP4O5.js (removed) 345 B — 🟢 -345 B 🟢 -246 B 🟢 -231 B
assets/index-CeJCEJa-.js (new) — 345 B 🔴 +345 B 🔴 +244 B 🔴 +200 B

Status: 3 added / 3 removed

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

Graph editor runtime, canvas, workflow orchestration

File Before After Δ Raw Δ Gzip Δ Brotli
assets/GraphView-C7o0f9L7.js (removed) 942 kB — 🟢 -942 kB 🟢 -182 kB 🟢 -140 kB
assets/GraphView-Dk4RnPst.js (new) — 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-BTI0VZvV.js (new) — 7.97 kB 🔴 +7.97 kB 🔴 +2.44 kB 🔴 +2.14 kB
assets/UserSelectView-wY_rItVH.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-CPX01sfD.js (new) — 22.9 kB 🔴 +22.9 kB 🔴 +5.46 kB 🔴 +4.78 kB
assets/CreditsPanel-DB8Yb_f7.js (removed) 22.9 kB — 🟢 -22.9 kB 🟢 -5.46 kB 🟢 -4.78 kB
assets/KeybindingPanel-D_4Rviyv.js (new) — 15.1 kB 🔴 +15.1 kB 🔴 +3.73 kB 🔴 +3.29 kB
assets/KeybindingPanel-D6zLL53A.js (removed) 15.1 kB — 🟢 -15.1 kB 🟢 -3.73 kB 🟢 -3.28 kB
assets/ExtensionPanel-C7LOY4tj.js (removed) 11.9 kB — 🟢 -11.9 kB 🟢 -2.8 kB 🟢 -2.45 kB
assets/ExtensionPanel-D248mhZ1.js (new) — 11.9 kB 🔴 +11.9 kB 🔴 +2.79 kB 🔴 +2.45 kB
assets/AboutPanel-CcgPSU4L.js (new) — 10.1 kB 🔴 +10.1 kB 🔴 +2.62 kB 🔴 +2.31 kB
assets/AboutPanel-DeHiSsj_.js (removed) 10.1 kB — 🟢 -10.1 kB 🟢 -2.62 kB 🟢 -2.31 kB
assets/ServerConfigPanel-D_MibSGP.js (new) — 8.02 kB 🔴 +8.02 kB 🔴 +2.12 kB 🔴 +1.87 kB
assets/ServerConfigPanel-UV91lULc.js (removed) 8.02 kB — 🟢 -8.02 kB 🟢 -2.12 kB 🟢 -1.87 kB
assets/UserPanel-BxGSer0s.js (removed) 7.74 kB — 🟢 -7.74 kB 🟢 -2.02 kB 🟢 -1.77 kB
assets/UserPanel-C_aL9JR3.js (new) — 7.74 kB 🔴 +7.74 kB 🔴 +2.02 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-BP-NTuq9.js (removed) 53.9 kB — 🟢 -53.9 kB 🟢 -8.43 kB 🟢 -7.24 kB
assets/Load3D.vue_vue_type_script_setup_true_lang-DH2kXWH_.js (new) — 53.9 kB 🔴 +53.9 kB 🔴 +8.43 kB 🔴 +7.24 kB
assets/WidgetSelect.vue_vue_type_script_setup_true_lang-CUHpx6ed.js (new) — 48 kB 🔴 +48 kB 🔴 +10.3 kB 🔴 +8.92 kB
assets/WidgetSelect.vue_vue_type_script_setup_true_lang-JPZy8ebA.js (removed) 48 kB — 🟢 -48 kB 🟢 -10.3 kB 🟢 -8.91 kB
assets/WidgetInputNumber.vue_vue_type_script_setup_true_lang-Bb6zR8t6.js (new) — 12.7 kB 🔴 +12.7 kB 🔴 +3.31 kB 🔴 +2.94 kB
assets/WidgetInputNumber.vue_vue_type_script_setup_true_lang-Cl8c8U5U.js (removed) 12.7 kB — 🟢 -12.7 kB 🟢 -3.3 kB 🟢 -2.92 kB
assets/ComfyQueueButton-CS66untC.js (removed) 9.22 kB — 🟢 -9.22 kB 🟢 -2.5 kB 🟢 -2.2 kB
assets/ComfyQueueButton-DaMr49mM.js (new) — 9.22 kB 🔴 +9.22 kB 🔴 +2.5 kB 🔴 +2.2 kB
assets/WidgetLayoutField.vue_vue_type_script_setup_true_lang-8vZknvID.js (new) — 2.15 kB 🔴 +2.15 kB 🔴 +802 B 🔴 +703 B
assets/WidgetLayoutField.vue_vue_type_script_setup_true_lang-bX_ppYei.js (removed) 2.15 kB — 🟢 -2.15 kB 🟢 -800 B 🟢 -702 B
assets/MediaTitle.vue_vue_type_script_setup_true_lang-BCJ8JPSp.js (removed) 848 B — 🟢 -848 B 🟢 -475 B 🟢 -415 B
assets/MediaTitle.vue_vue_type_script_setup_true_lang-Cc9BST1n.js (new) — 848 B 🔴 +848 B 🔴 +471 B 🔴 +413 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-B4tUAfgp.js 1.93 kB 1.93 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-CwfmhFay.js (new) — 7.51 kB 🔴 +7.51 kB 🔴 +1.83 kB 🔴 +1.58 kB
assets/keybindingService-yYdqWKog.js (removed) 7.51 kB — 🟢 -7.51 kB 🟢 -1.84 kB 🟢 -1.58 kB
assets/audioService-B8O6rByI.js (new) — 2.2 kB 🔴 +2.2 kB 🔴 +963 B 🔴 +822 B
assets/audioService-C__5XJt8.js (removed) 2.2 kB — 🟢 -2.2 kB 🟢 -964 B 🟢 -828 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-CKRgPqfy.js (new) — 1.41 kB 🔴 +1.41 kB 🔴 +650 B 🔴 +547 B
assets/audioUtils-CltxiU0l.js (removed) 1.41 kB — 🟢 -1.41 kB 🟢 -649 B 🟢 -548 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) • 🟢 -10 B

Bundles that do not match a named category

File Before After Δ Raw Δ Gzip Δ Brotli
assets/WidgetRecordAudio-CJDE_OXz.js (new) — 21.9 kB 🔴 +21.9 kB 🔴 +5.53 kB 🔴 +4.89 kB
assets/WidgetRecordAudio-CyEc-ISs.js (removed) 21.9 kB — 🟢 -21.9 kB 🟢 -5.53 kB 🟢 -4.88 kB
assets/AudioPreviewPlayer-BYgJ76eO.js (new) — 14.9 kB 🔴 +14.9 kB 🔴 +3.69 kB 🔴 +3.3 kB
assets/AudioPreviewPlayer-CMDqTk0-.js (removed) 14.9 kB — 🟢 -14.9 kB 🟢 -3.69 kB 🟢 -3.3 kB
assets/WidgetGalleria-BN_SARgc.js (new) — 5.56 kB 🔴 +5.56 kB 🔴 +1.74 kB 🔴 +1.54 kB
assets/WidgetGalleria-VdmzECuf.js (removed) 5.56 kB — 🟢 -5.56 kB 🟢 -1.74 kB 🟢 -1.54 kB
assets/WidgetColorPicker-BewGAmYQ.js (removed) 4.87 kB — 🟢 -4.87 kB 🟢 -1.69 kB 🟢 -1.48 kB
assets/WidgetColorPicker-kZcW0qzz.js (new) — 4.87 kB 🔴 +4.87 kB 🔴 +1.69 kB 🔴 +1.48 kB
assets/WidgetMarkdown-B46cUCN8.js (removed) 4.64 kB — 🟢 -4.64 kB 🟢 -1.62 kB 🟢 -1.41 kB
assets/WidgetMarkdown-K02bWu2B.js (new) — 4.63 kB 🔴 +4.63 kB 🔴 +1.61 kB 🔴 +1.4 kB
assets/WidgetAudioUI-Bw8oSEQv.js (removed) 4.33 kB — 🟢 -4.33 kB 🟢 -1.44 kB 🟢 -1.29 kB
assets/WidgetAudioUI-CnGRnFFG.js (new) — 4.33 kB 🔴 +4.33 kB 🔴 +1.44 kB 🔴 +1.29 kB
assets/WidgetTextarea-BvWypr28.js (new) — 4.03 kB 🔴 +4.03 kB 🔴 +1.34 kB 🔴 +1.18 kB
assets/WidgetTextarea-C8yo1afw.js (removed) 4.03 kB — 🟢 -4.03 kB 🟢 -1.34 kB 🟢 -1.18 kB
assets/WidgetInputText-8fJO1bQG.js (removed) 3.45 kB — 🟢 -3.45 kB 🟢 -1.24 kB 🟢 -1.09 kB
assets/WidgetInputText-vSxFS9mB.js (new) — 3.45 kB 🔴 +3.45 kB 🔴 +1.23 kB 🔴 +1.09 kB
assets/WidgetToggleSwitch-bTZXGlh1.js (new) — 3.23 kB 🔴 +3.23 kB 🔴 +1.14 kB 🔴 +1.02 kB
assets/WidgetToggleSwitch-DLKJJ6bw.js (removed) 3.23 kB — 🟢 -3.23 kB 🟢 -1.14 kB 🟢 -1.01 kB
assets/MediaImageBottom-DBvJ5UpA.js (removed) 3.05 kB — 🟢 -3.05 kB 🟢 -1.05 kB 🟢 -911 B
assets/MediaImageBottom-ejDoxCSl.js (new) — 3.05 kB 🔴 +3.05 kB 🔴 +1.05 kB 🔴 +915 B
assets/MediaAudioBottom-BDbYu9Q5.js (new) — 3 kB 🔴 +3 kB 🔴 +1.05 kB 🔴 +927 B
assets/MediaAudioBottom-BMschiyZ.js (removed) 3 kB — 🟢 -3 kB 🟢 -1.05 kB 🟢 -925 B
assets/Media3DTop-CFj1fYjJ.js (removed) 3 kB — 🟢 -3 kB 🟢 -1.08 kB 🟢 -914 B
assets/Media3DTop-DxPklIIK.js (new) — 3 kB 🔴 +3 kB 🔴 +1.08 kB 🔴 +928 B
assets/MediaVideoBottom-BkluTvZt.js (removed) 3 kB — 🟢 -3 kB 🟢 -1.05 kB 🟢 -919 B
assets/MediaVideoBottom-DjB5qTcP.js (new) — 3 kB 🔴 +3 kB 🔴 +1.05 kB 🔴 +927 B
assets/Media3DBottom-DB2-754K.js (removed) 2.98 kB — 🟢 -2.98 kB 🟢 -1.04 kB 🟢 -913 B
assets/Media3DBottom-KI9M9LRY.js (new) — 2.98 kB 🔴 +2.98 kB 🔴 +1.04 kB 🔴 +930 B
assets/WidgetSelect-blmHXKR4.js (removed) 2.17 kB — 🟢 -2.17 kB 🟢 -675 B 🟢 -577 B
assets/WidgetSelect-BY_XTrlo.js (new) — 2.17 kB 🔴 +2.17 kB 🔴 +674 B 🔴 +569 B
assets/WidgetInputNumber-aViira3_.js (removed) 2.12 kB — 🟢 -2.12 kB 🟢 -662 B 🟢 -557 B
assets/WidgetInputNumber-SahJVm_K.js (new) — 2.12 kB 🔴 +2.12 kB 🔴 +664 B 🔴 +556 B
assets/Load3D-Ch-cbcc8.js (removed) 1.94 kB — 🟢 -1.94 kB 🟢 -597 B 🟢 -533 B
assets/Load3D-DBX3zK0v.js (new) — 1.94 kB 🔴 +1.94 kB 🔴 +599 B 🔴 +499 B
assets/WidgetLegacy-69ZZY23l.js (removed) 1.88 kB — 🟢 -1.88 kB 🟢 -562 B 🟢 -473 B
assets/WidgetLegacy-BBO50Xkl.js (new) — 1.88 kB 🔴 +1.88 kB 🔴 +562 B 🔴 +508 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

Myestery
Myestery previously approved these changes Nov 25, 2025
View reviewed changes
@github-actions github-actions bot removed the New Browser Test Expectations New browser test screenshot should be set by github action label Nov 25, 2025
@DrJKL DrJKL requested a review from Myestery November 25, 2025 02:06
@DrJKL DrJKL merged commit d58a464 into main Nov 25, 2025
3 checks passed
@DrJKL DrJKL deleted the drjkl/mind-the branch November 25, 2025 02:31
This was referenced Dec 2, 2025
Merged
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@AustinMroz AustinMroz AustinMroz approved these changes

@Myestery Myestery Awaiting requested review from Myestery

Assignees

No one assigned

Labels

size:XS This PR changes 0-9 lines, ignoring generated files.

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

4 participants

@DrJKL @AustinMroz @Myestery