Release 0.2.0: Slate redesign and Manual sampling defaults

CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 0.2.0 - 2026-09-29
+
+- Refresh the Slate interface with larger Inter text, roomier controls, a larger prompt field and clearer section spacing.
+- Use two-row LoRA cards with full filenames, visible order, enable/edit actions and independently editable Model and CLIP strengths. Keep drag, arrow and keyboard reordering.
+- Add readable captions outside the native Canvas socket dots and enforce minimum node dimensions so controls and ports remain usable.
+- Start new Engines and all starter workflows in Manual, with enhancement disabled. Keep saved workflow settings and existing model adapters.
+- Show JSON upload only in DMAI Enhanced. New preset choices come from imported settings; historical built-in presets remain resolvable for saved workflows. Remove preset export from the interface.
+- Preserve manual drafts when switching modes. An Enhanced Engine without a selected preset asks for a DMAI JSON upload or a switch back to Manual.
+- Keep the conflict-free `DMAINodesPrompter` ID and legacy workflow migration introduced in 0.1.3.
+
 ## 0.1.3 — 2026-09-29
 
 - Give the new Prompter the unique internal ID `DMAINodesPrompter`, keeping its visible name **DMAI Prompter**. Older DMAI Suite and standalone Prompter installations can keep their original node and frontend hooks.

DMAI-NODES-v0.2.0.zip

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:81eca7e53dc58d56c6dac8575be431924fed78b90779155bfc7ca309fcf189a2
+size 157471

DMAI-NODES-v0.2.0.zip.sha256

@@ -0,0 +1 @@
+81eca7e53dc58d56c6dac8575be431924fed78b90779155bfc7ca309fcf189a2  DMAI-NODES-v0.2.0.zip

README.md

@@ -12,9 +12,9 @@ tags:
 
 # DMAI NODES
 
-**A compact image workflow for ComfyUI.** Slate surfaces, clean Inter typography and English controls.
+**A clear image workflow for ComfyUI.** Slate surfaces, readable Inter typography and English controls.
 
-**0.1.3 preview** · [GitHub releases](https://github.com/ceroomedia/DMAI-NODES/releases) · [Hugging Face download mirror](https://huggingface.co/ceroomedia/DMAI-NODES)
+**0.2.0 preview** · [GitHub releases](https://github.com/ceroomedia/DMAI-NODES/releases) · [Hugging Face download mirror](https://huggingface.co/ceroomedia/DMAI-NODES)
 
 Prompter → Generation Engine → Gallery, with an ordered LoRA Loader feeding the engine.
 
@@ -23,8 +23,8 @@ Prompter → Generation Engine → Gallery, with an ordered LoRA Loader feeding
 | Node | Purpose |
 | --- | --- |
 | **DMAI Prompter** | Prompt, 19 aspect ratios, 1K / 2K / Custom dimensions, image count, Generate button and generation progress outline. |
-| **DMAI LoRA Loader** | Reorderable stack, enabled state, separate model/CLIP strengths and strict file checks. |
-| **DMAI Generation Engine** | Installed checkpoint and diffusion model picker, DMAI Enhanced or Manual sampling, imported settings presets, seed sequence and execution report. |
+| **DMAI LoRA Loader** | Roomy two-row cards with full filenames, enable controls, independent Model / CLIP strengths, reordering and strict file checks. |
+| **DMAI Generation Engine** | Installed checkpoint and diffusion model picker, Manual sampling by default, uploaded DMAI Enhanced settings, seed sequence and execution report. |
 | **DMAI Gallery** | Persistent PNG originals, multiple selection, per-image download and selection ZIP. |
 | **DMAI Krea Enhancer** | A standalone Krea-only model node, using the optional upstream Krea2T Enhancer. |
 | **DMAI VAE Encode / Decode** | Standard Comfy VAE operations, usable separately and with the engine's advanced inputs. |
@@ -33,6 +33,8 @@ Sampler and scheduler choices come from the running ComfyUI installation. Option
 
 The simple path loads models inside the engine. Advanced workflows can supply MODEL, CLIP and VAE together, and an encoded LATENT. Krea enhancement is only available for Krea profiles. A settings preset never installs a new model adapter.
 
+The larger Prompter puts the prompt, image format, count and Generate control together. Engine exposes its sampling settings in Manual; switch to **DMAI Enhanced** to upload a settings JSON. Readable captions sit outside the native Canvas connection dots, and minimum node sizes keep controls and ports usable when resizing.
+
 ## Install
 
 From your ComfyUI directory, using **the same Python environment as ComfyUI**:
@@ -44,11 +46,12 @@ python -m pip install -r custom_nodes/DMAI-NODES/requirements.txt
 
 Restart ComfyUI and refresh the browser. Search for **DMAI** in the node library.
 
-**Using an older DMAI package too?** Version 0.1.3 gives this package's Prompter its own internal ID, `DMAINodesPrompter`. Choose **DMAI Prompter** from the **DMAI-NODES** package in category **DMAI NODES**. The older Suite and standalone Prompter keep their existing IDs. See [updating from 0.1.2](docs/INSTALLATION.md#updating-from-012-or-earlier) for saved workflows and API clients.
+**Using an older DMAI package too?** Since version 0.1.3, this package's Prompter has its own internal ID, `DMAINodesPrompter`. Choose **DMAI Prompter** from the **DMAI-NODES** package in category **DMAI NODES**. The older Suite and standalone Prompter keep their existing IDs. See [updating from 0.1.2](docs/INSTALLATION.md#updating-from-012-or-earlier) for saved workflows and API clients.
 
 - [Windows Portable, local environments and Runpod](docs/INSTALLATION.md)
 - [Model files, presets and enhancement](docs/MODELS.md)
 - [API workflow and future website integration](docs/API.md)
+- [Interface design](docs/DESIGN.md)
 - [Validation results and limits](docs/VALIDATION.md)
 
 ZIP installation is also supported: extract the release so `ComfyUI/custom_nodes/DMAI-NODES/__init__.py` exists. A Hugging Face mirror includes the package and checksum; this repository contains **code and documentation, no model weights**.
@@ -56,13 +59,14 @@ ZIP installation is also supported: extract the release so `ComfyUI/custom_nodes
 ## First workflow
 
 1. Import a starter from `workflows`: Krea, SDXL, Qwen or FLUX. Use the `.json` file for the UI and `.api.json` for API calls.
-2. Select an installed file at the top of Engine under **Checkpoints** or **Diffusion models**. Open **Model files** to set its **Architecture** and any separate text encoders and VAE. Checkpoint loading currently supports SDXL; diffusion loading supports Krea 2 Turbo, Qwen Image and FLUX.1 Dev. Install any optional enhancement dependency needed by the selected preset.
-3. Enter the prompt and image count. Add LoRAs if needed.
-4. Choose **Generate** in the Prompter. Its softly glowing outline follows generation across all requested images and reaches 100% when the workflow finishes. Preview or download saved results from Gallery.
+2. Select an installed file at the top of Engine under **Checkpoints** or **Diffusion models**. Open **Model files** to set its **Architecture** and any separate text encoders and VAE. Checkpoint loading currently supports SDXL; diffusion loading supports Krea 2 Turbo, Qwen Image and FLUX.1 Dev.
+3. Keep **Manual** to adjust Steps, CFG, Sampler, Scheduler and Denoise. For a prepared settings file, switch to **DMAI Enhanced** and choose **Upload JSON**. Enhanced requires a matching preset before generation; returning to Manual restores your manual settings.
+4. Enter the prompt and image count. Add LoRAs if needed, setting Model and CLIP strengths independently.
+5. Choose **Generate** in the Prompter. Its softly glowing outline follows generation across all requested images and reaches 100% when the workflow finishes. Preview or download saved results from Gallery.
 
-For Krea without the optional enhancer, choose **Krea / Clean Base** or Manual with Enhancer set to `none`. Models and LoRAs remain subject to their own licenses.
+New nodes and starter workflows use Manual with enhancement `none`. Enable the optional Krea enhancer only after installing its dependency. Existing workflows retain their saved sampling settings and selected legacy preset. Models and LoRAs remain subject to their own licenses.
 
-To wire nodes yourself, drag the native output port to a matching input port: Prompter **request** → Engine **request**, LoRA Loader **loras** → Engine **loras**, and Engine **images** → Gallery **images**. Engine **report** → Gallery **report** adds generation metadata. Use ComfyUI's native node controls to reveal optional advanced inputs; see [advanced connections](docs/MODELS.md#advanced-connections).
+To wire nodes yourself, drag the native output dot to a matching input dot: Prompter **Prompt** → Engine **Prompt** (`request`), LoRA Loader **LoRAs** → Engine **LoRAs**, and Engine **Images** → Gallery **Images**. Engine **Report** → Gallery **Report** adds generation metadata. The captions identify the existing ports; dragging still uses ComfyUI's dots. Use ComfyUI's native node controls to reveal optional advanced inputs; see [advanced connections](docs/MODELS.md#advanced-connections).
 
 ## Behavior that matters
 
@@ -72,11 +76,12 @@ To wire nodes yourself, drag the native output port to a matching input port: Pr
 - Gallery IDs are serialized in workflows. The new package uses separate storage under `output/DMAI-NODES`; existing DMAI Studio history is not deleted or automatically imported.
 - ZIP exports are limited to **100 images / 2 GiB**. Full-history selection uses a snapshot so later images are not silently added.
 - Invalid saved JSON remains visible for correction. It is not replaced by defaults.
+- Preset upload is available in DMAI Enhanced. The preset export button has been removed; keep the original JSON file for reuse. Historical built-in presets remain available to saved workflows, with imported settings shown for new selections.
 - This is a new package with new node IDs. Existing Studio, Carousel and Krea Edit workflows remain in their original package.
 
 ## Compatibility
 
-Built against ComfyUI **v0.37.0**, with the frontend supplied by that tag. Renderer and inference coverage are recorded in [VALIDATION.md](docs/VALIDATION.md). Native connection ports remain available; custom port positioning may differ between Canvas and Nodes 2.0.
+Built against ComfyUI **v0.37.0**, with the frontend supplied by that tag. Renderer and inference coverage are recorded in [VALIDATION.md](docs/VALIDATION.md). Native connection ports remain available. External socket captions target Canvas; custom positioning and captions may differ in Nodes 2.0.
 
 No cloud service or paid generation is enabled by installation. The HTTP routes use ComfyUI's existing access boundary; put authentication and TLS in front of a remote deployment.
 

dmai_nodes/__init__.py

@@ -1,2 +1,2 @@
 """DMAI NODES domain modules; importing these does not initialize a GPU."""
-__version__ = "0.1.3"
+__version__ = "0.2.0"

dmai_nodes/engine.py

@@ -94,6 +94,8 @@ def parse_engine_config(value):
     if any(entry["id"] in builtin_ids for entry in presets):
         raise ValueError("Imported presets cannot replace built-in preset IDs. Use a new ID.")
     if value["mode"] == "enhanced":
+        if not value["preset_id"]:
+            raise ValueError("Upload a DMAI JSON preset in DMAI Enhanced, or switch the Engine to Manual.")
         preset, _ = resolve_preset(value["preset_id"], profile["id"], presets)
         settings = preset["settings"]
     return {"schema_version": 1, "profile_id": profile["id"], "mode": value["mode"],

dmai_nodes/nodes.py

@@ -10,8 +10,8 @@ LoraPort = io.Custom("DMAI_LORA_STACK")
 ReportPort = io.Custom("DMAI_REPORT")
 DEFAULT_PROMPT = {"schema_version":1,"prompt":"","negative_prompt":"","width":832,"height":1024,"count":4}
 DEFAULT_LORAS = {"schema_version":1,"entries":[]}
-DEFAULT_ENGINE = {"schema_version":1,"profile_id":"krea2-turbo","mode":"enhanced","preset_id":"dmai-krea2-original-v1",
-    "settings":{"steps":8,"cfg":1.1,"sampler":"euler","scheduler":"beta","denoise":1,"enhancer":"krea2t"},
+DEFAULT_ENGINE = {"schema_version":1,"profile_id":"krea2-turbo","mode":"manual","preset_id":"",
+    "settings":{"steps":8,"cfg":1.1,"sampler":"euler","scheduler":"beta","denoise":1,"enhancer":"none"},
     "seed":481516,"models":{"diffusion_model":"krea2_turbo_fp8.safetensors","text_encoder":"qwen3vl_4b_fp8_scaled.safetensors","vae":"wan_2.1_vae.safetensors","checkpoint":""},"presets":[]}
 
 

dmai_nodes/presets.py

@@ -150,4 +150,4 @@ def resolve_preset(preset_id, profile_id, imports):
                 if entry["model"]["id"] != profile_id:
                     raise ValueError("Preset belongs to a different model profile.")
                 return deepcopy(entry), source
-    raise ValueError("Selected preset was not found. Import it or choose a built-in preset.")
+    raise ValueError("Selected preset was not found. Upload its JSON in DMAI Enhanced, or switch to Manual.")

docs/API.md

@@ -13,7 +13,7 @@ python custom_nodes/DMAI-NODES/tools/run_workflow.py \
   --count 2 --seed 481516 --gallery website-demo --wait
 ```
 
-Run the command from your ComfyUI directory using its Python environment. The default example uses Krea Original and its optional enhancer. Use `--workflow` for a different included API example. The helper expects starter node IDs `1` (Prompter), `3` (Engine) and `4` (Gallery); adapt these lookups before using a workflow with different IDs. For the SDXL example, `--checkpoint` can set the installed checkpoint filename. Edit model selections in other API examples to match your catalog. This command queues real generation on your own server.
+Run the command from your ComfyUI directory using its Python environment. The default example uses Krea 2 Turbo in Manual with enhancement `none`; it does not require the optional Krea enhancer. Use `--workflow` for a different included API example. The helper expects starter node IDs `1` (Prompter), `3` (Engine) and `4` (Gallery); adapt these lookups before using a workflow with different IDs. For the SDXL example, `--checkpoint` can set the installed checkpoint filename. Edit model selections in other API examples to match your catalog. This command queues real generation on your own server.
 
 1. `POST /prompt` with `{"prompt": <API workflow>, "client_id": "<unique ID>"}`.
 2. Keep the returned `prompt_id`.
@@ -24,9 +24,17 @@ In a completed starter job, Gallery metadata is at `history[prompt_id]["outputs"
 
 Use seed strings for the full unsigned 64-bit range; JavaScript numbers cannot represent all of it exactly. Each image's exact seed is recorded in the Engine report. The CLI timeout only stops waiting; it does not cancel the job.
 
+## Engine sampling modes
+
+Version 0.2.0 starts new Engines and all starter templates in `"mode": "manual"`, with `"preset_id": ""` and `"enhancer": "none"` inside `settings`. Manual executes the validated `settings` values. Existing saved configs retain their mode and settings.
+
+For DMAI Enhanced, use `"mode": "enhanced"`, a selected `preset_id`, and the matching validated preset in the Engine's `presets` array. Presets are data, not uploaded executable code. The frontend exposes **Upload JSON** only in Enhanced and has no preset export button; headless clients supply the same configuration directly. See [preset format and limits](MODELS.md#manual-or-dmai-enhanced).
+
+An Enhanced config with an empty `preset_id` fails with an actionable error: upload a DMAI JSON preset or switch to Manual. The server continues resolving historical built-in preset IDs for saved workflows and API templates. The `bootstrap` response retains that catalog for compatibility; its presence does not mean the frontend offers those presets as new choices. Current node IDs, request types, API routes and JSON schema versions are unchanged from 0.1.3.
+
 ## Prompter ID migration
 
-Version 0.1.3 uses `DMAINodesPrompter` as the Prompter's API `class_type`. The request configuration, `DMAI_PROMPT` output and Engine connections keep the same contracts. Older DMAI packages still own `DMAIPrompter`; the server intentionally has no alias that could overwrite them.
+Since version 0.1.3, the Prompter's API `class_type` is `DMAINodesPrompter`. The request configuration, `DMAI_PROMPT` output and Engine connections keep the same contracts. Older DMAI packages still own `DMAIPrompter`; the server intentionally has no alias that could overwrite them.
 
 Use the updated starter API files for new integrations. The included `run_workflow.py` converts identifiable 0.1.0-0.1.2 DMAI NODES Prompters in memory before submitting and leaves the source file intact. Direct `/prompt` callers should migrate their template first:
 
@@ -80,7 +88,7 @@ Routes are relative to ComfyUI's base URL. JSON responses use `{"ok": true, "dat
 | Method | Route | Purpose |
 | --- | --- | --- |
 | GET | `/dmai-nodes/v1/health` | Package version and capability flags |
-| GET | `/dmai-nodes/v1/bootstrap` | Model profiles, installed files, LoRAs, presets, runtime samplers and schedulers |
+| GET | `/dmai-nodes/v1/bootstrap` | Model profiles, installed files, LoRAs, historical preset catalog, runtime samplers and schedulers |
 | POST | `/dmai-nodes/v1/presets/validate` | Validate a single JSON preset or pack |
 | GET | `/dmai-nodes/v1/galleries/{gallery_id}?offset=0&limit=60` | Saved images, total and snapshot watermark |
 | GET | `/dmai-nodes/v1/images/{image_id}` | Original PNG |

docs/DESIGN.md

@@ -0,0 +1,25 @@
+# Interface design — 0.2.0
+
+The interface uses Slate charcoal, a lime action color and locally bundled Inter. All controls are in English. It follows the hierarchy and alignment principles in Apple's [Layout](https://developer.apple.com/design/human-interface-guidelines/layout) and [Typography](https://developer.apple.com/design/human-interface-guidelines/typography) guidance, with its own colors and components.
+
+## Working sizes
+
+- Body: 15 px. Prompt text: 16 px. Node headings: 21 px bold. Secondary labels: 13 px.
+- Form controls: at least 44 px high. Generate: 52 px high.
+- Panel padding: 22 px. Related controls use consistent 8–16 px gaps.
+- Lime identifies the primary action, selected formats and active connections. Text and shape also communicate state.
+- Reduced-motion preferences disable decorative animation; numeric progress remains available.
+
+ComfyUI scales every node with the canvas. Around 70–100% zoom is a useful working range; fitting a large graph can make every extension's controls smaller. Minimum dimensions prevent the saved narrow layouts from squeezing the new controls. Larger user-chosen dimensions remain available.
+
+## Structure
+
+**Prompter:** description first, then visual aspect ratios, resolution, image count and Generate. Negative prompt is a disclosure. Real execution progress follows the perimeter.
+
+**LoRA Loader:** the first row identifies a file, its position and enabled state. The second row holds independent Model and CLIP strengths plus ordering arrows. Names wrap rather than collapsing into a tiny column. The list scrolls when needed.
+
+**Generation Engine:** the installed-file selector stays first. Supporting model files are under a disclosure. Manual exposes sampling controls directly. DMAI Enhanced is the only place to upload JSON settings. The old preset catalog is retained internally for saved workflows.
+
+**Gallery:** images take the available space. Selection and ZIP stay in a visible footer while the grid scrolls. Each image retains its preview and download buttons.
+
+**Connections:** Canvas captions sit just above the wire next to the real native socket. There is no second connector toolbar. Leave roughly 200 px between node edges when both sides have captions. Serialized input names, types and link behavior remain unchanged. Nodes 2.0 uses its own renderer and is not the visual reference for this release.

docs/INSTALLATION.md

@@ -30,7 +30,7 @@ For ComfyUI Desktop, use the installation directory shown in Desktop's settings
 ## Runpod
 
 1. Start your chosen ComfyUI Pod using your normal template and persistent volume. GPU availability, model licenses and Pod cost are separate from this package.
-2. Open the Pod terminal and find the actual ComfyUI folder. `/workspace/ComfyUI` is common; templates differ.
+2. Open the Pod terminal and find the actual ComfyUI folder. Common examples are `/workspace/ComfyUI` and `/workspace/runpod-slim/ComfyUI`; templates differ.
 3. Activate the same environment as the running ComfyUI server. Check its launcher if unsure.
 4. Run the commands below, adjusting the path when needed.
 
@@ -48,7 +48,7 @@ The instructions do not start a Pod or buy compute. No Runpod template installat
 
 ## Optional Krea enhancement
 
-The **DMAI Krea Enhancer** and **Krea / Original** preset require the upstream extension. From the ComfyUI directory:
+The **DMAI Krea Enhancer**, Manual sampling with Enhancer set to `krea2t`, and any preset enabling that enhancer require the upstream extension. The historical **Krea / Original** recipe also enables it. New nodes and starter workflows leave enhancement at `none`. From the ComfyUI directory:
 
 ```bash
 git clone https://github.com/capitan01R/ComfyUI-Krea2T-Enhancer.git custom_nodes/ComfyUI-Krea2T-Enhancer
@@ -61,31 +61,43 @@ RES4LYF is optional and installed separately. Follow its upstream instructions a
 
 ## Update and remove
 
-Update only when no job is running. From the ComfyUI directory with its Python environment active:
+Update only when no job is running. To install **0.2.0 preview**, including from a checkout pinned to an older release, run from the ComfyUI directory with its Python environment active:
 
 ```bash
-git -C custom_nodes/DMAI-NODES pull --ff-only
+git -C custom_nodes/DMAI-NODES fetch origin tag v0.2.0
+git -C custom_nodes/DMAI-NODES checkout v0.2.0
 python -m pip install -r custom_nodes/DMAI-NODES/requirements.txt
+git -C custom_nodes/DMAI-NODES describe --tags --exact-match
 ```
 
 For Windows Portable, run from the portable folder instead:
 
 ```powershell
-git -C .\ComfyUI\custom_nodes\DMAI-NODES pull --ff-only
+git -C .\ComfyUI\custom_nodes\DMAI-NODES fetch origin tag v0.2.0
+git -C .\ComfyUI\custom_nodes\DMAI-NODES checkout v0.2.0
 .\python_embeded\python.exe -m pip install -r .\ComfyUI\custom_nodes\DMAI-NODES\requirements.txt
+git -C .\ComfyUI\custom_nodes\DMAI-NODES describe --tags --exact-match
 ```
 
-Restart ComfyUI afterward. For ZIP installations, replace package files from the new release while preserving your workflows and output. To uninstall, remove only the custom-node folder after stopping ComfyUI. Saved originals and the gallery index are in `output/DMAI-NODES` and are not removed by package updates.
+The final command should print `v0.2.0`. Git's detached HEAD message is expected when selecting a fixed release tag. If Git reports local changes, preserve those changes before retrying; the commands above do not discard them.
+
+Restart ComfyUI afterward, then hard-refresh with Ctrl+F5. For ZIP installations, replace package files from the new release while preserving your workflows and output. To uninstall, remove only the custom-node folder after stopping ComfyUI. Saved originals and the gallery index are in `output/DMAI-NODES` and are not removed by package updates.
+
+### What changes in 0.2.0
+
+The larger interface adds readable Canvas socket captions and minimum node sizes. Saved nodes may grow to the new minimum dimensions on load; their IDs and connections remain unchanged. Manual is the default for new Engines and starter workflows. Existing workflows retain their saved sampling settings and any selected historical preset.
+
+For new prepared settings, switch to **DMAI Enhanced** and choose **Upload JSON**. Upload is available only in that mode. The old preset export control is removed. Keep your original preset files; existing imported presets remain saved in the workflow. See [sampling modes and legacy preset compatibility](MODELS.md#manual-or-dmai-enhanced).
 
 ### Updating from 0.1.2 or earlier
 
-The new Prompter now registers as `DMAINodesPrompter`. Its visible name remains **DMAI Prompter**, under **DMAI NODES**, with the **DMAI-NODES** package badge. Older DMAI Suite and standalone Prompter installations use `DMAIPrompter`; they can remain enabled alongside this package.
+Since 0.1.3, the new Prompter registers as `DMAINodesPrompter`. Its visible name remains **DMAI Prompter**, under **DMAI NODES**, with the **DMAI-NODES** package badge. Older DMAI Suite and standalone Prompter installations use `DMAIPrompter`; they can remain enabled alongside this package. Version 0.2.0 keeps that separation.
 
 To install exactly this release from an existing Git checkout, including a checkout pinned to an older tag, run inside `custom_nodes/DMAI-NODES`:
 
 ```bash
-git fetch origin tag v0.1.3
-git checkout v0.1.3
+git fetch origin tag v0.2.0
+git checkout v0.2.0
 python -m pip install -r requirements.txt
 git describe --tags --exact-match
 ```
@@ -99,11 +111,12 @@ For API JSON sent directly to `/prompt`, use the new `DMAINodesPrompter` class t
 ## Troubleshooting
 
 - **No DMAI nodes:** inspect the ComfyUI console for import errors; check the Python environment and one-level ZIP extraction.
-- **Prompter missing when older DMAI nodes are installed:** update to 0.1.3 or newer, restart ComfyUI and hard-refresh. Search `DMAINodesPrompter` or select **DMAI Prompter** with the **DMAI-NODES** badge. The new node has a `request` output of type `DMAI_PROMPT`.
+- **Prompter missing when older DMAI nodes are installed:** update to 0.2.0 using the commands above, restart ComfyUI and hard-refresh. The coexistence fix was introduced in 0.1.3. Search `DMAINodesPrompter` or select **DMAI Prompter** with the **DMAI-NODES** badge. The new node has a `request` output of type `DMAI_PROMPT`, captioned **Prompt** in Canvas.
 - **Missing model:** select the exact catalog entry, including subfolder. Refresh the model list after adding files.
-- **Enhancer unavailable:** install the pinned dependency or choose Clean Base/Manual with `none`.
+- **Enhancer unavailable:** install the pinned dependency or use Manual with Enhancer set to `none`.
+- **Enhanced asks for a preset:** choose **Upload JSON** in DMAI Enhanced and upload matching settings, or switch to Manual.
 - **LoRA has no matching patches:** verify the LoRA family and selected base model; this is deliberately an error.
 - **Gallery missing original:** restore the file from your backup. An export will not silently omit a selected missing file.
-- **Frontend layout issue:** refresh first, then test Comfy's Canvas renderer. Keep the exact Core and Frontend versions in your issue report.
+- **Frontend layout issue:** hard-refresh first, then test Comfy's Canvas renderer. Socket captions are drawn outside the node; leave room between neighboring nodes. Keep the exact Core and Frontend versions in your issue report.
 
 Official references: [Portable](https://docs.comfy.org/installation/comfyui_portable_windows), [manual installation](https://docs.comfy.org/installation/manual_install), [Runpod ComfyUI guide](https://docs.runpod.io/tutorials/pods/comfyui).

docs/MODELS.md

@@ -19,13 +19,17 @@ These are example filenames, not included downloads. Select the compatible files
 
 ## Manual or DMAI Enhanced
 
-**Manual** exposes Steps, CFG, Sampler, Scheduler and Denoise. Choices come from the active ComfyUI sampler registry, including names registered by extensions. A name appearing in the registry does not prove it works with every model.
+**Manual** is the default for new Engines and all included starter workflows. It exposes Steps, CFG, Sampler, Scheduler and Denoise, with Enhancer available for Krea. Choices come from the active ComfyUI sampler registry, including names registered by extensions. A name appearing in the registry does not prove it works with every model. Changing a model file keeps the current mode and settings; a newly selected architecture starts in Manual unless that workflow already holds a saved draft for it.
 
-**DMAI Enhanced** selects a validated settings preset. The built-in Krea Original recipe uses 8 steps, CFG 1.1, Euler, Beta, denoise 1 and the Krea enhancer at strength 1 / text scale 1. Clean Base disables enhancement. SDXL, Qwen and FLUX base presets provide editable starting points, not quality guarantees.
+**DMAI Enhanced** uses a validated JSON settings file. Switch to this mode, choose **Upload JSON**, and select a file for the intended architecture. If several matching presets have been imported, choose one under **DMAI settings**. Switching back to Manual restores your manual draft. The upload control appears only in Enhanced; there is no preset export button, so keep the source JSON for reuse.
+
+Enhanced can be opened before a file has been uploaded. Generation requires a selected preset: an empty Enhanced configuration reports **Upload a DMAI JSON preset in DMAI Enhanced, or switch the Engine to Manual.** Upload matching settings or choose Manual before trying again.
+
+Historical built-in presets are retained for existing workflows and API templates. A previously selected preset remains visible as saved workflow settings; the interface does not offer the full built-in catalog for new selections. The historical Krea Original recipe uses 8 steps, CFG 1.1, Euler, Beta, denoise 1 and the Krea enhancer at strength 1 / text scale 1. New Krea nodes use Manual with the same sampling values and enhancement `none`. These settings are starting points, not quality guarantees.
 
 FLUX.1 Dev uses embedded guidance 3.5; CFG is a separate parameter. Advanced users can supply both conditioning inputs, using Comfy's FluxGuidance upstream to change embedded guidance. External conditioning bypasses Prompter text encoding; apply any CLIP LoRAs before that external encoding and set the Engine recipe's CLIP strengths to zero. The Engine rejects active nonzero CLIP strengths with supplied conditioning.
 
-The preset import button accepts a single preset or a pack of up to 20. Files are limited to 128 KiB. Unknown fields, model descriptors, non-finite values and unsupported sampling choices are rejected. Imported presets cannot replace built-in IDs. Use a new ID for your variation.
+The Enhanced upload accepts a single preset or a pack of up to 20. Files are limited to 128 KiB. Unknown fields, model descriptors, non-finite values and unsupported sampling choices are rejected. Imported presets cannot replace the reserved historical built-in IDs. Use a new ID for your variation. A pack may contain different supported architectures; the interface prefers a preset matching the current architecture, or switches to the first imported preset's architecture when none matches. Confirm the model files after an architecture change.
 
 ```json
 {
@@ -37,17 +41,17 @@ The preset import button accepts a single preset or a pack of up to 20. Files ar
 }
 ```
 
-Preset files contain data only. They cannot download models, execute Python or register adapters. See `resources/presets/dmai-presets-v1.json` for the built-in pack.
+Preset files contain data only. They cannot download models, execute Python or register adapters. `resources/presets/dmai-presets-v1.json` is the historical compatibility catalog, retained as a reference for saved workflows. Its IDs are reserved; copy the settings into a new preset with a unique ID for upload.
 
 ## Krea enhancer as a separate node
 
-Connect a Krea MODEL through **DMAI Krea Enhancer**, then to Engine's advanced MODEL input. Also connect matching CLIP and VAE. Select Krea Clean Base or Manual with enhancement `none` in Engine when the upstream node has already applied it. Double enhancement is rejected.
+Connect a Krea MODEL through **DMAI Krea Enhancer**, then to Engine's advanced MODEL input. Also connect matching CLIP and VAE. Use Manual with enhancement `none`, or an imported preset with `"enhancer": "none"`, when the upstream node has already applied it. Double enhancement is rejected.
 
 The standalone node requires the separately installed, reviewed [Krea2T Enhancer](https://github.com/capitan01R/ComfyUI-Krea2T-Enhancer). It exposes Enabled, Strength and Text scale. It rejects non-Krea models when enabled. Qwen, FLUX and SDXL never receive this enhancement. See [installation](INSTALLATION.md#optional-krea-enhancement) for the pinned dependency.
 
 ## Advanced connections
 
-Drag ComfyUI's native output ports to matching input ports. The basic links are Prompter **request** → Engine **request**, LoRA Loader **loras** → Engine **loras**, Engine **images** → Gallery **images**, and optionally Engine **report** → Gallery **report**. These are workflow connections, separate from buttons inside the node panels.
+Drag ComfyUI's native output dots to matching input dots. In Canvas, readable captions sit outside the nodes: Prompter **Prompt** → Engine **Prompt**, LoRA Loader **LoRAs** → Engine **LoRAs**, Engine **Images** → Gallery **Images**, and optionally Engine **Report** → Gallery **Report**. The caption **Prompt** represents the existing `request` input/output; serialized names and types are unchanged. Captions do not add another connection bar or replace native drag targets. Minimum node dimensions keep the controls and socket spacing usable; Nodes 2.0 may present ports differently.
 
 Reveal optional advanced inputs using ComfyUI's native node controls.
 
@@ -71,7 +75,9 @@ Engine already decodes its normal IMAGE output. The separate nodes expose the sa
 
 ## LoRA behavior
 
-The LoRA Loader produces an ordered recipe. Engine applies it before encoding both prompts. Use the row arrows to change the order. Model and CLIP strengths are separate; disabled rows and rows with both strengths at zero are skipped. Active nonzero rows fail on missing or ambiguous paths or zero effective matches. Partial matches appear in the execution report.
+The LoRA Loader produces an ordered recipe. Engine applies it before encoding both prompts. Each card shows its order and full filename above separate **Model** and **CLIP** strength controls. Use the arrows, drag handle, or Alt+Up / Alt+Down on the handle to change the order. Both strengths accept values from -20 to 20. Invalid drafts block reordering and queue submission until corrected.
+
+Disabled rows and rows with both strengths at zero are skipped. The active count updates as the strengths change. Active nonzero rows fail on missing or ambiguous paths or zero effective matches. Partial matches appear in the execution report.
 
 File names preserve case and subfolders. Active file content hashes participate in cache invalidation. Registered patches are compared to Comfy's standard loader in CPU tests; visual compatibility with every LoRA is not guaranteed.
 

docs/VALIDATION.md

@@ -1,6 +1,20 @@
-# Validation — 0.1.3 preview
+# Validation — 0.2.0 preview
 
-Updated on 2026-09-29. This release has working ComfyUI registration, CPU contract tests and real local API checks. GPU image generation is still pending. The coexistence checks below were added for 0.1.3; earlier Gallery, model-picker and connector observations were made on 2026-09-28.
+Updated on 2026-09-29. This release has working ComfyUI registration, CPU contract tests and real local API checks. GPU image generation is still pending. The 0.2.0 interface checks below were made on 2026-09-29. Earlier Gallery and sampling observations retain their original scope.
+
+## 0.2.0 interface and Manual defaults
+
+- New and starter Engines use Manual with enhancement `none`. CPU schema and engine regressions confirm the defaults and the actionable empty-Enhanced error. Existing selected legacy presets still resolve.
+- In the real Canvas frontend with the older DMAI Suite also installed, Manual displayed no preset selector, upload or export. Switching to Enhanced exposed Upload JSON. A local QA JSON imported successfully through the actual file chooser and validation route, showing 28 steps. Returning to Manual restored the edited 24-step draft.
+- DPM++ 2M and Karras selections, the imported settings and the manual draft survived workflow save/reload. A native Prompter-to-Engine drag recreated the link; the saved graph contained the new link ID with unchanged port types.
+- Inline LoRA CLIP strength changed from 0.4 to 0.3, independently of Model strength 0.65. Moving that LoRA to position 2 retained both values. Regression tests also cover invalid CLIP drafts blocking reorder/queue serialization.
+- Canvas captions identify native sockets at 14 px. Connector tests cover hit-target clearance, minimum dimensions after loading/resizing, caption geometry, connected metadata and collapsed nodes.
+- The rendered interface was inspected at 70% canvas zoom. Prompter Generate and LoRA Add remain visible at the new default sizes. Gallery uses a fixed selection footer with an independently scrolling image grid; its panel has no outer overflow in the measured fixture.
+- The compact Enhanced card measured 616 px client height and 616 px scroll height, with Upload and Seed visible. Returning to Manual grew it to 716 px without overflow, restored 24 steps and removed the upload control.
+- Preset mode and adaptive-height tests preserve larger saved/user dimensions, including Comfy's extra native widget padding. Package-specific LoRA classes avoid the matching global selectors in the older Suite and standalone LoRA extension.
+- Versioned frontend imports and stylesheet URLs refresh the changed assets. Existing frontend initialization/deprecation warnings from the reference host remain; this release does not claim a warning-free third-party installation.
+
+The images in the QA Gallery are synthetic solid-color fixtures. These checks do not add GPU inference or image-quality coverage.
 
 ## 0.1.3 coexistence and migration
 
@@ -25,8 +39,8 @@ These checks establish registration, UI coexistence and workflow migration. They
 
 | Check | Evidence |
 | --- | --- |
-| Python suite | 99 tests passed with optional real-Comfy CPU tests enabled, including registration coexistence, workflow migration, scoped native progress registry updates and multi-image progress. |
-| JavaScript suite | 64 tests passed: dimensions, exact seeds, ordered manifests, strength edits, mode persistence, sampler overrides, ZIP selection, keyboard containment, Comfy change events, progress presentation, job lifecycle handling, native socket geometry, model-file selection and safe workflow migration. |
+| Python suite | 102 tests passed with optional real-Comfy CPU tests enabled, including registration coexistence, workflow migration, scoped native progress registry updates and multi-image progress. |
+| JavaScript suite | 80 tests passed: dimensions, exact seeds, ordered manifests, strength edits, mode persistence, sampler overrides, ZIP selection, keyboard containment, Comfy change events, progress presentation, job lifecycle handling, native socket geometry, model-file selection and safe workflow migration. |
 | Node registration | All seven native V3 nodes appear in real `/object_info`. |
 | Runtime choices | Four model profiles, 45 native sampler names and 9 schedulers in the test installation. Extension installations can change these counts. |
 | LoRA loading | Four real CPU comparisons use tiny safetensors, Comfy's file loader, ModelPatcher and LoRA weight calculation. Results match the standard loader and expected low-rank math exactly. |

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "dmai-nodes"
-version = "0.1.3"
+version = "0.2.0"
 description = "Compact image workflows for ComfyUI: Prompter, ordered LoRAs, Generation Engine and Gallery."
 authors = [{name = "DMAI / ceroomedia"}]
 readme = "README.md"

release.json

@@ -1,6 +1,6 @@
 {
   "name": "DMAI NODES",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "channel": "preview",
   "license": "MIT",
   "comfyui_reference": "0.37.0",

tools/build_release.py

@@ -7,7 +7,7 @@ import shutil
 import zipfile
 
 ROOT=Path(__file__).resolve().parents[1]
-VERSION="0.1.3"
+VERSION="0.2.0"
 ROOT_FILES={"__init__.py","README.md","LICENSE","pyproject.toml","requirements.txt","THIRD_PARTY_NOTICES.md","CHANGELOG.md","release.json"}
 DIRECTORIES={"dmai_nodes","web","docs","resources","licenses","workflows"}
 FORBIDDEN={".git","__pycache__",".validation","node_modules","dist"}

web/dmai-nodes.js

@@ -1,11 +1,11 @@
 import { app } from "../../scripts/app.js";
 import { api } from "../../scripts/api.js";
-import { envelope } from "./core.mjs";
-import { Prompter, LoRAStack } from "./inputs.mjs";
-import { Engine } from "./engine.mjs";
-import { Gallery } from "./gallery.mjs";
-import { GenerationProgress } from "./progress.mjs";
-import { PROMPTER_TYPE, migratePreviewPrompters } from "./workflow-migration.mjs";
+import { envelope } from "./core.mjs?v=0.2.0";
+import { Prompter, LoRAStack } from "./inputs.mjs?v=0.2.0";
+import { Engine } from "./engine.mjs?v=0.2.0";
+import { Gallery } from "./gallery.mjs?v=0.2.0";
+import { GenerationProgress } from "./progress.mjs?v=0.2.0";
+import { PROMPTER_TYPE, migratePreviewPrompters } from "./workflow-migration.mjs?v=0.2.0";
 
 const controllers = new WeakMap();
 const types = {
@@ -74,7 +74,7 @@ app.registerExtension({
   name: "DMAI.Nodes.Slate",
   setup() {
     progress.start();
-    const href = new URL("./nodes.css", import.meta.url).href;
+    const href = new URL("./nodes.css?v=0.2.0", import.meta.url).href;
     if (!document.querySelector("link[data-dmai-nodes]")) {
       const link = document.createElement("link");
       link.rel = "stylesheet";

web/dom.mjs

@@ -1,10 +1,35 @@
-import { icon } from "./icons.mjs";
+import { icon } from "./icons.mjs?v=0.2.0";
 
 // Comfy's DOM wrapper receives pointer events across its whole rectangle. A
 // real widget margin leaves canvas space for native socket hit targets; CSS
 // padding on the panel alone would still leave the wrapper over the sockets.
 export const SOCKET_GUTTER = 22;
 export const SOCKET_INSET = 12;
+export const SOCKET_PITCH = 36;
+export const SOCKET_LABEL_FONT = '500 14px "DMAI Inter", "Segoe UI", sans-serif';
+
+const SOCKET_LABELS = {
+  request: "Prompt",
+  text: "Text",
+  loras: "LoRAs",
+  model: "Model",
+  clip: "CLIP",
+  vae: "VAE",
+  sampler: "Sampler",
+  sigmas: "Sigmas",
+  latent: "Latent",
+  positive: "Positive",
+  negative: "Negative",
+  images: "Images",
+  report: "Report",
+};
+
+const nativeSockets = (slots) => (slots ?? []).filter((slot) => !slot.widget);
+
+export function minimumSocketHeight(node) {
+  const count = Math.max(nativeSockets(node.inputs).length, nativeSockets(node.outputs).length);
+  return count ? 75 + (count - 1) * SOCKET_PITCH + 40 : 0;
+}
 
 export function layoutNativeSockets(node) {
   const width = node.size?.[0] ?? 360;
@@ -15,7 +40,7 @@ export function layoutNativeSockets(node) {
   ]) {
     // Widget-backed inputs keep Comfy's own conversion, visibility and layout.
     // In particular, our hidden JSON widgets must not consume a socket row.
-    const sockets = slots.filter((slot) => !slot.widget);
+    const sockets = nativeSockets(slots);
     const top = 75;
     const bottom = Math.max(top, height - 40);
     sockets.forEach((slot, index) => {
@@ -29,6 +54,40 @@ export function layoutNativeSockets(node) {
   }
 }
 
+// These captions are paint only. The dots, hit targets and links remain Comfy's
+// native sockets. Drawing just outside the card leaves its controls full width;
+// lifting the caption above the dot also leaves the wire and drag target clear.
+export function drawNativeSocketLabels(node, ctx) {
+  if (node.flags?.collapsed || node.collapsed || !ctx) return;
+  const width = node.size?.[0] ?? 360;
+  ctx.save();
+  ctx.font = SOCKET_LABEL_FONT;
+  ctx.textBaseline = "middle";
+  ctx.textAlign = "left";
+  ctx.lineWidth = 1;
+  for (const [slots, output] of [[node.inputs, false], [node.outputs, true]]) {
+    for (const slot of nativeSockets(slots)) {
+      if (!slot.pos) continue;
+      const label = SOCKET_LABELS[slot.name] ?? slot.label ?? slot.name;
+      if (!label) continue;
+      const labelWidth = ctx.measureText(label).width;
+      const boxWidth = labelWidth + 16;
+      const x = output ? width + 8 : -8 - boxWidth;
+      const y = slot.pos[1] - 34;
+      const connected = output ? Boolean(slot.links?.length) : slot.link != null;
+      ctx.fillStyle = "#191d22";
+      ctx.strokeStyle = connected ? "#4e6543" : "#343b46";
+      ctx.beginPath();
+      ctx.roundRect(x, y, boxWidth, 24, 6);
+      ctx.fill();
+      ctx.stroke();
+      ctx.fillStyle = connected ? "#d9edc2" : "#d5dbe4";
+      ctx.fillText(label, x + 8, y + 12);
+    }
+  }
+  ctx.restore();
+}
+
 export const el = (tag, className = "", text) => {
   const element = document.createElement(tag);
   element.className = className;
@@ -179,8 +238,22 @@ export class Controller {
       },
     );
     this.widget.serialize = false;
-    this.wrap("onConfigure", () => queueMicrotask(() => this.hydrate()));
+    const computeSize = this.node.computeSize?.bind(this.node);
+    if (computeSize) {
+      this.node.computeSize = (...args) => {
+        const size = computeSize(...args);
+        const minimum = this.minimumSize();
+        size[0] = Math.max(size[0], minimum[0]);
+        size[1] = Math.max(size[1], minimum[1]);
+        return size;
+      };
+    }
+    this.wrap("onConfigure", () => queueMicrotask(() => {
+      this.positionSlots();
+      this.hydrate();
+    }));
     this.wrap("onDrawBackground", () => this.positionSlots());
+    this.wrap("onDrawForeground", (ctx) => drawNativeSocketLabels(this.node, ctx));
     this.wrap("onResize", () => this.positionSlots());
     this.wrap("onRemoved", () => this.dispose());
     const oldRemove = this.widget.onRemove?.bind(this.widget);
@@ -207,14 +280,29 @@ export class Controller {
     };
   }
   size(width, height) {
+    this.minWidth = width;
     this.minHeight = height;
+    const minimum = this.minimumSize();
     this.node.setSize?.([
-      Math.max(width + SOCKET_GUTTER * 2, this.node.size?.[0] ?? 0),
-      Math.max(height + SOCKET_GUTTER * 2 + 4, this.node.size?.[1] ?? 0),
+      Math.max(minimum[0], this.node.size?.[0] ?? 0),
+      Math.max(minimum[1], this.node.size?.[1] ?? 0),
     ]);
     this.positionSlots();
   }
+  minimumSize() {
+    return [
+      (this.minWidth ?? 0) + SOCKET_GUTTER * 2,
+      Math.max((this.minHeight ?? 0) + SOCKET_GUTTER * 2 + 4, minimumSocketHeight(this.node)),
+    ];
+  }
   positionSlots() {
+    const minimum = this.minimumSize();
+    const size = this.node.size ?? minimum;
+    if (size[0] < minimum[0] || size[1] < minimum[1]) {
+      // Assign through LiteGraph's size setter so its DOM layout store updates,
+      // without recursively dispatching onResize or adding a history edit.
+      this.node.size = [Math.max(size[0], minimum[0]), Math.max(size[1], minimum[1])];
+    }
     layoutNativeSockets(this.node);
   }
   set(value) {

web/engine.mjs

@@ -5,17 +5,14 @@ import {
   input,
   select,
   details,
-  saveBlob,
-  statusMessage,
-} from "./dom.mjs";
+} from "./dom.mjs?v=0.2.0";
 import {
   readEngine,
   validateSettings,
   clone,
   mergePresets,
   envelope,
-  uid,
-} from "./core.mjs";
+} from "./core.mjs?v=0.2.0";
 import {
   modelSource,
   modelGroups,
@@ -23,12 +20,13 @@ import {
   parseModelToken,
   profileForSource,
   inventoryName,
-} from "./model-picker.mjs";
+} from "./model-picker.mjs?v=0.2.0";
 
 export class Engine extends Controller {
   constructor(node, context) {
     super(node, "config_json", "Generation Engine", "bolt", context);
-    this.size(365, 480);
+    this.root.classList.add("dmai-engine");
+    this.initializeSize();
     this.wrap("onConnectionsChange", () =>
       queueMicrotask(() => {
         if (!this.disposed && this.value && this.commitControls()) this.build();
@@ -45,6 +43,15 @@ export class Engine extends Controller {
     });
     this.hydrate();
   }
+  initializeSize() {
+    let height = 700;
+    try {
+      if (readEngine(this.native.value).mode === "enhanced") height = 600;
+    } catch {
+      // hydrate() reports invalid saved data without replacing its value.
+    }
+    this.size(440, height);
+  }
   hydrate() {
     if (this.disposed) return;
     const revision = (this.revision = (this.revision ?? 0) + 1);
@@ -78,6 +85,17 @@ export class Engine extends Controller {
         p.id === this.value.preset_id && p.model.id === this.value.profile_id,
     );
   }
+  availablePresets() {
+    // The built-in catalog is retained only for saved-workflow compatibility.
+    // New choices in the interface are the JSON settings the owner imported.
+    const presets = this.value.presets.filter(
+      (preset) => preset.model.id === this.value.profile_id,
+    );
+    const current = this.chosen();
+    if (current && !presets.some((preset) => preset.id === current.id))
+      presets.unshift(current);
+    return presets;
+  }
   effective() {
     return this.value.mode === "enhanced"
       ? (this.chosen()?.settings ?? this.value.settings)
@@ -125,13 +143,15 @@ export class Engine extends Controller {
     if (mode === "enhanced") {
       const preset =
         this.chosen() ??
-        this.presets().find((p) => p.model.id === this.value.profile_id);
-      if (!preset) {
-        this.error(new Error("Import a preset for this profile first."));
-        return;
+        this.value.presets.find((p) => p.model.id === this.value.profile_id);
+      if (preset) {
+        this.value.preset_id = preset.id;
+        this.value.settings = clone(preset.settings);
+      } else {
+        // Enhanced must be reachable before a JSON file exists. Execution
+        // validates the missing preset, while Manual keeps its separate draft.
+        this.value.preset_id = "";
       }
-      this.value.preset_id = preset.id;
-      this.value.settings = clone(preset.settings);
     } else
       this.value.settings = clone(
         this.manualDrafts()[this.value.profile_id] ?? this.effective(),
@@ -150,7 +170,6 @@ export class Engine extends Controller {
     const profile = this.data.profiles.find((p) => p.id === id);
     if (!profile) return false;
     const saved = this.drafts()[id],
-      preset = this.presets().find((p) => p.model.id === id),
       models = {
         diffusion_model: "",
         text_encoder: "",
@@ -167,9 +186,9 @@ export class Engine extends Controller {
       saved
         ? clone(saved)
         : {
-            mode: preset ? "enhanced" : "manual",
-            preset_id: preset?.id ?? "",
-            settings: clone(preset?.settings ?? profile.default_settings),
+            mode: "manual",
+            preset_id: "",
+            settings: clone(profile.default_settings),
             models,
           },
     );
@@ -241,6 +260,22 @@ export class Engine extends Controller {
     });
     return picker.field;
   }
+  fitHeight(profile) {
+    const current = this.node.size?.[1] ?? 0,
+      previousMinimum = Math.max(this.minimumSize()[1], this.node.computeSize?.()?.[1] ?? 0);
+    // Remember an explicit larger size across automatic growth (for example,
+    // a Krea enhancer row), so changing modes cannot erase the user's height.
+    if (this.lastEngineHeight === undefined || Math.abs(current - this.lastEngineHeight) > 2)
+      this.preferredEngineHeight = current > previousMinimum + 2 ? current : undefined;
+    this.minHeight = this.value.mode === "enhanced" ? 600 : profile?.family === "krea2" ? 770 : 700;
+    const minimum = this.minimumSize(),
+      height = Math.max(minimum[1], this.node.computeSize?.()?.[1] ?? 0, this.preferredEngineHeight ?? 0),
+      width = Math.max(minimum[0], this.node.size?.[0] ?? 0);
+    if (height !== current || width !== this.node.size?.[0])
+      this.node.setSize?.([width, height]);
+    this.positionSlots();
+    this.lastEngineHeight = this.node.size?.[1] ?? height;
+  }
   build() {
     this.modelFilesExpanded = this.modelFilesDetails?.open ?? this.modelFilesExpanded;
     this.body.replaceChildren();
@@ -248,14 +283,15 @@ export class Engine extends Controller {
     this.commitSeed = null;
     const profile = this.profile(),
       s = this.effective();
+    this.fitHeight(profile);
     this.body.append(this.modelPicker(profile));
     if (["model", "clip", "vae"].every((name) => this.linked(name)))
       this.body.append(el("div", "dmai-badge", "Connected model · CLIP · VAE"));
     this.modelFiles(profile);
     const mode = el("div", "dmai-segmented dmai-mode");
     for (const [value, label, glyph] of [
-      ["enhanced", "DMAI Enhanced", "spark"],
       ["manual", "Manual", "sliders"],
+      ["enhanced", "DMAI Enhanced", "spark"],
     ]) {
       const b = button(label, glyph, () => this.applyMode(value), true);
       b.setAttribute("aria-pressed", String(this.value.mode === value));
@@ -263,86 +299,8 @@ export class Engine extends Controller {
       mode.append(b);
     }
     this.body.append(mode);
-    const presetRow = el("div", "dmai-preset-row"),
-      presetSelect = select(
-        "Preset",
-        [
-          {
-            value: "",
-            label:
-              this.value.mode === "manual"
-                ? "Custom settings"
-                : "Choose a preset",
-          },
-          ...this.presets()
-            .filter((p) => p.model.id === this.value.profile_id)
-            .map((p) => ({ value: p.id, label: p.name })),
-        ],
-        this.value.mode === "enhanced" ? this.value.preset_id : "",
-      );
-    presetSelect.control.disabled = !this.data;
-    presetSelect.control.addEventListener("change", () => {
-      const p = this.presets().find((p) => p.id === presetSelect.control.value);
-      if (!p) return;
-      if (!this.commitControls()) {
-        presetSelect.control.value =
-          this.value.mode === "enhanced" ? this.value.preset_id : "";
-        return;
-      }
-      if (this.value.mode === "manual")
-        this.manualDrafts()[this.value.profile_id] = clone(this.value.settings);
-      this.value.mode = "enhanced";
-      this.value.preset_id = p.id;
-      this.value.settings = clone(p.settings);
-      this.persist();
-      this.build();
-    });
-    const file = el("input");
-    file.type = "file";
-    file.accept = ".json,application/json";
-    file.hidden = true;
-    file.addEventListener("change", () =>
-      this.guard(async () => {
-        const f = file.files?.[0];
-        if (f) await this.importFile(f);
-        file.value = "";
-      }),
-    );
-    const importButton = button("Import preset JSON", "upload", () =>
-        file.click(),
-      ),
-      exportButton = button("Export preset JSON", "download", () =>
-        this.exportPreset(),
-      );
-    importButton.disabled = !this.data;
-    exportButton.disabled = !profile;
-    presetRow.append(presetSelect.field, importButton, exportButton, file);
-    this.body.append(presetRow);
-    const meta = el("div", "dmai-row dmai-preset-meta"),
-      origin =
-        this.value.mode === "manual"
-          ? "Manual"
-          : this.value.presets.some((p) => p.id === this.value.preset_id)
-            ? "Imported"
-            : "DMAI";
-    meta.append(
-      el("span", "dmai-badge", origin),
-      el(
-        "span",
-        "dmai-muted",
-        `${this.linked("sigmas") ? "External sigmas" : `${s.steps} steps`} · CFG ${s.cfg}`,
-      ),
-    );
-    this.body.append(meta);
     if (this.value.mode === "manual") this.manual(s, profile);
-    else
-      this.body.append(
-        el(
-          "div",
-          "dmai-engine-summary",
-          `${this.samplingSummary(s)}${s.enhancer === "krea2t" ? " · Enhancer" : ""}`,
-        ),
-      );
+    else this.enhanced(s);
     if (this.linked("sampler") || this.linked("sigmas"))
       this.body.append(
         el(
@@ -396,6 +354,72 @@ export class Engine extends Controller {
         ),
       );
   }
+  enhanced(settings) {
+    const panel = el("section", "dmai-enhanced"),
+      preset = this.chosen(),
+      choices = this.availablePresets();
+    panel.setAttribute("aria-label", "DMAI Enhanced settings");
+    if (choices.length > 1) {
+      const picker = select(
+        "DMAI settings",
+        choices.map((entry) => ({ value: entry.id, label: entry.name })),
+        this.value.preset_id,
+      );
+      picker.control.addEventListener("change", () => {
+        if (!this.selectPreset(picker.control.value))
+          picker.control.value = this.value.preset_id;
+      });
+      panel.append(picker.field);
+    } else {
+      const title = el("div", "dmai-enhanced-title", preset?.name ?? "Your DMAI settings");
+      if (preset)
+        title.title = this.value.presets.some((entry) => entry.id === preset.id)
+          ? "Imported settings" : "Saved workflow settings";
+      panel.append(title);
+      if (!preset)
+        panel.append(el("p", "dmai-enhanced-copy", "Upload a DMAI JSON file for this model."));
+    }
+    if (preset) {
+      panel.append(
+        el("div", "dmai-enhanced-summary", `${this.linked("sigmas") ? "Connected sigmas" : `${settings.steps} steps`} · CFG ${settings.cfg}`),
+        el("div", "dmai-enhanced-sampling", this.samplingSummary(settings)),
+      );
+      if (settings.enhancer === "krea2t")
+        panel.append(el("div", "dmai-badge", "Krea enhancer enabled"));
+    }
+    const file = el("input");
+    file.type = "file";
+    file.accept = ".json,application/json";
+    file.hidden = true;
+    file.addEventListener("change", () =>
+      this.guard(async () => {
+        try {
+          const selected = file.files?.[0];
+          if (selected) await this.importFile(selected);
+        } finally {
+          file.value = "";
+        }
+      }),
+    );
+    const actions = el("div", "dmai-enhanced-actions"),
+      upload = button("Upload JSON", "upload", () => file.click(), true);
+    upload.disabled = !this.data;
+    actions.append(upload, file);
+    if (this.value.presets.length)
+      actions.append(button("Manage imported settings", "layers", () => this.managePresets()));
+    panel.append(actions);
+    this.body.append(panel);
+  }
+  selectPreset(id) {
+    const preset = this.availablePresets().find((entry) => entry.id === id);
+    if (!preset || !this.commitControls()) return false;
+    this.value.mode = "enhanced";
+    this.value.preset_id = preset.id;
+    this.value.settings = clone(preset.settings);
+    this.persist();
+    this.build();
+    return true;
+  }
   modelFiles(profile) {
     const advanced = details("Model files");
     this.modelFilesDetails = advanced.root;
@@ -477,15 +501,6 @@ export class Engine extends Controller {
         true,
       ),
     );
-    if (this.value.presets.length)
-      advanced.body.append(
-        button(
-          "Manage imported presets",
-          "layers",
-          () => this.managePresets(),
-          true,
-        ),
-      );
     if (profile?.default_guidance !== undefined && !this.linked("positive"))
       advanced.body.append(
         el(
@@ -498,7 +513,7 @@ export class Engine extends Controller {
   }
   manual(settings, profile) {
     const grid = el("div", "dmai-settings");
-    const controls = {};
+    const controls = {}, fields = {};
     for (const [name, label, type, min, max, step] of [
       ["steps", "Steps", "number", 1, 150, 1],
       ["cfg", "CFG", "number", 0, 30, 0.1],
@@ -508,7 +523,7 @@ export class Engine extends Controller {
       Object.assign(f.control, { min, max, step });
       f.field.hidden = this.linked("sigmas") && name !== "cfg";
       controls[name] = f.control;
-      grid.append(f.field);
+      fields[name] = f.field;
     }
     for (const [name, label, items] of [
       ["sampler", "Sampler", this.data?.samplers ?? [settings.sampler]],
@@ -520,12 +535,16 @@ export class Engine extends Controller {
       ],
     ]) {
       const f = select(label, items, settings[name]);
+      if (name === "sampler" || name === "enhancer")
+        f.field.classList.add("dmai-field-wide");
       f.field.hidden =
         (name === "sampler" && this.linked("sampler")) ||
-        (name === "scheduler" && this.linked("sigmas"));
+        (name === "scheduler" && this.linked("sigmas")) ||
+        (name === "enhancer" && profile?.family !== "krea2");
       controls[name] = f.control;
-      grid.append(f.field);
+      fields[name] = f.field;
     }
+    grid.append(...["steps", "cfg", "sampler", "scheduler", "denoise", "enhancer"].map((name) => fields[name]));
     this.commitManual = () => {
       try {
         const next = validateSettings({
@@ -555,7 +574,10 @@ export class Engine extends Controller {
     this.body.append(grid);
   }
   async importFile(file) {
+    if (this.value.mode !== "enhanced")
+      throw new Error("Switch to DMAI Enhanced to upload JSON settings.");
     if (!this.commitControls()) return;
+    const profileId = this.value.profile_id;
     if (file.size > 128 * 1024)
       throw new Error("Preset files must be 128 KiB or smaller.");
     let payload;
@@ -570,12 +592,14 @@ export class Engine extends Controller {
       body: JSON.stringify(payload),
     });
     if (this.disposed || !this.commitControls()) return;
+    if (this.value.mode !== "enhanced" || this.value.profile_id !== profileId)
+      throw new Error("Engine mode or model changed during upload. Upload the JSON again in DMAI Enhanced.");
     const presets = mergePresets(
       this.value.presets,
       result.presets,
       this.data.presets,
     );
-    const first = result.presets[0];
+    const first = result.presets.find((preset) => preset.model.id === profileId) ?? result.presets[0];
     this.value.presets = presets;
     if (this.value.profile_id !== first.model.id)
       this.changeProfile(first.model.id);
@@ -626,48 +650,4 @@ export class Engine extends Controller {
     };
     draw();
   }
-  exportPreset() {
-    if (!this.commitControls()) return;
-    const d = this.show("Export preset"),
-      name = input("Preset name", "text", "My settings"),
-      message = el("p", "dmai-status"),
-      save = button(
-        "Download JSON",
-        "download",
-        () =>
-          this.guard(async () => {
-            try {
-              const p = this.profile(),
-                payload = {
-                  schema_version: 1,
-                  id: `custom-${uid()}`,
-                  name: name.control.value,
-                  model: { id: p.id, label: p.label, family: p.family },
-                  settings: clone(this.effective()),
-                };
-              const result = await envelope(
-                this.context.api,
-                "/presets/validate",
-                {
-                  method: "POST",
-                  headers: { "Content-Type": "application/json" },
-                  body: JSON.stringify(payload),
-                },
-              );
-              saveBlob(
-                new Blob([JSON.stringify(result.presets[0], null, 2) + "\n"], {
-                  type: "application/json",
-                }),
-                `${payload.id}.json`,
-              );
-              d.root.close();
-            } catch (error) {
-              statusMessage(message, error.message, true);
-            }
-          }),
-        true,
-      );
-    save.classList.add("dmai-primary");
-    d.body.append(name.field, message, save);
-  }
 }

web/gallery.mjs

@@ -1,10 +1,11 @@
-import { Controller, el, button, saveBlob } from "./dom.mjs";
-import { API, envelope, binary, selectionBody, uid } from "./core.mjs";
+import { Controller, el, button, saveBlob } from "./dom.mjs?v=0.2.0";
+import { API, envelope, binary, selectionBody, uid } from "./core.mjs?v=0.2.0";
 
 export class Gallery extends Controller {
   constructor(node, context) {
     super(node, "gallery_id", "Gallery", "grid", context);
-    this.size(465, 500);
+    this.root.classList.add("dmai-gallery");
+    this.size(760, 570);
     this.items = [];
     this.total = 0;
     this.watermark = 0;

web/inputs.mjs

@@ -5,7 +5,7 @@ import {
   input,
   details,
   statusMessage,
-} from "./dom.mjs";
+} from "./dom.mjs?v=0.2.0";
 import {
   RATIOS,
   dimensions,
@@ -14,8 +14,8 @@ import {
   readManifest,
   moveEntry,
   uid,
-} from "./core.mjs";
-import { ProgressView, progressPresentation } from "./progress-view.mjs";
+} from "./core.mjs?v=0.2.0";
+import { ProgressView, progressPresentation } from "./progress-view.mjs?v=0.2.0";
 
 export class Prompter extends Controller {
   constructor(node, context) {
@@ -26,7 +26,7 @@ export class Prompter extends Controller {
     this.root.append(scroll);
     this.progress = { phase: "idle", percent: 0 };
     this.progressView = new ProgressView(this.root);
-    this.size(360, 400);
+    this.size(460, 690);
     this.hydrate();
     this.stopProgress = context.watchProgress?.(node, (state) => {
       if (!this.disposed) this.updateProgress(state);
@@ -55,14 +55,24 @@ export class Prompter extends Controller {
       this.value.prompt = prompt.value;
       this.persist();
     });
-    this.body.append(prompt);
+    const promptField = el("label", "dmai-prompt-field");
+    promptField.append(el("span", "dmai-section-label", "Prompt"), prompt);
+    this.body.append(promptField);
+    const settings = el("div", "dmai-prompt-settings"),
+      format = el("div", "dmai-format-section");
+    format.append(el("span", "dmai-section-label", "Aspect ratio"));
     this.ratioRow = el("div", "dmai-ratios");
+    this.ratioRow.setAttribute("role", "group");
+    this.ratioRow.setAttribute("aria-label", "Aspect ratio");
     for (const ratio of ["1:1", "4:5", "9:16", "16:9"])
       this.ratioRow.append(this.ratioButton(ratio));
-    this.ratioRow.append(
-      button("All 19 aspect ratios", "more", () => this.showRatios()),
-    );
-    this.body.append(this.ratioRow);
+    const moreRatios = button("More", "more", () => this.showRatios(), true);
+    moreRatios.classList.add("dmai-ratio-more");
+    moreRatios.setAttribute("aria-label", "All 19 aspect ratios");
+    moreRatios.title = "All 19 aspect ratios";
+    this.ratioRow.append(moreRatios);
+    format.append(this.ratioRow);
+    settings.append(format);
     const resolutionRow = el("div", "dmai-resolution"),
       group = el("div", "dmai-segmented");
     this.resolutionButtons = {};
@@ -78,9 +88,12 @@ export class Prompter extends Controller {
     }
     this.dimensions = el("output", "dmai-dimensions");
     resolutionRow.append(group, this.dimensions);
-    this.body.append(resolutionRow);
+    group.setAttribute("role", "group");
+    group.setAttribute("aria-label", "Resolution");
+    this.dimensions.setAttribute("aria-label", "Image dimensions");
+    settings.append(resolutionRow);
     const countRow = el("div", "dmai-row dmai-count");
-    countRow.append(el("span", "dmai-muted", "Images"));
+    countRow.append(el("span", "dmai-section-label", "Images"));
     this.less = button("One fewer image", "minus", () => this.count(-1));
     this.more = button("One more image", "plus", () => this.count(1));
     this.countOutput = el("output");
@@ -88,8 +101,9 @@ export class Prompter extends Controller {
     const stepper = el("div", "dmai-stepper");
     stepper.append(this.less, this.countOutput, this.more);
     countRow.append(stepper);
-    this.body.append(countRow);
-    const advanced = details();
+    settings.append(countRow);
+    this.body.append(settings);
+    const advanced = details("Negative prompt");
     const negative = el("textarea", "dmai-negative");
     negative.value = this.value.negative_prompt;
     negative.placeholder = "Negative prompt";
@@ -279,6 +293,7 @@ export class Prompter extends Controller {
 export class LoRAStack extends Controller {
   constructor(node, context) {
     super(node, "manifest_json", "LoRA Loader", "layers", context);
+    this.root.classList.add("dmai-lora");
     const serialize = this.native.serializeValue?.bind(this.native);
     this.native.serializeValue = (...args) => {
       if (!this.syncStrengths())
@@ -288,7 +303,7 @@ export class LoRAStack extends Controller {
       readManifest(this.native.value);
       return serialize ? serialize(...args) : this.native.value;
     };
-    this.size(390, 275);
+    this.size(480, 520);
     this.hydrate();
   }
   hydrate() {
@@ -304,26 +319,28 @@ export class LoRAStack extends Controller {
   persist() {
     this.set(this.value);
   }
-  updateStrength(id, text) {
+  updateStrength(id, text, channel = "model") {
+    if (!["model", "clip"].includes(channel)) return false;
     const value = text.trim() === "" ? NaN : Number(text);
     if (!Number.isFinite(value) || value < -20 || value > 20) {
       this.error(
         new Error(
-          "Strength must be from −20 to 20. Correct it before queueing.",
+          `${channel === "clip" ? "CLIP" : "Model"} strength must be from −20 to 20. Correct it before queueing.`,
         ),
       );
       return false;
     }
     const entry = this.value.entries.find((item) => item.id === id);
     if (!entry) return false;
-    entry.strength_model = value;
+    entry[`strength_${channel}`] = value;
     this.persist();
     this.note();
+    this.updateSummary();
     return true;
   }
   syncStrengths() {
     for (const control of this.body.querySelectorAll(".dmai-strength")) {
-      if (!this.updateStrength(control.dataset.entryId, control.value)) {
+      if (!this.updateStrength(control.dataset.entryId, control.value, control.dataset.strength ?? "model")) {
         control.setAttribute("aria-invalid", "true");
         control.focus();
         return false;
@@ -332,6 +349,34 @@ export class LoRAStack extends Controller {
     }
     return true;
   }
+  updateSummary() {
+    const count = this.value.entries.filter(
+      (entry) => entry.enabled && (entry.strength_model !== 0 || entry.strength_clip !== 0),
+    ).length;
+    if (this.summary) this.summary.textContent = `${count} active · top to bottom`;
+  }
+  strengthField(entry, channel) {
+    const label = channel === "clip" ? "CLIP" : "Model",
+      field = el("label", "dmai-field dmai-lora-strength-field"),
+      strength = el("input", "dmai-strength");
+    strength.type = "number";
+    strength.min = -20;
+    strength.max = 20;
+    strength.step = 0.05;
+    strength.value = entry[`strength_${channel}`];
+    strength.dataset.entryId = entry.id;
+    strength.dataset.strength = channel;
+    strength.setAttribute("aria-label", `${label} strength for ${entry.name}`);
+    const commitStrength = () => {
+      if (this.updateStrength(entry.id, strength.value, channel))
+        strength.removeAttribute("aria-invalid");
+      else strength.setAttribute("aria-invalid", "true");
+    };
+    strength.addEventListener("input", commitStrength);
+    strength.addEventListener("change", commitStrength);
+    field.append(el("span", "", label), strength);
+    return field;
+  }
   move(id, to) {
     if (!this.syncStrengths()) return;
     this.value.entries = moveEntry(this.value.entries, id, to);
@@ -348,11 +393,18 @@ export class LoRAStack extends Controller {
   build() {
     this.body.replaceChildren();
     const list = el("div", "dmai-lora-list");
+    list.setAttribute("role", "list");
     list.setAttribute("aria-label", "Ordered LoRA stack");
     let dragged = null;
     this.value.entries.forEach((entry, index) => {
       const row = el("div", `dmai-nodes-lora-row${entry.enabled ? "" : " dmai-off"}`);
       row.dataset.entryId = entry.id;
+      row.setAttribute("role", "listitem");
+      const main = el("div", "dmai-lora-main"),
+        controls = el("div", "dmai-lora-controls"),
+        actions = el("div", "dmai-lora-actions"),
+        order = el("span", "dmai-nodes-lora-order", String(index + 1).padStart(2, "0"));
+      order.setAttribute("aria-label", `Position ${index + 1}`);
       const grip = button(`Reorder ${entry.name}; Alt and arrow keys`, "grip");
       grip.classList.add("dmai-grip");
       grip.draggable = true;
@@ -390,31 +442,9 @@ export class LoRAStack extends Controller {
         dragged = null;
       });
       const copy = el("div", "dmai-lora-copy"),
-        title = el("span", "dmai-nodes-lora-name", entry.name.split(/[\\/]/).pop());
+        title = el("span", "dmai-nodes-lora-name", entry.name);
       title.title = entry.name;
-      copy.append(
-        title,
-        el(
-          "span",
-          "dmai-muted",
-          `${String(index + 1).padStart(2, "0")} · CLIP ${entry.strength_clip}`,
-        ),
-      );
-      const strength = el("input", "dmai-strength");
-      strength.type = "number";
-      strength.min = -20;
-      strength.max = 20;
-      strength.step = 0.05;
-      strength.value = entry.strength_model;
-      strength.dataset.entryId = entry.id;
-      strength.setAttribute("aria-label", `Model strength for ${entry.name}`);
-      const commitStrength = () => {
-        if (this.updateStrength(entry.id, strength.value))
-          strength.removeAttribute("aria-invalid");
-        else strength.setAttribute("aria-invalid", "true");
-      };
-      strength.addEventListener("input", commitStrength);
-      strength.addEventListener("change", commitStrength);
+      copy.append(title);
       const toggle = button(
         `${entry.enabled ? "Disable" : "Enable"} ${entry.name}`,
         "power",
@@ -427,6 +457,8 @@ export class LoRAStack extends Controller {
       );
       toggle.setAttribute("aria-pressed", String(entry.enabled));
       const arrows = el("div", "dmai-reorder");
+      arrows.setAttribute("role", "group");
+      arrows.setAttribute("aria-label", `Order for ${entry.name}`);
       const up = button(`Move ${entry.name} up`, "up", () =>
           this.move(entry.id, index - 1),
         ),
@@ -439,45 +471,49 @@ export class LoRAStack extends Controller {
       const edit = button(`Edit ${entry.name}`, "sliders", () =>
         this.edit(entry),
       );
-      row.append(grip, copy, strength, toggle, arrows, edit);
+      actions.append(toggle, edit);
+      main.append(grip, order, copy, actions);
+      controls.append(this.strengthField(entry, "model"), this.strengthField(entry, "clip"), arrows);
+      row.append(main, controls);
       list.append(row);
     });
     if (!this.value.entries.length)
       list.append(el("div", "dmai-empty", "Add a LoRA to build your stack."));
-    this.body.append(
-      list,
-      button("Add LoRA", "plus", () => this.guard(() => this.library()), true),
-    );
-    const count = this.value.entries.filter(
-      (e) => e.enabled && (e.strength_model !== 0 || e.strength_clip !== 0),
-    ).length;
-    this.body.append(
-      el("div", "dmai-footnote", `${count} selected · top to bottom`),
-    );
+    const add = button("Add LoRA", "plus", () => this.guard(() => this.library()), true);
+    add.classList.add("dmai-nodes-lora-add");
+    this.summary = el("div", "dmai-footnote");
+    this.body.append(list, add, this.summary);
+    this.updateSummary();
   }
   edit(entry) {
     if (!this.syncStrengths()) return;
     const d = this.show("LoRA settings"),
-      field = input("CLIP strength", "number", entry.strength_clip);
-    field.control.min = -20;
-    field.control.max = 20;
-    field.control.step = 0.05;
+      strengths = el("div", "dmai-lora-dialog-strengths"),
+      model = input("Model strength", "number", entry.strength_model),
+      clip = input("CLIP strength", "number", entry.strength_clip);
+    for (const field of [model, clip]) {
+      field.control.min = -20;
+      field.control.max = 20;
+      field.control.step = 0.05;
+    }
+    strengths.append(model.field, clip.field);
     const message = el("p", "dmai-status"),
       apply = button(
         "Apply",
         "check",
         () => {
-          const n =
-            field.control.value === "" ? NaN : Number(field.control.value);
-          if (!Number.isFinite(n) || n < -20 || n > 20) {
+          const values = [model, clip].map((field) =>
+            field.control.value.trim() === "" ? NaN : Number(field.control.value),
+          );
+          if (values.some((value) => !Number.isFinite(value) || value < -20 || value > 20)) {
             statusMessage(
               message,
-              "CLIP strength must be from −20 to 20.",
+              "Model and CLIP strength must each be from −20 to 20.",
               true,
             );
             return;
           }
-          entry.strength_clip = n;
+          [entry.strength_model, entry.strength_clip] = values;
           this.persist();
           this.build();
           d.root.close();
@@ -499,7 +535,7 @@ export class LoRAStack extends Controller {
       );
     d.body.append(
       el("p", "dmai-filename", entry.name),
-      field.field,
+      strengths,
       message,
       apply,
       remove,

web/nodes.css

@@ -6,33 +6,23 @@
   font-display: swap;
 }
 .dmai-nodes {
-  --dmai-panel: #202522;
-  --dmai-inset: #191e1b;
-  --dmai-text: #ecf0e9;
-  --dmai-muted: #a3ada5;
-  --dmai-line: #333d35;
-  --dmai-accent: #c8ee99;
-  --dmai-hover: #2a332d;
+  --dmai-panel: #191d22;
+  --dmai-inset: #242931;
+  --dmai-text: #f5f7fa;
+  --dmai-muted: #b1b9c6;
+  --dmai-line: #363e49;
+  --dmai-accent: #c6f18d;
+  --dmai-hover: #303842;
   color-scheme: dark;
   color: var(--dmai-text);
-  font:
-    400 12px/1.5 "DMAI Inter",
-    "Segoe UI",
-    sans-serif;
-  font-style: normal;
+  font: 400 15px/1.5 "DMAI Inter", "Segoe UI", sans-serif;
   box-sizing: border-box;
   text-align: left;
+  -webkit-font-smoothing: antialiased;
 }
-.dmai-nodes * {
-  box-sizing: border-box;
-}
-.dmai-nodes [hidden] {
-  display: none !important;
-}
-.dmai-nodes button,
-.dmai-nodes input,
-.dmai-nodes textarea,
-.dmai-nodes select {
+.dmai-nodes * { box-sizing: border-box; }
+.dmai-nodes [hidden] { display: none !important; }
+.dmai-nodes button, .dmai-nodes input, .dmai-nodes textarea, .dmai-nodes select {
   font: inherit;
   color: inherit;
 }
@@ -40,676 +30,198 @@
   cursor: pointer;
   border: 0;
   background: none;
+  transition: background 120ms ease, color 120ms ease;
 }
-.dmai-nodes button:disabled {
-  opacity: 0.4;
-  cursor: default;
-}
-.dmai-nodes button:hover:not(:disabled) {
-  background: var(--dmai-hover);
-}
-.dmai-nodes button:focus-visible,
-.dmai-nodes input:focus-visible,
-.dmai-nodes select:focus-visible,
-.dmai-nodes textarea:focus-visible,
-.dmai-nodes summary:focus-visible {
+.dmai-nodes button:disabled { opacity: .4; cursor: default; }
+.dmai-nodes button:hover:not(:disabled) { background: var(--dmai-hover); }
+.dmai-nodes :is(button, input, select, textarea, summary):focus-visible {
   outline: 2px solid var(--dmai-accent);
-  outline-offset: 2px;
+  outline-offset: 3px;
 }
-.dmai-nodes input,
-.dmai-nodes textarea,
-.dmai-nodes select {
+.dmai-nodes input, .dmai-nodes textarea, .dmai-nodes select {
   background: var(--dmai-inset);
   border: 1px solid var(--dmai-line);
-  border-radius: 7px;
-  padding: 8px;
+  border-radius: 10px;
+  padding: 11px 13px;
   min-width: 0;
   max-width: 100%;
+  min-height: 44px;
 }
-.dmai-nodes input[aria-invalid="true"] {
-  border-color: #edb89e;
-}
-.dmai-nodes input[type="number"] {
-  appearance: textfield;
-}
-.dmai-nodes input::-webkit-inner-spin-button {
-  appearance: none;
-}
+.dmai-nodes input[aria-invalid="true"] { border-color: #ffc3a6; }
+.dmai-nodes input[type="number"] { appearance: textfield; }
+.dmai-nodes input::-webkit-inner-spin-button { appearance: none; }
+.dmai-nodes input::placeholder, .dmai-nodes textarea::placeholder { color: #8f99a7; opacity: 1; }
 .dmai-nodes .icon {
-  width: 17px;
-  height: 17px;
-  stroke: currentColor;
-  stroke-width: 1.6;
-  fill: none;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  flex: none;
-  vertical-align: middle;
+  width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.65;
+  fill: none; stroke-linecap: round; stroke-linejoin: round;
+  flex: none; vertical-align: middle;
 }
 .dmai-panel {
   background: var(--dmai-panel);
   border: 1px solid var(--dmai-line);
-  border-radius: 12px;
-  width: 100%;
-  height: 100%;
-  min-width: 0;
-  overflow: auto;
-  position: relative;
-  scrollbar-width: thin;
-  scrollbar-color: #4b584e transparent;
+  border-radius: 18px;
+  width: 100%; height: 100%; min-width: 0;
+  overflow: auto; position: relative;
+  scrollbar-width: thin; scrollbar-color: #566172 transparent;
 }
 .dmai-nodes .dmai-head {
-  height: 49px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 0 15px;
-  border-bottom: 1px solid var(--dmai-line);
-}
-.dmai-nodes .dmai-head h2 {
-  font:
-    700 13px "DMAI Inter",
-    sans-serif;
-  letter-spacing: -0.1px;
-  margin: 0;
-  white-space: nowrap;
-}
-.dmai-nodes .dmai-glyph {
-  color: var(--dmai-muted);
-}
-.dmai-nodes .dmai-brand {
-  margin-left: auto;
-  font-size: 8px;
-  font-weight: 700;
-  letter-spacing: 1.5px;
-  color: var(--dmai-muted);
-}
-.dmai-nodes .dmai-body {
-  padding: 14px;
-  min-width: 0;
-}
+  min-height: 72px; display: flex; align-items: center; gap: 12px;
+  padding: 18px 22px;
+}
+.dmai-nodes .dmai-head h2 { font-size: 21px; font-weight: 700; letter-spacing: -.65px; margin: 0; line-height: 1.2; }
+.dmai-nodes .dmai-glyph { color: var(--dmai-accent); display: flex; }
+.dmai-nodes .dmai-glyph .icon { width: 22px; height: 22px; }
+.dmai-nodes .dmai-brand { margin-left: auto; font-size: 10px; font-weight: 700; letter-spacing: 1.6px; color: var(--dmai-muted); }
+.dmai-nodes .dmai-body { padding: 0 22px 22px; min-width: 0; }
 .dmai-nodes .dmai-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 30px;
-  height: 31px;
-  border-radius: 6px;
-  padding: 0;
-  color: var(--dmai-muted);
-  flex: none;
-}
-.dmai-nodes .dmai-icon:hover {
-  color: var(--dmai-accent);
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 40px; height: 40px; border-radius: 10px; padding: 0;
+  color: var(--dmai-muted); flex: none;
 }
+.dmai-nodes .dmai-icon:hover { color: var(--dmai-text); }
 .dmai-nodes .dmai-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  padding: 8px 11px;
-  border-radius: 7px;
-  color: var(--dmai-muted);
-  font-size: 11px;
+  display: inline-flex; align-items: center; justify-content: center;
+  gap: 8px; padding: 11px 15px; border-radius: 10px;
+  color: var(--dmai-text); font-size: 14px; min-height: 44px; font-weight: 600;
 }
 .dmai-nodes .dmai-primary {
-  background: var(--dmai-accent);
-  color: #1d2c12;
-  font-weight: 700;
-  padding: 9px 14px;
-  border-radius: 7px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-}
-.dmai-nodes .dmai-primary:hover:not(:disabled) {
-  background: #d6f7b0;
-  color: #1d2c12;
-}
-.dmai-nodes .dmai-muted {
-  color: var(--dmai-muted);
-  font-size: 10px;
-}
-.dmai-nodes .dmai-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-.dmai-nodes .dmai-segmented {
-  display: flex;
-  align-items: center;
-  background: var(--dmai-inset);
-  border-radius: 7px;
-  padding: 3px;
-  gap: 3px;
-}
-.dmai-nodes .dmai-segmented button {
-  padding: 6px 9px;
-  border-radius: 5px;
-  font-size: 10px;
-  white-space: nowrap;
-}
-.dmai-nodes button[aria-pressed="true"] {
-  color: var(--dmai-accent);
-}
-.dmai-nodes .dmai-segmented button[aria-pressed="true"] {
-  background: var(--dmai-hover);
-}
-.dmai-nodes .dmai-segmented .icon {
-  width: 12px;
-  height: 12px;
-}
+  background: var(--dmai-accent); color: #17220f; font-weight: 700;
+  min-height: 46px; padding: 11px 18px; border-radius: 11px;
+  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
+}
+.dmai-nodes .dmai-primary:hover:not(:disabled) { background: #d8f8ad; color: #17220f; }
+.dmai-nodes .dmai-muted { color: var(--dmai-muted); font-size: 13px; }
+.dmai-nodes .dmai-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+.dmai-nodes .dmai-segmented { display: flex; align-items: center; background: #101419; border-radius: 12px; padding: 4px; gap: 4px; }
+.dmai-nodes .dmai-segmented button { min-height: 38px; padding: 8px 13px; border-radius: 8px; font-size: 13px; white-space: nowrap; color: var(--dmai-muted); }
+.dmai-nodes button[aria-pressed="true"] { color: var(--dmai-accent); }
+.dmai-nodes .dmai-segmented button[aria-pressed="true"] { background: #353e46; color: var(--dmai-text); box-shadow: 0 1px 4px #0004; }
+.dmai-nodes .dmai-segmented .icon { width: 16px; height: 16px; }
+.dmai-nodes .dmai-section-label { display: block; font-size: 13px; font-weight: 600; color: var(--dmai-muted); margin-bottom: 10px; }
+.dmai-nodes .dmai-prompt-field { display: flex; flex-direction: column; gap: 10px; }
+.dmai-nodes .dmai-prompt-field > span { font-size: 13px; font-weight: 600; color: var(--dmai-muted); }
 .dmai-nodes .dmai-prompt {
-  display: block;
-  width: 100%;
-  background: transparent;
-  border: 0;
-  resize: vertical;
-  min-height: 100px;
-  padding: 0;
-  font-size: 12px;
-  line-height: 1.7;
-}
-.dmai-nodes .dmai-ratios {
-  display: flex;
-  gap: 5px;
-  margin: 12px 0;
+  display: block; width: 100%; min-height: 160px; resize: vertical;
+  padding: 16px; font-size: 16px; line-height: 1.65;
+  background: #11161c; border-color: #3b4553; border-radius: 12px;
 }
+.dmai-nodes .dmai-format-section { margin-top: 22px; }
+.dmai-nodes .dmai-ratios { display: flex; align-items: stretch; gap: 8px; margin: 10px 0 16px; }
 .dmai-nodes .dmai-ratios .dmai-button {
-  flex: 1;
-  flex-direction: column;
-  gap: 5px;
-  padding: 7px 4px;
-  font-size: 9px;
-  border: 1px solid transparent;
-}
-.dmai-nodes .dmai-ratios .dmai-button[aria-pressed="true"] {
-  border-color: var(--dmai-accent);
-  background: #c8ee9909;
-}
-.dmai-nodes .dmai-ratio-shape {
-  display: block;
-  height: 15px;
-  border: 1px solid currentColor;
-  border-radius: 2px;
-  max-width: 50px;
-}
-.dmai-nodes .dmai-resolution {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 7px;
-  margin: 12px 0;
-}
-.dmai-nodes .dmai-dimensions {
-  font-size: 9px;
-  color: var(--dmai-muted);
-  white-space: nowrap;
-}
-.dmai-nodes .dmai-count {
-  border-top: 1px solid var(--dmai-line);
-  padding-top: 8px;
-}
-.dmai-nodes .dmai-stepper {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-.dmai-nodes .dmai-stepper output {
-  min-width: 22px;
-  text-align: center;
-  font-weight: 700;
-}
-.dmai-nodes .dmai-details {
-  border-top: 1px solid var(--dmai-line);
-  padding-top: 10px;
-  margin-top: 12px;
-}
-.dmai-nodes .dmai-details summary {
-  cursor: pointer;
-  color: var(--dmai-muted);
-  font-size: 10px;
-}
-.dmai-nodes .dmai-details-body {
-  padding-top: 10px;
-  display: grid;
-  gap: 10px;
-}
-.dmai-nodes .dmai-negative {
-  width: 100%;
-  min-height: 65px;
-  resize: vertical;
-}
-.dmai-nodes .dmai-field {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  min-width: 0;
-}
-.dmai-nodes .dmai-field > span {
-  font-size: 10px;
-  color: var(--dmai-muted);
-}
-.dmai-nodes .dmai-field select,
-.dmai-nodes .dmai-field input {
-  width: 100%;
-  font-size: 11px;
-}
-.dmai-nodes .dmai-model select {
-  font-size: 13px;
-  font-weight: 700;
-  padding: 12px;
-}
-.dmai-nodes .dmai-mode {
-  margin: 15px 0;
-}
-.dmai-nodes .dmai-mode button {
-  flex: 1;
-}
-.dmai-nodes .dmai-preset-row {
-  display: flex;
-  align-items: flex-end;
-  gap: 5px;
-}
-.dmai-nodes .dmai-preset-row .dmai-field {
-  flex: 1;
-}
-.dmai-nodes .dmai-preset-row > .dmai-icon {
-  background: var(--dmai-inset);
-  border: 1px solid var(--dmai-line);
-  height: 34px;
-}
-.dmai-nodes .dmai-preset-meta {
-  margin: 10px 0;
-}
-.dmai-nodes .dmai-badge {
-  font-size: 9px;
-  background: #c8ee9910;
-  color: var(--dmai-accent);
-  border-radius: 4px;
-  padding: 3px 5px;
-}
-.dmai-nodes .dmai-engine-summary {
-  font-size: 10px;
-  color: var(--dmai-muted);
-  margin: 12px 0;
-}
-.dmai-nodes .dmai-settings {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 10px;
-  margin: 12px 0;
-}
-.dmai-nodes .dmai-seed {
-  display: flex;
-  gap: 7px;
-  align-items: flex-end;
-  border-top: 1px solid var(--dmai-line);
-  padding-top: 12px;
-}
-.dmai-nodes .dmai-seed .dmai-field {
-  flex: 1;
-}
-.dmai-nodes .dmai-generate {
-  width: 100%;
-  margin-top: 14px;
-}
-.dmai-nodes .dmai-lora-list {
-  display: grid;
-  gap: 3px;
-  margin-bottom: 8px;
-}
-.dmai-nodes .dmai-nodes-lora-row {
-  display: grid;
-  grid-template-columns: 14px minmax(70px, 1fr) 46px 25px 18px 25px;
-  align-items: center;
-  gap: 5px;
-  min-height: 65px;
-  border-bottom: 1px solid var(--dmai-line);
-}
-.dmai-nodes .dmai-nodes-lora-row:last-child {
-  border: 0;
-}
-.dmai-nodes .dmai-lora-copy {
-  overflow: hidden;
-}
-.dmai-nodes .dmai-nodes-lora-name {
-  display: block;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  font-size: 11px;
-}
-.dmai-nodes .dmai-lora-copy .dmai-muted {
-  display: block;
-  font-size: 8px;
-  margin-top: 5px;
-}
-.dmai-nodes .dmai-strength {
-  width: 46px;
-  font-size: 10px;
-  padding: 7px 3px;
-  text-align: center;
-}
-.dmai-nodes .dmai-nodes-lora-row > .dmai-icon {
-  width: 25px;
-}
-.dmai-nodes .dmai-nodes-lora-row > .dmai-grip {
-  width: 14px;
-  color: #7d8c81;
-  cursor: grab;
-}
-.dmai-nodes .dmai-grip .icon {
-  width: 12px;
-}
-.dmai-nodes .dmai-reorder {
-  display: flex;
-  flex-direction: column;
-}
-.dmai-nodes .dmai-reorder .dmai-icon {
-  height: 22px;
-  width: 18px;
-}
-.dmai-nodes .dmai-reorder .icon {
-  width: 13px;
-  height: 13px;
-}
-.dmai-nodes .dmai-off {
-  opacity: 0.52;
-}
-.dmai-nodes .dmai-dragging {
-  opacity: 0.45;
-}
-.dmai-nodes .dmai-dragover {
-  box-shadow: inset 0 2px var(--dmai-accent);
-}
-.dmai-nodes .dmai-footnote {
-  font-size: 9px;
-  color: var(--dmai-muted);
-  border-top: 1px solid var(--dmai-line);
-  margin-top: 12px;
-  padding-top: 10px;
-}
-.dmai-nodes .dmai-empty {
-  padding: 22px 8px;
-  color: var(--dmai-muted);
-  font-size: 11px;
-  text-align: center;
-}
-.dmai-nodes .dmai-gallery-toolbar {
-  margin: -4px 0 8px;
-}
-.dmai-nodes .dmai-gallery-scroll {
-  max-height: 355px;
-  overflow: auto;
-  scrollbar-width: thin;
-  scrollbar-color: #4b584e transparent;
-  min-height: 150px;
-}
-.dmai-nodes .dmai-gallery-grid {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 7px;
-}
-.dmai-nodes .dmai-gallery-grid.dmai-dense {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 4px;
-}
-.dmai-nodes .dmai-image-card {
-  position: relative;
-  border-radius: 8px;
-  overflow: hidden;
-  isolation: isolate;
-  aspect-ratio: 4/5;
-  background: var(--dmai-inset);
-}
-.dmai-nodes .dmai-image-select {
-  display: block;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  position: relative;
-  border: 2px solid transparent;
-  border-radius: 8px;
-  overflow: hidden;
-}
-.dmai-nodes .dmai-image-select[aria-pressed="true"] {
-  border-color: var(--dmai-accent);
-}
-.dmai-nodes .dmai-image-select img {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.dmai-nodes .dmai-check {
-  position: absolute;
-  left: 6px;
-  top: 6px;
-  width: 17px;
-  height: 17px;
-  border: 1px solid #ffffff88;
-  background: #12181270;
-  color: #c8ee99;
-  border-radius: 5px;
-  font-size: 12px;
-  line-height: 15px;
-  text-align: center;
-}
-.dmai-nodes .dmai-image-select[aria-pressed="true"] .dmai-check {
-  background: var(--dmai-accent);
-  border-color: var(--dmai-accent);
-  color: #1d2c12;
-}
-.dmai-nodes .dmai-image-actions {
-  position: absolute;
-  bottom: 6px;
-  right: 6px;
-  display: flex;
-  background: #101714d9;
-  backdrop-filter: blur(8px);
-  padding: 2px;
-  border: 1px solid #ffffff24;
-  border-radius: 7px;
-}
-.dmai-nodes .dmai-image-actions .dmai-icon {
-  width: 24px;
-  height: 26px;
-  color: #ecf0e9;
-}
-.dmai-nodes .dmai-image-actions .dmai-icon:last-child {
-  color: var(--dmai-accent);
-}
-.dmai-nodes .dmai-image-actions .icon {
-  width: 13px;
-  height: 13px;
-}
-.dmai-nodes .dmai-image-actions .dmai-icon:hover {
-  background: var(--dmai-accent);
-  color: #1d2c12;
-}
-.dmai-nodes .dmai-selection {
-  border-top: 1px solid var(--dmai-line);
-  margin-top: 12px;
-  padding-top: 10px;
-  font-size: 10px;
-  justify-content: flex-start;
-}
-.dmai-nodes .dmai-selection .dmai-primary {
-  margin-left: auto;
-  width: auto;
-  font-size: 10px;
-}
-.dmai-nodes .dmai-status {
-  font-size: 10px;
-  padding: 10px 14px;
-  color: var(--dmai-muted);
-  overflow-wrap: anywhere;
-  border-top: 1px solid var(--dmai-line);
-}
-.dmai-nodes .dmai-status[data-error="true"],
-.dmai-nodes .dmai-warning {
-  color: #edb89e;
-  font-size: 10px;
-}
-.dmai-nodes .dmai-raw {
-  width: 100%;
-  height: 200px;
-  resize: vertical;
-}
-.dmai-dialog {
-  background: var(--dmai-panel);
-  border: 1px solid var(--dmai-line);
-  border-radius: 14px;
-  padding: 0;
-  width: min(520px, calc(100vw - 30px));
-  max-height: calc(100vh - 40px);
-  box-shadow: 0 25px 70px #0008;
-}
-.dmai-dialog::backdrop {
-  background: #080e0bb0;
-  backdrop-filter: blur(4px);
-}
-.dmai-nodes .dmai-dialog-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px 20px;
-  border-bottom: 1px solid var(--dmai-line);
-  gap: 10px;
-}
-.dmai-nodes .dmai-dialog-head h2 {
-  font-size: 15px;
-  font-weight: 700;
-  margin: 0;
-}
-.dmai-nodes .dmai-dialog-body {
-  padding: 20px;
-  display: grid;
-  gap: 15px;
-}
-.dmai-nodes .dmai-format-grid {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 8px;
-}
-.dmai-nodes .dmai-format-grid .dmai-button {
-  border: 1px solid var(--dmai-line);
-  padding: 14px 5px;
-  display: flex;
-  flex-direction: column;
-}
-.dmai-nodes .dmai-custom-size {
-  display: grid;
-  grid-template-columns: 1fr 30px 1fr;
-  gap: 12px;
-  align-items: end;
-}
-.dmai-nodes .dmai-size-output {
-  text-align: center;
-  background: var(--dmai-inset);
-  padding: 25px;
-  color: var(--dmai-accent);
-  font-size: 18px;
-  font-weight: 700;
-  border: 1px solid var(--dmai-line);
-  border-radius: 9px;
-}
-.dmai-nodes .dmai-library {
-  display: grid;
-  gap: 5px;
-  max-height: 350px;
-  overflow: auto;
-}
-.dmai-nodes .dmai-library .dmai-button {
-  justify-content: flex-start;
-  text-align: left;
-  overflow-wrap: anywhere;
-}
-.dmai-nodes .dmai-filename {
-  overflow-wrap: anywhere;
-  font-size: 11px;
-}
-.dmai-nodes .dmai-lightbox {
-  display: block;
-  width: 100%;
-  height: auto;
-  max-height: 65vh;
-  object-fit: contain;
-  border-radius: 8px;
-}
-@media (prefers-reduced-motion: reduce) {
-  .dmai-nodes * {
-    transition: none !important;
-    animation: none !important;
-  }
-}
-
-/* The outline stays inside the node so real Comfy sockets remain unobstructed. */
-.dmai-panel.dmai-prompter {
-  overflow: hidden;
-}
-.dmai-nodes .dmai-prompter-scroll {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  scrollbar-width: thin;
-  scrollbar-color: #4b584e transparent;
-  border-radius: inherit;
-}
-.dmai-nodes .dmai-progress-outline {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 2;
-  overflow: visible;
-  fill: none;
-}
-.dmai-nodes .dmai-progress-track {
-  stroke: var(--dmai-accent);
-  stroke-width: 1;
-  opacity: 0.13;
-}
-.dmai-nodes .dmai-progress-stroke {
-  stroke: var(--dmai-accent);
-  stroke-width: 2;
-  stroke-linecap: round;
-  transition: stroke-dashoffset 350ms ease-out;
-  filter: drop-shadow(0 0 3px #c8ee9966);
-}
-.dmai-nodes[data-generating="true"] .dmai-progress-stroke {
-  animation: dmai-progress-glow 2.4s ease-in-out infinite;
-}
-.dmai-nodes[data-generation-phase="queued"] .dmai-progress-stroke {
-  transition: none;
-}
-.dmai-nodes .dmai-progress-readout {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 12px;
-  margin-top: 9px;
-  color: var(--dmai-muted);
-  font-size: 10px;
-}
-.dmai-nodes .dmai-progress-value {
-  font-variant-numeric: tabular-nums;
-  color: var(--dmai-accent);
-}
-.dmai-nodes[data-generation-phase="error"] .dmai-progress-stroke,
-.dmai-nodes[data-generation-phase="interrupted"] .dmai-progress-stroke {
-  stroke: #edb89e;
-  filter: none;
-}
-.dmai-nodes[data-generation-phase="error"] .dmai-progress-value,
-.dmai-nodes[data-generation-phase="interrupted"] .dmai-progress-value {
-  color: #edb89e;
-}
-@keyframes dmai-progress-glow {
-  0%, 100% { opacity: 0.72; }
-  50% { opacity: 1; }
-}
+  flex: 1; flex-direction: column; gap: 9px; min-height: 68px;
+  padding: 10px 4px; font-size: 13px; border: 1px solid var(--dmai-line);
+  background: var(--dmai-inset); font-weight: 500;
+}
+.dmai-nodes .dmai-ratios .dmai-button[aria-pressed="true"] { border-color: var(--dmai-accent); background: #c6f18d0d; }
+.dmai-nodes .dmai-ratios .dmai-ratio-more { flex: .7; }
+.dmai-nodes .dmai-ratio-shape { display: block; height: 21px; border: 1.5px solid currentColor; border-radius: 3px; max-width: 42px; }
+.dmai-nodes .dmai-resolution { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 16px 0 20px; flex-wrap: wrap; }
+.dmai-nodes .dmai-dimensions { font-size: 13px; color: var(--dmai-muted); white-space: nowrap; font-variant-numeric: tabular-nums; }
+.dmai-nodes .dmai-count { border-top: 1px solid var(--dmai-line); padding-top: 16px; }
+.dmai-nodes .dmai-count > span { font-size: 15px; color: var(--dmai-text); font-weight: 600; }
+.dmai-nodes .dmai-stepper { display: flex; align-items: center; gap: 8px; background: var(--dmai-inset); border-radius: 10px; }
+.dmai-nodes .dmai-stepper output { min-width: 30px; text-align: center; font-weight: 700; font-size: 16px; font-variant-numeric: tabular-nums; }
+.dmai-nodes .dmai-details { border-top: 1px solid var(--dmai-line); padding-top: 16px; margin-top: 18px; }
+.dmai-nodes .dmai-details summary { cursor: pointer; color: var(--dmai-muted); font-size: 13px; font-weight: 500; min-height: 24px; }
+.dmai-nodes .dmai-details-body { padding-top: 14px; display: grid; gap: 14px; }
+.dmai-nodes .dmai-negative { width: 100%; min-height: 90px; resize: vertical; }
+.dmai-nodes .dmai-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
+.dmai-nodes .dmai-field > span { font-size: 13px; font-weight: 500; color: var(--dmai-muted); }
+.dmai-nodes .dmai-field select, .dmai-nodes .dmai-field input { width: 100%; font-size: 15px; }
+.dmai-nodes .dmai-model select { font-size: 16px; font-weight: 600; min-height: 52px; }
+.dmai-nodes .dmai-mode { margin: 22px 0; }
+.dmai-nodes .dmai-mode button { flex: 1; }
+.dmai-nodes.dmai-engine .dmai-details { margin-top: 14px; padding-top: 12px; border-top: 0; }
+.dmai-nodes .dmai-enhanced { background: #c6f18d07; border: 1px solid #c6f18d35; padding: 18px; border-radius: 12px; margin: 18px 0; }
+.dmai-nodes .dmai-enhanced-title { font-size: 16px; font-weight: 600; margin: 0 0 6px; }
+.dmai-nodes .dmai-enhanced-copy { color: var(--dmai-muted); font-size: 13px; line-height: 1.6; margin: 0 0 14px; }
+.dmai-nodes .dmai-enhanced-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
+.dmai-nodes .dmai-enhanced-actions .dmai-button { background: var(--dmai-inset); border: 1px solid var(--dmai-line); }
+.dmai-nodes .dmai-badge { font-size: 12px; background: #c6f18d12; color: var(--dmai-accent); border-radius: 6px; padding: 5px 8px; }
+.dmai-nodes .dmai-engine-summary { font-size: 14px; color: var(--dmai-muted); margin: 16px 0; }
+.dmai-nodes .dmai-settings { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0; }
+.dmai-nodes .dmai-field-wide { grid-column: 1 / -1; }
+.dmai-nodes .dmai-seed { display: flex; gap: 10px; align-items: flex-end; border-top: 1px solid var(--dmai-line); padding-top: 20px; margin-top: 20px; }
+.dmai-nodes .dmai-seed .dmai-field { flex: 1; }
+.dmai-nodes .dmai-seed > .dmai-icon { height: 46px; width: 46px; background: var(--dmai-inset); }
+.dmai-nodes .dmai-generate { width: 100%; margin-top: 20px; min-height: 52px; font-size: 16px; }
+.dmai-nodes .dmai-lora-list { display: grid; gap: 12px; margin-bottom: 16px; max-height: 490px; overflow-y: auto; scrollbar-width: thin; padding: 1px; }
+.dmai-nodes .dmai-nodes-lora-row { display: flex; flex-direction: column; gap: 16px; padding: 15px; border: 1px solid var(--dmai-line); border-radius: 13px; background: #22272e; min-width: 0; }
+.dmai-nodes .dmai-lora-main { display: flex; align-items: center; gap: 8px; min-width: 0; }
+.dmai-nodes .dmai-lora-copy { min-width: 0; flex: 1; }
+.dmai-nodes .dmai-nodes-lora-name { display: block; overflow-wrap: anywhere; font-size: 15px; font-weight: 600; line-height: 1.4; }
+.dmai-nodes .dmai-nodes-lora-order { font-size: 12px; font-weight: 600; color: var(--dmai-muted); font-variant-numeric: tabular-nums; flex: none; }
+.dmai-nodes .dmai-lora-main > .dmai-grip { width: 20px; height: 36px; cursor: grab; color: #8793a5; }
+.dmai-nodes .dmai-grip .icon { width: 16px; }
+.dmai-nodes .dmai-lora-actions { display: flex; align-items: center; flex: none; gap: 2px; }
+.dmai-nodes .dmai-lora-actions .dmai-icon { width: 34px; height: 36px; }
+.dmai-nodes .dmai-lora-controls { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; gap: 12px; align-items: end; }
+.dmai-nodes .dmai-lora-strength-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
+.dmai-nodes .dmai-lora-strength-field > span { font-size: 12px; color: var(--dmai-muted); }
+.dmai-nodes .dmai-strength { width: 100%; font-size: 15px; font-weight: 600; padding: 9px 12px; font-variant-numeric: tabular-nums; background: #14191f; }
+.dmai-nodes .dmai-reorder { display: flex; gap: 2px; }
+.dmai-nodes .dmai-reorder .dmai-icon { width: 32px; height: 44px; }
+.dmai-nodes .dmai-nodes-lora-add { width: 100%; border: 1px solid var(--dmai-line); background: var(--dmai-inset); }
+.dmai-nodes .dmai-off { opacity: .55; }
+.dmai-nodes .dmai-dragging { opacity: .45; }
+.dmai-nodes .dmai-dragover { border-color: var(--dmai-accent); box-shadow: 0 -2px var(--dmai-accent); }
+.dmai-nodes .dmai-footnote { font-size: 12px; color: var(--dmai-muted); margin-top: 14px; }
+.dmai-nodes .dmai-empty { padding: 34px 12px; color: var(--dmai-muted); font-size: 14px; text-align: center; }
+.dmai-nodes .dmai-gallery-toolbar { margin: -5px 0 16px; }
+.dmai-nodes .dmai-gallery-toolbar > span { font-size: 14px; }
+.dmai-nodes .dmai-gallery-scroll { max-height: 430px; overflow: auto; scrollbar-width: thin; scrollbar-color: #566172 transparent; min-height: 230px; }
+.dmai-nodes .dmai-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
+.dmai-nodes .dmai-gallery-grid.dmai-dense { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
+.dmai-nodes .dmai-image-card { position: relative; border-radius: 12px; overflow: hidden; isolation: isolate; aspect-ratio: 4/5; background: var(--dmai-inset); }
+.dmai-nodes .dmai-image-select { display: block; width: 100%; height: 100%; padding: 0; position: relative; border: 2px solid transparent; border-radius: 12px; overflow: hidden; }
+.dmai-nodes .dmai-image-select[aria-pressed="true"] { border-color: var(--dmai-accent); }
+.dmai-nodes .dmai-image-select img { display: block; width: 100%; height: 100%; object-fit: cover; }
+.dmai-nodes .dmai-check { position: absolute; left: 10px; top: 10px; width: 25px; height: 25px; border: 1px solid #ffffffaa; background: #121820a0; color: var(--dmai-accent); border-radius: 7px; font-size: 16px; line-height: 23px; text-align: center; }
+.dmai-nodes .dmai-image-select[aria-pressed="true"] .dmai-check { background: var(--dmai-accent); border-color: var(--dmai-accent); color: #17220f; }
+.dmai-nodes .dmai-image-actions { position: absolute; bottom: 10px; right: 10px; display: flex; gap: 3px; background: #10151edf; backdrop-filter: blur(8px); padding: 4px; border: 1px solid #ffffff30; border-radius: 11px; }
+.dmai-nodes .dmai-image-actions .dmai-icon { width: 36px; height: 36px; color: #f5f7fa; border-radius: 7px; }
+.dmai-nodes .dmai-image-actions .dmai-icon:last-child { color: var(--dmai-accent); }
+.dmai-nodes .dmai-image-actions .icon { width: 19px; height: 19px; }
+.dmai-nodes .dmai-image-actions .dmai-icon:hover { background: var(--dmai-accent); color: #17220f; }
+.dmai-nodes .dmai-selection { border-top: 1px solid var(--dmai-line); margin-top: 18px; padding-top: 16px; font-size: 14px; justify-content: flex-start; }
+.dmai-nodes .dmai-selection .dmai-primary { margin-left: auto; width: auto; font-size: 14px; }
+.dmai-nodes .dmai-status { font-size: 13px; padding: 14px 22px; color: var(--dmai-muted); overflow-wrap: anywhere; border-top: 1px solid var(--dmai-line); }
+.dmai-nodes .dmai-status[data-error="true"], .dmai-nodes .dmai-warning { color: #ffc3a6; font-size: 13px; }
+.dmai-nodes .dmai-raw { width: 100%; height: 240px; resize: vertical; }
+.dmai-dialog { background: var(--dmai-panel); border: 1px solid var(--dmai-line); border-radius: 18px; padding: 0; width: min(600px,calc(100vw - 32px)); max-height: calc(100vh - 40px); box-shadow: 0 28px 80px #0009; }
+.dmai-dialog::backdrop { background: #090d14b8; backdrop-filter: blur(4px); }
+.dmai-nodes .dmai-dialog-head { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid var(--dmai-line); gap: 12px; }
+.dmai-nodes .dmai-dialog-head h2 { font-size: 20px; font-weight: 700; margin: 0; letter-spacing: -.3px; }
+.dmai-nodes .dmai-dialog-body { padding: 24px; display: grid; gap: 18px; }
+.dmai-nodes .dmai-format-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
+.dmai-nodes .dmai-format-grid .dmai-button { border: 1px solid var(--dmai-line); padding: 16px 5px; display: flex; flex-direction: column; gap: 10px; }
+.dmai-nodes .dmai-custom-size { display: grid; grid-template-columns: 1fr 40px 1fr; gap: 12px; align-items: end; }
+.dmai-nodes .dmai-size-output { text-align: center; background: var(--dmai-inset); padding: 28px; color: var(--dmai-accent); font-size: 24px; font-weight: 700; border: 1px solid var(--dmai-line); border-radius: 12px; }
+.dmai-nodes .dmai-library { display: grid; gap: 8px; max-height: 400px; overflow: auto; }
+.dmai-nodes .dmai-library .dmai-button { justify-content: flex-start; text-align: left; overflow-wrap: anywhere; padding: 14px; background: var(--dmai-inset); }
+.dmai-nodes .dmai-filename { overflow-wrap: anywhere; font-size: 14px; }
+.dmai-nodes .dmai-lightbox { display: block; width: 100%; height: auto; max-height: 65vh; object-fit: contain; border-radius: 12px; }
+/* Keep animation within the node; native socket hit targets remain unobstructed. */
+.dmai-panel.dmai-prompter { overflow: hidden; }
+.dmai-nodes .dmai-prompter-scroll { width: 100%; height: 100%; overflow: auto; scrollbar-width: thin; scrollbar-color: #566172 transparent; border-radius: inherit; }
+.dmai-nodes .dmai-progress-outline { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; overflow: visible; fill: none; }
+.dmai-nodes .dmai-progress-track { stroke: var(--dmai-accent); stroke-width: 1; opacity: .13; }
+.dmai-nodes .dmai-progress-stroke { stroke: var(--dmai-accent); stroke-width: 2; stroke-linecap: round; transition: stroke-dashoffset 350ms ease-out; filter: drop-shadow(0 0 3px #c6f18d66); }
+.dmai-nodes[data-generating="true"] .dmai-progress-stroke { animation: dmai-progress-glow 2.4s ease-in-out infinite; }
+.dmai-nodes[data-generation-phase="queued"] .dmai-progress-stroke { transition: none; }
+.dmai-nodes .dmai-progress-readout { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px; color: var(--dmai-muted); font-size: 13px; }
+.dmai-nodes .dmai-progress-value { font-variant-numeric: tabular-nums; color: var(--dmai-accent); }
+.dmai-nodes[data-generation-phase="error"] .dmai-progress-stroke, .dmai-nodes[data-generation-phase="interrupted"] .dmai-progress-stroke { stroke: #ffc3a6; filter: none; }
+.dmai-nodes[data-generation-phase="error"] .dmai-progress-value, .dmai-nodes[data-generation-phase="interrupted"] .dmai-progress-value { color: #ffc3a6; }
+@keyframes dmai-progress-glow { 0%,100% { opacity: .72; } 50% { opacity: 1; } }
+@media (prefers-reduced-motion: reduce) { .dmai-nodes * { transition: none !important; animation: none !important; } }
+/* The image grid takes the remaining height; downloads stay visible. */
+.dmai-panel.dmai-gallery { display: flex; flex-direction: column; overflow: hidden; }
+.dmai-nodes.dmai-gallery > .dmai-head { flex: none; }
+.dmai-nodes.dmai-gallery > .dmai-body { flex: 1; display: flex; flex-direction: column; min-height: 0; }
+.dmai-nodes.dmai-gallery .dmai-gallery-toolbar, .dmai-nodes.dmai-gallery .dmai-selection { flex: none; }
+.dmai-nodes.dmai-gallery .dmai-gallery-scroll { flex: 1; min-height: 120px; max-height: none; }
+.dmai-nodes.dmai-gallery > .dmai-status { flex: none; }
+.dmai-nodes .dmai-lora-dialog-strengths { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+.dmai-nodes .dmai-enhanced-summary { margin: 10px 0 3px; font-size: 14px; font-weight: 600; }
+.dmai-nodes .dmai-enhanced-sampling { margin: 0; font-size: 13px; color: var(--dmai-muted); overflow-wrap: anywhere; }

web/progress.mjs

@@ -1,4 +1,4 @@
-import { PROMPTER_TYPE } from "./workflow-migration.mjs";
+import { PROMPTER_TYPE } from "./workflow-migration.mjs?v=0.2.0";
 
 // Job identity comes from the submitted API graph, never the current selection.
 const IDLE = Object.freeze({ phase: "idle", percent: 0 });

web/workflow-migration.mjs

@@ -1,4 +1,4 @@
-import { readPrompt } from "./core.mjs";
+import { readPrompt } from "./core.mjs?v=0.2.0";
 
 export const PROMPTER_TYPE = "DMAINodesPrompter";
 const PREVIEW_PROMPTER_TYPE = "DMAIPrompter";

workflows/DMAI-NODES-FLUX.json

@@ -6,12 +6,12 @@
       "id": 1,
       "type": "DMAINodesPrompter",
       "pos": [
-        40,
-        100
+        80,
+        60
       ],
       "size": [
-        410,
-        475
+        504,
+        738
       ],
       "flags": {},
       "order": 0,
@@ -44,12 +44,12 @@
       "id": 2,
       "type": "DMAILoRAStack",
       "pos": [
-        40,
-        660
+        80,
+        880
       ],
       "size": [
-        410,
-        380
+        524,
+        568
       ],
       "flags": {},
       "order": 1,
@@ -76,12 +76,12 @@
       "id": 3,
       "type": "DMAIGenerationEngine",
       "pos": [
-        570,
-        220
+        804,
+        180
       ],
       "size": [
-        420,
-        700
+        484,
+        748
       ],
       "flags": {},
       "order": 2,
@@ -167,12 +167,12 @@
       "id": 4,
       "type": "DMAIGallery",
       "pos": [
-        1100,
-        180
+        1488,
+        160
       ],
       "size": [
-        500,
-        720
+        804,
+        618
       ],
       "flags": {},
       "order": 3,
@@ -245,8 +245,8 @@
     "ds": {
       "scale": 0.7,
       "offset": [
-        45,
-        20
+        25,
+        25
       ]
     }
   },

workflows/DMAI-NODES-Krea.api.json

@@ -22,7 +22,7 @@
         "2",
         0
       ],
-      "config_json": "{\"schema_version\": 1, \"profile_id\": \"krea2-turbo\", \"mode\": \"enhanced\", \"preset_id\": \"dmai-krea2-original-v1\", \"settings\": {\"steps\": 8, \"cfg\": 1.1, \"sampler\": \"euler\", \"scheduler\": \"beta\", \"denoise\": 1, \"enhancer\": \"krea2t\"}, \"seed\": 481516, \"models\": {\"diffusion_model\": \"krea2_turbo_fp8.safetensors\", \"text_encoder\": \"qwen3vl_4b_fp8_scaled.safetensors\", \"vae\": \"wan_2.1_vae.safetensors\", \"checkpoint\": \"\"}, \"presets\": []}"
+      "config_json": "{\"schema_version\": 1, \"profile_id\": \"krea2-turbo\", \"mode\": \"manual\", \"preset_id\": \"\", \"settings\": {\"steps\": 8, \"cfg\": 1.1, \"sampler\": \"euler\", \"scheduler\": \"beta\", \"denoise\": 1, \"enhancer\": \"none\"}, \"seed\": 481516, \"models\": {\"diffusion_model\": \"krea2_turbo_fp8.safetensors\", \"text_encoder\": \"qwen3vl_4b_fp8_scaled.safetensors\", \"vae\": \"wan_2.1_vae.safetensors\", \"checkpoint\": \"\"}, \"presets\": []}"
     }
   },
   "4": {

workflows/DMAI-NODES-Krea.json

@@ -6,12 +6,12 @@
       "id": 1,
       "type": "DMAINodesPrompter",
       "pos": [
-        40,
-        100
+        80,
+        60
       ],
       "size": [
-        410,
-        475
+        504,
+        738
       ],
       "flags": {},
       "order": 0,
@@ -44,12 +44,12 @@
       "id": 2,
       "type": "DMAILoRAStack",
       "pos": [
-        40,
-        660
+        80,
+        880
       ],
       "size": [
-        410,
-        380
+        524,
+        568
       ],
       "flags": {},
       "order": 1,
@@ -76,12 +76,12 @@
       "id": 3,
       "type": "DMAIGenerationEngine",
       "pos": [
-        570,
-        220
+        804,
+        180
       ],
       "size": [
-        420,
-        700
+        484,
+        818
       ],
       "flags": {},
       "order": 2,
@@ -160,19 +160,19 @@
         "Node name for S&R": "DMAIGenerationEngine"
       },
       "widgets_values": [
-        "{\"schema_version\": 1, \"profile_id\": \"krea2-turbo\", \"mode\": \"enhanced\", \"preset_id\": \"dmai-krea2-original-v1\", \"settings\": {\"steps\": 8, \"cfg\": 1.1, \"sampler\": \"euler\", \"scheduler\": \"beta\", \"denoise\": 1, \"enhancer\": \"krea2t\"}, \"seed\": 481516, \"models\": {\"diffusion_model\": \"krea2_turbo_fp8.safetensors\", \"text_encoder\": \"qwen3vl_4b_fp8_scaled.safetensors\", \"vae\": \"wan_2.1_vae.safetensors\", \"checkpoint\": \"\"}, \"presets\": []}"
+        "{\"schema_version\": 1, \"profile_id\": \"krea2-turbo\", \"mode\": \"manual\", \"preset_id\": \"\", \"settings\": {\"steps\": 8, \"cfg\": 1.1, \"sampler\": \"euler\", \"scheduler\": \"beta\", \"denoise\": 1, \"enhancer\": \"none\"}, \"seed\": 481516, \"models\": {\"diffusion_model\": \"krea2_turbo_fp8.safetensors\", \"text_encoder\": \"qwen3vl_4b_fp8_scaled.safetensors\", \"vae\": \"wan_2.1_vae.safetensors\", \"checkpoint\": \"\"}, \"presets\": []}"
       ]
     },
     {
       "id": 4,
       "type": "DMAIGallery",
       "pos": [
-        1100,
-        180
+        1488,
+        160
       ],
       "size": [
-        500,
-        720
+        804,
+        618
       ],
       "flags": {},
       "order": 3,
@@ -245,8 +245,8 @@
     "ds": {
       "scale": 0.7,
       "offset": [
-        45,
-        20
+        25,
+        25
       ]
     }
   },

workflows/DMAI-NODES-Qwen.json

@@ -6,12 +6,12 @@
       "id": 1,
       "type": "DMAINodesPrompter",
       "pos": [
-        40,
-        100
+        80,
+        60
       ],
       "size": [
-        410,
-        475
+        504,
+        738
       ],
       "flags": {},
       "order": 0,
@@ -44,12 +44,12 @@
       "id": 2,
       "type": "DMAILoRAStack",
       "pos": [
-        40,
-        660
+        80,
+        880
       ],
       "size": [
-        410,
-        380
+        524,
+        568
       ],
       "flags": {},
       "order": 1,
@@ -76,12 +76,12 @@
       "id": 3,
       "type": "DMAIGenerationEngine",
       "pos": [
-        570,
-        220
+        804,
+        180
       ],
       "size": [
-        420,
-        700
+        484,
+        748
       ],
       "flags": {},
       "order": 2,
@@ -167,12 +167,12 @@
       "id": 4,
       "type": "DMAIGallery",
       "pos": [
-        1100,
-        180
+        1488,
+        160
       ],
       "size": [
-        500,
-        720
+        804,
+        618
       ],
       "flags": {},
       "order": 3,
@@ -245,8 +245,8 @@
     "ds": {
       "scale": 0.7,
       "offset": [
-        45,
-        20
+        25,
+        25
       ]
     }
   },

workflows/DMAI-NODES-SDXL.json

@@ -6,12 +6,12 @@
       "id": 1,
       "type": "DMAINodesPrompter",
       "pos": [
-        40,
-        100
+        80,
+        60
       ],
       "size": [
-        410,
-        475
+        504,
+        738
       ],
       "flags": {},
       "order": 0,
@@ -44,12 +44,12 @@
       "id": 2,
       "type": "DMAILoRAStack",
       "pos": [
-        40,
-        660
+        80,
+        880
       ],
       "size": [
-        410,
-        380
+        524,
+        568
       ],
       "flags": {},
       "order": 1,
@@ -76,12 +76,12 @@
       "id": 3,
       "type": "DMAIGenerationEngine",
       "pos": [
-        570,
-        220
+        804,
+        180
       ],
       "size": [
-        420,
-        700
+        484,
+        748
       ],
       "flags": {},
       "order": 2,
@@ -167,12 +167,12 @@
       "id": 4,
       "type": "DMAIGallery",
       "pos": [
-        1100,
-        180
+        1488,
+        160
       ],
       "size": [
-        500,
-        720
+        804,
+        618
       ],
       "flags": {},
       "order": 3,
@@ -245,8 +245,8 @@
     "ds": {
       "scale": 0.7,
       "offset": [
-        45,
-        20
+        25,
+        25
       ]
     }
   },