- Set fixed 680px width on overlay panel to prevent horizontal expansion
when typing in text fields
- Remove Model family dropdown from Preset create and edit overlays;
family is now inferred from the Flake Model Preset node selection
These were declared with const but imported as named exports by
flake_stack.js, causing a module load error that prevented the entire
extension from registering. All custom DOM widgets (FlakeStack grid,
FlakeModelPreset cover image, FlakeCombo, etc.) were silently disabled.
Creates FlakeGenerate node that takes flake_data input, runs KSampler, VAE Decode, and SaveImage internally. Displays seed widget with randomize/increment/decrement controls, 2x2 preview grid (reusing flake-preview.js), and generated image preview in a single DOM widget.
Add list_preset_display_names to flake_io.py and return display_names
from the /flakes/presets API endpoint. Use the display name (falling
back to last path segment) in the preset picker grid thumbnails.
Add display_names to /flakes/list API response and use them in the
Load Existing Flake picker to show the flake's display name instead
of the path filename as the grid item label.
Closes#137
- Replace hide/show visibility approach with dynamic addOutput/removeOutput
and addInput/removeInput for proper pin management
- On node creation, remove all default pins and add only selected ones
- On workflow load (onConfigure), clear all dynamic pins and rebuild from
saved properties
- Remove OUTPUT_NODE from FlakeDataSplitSelect (not an output node)
- Add pin selector UI with +/- buttons that dynamically adds/removes pins
- Export DEFAULT_SPLIT_PINS and DEFAULT_INTO_PINS for use in onConfigure
Closes#139
- Extract shared grid item helpers (makeGridItemOverlay, makeHoverButton,
makeTypeRibbon, makeBypassStrike, svgIcon, TYPE_COLORS) into utils.js
- Fix overlay not covering full item in Flake Stack (was using top/left/
right/bottom:4px instead of inset:0)
- Fix option dropdown button position inconsistency between Stack and Combo
- Use same hover overlay style (inset:0, border-radius:3px) for all three
- Make hover buttons 50% bigger (33px instead of 22px)
- Make triangle dropdown button 50% bigger (18px font instead of 12px)
- Dark overlay always present (not conditional on hasCover), matching
Model Combo style
Closes#138
The edit overlay was broken because baseRootSelectRef was assigned on
line 85 but declared with let on line 219, causing a ReferenceError due
to the temporal dead zone. This made the overlay render only the title.
Closes#136
- Make controlnet type a dropdown listing available types (openpose, depth, canny, etc.)
- Replace input image text field with file selector (left side) with image preview
- Redesign CN card layout: image preview on left, type/model/sliders on right
- Add labeled sliders (Str, Start, End) for controlnet
- Auto-set cover image from first controlnet input image if no cover exists
- Add /flakes/cn_types endpoint for listing controlnet types
- Add 'inputs' browse type for file picker to select input images
- Add fetchCnTypes API function
- Make cover image bigger (160x200)
- Rename Output_stem label to Output Stem, move to same row as Display Name
- Remove Model family field from New Flake overlay (inferred from node)
- Put Base field on same row as Flake type dropdown
- Add Concept option to Flake type, convert checkboxes to dropdown
- Put Output Path in its own row with resolved path preview
- Strip img/<model_family> prefix from Output Path input, show full resolved path below
- Make Output Stem editable in grid item options dropdown
- Make triangle button appear on hover (white, visible)
- Add Concept to TYPE_COLORS in grid
- Remove Output Filename Stem from Add flake field dropdown (now in top section)
- Rotate bypassed bar from horizontal (-) to diagonal (/) with -30deg
- Increase bar thickness from 2px to 2.5px
- Brighten bar color from rgba(200,60,60,0.7) to rgba(230,90,90,0.85)
- Applied to both flake-stack and flake-combo grid items
Closes#129
- Reduce textarea rows from 5 to 3 and min-height from 100px to 78px
for both positive and negative prompt fields so the preset page fits
in view without scrolling
Closes#125
- Narrow -/+ buttons from 28px to 22px (value span flexes to fill)
- Replace click-to-input with double-click contentEditable so slider
layout stays identical regardless of interaction state
- Reduce top margin between Numerical Sliders and previous section
Closes#123
- Add 4px inset padding to hover button overlay so buttons stay within
grid item bounds when node size increases
- Raise triangle button z-index from 2 to 4 (above hover buttons at 3)
so it remains clickable when hover buttons are visible
- Add dropdown arrow button to searchable fields (VAE, Text Encoder, embeddings)
- Fix dropdown positioning by using a custom dropdown panel positioned
directly below the input field instead of browser-native datalist
- Show dropdown on focus, arrow click, and double-click
- Backward-compatible datalist proxy for dynamic option population
Replace makeComfyNumberInput (Width/Height) and makeComfyValueSlider (ClipSkip/Steps/CFG) with makeComfySlider across all five fields. This gives consistent center-aligned values, minus/plus buttons on every field, and fixed box sizing when editing.
When opening the preset picker, set the initial folder to the family-specific subfolder (e.g. 'illustrious' for SDXL/Illustrious) instead of the root model_presets/ directory.
Move sampler/scheduler dropdowns from a separate row below the number fields to inside the checkpoint column, below the VAE/Text Encoder row and to the left of the cover image. Reduce dropdown max-width for a more compact layout.
- Python backend: new PreviewFlakeData class that takes FLAKE_DATA input
and passes it through unchanged, marked as OUTPUT_NODE for execution
- JavaScript frontend: custom widget showing a 2x2 grid with Models,
Prompts, Parameters, and Metadata categories
- Clicking a category card opens an overlay with consolidated information
- Handles combo node scenarios by displaying all available data fields
- Registers the new node in __init__.py NODE_CLASS_MAPPINGS
Closes#122
- Clicking the ribbon toggles a flake between active and bypassed states
- Bypassed flakes show greyed out appearance with a red strikethrough line
- Bypassed ribbon is dimmed with click-to-activate tooltip
- Backend (FlakeStack.execute) skips bypassed flakes during processing
- Bypassed state stored as 'bypassed' field in flakes_json entries
- Works in both FlakeStack and FlakeCombo grid items
Closes#121
- Remove persistent [x] button, replace with hover Replace/Edit/Remove buttons
- Remove green border circling and upper-left check button for active state
- Use subtle blue accent border to indicate active combo item
- Add Flake Type ribbon to combo grid items
- Add double-click to edit on combo items
- Make combo grid items draggable/reorderable
- Add option dropdown (triangle button) with LoRA strength and variant controls
- Use full display name with word wrapping (matching flake stack logic)
- Fetch and cache display names for model combo presets
Closes#120
Replace yes/no group toggles on FlakeDataSplitSelect with a dropdown + +/- button
UI for individually adding/removing output pins. Similarly, redesign
IntoFlakeDataSelect to use dynamic input pins instead of FLAKES_MODEL/COND/SAMPLER
bundle types, allowing override of individual fields from an incoming FLAKE_DATA.
- Python: Add selected_pins/active_pins hidden STRING widgets for state tracking
- Python: IntoFlakeDataSelect now takes individual optional inputs (MODEL, CLIP,
VAE, etc.) and overrides only activated pins from the incoming FLAKE_DATA
- JS: Add flake-data-select.js with pin selector dropdown + button widgets
- JS: Register handlers for FlakeDataSplitSelect and IntoFlakeDataSelect nodes
- JS: Show/hide outputs and inputs based on selected pin state
Closes#119
The refactor in commit 7276cae accidentally removed let/const declarations
for pathInput, familyDropdown, selectedType, typeChecks, and FAMILY_OPTIONS.
In ES module strict mode, these implicit global assignments throw
ReferenceError, causing the edit overlay to render only the title before
crashing.
Mirror the model-preset base-path support on the flake side:
Backend:
- save_flake() now accepts base_root_index, output_path, and old_name,
using the same semantics as save_preset(). Renames/moves migrate the
YAML and its cover image.
- /flakes/save now passes those through to save_flake.
Frontend:
- Base Path dropdown + Output Path text field on the flake create AND
edit overlays (populated from /flakes/roots?type=flakes).
- Path prefill from display name + flake type only fires in create
mode; edit mode seeds from the existing flake name and treats it
as user-edited.
- Save call now uses /flakes/save with base_root_index/output_path/
old_name, and flake-stack.js updates the entry's name if the saved
canonical name differs (i.e. the flake was moved).
Backend:
- /flakes/roots?type=model_presets exposes registered roots so the UI
can label Default vs Extra base paths.
- save_preset() now accepts base_root_index (which root to write to)
and output_path (relative location under that root), and old_name
(so renames/moves migrate the YAML and its cover image cleanly).
- Returns the canonical saved name so the UI can register the new
preset under the actual on-disk path.
- ModelPreset gained a display_name field stored alongside the YAML.
Frontend:
- New Base Path dropdown and Output Path text field on the create/edit
preset overlay. Output path auto-prefills from family_folder/preset_name
(snake-cased) until the user types in it.
- Preset name input is now a display name; the file path is independent.
- Edit mode passes old_name so the backend moves the YAML when the
user changes either the base path or the output path.
Slider now ranges 1..24 and shows the absolute value. On save we
negate it before writing so CLIPSetLastLayer keeps receiving the
expected negative index. Existing YAMLs with negative clip_skip
values still display correctly via Math.abs on load.
Wrap the checkpoint label/URL toggle/dropdown/edit button into a left
column and the cover-image preview into a right column inside a flex
row so they sit side-by-side instead of stacking vertically. Shrunk
the cover box to 100x100 so it fits next to the checkpoint controls.
Adds a third hover button (swap-arrows icon) next to Modify and
Remove. Clicking it opens the Select Preset popup; choosing one
replaces the current preset selection.
Set draggable on the whole grid item and remove the 3px vertical bar
on the left. Buttons inside the card cancel the drag so clicks on
Replace/Edit/Remove still work, and double-click-to-edit remains
intact (the browser only kicks off a drag after meaningful pointer
movement).
Mirror the Flake Model Preset hover-button pattern: each non-default
flake card shows three centered buttons on hover (Replace, Edit,
Remove). Removes the static top-right ✕. Double-click-to-edit is
preserved; the override (💾) badge stays pinned top-right when the
entry has unsaved in-memory changes. Replace opens the existing load
picker and swaps the entry in place.
Outside-click and Esc on the flake/preset overlays now run through a
configurable confirmCancel hook in modal.js. The flake and preset
modals track a 'dirty' bit (any input/change inside the panel) and,
when dirty, prompt 'Are you sure you want to cancel?' before closing.
The footer Cancel button uses the same prompt for consistency.
Mehdi Chaid