Support renaming widgets (#6752)

![widget-rename_00002](https://github.com/user-attachments/assets/65205d3e-2c03-480d-916e-0dae89ddbdd9)

Widget labels are saved by serializing the value on inputs. This
requires minor changes to ensure widgets inputs are serialized when
required.

Currently only exposed by right clicking on widgets directly. Should
probably be added to the subgraph config panel in the future.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6752-Support-renaming-widgets-2b06d73d36508196bff2e511c6e7b89b)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>

src/services/litegraphService.ts

@@ -33,6 +33,7 @@ import { useToastStore } from '@/platform/updates/common/toastStore'
 import { useWorkflowStore } from '@/platform/workflow/management/stores/workflowStore'
 import type { NodeId } from '@/platform/workflow/validation/schemas/workflowSchema'
 import { useCanvasStore } from '@/renderer/core/canvas/canvasStore'
+import { useDialogService } from '@/services/dialogService'
 import { transformInputSpecV2ToV1 } from '@/schemas/nodeDef/migration'
 import type {
   ComfyNodeDef as ComfyNodeDefV2,
@@ -822,14 +823,31 @@ export const useLitegraphService = () => {
           }
         )
       }
-      if (this.graph && !this.graph.isRootGraph) {
-        const [x, y] = canvas.graph_mouse
-        const overWidget = this.getWidgetOnPos(x, y, true)
-        if (overWidget) {
+      const [x, y] = canvas.graph_mouse
+      const overWidget = this.getWidgetOnPos(x, y, true)
+      if (overWidget) {
+        const input = this.inputs.find(
+          (inp) => inp.widget?.name === overWidget.name
+        )
+        if (input)
+          options.unshift({
+            content: `${t('contextMenu.RenameWidget')}: ${overWidget.label ?? overWidget.name}`,
+            callback: async () => {
+              const newLabel = await useDialogService().prompt({
+                title: t('g.rename'),
+                message: t('g.enterNewName') + ':',
+                defaultValue: overWidget.label ?? overWidget.name
+              })
+              if (!newLabel) return
+              overWidget.label = newLabel
+              input.label = newLabel
+              useCanvasStore().canvas?.setDirty(true)
+            }
+          })
+        if (this.graph && !this.graph.isRootGraph) {
           addWidgetPromotionOptions(options, overWidget, this)
         }
       }
-
       return []
     }
   }