intel · mschuettlerTNG · Aug 5, 2025 · Aug 7, 2025 · Aug 7, 2025 · Aug 7, 2025
diff --git a/WebUI/electron/main.ts b/WebUI/electron/main.ts
@@ -206,6 +206,8 @@ async function createWindow() {
   // Make all links open with the browser, not with the application
   win.webContents.setWindowOpenHandler(({ url }) => {
     if (url.startsWith('https:')) shell.openExternal(url)
+    if (url.startsWith('http://localhost')) shell.openExternal(url)
+    if (url.startsWith('http://127.0.0.1')) shell.openExternal(url)
     return { action: 'deny' }
   })
   return win

diff --git a/WebUI/external/workflows/AcerVisionArt_fluxQ4.json b/WebUI/external/workflows/AcerVisionArt_fluxQ4.json
@@ -3,6 +3,7 @@
   "displayPriority": 500,
   "tags": ["Q4", "Fast"],
   "backend": "comfyui",
+  "category": "create-images",
   "comfyUIRequirements": {
     "customNodes": [
       "city96/ComfyUI-GGUF@b3ec875a68d94b758914fd48d30571d953bb7a54",

diff --git a/WebUI/external/workflows/Colorize.json b/WebUI/external/workflows/Colorize.json
@@ -1,6 +1,7 @@
 {
   "name": "Colorize",
   "backend": "comfyui",
+  "category": "edit-images",
   "comfyUIRequirements": {
     "customNodes": ["kijai/ComfyUI-DDColor@30d5b8e7666382a6a78404caee28dfa87f741037"],
     "requiredModels": []

diff --git a/WebUI/external/workflows/CopyFace.json b/WebUI/external/workflows/CopyFace.json
@@ -1,6 +1,7 @@
 {
   "name": "CopyFace",
   "backend": "comfyui",
+  "category": "edit-images",
   "comfyUIRequirements": {
     "pythonPackages": [
       "https://github.com/Gourieff/Assets/raw/main/Insightface/insightface-0.7.3-cp312-cp312-win_amd64.whl",

diff --git a/WebUI/external/workflows/FaceSwapHD.json b/WebUI/external/workflows/FaceSwapHD.json
@@ -1,6 +1,7 @@
 {
   "name": "FaceSwap-HD",
   "backend": "comfyui",
+  "category": "create-images",
   "comfyUIRequirements": {
     "pythonPackages": [
       "https://github.com/Gourieff/Assets/raw/main/Insightface/insightface-0.7.3-cp312-cp312-win_amd64.whl",

diff --git a/WebUI/external/workflows/FluxKontextAIPGmerge-preview2.json b/WebUI/external/workflows/FluxKontextAIPGmerge-preview2.json
@@ -1,7 +1,8 @@
 {
-  "name": "Flux-Kontext",
+  "name": "Edit By Prompt",
   "displayPriority": 200,
   "backend": "comfyui",
+  "category": "edit-images",
   "comfyUIRequirements": {
     "customNodes": [
       "BadCafeCode/execution-inversion-demo-comfyui@d9eebfaa1a6a33067e8c9108ef093b48279c4cbb"
@@ -25,7 +26,7 @@
       }
     ]
   },
-  "tags": ["preview"],
+  "tags": ["Flux.1-Kontext"],
   "requirements": ["high-vram"],
   "inputs": [
     {
@@ -69,7 +70,7 @@
     "batchSize": 1
   },
   "displayedSettings": [],
-  "modifiableSettings": ["seed", "resolution"],
+  "modifiableSettings": ["seed", "inferenceSteps", "resolution"],
   "comfyUiApiWorkflow": {
     "6": {
       "inputs": {

diff --git a/WebUI/external/workflows/LTX-Video_9.5_Start-End.json b/WebUI/external/workflows/LTX-Video_9.5_Start-End.json
@@ -2,6 +2,7 @@
   "name": "Video-Start2End",
   "tags": ["LTX Video", "high-vram"],
   "backend": "comfyui",
+  "category": "create-videos",
   "comfyUIRequirements": {
     "customNodes": [
       "city96/ComfyUI-GGUF@b3ec875a68d94b758914fd48d30571d953bb7a54",

diff --git a/WebUI/external/workflows/LTX-Video_9.5_T2V-v2.json b/WebUI/external/workflows/LTX-Video_9.5_T2V-v2.json
@@ -2,6 +2,7 @@
   "name": "Video-Txt2Vid",
   "tags": ["LTX Video", "high-vram"],
   "backend": "comfyui",
+  "category": "create-videos",
   "comfyUIRequirements": {
     "customNodes": [
       "city96/ComfyUI-GGUF@b3ec875a68d94b758914fd48d30571d953bb7a54",

diff --git a/WebUI/external/workflows/LTX-Video_9.6_I2V.json b/WebUI/external/workflows/LTX-Video_9.6_I2V.json
@@ -1,5 +1,6 @@
 {
   "name": "Video-Img2Vid",
+  "category": "create-videos",
   "tags": ["LTX Video", "high-vram"],
   "backend": "comfyui",
   "comfyUIRequirements": {

diff --git a/WebUI/external/workflows/Line2ImageHD-Fast.json b/WebUI/external/workflows/Line2ImageHD-Fast.json
@@ -1,7 +1,8 @@
 {
-  "name": "Line2Image-HD-Fast",
+  "name": "SketchToPhoto-HD-Draft",
   "displayPriority": 200,
   "backend": "comfyui",
+  "category": "edit-images",
   "comfyUIRequirements": {
     "customNodes": [],
     "requiredModels": [
@@ -31,7 +32,7 @@
       }
     ]
   },
-  "tags": ["SDXL", "Fast-LCM"],
+  "tags": ["SDXL", "4-steps"],
   "requirements": ["high-vram"],
   "inputs": [
     {

diff --git a/WebUI/external/workflows/Line2ImageHD-Quality.json b/WebUI/external/workflows/Line2ImageHD-Quality.json
@@ -1,7 +1,8 @@
 {
-  "name": "Line2Image-HD-Quality",
+  "name": "SketchToPhoto-HD-Quality",
   "displayPriority": 150,
   "backend": "comfyui",
+  "category": "edit-images",
   "comfyUIRequirements": {
     "customNodes": [],
     "requiredModels": [

diff --git a/WebUI/external/workflows/Wan2.1-Vace-Img2Vid-20steps-preview.json b/WebUI/external/workflows/Wan2.1-Vace-Img2Vid-20steps-preview.json
@@ -1,5 +1,6 @@
 {
   "name": "Wan2.1-VACE_Img2Video-20Steps",
+  "category": "create-videos",
   "displayPriority": 200,
   "backend": "comfyui",
   "comfyUIRequirements": {
@@ -23,7 +24,7 @@
       }
     ]
   },
-  "tags": ["preview"],
+  "tags": ["dGPU", "high vRAM"],
   "requirements": ["high-vram"],
   "inputs": [
     {

diff --git a/WebUI/external/workflows/Wan2.1-Vace-Img2Vid-4steps-preview.json b/WebUI/external/workflows/Wan2.1-Vace-Img2Vid-4steps-preview.json
@@ -1,5 +1,6 @@
 {
   "name": "Wan2.1-VACE_Img2Video-4Steps",
+  "category": "create-videos",
   "displayPriority": 200,
   "backend": "comfyui",
   "comfyUIRequirements": {
@@ -27,7 +28,7 @@
       }
     ]
   },
-  "tags": ["preview"],
+  "tags": ["dGPU", "high vRAM"],
   "requirements": ["high-vram"],
   "inputs": [
     {

diff --git a/WebUI/external/workflows/Wan2.1-Vace-Vid2Vid.json b/WebUI/external/workflows/Wan2.1-Vace-Vid2Vid.json
@@ -1,5 +1,6 @@
 {
   "name": "Wan2.1-VACE_Video2Video",
+  "category": "create-videos",
   "displayPriority": 200,
   "backend": "comfyui",
   "comfyUIRequirements": {
@@ -23,7 +24,7 @@
       }
     ]
   },
-  "tags": ["preview"],
+  "tags": ["dGPU", "high vRAM"],
   "requirements": ["high-vram"],
   "inputs": [
     {

diff --git a/WebUI/external/workflows/fluxQ4.json b/WebUI/external/workflows/fluxQ4.json
@@ -1,8 +1,9 @@
 {
   "name": "Flux.1-Schnell Med Quality",
   "displayPriority": 500,
-  "tags": ["Q4", "Fast"],
+  "tags": ["Q4"],
   "backend": "comfyui",
+  "category": "create-images",
   "comfyUIRequirements": {
     "customNodes": ["city96/ComfyUI-GGUF@b3ec875a68d94b758914fd48d30571d953bb7a54"],
     "requiredModels": [

diff --git a/WebUI/external/workflows/fluxQ8.json b/WebUI/external/workflows/fluxQ8.json
@@ -2,6 +2,7 @@
   "name": "Flux.1-Schnell High Quality",
   "displayPriority": 450,
   "backend": "comfyui",
+  "category": "create-images",
   "comfyUIRequirements": {
     "customNodes": ["city96/ComfyUI-GGUF@b3ec875a68d94b758914fd48d30571d953bb7a54"],
     "requiredModels": [
@@ -23,7 +24,7 @@
       }
     ]
   },
-  "tags": ["Q8", "Fast"],
+  "tags": ["Q8"],
   "requirements": ["high-vram"],
   "inputs": [],
   "outputs": [

diff --git a/WebUI/package-lock.json b/WebUI/package-lock.json
diff --git a/WebUI/package.json b/WebUI/package.json
@@ -29,7 +29,7 @@
     "@radix-icons/vue": "^1.0.0",
     "@tailwindcss/vite": "^4.1.11",
     "@vee-validate/zod": "^4.15.1",
-    "@vueuse/core": "^13.5.0",
+    "@vueuse/core": "^13.6.0",
     "ai": "^4.3.19",
     "autoprefixer": "^10.4.21",
     "class-variance-authority": "^0.7.1",
@@ -51,10 +51,9 @@
     "pinia": "^3.0.3",
     "pinia-plugin-persistedstate": "^4.4.1",
     "radix-vue": "^1.9.17",
-    "reka-ui": "^2.3.2",
+    "reka-ui": "^2.4.1",
     "sudo-prompt": "^9.2.1",
     "tailwind-merge": "^3.3.1",
-    "tailwindcss-animate": "^1.0.7",
     "unplugin-auto-import": "^19.3.0",
     "uuid": "^11.1.0",
     "vee-validate": "^4.15.1",
@@ -80,6 +79,7 @@
     "eslint-plugin-vue": "^10.3.0",
     "prettier": "^3.6.2",
     "tailwindcss": "^4.1.11",
+    "tw-animate-css": "^1.3.6",
     "typescript": "^5.8.3",
     "vite": "^7.0.5",
     "vite-plugin-electron": "^0.29.0",

diff --git a/WebUI/src/assets/css/index.css b/WebUI/src/assets/css/index.css
@@ -6,6 +6,9 @@
 @import './pc.css';
 @import './compontents.css';
 @import './svg.css';
+@import 'tw-animate-css';
+
+@custom-variant dark (&:is(.dark *));
 
 @layer base {
   :root {
@@ -65,3 +68,24 @@
     @apply break-words whitespace-pre-wrap;
   }
 }
+
+@theme inline {
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--reka-accordion-content-height);
+    }
+  }
+  @keyframes accordion-up {
+    from {
+      height: var(--reka-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+}
diff --git a/WebUI/src/assets/css/main.css b/WebUI/src/assets/css/main.css
@@ -88,6 +88,7 @@ textarea {
   margin-top: -1px;
   background-color: var(--color-panel-focus);
   overflow: hidden;
+  height: 0;
 }
 
 .main-content-area {

diff --git a/WebUI/src/assets/js/store/imageGeneration.ts b/WebUI/src/assets/js/store/imageGeneration.ts
@@ -195,6 +195,7 @@ export type ComfyDynamicInput = z.infer<typeof ComfyDynamicInputSchema>
 
 const ComfyUiWorkflowSchema = z.object({
   name: z.string(),
+  category: z.enum(['create-images', 'edit-images', 'create-videos']).optional(),
   displayPriority: z.number().default(0),
   backend: z.literal('comfyui'),
   comfyUIRequirements: z.object({