Hide queue overlay header menu on cloud (#7571) (#7573)

Hide the QueueOverlayHeader more-options (…) menu when running in Cloud
distribution

This is being hidden instead of fixed because it deletes all user assets
on cloud, will be touched by /jobs, replaced by the second iteration of
design changes, along with changes to asset deletion happening soon. It
would be too risky to have a proper fix for it in the cloud deploy
today.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7573-Hide-queue-overlay-header-menu-on-cloud-7571-2cb6d73d3650814aad19d72295ff91a5)
by [Unito](https://www.unito.io)

---------

Co-authored-by: GitHub Action <action@github.com>

src/components/queue/QueueOverlayHeader.vue

@@ -17,7 +17,7 @@
         </span>
       </span>
     </div>
-    <div class="flex items-center gap-1">
+    <div v-if="!isCloud" class="flex items-center gap-1">
       <IconButton
         v-tooltip.top="moreTooltipConfig"
         type="transparent"
@@ -75,6 +75,7 @@ import { useI18n } from 'vue-i18n'
 import IconButton from '@/components/button/IconButton.vue'
 import IconTextButton from '@/components/button/IconTextButton.vue'
 import { buildTooltipConfig } from '@/composables/useTooltipConfig'
+import { isCloud } from '@/platform/distribution/types'
 
 defineProps<{
   headerTitle: string

src/composables/graph/useGraphNodeManager.ts

@@ -328,7 +328,7 @@ export function useGraphNodeManager(graph: LGraph): GraphNodeManager {
    * Creates a wrapped callback for a widget that maintains LiteGraph/Vue sync
    */
   const createWrappedWidgetCallback = (
-    widget: { value?: unknown; name: string }, // LiteGraph widget with minimal typing
+    widget: IBaseWidget, // LiteGraph widget with minimal typing
     originalCallback: ((value: unknown) => void) | undefined,
     nodeId: string
   ) => {
@@ -355,10 +355,10 @@ export function useGraphNodeManager(graph: LGraph): GraphNodeManager {
         }
 
         // Always update widget.value to ensure sync
-        widget.value = value
+        widget.value = value ?? undefined
 
         // 2. Call the original callback if it exists
-        if (originalCallback) {
+        if (originalCallback && widget.type !== 'asset') {
           originalCallback.call(widget, value)
         }
 

src/renderer/extensions/vueNodes/components/NodeWidgets.vue

@@ -180,11 +180,7 @@ const processedWidgets = computed((): ProcessedWidget[] => {
       // Update the widget value directly
       widget.value = value
 
-      // Skip callback for asset widgets - their callback opens the modal,
-      // but Vue asset mode handles selection through the dropdown
-      if (widget.type !== 'asset') {
-        widget.callback?.(value)
-      }
+      widget.callback?.(value)
     }
 
     const tooltipText = getWidgetTooltip(widget)

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

@@ -146,6 +146,9 @@ const outputItems = computed<DropdownItem[]>(() => {
 })
 
 const allItems = computed<DropdownItem[]>(() => {
+  if (props.isAssetMode && assetData) {
+    return assetData.dropdownItems.value
+  }
   return [...inputItems.value, ...outputItems.value]
 })