Merge branch 'main' into fix/spacebar-panning-vue-nodes

## Summary
Reduces the MediaAssetCard hover background opacity to 20% so buttons
within the card stand out during hover interactions.

## Changes
- **What**: Changed `hover:bg-modal-card-background-hovered` to
`hover:bg-modal-card-background-hovered/20` in MediaAssetCard.vue

## Context
During design review, it was identified that the button hover color
matches the card hover color, making it difficult to distinguish button
hover states. This fix applies reduced opacity to the card background
hover, ensuring buttons remain visually distinct.

<img width="659" height="302" alt="스크린샷 2026-01-13 오후 2 39 40"
src="https://github.com/user-attachments/assets/a77b408e-46a5-4725-9afb-2260bda0f8c9"
/>

🤖 Generated with [Claude Code](https://claude.com/claude-code)

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-8020-fix-reduce-media-asset-card-hover-background-opacity-for-button-visibility-2e76d73d365081b1afcefe17ac6db6ac)
by [Unito](https://www.unito.io)

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@comfyorg/comfyui-frontend",
   "private": true,
-  "version": "1.37.10",
+  "version": "1.38.0",
   "type": "module",
   "repository": "https://github.com/Comfy-Org/ComfyUI_frontend",
   "homepage": "https://comfy.org",

src/lib/litegraph/src/LGraphCanvas.ts

@@ -1953,6 +1953,10 @@ export class LGraphCanvas implements CustomEventDispatcher<LGraphCanvasEventMap>
     this._key_callback = this.processKey.bind(this)
 
     canvas.addEventListener('keydown', this._key_callback, true)
+    // In Vue nodes mode, also listen on document for keydown since Vue elements may have focus
+    if (LiteGraph.vueNodesMode) {
+      document.addEventListener('keydown', this._key_callback, true)
+    }
     // keyup event must be bound on the document
     document.addEventListener('keyup', this._key_callback, true)
 
@@ -1977,14 +1981,24 @@ export class LGraphCanvas implements CustomEventDispatcher<LGraphCanvasEventMap>
     const { canvas } = this
 
     // Assertions: removing nullish is fine.
-    canvas.removeEventListener('pointercancel', this._mousecancel_callback!)
+    // Note: capture flag must match addEventListener for removal to work
+    canvas.removeEventListener(
+      'pointercancel',
+      this._mousecancel_callback!,
+      true
+    )
     canvas.removeEventListener('pointerout', this._mouseout_callback!)
     canvas.removeEventListener('pointermove', this._mousemove_callback!)
-    canvas.removeEventListener('pointerup', this._mouseup_callback!)
-    canvas.removeEventListener('pointerdown', this._mousedown_callback!)
+    canvas.removeEventListener('pointerup', this._mouseup_callback!, true)
+    canvas.removeEventListener('pointerdown', this._mousedown_callback!, true)
     canvas.removeEventListener('wheel', this._mousewheel_callback!)
-    canvas.removeEventListener('keydown', this._key_callback!)
-    document.removeEventListener('keyup', this._key_callback!)
+    canvas.removeEventListener('keydown', this._key_callback!, true)
+    // Always remove document keydown listener - it may have been added if vueNodesMode
+    // was true during bindEvents, even if vueNodesMode has since changed
+    if (this._key_callback) {
+      document.removeEventListener('keydown', this._key_callback, true)
+    }
+    document.removeEventListener('keyup', this._key_callback!, true)
     canvas.removeEventListener('contextmenu', this._doNothing)
     canvas.removeEventListener('dragenter', this._doReturnTrue)
 
@@ -3668,8 +3682,14 @@ export class LGraphCanvas implements CustomEventDispatcher<LGraphCanvasEventMap>
     if (!graph) return
 
     let block_default = false
-    // @ts-expect-error EventTarget.localName is not in standard types
-    if (e.target.localName == 'input') return
+    // Skip all text-editable surfaces to avoid blocking typing/selection/copy
+    const target = e.target as HTMLElement | null
+    if (
+      target?.localName === 'input' ||
+      target?.localName === 'textarea' ||
+      target?.isContentEditable
+    )
+      return
 
     if (e.type == 'keydown') {
       // TODO: Switch
@@ -3705,9 +3725,12 @@ export class LGraphCanvas implements CustomEventDispatcher<LGraphCanvasEventMap>
         // paste
         this.pasteFromClipboard({ connectInputs: e.shiftKey })
       } else if (e.key === 'Delete' || e.key === 'Backspace') {
-        // delete or backspace
-        // @ts-expect-error EventTarget.localName is not in standard types
-        if (e.target.localName != 'input' && e.target.localName != 'textarea') {
+        // delete or backspace (but don't intercept when editing text)
+        if (
+          target?.localName !== 'input' &&
+          target?.localName !== 'textarea' &&
+          !target?.isContentEditable
+        ) {
           if (this.selectedItems.size === 0) {
             this.#noItemsSelected()
             return

src/locales/ar/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "تحديث تعريفات العقد"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "إعادة تسمية سير العمل"
+  },
   "Comfy_SaveWorkflow": {
     "label": "حفظ سير العمل"
   },

src/locales/ar/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "ابحث عنه في قسم {type} من مكتبة النماذج.",
     "finish": "إنهاء",
     "genericLinkPlaceholder": "الصق الرابط هنا",
+    "importAnother": "استيراد آخر",
     "jobId": "معرّف المهمة",
     "loadingModels": "جارٍ تحميل {type}...",
     "maxFileSize": "الحد الأقصى لحجم الملف: {size}",
@@ -1520,6 +1521,7 @@
     "Redo": "إعادة",
     "Refresh Node Definitions": "تحديث تعريفات العقد",
     "Reinstall": "إعادة التثبيت",
+    "Rename": "إعادة التسمية",
     "Reset View": "إعادة تعيين العرض",
     "Resize Selected Nodes": "تغيير حجم العقد المحددة",
     "Restart": "إعادة التشغيل",

src/locales/en/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "Refresh Node Definitions"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "Rename Workflow"
+  },
   "Comfy_SaveWorkflow": {
     "label": "Save Workflow"
   },

src/locales/en/main.json

@@ -1176,6 +1176,7 @@
     "Queue Selected Output Nodes": "Queue Selected Output Nodes",
     "Redo": "Redo",
     "Refresh Node Definitions": "Refresh Node Definitions",
+    "Rename": "Rename",
     "Save": "Save",
     "Save As": "Save As",
     "Show Settings Dialog": "Show Settings Dialog",

src/locales/es/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "Actualizar Definiciones de Nodo"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "Renombrar flujo de trabajo"
+  },
   "Comfy_SaveWorkflow": {
     "label": "Guardar Flujo de Trabajo"
   },

src/locales/es/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "Encuéntralo en la sección {type} de la biblioteca de modelos.",
     "finish": "Finalizar",
     "genericLinkPlaceholder": "Pega el enlace aquí",
+    "importAnother": "Importar otro",
     "jobId": "ID de tarea",
     "loadingModels": "Cargando {type}...",
     "maxFileSize": "Tamaño máximo de archivo: {size}",
@@ -1520,6 +1521,7 @@
     "Redo": "Rehacer",
     "Refresh Node Definitions": "Actualizar definiciones de nodo",
     "Reinstall": "Reinstalar",
+    "Rename": "Renombrar",
     "Reset View": "Restablecer vista",
     "Resize Selected Nodes": "Redimensionar Nodos Seleccionados",
     "Restart": "Reiniciar",

src/locales/fa/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "به‌روزرسانی تعاریف نود"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "تغییر نام Workflow"
+  },
   "Comfy_SaveWorkflow": {
     "label": "ذخیره ورک‌فلو"
   },

src/locales/fa/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "در بخش {type} کتابخانه مدل‌ها پیدا کنید.",
     "finish": "پایان",
     "genericLinkPlaceholder": "لینک را اینجا وارد کنید",
+    "importAnother": "وارد کردن مورد دیگر",
     "jobId": "شناسه کار: {jobId}",
     "loadingModels": "در حال بارگذاری {type}...",
     "maxFileSize": "حداکثر اندازه فایل: {size}",
@@ -237,22 +238,6 @@
       "title": "ایجاد حساب کاربری"
     }
   },
-  "authTimeout": {
-    "causes": [
-      "فایروال یا پراکسی سازمانی که سرویس‌های احراز هویت را مسدود می‌کند",
-      "محدودیت‌های VPN یا شبکه",
-      "افزونه‌های مرورگر که در درخواست‌ها اختلال ایجاد می‌کنند",
-      "محدودیت‌های منطقه‌ای شبکه",
-      "امتحان مرورگر یا شبکه دیگر"
-    ],
-    "helpText": "نیاز به کمک دارید؟ تماس با",
-    "message": "در اتصال به ComfyUI Cloud با مشکل مواجه شده‌ایم. ممکن است به دلیل کندی اتصال یا مشکل موقت سرویس باشد.",
-    "restart": "خروج و تلاش مجدد",
-    "supportLink": "پشتیبانی",
-    "technicalDetails": "جزئیات فنی",
-    "title": "اتصال بیش از حد طول کشید",
-    "troubleshooting": "دلایل رایج:"
-  },
   "breadcrumbsMenu": {
     "clearWorkflow": "پاک‌سازی workflow",
     "deleteBlueprint": "حذف blueprint",
@@ -261,7 +246,6 @@
     "enterNewName": "نام جدید را وارد کنید",
     "missingNodesWarning": "workflow شامل نودهای پشتیبانی‌نشده است (با رنگ قرمز مشخص شده‌اند)."
   },
-  "checkingStatus": "در حال بررسی وضعیت حساب شما...",
   "clipboard": {
     "errorMessage": "کپی به کلیپ‌بورد ناموفق بود",
     "errorNotSupported": "Clipboard API در مرورگر شما پشتیبانی نمی‌شود",
@@ -279,6 +263,49 @@
   "cloudForgotPassword_sendResetLink": "ارسال لینک بازنشانی",
   "cloudForgotPassword_title": "فراموشی رمز عبور",
   "cloudOnboarding": {
+    "authTimeout": {
+      "causes": [
+        "فایروال یا پراکسی سازمانی که سرویس‌های احراز هویت را مسدود می‌کند",
+        "محدودیت‌های VPN یا شبکه",
+        "افزونه‌های مرورگر که در درخواست‌ها اختلال ایجاد می‌کنند",
+        "محدودیت‌های منطقه‌ای شبکه",
+        "استفاده از مرورگر یا شبکه دیگر را امتحان کنید"
+      ],
+      "helpText": "نیاز به راهنمایی دارید؟ تماس با",
+      "message": "در اتصال به ComfyUI Cloud با مشکل مواجه شدیم. این مشکل ممکن است به دلیل کندی اتصال یا اختلال موقت سرویس باشد.",
+      "restart": "خروج و تلاش مجدد",
+      "supportLink": "پشتیبانی",
+      "technicalDetails": "جزئیات فنی",
+      "title": "اتصال بیش از حد طول کشید",
+      "troubleshooting": "دلایل رایج:"
+    },
+    "checkingStatus": "در حال بررسی وضعیت حساب شما...",
+    "forgotPassword": {
+      "backToLogin": "بازگشت به ورود",
+      "didntReceiveEmail": "ایمیلی دریافت نکردید؟ با ما تماس بگیرید:",
+      "emailLabel": "ایمیل",
+      "emailPlaceholder": "ایمیل خود را وارد کنید",
+      "emailRequired": "وارد کردن ایمیل الزامی است",
+      "instructions": "آدرس ایمیل خود را وارد کنید تا لینک بازنشانی رمز عبور برای شما ارسال شود.",
+      "passwordResetError": "ارسال ایمیل بازنشانی رمز عبور ناموفق بود. لطفاً دوباره تلاش کنید.",
+      "passwordResetSent": "ایمیل بازنشانی رمز عبور ارسال شد",
+      "sendResetLink": "ارسال لینک بازنشانی",
+      "title": "فراموشی رمز عبور"
+    },
+    "privateBeta": {
+      "desc": "برای پیوستن به لیست انتظار وارد شوید. زمانی که نوبت شما شد به شما اطلاع خواهیم داد. قبلاً اطلاع داده شده‌اید؟ وارد شوید و از Cloud استفاده کنید.",
+      "title": "کلود در حال حاضر در نسخه بتای خصوصی است"
+    },
+    "retry": "تلاش دوباره",
+    "retrying": "در حال تلاش مجدد...",
+    "start": {
+      "desc": "بدون نیاز به تنظیمات اولیه. روی هر دستگاهی کار می‌کند.",
+      "download": "دانلود ComfyUI",
+      "explain": "چندین خروجی را به طور همزمان تولید کنید. گردش‌کارها را به راحتی به اشتراک بگذارید.",
+      "learnAboutButton": "درباره Cloud بیشتر بدانید",
+      "title": "در چند ثانیه شروع به خلق کنید",
+      "wantToRun": "می‌خواهید ComfyUI را به صورت محلی اجرا کنید؟"
+    },
     "survey": {
       "options": {
         "familiarity": {
@@ -616,18 +643,6 @@
     "noStackTrace": "هیچ stacktraceی موجود نیست",
     "promptExecutionError": "اجرای prompt با شکست مواجه شد"
   },
-  "forgotPassword": {
-    "backToLogin": "بازگشت به ورود",
-    "didntReceiveEmail": "ایمیلی دریافت نکردید؟ با ما تماس بگیرید:",
-    "emailLabel": "ایمیل",
-    "emailPlaceholder": "ایمیل خود را وارد کنید",
-    "emailRequired": "وارد کردن ایمیل الزامی است",
-    "instructions": "آدرس ایمیل خود را وارد کنید تا لینک بازنشانی رمز عبور برای شما ارسال شود.",
-    "passwordResetError": "ارسال ایمیل بازنشانی رمز عبور ناموفق بود. لطفاً دوباره تلاش کنید.",
-    "passwordResetSent": "ایمیل بازنشانی رمز عبور ارسال شد",
-    "sendResetLink": "ارسال لینک بازنشانی",
-    "title": "فراموشی رمز عبور"
-  },
   "g": {
     "1x": "۱x",
     "2x": "۲x",
@@ -1506,6 +1521,7 @@
     "Redo": "انجام مجدد",
     "Refresh Node Definitions": "به‌روزرسانی تعاریف Node",
     "Reinstall": "نصب مجدد",
+    "Rename": "تغییر نام",
     "Reset View": "بازنشانی نما",
     "Resize Selected Nodes": "تغییر اندازه Nodeهای انتخاب‌شده",
     "Restart": "راه‌اندازی مجدد",
@@ -1694,10 +1710,6 @@
     },
     "title": "دستگاه شما پشتیبانی نمی‌شود"
   },
-  "privateBeta": {
-    "desc": "برای پیوستن به لیست انتظار وارد شوید. زمانی که نوبت شما شد به شما اطلاع خواهیم داد. قبلاً اطلاع‌رسانی شده‌اید؟ وارد شوید و از Cloud استفاده کنید.",
-    "title": "Cloud در حال حاضر در نسخه بتای خصوصی است"
-  },
   "progressToast": {
     "allDownloadsCompleted": "همه دانلودها تکمیل شدند",
     "downloadingModel": "در حال دانلود مدل...",
@@ -1773,8 +1785,6 @@
     "update": "به‌روزرسانی",
     "whatsNew": "مشاهده تغییرات جدید"
   },
-  "retry": "تلاش دوباره",
-  "retrying": "در حال تلاش مجدد...",
   "rightSidePanel": {
     "bypass": "عبور",
     "color": "رنگ نود",
@@ -2165,14 +2175,6 @@
     },
     "workflows": "Workflowها"
   },
-  "start": {
-    "desc": "بدون نیاز به تنظیمات. روی هر دستگاهی کار می‌کند.",
-    "download": "دانلود ComfyUI",
-    "explain": "چندین خروجی را همزمان تولید کنید. workflowها را به راحتی به اشتراک بگذارید.",
-    "learnAboutButton": "درباره Cloud بیشتر بدانید",
-    "title": "در چند ثانیه شروع به خلق کنید",
-    "wantToRun": "مایلید ComfyUI را به صورت محلی اجرا کنید؟"
-  },
   "subgraphStore": {
     "blueprintName": "نام زیرگراف",
     "confirmDelete": "این عمل باعث حذف دائمی بلوپرینت از کتابخانه شما می‌شود",

src/locales/fr/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "Actualiser les définitions de nœud"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "Renommer le workflow"
+  },
   "Comfy_SaveWorkflow": {
     "label": "Enregistrer le flux de travail"
   },

src/locales/fr/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "Trouvez-le dans la section {type} de la bibliothèque de modèles.",
     "finish": "Terminer",
     "genericLinkPlaceholder": "Collez le lien ici",
+    "importAnother": "Importer un autre",
     "jobId": "ID de tâche",
     "loadingModels": "Chargement de {type}...",
     "maxFileSize": "Taille maximale du fichier : {size}",
@@ -1520,6 +1521,7 @@
     "Redo": "Refaire",
     "Refresh Node Definitions": "Actualiser les définitions de nœud",
     "Reinstall": "Réinstaller",
+    "Rename": "Renommer",
     "Reset View": "Réinitialiser la vue",
     "Resize Selected Nodes": "Redimensionner les nœuds sélectionnés",
     "Restart": "Redémarrer",

src/locales/ja/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "ノード定義を更新"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "ワークフローの名前を変更"
+  },
   "Comfy_SaveWorkflow": {
     "label": "ワークフローを保存する"
   },

src/locales/ja/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "モデルライブラリの{type}セクションで見つけることができます。",
     "finish": "完了",
     "genericLinkPlaceholder": "ここにリンクを貼り付けてください",
+    "importAnother": "別のファイルをインポート",
     "jobId": "ジョブID",
     "loadingModels": "{type}を読み込み中...",
     "maxFileSize": "最大ファイルサイズ：{size}",
@@ -1520,6 +1521,7 @@
     "Redo": "やり直す",
     "Refresh Node Definitions": "ノード定義を更新",
     "Reinstall": "再インストール",
+    "Rename": "名前を変更",
     "Reset View": "ビューをリセット",
     "Resize Selected Nodes": "選択したノードのサイズ変更",
     "Restart": "再起動",

src/locales/ko/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "노드 정의 새로 고침"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "워크플로우 이름 변경"
+  },
   "Comfy_SaveWorkflow": {
     "label": "워크플로 저장"
   },

src/locales/ko/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "모델 라이브러리의 {type} 섹션에서 찾을 수 있습니다.",
     "finish": "완료",
     "genericLinkPlaceholder": "여기에 링크를 붙여넣으세요",
+    "importAnother": "다른 항목 가져오기",
     "jobId": "작업 ID",
     "loadingModels": "{type} 불러오는 중...",
     "maxFileSize": "최대 파일 크기: {size}",
@@ -1520,6 +1521,7 @@
     "Redo": "다시 실행",
     "Refresh Node Definitions": "노드 정의 새로 고침",
     "Reinstall": "재설치",
+    "Rename": "이름 바꾸기",
     "Reset View": "보기 초기화",
     "Resize Selected Nodes": "선택된 노드 크기 조정",
     "Restart": "재시작",

src/locales/pt-BR/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "Atualizar Definições de Nós"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "Renomear fluxo de trabalho"
+  },
   "Comfy_SaveWorkflow": {
     "label": "Salvar Fluxo de Trabalho"
   },

src/locales/pt-BR/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "Encontre na seção {type} da biblioteca de modelos.",
     "finish": "Concluir",
     "genericLinkPlaceholder": "Cole o link aqui",
+    "importAnother": "Importar outro",
     "jobId": "ID do trabalho",
     "loadingModels": "Carregando {type}...",
     "maxFileSize": "Tamanho máximo do arquivo: {size}",
@@ -1520,6 +1521,7 @@
     "Redo": "Refazer",
     "Refresh Node Definitions": "Atualizar definições de nós",
     "Reinstall": "Reinstalar",
+    "Rename": "Renomear",
     "Reset View": "Redefinir visualização",
     "Resize Selected Nodes": "Redimensionar nós selecionados",
     "Restart": "Reiniciar",

src/locales/ru/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "Обновить определения нод"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "Переименовать рабочий процесс"
+  },
   "Comfy_SaveWorkflow": {
     "label": "Сохранить рабочий процесс"
   },

src/locales/ru/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "Найдите это в разделе {type} библиотеки моделей.",
     "finish": "Готово",
     "genericLinkPlaceholder": "Вставьте ссылку сюда",
+    "importAnother": "Импортировать другой",
     "jobId": "ID задачи",
     "loadingModels": "Загрузка {type}...",
     "maxFileSize": "Максимальный размер файла: {size}",
@@ -1520,6 +1521,7 @@
     "Redo": "Повторить",
     "Refresh Node Definitions": "Обновить определения нод",
     "Reinstall": "Переустановить",
+    "Rename": "Переименовать",
     "Reset View": "Сбросить вид",
     "Resize Selected Nodes": "Изменить размер выбранных узлов",
     "Restart": "Перезапустить",

src/locales/tr/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "Düğüm Tanımlarını Yenile"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "Çalışma Akışını Yeniden Adlandır"
+  },
   "Comfy_SaveWorkflow": {
     "label": "İş Akışını Kaydet"
   },

src/locales/tr/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "Bunu modeller kütüphanesinin {type} bölümünde bulabilirsiniz.",
     "finish": "Bitir",
     "genericLinkPlaceholder": "Bağlantıyı buraya yapıştırın",
+    "importAnother": "Başka Birini İçe Aktar",
     "jobId": "İş ID",
     "loadingModels": "{type} yükleniyor...",
     "maxFileSize": "Maksimum dosya boyutu: {size}",
@@ -1520,6 +1521,7 @@
     "Redo": "Yinele",
     "Refresh Node Definitions": "Düğüm Tanımlarını Yenile",
     "Reinstall": "Yeniden Yükle",
+    "Rename": "Yeniden Adlandır",
     "Reset View": "Görünümü Sıfırla",
     "Resize Selected Nodes": "Seçili Düğümleri Yeniden Boyutlandır",
     "Restart": "Yeniden Başlat",

src/locales/zh-TW/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "重新整理節點定義"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "重新命名工作流程"
+  },
   "Comfy_SaveWorkflow": {
     "label": "儲存工作流程"
   },

src/locales/zh-TW/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "可在模型庫的 {type} 區段找到。",
     "finish": "完成",
     "genericLinkPlaceholder": "請在此貼上連結",
+    "importAnother": "匯入其他",
     "jobId": "工作 ID",
     "loadingModels": "正在載入 {type}...",
     "maxFileSize": "最大檔案大小：{size}",
@@ -1520,6 +1521,7 @@
     "Redo": "重做",
     "Refresh Node Definitions": "重新整理節點定義",
     "Reinstall": "重新安裝",
+    "Rename": "重新命名",
     "Reset View": "重設視圖",
     "Resize Selected Nodes": "調整選取節點大小",
     "Restart": "重新啟動",

src/locales/zh/commands.json

@@ -254,6 +254,9 @@
   "Comfy_RefreshNodeDefinitions": {
     "label": "刷新节点定义"
   },
+  "Comfy_RenameWorkflow": {
+    "label": "重命名工作流"
+  },
   "Comfy_SaveWorkflow": {
     "label": "保存工作流"
   },

src/locales/zh/main.json

@@ -60,6 +60,7 @@
     "findInLibrary": "模型在模型库的{type}区里",
     "finish": "完成",
     "genericLinkPlaceholder": "粘贴链接到这",
+    "importAnother": "导入其他",
     "jobId": "任务ID",
     "loadingModels": "正在加载{type}...",
     "maxFileSize": "最大文件大小：{size}",
@@ -1520,6 +1521,7 @@
     "Redo": "重做",
     "Refresh Node Definitions": "刷新节点定义",
     "Reinstall": "重装",
+    "Rename": "重命名",
     "Reset View": "重置视图",
     "Resize Selected Nodes": "调整选定节点的大小",
     "Restart": "重启",

src/platform/assets/components/MediaAssetCard.vue

@@ -17,7 +17,7 @@
         'gap-2 select-none group',
         selected
           ? 'ring-3 ring-inset ring-modal-card-border-highlighted'
-          : 'hover:bg-modal-card-background-hovered'
+          : 'hover:bg-modal-card-background-hovered/20'
       )
     "
     :data-selected="selected"

src/renderer/extensions/vueNodes/composables/useNodePointerInteractions.test.ts

@@ -2,11 +2,12 @@ import { setActivePinia } from 'pinia'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { nextTick, ref } from 'vue'
 
-import { useNodePointerInteractions } from '@/renderer/extensions/vueNodes/composables/useNodePointerInteractions'
-import { useNodeEventHandlers } from '@/renderer/extensions/vueNodes/composables/useNodeEventHandlers'
 import { createTestingPinia } from '@pinia/testing'
+
 import { layoutStore } from '@/renderer/core/layout/store/layoutStore'
 import type { NodeLayout } from '@/renderer/core/layout/types'
+import { useNodeEventHandlers } from '@/renderer/extensions/vueNodes/composables/useNodeEventHandlers'
+import { useNodePointerInteractions } from '@/renderer/extensions/vueNodes/composables/useNodePointerInteractions'
 import { useNodeDrag } from '@/renderer/extensions/vueNodes/layout/useNodeDrag'
 
 const forwardEventToCanvasMock = vi.fn()

src/renderer/extensions/vueNodes/composables/useNodePointerInteractions.ts

@@ -6,8 +6,8 @@ import { useVueNodeLifecycle } from '@/composables/graph/useVueNodeLifecycle'
 import { useCanvasInteractions } from '@/renderer/core/canvas/useCanvasInteractions'
 import { layoutStore } from '@/renderer/core/layout/store/layoutStore'
 import { useNodeEventHandlers } from '@/renderer/extensions/vueNodes/composables/useNodeEventHandlers'
-import { isMultiSelectKey } from '@/renderer/extensions/vueNodes/utils/selectionUtils'
 import { useNodeDrag } from '@/renderer/extensions/vueNodes/layout/useNodeDrag'
+import { isMultiSelectKey } from '@/renderer/extensions/vueNodes/utils/selectionUtils'
 
 export function useNodePointerInteractions(
   nodeIdRef: MaybeRefOrGetter<string>
@@ -65,6 +65,12 @@ export function useNodePointerInteractions(
   function onPointermove(event: PointerEvent) {
     if (forwardMiddlePointerIfNeeded(event)) return
 
+    // Don't handle pointer events when canvas is in panning mode - forward to canvas instead
+    if (!shouldHandleNodePointerEvents.value) {
+      forwardEventToCanvas(event)
+      return
+    }
+
     // Don't activate drag while resizing
     if (layoutStore.isResizingVueNodes.value) return
 

src/renderer/extensions/vueNodes/composables/useSlotLinkInteraction.ts

@@ -293,6 +293,10 @@ export function useSlotLinkInteraction({
     raf.cancel()
     dragContext.dispose()
     clearCompatible()
+    // Reset litegraph pointer state
+    if (app.canvas) {
+      app.canvas.pointer.isDown = false
+    }
   }
 
   const updatePointerState = (event: PointerEvent) => {
@@ -409,6 +413,11 @@ export function useSlotLinkInteraction({
 
   const handlePointerMove = (event: PointerEvent) => {
     if (!pointerSession.matches(event)) return
+
+    // When in panning mode (read_only), let litegraph handle panning - don't stop propagation
+    if (app.canvas?.read_only) return
+
+    // Not in panning mode - Vue handles link drag, stop propagation to prevent litegraph interference
     event.stopPropagation()
 
     dragContext.pendingPointerMove = {
@@ -539,7 +548,10 @@ export function useSlotLinkInteraction({
   }
 
   const handlePointerUp = (event: PointerEvent) => {
-    event.stopPropagation()
+    // When in panning mode, let litegraph handle - but still cleanup our link drag state
+    if (!app.canvas?.read_only) {
+      event.stopPropagation()
+    }
     finishInteraction(event)
   }
 
@@ -584,6 +596,10 @@ export function useSlotLinkInteraction({
     if (event.button !== 0) return
     if (!nodeId) return
     if (pointerSession.isActive()) return
+
+    // Don't start link drag if in panning mode - let litegraph handle panning
+    if (app.canvas?.read_only) return
+
     event.preventDefault()
     event.stopPropagation()
 
@@ -703,6 +719,9 @@ export function useSlotLinkInteraction({
     )
 
     pointerSession.begin(event.pointerId)
+    // Sync pointer state with litegraph so spacebar panning works
+    canvas.last_mouse = [event.clientX, event.clientY]
+    canvas.pointer.isDown = true
 
     toCanvasPointerEvent(event)
     updatePointerState(event)