Enable param info workflow

WebUI/electron/main.ts

@@ -523,7 +523,7 @@ function initEventHandle() {
     shell.openPath(imagePath)
   })
 
-  ipcMain.on('selecteImage', (_event, url: string) => {
+  ipcMain.on('openImageInFolder', (_event, url: string) => {
     const imagePath = getImagePathFromUrl(url)
     if (!imagePath) return
 

WebUI/electron/preload.ts

@@ -61,7 +61,7 @@ contextBridge.exposeInMainWorld('electronAPI', {
   getDownloadedGGUFLLMs: () => ipcRenderer.invoke('getDownloadedGGUFLLMs'),
   getDownloadedEmbeddingModels: () => ipcRenderer.invoke('getDownloadedEmbeddingModels'),
   openImageWithSystem: (url: string) => ipcRenderer.send('openImageWithSystem', url),
-  selecteImage: (url: string) => ipcRenderer.send('selecteImage', url),
+  openImageInFolder: (url: string) => ipcRenderer.send('openImageInFolder', url),
   setFullScreen: (enable: boolean) => ipcRenderer.send('setFullScreen', enable),
   onDebugLog: (callback: (data: { level: string; source: string; message: string }) => void) =>
     ipcRenderer.on('debugLog', (_event, value) => callback(value)),

WebUI/package.json

@@ -12,7 +12,7 @@
     "prepare-build": "cross-env npm run prepare-python-env && npm run provide-electron-build-resources -- --python_env_dir=../build-envs/online/prototype-python-env",
     "build": "node ./build/scripts/patch-nsis-template.js && cross-env-shell VITE_PLATFORM_TITLE=\"for Intel® Arc™\" \"vue-tsc && vite build && electron-builder --config build/build-config.json --win --x64\"",
     "lint:eslint": "eslint . --fix",
-    "lint": "run-s lint:*",
+    "lint": "eslint . --fix",
     "format": "prettier --write .",
     "lint:ci": "eslint .",
     "format:ci": "prettier --check ."
@@ -39,6 +39,7 @@
     "tailwind-merge": "^2.5.5",
     "tailwindcss-animate": "^1.0.7",
     "unplugin-auto-import": "^0.18.6",
+    "uuid": "^11.0.5",
     "vue": "^3.5.12",
     "zod": "^3.24.1"
   },

WebUI/src/assets/css/main.css

@@ -101,6 +101,13 @@ textarea {
     overflow-y: auto;
   }
 }
+
+.info-params-image {
+  max-width: 250px;
+  margin: 10px;
+  border: 1px solid white;
+}
+
 .enhance-content {
   display: flex;
   align-items: center;
@@ -146,10 +153,11 @@ textarea {
 }
 
 .image-preview-panel {
-  width: 129px;
+  width: 140px;
   height: 100%;
   display: flex;
   flex-direction: column;
+  overflow-y: auto;
   padding: 8px;
   gap: 14px;
   background-color: var(--color-image-bg);

WebUI/src/assets/i18n/de.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "Downloadgeschwindigkeit",
   "COM_LOADING_MODEL": "KI-Modell laden",
   "COM_LOADING_MODEL_COMPONENTS": "Komponenten des KI-Modells laden",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "Workflow-Komponenten werden installiert",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "Workflow-Komponenten werden geladen",
   "COM_NO_SELECTED": "Keine Auswahl",
   "COM_CONFIRM": "Bestätigen",
   "COM_CANCEL": "Abbrechen",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "Dieses Modell erfordert viel VRAM. Reduzieren Sie bei Leistungsproblemen die Auflösung und/oder starten Sie das ComfyUI-Backend neu.",
   "WORKFLOW_HIGH_VRAM_WARNING": "Viel VRAM nötig",
   "LOADING_VERIFYING_BACKENDS": "Backends überprüfen",
-  "LOADING_AI_PLAYGROUND_LOADING": "AI-Playground lädt"
+  "LOADING_AI_PLAYGROUND_LOADING": "AI-Playground lädt",
+  "COM_CLEAR_HISTORY": "Verlauf löschen",
+  "INPUT_PROMPT": "Prompt",
+  "BACKEND": "Backend",
+  "DEVICE": "Gerät"
 }

WebUI/src/assets/i18n/en-US.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "Download speed",
   "COM_LOADING_MODEL": "Loading AI Model",
   "COM_LOADING_MODEL_COMPONENTS": "Loading AI Model Components",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "Installing Workflow Components",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "Loading Workflow Components",
   "COM_NO_SELECTED": "No Seleted",
   "COM_CONFIRM": "Confirm",
   "COM_CANCEL": "Cancel",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "This model requires a lot of VRAM. Reduce the resolution and/or restart the ComfyUI backend when in case you experience a poor performance.",
   "WORKFLOW_HIGH_VRAM_WARNING": "high VRAM required",
   "LOADING_VERIFYING_BACKENDS": "Verifying backends",
-  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground Loading"
+  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground Loading",
+  "COM_CLEAR_HISTORY": "Clear History",
+  "INPUT_PROMPT": "Prompt",
+  "BACKEND": "Backend",
+  "DEVICE": "Device"
 }

WebUI/src/assets/i18n/es.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "Velocidad de descarga",
   "COM_LOADING_MODEL": "Cargando modelo de inteligencia artificial",
   "COM_LOADING_MODEL_COMPONENTS": "Cargando componentes del modelo de inteligencia artificial",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "Instalando componentes del flujo de trabajo",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "Cargando componentes del flujo de trabajo",
   "COM_NO_SELECTED": "No seleccionado",
   "COM_CONFIRM": "Confirmar",
   "COM_CANCEL": "Cancelar",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "Este modelo requiere mucha VRAM. Reduce la resolución y/o reinicia el backend de ComfyUI si experimentas bajo rendimiento",
   "WORKFLOW_HIGH_VRAM_WARNING": "alta VRAM requerida",
   "LOADING_VERIFYING_BACKENDS": "Verificando backends",
-  "LOADING_AI_PLAYGROUND_LOADING": "Cargando AI Playground"
+  "LOADING_AI_PLAYGROUND_LOADING": "Cargando AI Playground",
+  "COM_CLEAR_HISTORY": "Borrar historial",
+  "INPUT_PROMPT": "Prompt",
+  "BACKEND": "Backend",
+  "DEVICE": "Dispositivo"
 }

WebUI/src/assets/i18n/id.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "Kecepatan pengunduhan",
   "COM_LOADING_MODEL": "Memuat Model AI",
   "COM_LOADING_MODEL_COMPONENTS": "Memuat Komponen Model AI",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "Menginstal Komponen Alur Kerja",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "Memuat Komponen Alur Kerja",
   "COM_NO_SELECTED": "Tidak Dipilih",
   "COM_CONFIRM": "Konfirmasi",
   "COM_CANCEL": "Batal",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "Model ini memerlukan banyak VRAM. Kurangi resolusi dan/atau mulai ulang backend ComfyUI jika Anda mengalami masalah kinerja.",
   "WORKFLOW_HIGH_VRAM_WARNING": "VRAM tinggi diperlukan",
   "LOADING_VERIFYING_BACKENDS": "Memverifikasi backend",
-  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground Sedang Memuat"
+  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground Sedang Memuat",
+  "COM_CLEAR_HISTORY": "Hapus Riwayat",
+  "INPUT_PROMPT": "Prompt",
+  "BACKEND": "Backend",
+  "DEVICE": "Perangkat"
 }

WebUI/src/assets/i18n/it.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "Velocità di download",
   "COM_LOADING_MODEL": "Caricamento modello AI",
   "COM_LOADING_MODEL_COMPONENTS": "Caricamento componenti modello AI",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "Installazione dei componenti del workflow",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "Caricamento dei componenti del workflow",
   "COM_NO_SELECTED": "Nessuna selezione",
   "COM_CONFIRM": "Conferma",
   "COM_CANCEL": "Annulla",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "Questo modello richiede molta VRAM. Riduci la risoluzione e/o riavvia il backend ComfyUI in caso di prestazioni ridotte",
   "WORKFLOW_HIGH_VRAM_WARNING": "alta VRAM richiesta",
   "LOADING_VERIFYING_BACKENDS": "Verifica backend",
-  "LOADING_AI_PLAYGROUND_LOADING": "Caricamento AI Playground"
+  "LOADING_AI_PLAYGROUND_LOADING": "Caricamento AI Playground",
+  "COM_CLEAR_HISTORY": "Cancella cronologia",
+  "INPUT_PROMPT": "Prompt",
+  "BACKEND": "Backend",
+  "DEVICE": "Dispositivo"
 }

WebUI/src/assets/i18n/ja.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "ダウンロード速度",
   "COM_LOADING_MODEL": "AI モデルをロードしています",
   "COM_LOADING_MODEL_COMPONENTS": "AI モデル コンポーネントをロードしています",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "ワークフローコンポーネントをインストール中",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "ワークフローコンポーネントを読み込み中",
   "COM_NO_SELECTED": "選択されていません",
   "COM_CONFIRM": "確認",
   "COM_CANCEL": "キャンセル",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "このモデルは大量のビデオメモリ（VRAM）を必要とします。パフォーマンスが低下する場合は、解像度を下げるか、ComfyUIバックエンドを再起動してください。",
   "WORKFLOW_HIGH_VRAM_WARNING": "大量のビデオメモリが必要",
   "LOADING_VERIFYING_BACKENDS": "バックエンドを確認中",
-  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground 読み込み中"
+  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground 読み込み中",
+  "COM_CLEAR_HISTORY": "履歴を消去",
+  "INPUT_PROMPT": "プロンプト",
+  "BACKEND": "バックエンド",
+  "DEVICE": "デバイス"
 }

WebUI/src/assets/i18n/ko.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "다운로드 속도",
   "COM_LOADING_MODEL": "AI 모델 로딩 중",
   "COM_LOADING_MODEL_COMPONENTS": "AI 모델 구성 요소 로딩 중",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "워크플로우 구성 요소 설치 중",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "워크플로우 구성 요소 로딩 중",
   "COM_NO_SELECTED": "선택된 항목 없음",
   "COM_CONFIRM": "확인",
   "COM_CANCEL": "취소",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "이 모델은 많은 VRAM이 필요합니다. 성능이 저하되면 해상도를 낮추거나 ComfyUI Backend를 다시 시작하세요.",
   "WORKFLOW_HIGH_VRAM_WARNING": "많은 VRAM 필요",
   "LOADING_VERIFYING_BACKENDS": "Backend 확인 중",
-  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground 로딩 중"
+  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground 로딩 중",
+  "COM_CLEAR_HISTORY": "기록 지우기",
+  "INPUT_PROMPT": "프롬프트",
+  "BACKEND": "백엔드",
+  "DEVICE": "디바이스"
 }

WebUI/src/assets/i18n/pl.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "Prędkość pobierania",
   "COM_LOADING_MODEL": "Ładowanie modelu AI",
   "COM_LOADING_MODEL_COMPONENTS": "Ładowanie komponentów modelu AI",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "Instalowanie komponentów przepływu pracy",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "Ładowanie komponentów przepływu pracy",
   "COM_NO_SELECTED": "Nie wybrano",
   "COM_CONFIRM": "Potwierdź",
   "COM_CANCEL": "Anuluj",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "Ten model wymaga dużo pamięci VRAM. Zmniejsz rozdzielczość i/lub uruchom ponownie backend ComfyUI w przypadku problemów z wydajnością.",
   "WORKFLOW_HIGH_VRAM_WARNING": "wymagana duża ilość VRAM",
   "LOADING_VERIFYING_BACKENDS": "Weryfikacja backendów",
-  "LOADING_AI_PLAYGROUND_LOADING": "Ładowanie AI Playground"
+  "LOADING_AI_PLAYGROUND_LOADING": "Ładowanie AI Playground",
+  "COM_CLEAR_HISTORY": "Wyczyść historię",
+  "INPUT_PROMPT": "Prompt",
+  "BACKEND": "Backend",
+  "DEVICE": "Urządzenie"
 }

WebUI/src/assets/i18n/th.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "ความเร็วในการดาวน์โหลด",
   "COM_LOADING_MODEL": "กำลังโหลดโมเดล AI",
   "COM_LOADING_MODEL_COMPONENTS": "กำลังโหลดส่วนประกอบโมเดล AI",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "กำลังติดตั้งคอมโพเนนต์เวิร์กโฟลว์",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "กำลังโหลดคอมโพเนนต์เวิร์กโฟลว์",
   "COM_NO_SELECTED": "ไม่มีการเลือก",
   "COM_CONFIRM": "ยืนยัน",
   "COM_CANCEL": "ยกเลิก",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "โมเดลนี้ต้องการ VRAM จำนวนมาก ลดความละเอียดและ/หรือรีสตาร์ทแบ็กเอนด์ ComfyUI เมื่อประสบปัญหาประสิทธิภาพการทำงานที่ไม่ดี",
   "WORKFLOW_HIGH_VRAM_WARNING": "ต้องการ VRAM สูง",
   "LOADING_VERIFYING_BACKENDS": "กำลังตรวจสอบแบ็กเอนด์",
-  "LOADING_AI_PLAYGROUND_LOADING": "กำลังโหลด AI Playground"
+  "LOADING_AI_PLAYGROUND_LOADING": "กำลังโหลด AI Playground",
+  "COM_CLEAR_HISTORY": "ล้างประวัติ",
+  "INPUT_PROMPT": "พรอมต์",
+  "BACKEND": "แบ็กเอนด์",
+  "DEVICE": "อุปกรณ์"
 }

WebUI/src/assets/i18n/tr.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "İndirme Hızı",
   "COM_LOADING_MODEL": "AI Model Yükleniyor",
   "COM_LOADING_MODEL_COMPONENTS": "AI Model Bileşenleri Yükleniyor",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "İş Akışı Bileşenleri Yükleniyor",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "İş Akışı Bileşenleri Yükleniyor",
   "COM_NO_SELECTED": "Seçim Yapılmadı",
   "COM_CONFIRM": "Onayla",
   "COM_CANCEL": "İptal",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "Bu model çok fazla VRAM gerektiriyor. Düşük performans yaşarsanız çözünürlüğü düşürün ve/veya ComfyUI backend'ini yeniden başlatın",
   "WORKFLOW_HIGH_VRAM_WARNING": "yüksek VRAM gerekli",
   "LOADING_VERIFYING_BACKENDS": "Backend'ler doğrulanıyor",
-  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground Yükleniyor"
+  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground Yükleniyor",
+  "COM_CLEAR_HISTORY": "Geçmişi Temizle",
+  "INPUT_PROMPT": "Prompt",
+  "BACKEND": "Backend",
+  "DEVICE": "Cihaz"
 }

WebUI/src/assets/i18n/vi.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "Tốc độ tải về",
   "COM_LOADING_MODEL": "Đang tải mô hình AI",
   "COM_LOADING_MODEL_COMPONENTS": "Đang tải thành phần mô hình AI",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "Đang cài đặt thành phần quy trình",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "Đang tải thành phần quy trình",
   "COM_NO_SELECTED": "Chưa chọn",
   "COM_CONFIRM": "Xác nhận",
   "COM_CANCEL": "Hủy bỏ",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "Mô hình này yêu cầu nhiều VRAM. Giảm độ phân giải và/hoặc khởi động lại backend ComfyUI khi gặp hiệu suất kém.",
   "WORKFLOW_HIGH_VRAM_WARNING": "yêu cầu VRAM cao",
   "LOADING_VERIFYING_BACKENDS": "Đang xác minh backends",
-  "LOADING_AI_PLAYGROUND_LOADING": "Đang tải AI Playground"
+  "LOADING_AI_PLAYGROUND_LOADING": "Đang tải AI Playground",
+  "COM_CLEAR_HISTORY": "Xóa lịch sử",
+  "INPUT_PROMPT": "Prompt",
+  "BACKEND": "Backend",
+  "DEVICE": "Thiết bị"
 }

WebUI/src/assets/i18n/zh-CN.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "下载速度",
   "COM_LOADING_MODEL": "正在加载AI模型",
   "COM_LOADING_MODEL_COMPONENTS": "正在加载AI模型组件",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "正在安装工作流组件",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "正在加载工作流组件",
   "COM_NO_SELECTED": "未选中",
   "COM_CONFIRM": "确认",
   "COM_CANCEL": "取消",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "此模型需要大量显存。如果遇到性能问题，请降低分辨率或重启ComfyUI后端",
   "WORKFLOW_HIGH_VRAM_WARNING": "需要大量显存",
   "LOADING_VERIFYING_BACKENDS": "验证后端",
-  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground 加载中"
+  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground 加载中",
+  "COM_CLEAR_HISTORY": "清除历史",
+  "INPUT_PROMPT": "提示",
+  "BACKEND": "后端",
+  "DEVICE": "设备"
 }

WebUI/src/assets/i18n/zh-TW.json

@@ -28,6 +28,8 @@
   "COM_DOWNLOAD_SPEED": "下載速度",
   "COM_LOADING_MODEL": "模型載入中",
   "COM_LOADING_MODEL_COMPONENTS": "模型套件載入中",
+  "COM_INSTALL_WORKFLOW_COMPONENTS": "工作流程套件安裝中",
+  "COM_LOADING_WORKFLOW_COMPONENTS": "工作流程套件載入中",
   "COM_NO_SELECTED": "無選取項目",
   "COM_CONFIRM": "確認",
   "COM_CANCEL": "取消",
@@ -242,5 +244,9 @@
   "WORKFLOW_HIGH_VRAM_INFO": "此模型需要大量顯示記憶體。如果遇到效能問題，請降低解析度或重啟ComfyUI後端",
   "WORKFLOW_HIGH_VRAM_WARNING": "需要大量顯示記憶體",
   "LOADING_VERIFYING_BACKENDS": "驗證後端",
-  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground 載入中"
+  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground 載入中",
+  "COM_CLEAR_HISTORY": "清除歷史",
+  "INPUT_PROMPT": "提示",
+  "BACKEND": "後端",
+  "DEVICE": "設備"
 }