Update rh-test (as of 2025-10-11) (#6044)

## Summary

Tested these changes and confirmed that:
1. Feedback button shows.
2. You can run workflows and switch out models.
3. You can use the mask editor. (thank you @ric-yu for helping me
verify).

## Changes

A lot, please see commits.

Gets us up to date with `main` as of 10-11-2025.

---------

Co-authored-by: Simula_r <18093452+simula-r@users.noreply.github.com>
Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: snomiao <snomiao@gmail.com>
Co-authored-by: Christian Byrne <cbyrne@comfy.org>
Co-authored-by: Claude <noreply@anthropic.com>
Co-authored-by: DrJKL <DrJKL@users.noreply.github.com>
Co-authored-by: Alexander Brown <drjkl@comfy.org>
Co-authored-by: Marwan Ahmed <155799754+marawan206@users.noreply.github.com>
Co-authored-by: DrJKL <DrJKL0424@gmail.com>
Co-authored-by: Rizumu Ayaka <rizumu@ayaka.moe>
Co-authored-by: Comfy Org PR Bot <snomiao+comfy-pr@gmail.com>
Co-authored-by: AustinMroz <4284322+AustinMroz@users.noreply.github.com>
Co-authored-by: Austin Mroz <austin@comfy.org>
Co-authored-by: Johnpaul Chiwetelu <49923152+Myestery@users.noreply.github.com>
Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: filtered <176114999+webfiltered@users.noreply.github.com>
Co-authored-by: Benjamin Lu <benceruleanlu@proton.me>
Co-authored-by: Jin Yi <jin12cc@gmail.com>
Co-authored-by: Robin Huang <robin.j.huang@gmail.com>

src/components/topbar/CommandMenubar.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="comfyui-logo-wrapper p-1 flex justify-center items-center cursor-pointer rounded-md mr-2"
+    class="comfyui-logo-wrapper mr-2 flex cursor-pointer items-center justify-center rounded-md p-1"
     :class="{
       'comfyui-logo-menu-visible': menuRef?.visible
     }"
@@ -59,11 +59,11 @@
         />
         <span
           v-if="item?.comfyCommand?.keybinding"
-          class="ml-auto border border-surface rounded text-muted text-xs text-nowrap p-1 keybinding-tag"
+          class="keybinding-tag ml-auto rounded border border-surface p-1 text-xs text-nowrap text-muted"
         >
           {{ item.comfyCommand.keybinding.combo.toString() }}
         </span>
-        <i v-if="item.items" class="ml-auto pi pi-angle-right" />
+        <i v-if="item.items" class="pi pi-angle-right ml-auto" />
       </a>
     </template>
   </TieredMenu>
@@ -73,10 +73,8 @@
 
 <script setup lang="ts">
 import type { MenuItem } from 'primevue/menuitem'
-import TieredMenu, {
-  type TieredMenuMethods,
-  type TieredMenuState
-} from 'primevue/tieredmenu'
+import TieredMenu from 'primevue/tieredmenu'
+import type { TieredMenuMethods, TieredMenuState } from 'primevue/tieredmenu'
 import { computed, nextTick, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 

src/components/topbar/CurrentUserPopover.vue

@@ -14,10 +14,10 @@
         />
 
         <!-- User Details -->
-        <h3 class="text-lg font-semibold truncate my-0 mb-1">
+        <h3 class="my-0 mb-1 truncate text-lg font-semibold">
           {{ userDisplayName || $t('g.user') }}
         </h3>
-        <p v-if="userEmail" class="text-sm text-muted truncate my-0">
+        <p v-if="userEmail" class="my-0 truncate text-sm text-muted">
           {{ userEmail }}
         </p>
       </div>
@@ -61,11 +61,11 @@
 
     <Divider class="my-2" />
 
-    <div class="w-full flex flex-col gap-2 p-2">
-      <div class="text-muted text-sm">
+    <div class="flex w-full flex-col gap-2 p-2">
+      <div class="text-sm text-muted">
         {{ $t('credits.yourCreditBalance') }}
       </div>
-      <div class="flex justify-between items-center">
+      <div class="flex items-center justify-between">
         <UserCredit text-class="text-2xl" />
         <Button :label="$t('credits.topUp.topUp')" @click="handleTopUp" />
       </div>

src/components/topbar/TopMenubar.vue

@@ -2,7 +2,7 @@
   <div>
     <div
       v-show="showTopMenu && workflowTabsPosition === 'Topbar'"
-      class="w-full flex content-end z-1001 h-[38px]"
+      class="z-1001 flex h-[38px] w-full content-end"
       style="background: var(--border-color)"
     >
       <WorkflowTabs />
@@ -14,7 +14,7 @@
       :class="{ dropzone: isDropZone, 'dropzone-active': isDroppable }"
     >
       <CommandMenubar />
-      <div class="grow min-w-0 app-drag h-full"></div>
+      <div class="app-drag h-full min-w-0 grow"></div>
       <div
         ref="menuRight"
         class="comfyui-menu-right flex-shrink-1 overflow-auto"
@@ -26,7 +26,7 @@
     <!-- Virtual top menu for native window (drag handle) -->
     <div
       v-show="isNativeWindow() && !showTopMenu"
-      class="fixed top-0 left-0 app-drag w-full h-(--comfy-topbar-height)"
+      class="app-drag fixed top-0 left-0 h-(--comfy-topbar-height) w-full"
     />
   </div>
 </template>

src/components/topbar/WorkflowTab.vue

@@ -1,23 +1,23 @@
 <template>
   <div
     ref="workflowTabRef"
-    class="flex p-2 gap-2 workflow-tab group"
+    class="workflow-tab group flex gap-2 p-2"
     v-bind="$attrs"
     @mouseenter="handleMouseEnter"
     @mouseleave="handleMouseLeave"
     @click="handleClick"
   >
-    <span class="workflow-label text-sm max-w-[150px] truncate inline-block">
+    <span class="workflow-label inline-block max-w-[150px] truncate text-sm">
       {{ workflowOption.workflow.filename }}
     </span>
     <div class="relative">
       <span
         v-if="shouldShowStatusIndicator"
-        class="group-hover:hidden absolute font-bold text-2xl top-1/2 left-1/2 -translate-1/2 z-10 bg-(--comfy-menu-bg) w-4"
+        class="absolute top-1/2 left-1/2 z-10 w-4 -translate-1/2 bg-(--comfy-menu-bg) text-2xl font-bold group-hover:hidden"
         >•</span
       >
       <Button
-        class="close-button p-0 w-auto invisible"
+        class="close-button invisible w-auto p-0"
         icon="pi pi-times"
         text
         severity="secondary"

src/components/topbar/WorkflowTabPopover.vue

@@ -26,7 +26,7 @@
       >
         <img
           :src="thumbnailUrl"
-          class="block h-[200px] object-cover rounded-lg p-2"
+          class="block h-[200px] rounded-lg object-cover p-2"
           :style="{ width: `${POPOVER_WIDTH}px` }"
         />
       </div>
@@ -223,8 +223,8 @@ defineExpose({
   @apply shadow-2xl;
 }
 
-.workflow-popover-fade.p-popover:after,
-.workflow-popover-fade.p-popover:before {
+.workflow-popover-fade.p-popover::after,
+.workflow-popover-fade.p-popover::before {
   --p-popover-border-color: var(--comfy-menu-secondary-bg);
   left: 50%;
   transform: translateX(calc(-50% + var(--shift)));

src/components/topbar/WorkflowTabs.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="workflow-tabs-container flex flex-row max-w-full h-full flex-auto overflow-hidden"
+    class="workflow-tabs-container flex h-full max-w-full flex-auto flex-row overflow-hidden"
     :class="{ 'workflow-tabs-container-desktop': isDesktop }"
   >
     <Button
@@ -14,7 +14,7 @@
     />
     <ScrollPanel
       ref="scrollPanelRef"
-      class="overflow-hidden no-drag"
+      class="no-drag overflow-hidden"
       :pt:content="{
         class: 'p-0 w-full flex',
         onwheel: handleWheel
@@ -55,7 +55,7 @@
     />
     <Button
       v-tooltip="{ value: $t('sideToolbar.newBlankWorkflow'), showDelay: 300 }"
-      class="new-blank-workflow-button shrink-0 no-drag rounded-none"
+      class="new-blank-workflow-button no-drag shrink-0 rounded-none"
       icon="pi pi-plus"
       text
       severity="secondary"
@@ -65,7 +65,7 @@
     <ContextMenu ref="menu" :model="contextMenuItems" />
     <div
       v-if="menuSetting !== 'Bottom' && isDesktop"
-      class="window-actions-spacer shrink-0 app-drag"
+      class="window-actions-spacer app-drag shrink-0"
     />
   </div>
 </template>
@@ -84,8 +84,10 @@ import { useOverflowObserver } from '@/composables/element/useOverflowObserver'
 import { useSettingStore } from '@/platform/settings/settingStore'
 import { useWorkflowService } from '@/platform/workflow/core/services/workflowService'
 import type { ComfyWorkflow } from '@/platform/workflow/management/stores/workflowStore'
-import { useWorkflowBookmarkStore } from '@/platform/workflow/management/stores/workflowStore'
-import { useWorkflowStore } from '@/platform/workflow/management/stores/workflowStore'
+import {
+  useWorkflowBookmarkStore,
+  useWorkflowStore
+} from '@/platform/workflow/management/stores/workflowStore'
 import { useCommandStore } from '@/stores/commandStore'
 import { useWorkspaceStore } from '@/stores/workspaceStore'
 import { isElectron } from '@/utils/envUtil'