[
{
"path": ".github/FUNDING.yml",
"content": "# These are supported funding model platforms\n\ngithub: robertvoy\nbuy_me_a_coffee: robertvoy\n"
},
{
"path": ".github/workflows/publish_action.yml",
"content": "name: Publish to Comfy registry\non:\n workflow_dispatch:\n push:\n branches:\n - main\n paths:\n - \"pyproject.toml\"\n\njobs:\n publish-node:\n name: Publish Custom Node to registry\n runs-on: ubuntu-latest\n steps:\n - name: Check out code\n uses: actions/checkout@v4\n - name: Publish Custom Node\n uses: Comfy-Org/publish-node-action@main\n with:\n personal_access_token: ${{ secrets.REGISTRY_ACCESS_TOKEN }}\n"
},
{
"path": "LICENSE",
"content": "MIT License\n\nCopyright (c) 2024 Robert\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
},
{
"path": "README.md",
"content": "# ComfyUI Flux Continuum - Modular Interface\n\n\n\n> A modular workflow that brings order to the chaos of image generation pipelines.\n\nšŗ [Watch the Tutorial](https://www.youtube.com/watch?v=cjWuPcRZ1j0)\n\n## Updates\n- **1.7.0:** Enhanced workflow and usability update šŗ [Watch Video Update](https://www.youtube.com/watch?v=e_7cYbBwjFc)\n - **Image Transfer Shortcut**: Use `Ctrl+Shift+C` to copy images from Img Preview to Img Load (customizable in Settings > Keybinding > Image Transfer)\n - **Configurable Model Router**: Dynamic model selection with customizable JSON mapping for flexible workflows\n - **Hint System**: Interactive hint nodes provide contextual help throughout the workflow\n - **Crop & Stitch**: Enhanced inpainting/outpainting with automatic crop and stitch functionality\n - **Smart Guidance**: Automatic guidance value of 30 for inpainting, outpainting, canny, and depth operations\n - **TeaCache Integration**: Optional speed boost for all outputs (trades some quality for performance)\n - **Improved Preprocessor Preview Logic**: CN Input is used for previewing when ControlNet strength > 0, otherwise uses Img Load\n - **Workflow Reorganization**: Modules reordered for more logical flow\n - **Redux Naming**: IP Adapter renamed to Redux for consistency with BFL terminology\n\n\nš Older Changelog (Click to expand)
\n\n- **1.6.4:** ControlNet Union Pro v2 Update šŗ [Watch Video Update](https://www.youtube.com/watch?v=oh1P_4d9_HI)\n - ControlNet Union Pro v2: Integrated the new Depth, Canny, OpenPose ControlNets\n - New canny preprocessor control\n - Removed the input preview tab\n - Better upscaling controls\n - New Redux (IPAdapter) implementation\n\n- **Flux Continuum Light 1.0.0:**\n - Light version of the workflow with all the basic functions that requires only the FLUX.1-dev model. [Download](https://github.com/robertvoy/ComfyUI-Flux-Continuum/blob/main/workflow/Flux%2B%20Light%201.0.0_release.json) \n\n- **1.4.2:** Black Forest Labs tools update\n - Black Forest Labs tools: Integrated the new Redux, Depth, Canny, Fill models\n - Preview Panel: Preview all your image inputs and masks at a glance\n - Mask Feather Control: Feather the mask using one control\n - Text Versions: Add more tabs via properties\n - New Nodes: *FluxContinuumModelRouter*, *OutputGet*, *OutputGetString*, *OutputTextDisplay*, *DrawTextConfig* and *ConfigurableDrawText*\n\n \n\n## Overview\n\nComfyUI Flux Continuum revolutionises workflow management through a thoughtful dual-interface design:\n\n- **Front-end**: A consistent control interface shared across all modules\n- **Back-end**: Powerful, modular architecture for customisation and experimentation\n\n## āØ Core Features\n\n> Perfect for creators who want a consistent, streamlined experience across all image generation tasks, while maintaining the power to customize when needed.\n\n- **Unified Control Interface**\n - Single set of controls affects all relevant modules\n - Smart guidance adjustment based on operation type\n - Consistent experience across all generation tasks\n\n- **Smart Workflow Management**\n - Only activates nodes and models required for current task\n - Toggle between different output types seamlessly\n - Efficiently handles resource allocation\n - Optional TeaCache for speed optimization\n\n- **Universal Model Integration**\n - LoRAs, ControlNets and Redux work across all output modules\n - Seamless Black Forest Labs model support\n - Configurable model routing for custom workflows\n\n- **Enhanced Usability**\n - Interactive hint system for contextual help\n - Quick image transfer with keyboard shortcut\n - Intelligent preprocessing based on control values\n - Crop & stitch for seamless inpainting/outpainting\n\n---\n\n## š Quick Start \nšŗ **New to Flux Continuum?** [Watch the tutorial first](https://www.youtube.com/watch?v=cjWuPcRZ1j0) \n1. Clone repo to the custom nodes folder\n```shell\ngit clone https://github.com/robertvoy/ComfyUI-Flux-Continuum\n```\n2. [Download](https://github.com/robertvoy/ComfyUI-Flux-Continuum/blob/main/workflow/Flux%2B%201.7.0_release.json) and import the workflow into ComfyUI\n3. Install missing custom nodes using the ComfyUI Manager\n4. Configure your models in the config panel (press `2` to access)\n5. Download any missing models (see Model Downloads section below)\n6. Return to the main interface (press `1`)\n7. Select `txt2img` from the output selector (top left corner)\n8. Run the workflow to generate your first image\n\n---\n\n## šÆ Usage Guide\n\n### Output Selection\nThe workflow is controlled by the **Output selector** in the top-left corner. Select your desired output and all relevant controls will automatically apply.\n\n### Key Controls\n\n**šØ Main Generation**\n- **Prompt**: Your text description for generation\n- **Denoise**: Controls strength for img2img operations (0 = no change, 1 = completely new)\n- **Steps**: Number of sampling steps (higher = more detail, slower)\n- **Guidance**: How closely to follow the prompt (automatically set to 30 for inpainting/outpainting/canny/depth)\n- **TeaCache**: Toggle for speed boost (some quality trade-off)\n\n**š¼ļø Input Images**\n- **Img Load**: Primary image for all img2img operations (inpainting, outpainting, detailer, upscaling)\n- **CN Input**: Source for ControlNet preprocessing\n- **Redux 1-3**: Up to 3 reference images for style transfer (use very low strength values)\n- **Tip**: Use `Ctrl+Shift+C` to quickly copy from Img Preview to Img Load\n\n**šļø ControlNet & Redux**\n- ControlNets activate when strength > 0\n- When CN strength > 0, preprocessor uses CN Input; otherwise uses Img Load\n- Preview preprocessor results by selecting corresponding output (e.g., \"preprocessor canny\")\n- Redux sliders control each Redux input individually (1 = Redux 1, etc.)\n\n**Recommended ControlNet Values:**\n- **Canny**: Strength=0.7, End=0.8\n- **Depth**: Strength=0.8, End=0.8\n- **Pose**: Strength=0.9, End=0.65\n\n**š§ Image Processing**\n- Resize, crop, sharpen, color correct, or pad images\n- Preview results with \"imgload prep\" output\n- Bypass nodes after processing to avoid reprocessing (`Ctrl+B`)\n\n**ā¬ļø Upscaling**\n- **Resolution Multiply**: Multiplies image resolution after any preprocessing\n- **Upscale Model**: Choose your upscaling model (recommended: 4xNomos8kDAT)\n- šŗ [Watch Upscaling Tutorial](https://www.youtube.com/watch?v=TmF3JK_1AAs)\n\n---\n\n## šÆ Workflow Modules\n\n### Main Modules \n> All modules use the same unified control interface\n\n| Module | Description |\n|--------|-------------|\n| **txt2img** | Standard text-to-image generation from prompts |\n| **txt2img noise injection** | Enhanced detail generation ([Learn more](https://youtu.be/tned5bYOC08?si=qfP2Sv2VOTzDK-uL&t=1335)) |\n| **img2img** | Transform existing images with text prompts |\n| **inpainting** | Edit specific areas with automatic crop & stitch using BFL Fill model |\n| **outpainting** | Expand images beyond boundaries with smart padding and BFL Fill model |\n| **canny** | Edge-guided generation using BFL Canny model |\n| **depth** | Depth-guided generation using BFL Depth model |\n| **detailer** | Focused refinement using mask selection |\n| **ultimate upscaler** | Advanced tiled upscaling with full control |\n| **upscaler** | Simple model-based upscaling |\n\n### Utility Modules\n\n| Module | Description |\n|--------|-------------|\n| **imgload prep** | Preview processed images after crop/sharpen/resize/padding |\n| **preprocessor canny** | Preview canny edge detection results |\n| **preprocessor depth** | Preview depth map generation |\n| **preprocessor openpose** | Preview pose detection results |\n\n---\n\n## š§ Custom Nodes\n\n> *These custom nodes were made specifically for this workflow and are required for it to work*\n\n### Interface Enhancement Nodes\n\n- **Hint Node**: \n - Interactive help system throughout the workflow\n - Hover for contextual information\n - Right-click to edit hint content\n - Supports markdown formatting\n\n- **Tabs**:\n - Space-saving node organization\n - Add tabs via properties panel\n - Compatible with most nodes\n - Special handling for unsupported nodes\n\n- **Sliders**: \n - Suite of pre-configured sliders\n - Optimized ranges and defaults for common operations\n - Includes: Denoise, Step, Guidance, Batch, GPU, ControlNet, Redux, and more\n\n- **OutputGet System**:\n - Filters set nodes with prefix `Output -`\n - **OutputTextDisplay**: Visual display of selected output\n - **OutputGetString**: String output for conditional routing\n\n- **Text Versions**:\n - Multi-tab text management (default 5 tabs)\n - Add more tabs via properties panel\n - Save different prompt versions\n - Perfect for A/B testing\n\n- **ImageDisplay**: \n - Base64 image display on canvas\n - Configurable via properties\n - Useful for reference images\n\n### Workflow Control Nodes\n\n- **Image Transfer Shortcut**: \n - `Ctrl+Shift+C` copies from Img Preview to Img Load\n - Customizable in ComfyUI keybindings\n\n- **Configurable Model Router**: \n - Dynamic model selection with JSON mapping\n - Flexible routing based on conditions\n - Supports lazy loading for efficiency\n\n- **Sampler Parameter Packer/Unpacker**: \n - Consolidate sampler settings\n - Tabbed interface for version control\n\n- **Image Batch Boolean**: \n - Conditional batch processing\n - Smart second image loading\n\n- **Configurable Draw Text**: \n - Advanced text rendering on images\n - Configurable fonts, colors, shadows, alignment\n\n- **Pass Nodes**: \n - Extended pass-through for Latent, Pipe, SEGS, and Int data types\n - Maintains data flow integrity\n\n---\n\n## š„ Model Downloads\n\n### Required Models\n\n**unet folder:**\n- [flux1-dev.safetensors](https://huggingface.co/black-forest-labs/FLUX.1-dev/resolve/main/flux1-dev.safetensors)\n- [flux1-depth-dev.safetensors](https://huggingface.co/black-forest-labs/FLUX.1-Depth-dev/resolve/main/flux1-depth-dev.safetensors)\n- [flux1-canny-dev.safetensors](https://huggingface.co/black-forest-labs/FLUX.1-Canny-dev/resolve/main/flux1-canny-dev.safetensors)\n- [flux1-fill-dev.safetensors](https://huggingface.co/black-forest-labs/FLUX.1-Fill-dev/resolve/main/flux1-fill-dev.safetensors)\n\n> **Note**: If you don't use Canny or Depth models, you can bypass their load nodes and skip downloading them.\n\n**vae folder:**\n- [ae.safetensors](https://huggingface.co/black-forest-labs/FLUX.1-dev/resolve/main/ae.safetensors)\n\n**clip folder:**\n- [t5xxl_fp8_e4m3fn.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/resolve/main/t5xxl_fp8_e4m3fn.safetensors)\n- [clip_l.safetensors](https://huggingface.co/comfyanonymous/flux_text_encoders/resolve/main/clip_l.safetensors)\n\n**style_models folder:**\n- [flux1-redux-dev.safetensors](https://huggingface.co/black-forest-labs/FLUX.1-Redux-dev/resolve/main/flux1-redux-dev.safetensors)\n\n**clip_vision folder:**\n- [sigclip_vision_patch14_384.safetensors](https://huggingface.co/Comfy-Org/sigclip_vision_384/resolve/main/sigclip_vision_patch14_384.safetensors)\n\n**controlnet/FLUX folder:**\n- [FLUX.1-dev-ControlNet-Union-Pro-2.0.safetensors](https://huggingface.co/Shakker-Labs/FLUX.1-dev-ControlNet-Union-Pro-2.0/resolve/main/diffusion_pytorch_model.safetensors) *(rename file)*\n\n---\n\n## š Coming Soon\n\n- **Multi-GPU Support**: Distributed processing across multiple GPUs\n\n---\n\n## š Acknowledgments\n\nSpecial thanks to the creators of these essential custom node packs:\n- [rgthree ComfyUI Extensions](https://github.com/rgthree/rgthree-comfy)\n- [ComfyUI Essentials](https://github.com/cubiq/ComfyUI_essentials)\n- [ComfyUI Impact Pack](https://github.com/ltdrdata/ComfyUI-Impact-Pack)\n- [ComfyUI KJNodes](https://github.com/kijai/ComfyUI-KJNodes)\n"
},
{
"path": "__init__.py",
"content": "from .misc import MISC_CLASS_MAPPINGS\n\n# Merge both mappings into a single dictionary for the custom nodes\nNODE_CLASS_MAPPINGS = {**MISC_CLASS_MAPPINGS}\nWEB_DIRECTORY = \"./web\"\n\n# Optional: You can also define NODE_DISPLAY_NAME_MAPPINGS if you want custom display names in the UI\nNODE_DISPLAY_NAME_MAPPINGS = {\n \"StepSlider\": \"Step Slider\",\n \"DenoiseSlider\": \"Denoise Slider\",\n \"GuidanceSlider\": \"Guidance Slider\",\n \"GPUSlider\": \"GPU Slider\",\n \"BatchSlider\": \"Batch Slider\",\n \"IPAdapterSlider\": \"IPAdapter Slider\",\n \"MaxShiftSlider\": \"Max Shift Slider\",\n \"ControlNetSlider\": \"ControlNet Slider\",\n \"CannySlider\": \"CannySlider\",\n \"SelectFromBatch\": \"Select From Batch\",\n \"LatentPass\": \"LatentPass\",\n \"SEGSPass\": \"SEGSPass\",\n \"PipePass\": \"PipePass\",\n \"IntPass\": \"IntPass\",\n \"TextVersions\": \"Text Versions\",\n \"ResolutionPicker\": \"Resolution Picker\",\n \"ResolutionMultiplySlider\": \"ResolutionMultiplySlider\",\n \"SamplerParameterPacker\": \"Sampler Parameter Packer\",\n \"SamplerParameterUnpacker\": \"Sampler Parameter Unpacker\",\n \"ImpactControlBridgeFix\": \"ImpactControlBridgeFix\",\n \"BooleanToEnabled\": \"Boolean To Enabled\",\n \"OutputGetString\": \"OutputGetString\",\n \"SplitVec2\": \"SplitVec2\",\n \"SplitVec3\": \"SplitVec3\",\n \"SimpleTextTruncate\": \"Simple Text Truncate\",\n \"FluxContinuumModelRouter\": \"Flux Continuum Model Router\",\n \"ConfigurableModelRouter\": \"Configurable Model Router\",\n \"ImageBatchBoolean\": \"Image Batch Boolean\",\n \"DrawTextConfig\": \"DrawTextConfig\",\n \"ConfigurableDrawText\": \"ConfigurableDrawText\"\n}\n\n__all__ = ['NODE_CLASS_MAPPINGS', 'NODE_DISPLAY_NAME_MAPPINGS']"
},
{
"path": "misc.py",
"content": "import nodes\nfrom server import PromptServer\nimport torch\nimport comfy.samplers\nimport os\nimport time\nfrom PIL import Image, ImageDraw, ImageFont, ImageColor, ImageFilter\nimport torchvision.transforms.v2 as T\nimport numpy as np\nimport folder_paths\nimport numpy as np\nimport json\nfrom typing import Any, Mapping, Tuple\n\nclass AnyType(str):\n def __ne__(self, __value: object) -> bool:\n return False\n\nany_typ = AnyType(\"*\")\n\nclass DenoiseSlider:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"value\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 0.5, \"min\": 0.0, \"max\": 1.0, \"step\": 0.001 }),\n },\n }\n\n RETURN_TYPES = (\"FLOAT\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"\"\"Control the **denoising strength** for img2img operations, including: inpainting, ultimate upscaler and detailer.\n - A value of **1.0** means a completely new image.\n - A value of **0.0** means no change to the latent image.\"\"\"\n\n def execute(self, value):\n return (value, )\n\nclass StepSlider:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"value\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 25.0, \"min\": 0.0, \"max\": 50.0, \"step\": 1.0 }),\n },\n }\n RETURN_TYPES = (\"INT\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"Set the number of **sampling steps**. Higher values can increase detail but take longer to process.\"\n def execute(self, value):\n # Use round() instead of int() to ensure proper integer conversion\n return (int(round(value)), )\n\nclass BatchSlider:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"value\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 1.0, \"min\": 1.0, \"max\": 10.0, \"step\": 1.0 }),\n },\n }\n RETURN_TYPES = (\"INT\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"Provides a slider for controlling batch size with range 1-10\"\n def execute(self, value):\n # Use round() instead of int() to ensure proper integer conversion\n return (int(round(value)), )\n\nclass ResolutionMultiplySlider:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"value\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 1.0, \"min\": 1.0, \"max\": 10.0, \"step\": 0.1 }),\n },\n }\n RETURN_TYPES = (\"FLOAT\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"Provides a slider for controlling resolution multiplication for upscaling, with range 1-10\"\n def execute(self, value):\n return (value, )\n\nclass GPUSlider:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"value\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 1.0, \"min\": 1.0, \"max\": 4.0, \"step\": 1.0 }),\n },\n }\n RETURN_TYPES = (\"INT\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"Provides a slider for selecting number of GPUs with range 1-4\"\n def execute(self, value):\n # Use round() instead of int() to ensure proper integer conversion\n return (int(round(value)), )\n\nclass SelectFromBatch:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"value\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 0.0, \"min\": 0.0, \"max\": 24.0, \"step\": 1.0 }),\n },\n }\n RETURN_TYPES = (\"INT\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"Provides a slider for selecting specific images from a batch with range 0-24\"\n def execute(self, value):\n # Use round() instead of int() to ensure proper integer conversion\n return (int(round(value)), )\n\nclass GuidanceSlider:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"value\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 2.5, \"min\": -1.0, \"max\": 30.0, \"step\": 0.1 }),\n },\n }\n\n RETURN_TYPES = (\"FLOAT\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"Higher values make the output adhere more strictly to the prompt. Select between different presets for convenience. NOTE: FLUX Continuum workflow automatically sets your guidance to 30 when you're doing inpainting, outpainting, canny, or depth operations.\"\n\n def execute(self, value):\n # Return the float value directly\n return (value, )\n\nclass MaxShiftSlider:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"value\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 1.15, \"min\": 0.0, \"max\": 4.0, \"step\": 0.05 }),\n },\n }\n\n RETURN_TYPES = (\"FLOAT\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"Control the **maximum pixel shift**, often used to introduce variation.\"\n\n def execute(self, value):\n # Return the float value directly\n return (value, )\n\nclass ControlNetSlider:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"Strength\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 1, \"min\": 0.0, \"max\": 1.0, \"step\": 0.05 }),\n \"Start\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 0, \"min\": 0.0, \"max\": 1.0, \"step\": 0.05 }),\n \"End\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 1, \"min\": 0.0, \"max\": 1.0, \"step\": 0.05 }),\n },\n }\n\n RETURN_TYPES = (\"VEC3\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"\"\"- **Strength**: The overall influence of the ControlNet.\n- **Start**: The step at which the ControlNet begins to apply (as a percentage).\n- **End**: The step at which the ControlNet stops applying (as a percentage).\"\"\"\n\n def execute(self, Strength, Start, End):\n # Return the three values as a VEC3\n return ((Strength, Start, End), )\n\nclass CannySlider:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"Low_Threshold\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 0.40, \"min\": 0.1, \"max\": 0.99, \"step\": 0.01 }),\n \"High_Threshold\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 0.80, \"min\": 0.1, \"max\": 0.99, \"step\": 0.01 })\n },\n }\n\n RETURN_TYPES = (\"VEC2\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"Provides two sliders for canny preprocessor parameters\"\n\n def execute(self, Low_Threshold, High_Threshold):\n # Return the two values as a VEC2\n return ((Low_Threshold, High_Threshold), )\n\nclass IPAdapterSlider:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"IP1\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 0, \"min\": 0.0, \"max\": 1.0, \"step\": 0.05 }),\n \"IP2\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 0, \"min\": 0.0, \"max\": 1.0, \"step\": 0.05 }),\n \"IP3\": (\"FLOAT\", { \"display\": \"slider\", \"default\": 0, \"min\": 0.0, \"max\": 1.0, \"step\": 0.05 }),\n },\n }\n \n RETURN_TYPES = (\"VEC3\",)\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Sliders\"\n DESCRIPTION = \"Control the strength of up to three different Redux inputs simultaneously.\"\n\n def execute(self, IP1, IP2, IP3):\n # Return the three values as a VEC3\n return ((IP1, IP2, IP3),)\n\nclass SEGSPass:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"SEGS\": (\"SEGS\",),\n },\n }\n\n RETURN_TYPES = (\"SEGS\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n\n def execute(self, SEGS):\n # Return the integer value directly\n return (SEGS, )\n\nclass PipePass:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"PIPE_LINE\": (\"PIPE_LINE\",),\n },\n }\n\n RETURN_TYPES = (\"PIPE_LINE\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n\n def execute(self, PIPE_LINE):\n return (PIPE_LINE, )\n\nclass LatentPass:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"latent\": (\"LATENT\",),\n },\n }\n RETURN_TYPES = (\"LATENT\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n \n def execute(self, latent):\n # Simply pass through the latent data\n return (latent, )\n\nclass IntPass:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"INT\": (\"INT\",),\n },\n }\n RETURN_TYPES = (\"INT\", )\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n \n def execute(self, INT):\n # Simply pass through an integer\n return (INT, )\n \nclass ResolutionPicker:\n @classmethod\n def INPUT_TYPES(s):\n return {\"required\": {\n \"resolution\": ([\"704x1408 (0.5)\",\"704x1344 (0.52)\",\"768x1344 (0.57)\",\"768x1280 (0.6)\",\"832x1216 (0.68)\",\"832x1152 (0.72)\",\"896x1152 (0.78)\",\"896x1088 (0.82)\",\"960x1088 (0.88)\",\"960x1024 (0.94)\",\"1024x1024 (1.0)\",\"1024x960 (1.07)\",\"1088x960 (1.13)\",\"1088x896 (1.21)\",\"1152x896 (1.29)\",\"1152x832 (1.38)\",\"1216x832 (1.46)\",\"1280x768 (1.67)\",\"1344x768 (1.75)\",\"1344x704 (1.91)\",\"1408x704 (2.0)\",\"1472x704 (2.09)\",\"1536x640 (2.4)\",\"1600x640 (2.5)\",\"1664x576 (2.89)\",\"1728x576 (3.0)\",], {\"default\": \"1024x1024 (1.0)\"}),\n }}\n RETURN_TYPES = ([\"704x1408 (0.5)\",\"704x1344 (0.52)\",\"768x1344 (0.57)\",\"768x1280 (0.6)\",\"832x1216 (0.68)\",\"832x1152 (0.72)\",\"896x1152 (0.78)\",\"896x1088 (0.82)\",\"960x1088 (0.88)\",\"960x1024 (0.94)\",\"1024x1024 (1.0)\",\"1024x960 (1.07)\",\"1088x960 (1.13)\",\"1088x896 (1.21)\",\"1152x896 (1.29)\",\"1152x832 (1.38)\",\"1216x832 (1.46)\",\"1280x768 (1.67)\",\"1344x768 (1.75)\",\"1344x704 (1.91)\",\"1408x704 (2.0)\",\"1472x704 (2.09)\",\"1536x640 (2.4)\",\"1600x640 (2.5)\",\"1664x576 (2.89)\",\"1728x576 (3.0)\",],)\n RETURN_NAMES = (\"resolution\",)\n FUNCTION = \"execute\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n DESCRIPTION = \"Provides a convenient dropdown menu to select from a list of common, pre-calculated image **resolutions** and their aspect ratios. Perfect for FLUX.\"\n\n def execute(self, resolution):\n return (resolution,)\n\nclass SamplerParameterPacker:\n CATEGORY = 'Flux-Continuum/Utilities'\n RETURN_TYPES = (\"SAMPLER_PARAMS\",)\n RETURN_NAMES = (\"sampler_params\",)\n FUNCTION = \"pack_parameters\"\n DESCRIPTION = \"Packs sampler and scheduler selections into a single parameter object for efficient passing\"\n \n @classmethod\n def INPUT_TYPES(cls):\n return {\"required\": {\n \"sampler\": (comfy.samplers.KSampler.SAMPLERS,),\n \"scheduler\": (comfy.samplers.KSampler.SCHEDULERS,),\n }}\n \n def pack_parameters(self, sampler, scheduler):\n return ((sampler, str(sampler), scheduler, str(scheduler)),)\n\nclass SamplerParameterUnpacker:\n CATEGORY = 'Flux-Continuum/Utilities'\n RETURN_TYPES = (comfy.samplers.KSampler.SAMPLERS, \"STRING\", any_typ, \"STRING\",)\n RETURN_NAMES = (\"sampler\", \"sampler_name\", \"scheduler\", \"scheduler_name\",)\n FUNCTION = \"unpack_parameters\"\n DESCRIPTION = \"Unpacks previously packed sampler parameters back into individual components\"\n \n @classmethod\n def INPUT_TYPES(cls):\n return {\"required\": {\n \"sampler_params\": (\"SAMPLER_PARAMS\",),\n }}\n \n def unpack_parameters(self, sampler_params):\n sampler, sampler_name, scheduler, scheduler_name = sampler_params\n return (sampler, sampler_name, scheduler, scheduler_name,)\n\nclass TextVersions:\n @classmethod\n def INPUT_TYPES(s):\n return {\"required\": {\n \"text\": (\"STRING\", {\"default\": \"\", \"multiline\": True, \"dynamicPrompts\": True}),\n },\n }\n \n RETURN_TYPES = (\"STRING\",)\n RETURN_NAMES = (\"text\",)\n FUNCTION = \"process_text\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n DESCRIPTION = \"Provides a multi-tab interface for managing different versions of text input\"\n\n def __init__(self):\n self.order = 0\n\n def process_text(self, text):\n return (text,)\n\ndef workflow_to_map(workflow):\n nodes_map = {}\n links = {}\n\n # Create a lookup table for links and nodes\n for links_data in workflow['links']:\n links[links_data[0]] = links_data[1:]\n\n for node_data in workflow['nodes']:\n nodes_map[str(node_data['id'])] = node_data\n\n return nodes_map, links\n\ndef is_execution_model_version_supported():\n try:\n import comfy_execution\n return True\n except:\n return False\n\n\nclass ImpactControlBridgeFix:\n @classmethod\n def INPUT_TYPES(cls):\n return {\"required\": {\n \"value\": (any_typ,),\n \"mode\": (\"BOOLEAN\", {\"default\": True, \"label_on\": \"Active\", \"label_off\": \"Stop/Mute/Bypass\"}),\n \"behavior\": ([\"Stop\", \"Mute\", \"Bypass\"], ),\n },\n \"hidden\": {\"unique_id\": \"UNIQUE_ID\", \"prompt\": \"PROMPT\", \"extra_pnginfo\": \"EXTRA_PNGINFO\"}\n }\n\n FUNCTION = \"doit\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n RETURN_TYPES = (any_typ,)\n RETURN_NAMES = (\"value\",)\n OUTPUT_NODE = True\n\n DESCRIPTION = (\"When behavior is Stop and mode is active, the input value is passed directly to the output.\\n\"\n \"When behavior is Mute/Bypass and mode is active, the node connected to the output is changed to active state.\\n\"\n \"When behavior is Stop and mode is Stop/Mute/Bypass, the workflow execution of the current node is halted.\\n\"\n \"When behavior is Mute/Bypass and mode is Stop/Mute/Bypass, the node connected to the output is changed to Mute/Bypass state.\")\n\n @classmethod\n def IS_CHANGED(self, value, mode, behavior=\"Stop\", unique_id=None, prompt=None, extra_pnginfo=None):\n if behavior == \"Stop\":\n return value, mode, behavior\n \n try:\n if prompt and 'extra_data' in prompt and 'extra_pnginfo' in prompt['extra_data']:\n workflow = prompt['extra_data']['extra_pnginfo'].get('workflow')\n if workflow:\n nodes_map, links = workflow_to_map(workflow)\n next_nodes = []\n for link in nodes_map[unique_id]['outputs'][0]['links']:\n node_id = str(links[link][2])\n if node_id in nodes_map:\n next_nodes.append(node_id)\n return next_nodes\n except:\n pass\n \n return 0\n\n def doit(self, value, mode, behavior=\"Stop\", unique_id=None, prompt=None, extra_pnginfo=None):\n # Check for execution model support\n if is_execution_model_version_supported():\n from comfy_execution.graph import ExecutionBlocker\n else:\n print(\"[Impact Pack] ImpactControlBridge: ComfyUI is outdated. The 'Stop' behavior cannot function properly.\")\n\n # Handle Stop behavior\n if behavior == \"Stop\":\n if mode:\n return (value, )\n else:\n return (ExecutionBlocker(None), )\n\n # Handle other behaviors\n try:\n # Validate extra_pnginfo\n if not extra_pnginfo or not isinstance(extra_pnginfo, dict) or 'workflow' not in extra_pnginfo:\n return (value, )\n\n workflow_nodes, links = workflow_to_map(extra_pnginfo['workflow'])\n \n # Initialize node lists\n active_nodes = []\n mute_nodes = []\n bypass_nodes = []\n\n node_outputs = workflow_nodes.get(unique_id, {}).get('outputs', [])\n if not node_outputs:\n return (value, )\n\n output_links = node_outputs[0].get('links', [])\n \n for link in output_links:\n try:\n node_id = str(links[link][2])\n next_nodes = []\n if node_id in workflow_nodes:\n next_nodes.append(node_id)\n\n for next_node_id in next_nodes:\n node_mode = workflow_nodes[next_node_id].get('mode', 0)\n \n if node_mode == 0:\n active_nodes.append(next_node_id)\n elif node_mode == 2:\n mute_nodes.append(next_node_id)\n elif node_mode == 4:\n bypass_nodes.append(next_node_id)\n except:\n continue\n\n # Handle mode-specific behavior\n if mode:\n # active\n should_be_active_nodes = mute_nodes + bypass_nodes\n if should_be_active_nodes:\n PromptServer.instance.send_sync(\"impact-bridge-continue\", \n {\"node_id\": unique_id, \n 'actives': list(should_be_active_nodes)})\n nodes.interrupt_processing()\n\n elif behavior == \"Mute\" or behavior == True:\n # mute\n should_be_mute_nodes = active_nodes + bypass_nodes\n if should_be_mute_nodes:\n PromptServer.instance.send_sync(\"impact-bridge-continue\", \n {\"node_id\": unique_id, \n 'mutes': list(should_be_mute_nodes)})\n nodes.interrupt_processing()\n\n else:\n # bypass\n should_be_bypass_nodes = active_nodes + mute_nodes\n if should_be_bypass_nodes:\n PromptServer.instance.send_sync(\"impact-bridge-continue\", \n {\"node_id\": unique_id, \n 'bypasses': list(should_be_bypass_nodes)})\n nodes.interrupt_processing()\n\n except Exception as e:\n print(f\"[Impact Pack] Error in ImpactControlBridge: {str(e)}\")\n \n return (value, )\n\nclass BooleanToEnabled:\n \"\"\"Convert boolean value to enabled string format\"\"\"\n def __init__(self):\n pass\n\n @classmethod\n def INPUT_TYPES(cls):\n return {\n \"required\": {\n \"BOOLEAN\": (\"BOOLEAN\",),\n },\n }\n\n RETURN_TYPES = ([\"true\", \"false\", \"remote\"],) # Match the exact format from RemoteQueueWorker\n RETURN_NAMES = (\"enabled\",)\n FUNCTION = \"convert\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n TITLE = \"Boolean to Enabled\"\n DESCRIPTION = \"Converts boolean values to 'true'/'false'/'remote' strings for ComfyUI_NetDist\"\n\n def convert(self, BOOLEAN):\n # Convert boolean to appropriate string value\n return (\"true\" if BOOLEAN else \"false\",)\n\nclass OutputGetString:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": { \n \n },\n \"hidden\": {\n \"unique_id\": \"UNIQUE_ID\",\n \"prompt\": \"PROMPT\",\n \"title\": (\"STRING\", {\"default\": \"\"})\n }\n }\n \n RETURN_TYPES = (\"STRING\",)\n RETURN_NAMES = (\"STRING\",)\n FUNCTION = \"process\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n OUTPUT_NODE = True\n \n def process(self, title, unique_id, prompt):\n title = title[len(\"Output - \"):]\n return (title,)\n\n \n\n# Type definition for Vec3\nVec3 = Tuple[float, float, float]\nVec2 = Tuple[float, float]\n\n# Zero vector constant\nVEC3_ZERO = (0.0, 0.0, 0.0)\nVEC2_ZERO = (0.0, 0.0)\n\nclass SplitVec3:\n @classmethod\n def INPUT_TYPES(cls) -> Mapping[str, Any]:\n return {\"required\": {\"a\": (\"VEC3\", {\"default\": VEC3_ZERO})}}\n\n RETURN_TYPES = (\"FLOAT\", \"FLOAT\", \"FLOAT\")\n FUNCTION = \"op\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n DESCRIPTION = \"Splits a vector3 input into its three individual float components\"\n\n def op(self, a: Vec3) -> tuple[float, float, float]:\n return (a[0], a[1], a[2])\n\nclass SplitVec2:\n @classmethod\n def INPUT_TYPES(cls) -> Mapping[str, Any]:\n return {\"required\": {\"a\": (\"VEC2\", {\"default\": (0.0, 0.0)})}}\n RETURN_TYPES = (\"FLOAT\", \"FLOAT\")\n FUNCTION = \"op\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n DESCRIPTION = \"Splits a vector2 input into its two individual float components\"\n def op(self, a) -> tuple[float, float]:\n return (a[0], a[1])\n\nclass SimpleTextTruncate:\n def __init__(self):\n pass\n\n @classmethod\n def INPUT_TYPES(cls):\n return {\n \"required\": {\n \"text\": (\"STRING\", {\"forceInput\": True}),\n \"word_count\": (\"INT\", {\"default\": 10, \"min\": 0, \"max\": 99999999, \"step\": 1}),\n }\n }\n\n RETURN_TYPES = (\"STRING\",)\n RETURN_NAMES = (\"TEXT\",)\n FUNCTION = \"truncate_words\"\n CATEGORY = \"Text Operations\"\n DESCRIPTION = \"Truncates input text to a specified number of words\"\n\n def truncate_words(self, text, word_count):\n if text is None:\n return (\"\",) # Return as a tuple\n \n words = str(text).split()\n result = ' '.join(words[:word_count])\n \n # Return as a tuple since RETURN_TYPES is defined as a tuple\n return (result,)\n\nclass FluxContinuumModelRouter:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"condition\": (\"STRING\", {\"default\": \"\"})\n },\n \"optional\": {\n \"flux_fill\": (\"MODEL\", {\"lazy\": True}), # Lazy load for inpainting/outpainting\n \"flux_depth\": (\"MODEL\", {\"lazy\": True}), # Lazy load for depth\n \"flux_canny\": (\"MODEL\", {\"lazy\": True}), # Lazy load for canny\n \"flux_dev\": (\"MODEL\", {\"lazy\": True}), # Lazy load for default case\n }\n }\n \n RETURN_TYPES = (\"MODEL\",)\n FUNCTION = \"route_model\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n DESCRIPTION = \"For Flux Continuum workflow only. Routes model selection based on conditional input for different tasks (fill, depth, canny, dev)\"\n\n def check_lazy_status(self, condition, flux_fill=None, flux_depth=None, flux_canny=None, flux_dev=None):\n condition = condition.lower().strip()\n needed = []\n \n # Only request the model we actually need based on the condition\n if condition in [\"inpainting\", \"outpainting\"]:\n if flux_fill is None:\n needed.append(\"flux_fill\")\n elif condition == \"depth\":\n if flux_depth is None:\n needed.append(\"flux_depth\")\n elif condition == \"canny\":\n if flux_canny is None:\n needed.append(\"flux_canny\")\n else:\n if flux_dev is None:\n needed.append(\"flux_dev\")\n \n return needed\n\n def route_model(self, condition, flux_fill=None, flux_depth=None, flux_canny=None, flux_dev=None):\n condition = condition.lower().strip()\n \n if condition in [\"inpainting\", \"outpainting\"]:\n print(f\"ModelRouter: Condition '{condition}' matched - Selected flux_fill model\")\n return (flux_fill,)\n elif condition == \"depth\":\n print(f\"ModelRouter: Condition '{condition}' matched - Selected flux_depth model\")\n return (flux_depth,)\n elif condition == \"canny\":\n print(f\"ModelRouter: Condition '{condition}' matched - Selected flux_canny model\")\n return (flux_canny,)\n else:\n return (flux_dev,)\n\nclass ConfigurableModelRouter:\n @classmethod\n def INPUT_TYPES(cls):\n return {\n \"required\": {\n # This will be a text box widget on the node for manual input\n \"condition\": (\"STRING\", {\"multiline\": False, \"default\": \"default\"}),\n \n # The JSON config is also a widget on the node\n \"routing_config\": (\"STRING\", {\n \"multiline\": True,\n \"default\": '{\\n \"default\": 1,\\n \"inpainting\": 2,\\n \"depth\": 3,\\n \"canny\": 4\\n}'\n }),\n },\n \"optional\": {\n \"model_1\": (\"MODEL\", {\"lazy\": True}),\n \"model_2\": (\"MODEL\", {\"lazy\": True}),\n \"model_3\": (\"MODEL\", {\"lazy\": True}),\n \"model_4\": (\"MODEL\", {\"lazy\": True}),\n \"model_5\": (\"MODEL\", {\"lazy\": True}),\n }\n }\n\n RETURN_TYPES = (\"MODEL\",)\n FUNCTION = \"route_model\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n DESCRIPTION = \"\"\"\nA dynamic model router that selects one of its inputs based on a configurable JSON mapping.\nHow to Use:\n1. **Configure Logic:** Edit the `routing_config` JSON to map condition strings (e.g., `\"inpainting\"`) to an input index (e.g., `2`).\n2. The `\"default\"` key is used if no other condition matches.\n\"\"\"\n\n # It's an instance method, so it can correctly read the widget values.\n def check_lazy_status(self, condition, routing_config, **kwargs):\n needed = []\n try:\n config = json.loads(routing_config)\n \n # Use the values from the widgets to find the target index\n target_index = config.get(condition.strip().lower(), config.get(\"default\", 1))\n \n # Construct the name of the model input we need to load\n model_key = f\"model_{target_index}\"\n\n # If the required model hasn't been loaded yet, request it by name\n if kwargs.get(model_key) is None:\n needed.append(model_key)\n except:\n # If the JSON is invalid, do nothing.\n pass\n\n print(f\"[Model Router Check] Condition: '{condition}', Needing to load: {needed}\")\n return needed\n\n def route_model(self, condition, routing_config, **kwargs):\n # This logic runs after the needed model has been loaded.\n config = json.loads(routing_config)\n target_index = config.get(condition.strip().lower(), config.get(\"default\", 1))\n model_key = f\"model_{target_index}\"\n\n # Check that the model exists and is connected\n if model_key not in kwargs or kwargs.get(model_key) is None:\n raise ValueError(f\"Input '{model_key}' is required for condition '{condition}' but is not connected or loaded.\")\n \n print(f\"Model Router: Successfully routed to '{model_key}'\")\n return (kwargs[model_key],)\n \nclass ImageBatchBoolean:\n @classmethod\n def INPUT_TYPES(s):\n return {\n \"required\": {\n \"image1\": (\"IMAGE\",),\n \"image2\": (\"IMAGE\", {\"lazy\": True}), # Make image2 lazy\n \"batch_enabled\": (\"BOOLEAN\", {\"default\": True}),\n }\n }\n \n RETURN_TYPES = (\"IMAGE\",)\n FUNCTION = \"batch\"\n CATEGORY = \"Flux-Continuum/Utilities\"\n \n def check_lazy_status(self, image1, image2, batch_enabled):\n needed = []\n # Only need image2 if batching is enabled\n if image2 is None and batch_enabled:\n needed.append(\"image2\")\n return needed\n \n def batch(self, image1, image2, batch_enabled):\n # If batching is disabled, just return the first image\n if not batch_enabled:\n return (image1,)\n \n # If batching is enabled, perform the normal batch operation\n if image1.shape[1:] != image2.shape[1:]:\n image2 = comfy.utils.common_upscale(\n image2.movedim(-1,1), \n image1.shape[2], \n image1.shape[1], \n \"bilinear\", \n \"center\"\n ).movedim(1,-1)\n \n s = torch.cat((image1, image2), dim=0)\n return (s,)\n\n# based on ComfyUI Essentials: github.com/cubiq/ComfyUI_essentials\n\nMAX_RESOLUTION = 2048\nFONTS_DIR = os.path.join(os.path.dirname(os.path.realpath(__file__)), \"fonts\")\n\ndef hex_to_rgba(hex_color):\n hex_color = hex_color.lstrip('#')\n if len(hex_color) == 6:\n r, g, b = tuple(int(hex_color[i:i+2], 16) for i in (0, 2, 4))\n return (r, g, b, 255)\n elif len(hex_color) == 8:\n r, g, b, a = tuple(int(hex_color[i:i+2], 16) for i in (0, 2, 4, 6))\n return (r, g, b, a)\n else:\n raise ValueError(\"Invalid hex color format\")\n\nclass DrawTextConfig:\n @classmethod\n def INPUT_TYPES(s):\n return {\"required\": {\n \"font\": (sorted([f for f in os.listdir(FONTS_DIR) if f.endswith('.ttf') or f.endswith('.otf')]), ),\n \"size\": (\"INT\", { \"default\": 56, \"min\": 1, \"max\": 9999, \"step\": 1 }),\n \"color\": (\"STRING\", { \"multiline\": False, \"default\": \"#FFFFFF\" }),\n \"background_color\": (\"STRING\", { \"multiline\": False, \"default\": \"#00000000\" }),\n \"padding\": (\"INT\", { \"default\": 20, \"min\": 0, \"max\": 500, \"step\": 1 }),\n \"shadow_distance\": (\"INT\", { \"default\": 0, \"min\": 0, \"max\": 100, \"step\": 1 }),\n \"shadow_blur\": (\"INT\", { \"default\": 0, \"min\": 0, \"max\": 100, \"step\": 1 }),\n \"shadow_color\": (\"STRING\", { \"multiline\": False, \"default\": \"#000000\" }),\n \"horizontal_align\": ([\"left\", \"center\", \"right\"],),\n \"vertical_align\": ([\"top\", \"center\", \"bottom\"],),\n \"offset_x\": (\"INT\", { \"default\": 0, \"min\": -MAX_RESOLUTION, \"max\": MAX_RESOLUTION, \"step\": 1 }),\n \"offset_y\": (\"INT\", { \"default\": 0, \"min\": -MAX_RESOLUTION, \"max\": MAX_RESOLUTION, \"step\": 1 }),\n \"direction\": ([\"ltr\", \"rtl\"],),\n }}\n \n RETURN_TYPES = (\"TEXT_STYLE\",)\n FUNCTION = \"configure\"\n CATEGORY = \"text\"\n DESCRIPTION = \"Configures text rendering parameters including font, size, color, alignment, and effects\"\n\n def configure(self, font, size, color, background_color, padding, shadow_distance, shadow_blur, \n shadow_color, horizontal_align, vertical_align, offset_x, offset_y, direction):\n return ({\n \"font\": font,\n \"size\": size,\n \"color\": color,\n \"background_color\": background_color,\n \"padding\": padding,\n \"shadow_distance\": shadow_distance,\n \"shadow_blur\": shadow_blur,\n \"shadow_color\": shadow_color,\n \"horizontal_align\": horizontal_align,\n \"vertical_align\": vertical_align,\n \"offset_x\": offset_x,\n \"offset_y\": offset_y,\n \"direction\": direction\n },)\n\nclass ConfigurableDrawText:\n @classmethod\n def INPUT_TYPES(s):\n return {\"required\": {\n \"TEXT\": (\"STRING\", {\"multiline\": True}),\n \"TEXT_STYLE\": (\"TEXT_STYLE\",),\n \"IMAGE\": (\"IMAGE\",),\n }}\n \n RETURN_TYPES = (\"IMAGE\",)\n FUNCTION = \"draw\"\n CATEGORY = \"text\"\n DESCRIPTION = \"Renders text onto images using previously configured text style parameters\"\n\n def draw(self, TEXT, TEXT_STYLE, IMAGE):\n font = ImageFont.truetype(os.path.join(FONTS_DIR, TEXT_STYLE[\"font\"]), TEXT_STYLE[\"size\"])\n\n lines = TEXT.split(\"\\n\")\n if TEXT_STYLE[\"direction\"] == \"rtl\":\n lines = [line[::-1] for line in lines]\n\n ascent, descent = font.getmetrics()\n line_spacing = ascent + descent\n text_width = max(font.getbbox(line)[2] - font.getbbox(line)[0] for line in lines)\n text_height = line_spacing * (len(lines) - 1) + ascent + descent\n\n IMAGE = T.ToPILImage()(IMAGE.permute([0,3,1,2])[0]).convert('RGBA')\n width = IMAGE.width\n height = IMAGE.height\n image = Image.new('RGBA', (width, height), (0,0,0,0))\n\n box_width = text_width + (TEXT_STYLE[\"padding\"] * 2)\n box_height = text_height + (TEXT_STYLE[\"padding\"] * 2)\n\n if TEXT_STYLE[\"horizontal_align\"] == \"left\":\n box_x = TEXT_STYLE[\"offset_x\"]\n elif TEXT_STYLE[\"horizontal_align\"] == \"center\":\n box_x = (width - box_width) // 2 + TEXT_STYLE[\"offset_x\"]\n else: # right\n box_x = width - box_width + TEXT_STYLE[\"offset_x\"]\n\n if TEXT_STYLE[\"vertical_align\"] == \"top\":\n box_y = TEXT_STYLE[\"offset_y\"]\n elif TEXT_STYLE[\"vertical_align\"] == \"center\":\n box_y = (height - box_height) // 2 + TEXT_STYLE[\"offset_y\"]\n else: # bottom\n box_y = height - box_height + TEXT_STYLE[\"offset_y\"]\n\n x = box_x + TEXT_STYLE[\"padding\"]\n y = box_y + TEXT_STYLE[\"padding\"]\n \n draw = ImageDraw.Draw(image)\n draw.rectangle([box_x, box_y, box_x + box_width, box_y + box_height], \n fill=hex_to_rgba(TEXT_STYLE[\"background_color\"]))\n\n image_shadow = None\n if TEXT_STYLE[\"shadow_distance\"] > 0:\n image_shadow = image.copy()\n\n for i, line in enumerate(lines):\n current_y = y + (i * line_spacing)\n \n draw = ImageDraw.Draw(image)\n draw.text((x, current_y), line, font=font, fill=hex_to_rgba(TEXT_STYLE[\"color\"]))\n\n if image_shadow is not None:\n draw = ImageDraw.Draw(image_shadow)\n draw.text((x + TEXT_STYLE[\"shadow_distance\"], current_y + TEXT_STYLE[\"shadow_distance\"]), \n line, font=font, fill=hex_to_rgba(TEXT_STYLE[\"shadow_color\"]))\n\n if image_shadow is not None:\n image_shadow = image_shadow.filter(ImageFilter.GaussianBlur(TEXT_STYLE[\"shadow_blur\"]))\n image = Image.alpha_composite(image_shadow, image)\n\n image = Image.alpha_composite(IMAGE, image)\n image = T.ToTensor()(image).unsqueeze(0).permute([0,2,3,1])\n\n return (image[:, :, :, :3],)\n\nMISC_CLASS_MAPPINGS = {\n \"DenoiseSlider\": DenoiseSlider,\n \"StepSlider\": StepSlider,\n \"GuidanceSlider\": GuidanceSlider,\n \"BatchSlider\": BatchSlider,\n \"MaxShiftSlider\": MaxShiftSlider,\n \"ControlNetSlider\": ControlNetSlider,\n \"IPAdapterSlider\": IPAdapterSlider,\n \"CannySlider\": CannySlider,\n \"SelectFromBatch\": SelectFromBatch,\n \"GPUSlider\": GPUSlider,\n \"SEGSPass\": SEGSPass,\n \"IntPass\": IntPass,\n \"PipePass\": PipePass,\n \"LatentPass\": LatentPass,\n \"ResolutionPicker\": ResolutionPicker,\n \"ResolutionMultiplySlider\": ResolutionMultiplySlider,\n \"SamplerParameterPacker\": SamplerParameterPacker,\n \"SamplerParameterUnpacker\": SamplerParameterUnpacker,\n \"TextVersions\": TextVersions,\n \"ImpactControlBridgeFix\": ImpactControlBridgeFix,\n \"BooleanToEnabled\": BooleanToEnabled,\n \"OutputGetString\": OutputGetString,\n \"SplitVec2\": SplitVec2,\n \"SplitVec3\": SplitVec3,\n \"SimpleTextTruncate\": SimpleTextTruncate,\n \"FluxContinuumModelRouter\": FluxContinuumModelRouter,\n \"ConfigurableModelRouter\": ConfigurableModelRouter,\n \"ImageBatchBoolean\": ImageBatchBoolean,\n \"DrawTextConfig\": DrawTextConfig,\n \"ConfigurableDrawText\": ConfigurableDrawText\n}\n"
},
{
"path": "pyproject.toml",
"content": "[project]\nname = \"comfyui-flux-continuum\"\ndescription = \"Set of custom nodes to use with the ComfyUI Flux Continuum: Modular Interface. NODES: Text Versions, Image64 Display, Tabs, Step Slider, Denoise Slider, Guidance Slider, Batch Slider, Max Shift Slider, ControlNet Slider and more\"\nversion = \"1.7.1\"\nlicense = {file = \"LICENSE\"}\ndependencies = []\n\n[project.urls]\nRepository = \"https://github.com/robertvoy/ComfyUI-Flux-Continuum\"\n# Used by Comfy Registry https://comfyregistry.org\n\n[tool.comfy]\nPublisherId = \"robertvoy\"\nDisplayName = \"ComfyUI-Flux-Continuum\"\nIcon = \"\"\n"
},
{
"path": "web/getsetorder.js",
"content": "import { app } from \"../../../scripts/app.js\";\n\nconst originalAlert = window.alert;\nwindow.alert = (message) => {\n if (message === \"Error: Set node input undefined. Most likely you're missing custom nodes\") {\n return;\n }\n originalAlert(message);\n};\n\n// Configuration for nodes that should be forced to back\nconst BACKGROUND_NODE_CONFIG = {\n nodes: {\n \"ImagePass\": -200,\n \"GetNode\": -100,\n \"SetNode\": -150\n }\n};\n\napp.registerExtension({\n name: \"FluxContinuum.GetSetNodeOrdering\",\n async setup() {\n const originalLoadGraphData = app.loadGraphData;\n app.loadGraphData = function(graph_data) {\n const result = originalLoadGraphData.apply(this, arguments);\n \n // Using requestAnimationFrame instead of setTimeout for better performance\n requestAnimationFrame(() => {\n if (!app.graph?._nodes?.length) return;\n \n const nodes = app.graph._nodes;\n \n // Batch z-index updates\n for (let i = 0; i < nodes.length; i++) {\n const zIndex = BACKGROUND_NODE_CONFIG.nodes[nodes[i].type];\n if (zIndex !== undefined) {\n nodes[i].z_index = zIndex;\n }\n }\n \n // In-place sort\n nodes.sort((a, b) => (a.z_index || 0) - (b.z_index || 0));\n \n // Mark canvas as dirty\n app.canvas.setDirty(true, true);\n });\n \n return result;\n };\n },\n\n async beforeRegisterNodeDef(nodeType, nodeData, app) {\n const zIndex = BACKGROUND_NODE_CONFIG.nodes[nodeType.type];\n if (zIndex === undefined) return;\n \n const onNodeCreated = nodeType.prototype.onNodeCreated;\n nodeType.prototype.onNodeCreated = function() {\n if (onNodeCreated) {\n onNodeCreated.apply(this, arguments);\n }\n this.z_index = zIndex;\n };\n }\n});"
},
{
"path": "web/guidanceversions.js",
"content": "import { app } from \"../../../scripts/app.js\";\n\n// Configuration Constants\nconst TAB_CONFIG = {\n width: 40,\n height: 15,\n fontSize: 10,\n normalColor: \"#0d0d0d\",\n selectedColor: \"#666666\",\n textColor: \"white\",\n borderRadius: 4,\n spacing: 10,\n offset: 14,\n labels: [\"1\", \"2\", \"3\"], // 3 preset tabs\n yPosition: 6\n};\n\napp.registerExtension({\n name: \"FluxContinuum.TabbedGuidanceSlider\",\n \n // Modern API uses nodeCreated instead of beforeRegisterNodeDef\n nodeCreated(node) {\n // Only apply to GuidanceSlider nodes\n if (node.type !== \"GuidanceSlider\" && node.comfyClass !== \"GuidanceSlider\") return;\n \n console.log(\"TabbedGuidanceSlider: Found GuidanceSlider node\", node);\n \n // Store original methods\n const originalOnNodeCreated = node.onNodeCreated;\n const originalOnDrawForeground = node.onDrawForeground;\n const originalGetBounding = node.getBounding;\n const originalOnSerialize = node.onSerialize;\n const originalOnConfigure = node.onConfigure;\n const originalOnMouseDown = node.onMouseDown; // IMPORTANT: Store the original onMouseDown\n\n // Override methods\n node.onNodeCreated = function() {\n if (originalOnNodeCreated) {\n originalOnNodeCreated.apply(this, arguments);\n }\n \n // Initialize tab state and content\n this.activeTab = 0;\n this.tabContents = TAB_CONFIG.labels.map(() => ({\n value: this.widgets[0].value\n }));\n \n // Store widget reference\n this.valueWidget = this.widgets[0];\n \n // Add change listener to widget\n this.valueWidget.callback = () => {\n this.tabContents[this.activeTab].value = this.valueWidget.value;\n };\n };\n \n node.onDrawForeground = function(ctx) {\n if (originalOnDrawForeground) {\n originalOnDrawForeground.apply(this, arguments);\n }\n \n if (this.flags.collapsed) return;\n \n ctx.save();\n \n // Draw tabs\n TAB_CONFIG.labels.forEach((label, i) => {\n const x = TAB_CONFIG.offset + (TAB_CONFIG.width + TAB_CONFIG.spacing) * i;\n const y = TAB_CONFIG.yPosition;\n \n // Draw tab background\n ctx.fillStyle = i === this.activeTab ? TAB_CONFIG.selectedColor : TAB_CONFIG.normalColor;\n ctx.beginPath();\n ctx.roundRect(x, y, TAB_CONFIG.width, TAB_CONFIG.height, TAB_CONFIG.borderRadius);\n ctx.fill();\n \n // Draw tab text\n ctx.fillStyle = TAB_CONFIG.textColor;\n ctx.font = `${TAB_CONFIG.fontSize}px Arial`;\n ctx.textAlign = \"center\";\n ctx.textBaseline = \"middle\";\n ctx.fillText(label, x + TAB_CONFIG.width / 2, y + TAB_CONFIG.height / 2);\n });\n \n ctx.restore();\n };\n \n node.onMouseDown = function(event, local_pos, graphCanvas) {\n const [x, y] = local_pos;\n const { yPosition, height, width, spacing, offset, labels } = TAB_CONFIG;\n \n // Check if click is in tab area\n if (y >= yPosition && y <= yPosition + height) {\n for (let i = 0; i < labels.length; i++) {\n const tabX = offset + (width + spacing) * i;\n if (x >= tabX && x <= tabX + width) {\n if (i === this.activeTab) return false;\n \n // Save current widget value to current tab\n this.tabContents[this.activeTab] = {\n value: this.valueWidget.value\n };\n \n // Switch tab\n this.activeTab = i;\n \n // Load content from new tab\n this.valueWidget.value = this.tabContents[i].value;\n \n this.setDirtyCanvas(true);\n return true;\n }\n }\n }\n \n // IMPORTANT: Call the original onMouseDown if we didn't handle the click\n if (originalOnMouseDown) {\n return originalOnMouseDown.apply(this, arguments);\n }\n \n return false;\n };\n \n node.getBounding = function() {\n const bounds = originalGetBounding ? originalGetBounding.apply(this, arguments) : [0, 0, 200, 100];\n const tabsHeight = Math.abs(TAB_CONFIG.yPosition) + TAB_CONFIG.height;\n bounds[1] -= tabsHeight; // Extend top boundary to include tabs\n bounds[3] += tabsHeight; // Add tab height to total height\n return bounds;\n };\n\n node.onSerialize = function(o) {\n if (originalOnSerialize) {\n originalOnSerialize.apply(this, arguments);\n }\n o.tabContents = this.tabContents;\n o.activeTab = this.activeTab;\n };\n\n node.onConfigure = function(o) {\n if (originalOnConfigure) {\n originalOnConfigure.apply(this, arguments);\n }\n if (o.tabContents && Array.isArray(o.tabContents)) {\n // Ensure tabContents length matches number of tabs\n this.tabContents = TAB_CONFIG.labels.map((_, i) => \n o.tabContents[i] || {\n value: this.valueWidget.value\n }\n );\n this.activeTab = o.activeTab >= 0 && o.activeTab < TAB_CONFIG.labels.length ? o.activeTab : 0;\n \n // Load the active tab's content\n if (this.valueWidget) {\n this.valueWidget.value = this.tabContents[this.activeTab].value;\n }\n }\n };\n }\n});"
},
{
"path": "web/help.js",
"content": "import { app } from \"../../../scripts/app.js\";\n\n// Replace this with the category/categories used by your nodes.\nconst categories = [\"Flux-Continuum/Utilities\", \"Flux-Continuum/Sliders\"];\n\n// --- MODIFICATION 3: Change the extension name to be unique ---\napp.registerExtension({\n name: \"FluxContinuum.Help\", // A unique name for your extension\n async beforeRegisterNodeDef(nodeType, nodeData) {\n \n if (app.ui.settings.getSettingValue(\"KJNodes.helpPopup\") === false) {\n return;\n }\n\n try {\n // --- MODIFICATION 4: Corrected Logic ---\n // Check if the node's category matches any in our list.\n const hasMatchingCategory = categories.some(cat => nodeData?.category?.startsWith(cat));\n\n if (hasMatchingCategory) {\n addDocumentation(nodeData, nodeType);\n }\n\n } catch (error) {\n console.error(\"Error in registering MyNodePack.HelpPopup\", error);\n }\n },\n});\n\nconst create_documentation_stylesheet = () => {\n const tag = 'my-documentation-stylesheet' // Use a unique tag\n\n let styleTag = document.head.querySelector(tag)\n\n if (!styleTag) {\n styleTag = document.createElement('style')\n styleTag.type = 'text/css'\n styleTag.id = tag\n styleTag.innerHTML = `\n .kj-documentation-popup {\n background: var(--comfy-menu-bg);\n position: absolute;\n color: var(--fg-color);\n font: 12px monospace;\n line-height: 1.5em;\n padding: 10px;\n border-radius: 10px;\n border-style: solid;\n border-width: medium;\n border-color: var(--border-color);\n z-index: 50; /* Increased z-index */\n overflow: hidden;\n max-width: 450px; /* Set a maximum width */\n min-width: 200px; /* Set a minimum width */\n word-wrap: break-word; /* Ensure long words wrap */\n }\n .content-wrapper {\n overflow: auto;\n max-height: 100%;\n /* Scrollbar styling for Chrome */\n &::-webkit-scrollbar {\n width: 6px;\n }\n &::-webkit-scrollbar-track {\n background: var(--bg-color);\n }\n &::-webkit-scrollbar-thumb {\n background-color: var(--fg-color);\n border-radius: 6px;\n border: 3px solid var(--bg-color);\n }\n \n /* Scrollbar styling for Firefox */\n scrollbar-width: thin;\n scrollbar-color: var(--fg-color) var(--bg-color);\n a {\n color: yellow;\n }\n a:visited {\n color: orange;\n }\n a:hover {\n color: red;\n }\n }\n `\n document.head.appendChild(styleTag)\n }\n}\n\n/** Add documentation widget to the selected node */\nexport const addDocumentation = (\n nodeData,\n nodeType,\n opts = { icon_size: 14, icon_margin: 4 },) => {\n\n opts = opts || {}\n const iconSize = opts.icon_size ? opts.icon_size : 14\n const iconMargin = opts.icon_margin ? opts.icon_margin : 4\n let docElement = null\n let contentWrapper = null\n //if no description in the node python code, don't do anything\n if (!nodeData.description) {\n return\n }\n\n const drawFg = nodeType.prototype.onDrawForeground\n nodeType.prototype.onDrawForeground = function (ctx) {\n const r = drawFg ? drawFg.apply(this, arguments) : undefined\n if (this.flags.collapsed) return r\n\n // icon position\n const x = this.size[0] - iconSize - iconMargin\n \n // create the popup\n if (this.show_doc && docElement === null) {\n docElement = document.createElement('div')\n contentWrapper = document.createElement('div');\n docElement.appendChild(contentWrapper);\n\n create_documentation_stylesheet()\n contentWrapper.classList.add('content-wrapper');\n docElement.classList.add('kj-documentation-popup')\n \n contentWrapper.innerHTML = DOMPurify.sanitize(marked.parse(nodeData.description,))\n\n // resize handle\n const resizeHandle = document.createElement('div');\n resizeHandle.style.width = '0';\n resizeHandle.style.height = '0';\n resizeHandle.style.position = 'absolute';\n resizeHandle.style.bottom = '0';\n resizeHandle.style.right = '0';\n resizeHandle.style.cursor = 'se-resize';\n \n // Add pseudo-elements to create a triangle shape\n const borderColor = getComputedStyle(document.documentElement).getPropertyValue('--border-color').trim();\n resizeHandle.style.borderTop = '10px solid transparent';\n resizeHandle.style.borderLeft = '10px solid transparent';\n resizeHandle.style.borderBottom = `10px solid ${borderColor}`;\n resizeHandle.style.borderRight = `10px solid ${borderColor}`;\n\n docElement.appendChild(resizeHandle)\n let isResizing = false\n let startX, startY, startWidth, startHeight\n\n resizeHandle.addEventListener('mousedown', function (e) {\n e.preventDefault();\n e.stopPropagation();\n isResizing = true;\n startX = e.clientX;\n startY = e.clientY;\n startWidth = parseInt(document.defaultView.getComputedStyle(docElement).width, 10);\n startHeight = parseInt(document.defaultView.getComputedStyle(docElement).height, 10);\n },\n { signal: this.docCtrl.signal },\n );\n\n // close button\n const closeButton = document.createElement('div');\n closeButton.textContent = 'ā';\n closeButton.style.position = 'absolute';\n closeButton.style.top = '0';\n closeButton.style.right = '0';\n closeButton.style.cursor = 'pointer';\n closeButton.style.padding = '5px';\n closeButton.style.color = 'red';\n closeButton.style.fontSize = '12px';\n\n docElement.appendChild(closeButton)\n\n closeButton.addEventListener('mousedown', (e) => {\n e.stopPropagation();\n this.show_doc = !this.show_doc\n docElement.parentNode.removeChild(docElement)\n docElement = null\n if (contentWrapper) {\n contentWrapper.remove()\n contentWrapper = null\n }\n },\n { signal: this.docCtrl.signal },\n );\n \n document.addEventListener('mousemove', function (e) {\n if (!isResizing) return;\n const scale = app.canvas.ds.scale;\n const newWidth = startWidth + (e.clientX - startX) / scale;\n const newHeight = startHeight + (e.clientY - startY) / scale;;\n docElement.style.width = `${newWidth}px`;\n docElement.style.height = `${newHeight}px`;\n },\n { signal: this.docCtrl.signal },\n );\n\n document.addEventListener('mouseup', function () {\n isResizing = false\n },\n { signal: this.docCtrl.signal },\n )\n\n document.body.appendChild(docElement)\n }\n // close the popup\n else if (!this.show_doc && docElement !== null) {\n docElement.parentNode.removeChild(docElement)\n docElement = null\n }\n // update position of the popup\n if (this.show_doc && docElement !== null) {\n const rect = ctx.canvas.getBoundingClientRect()\n const scaleX = rect.width / ctx.canvas.width\n const scaleY = rect.height / ctx.canvas.height\n\n const transform = new DOMMatrix()\n .scaleSelf(scaleX, scaleY)\n .multiplySelf(ctx.getTransform())\n .translateSelf(this.size[0], 0) // Adjusted position slightly\n .translateSelf(10, 0)\n \n const scale = new DOMMatrix()\n .scaleSelf(transform.a, transform.d);\n const bcr = app.canvas.canvas.getBoundingClientRect()\n\n const styleObject = {\n transformOrigin: '0 0',\n transform: scale,\n left: `${bcr.x + transform.e}px`,\n top: `${bcr.y + transform.f}px`,\n };\n Object.assign(docElement.style, styleObject);\n }\n\n ctx.save()\n ctx.translate(x, iconSize - 38)\n ctx.scale(iconSize / 24, iconSize / 24)\n ctx.font = 'bold 24px monospace'\n ctx.fillStyle = this.show_doc ? 'orange' : 'rgba(255, 255, 255, 0.4)';\n ctx.fillText('?', 0, 24)\n ctx.restore()\n return r\n }\n // handle clicking of the icon\n const mouseDown = nodeType.prototype.onMouseDown\n nodeType.prototype.onMouseDown = function (e, localPos, canvas) {\n const r = mouseDown ? mouseDown.apply(this, arguments) : undefined\n const iconX = this.size[0] - iconSize - iconMargin\n const iconY = iconSize - 34\n if (\n localPos[0] > iconX &&\n localPos[0] < iconX + iconSize &&\n localPos[1] > iconY &&\n localPos[1] < iconY + iconSize\n ) {\n if (this.show_doc === undefined) {\n this.show_doc = true\n } else {\n this.show_doc = !this.show_doc\n }\n if (this.show_doc) {\n this.docCtrl = new AbortController()\n } else {\n if (this.docCtrl) {\n this.docCtrl.abort()\n }\n }\n return true;\n }\n return r;\n }\n const onRem = nodeType.prototype.onRemoved\n\n nodeType.prototype.onRemoved = function () {\n const r = onRem ? onRem.apply(this, []) : undefined\n \n if (docElement) {\n docElement.remove()\n docElement = null\n }\n \n if (contentWrapper) {\n contentWrapper.remove()\n contentWrapper = null\n }\n return r\n }\n}"
},
{
"path": "web/hint.js",
"content": "import { app } from \"../../../scripts/app.js\";\n\napp.registerExtension({\n name: \"FluxContinuum.HintNode\",\n\n registerCustomNodes() {\n\n const LiteGraph = window.LiteGraph;\n\n // --- Stylesheet for the popup ---\n const create_hint_stylesheet = () => {\n const tagId = 'flux-hint-stylesheet-final';\n if (document.head.querySelector(`#${tagId}`)) return;\n \n const styleTag = document.createElement('style');\n styleTag.id = tagId;\n styleTag.innerHTML = `\n .flux-hint-popup-final {\n background: var(--comfy-menu-bg);\n position: absolute;\n color: var(--fg-color);\n font: 12px monospace;\n line-height: 1.5em;\n padding: 25px;\n border-radius: 10px;\n border: 1px solid var(--border-color);\n z-index: 101;\n overflow: hidden;\n min-width: 200px;\n max-width: 500px;\n min-height: 50px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n }\n .flux-hint-popup-final .content-wrapper {\n overflow: auto;\n max-height: 400px;\n white-space: pre-wrap;\n }\n .flux-hint-popup-final .content-wrapper p,\n .flux-hint-popup-final .content-wrapper h1,\n .flux-hint-popup-final .content-wrapper h2,\n .flux-hint-popup-final .content-wrapper h3,\n .flux-hint-popup-final .content-wrapper h4,\n .flux-hint-popup-final .content-wrapper h5,\n .flux-hint-popup-final .content-wrapper h6 {\n margin-top: 0.1em !important;\n margin-bottom: 0.1em !important;\n }\n .flux-hint-edit-dialog textarea {\n width: 500px;\n height: 200px; \n font-family: monospace;\n }\n .flux-hint-edit-dialog .buttons {\n text-align: right;\n margin-top: 10px;\n }\n `;\n document.head.appendChild(styleTag);\n };\n\n // --- Define the custom Hint Node class ---\n class FCHintNode extends LiteGraph.LGraphNode {\n constructor() {\n super(\"Hint\");\n \n this.isVirtualNode = true;\n this.shape = LiteGraph.ROUND_SHAPE;\n this.resizable = false; \n this.size = [20, 20];\n\n this.properties = {\n hint_content: \"Right-click me and choose 'Edit Hint' to add multi-line text!\\n\\n**Markdown** is supported.\",\n saved_size: null \n };\n\n this.popupElement = null;\n this.contentWrapper = null;\n this.docCtrl = null;\n this.closeTimer = null;\n \n create_hint_stylesheet();\n }\n \n // --- Core LiteGraph Methods ---\n \n getExtraMenuOptions(canvas, options) {\n options.unshift({\n content: \"Edit Hint...\",\n callback: () => {\n const initialValue = this.properties.hint_content;\n \n const dialogContent = `\n \n
\n
\n \n \n
\n