fix(installer): use extra index url when updating

If we don't include this, on updating, we will always get the CPU torch/torchvision/xformers.

README.md

@@ -161,7 +161,7 @@ the command `npm install -g yarn` if needed)
     _For Windows/Linux with an NVIDIA GPU:_
 
     ```terminal
-    pip install "InvokeAI[xformers]" --use-pep517 --extra-index-url https://download.pytorch.org/whl/cu118
+    pip install "InvokeAI[xformers]" --use-pep517 --extra-index-url https://download.pytorch.org/whl/cu121
     ```
 
     _For Linux with an AMD GPU:_
@@ -175,7 +175,7 @@ the command `npm install -g yarn` if needed)
     pip install InvokeAI --use-pep517 --extra-index-url https://download.pytorch.org/whl/cpu
     ``` 
 
-    _For Macintoshes, either Intel or M1/M2:_
+    _For Macintoshes, either Intel or M1/M2/M3:_
 
     ```sh
     pip install InvokeAI --use-pep517

docs/installation/010_INSTALL_AUTOMATED.md

@@ -179,7 +179,7 @@ experimental versions later.
     you will have the choice of CUDA (NVidia cards), ROCm (AMD cards),
     or CPU (no graphics acceleration). On Windows, you'll have the
     choice of CUDA vs CPU, and on Macs you'll be offered CPU only. When
-    you select CPU on M1 or M2 Macintoshes, you will get MPS-based
+    you select CPU on M1/M2/M3 Macintoshes, you will get MPS-based
     graphics acceleration without installing additional drivers. If you
     are unsure what GPU you are using, you can ask the installer to
     guess.
@@ -471,7 +471,7 @@ Then type the following commands:
 
 === "NVIDIA System"
     ```bash
-    pip install torch torchvision --force-reinstall --extra-index-url https://download.pytorch.org/whl/cu118
+    pip install torch torchvision --force-reinstall --extra-index-url https://download.pytorch.org/whl/cu121
     pip install xformers
     ```
 

docs/installation/020_INSTALL_MANUAL.md

@@ -148,7 +148,7 @@ manager, please follow these steps:
     === "CUDA (NVidia)"
 
         ```bash
-        pip install "InvokeAI[xformers]" --use-pep517 --extra-index-url https://download.pytorch.org/whl/cu118
+        pip install "InvokeAI[xformers]" --use-pep517 --extra-index-url https://download.pytorch.org/whl/cu121
         ```
 
     === "ROCm (AMD)"
@@ -327,7 +327,7 @@ installation protocol (important!)
 
     === "CUDA (NVidia)"
         ```bash
-        pip install -e .[xformers] --use-pep517 --extra-index-url https://download.pytorch.org/whl/cu118
+        pip install -e .[xformers] --use-pep517 --extra-index-url https://download.pytorch.org/whl/cu121
         ```
 
     === "ROCm (AMD)"
@@ -375,7 +375,7 @@ you can do so using this unsupported recipe:
 mkdir ~/invokeai
 conda create -n invokeai python=3.10
 conda activate invokeai
-pip install InvokeAI[xformers] --use-pep517 --extra-index-url https://download.pytorch.org/whl/cu118
+pip install InvokeAI[xformers] --use-pep517 --extra-index-url https://download.pytorch.org/whl/cu121
 invokeai-configure --root ~/invokeai
 invokeai --root ~/invokeai --web
 ```

docs/installation/030_INSTALL_CUDA_AND_ROCM.md

@@ -85,7 +85,7 @@ You can find which version you should download from [this link](https://docs.nvi
 
 When installing torch and torchvision manually with `pip`, remember to provide
 the argument `--extra-index-url
-https://download.pytorch.org/whl/cu118` as described in the [Manual
+https://download.pytorch.org/whl/cu121` as described in the [Manual
 Installation Guide](020_INSTALL_MANUAL.md).
 
 ## :simple-amd: ROCm

docs/installation/040_INSTALL_DOCKER.md

@@ -30,7 +30,7 @@ methodology for details on why running applications in such a stateless fashion
 The container is configured for CUDA by default, but can be built to support AMD GPUs
 by setting the `GPU_DRIVER=rocm` environment variable at Docker image build time.
 
-Developers on Apple silicon (M1/M2): You
+Developers on Apple silicon (M1/M2/M3): You
 [can't access your GPU cores from Docker containers](https://github.com/pytorch/pytorch/issues/81224)
 and performance is reduced compared with running it directly on macOS but for
 development purposes it's fine. Once you're done with development tasks on your

docs/installation/070_INSTALL_XFORMERS.md

@@ -28,7 +28,7 @@ command line, then just be sure to activate it's virtual environment.
 Then run the following three commands:
 
 ```sh
-pip install xformers~=0.0.19
+pip install xformers~=0.0.22
 pip install triton    # WON'T WORK ON WINDOWS
 python -m xformers.info output
 ```
@@ -42,7 +42,7 @@ If all goes well, you'll see a report like the
 following:
 
 ```sh
-xFormers 0.0.20
+xFormers 0.0.22
 memory_efficient_attention.cutlassF:               available
 memory_efficient_attention.cutlassB:               available
 memory_efficient_attention.flshattF:               available
@@ -59,14 +59,14 @@ swiglu.gemm_fused_operand_sum:                     available
 swiglu.fused.p.cpp:                                available
 is_triton_available:                               True
 is_functorch_available:                            False
-pytorch.version:                                   2.0.1+cu118
+pytorch.version:                                   2.1.0+cu121
 pytorch.cuda:                                      available
 gpu.compute_capability:                            8.9
 gpu.name:                                          NVIDIA GeForce RTX 4070
 build.info:                                        available
 build.cuda_version:                                1108
 build.python_version:                              3.10.11
-build.torch_version:                               2.0.1+cu118
+build.torch_version:                               2.1.0+cu121
 build.env.TORCH_CUDA_ARCH_LIST:                    5.0+PTX 6.0 6.1 7.0 7.5 8.0 8.6
 build.env.XFORMERS_BUILD_TYPE:                     Release
 build.env.XFORMERS_ENABLE_DEBUG_ASSERTIONS:        None
@@ -92,33 +92,22 @@ installed from source. These instructions were written for a system
 running Ubuntu 22.04, but other Linux distributions should be able to
 adapt this recipe.
 
-#### 1. Install CUDA Toolkit 11.8
+#### 1. Install CUDA Toolkit 12.1
 
 You will need the CUDA developer's toolkit in order to compile and
 install xFormers. **Do not try to install Ubuntu's nvidia-cuda-toolkit
 package.** It is out of date and will cause conflicts among the NVIDIA
 driver and binaries. Instead install the CUDA Toolkit package provided
-by NVIDIA itself. Go to [CUDA Toolkit 11.8
-Downloads](https://developer.nvidia.com/cuda-11-8-0-download-archive)
+by NVIDIA itself. Go to [CUDA Toolkit 12.1
+Downloads](https://developer.nvidia.com/cuda-12-1-0-download-archive)
 and use the target selection wizard to choose your platform and Linux
 distribution. Select an installer type of "runfile (local)" at the
 last step.
 
 This will provide you with a recipe for downloading and running a
-install shell script that will install the toolkit and drivers. For
-example, the install script recipe for Ubuntu 22.04 running on a
-x86_64 system is:
+install shell script that will install the toolkit and drivers.
 
-```
-wget https://developer.download.nvidia.com/compute/cuda/11.8.0/local_installers/cuda_11.8.0_520.61.05_linux.run
-sudo sh cuda_11.8.0_520.61.05_linux.run
-```
-
-Rather than cut-and-paste this example, We recommend that you walk
-through the toolkit wizard in order to get the most up to date
-installer for your system.
-
-#### 2. Confirm/Install pyTorch 2.01 with CUDA 11.8 support
+#### 2. Confirm/Install pyTorch 2.1.0 with CUDA 12.1 support
 
 If you are using InvokeAI 3.0.2 or higher, these will already be
 installed. If not, you can check whether you have the needed libraries
@@ -133,7 +122,7 @@ Then run the command:
 python -c 'exec("import torch\nprint(torch.__version__)")'
 ```
 
-If it prints __1.13.1+cu118__ you're good. If not, you can install the
+If it prints __2.1.0+cu121__ you're good. If not, you can install the
 most up to date libraries with this command:
 
 ```sh

installer/lib/installer.py

@@ -244,7 +244,7 @@ class InvokeAiInstance:
                 "numpy~=1.24.0",  # choose versions that won't be uninstalled during phase 2
                 "urllib3~=1.26.0",
                 "requests~=2.28.0",
-                "torch~=2.0.0",
+                "torch~=2.1.0",
                 "torchmetrics==0.11.4",
                 "torchvision>=0.14.1",
                 "--force-reinstall",
@@ -460,10 +460,10 @@ def get_torch_source() -> (Union[str, None], str):
             url = "https://download.pytorch.org/whl/cpu"
 
     if device == "cuda":
-        url = "https://download.pytorch.org/whl/cu118"
+        url = "https://download.pytorch.org/whl/cu121"
         optional_modules = "[xformers,onnx-cuda]"
     if device == "cuda_and_dml":
-        url = "https://download.pytorch.org/whl/cu118"
+        url = "https://download.pytorch.org/whl/cu121"
         optional_modules = "[xformers,onnx-directml]"
 
     # in all other cases, Torch wheels should be coming from PyPi as of Torch 1.13

invokeai/app/api/dependencies.py

@@ -24,6 +24,7 @@ from ..services.item_storage.item_storage_sqlite import SqliteItemStorage
 from ..services.latents_storage.latents_storage_disk import DiskLatentsStorage
 from ..services.latents_storage.latents_storage_forward_cache import ForwardCacheLatentsStorage
 from ..services.model_manager.model_manager_default import ModelManagerService
+from ..services.model_records import ModelRecordServiceSQL
 from ..services.names.names_default import SimpleNameService
 from ..services.session_processor.session_processor_default import DefaultSessionProcessor
 from ..services.session_queue.session_queue_sqlite import SqliteSessionQueue
@@ -85,6 +86,7 @@ class ApiDependencies:
         invocation_cache = MemoryInvocationCache(max_cache_size=config.node_cache_size)
         latents = ForwardCacheLatentsStorage(DiskLatentsStorage(f"{output_folder}/latents"))
         model_manager = ModelManagerService(config, logger)
+        model_record_service = ModelRecordServiceSQL(db=db)
         names = SimpleNameService()
         performance_statistics = InvocationStatsService()
         processor = DefaultInvocationProcessor()
@@ -111,6 +113,7 @@ class ApiDependencies:
             latents=latents,
             logger=logger,
             model_manager=model_manager,
+            model_records=model_record_service,
             names=names,
             performance_statistics=performance_statistics,
             processor=processor,

invokeai/app/api/routers/model_records.py

@@ -0,0 +1,164 @@
+# Copyright (c) 2023 Lincoln D. Stein
+"""FastAPI route for model configuration records."""
+
+
+from hashlib import sha1
+from random import randbytes
+from typing import List, Optional
+
+from fastapi import Body, Path, Query, Response
+from fastapi.routing import APIRouter
+from pydantic import BaseModel, ConfigDict
+from starlette.exceptions import HTTPException
+from typing_extensions import Annotated
+
+from invokeai.app.services.model_records import (
+    DuplicateModelException,
+    InvalidModelException,
+    UnknownModelException,
+)
+from invokeai.backend.model_manager.config import (
+    AnyModelConfig,
+    BaseModelType,
+    ModelType,
+)
+
+from ..dependencies import ApiDependencies
+
+model_records_router = APIRouter(prefix="/v1/model/record", tags=["models"])
+
+
+class ModelsList(BaseModel):
+    """Return list of configs."""
+
+    models: list[AnyModelConfig]
+
+    model_config = ConfigDict(use_enum_values=True)
+
+
+@model_records_router.get(
+    "/",
+    operation_id="list_model_records",
+)
+async def list_model_records(
+    base_models: Optional[List[BaseModelType]] = Query(default=None, description="Base models to include"),
+    model_type: Optional[ModelType] = Query(default=None, description="The type of model to get"),
+) -> ModelsList:
+    """Get a list of models."""
+    record_store = ApiDependencies.invoker.services.model_records
+    found_models: list[AnyModelConfig] = []
+    if base_models:
+        for base_model in base_models:
+            found_models.extend(record_store.search_by_attr(base_model=base_model, model_type=model_type))
+    else:
+        found_models.extend(record_store.search_by_attr(model_type=model_type))
+    return ModelsList(models=found_models)
+
+
+@model_records_router.get(
+    "/i/{key}",
+    operation_id="get_model_record",
+    responses={
+        200: {"description": "Success"},
+        400: {"description": "Bad request"},
+        404: {"description": "The model could not be found"},
+    },
+)
+async def get_model_record(
+    key: str = Path(description="Key of the model record to fetch."),
+) -> AnyModelConfig:
+    """Get a model record"""
+    record_store = ApiDependencies.invoker.services.model_records
+    try:
+        return record_store.get_model(key)
+    except UnknownModelException as e:
+        raise HTTPException(status_code=404, detail=str(e))
+
+
+@model_records_router.patch(
+    "/i/{key}",
+    operation_id="update_model_record",
+    responses={
+        200: {"description": "The model was updated successfully"},
+        400: {"description": "Bad request"},
+        404: {"description": "The model could not be found"},
+        409: {"description": "There is already a model corresponding to the new name"},
+    },
+    status_code=200,
+    response_model=AnyModelConfig,
+)
+async def update_model_record(
+    key: Annotated[str, Path(description="Unique key of model")],
+    info: Annotated[AnyModelConfig, Body(description="Model config", discriminator="type")],
+) -> AnyModelConfig:
+    """Update model contents with a new config. If the model name or base fields are changed, then the model is renamed."""
+    logger = ApiDependencies.invoker.services.logger
+    record_store = ApiDependencies.invoker.services.model_records
+    try:
+        model_response = record_store.update_model(key, config=info)
+        logger.info(f"Updated model: {key}")
+    except UnknownModelException as e:
+        raise HTTPException(status_code=404, detail=str(e))
+    except ValueError as e:
+        logger.error(str(e))
+        raise HTTPException(status_code=409, detail=str(e))
+    return model_response
+
+
+@model_records_router.delete(
+    "/i/{key}",
+    operation_id="del_model_record",
+    responses={
+        204: {"description": "Model deleted successfully"},
+        404: {"description": "Model not found"},
+    },
+    status_code=204,
+)
+async def del_model_record(
+    key: str = Path(description="Unique key of model to remove from model registry."),
+) -> Response:
+    """Delete Model"""
+    logger = ApiDependencies.invoker.services.logger
+
+    try:
+        record_store = ApiDependencies.invoker.services.model_records
+        record_store.del_model(key)
+        logger.info(f"Deleted model: {key}")
+        return Response(status_code=204)
+    except UnknownModelException as e:
+        logger.error(str(e))
+        raise HTTPException(status_code=404, detail=str(e))
+
+
+@model_records_router.post(
+    "/i/",
+    operation_id="add_model_record",
+    responses={
+        201: {"description": "The model added successfully"},
+        409: {"description": "There is already a model corresponding to this path or repo_id"},
+        415: {"description": "Unrecognized file/folder format"},
+    },
+    status_code=201,
+)
+async def add_model_record(
+    config: Annotated[AnyModelConfig, Body(description="Model config", discriminator="type")]
+) -> AnyModelConfig:
+    """
+    Add a model using the configuration information appropriate for its type.
+    """
+    logger = ApiDependencies.invoker.services.logger
+    record_store = ApiDependencies.invoker.services.model_records
+    if config.key == "<NOKEY>":
+        config.key = sha1(randbytes(100)).hexdigest()
+        logger.info(f"Created model {config.key} for {config.name}")
+    try:
+        record_store.add_model(config.key, config)
+    except DuplicateModelException as e:
+        logger.error(str(e))
+        raise HTTPException(status_code=409, detail=str(e))
+    except InvalidModelException as e:
+        logger.error(str(e))
+        raise HTTPException(status_code=415)
+
+    # now fetch it out
+    return record_store.get_model(config.key)

invokeai/app/api/routers/models.py

@@ -1,6 +1,5 @@
 # Copyright (c) 2023 Kyle Schouviller (https://github.com/kyle0654), 2023 Kent Keirsey (https://github.com/hipsterusername), 2023 Lincoln D. Stein
 
-
 import pathlib
 from typing import Annotated, List, Literal, Optional, Union
 

invokeai/app/api_app.py

@@ -43,6 +43,7 @@ if True:  # hack to make flake8 happy with imports coming after setting up the c
         board_images,
         boards,
         images,
+        model_records,
         models,
         session_queue,
         sessions,
@@ -106,6 +107,7 @@ app.include_router(sessions.session_router, prefix="/api")
 
 app.include_router(utilities.utilities_router, prefix="/api")
 app.include_router(models.models_router, prefix="/api")
+app.include_router(model_records.model_records_router, prefix="/api")
 app.include_router(images.images_router, prefix="/api")
 app.include_router(boards.boards_router, prefix="/api")
 app.include_router(board_images.board_images_router, prefix="/api")

invokeai/app/invocations/compel.py

@@ -112,10 +112,11 @@ class CompelInvocation(BaseInvocation):
                 tokenizer,
                 ti_manager,
             ),
-            ModelPatcher.apply_clip_skip(text_encoder_info.context.model, self.clip.skipped_layers),
             text_encoder_info as text_encoder,
             # Apply the LoRA after text_encoder has been moved to its target device for faster patching.
             ModelPatcher.apply_lora_text_encoder(text_encoder, _lora_loader()),
+            # Apply CLIP Skip after LoRA to prevent LoRA application from failing on skipped layers.
+            ModelPatcher.apply_clip_skip(text_encoder_info.context.model, self.clip.skipped_layers),
         ):
             compel = Compel(
                 tokenizer=tokenizer,
@@ -234,10 +235,11 @@ class SDXLPromptInvocationBase:
                 tokenizer,
                 ti_manager,
             ),
-            ModelPatcher.apply_clip_skip(text_encoder_info.context.model, clip_field.skipped_layers),
             text_encoder_info as text_encoder,
             # Apply the LoRA after text_encoder has been moved to its target device for faster patching.
             ModelPatcher.apply_lora(text_encoder, _lora_loader(), lora_prefix),
+            # Apply CLIP Skip after LoRA to prevent LoRA application from failing on skipped layers.
+            ModelPatcher.apply_clip_skip(text_encoder_info.context.model, clip_field.skipped_layers),
         ):
             compel = Compel(
                 tokenizer=tokenizer,

invokeai/app/services/invocation_services.py

@@ -22,6 +22,7 @@ if TYPE_CHECKING:
     from .item_storage.item_storage_base import ItemStorageABC
     from .latents_storage.latents_storage_base import LatentsStorageBase
     from .model_manager.model_manager_base import ModelManagerServiceBase
+    from .model_records import ModelRecordServiceBase
     from .names.names_base import NameServiceBase
     from .session_processor.session_processor_base import SessionProcessorBase
     from .session_queue.session_queue_base import SessionQueueBase
@@ -49,6 +50,7 @@ class InvocationServices:
     latents: "LatentsStorageBase"
     logger: "Logger"
     model_manager: "ModelManagerServiceBase"
+    model_records: "ModelRecordServiceBase"
     processor: "InvocationProcessorABC"
     performance_statistics: "InvocationStatsServiceBase"
     queue: "InvocationQueueABC"
@@ -76,6 +78,7 @@ class InvocationServices:
         latents: "LatentsStorageBase",
         logger: "Logger",
         model_manager: "ModelManagerServiceBase",
+        model_records: "ModelRecordServiceBase",
         processor: "InvocationProcessorABC",
         performance_statistics: "InvocationStatsServiceBase",
         queue: "InvocationQueueABC",
@@ -101,6 +104,7 @@ class InvocationServices:
         self.latents = latents
         self.logger = logger
         self.model_manager = model_manager
+        self.model_records = model_records
         self.processor = processor
         self.performance_statistics = performance_statistics
         self.queue = queue

invokeai/app/services/model_records/__init__.py

@@ -0,0 +1,8 @@
+"""Init file for model record services."""
+from .model_records_base import (  # noqa F401
+    DuplicateModelException,
+    InvalidModelException,
+    ModelRecordServiceBase,
+    UnknownModelException,
+)
+from .model_records_sql import ModelRecordServiceSQL  # noqa F401

invokeai/app/services/model_records/model_records_base.py

@@ -0,0 +1,169 @@
+# Copyright (c) 2023 Lincoln D. Stein and the InvokeAI Development Team
+"""
+Abstract base class for storing and retrieving model configuration records.
+"""
+
+from abc import ABC, abstractmethod
+from pathlib import Path
+from typing import List, Optional, Union
+
+from invokeai.backend.model_manager.config import AnyModelConfig, BaseModelType, ModelType
+
+# should match the InvokeAI version when this is first released.
+CONFIG_FILE_VERSION = "3.2.0"
+
+
+class DuplicateModelException(Exception):
+    """Raised on an attempt to add a model with the same key twice."""
+
+
+class InvalidModelException(Exception):
+    """Raised when an invalid model is detected."""
+
+
+class UnknownModelException(Exception):
+    """Raised on an attempt to fetch or delete a model with a nonexistent key."""
+
+
+class ConfigFileVersionMismatchException(Exception):
+    """Raised on an attempt to open a config with an incompatible version."""
+
+
+class ModelRecordServiceBase(ABC):
+    """Abstract base class for storage and retrieval of model configs."""
+
+    @property
+    @abstractmethod
+    def version(self) -> str:
+        """Return the config file/database schema version."""
+        pass
+
+    @abstractmethod
+    def add_model(self, key: str, config: Union[dict, AnyModelConfig]) -> AnyModelConfig:
+        """
+        Add a model to the database.
+
+        :param key: Unique key for the model
+        :param config: Model configuration record, either a dict with the
+         required fields or a ModelConfigBase instance.
+
+        Can raise DuplicateModelException and InvalidModelConfigException exceptions.
+        """
+        pass
+
+    @abstractmethod
+    def del_model(self, key: str) -> None:
+        """
+        Delete a model.
+
+        :param key: Unique key for the model to be deleted
+
+        Can raise an UnknownModelException
+        """
+        pass
+
+    @abstractmethod
+    def update_model(self, key: str, config: Union[dict, AnyModelConfig]) -> AnyModelConfig:
+        """
+        Update the model, returning the updated version.
+
+        :param key: Unique key for the model to be updated
+        :param config: Model configuration record. Either a dict with the
+         required fields, or a ModelConfigBase instance.
+        """
+        pass
+
+    @abstractmethod
+    def get_model(self, key: str) -> AnyModelConfig:
+        """
+        Retrieve the configuration for the indicated model.
+
+        :param key: Key of model config to be fetched.
+
+        Exceptions: UnknownModelException
+        """
+        pass
+
+    @abstractmethod
+    def exists(self, key: str) -> bool:
+        """
+        Return True if a model with the indicated key exists in the databse.
+
+        :param key: Unique key for the model to be deleted
+        """
+        pass
+
+    @abstractmethod
+    def search_by_path(
+        self,
+        path: Union[str, Path],
+    ) -> List[AnyModelConfig]:
+        """Return the model(s) having the indicated path."""
+        pass
+
+    @abstractmethod
+    def search_by_hash(
+        self,
+        hash: str,
+    ) -> List[AnyModelConfig]:
+        """Return the model(s) having the indicated original hash."""
+        pass
+
+    @abstractmethod
+    def search_by_attr(
+        self,
+        model_name: Optional[str] = None,
+        base_model: Optional[BaseModelType] = None,
+        model_type: Optional[ModelType] = None,
+    ) -> List[AnyModelConfig]:
+        """
+        Return models matching name, base and/or type.
+
+        :param model_name: Filter by name of model (optional)
+        :param base_model: Filter by base model (optional)
+        :param model_type: Filter by type of model (optional)
+
+        If none of the optional filters are passed, will return all
+        models in the database.
+        """
+        pass
+
+    def all_models(self) -> List[AnyModelConfig]:
+        """Return all the model configs in the database."""
+        return self.search_by_attr()
+
+    def model_info_by_name(self, model_name: str, base_model: BaseModelType, model_type: ModelType) -> AnyModelConfig:
+        """
+        Return information about a single model using its name, base type and model type.
+
+        If there are more than one model that match, raises a DuplicateModelException.
+        If no model matches, raises an UnknownModelException
+        """
+        model_configs = self.search_by_attr(model_name=model_name, base_model=base_model, model_type=model_type)
+        if len(model_configs) > 1:
+            raise DuplicateModelException(
+                f"More than one model matched the search criteria: base_model='{base_model}', model_type='{model_type}', model_name='{model_name}'."
+            )
+        if len(model_configs) == 0:
+            raise UnknownModelException(
+                f"More than one model matched the search criteria: base_model='{base_model}', model_type='{model_type}', model_name='{model_name}'."
+            )
+        return model_configs[0]
+
+    def rename_model(
+        self,
+        key: str,
+        new_name: str,
+    ) -> AnyModelConfig:
+        """
+        Rename the indicated model. Just a special case of update_model().
+
+        In some implementations, renaming the model may involve changing where
+        it is stored on the filesystem. So this is broken out.
+
+        :param key: Model key
+        :param new_name: New name for model
+        """
+        config = self.get_model(key)
+        config.name = new_name
+        return self.update_model(key, config)

invokeai/app/services/model_records/model_records_sql.py

@@ -0,0 +1,397 @@
+# Copyright (c) 2023 Lincoln D. Stein and the InvokeAI Development Team
+"""
+SQL Implementation of the ModelRecordServiceBase API
+
+Typical usage:
+
+  from invokeai.backend.model_manager import ModelConfigStoreSQL
+  store = ModelConfigStoreSQL(sqlite_db)
+  config = dict(
+        path='/tmp/pokemon.bin',
+        name='old name',
+        base_model='sd-1',
+        type='embedding',
+        format='embedding_file',
+     )
+
+   # adding - the key becomes the model's "key" field
+   store.add_model('key1', config)
+
+   # updating
+   config.name='new name'
+   store.update_model('key1', config)
+
+   # checking for existence
+   if store.exists('key1'):
+      print("yes")
+
+   # fetching config
+   new_config = store.get_model('key1')
+   print(new_config.name, new_config.base)
+   assert new_config.key == 'key1'
+
+  # deleting
+  store.del_model('key1')
+
+  # searching
+  configs = store.search_by_path(path='/tmp/pokemon.bin')
+  configs = store.search_by_hash('750a499f35e43b7e1b4d15c207aa2f01')
+  configs = store.search_by_attr(base_model='sd-2', model_type='main')
+"""
+
+
+import json
+import sqlite3
+from pathlib import Path
+from typing import List, Optional, Union
+
+from invokeai.backend.model_manager.config import (
+    AnyModelConfig,
+    BaseModelType,
+    ModelConfigBase,
+    ModelConfigFactory,
+    ModelType,
+)
+
+from ..shared.sqlite import SqliteDatabase
+from .model_records_base import (
+    CONFIG_FILE_VERSION,
+    DuplicateModelException,
+    ModelRecordServiceBase,
+    UnknownModelException,
+)
+
+
+class ModelRecordServiceSQL(ModelRecordServiceBase):
+    """Implementation of the ModelConfigStore ABC using a SQL database."""
+
+    _db: SqliteDatabase
+    _cursor: sqlite3.Cursor
+
+    def __init__(self, db: SqliteDatabase):
+        """
+        Initialize a new object from preexisting sqlite3 connection and threading lock objects.
+
+        :param conn: sqlite3 connection object
+        :param lock: threading Lock object
+        """
+        super().__init__()
+        self._db = db
+        self._cursor = self._db.conn.cursor()
+
+        with self._db.lock:
+            # Enable foreign keys
+            self._db.conn.execute("PRAGMA foreign_keys = ON;")
+            self._create_tables()
+            self._db.conn.commit()
+        assert (
+            str(self.version) == CONFIG_FILE_VERSION
+        ), f"Model config version {self.version} does not match expected version {CONFIG_FILE_VERSION}"
+
+    def _create_tables(self) -> None:
+        """Create sqlite3 tables."""
+        #  model_config table breaks out the fields that are common to all config objects
+        # and puts class-specific ones in a serialized json object
+        self._cursor.execute(
+            """--sql
+            CREATE TABLE IF NOT EXISTS model_config (
+                id TEXT NOT NULL PRIMARY KEY,
+                -- The next 3 fields are enums in python, unrestricted string here
+                base TEXT NOT NULL,
+                type TEXT NOT NULL,
+                name TEXT NOT NULL,
+                path TEXT NOT NULL,
+                original_hash TEXT, -- could be null
+                -- Serialized JSON representation of the whole config object,
+                -- which will contain additional fields from subclasses
+                config TEXT NOT NULL,
+                created_at DATETIME NOT NULL DEFAULT(STRFTIME('%Y-%m-%d %H:%M:%f', 'NOW')),
+                -- Updated via trigger
+                updated_at DATETIME NOT NULL DEFAULT(STRFTIME('%Y-%m-%d %H:%M:%f', 'NOW')),
+                -- unique constraint on combo of name, base and type
+                UNIQUE(name, base, type)
+            );
+            """
+        )
+
+        #  metadata table
+        self._cursor.execute(
+            """--sql
+            CREATE TABLE IF NOT EXISTS model_manager_metadata (
+                metadata_key TEXT NOT NULL PRIMARY KEY,
+                metadata_value TEXT NOT NULL
+            );
+            """
+        )
+
+        # Add trigger for `updated_at`.
+        self._cursor.execute(
+            """--sql
+            CREATE TRIGGER IF NOT EXISTS model_config_updated_at
+            AFTER UPDATE
+            ON model_config FOR EACH ROW
+            BEGIN
+                UPDATE model_config SET updated_at = STRFTIME('%Y-%m-%d %H:%M:%f', 'NOW')
+                    WHERE id = old.id;
+            END;
+            """
+        )
+
+        # Add indexes for searchable fields
+        for stmt in [
+            "CREATE INDEX IF NOT EXISTS base_index ON model_config(base);",
+            "CREATE INDEX IF NOT EXISTS type_index ON model_config(type);",
+            "CREATE INDEX IF NOT EXISTS name_index ON model_config(name);",
+            "CREATE UNIQUE INDEX IF NOT EXISTS path_index ON model_config(path);",
+        ]:
+            self._cursor.execute(stmt)
+
+        # Add our version to the metadata table
+        self._cursor.execute(
+            """--sql
+            INSERT OR IGNORE into model_manager_metadata (
+               metadata_key,
+               metadata_value
+            )
+            VALUES (?,?);
+            """,
+            ("version", CONFIG_FILE_VERSION),
+        )
+
+    def add_model(self, key: str, config: Union[dict, ModelConfigBase]) -> AnyModelConfig:
+        """
+        Add a model to the database.
+
+        :param key: Unique key for the model
+        :param config: Model configuration record, either a dict with the
+         required fields or a ModelConfigBase instance.
+
+        Can raise DuplicateModelException and InvalidModelConfigException exceptions.
+        """
+        record = ModelConfigFactory.make_config(config, key=key)  # ensure it is a valid config obect.
+        json_serialized = record.model_dump_json()  # and turn it into a json string.
+        with self._db.lock:
+            try:
+                self._cursor.execute(
+                    """--sql
+                    INSERT INTO model_config (
+                       id,
+                       base,
+                       type,
+                       name,
+                       path,
+                       original_hash,
+                       config
+                      )
+                    VALUES (?,?,?,?,?,?,?);
+                    """,
+                    (
+                        key,
+                        record.base,
+                        record.type,
+                        record.name,
+                        record.path,
+                        record.original_hash,
+                        json_serialized,
+                    ),
+                )
+                self._db.conn.commit()
+
+            except sqlite3.IntegrityError as e:
+                self._db.conn.rollback()
+                if "UNIQUE constraint failed" in str(e):
+                    if "model_config.path" in str(e):
+                        msg = f"A model with path '{record.path}' is already installed"
+                    elif "model_config.name" in str(e):
+                        msg = f"A model with name='{record.name}', type='{record.type}', base='{record.base}' is already installed"
+                    else:
+                        msg = f"A model with key '{key}' is already installed"
+                    raise DuplicateModelException(msg) from e
+                else:
+                    raise e
+            except sqlite3.Error as e:
+                self._db.conn.rollback()
+                raise e
+
+        return self.get_model(key)
+
+    @property
+    def version(self) -> str:
+        """Return the version of the database schema."""
+        with self._db.lock:
+            self._cursor.execute(
+                """--sql
+                SELECT metadata_value FROM model_manager_metadata
+                WHERE metadata_key=?;
+                """,
+                ("version",),
+            )
+            rows = self._cursor.fetchone()
+            if not rows:
+                raise KeyError("Models database does not have metadata key 'version'")
+            return rows[0]
+
+    def del_model(self, key: str) -> None:
+        """
+        Delete a model.
+
+        :param key: Unique key for the model to be deleted
+
+        Can raise an UnknownModelException
+        """
+        with self._db.lock:
+            try:
+                self._cursor.execute(
+                    """--sql
+                    DELETE FROM model_config
+                    WHERE id=?;
+                    """,
+                    (key,),
+                )
+                if self._cursor.rowcount == 0:
+                    raise UnknownModelException("model not found")
+                self._db.conn.commit()
+            except sqlite3.Error as e:
+                self._db.conn.rollback()
+                raise e
+
+    def update_model(self, key: str, config: ModelConfigBase) -> AnyModelConfig:
+        """
+        Update the model, returning the updated version.
+
+        :param key: Unique key for the model to be updated
+        :param config: Model configuration record. Either a dict with the
+         required fields, or a ModelConfigBase instance.
+        """
+        record = ModelConfigFactory.make_config(config, key=key)  # ensure it is a valid config obect
+        json_serialized = record.model_dump_json()  # and turn it into a json string.
+        with self._db.lock:
+            try:
+                self._cursor.execute(
+                    """--sql
+                    UPDATE model_config
+                    SET base=?,
+                        type=?,
+                        name=?,
+                        path=?,
+                        config=?
+                    WHERE id=?;
+                    """,
+                    (record.base, record.type, record.name, record.path, json_serialized, key),
+                )
+                if self._cursor.rowcount == 0:
+                    raise UnknownModelException("model not found")
+                self._db.conn.commit()
+            except sqlite3.Error as e:
+                self._db.conn.rollback()
+                raise e
+
+        return self.get_model(key)
+
+    def get_model(self, key: str) -> AnyModelConfig:
+        """
+        Retrieve the ModelConfigBase instance for the indicated model.
+
+        :param key: Key of model config to be fetched.
+
+        Exceptions: UnknownModelException
+        """
+        with self._db.lock:
+            self._cursor.execute(
+                """--sql
+                SELECT config FROM model_config
+                WHERE id=?;
+                """,
+                (key,),
+            )
+            rows = self._cursor.fetchone()
+            if not rows:
+                raise UnknownModelException("model not found")
+            model = ModelConfigFactory.make_config(json.loads(rows[0]))
+        return model
+
+    def exists(self, key: str) -> bool:
+        """
+        Return True if a model with the indicated key exists in the databse.
+
+        :param key: Unique key for the model to be deleted
+        """
+        count = 0
+        with self._db.lock:
+            self._cursor.execute(
+                """--sql
+                select count(*) FROM model_config
+                WHERE id=?;
+                """,
+                (key,),
+            )
+            count = self._cursor.fetchone()[0]
+        return count > 0
+
+    def search_by_attr(
+        self,
+        model_name: Optional[str] = None,
+        base_model: Optional[BaseModelType] = None,
+        model_type: Optional[ModelType] = None,
+    ) -> List[AnyModelConfig]:
+        """
+        Return models matching name, base and/or type.
+
+        :param model_name: Filter by name of model (optional)
+        :param base_model: Filter by base model (optional)
+        :param model_type: Filter by type of model (optional)
+
+        If none of the optional filters are passed, will return all
+        models in the database.
+        """
+        results = []
+        where_clause = []
+        bindings = []
+        if model_name:
+            where_clause.append("name=?")
+            bindings.append(model_name)
+        if base_model:
+            where_clause.append("base=?")
+            bindings.append(base_model)
+        if model_type:
+            where_clause.append("type=?")
+            bindings.append(model_type)
+        where = f"WHERE {' AND '.join(where_clause)}" if where_clause else ""
+        with self._db.lock:
+            self._cursor.execute(
+                f"""--sql
+                select config FROM model_config
+                {where};
+                """,
+                tuple(bindings),
+            )
+            results = [ModelConfigFactory.make_config(json.loads(x[0])) for x in self._cursor.fetchall()]
+        return results
+
+    def search_by_path(self, path: Union[str, Path]) -> List[ModelConfigBase]:
+        """Return models with the indicated path."""
+        results = []
+        with self._db.lock:
+            self._cursor.execute(
+                """--sql
+                SELECT config FROM model_config
+                WHERE model_path=?;
+                """,
+                (str(path),),
+            )
+            results = [ModelConfigFactory.make_config(json.loads(x[0])) for x in self._cursor.fetchall()]
+        return results
+
+    def search_by_hash(self, hash: str) -> List[ModelConfigBase]:
+        """Return models with the indicated original_hash."""
+        results = []
+        with self._db.lock:
+            self._cursor.execute(
+                """--sql
+                SELECT config FROM model_config
+                WHERE original_hash=?;
+                """,
+                (hash,),
+            )
+            results = [ModelConfigFactory.make_config(json.loads(x[0])) for x in self._cursor.fetchall()]
+        return results

invokeai/backend/model_manager/config.py

@@ -0,0 +1,323 @@
+# Copyright (c) 2023 Lincoln D. Stein and the InvokeAI Development Team
+"""
+Configuration definitions for image generation models.
+
+Typical usage:
+
+  from invokeai.backend.model_manager import ModelConfigFactory
+  raw = dict(path='models/sd-1/main/foo.ckpt',
+             name='foo',
+             base='sd-1',
+             type='main',
+             config='configs/stable-diffusion/v1-inference.yaml',
+             variant='normal',
+             format='checkpoint'
+            )
+  config = ModelConfigFactory.make_config(raw)
+  print(config.name)
+
+Validation errors will raise an InvalidModelConfigException error.
+
+"""
+from enum import Enum
+from typing import Literal, Optional, Type, Union
+
+from pydantic import BaseModel, ConfigDict, Field, TypeAdapter
+from typing_extensions import Annotated
+
+
+class InvalidModelConfigException(Exception):
+    """Exception for when config parser doesn't recognized this combination of model type and format."""
+
+
+class BaseModelType(str, Enum):
+    """Base model type."""
+
+    Any = "any"
+    StableDiffusion1 = "sd-1"
+    StableDiffusion2 = "sd-2"
+    StableDiffusionXL = "sdxl"
+    StableDiffusionXLRefiner = "sdxl-refiner"
+    # Kandinsky2_1 = "kandinsky-2.1"
+
+
+class ModelType(str, Enum):
+    """Model type."""
+
+    ONNX = "onnx"
+    Main = "main"
+    Vae = "vae"
+    Lora = "lora"
+    ControlNet = "controlnet"  # used by model_probe
+    TextualInversion = "embedding"
+    IPAdapter = "ip_adapter"
+    CLIPVision = "clip_vision"
+    T2IAdapter = "t2i_adapter"
+
+
+class SubModelType(str, Enum):
+    """Submodel type."""
+
+    UNet = "unet"
+    TextEncoder = "text_encoder"
+    TextEncoder2 = "text_encoder_2"
+    Tokenizer = "tokenizer"
+    Tokenizer2 = "tokenizer_2"
+    Vae = "vae"
+    VaeDecoder = "vae_decoder"
+    VaeEncoder = "vae_encoder"
+    Scheduler = "scheduler"
+    SafetyChecker = "safety_checker"
+
+
+class ModelVariantType(str, Enum):
+    """Variant type."""
+
+    Normal = "normal"
+    Inpaint = "inpaint"
+    Depth = "depth"
+
+
+class ModelFormat(str, Enum):
+    """Storage format of model."""
+
+    Diffusers = "diffusers"
+    Checkpoint = "checkpoint"
+    Lycoris = "lycoris"
+    Onnx = "onnx"
+    Olive = "olive"
+    EmbeddingFile = "embedding_file"
+    EmbeddingFolder = "embedding_folder"
+    InvokeAI = "invokeai"
+
+
+class SchedulerPredictionType(str, Enum):
+    """Scheduler prediction type."""
+
+    Epsilon = "epsilon"
+    VPrediction = "v_prediction"
+    Sample = "sample"
+
+
+class ModelConfigBase(BaseModel):
+    """Base class for model configuration information."""
+
+    path: str
+    name: str
+    base: BaseModelType
+    type: ModelType
+    format: ModelFormat
+    key: str = Field(description="unique key for model", default="<NOKEY>")
+    original_hash: Optional[str] = Field(
+        description="original fasthash of model contents", default=None
+    )  # this is assigned at install time and will not change
+    current_hash: Optional[str] = Field(
+        description="current fasthash of model contents", default=None
+    )  # if model is converted or otherwise modified, this will hold updated hash
+    description: Optional[str] = Field(default=None)
+    source: Optional[str] = Field(description="Model download source (URL or repo_id)", default=None)
+
+    model_config = ConfigDict(
+        use_enum_values=False,
+        validate_assignment=True,
+    )
+
+    def update(self, attributes: dict):
+        """Update the object with fields in dict."""
+        for key, value in attributes.items():
+            setattr(self, key, value)  # may raise a validation error
+
+
+class _CheckpointConfig(ModelConfigBase):
+    """Model config for checkpoint-style models."""
+
+    format: Literal[ModelFormat.Checkpoint] = ModelFormat.Checkpoint
+    config: str = Field(description="path to the checkpoint model config file")
+
+
+class _DiffusersConfig(ModelConfigBase):
+    """Model config for diffusers-style models."""
+
+    format: Literal[ModelFormat.Diffusers] = ModelFormat.Diffusers
+
+
+class LoRAConfig(ModelConfigBase):
+    """Model config for LoRA/Lycoris models."""
+
+    type: Literal[ModelType.Lora] = ModelType.Lora
+    format: Literal[ModelFormat.Lycoris, ModelFormat.Diffusers]
+
+
+class VaeCheckpointConfig(ModelConfigBase):
+    """Model config for standalone VAE models."""
+
+    type: Literal[ModelType.Vae] = ModelType.Vae
+    format: Literal[ModelFormat.Checkpoint] = ModelFormat.Checkpoint
+
+
+class VaeDiffusersConfig(ModelConfigBase):
+    """Model config for standalone VAE models (diffusers version)."""
+
+    type: Literal[ModelType.Vae] = ModelType.Vae
+    format: Literal[ModelFormat.Diffusers] = ModelFormat.Diffusers
+
+
+class ControlNetDiffusersConfig(_DiffusersConfig):
+    """Model config for ControlNet models (diffusers version)."""
+
+    type: Literal[ModelType.ControlNet] = ModelType.ControlNet
+    format: Literal[ModelFormat.Diffusers] = ModelFormat.Diffusers
+
+
+class ControlNetCheckpointConfig(_CheckpointConfig):
+    """Model config for ControlNet models (diffusers version)."""
+
+    type: Literal[ModelType.ControlNet] = ModelType.ControlNet
+    format: Literal[ModelFormat.Checkpoint] = ModelFormat.Checkpoint
+
+
+class TextualInversionConfig(ModelConfigBase):
+    """Model config for textual inversion embeddings."""
+
+    type: Literal[ModelType.TextualInversion] = ModelType.TextualInversion
+    format: Literal[ModelFormat.EmbeddingFile, ModelFormat.EmbeddingFolder]
+
+
+class _MainConfig(ModelConfigBase):
+    """Model config for main models."""
+
+    vae: Optional[str] = Field(default=None)
+    variant: ModelVariantType = ModelVariantType.Normal
+    ztsnr_training: bool = False
+
+
+class MainCheckpointConfig(_CheckpointConfig, _MainConfig):
+    """Model config for main checkpoint models."""
+
+    type: Literal[ModelType.Main] = ModelType.Main
+    # Note that we do not need prediction_type or upcast_attention here
+    # because they are provided in the checkpoint's own config file.
+
+
+class MainDiffusersConfig(_DiffusersConfig, _MainConfig):
+    """Model config for main diffusers models."""
+
+    type: Literal[ModelType.Main] = ModelType.Main
+    prediction_type: SchedulerPredictionType = SchedulerPredictionType.Epsilon
+    upcast_attention: bool = False
+
+
+class ONNXSD1Config(_MainConfig):
+    """Model config for ONNX format models based on sd-1."""
+
+    type: Literal[ModelType.ONNX] = ModelType.ONNX
+    format: Literal[ModelFormat.Onnx, ModelFormat.Olive]
+    base: Literal[BaseModelType.StableDiffusion1] = BaseModelType.StableDiffusion1
+    prediction_type: SchedulerPredictionType = SchedulerPredictionType.Epsilon
+    upcast_attention: bool = False
+
+
+class ONNXSD2Config(_MainConfig):
+    """Model config for ONNX format models based on sd-2."""
+
+    type: Literal[ModelType.ONNX] = ModelType.ONNX
+    format: Literal[ModelFormat.Onnx, ModelFormat.Olive]
+    # No yaml config file for ONNX, so these are part of config
+    base: Literal[BaseModelType.StableDiffusion2] = BaseModelType.StableDiffusion2
+    prediction_type: SchedulerPredictionType = SchedulerPredictionType.VPrediction
+    upcast_attention: bool = True
+
+
+class IPAdapterConfig(ModelConfigBase):
+    """Model config for IP Adaptor format models."""
+
+    type: Literal[ModelType.IPAdapter] = ModelType.IPAdapter
+    format: Literal[ModelFormat.InvokeAI]
+
+
+class CLIPVisionDiffusersConfig(ModelConfigBase):
+    """Model config for ClipVision."""
+
+    type: Literal[ModelType.CLIPVision] = ModelType.CLIPVision
+    format: Literal[ModelFormat.Diffusers]
+
+
+class T2IConfig(ModelConfigBase):
+    """Model config for T2I."""
+
+    type: Literal[ModelType.T2IAdapter] = ModelType.T2IAdapter
+    format: Literal[ModelFormat.Diffusers]
+
+
+_ONNXConfig = Annotated[Union[ONNXSD1Config, ONNXSD2Config], Field(discriminator="base")]
+_ControlNetConfig = Annotated[
+    Union[ControlNetDiffusersConfig, ControlNetCheckpointConfig],
+    Field(discriminator="format"),
+]
+_VaeConfig = Annotated[Union[VaeDiffusersConfig, VaeCheckpointConfig], Field(discriminator="format")]
+_MainModelConfig = Annotated[Union[MainDiffusersConfig, MainCheckpointConfig], Field(discriminator="format")]
+
+AnyModelConfig = Union[
+    _MainModelConfig,
+    _ONNXConfig,
+    _VaeConfig,
+    _ControlNetConfig,
+    LoRAConfig,
+    TextualInversionConfig,
+    IPAdapterConfig,
+    CLIPVisionDiffusersConfig,
+    T2IConfig,
+]
+
+AnyModelConfigValidator = TypeAdapter(AnyModelConfig)
+
+# IMPLEMENTATION NOTE:
+# The preferred alternative to the above is a discriminated Union as shown
+# below. However, it breaks FastAPI when used as the input Body parameter in a route.
+# This is a known issue. Please see:
+#   https://github.com/tiangolo/fastapi/discussions/9761 and
+#   https://github.com/tiangolo/fastapi/discussions/9287
+# AnyModelConfig = Annotated[
+#     Union[
+#         _MainModelConfig,
+#         _ONNXConfig,
+#         _VaeConfig,
+#         _ControlNetConfig,
+#         LoRAConfig,
+#         TextualInversionConfig,
+#         IPAdapterConfig,
+#         CLIPVisionDiffusersConfig,
+#         T2IConfig,
+#     ],
+#     Field(discriminator="type"),
+# ]
+
+
+class ModelConfigFactory(object):
+    """Class for parsing config dicts into StableDiffusion Config obects."""
+
+    @classmethod
+    def make_config(
+        cls,
+        model_data: Union[dict, AnyModelConfig],
+        key: Optional[str] = None,
+        dest_class: Optional[Type] = None,
+    ) -> AnyModelConfig:
+        """
+        Return the appropriate config object from raw dict values.
+
+        :param model_data: A raw dict corresponding the obect fields to be
+        parsed into a ModelConfigBase obect (or descendent), or a ModelConfigBase
+        object, which will be passed through unchanged.
+        :param dest_class: The config class to be returned. If not provided, will
+        be selected automatically.
+        """
+        if isinstance(model_data, ModelConfigBase):
+            model = model_data
+        elif dest_class:
+            model = dest_class.validate_python(model_data)
+        else:
+            model = AnyModelConfigValidator.validate_python(model_data)
+        if key:
+            model.key = key
+        return model

invokeai/backend/model_manager/hash.py

@@ -0,0 +1,66 @@
+# Copyright (c) 2023 Lincoln D. Stein and the InvokeAI Development Team
+"""
+Fast hashing of diffusers and checkpoint-style models.
+
+Usage:
+from invokeai.backend.model_managre.model_hash import FastModelHash
+>>> FastModelHash.hash('/home/models/stable-diffusion-v1.5')
+'a8e693a126ea5b831c96064dc569956f'
+"""
+
+import hashlib
+import os
+from pathlib import Path
+from typing import Dict, Union
+
+from imohash import hashfile
+
+
+class FastModelHash(object):
+    """FastModelHash obect provides one public class method, hash()."""
+
+    @classmethod
+    def hash(cls, model_location: Union[str, Path]) -> str:
+        """
+        Return hexdigest string for model located at model_location.
+
+        :param model_location: Path to the model
+        """
+        model_location = Path(model_location)
+        if model_location.is_file():
+            return cls._hash_file(model_location)
+        elif model_location.is_dir():
+            return cls._hash_dir(model_location)
+        else:
+            raise OSError(f"Not a valid file or directory: {model_location}")
+
+    @classmethod
+    def _hash_file(cls, model_location: Union[str, Path]) -> str:
+        """
+        Fasthash a single file and return its hexdigest.
+
+        :param model_location: Path to the model file
+        """
+        # we return md5 hash of the filehash to make it shorter
+        # cryptographic security not needed here
+        return hashlib.md5(hashfile(model_location)).hexdigest()
+
+    @classmethod
+    def _hash_dir(cls, model_location: Union[str, Path]) -> str:
+        components: Dict[str, str] = {}
+
+        for root, _dirs, files in os.walk(model_location):
+            for file in files:
+                # only tally tensor files because diffusers config files change slightly
+                # depending on how the model was downloaded/converted.
+                if not file.endswith((".ckpt", ".safetensors", ".bin", ".pt", ".pth")):
+                    continue
+                path = (Path(root) / file).as_posix()
+                fast_hash = cls._hash_file(path)
+                components.update({path: fast_hash})
+
+        # hash all the model hashes together, using alphabetic file order
+        md5 = hashlib.md5()
+        for _path, fast_hash in sorted(components.items()):
+            md5.update(fast_hash.encode("utf-8"))
+        return md5.hexdigest()

invokeai/backend/model_manager/migrate_to_db.py

@@ -0,0 +1,93 @@
+# Copyright (c) 2023 Lincoln D. Stein
+"""Migrate from the InvokeAI v2 models.yaml format to the v3 sqlite format."""
+
+from hashlib import sha1
+
+from omegaconf import DictConfig, OmegaConf
+from pydantic import TypeAdapter
+
+from invokeai.app.services.config import InvokeAIAppConfig
+from invokeai.app.services.model_records import (
+    DuplicateModelException,
+    ModelRecordServiceSQL,
+)
+from invokeai.app.services.shared.sqlite import SqliteDatabase
+from invokeai.backend.model_manager.config import (
+    AnyModelConfig,
+    BaseModelType,
+    ModelType,
+)
+from invokeai.backend.model_manager.hash import FastModelHash
+from invokeai.backend.util.logging import InvokeAILogger
+
+ModelsValidator = TypeAdapter(AnyModelConfig)
+
+
+class MigrateModelYamlToDb:
+    """
+    Migrate the InvokeAI models.yaml format (VERSION 3.0.0) to SQL3 database format (VERSION 3.2.0)
+
+    The class has one externally useful method, migrate(), which scans the
+    currently models.yaml file and imports all its entries into invokeai.db.
+
+    Use this way:
+
+      from invokeai.backend.model_manager/migrate_to_db import MigrateModelYamlToDb
+      MigrateModelYamlToDb().migrate()
+
+    """
+
+    config: InvokeAIAppConfig
+    logger: InvokeAILogger
+
+    def __init__(self):
+        self.config = InvokeAIAppConfig.get_config()
+        self.config.parse_args()
+        self.logger = InvokeAILogger.get_logger()
+
+    def get_db(self) -> ModelRecordServiceSQL:
+        """Fetch the sqlite3 database for this installation."""
+        db = SqliteDatabase(self.config, self.logger)
+        return ModelRecordServiceSQL(db)
+
+    def get_yaml(self) -> DictConfig:
+        """Fetch the models.yaml DictConfig for this installation."""
+        yaml_path = self.config.model_conf_path
+        return OmegaConf.load(yaml_path)
+
+    def migrate(self):
+        """Do the migration from models.yaml to invokeai.db."""
+        db = self.get_db()
+        yaml = self.get_yaml()
+
+        for model_key, stanza in yaml.items():
+            if model_key == "__metadata__":
+                assert (
+                    stanza["version"] == "3.0.0"
+                ), f"This script works on version 3.0.0 yaml files, but your configuration points to a {stanza['version']} version"
+                continue
+
+            base_type, model_type, model_name = str(model_key).split("/")
+            hash = FastModelHash.hash(self.config.models_path / stanza.path)
+            new_key = sha1(model_key.encode("utf-8")).hexdigest()
+
+            stanza["base"] = BaseModelType(base_type)
+            stanza["type"] = ModelType(model_type)
+            stanza["name"] = model_name
+            stanza["original_hash"] = hash
+            stanza["current_hash"] = hash
+
+            new_config = ModelsValidator.validate_python(stanza)
+            self.logger.info(f"Adding model {model_name} with key {model_key}")
+            try:
+                db.add_model(new_key, new_config)
+            except DuplicateModelException:
+                self.logger.warning(f"Model {model_name} is already in the database")
+
+
+def main():
+    MigrateModelYamlToDb().migrate()
+
+
+if __name__ == "__main__":
+    main()

invokeai/backend/util/hotfixes.py

@@ -748,7 +748,7 @@ class ControlNetModel(ModelMixin, ConfigMixin, FromOriginalControlnetMixin):
 
             scales = scales * conditioning_scale
             down_block_res_samples = [
-                sample * scale for sample, scale in zip(down_block_res_samples, scales, strict=True)
+                sample * scale for sample, scale in zip(down_block_res_samples, scales, strict=False)
             ]
             mid_block_res_sample = mid_block_res_sample * scales[-1]  # last one
         else:

invokeai/backend/util/util.py

@@ -5,6 +5,7 @@ import math
 import multiprocessing as mp
 import os
 import re
+import warnings
 from collections import abc
 from inspect import isfunction
 from pathlib import Path
@@ -14,8 +15,10 @@ from threading import Thread
 import numpy as np
 import requests
 import torch
+from diffusers import logging as diffusers_logging
 from PIL import Image, ImageDraw, ImageFont
 from tqdm import tqdm
+from transformers import logging as transformers_logging
 
 import invokeai.backend.util.logging as logger
 
@@ -379,3 +382,21 @@ class Chdir(object):
 
     def __exit__(self, *args):
         os.chdir(self.original)
+
+
+class SilenceWarnings(object):
+    """Context manager to temporarily lower verbosity of diffusers & transformers warning messages."""
+
+    def __enter__(self):
+        """Set verbosity to error."""
+        self.transformers_verbosity = transformers_logging.get_verbosity()
+        self.diffusers_verbosity = diffusers_logging.get_verbosity()
+        transformers_logging.set_verbosity_error()
+        diffusers_logging.set_verbosity_error()
+        warnings.simplefilter("ignore")
+
+    def __exit__(self, type, value, traceback):
+        """Restore logger verbosity to state before context was entered."""
+        transformers_logging.set_verbosity(self.transformers_verbosity)
+        diffusers_logging.set_verbosity(self.diffusers_verbosity)
+        warnings.simplefilter("default")

invokeai/frontend/install/invokeai_update.py

@@ -90,6 +90,14 @@ def get_extras():
         pass
     return extras
 
+def get_extra_index() -> str:
+    # parsed_version.local for torch is the platform + version, eg 'cu121' or 'rocm5.6'
+    local = pkg_resources.get_distribution("torch").parsed_version.local
+    if local and 'cu' in local:
+        return "--extra-index-url https://download.pytorch.org/whl/cu121"
+    if local and 'rocm' in local:
+        return "--extra-index-url https://download.pytorch.org/whl/rocm5.6"
+    return ""
 
 def main():
     versions = get_versions()
@@ -122,14 +130,15 @@ def main():
             branch = Prompt.ask("Enter an InvokeAI branch name")
 
     extras = get_extras()
+    extra_index_url = get_extra_index()
 
     print(f":crossed_fingers: Upgrading to [yellow]{tag or release or branch}[/yellow]")
     if release:
-        cmd = f'pip install "invokeai{extras} @ {INVOKE_AI_SRC}/{release}.zip" --use-pep517 --upgrade'
+        cmd = f'pip install "invokeai{extras} @ {INVOKE_AI_SRC}/{release}.zip" --use-pep517 --upgrade {extra_index_url}'
     elif tag:
-        cmd = f'pip install "invokeai{extras} @ {INVOKE_AI_TAG}/{tag}.zip" --use-pep517 --upgrade'
+        cmd = f'pip install "invokeai{extras} @ {INVOKE_AI_TAG}/{tag}.zip" --use-pep517 --upgrade {extra_index_url}'
     else:
-        cmd = f'pip install "invokeai{extras} @ {INVOKE_AI_BRANCH}/{branch}.zip" --use-pep517 --upgrade'
+        cmd = f'pip install "invokeai{extras} @ {INVOKE_AI_BRANCH}/{branch}.zip" --use-pep517 --upgrade {extra_index_url}'
     print("")
     print("")
     if os.system(cmd) == 0:

invokeai/frontend/web/.eslintrc.js

@@ -24,6 +24,7 @@ module.exports = {
   root: true,
   rules: {
     curly: 'error',
+    'react/jsx-no-bind': ['error', { allowBind: true }],
     'react/jsx-curly-brace-presence': [
       'error',
       { props: 'never', children: 'never' },

invokeai/frontend/web/dist/assets/ThemeLocaleProvider-26197032.js

@@ -1,4 +1,4 @@
-import{w as s,i2 as T,v as l,a2 as I,i3 as R,ae as V,i4 as z,i5 as j,i6 as D,i7 as F,i8 as G,i9 as W,ia as K,aG as H,ib as U,ic as Y}from"./index-27e8922c.js";import{M as Z}from"./MantineProvider-70b4f32d.js";var P=String.raw,E=P`
+import{w as s,ic as T,v as l,a1 as I,id as R,ad as V,ie as z,ig as j,ih as D,ii as F,ij as G,ik as W,il as K,aG as H,im as U,io as Y}from"./index-ae455ad2.js";import{M as Z}from"./MantineProvider-8ba2c088.js";var P=String.raw,E=P`
   :root,
   :host {
     --chakra-vh: 100vh;

invokeai/frontend/web/dist/index.html

@@ -15,7 +15,7 @@
         margin: 0;
       }
     </style>
-    <script type="module" crossorigin src="./assets/index-27e8922c.js"></script>
+    <script type="module" crossorigin src="./assets/index-ae455ad2.js"></script>
   </head>
 
   <body dir="ltr">

invokeai/frontend/web/dist/locales/de.json

@@ -4,14 +4,14 @@
         "reportBugLabel": "Fehler melden",
         "settingsLabel": "Einstellungen",
         "img2img": "Bild zu Bild",
-        "nodes": "Knoten",
+        "nodes": "Knoten Editor",
         "langGerman": "Deutsch",
         "nodesDesc": "Ein knotenbasiertes System, für die Erzeugung von Bildern, ist derzeit in der Entwicklung. Bleiben Sie gespannt auf Updates zu dieser fantastischen Funktion.",
         "postProcessing": "Nachbearbeitung",
         "postProcessDesc1": "InvokeAI bietet eine breite Palette von Nachbearbeitungsfunktionen. Bildhochskalierung und Gesichtsrekonstruktion sind bereits in der WebUI verfügbar. Sie können sie über das Menü Erweiterte Optionen der Reiter Text in Bild und Bild in Bild aufrufen. Sie können Bilder auch direkt bearbeiten, indem Sie die Schaltflächen für Bildaktionen oberhalb der aktuellen Bildanzeige oder im Viewer verwenden.",
         "postProcessDesc2": "Eine spezielle Benutzeroberfläche wird in Kürze veröffentlicht, um erweiterte Nachbearbeitungs-Workflows zu erleichtern.",
         "postProcessDesc3": "Die InvokeAI Kommandozeilen-Schnittstelle bietet verschiedene andere Funktionen, darunter Embiggen.",
-        "training": "Training",
+        "training": "trainieren",
         "trainingDesc1": "Ein spezieller Arbeitsablauf zum Trainieren Ihrer eigenen Embeddings und Checkpoints mit Textual Inversion und Dreambooth über die Weboberfläche.",
         "trainingDesc2": "InvokeAI unterstützt bereits das Training von benutzerdefinierten Embeddings mit Textual Inversion unter Verwendung des Hauptskripts.",
         "upload": "Hochladen",
@@ -38,14 +38,14 @@
         "statusUpscalingESRGAN": "Hochskalierung (ESRGAN)",
         "statusLoadingModel": "Laden des Modells",
         "statusModelChanged": "Modell Geändert",
-        "cancel": "Abbruch",
+        "cancel": "Abbrechen",
         "accept": "Annehmen",
         "back": "Zurück",
         "langEnglish": "Englisch",
         "langDutch": "Niederländisch",
         "langFrench": "Französisch",
         "langItalian": "Italienisch",
-        "langPortuguese": "Portogisisch",
+        "langPortuguese": "Portugiesisch",
         "langRussian": "Russisch",
         "langUkranian": "Ukrainisch",
         "hotkeysLabel": "Tastenkombinationen",
@@ -58,12 +58,44 @@
         "langArabic": "Arabisch",
         "langKorean": "Koreanisch",
         "langHebrew": "Hebräisch",
-        "langSpanish": "Spanisch"
+        "langSpanish": "Spanisch",
+        "t2iAdapter": "T2I Adapter",
+        "communityLabel": "Gemeinschaft",
+        "dontAskMeAgain": "Frag mich nicht nochmal",
+        "loadingInvokeAI": "Lade Invoke AI",
+        "statusMergedModels": "Modelle zusammengeführt",
+        "areYouSure": "Bist du dir sicher?",
+        "statusConvertingModel": "Model konvertieren",
+        "on": "An",
+        "nodeEditor": "Knoten Editor",
+        "statusMergingModels": "Modelle zusammenführen",
+        "langSimplifiedChinese": "Vereinfachtes Chinesisch",
+        "ipAdapter": "IP Adapter",
+        "controlAdapter": "Control Adapter",
+        "auto": "Automatisch",
+        "controlNet": "ControlNet",
+        "imageFailedToLoad": "Kann Bild nicht laden",
+        "statusModelConverted": "Model konvertiert",
+        "modelManager": "Model Manager",
+        "lightMode": "Heller Modus",
+        "generate": "Erstellen",
+        "learnMore": "Mehr lernen",
+        "darkMode": "Dunkler Modus",
+        "loading": "Lade",
+        "random": "Zufall",
+        "batch": "Stapel-Manager",
+        "advanced": "Erweitert",
+        "langBrPortuguese": "Portugiesisch (Brasilien)",
+        "unifiedCanvas": "Einheitliche Leinwand",
+        "openInNewTab": "In einem neuem Tab öffnen",
+        "statusProcessing": "wird bearbeitet",
+        "linear": "Linear",
+        "imagePrompt": "Bild Prompt"
     },
     "gallery": {
         "generations": "Erzeugungen",
         "showGenerations": "Zeige Erzeugnisse",
-        "uploads": "Hochgelades",
+        "uploads": "Uploads",
         "showUploads": "Zeige Uploads",
         "galleryImageSize": "Bildgröße",
         "galleryImageResetSize": "Größe zurücksetzen",
@@ -73,7 +105,15 @@
         "singleColumnLayout": "Einspaltiges Layout",
         "allImagesLoaded": "Alle Bilder geladen",
         "loadMore": "Mehr laden",
-        "noImagesInGallery": "Keine Bilder in der Galerie"
+        "noImagesInGallery": "Keine Bilder in der Galerie",
+        "loading": "Lade",
+        "preparingDownload": "bereite Download vor",
+        "preparingDownloadFailed": "Problem beim Download vorbereiten",
+        "deleteImage": "Lösche Bild",
+        "images": "Bilder",
+        "copy": "Kopieren",
+        "download": "Runterladen",
+        "setCurrentImage": "Setze aktuelle Bild"
     },
     "hotkeys": {
         "keyboardShortcuts": "Tastenkürzel",
@@ -82,7 +122,8 @@
         "galleryHotkeys": "Galerie Tastenkürzel",
         "unifiedCanvasHotkeys": "Unified Canvas Tastenkürzel",
         "invoke": {
-            "desc": "Ein Bild erzeugen"
+            "desc": "Ein Bild erzeugen",
+            "title": "Invoke"
         },
         "cancel": {
             "title": "Abbrechen",
@@ -166,7 +207,7 @@
         },
         "toggleGalleryPin": {
             "title": "Galerie anheften umschalten",
-            "desc": "Heftet die Galerie an die Benutzeroberfläche bzw. löst die sie."
+            "desc": "Heftet die Galerie an die Benutzeroberfläche bzw. löst die sie"
         },
         "increaseGalleryThumbSize": {
             "title": "Größe der Galeriebilder erhöhen",
@@ -279,6 +320,10 @@
         "acceptStagingImage": {
             "title": "Staging-Bild akzeptieren",
             "desc": "Akzeptieren Sie das aktuelle Bild des Staging-Bereichs"
+        },
+        "nodesHotkeys": "Knoten Tastenkürzel",
+        "addNodes": {
+            "title": "Knotenpunkt hinzufügen"
         }
     },
     "modelManager": {
@@ -295,7 +340,7 @@
         "config": "Konfiguration",
         "configValidationMsg": "Pfad zur Konfigurationsdatei Ihres Models.",
         "modelLocation": "Ort des Models",
-        "modelLocationValidationMsg": "Pfad zum Speicherort Ihres Models.",
+        "modelLocationValidationMsg": "Pfad zum Speicherort Ihres Models",
         "vaeLocation": "VAE Ort",
         "vaeLocationValidationMsg": "Pfad zum Speicherort Ihres VAE.",
         "width": "Breite",
@@ -328,11 +373,63 @@
         "deleteModel": "Model löschen",
         "deleteConfig": "Konfiguration löschen",
         "deleteMsg1": "Möchten Sie diesen Model-Eintrag wirklich aus InvokeAI löschen?",
-        "deleteMsg2": "Dadurch wird die Modellprüfpunktdatei nicht von Ihrer Festplatte gelöscht. Sie können sie bei Bedarf erneut hinzufügen.",
+        "deleteMsg2": "Dadurch WIRD das Modell von der Festplatte gelöscht WENN es im InvokeAI Root Ordner liegt. Wenn es in einem anderem Ordner liegt wird das Modell NICHT von der Festplatte gelöscht.",
         "customConfig": "Benutzerdefinierte Konfiguration",
         "invokeRoot": "InvokeAI Ordner",
         "formMessageDiffusersVAELocationDesc": "Falls nicht angegeben, sucht InvokeAI nach der VAE-Datei innerhalb des oben angegebenen Modell Speicherortes.",
-        "checkpointModels": "Kontrollpunkte"
+        "checkpointModels": "Kontrollpunkte",
+        "convert": "Umwandeln",
+        "addCheckpointModel": "Kontrollpunkt / SafeTensors Modell hinzufügen",
+        "allModels": "Alle Modelle",
+        "alpha": "Alpha",
+        "addDifference": "Unterschied hinzufügen",
+        "convertToDiffusersHelpText2": "Bei diesem Vorgang wird Ihr Eintrag im Modell-Manager durch die Diffusor-Version desselben Modells ersetzt.",
+        "convertToDiffusersHelpText5": "Bitte stellen Sie sicher, dass Sie über genügend Speicherplatz verfügen. Die Modelle sind in der Regel zwischen 2 GB und 7 GB groß.",
+        "convertToDiffusersHelpText3": "Ihre Kontrollpunktdatei auf der Festplatte wird NICHT gelöscht oder in irgendeiner Weise verändert. Sie können Ihren Kontrollpunkt dem Modell-Manager wieder hinzufügen, wenn Sie dies wünschen.",
+        "convertToDiffusersHelpText4": "Dies ist ein einmaliger Vorgang. Er kann je nach den Spezifikationen Ihres Computers etwa 30-60 Sekunden dauern.",
+        "convertToDiffusersHelpText6": "Möchten Sie dieses Modell konvertieren?",
+        "custom": "Benutzerdefiniert",
+        "modelConverted": "Modell umgewandelt",
+        "inverseSigmoid": "Inverses Sigmoid",
+        "invokeAIFolder": "Invoke AI Ordner",
+        "formMessageDiffusersModelLocationDesc": "Bitte geben Sie mindestens einen an.",
+        "customSaveLocation": "Benutzerdefinierter Speicherort",
+        "formMessageDiffusersVAELocation": "VAE Speicherort",
+        "mergedModelCustomSaveLocation": "Benutzerdefinierter Pfad",
+        "modelMergeHeaderHelp2": "Nur Diffusers sind für die Zusammenführung verfügbar. Wenn Sie ein Kontrollpunktmodell zusammenführen möchten, konvertieren Sie es bitte zuerst in Diffusers.",
+        "manual": "Manuell",
+        "modelManager": "Modell Manager",
+        "modelMergeAlphaHelp": "Alpha steuert die Überblendungsstärke für die Modelle. Niedrigere Alphawerte führen zu einem geringeren Einfluss des zweiten Modells.",
+        "modelMergeHeaderHelp1": "Sie können bis zu drei verschiedene Modelle miteinander kombinieren, um eine Mischung zu erstellen, die Ihren Bedürfnissen entspricht.",
+        "ignoreMismatch": "Unstimmigkeiten zwischen ausgewählten Modellen ignorieren",
+        "model": "Modell",
+        "convertToDiffusersSaveLocation": "Speicherort",
+        "pathToCustomConfig": "Pfad zur benutzerdefinierten Konfiguration",
+        "v1": "v1",
+        "modelMergeInterpAddDifferenceHelp": "In diesem Modus wird zunächst Modell 3 von Modell 2 subtrahiert. Die resultierende Version wird mit Modell 1 mit dem oben eingestellten Alphasatz gemischt.",
+        "modelTwo": "Modell 2",
+        "modelOne": "Modell 1",
+        "v2_base": "v2 (512px)",
+        "scanForModels": "Nach Modellen suchen",
+        "name": "Name",
+        "safetensorModels": "SafeTensors",
+        "pickModelType": "Modell Typ auswählen",
+        "sameFolder": "Gleicher Ordner",
+        "modelThree": "Modell 3",
+        "v2_768": "v2 (768px)",
+        "none": "Nix",
+        "repoIDValidationMsg": "Online Repo Ihres Modells",
+        "vaeRepoIDValidationMsg": "Online Repo Ihrer VAE",
+        "importModels": "Importiere Modelle",
+        "merge": "Zusammenführen",
+        "addDiffuserModel": "Diffusers hinzufügen",
+        "advanced": "Erweitert",
+        "closeAdvanced": "Schließe Erweitert",
+        "convertingModelBegin": "Konvertiere Modell. Bitte warten.",
+        "customConfigFileLocation": "Benutzerdefinierte Konfiguration Datei Speicherort",
+        "baseModel": "Basis Modell",
+        "convertToDiffusers": "Konvertiere zu Diffusers",
+        "diffusersModels": "Diffusers"
     },
     "parameters": {
         "images": "Bilder",
@@ -352,7 +449,7 @@
         "type": "Art",
         "strength": "Stärke",
         "upscaling": "Hochskalierung",
-        "upscale": "Hochskalieren",
+        "upscale": "Hochskalieren (Shift + U)",
         "upscaleImage": "Bild hochskalieren",
         "scale": "Maßstab",
         "otherOptions": "Andere Optionen",
@@ -369,7 +466,7 @@
         "seamCorrectionHeader": "Nahtkorrektur",
         "infillScalingHeader": "Infill und Skalierung",
         "img2imgStrength": "Bild-zu-Bild-Stärke",
-        "toggleLoopback": "Toggle Loopback",
+        "toggleLoopback": "Loopback umschalten",
         "sendTo": "Senden an",
         "sendToImg2Img": "Senden an Bild zu Bild",
         "sendToUnifiedCanvas": "Senden an Unified Canvas",
@@ -384,8 +481,20 @@
         "initialImage": "Ursprüngliches Bild",
         "showOptionsPanel": "Optionsleiste zeigen",
         "cancel": {
-            "setType": "Abbruchart festlegen"
-        }
+            "setType": "Abbruchart festlegen",
+            "immediate": "Sofort abbrechen",
+            "schedule": "Abbrechen nach der aktuellen Iteration",
+            "isScheduled": "Abbrechen"
+        },
+        "copyImage": "Bild kopieren",
+        "denoisingStrength": "Stärke der Entrauschung",
+        "symmetry": "Symmetrie",
+        "imageToImage": "Bild zu Bild",
+        "info": "Information",
+        "general": "Allgemein",
+        "hiresStrength": "High Res Stärke",
+        "hidePreview": "Verstecke Vorschau",
+        "showPreview": "Zeige Vorschau"
     },
     "settings": {
         "displayInProgress": "Bilder in Bearbeitung anzeigen",
@@ -396,7 +505,9 @@
         "resetWebUI": "Web-Oberfläche zurücksetzen",
         "resetWebUIDesc1": "Das Zurücksetzen der Web-Oberfläche setzt nur den lokalen Cache des Browsers mit Ihren Bildern und gespeicherten Einstellungen zurück. Es werden keine Bilder von der Festplatte gelöscht.",
         "resetWebUIDesc2": "Wenn die Bilder nicht in der Galerie angezeigt werden oder etwas anderes nicht funktioniert, versuchen Sie bitte, die Einstellungen zurückzusetzen, bevor Sie einen Fehler auf GitHub melden.",
-        "resetComplete": "Die Web-Oberfläche wurde zurückgesetzt. Aktualisieren Sie die Seite, um sie neu zu laden."
+        "resetComplete": "Die Web-Oberfläche wurde zurückgesetzt.",
+        "models": "Modelle",
+        "useSlidersForAll": "Schieberegler für alle Optionen verwenden"
     },
     "toast": {
         "tempFoldersEmptied": "Temp-Ordner geleert",
@@ -406,7 +517,7 @@
         "imageCopied": "Bild kopiert",
         "imageLinkCopied": "Bildlink kopiert",
         "imageNotLoaded": "Kein Bild geladen",
-        "imageNotLoadedDesc": "Kein Bild gefunden, das an das Bild zu Bild-Modul gesendet werden kann",
+        "imageNotLoadedDesc": "Konnte kein Bild finden",
         "imageSavedToGallery": "Bild in die Galerie gespeichert",
         "canvasMerged": "Leinwand zusammengeführt",
         "sentToImageToImage": "Gesendet an Bild zu Bild",
@@ -476,7 +587,7 @@
         "autoSaveToGallery": "Automatisch in Galerie speichern",
         "saveBoxRegionOnly": "Nur Auswahlbox speichern",
         "limitStrokesToBox": "Striche auf Box beschränken",
-        "showCanvasDebugInfo": "Leinwand-Debug-Infos anzeigen",
+        "showCanvasDebugInfo": "Zusätzliche Informationen zur Leinwand anzeigen",
         "clearCanvasHistory": "Leinwand-Verlauf löschen",
         "clearHistory": "Verlauf löschen",
         "clearCanvasHistoryMessage": "Wenn Sie den Verlauf der Leinwand löschen, bleibt die aktuelle Leinwand intakt, aber der Verlauf der Rückgängig- und Wiederherstellung wird unwiderruflich gelöscht.",
@@ -501,14 +612,17 @@
         "betaClear": "Löschen",
         "betaDarkenOutside": "Außen abdunkeln",
         "betaLimitToBox": "Begrenzung auf das Feld",
-        "betaPreserveMasked": "Maskiertes bewahren"
+        "betaPreserveMasked": "Maskiertes bewahren",
+        "antialiasing": "Kantenglättung",
+        "showResultsOn": "Zeige Ergebnisse (An)",
+        "showResultsOff": "Zeige Ergebnisse (Aus)"
     },
     "accessibility": {
         "modelSelect": "Model Auswahl",
         "uploadImage": "Bild hochladen",
         "previousImage": "Voriges Bild",
         "useThisParameter": "Benutze diesen Parameter",
-        "copyMetadataJson": "Kopiere metadata JSON",
+        "copyMetadataJson": "Kopiere Metadaten JSON",
         "zoomIn": "Vergrößern",
         "rotateClockwise": "Im Uhrzeigersinn drehen",
         "flipHorizontally": "Horizontal drehen",
@@ -517,9 +631,191 @@
         "toggleAutoscroll": "Auroscroll ein/ausschalten",
         "toggleLogViewer": "Log Betrachter ein/ausschalten",
         "showOptionsPanel": "Zeige Optionen",
-        "reset": "Zurücksetzen",
+        "reset": "Zurücksetzten",
         "nextImage": "Nächstes Bild",
         "zoomOut": "Verkleinern",
-        "rotateCounterClockwise": "Gegen den Uhrzeigersinn verdrehen"
+        "rotateCounterClockwise": "Gegen den Uhrzeigersinn verdrehen",
+        "showGalleryPanel": "Galeriefenster anzeigen",
+        "exitViewer": "Betrachten beenden",
+        "menu": "Menü",
+        "loadMore": "Mehr laden",
+        "invokeProgressBar": "Invoke Fortschrittsanzeige"
+    },
+    "boards": {
+        "autoAddBoard": "Automatisches Hinzufügen zum Ordner",
+        "topMessage": "Dieser Ordner enthält Bilder die in den folgenden Funktionen verwendet werden:",
+        "move": "Bewegen",
+        "menuItemAutoAdd": "Automatisches Hinzufügen zu diesem Ordner",
+        "myBoard": "Meine Ordner",
+        "searchBoard": "Ordner durchsuchen...",
+        "noMatching": "Keine passenden Ordner",
+        "selectBoard": "Ordner aussuchen",
+        "cancel": "Abbrechen",
+        "addBoard": "Ordner hinzufügen",
+        "uncategorized": "Nicht kategorisiert",
+        "downloadBoard": "Ordner runterladen",
+        "changeBoard": "Ordner wechseln",
+        "loading": "Laden...",
+        "clearSearch": "Suche leeren",
+        "bottomMessage": "Durch das Löschen dieses Ordners und seiner Bilder werden alle Funktionen zurückgesetzt, die sie derzeit verwenden."
+    },
+    "controlnet": {
+        "showAdvanced": "Zeige Erweitert",
+        "contentShuffleDescription": "Mischt den Inhalt von einem Bild",
+        "addT2IAdapter": "$t(common.t2iAdapter) hinzufügen",
+        "importImageFromCanvas": "Importieren Bild von Zeichenfläche",
+        "lineartDescription": "Konvertiere Bild zu Lineart",
+        "importMaskFromCanvas": "Importiere Maske von Zeichenfläche",
+        "hed": "HED",
+        "hideAdvanced": "Verstecke Erweitert",
+        "contentShuffle": "Inhalt mischen",
+        "controlNetEnabledT2IDisabled": "$t(common.controlNet) ist aktiv, $t(common.t2iAdapter) ist deaktiviert",
+        "ipAdapterModel": "Adapter Modell",
+        "beginEndStepPercent": "Start / Ende Step Prozent",
+        "duplicate": "Kopieren",
+        "f": "F",
+        "h": "H",
+        "depthMidasDescription": "Tiefenmap erstellen mit Midas",
+        "controlnet": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.controlNet))",
+        "t2iEnabledControlNetDisabled": "$t(common.t2iAdapter) ist aktiv, $t(common.controlNet) ist deaktiviert",
+        "weight": "Breite",
+        "selectModel": "Wähle ein Modell",
+        "depthMidas": "Tiefe (Midas)",
+        "w": "W",
+        "addControlNet": "$t(common.controlNet) hinzufügen",
+        "none": "Kein",
+        "incompatibleBaseModel": "Inkompatibles Basismodell:",
+        "enableControlnet": "Aktiviere ControlNet",
+        "detectResolution": "Auflösung erkennen",
+        "controlNetT2IMutexDesc": "$t(common.controlNet) und $t(common.t2iAdapter) zur gleichen Zeit wird nicht unterstützt.",
+        "ip_adapter": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.ipAdapter))",
+        "fill": "Füllen",
+        "addIPAdapter": "$t(common.ipAdapter) hinzufügen",
+        "colorMapDescription": "Erstelle eine Farbkarte von diesem Bild",
+        "t2i_adapter": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.t2iAdapter))",
+        "imageResolution": "Bild Auflösung",
+        "depthZoe": "Tiefe (Zoe)",
+        "colorMap": "Farbe",
+        "lowThreshold": "Niedrige Schwelle",
+        "highThreshold": "Hohe Schwelle",
+        "toggleControlNet": "Schalten ControlNet um",
+        "delete": "Löschen",
+        "controlAdapter_one": "Control Adapter",
+        "controlAdapter_other": "Control Adapters",
+        "colorMapTileSize": "Tile Größe",
+        "depthZoeDescription": "Tiefenmap erstellen mit Zoe",
+        "setControlImageDimensions": "Setze Control Bild Auflösung auf Breite/Höhe",
+        "handAndFace": "Hand und Gesicht",
+        "enableIPAdapter": "Aktiviere IP Adapter",
+        "resize": "Größe ändern",
+        "resetControlImage": "Zurücksetzen vom Referenz Bild",
+        "balanced": "Ausgewogen",
+        "prompt": "Prompt",
+        "resizeMode": "Größenänderungsmodus",
+        "processor": "Prozessor",
+        "saveControlImage": "Speichere Referenz Bild",
+        "safe": "Speichern",
+        "ipAdapterImageFallback": "Kein IP Adapter Bild ausgewählt",
+        "resetIPAdapterImage": "Zurücksetzen vom IP Adapter Bild"
+    },
+    "queue": {
+        "status": "Status",
+        "cancelTooltip": "Aktuellen Aufgabe abbrechen",
+        "queueEmpty": "Warteschlange leer",
+        "in_progress": "In Arbeit",
+        "queueFront": "An den Anfang der Warteschlange tun",
+        "completed": "Fertig",
+        "queueBack": "In die Warteschlange",
+        "clearFailed": "Probleme beim leeren der Warteschlange",
+        "clearSucceeded": "Warteschlange geleert",
+        "pause": "Pause",
+        "cancelSucceeded": "Auftrag abgebrochen",
+        "queue": "Warteschlange",
+        "batch": "Stapel",
+        "pending": "Ausstehend",
+        "clear": "Leeren",
+        "prune": "Leeren",
+        "total": "Gesamt",
+        "canceled": "Abgebrochen",
+        "clearTooltip": "Abbrechen und alle Aufträge leeren",
+        "current": "Aktuell",
+        "failed": "Fehler",
+        "cancelItem": "Abbruch Auftrag",
+        "next": "Nächste",
+        "cancel": "Abbruch",
+        "session": "Sitzung",
+        "queueTotal": "{{total}} Gesamt",
+        "resume": "Wieder aufnehmen",
+        "item": "Auftrag",
+        "notReady": "Warteschlange noch nicht bereit",
+        "batchValues": "Stapel Werte",
+        "queueCountPrediction": "{{predicted}} zur Warteschlange hinzufügen",
+        "queuedCount": "{{pending}} wartenden Elemente",
+        "clearQueueAlertDialog": "Die Warteschlange leeren, stoppt den aktuellen Prozess und leert die Warteschlange komplett.",
+        "completedIn": "Fertig in",
+        "cancelBatchSucceeded": "Stapel abgebrochen",
+        "cancelBatch": "Stapel stoppen",
+        "enqueueing": "Stapel in der Warteschlange",
+        "queueMaxExceeded": "Maximum von  {{max_queue_size}} Elementen erreicht, würde {{skip}} Elemente überspringen",
+        "cancelBatchFailed": "Problem beim Abbruch vom Stapel",
+        "clearQueueAlertDialog2": "bist du sicher die Warteschlange zu leeren?"
+    },
+    "metadata": {
+        "negativePrompt": "Negativ Beschreibung",
+        "metadata": "Meta-Data",
+        "strength": "Bild zu Bild stärke",
+        "imageDetails": "Bild Details",
+        "model": "Modell",
+        "noImageDetails": "Keine Bild Details gefunden",
+        "cfgScale": "CFG-Skala",
+        "fit": "Bild zu Bild passen",
+        "height": "Höhe",
+        "noMetaData": "Keine Meta-Data gefunden",
+        "width": "Breite",
+        "createdBy": "Erstellt von",
+        "steps": "Schritte"
+    },
+    "popovers": {
+        "noiseUseCPU": {
+            "heading": "Nutze Prozessor rauschen"
+        },
+        "paramModel": {
+            "heading": "Modell"
+        },
+        "paramIterations": {
+            "heading": "Iterationen"
+        },
+        "paramCFGScale": {
+            "heading": "CFG-Skala"
+        },
+        "paramSteps": {
+            "heading": "Schritte"
+        },
+        "lora": {
+            "heading": "LoRA Gewichte"
+        },
+        "infillMethod": {
+            "heading": "Füllmethode"
+        },
+        "paramVAE": {
+            "heading": "VAE"
+        }
+    },
+    "ui": {
+        "lockRatio": "Verhältnis sperren",
+        "hideProgressImages": "Verstecke Prozess Bild",
+        "showProgressImages": "Zeige Prozess Bild"
+    },
+    "invocationCache": {
+        "disable": "Deaktivieren",
+        "misses": "Cache Nötig",
+        "hits": "Cache Treffer",
+        "enable": "Aktivieren",
+        "clear": "Leeren"
+    },
+    "embedding": {
+        "noMatchingEmbedding": "Keine passenden Embeddings",
+        "addEmbedding": "Embedding hinzufügen",
+        "incompatibleModel": "Inkompatibles Basismodell:"
     }
 }

invokeai/frontend/web/dist/locales/en.json

@@ -70,8 +70,8 @@
         "langDutch": "Nederlands",
         "langEnglish": "English",
         "langFrench": "Français",
-        "langGerman": "Deutsch",
-        "langHebrew": "עברית",
+        "langGerman": "German",
+        "langHebrew": "Hebrew",
         "langItalian": "Italiano",
         "langJapanese": "日本語",
         "langKorean": "한국어",
@@ -137,9 +137,9 @@
     "controlnet": {
         "controlAdapter_one": "Control Adapter",
         "controlAdapter_other": "Control Adapters",
-        "controlnet": "$t(controlnet.controlAdapter) #{{number}} ($t(common.controlNet))",
-        "ip_adapter": "$t(controlnet.controlAdapter) #{{number}} ($t(common.ipAdapter))",
-        "t2i_adapter": "$t(controlnet.controlAdapter) #{{number}} ($t(common.t2iAdapter))",
+        "controlnet": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.controlNet))",
+        "ip_adapter": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.ipAdapter))",
+        "t2i_adapter": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.t2iAdapter))",
         "addControlNet": "Add $t(common.controlNet)",
         "addIPAdapter": "Add $t(common.ipAdapter)",
         "addT2IAdapter": "Add $t(common.t2iAdapter)",
@@ -221,6 +221,19 @@
         "resetIPAdapterImage": "Reset IP Adapter Image",
         "ipAdapterImageFallback": "No IP Adapter Image Selected"
     },
+    "hrf": {
+        "hrf": "High Resolution Fix",
+        "enableHrf": "Enable High Resolution Fix",
+        "enableHrfTooltip": "Generate with a lower initial resolution, upscale to the base resolution, then run Image-to-Image.",
+        "upscaleMethod": "Upscale Method",
+        "hrfStrength": "High Resolution Fix Strength",
+        "strengthTooltip": "Lower values result in fewer details, which may reduce potential artifacts.",
+        "metadata": {
+            "enabled": "High Resolution Fix Enabled",
+            "strength": "High Resolution Fix Strength",
+            "method": "High Resolution Fix Method"
+        }
+    },
     "embedding": {
         "addEmbedding": "Add Embedding",
         "incompatibleModel": "Incompatible base model:",
@@ -559,8 +572,10 @@
         "negativePrompt": "Negative Prompt",
         "noImageDetails": "No image details found",
         "noMetaData": "No metadata found",
+        "noRecallParameters": "No parameters to recall found",
         "perlin": "Perlin Noise",
         "positivePrompt": "Positive Prompt",
+        "recallParameters": "Recall Parameters",
         "scheduler": "Scheduler",
         "seamless": "Seamless",
         "seed": "Seed",
@@ -568,6 +583,7 @@
         "strength": "Image to image strength",
         "Threshold": "Noise Threshold",
         "variations": "Seed-weight pairs",
+        "vae": "VAE", 
         "width": "Width",
         "workflow": "Workflow"
     },
@@ -720,7 +736,9 @@
         "noMatchingModels": "No matching Models",
         "noModelsAvailable": "No models available",
         "selectLoRA": "Select a LoRA",
-        "selectModel": "Select a Model"
+        "selectModel": "Select a Model",
+        "noLoRAsInstalled": "No LoRAs installed",
+        "noRefinerModelsInstalled": "No SDXL Refiner models installed"
     },
     "nodes": {
         "addNode": "Add Node",
@@ -1113,13 +1131,13 @@
         "showProgressInViewer": "Show Progress Images in Viewer",
         "ui": "User Interface",
         "useSlidersForAll": "Use Sliders For All Options",
+        "clearIntermediatesDisabled": "Queue must be empty to clear intermediates",
         "clearIntermediatesDesc1": "Clearing intermediates will reset your Canvas and ControlNet state.",
         "clearIntermediatesDesc2": "Intermediate images are byproducts of generation, different from the result images in the gallery. Clearing intermediates will free disk space.",
         "clearIntermediatesDesc3": "Your gallery images will not be deleted.",
         "clearIntermediates": "Clear Intermediates",
         "clearIntermediatesWithCount_one": "Clear {{count}} Intermediate",
         "clearIntermediatesWithCount_other": "Clear {{count}} Intermediates",
-        "clearIntermediatesWithCount_zero": "No Intermediates to Clear",
         "intermediatesCleared_one": "Cleared {{count}} Intermediate",
         "intermediatesCleared_other": "Cleared {{count}} Intermediates",
         "intermediatesClearedFailed": "Problem Clearing Intermediates"

invokeai/frontend/web/dist/locales/it.json

@@ -87,7 +87,9 @@
         "learnMore": "Per saperne di più",
         "ipAdapter": "Adattatore IP",
         "t2iAdapter": "Adattatore T2I",
-        "controlAdapter": "Adattatore di Controllo"
+        "controlAdapter": "Adattatore di Controllo",
+        "controlNet": "ControlNet",
+        "auto": "Automatico"
     },
     "gallery": {
         "generations": "Generazioni",
@@ -115,7 +117,10 @@
         "currentlyInUse": "Questa immagine è attualmente utilizzata nelle seguenti funzionalità:",
         "copy": "Copia",
         "download": "Scarica",
-        "setCurrentImage": "Imposta come immagine corrente"
+        "setCurrentImage": "Imposta come immagine corrente",
+        "preparingDownload": "Preparazione del download",
+        "preparingDownloadFailed": "Problema durante la preparazione del download",
+        "downloadSelection": "Scarica gli elementi selezionati"
     },
     "hotkeys": {
         "keyboardShortcuts": "Tasti rapidi",
@@ -468,7 +473,8 @@
         "useCustomConfig": "Utilizza configurazione personalizzata",
         "closeAdvanced": "Chiudi Avanzate",
         "modelType": "Tipo di modello",
-        "customConfigFileLocation": "Posizione del file di configurazione personalizzato"
+        "customConfigFileLocation": "Posizione del file di configurazione personalizzato",
+        "vaePrecision": "Precisione VAE"
     },
     "parameters": {
         "images": "Immagini",
@@ -570,9 +576,12 @@
             "systemBusy": "Sistema occupato",
             "unableToInvoke": "Impossibile invocare",
             "systemDisconnected": "Sistema disconnesso",
-            "noControlImageForControlAdapter": "L'adattatore di controllo {{number}} non ha un'immagine di controllo",
-            "noModelForControlAdapter": "Nessun modello selezionato per l'adattatore di controllo {{number}}.",
-            "incompatibleBaseModelForControlAdapter": "Il modello dell'adattatore di controllo {{number}} non è compatibile con il modello principale."
+            "noControlImageForControlAdapter": "L'adattatore di controllo #{{number}} non ha un'immagine di controllo",
+            "noModelForControlAdapter": "Nessun modello selezionato per l'adattatore di controllo #{{number}}.",
+            "incompatibleBaseModelForControlAdapter": "Il modello dell'adattatore di controllo #{{number}} non è compatibile con il modello principale.",
+            "missingNodeTemplate": "Modello di nodo mancante",
+            "missingInputForField": "{{nodeLabel}} -> {{fieldLabel}} ingresso mancante",
+            "missingFieldTemplate": "Modello di campo mancante"
         },
         "enableNoiseSettings": "Abilita le impostazioni del rumore",
         "cpuNoise": "Rumore CPU",
@@ -583,7 +592,7 @@
         "iterations": "Iterazioni",
         "iterationsWithCount_one": "{{count}} Iterazione",
         "iterationsWithCount_many": "{{count}} Iterazioni",
-        "iterationsWithCount_other": "",
+        "iterationsWithCount_other": "{{count}} Iterazioni",
         "seamlessX&Y": "Senza cuciture X & Y",
         "isAllowedToUpscale": {
             "useX2Model": "L'immagine è troppo grande per l'ampliamento con il modello x4, utilizza il modello x2",
@@ -591,7 +600,8 @@
         },
         "seamlessX": "Senza cuciture X",
         "seamlessY": "Senza cuciture Y",
-        "imageActions": "Azioni Immagine"
+        "imageActions": "Azioni Immagine",
+        "aspectRatioFree": "Libere"
     },
     "settings": {
         "models": "Modelli",
@@ -620,7 +630,19 @@
         "beta": "Beta",
         "enableNodesEditor": "Abilita l'editor dei nodi",
         "experimental": "Sperimentale",
-        "autoChangeDimensions": "Aggiorna L/A alle impostazioni predefinite del modello in caso di modifica"
+        "autoChangeDimensions": "Aggiorna L/A alle impostazioni predefinite del modello in caso di modifica",
+        "clearIntermediates": "Cancella le immagini intermedie",
+        "clearIntermediatesDesc3": "Le immagini della galleria non verranno eliminate.",
+        "clearIntermediatesDesc2": "Le immagini intermedie sono sottoprodotti della generazione, diversi dalle immagini risultanti nella galleria. La cancellazione degli intermedi libererà spazio su disco.",
+        "intermediatesCleared_one": "Cancellata {{count}} immagine intermedia",
+        "intermediatesCleared_many": "Cancellate {{count}} immagini intermedie",
+        "intermediatesCleared_other": "Cancellate {{count}} immagini intermedie",
+        "clearIntermediatesDesc1": "La cancellazione delle immagini intermedie ripristinerà lo stato di Tela Unificata e ControlNet.",
+        "intermediatesClearedFailed": "Problema con la cancellazione delle immagini intermedie",
+        "clearIntermediatesWithCount_one": "Cancella {{count}} immagine intermedia",
+        "clearIntermediatesWithCount_many": "Cancella {{count}} immagini intermedie",
+        "clearIntermediatesWithCount_other": "Cancella {{count}} immagini intermedie",
+        "clearIntermediatesDisabled": "La coda deve essere vuota per cancellare le immagini intermedie"
     },
     "toast": {
         "tempFoldersEmptied": "Cartella temporanea svuotata",
@@ -670,9 +692,9 @@
         "nodesUnrecognizedTypes": "Impossibile caricare. Il grafico ha tipi di dati non riconosciuti",
         "nodesNotValidJSON": "JSON non valido",
         "nodesBrokenConnections": "Impossibile caricare. Alcune connessioni sono interrotte.",
-        "baseModelChangedCleared_one": "Il modello base è stato modificato, cancellato o disabilitato {{number}} sotto-modello incompatibile",
-        "baseModelChangedCleared_many": "",
-        "baseModelChangedCleared_other": "",
+        "baseModelChangedCleared_one": "Il modello base è stato modificato, cancellato o disabilitato {{count}} sotto-modello incompatibile",
+        "baseModelChangedCleared_many": "Il modello base è stato modificato, cancellato o disabilitato {{count}} sotto-modelli incompatibili",
+        "baseModelChangedCleared_other": "Il modello base è stato modificato, cancellato o disabilitato {{count}} sotto-modelli incompatibili",
         "imageSavingFailed": "Salvataggio dell'immagine non riuscito",
         "canvasSentControlnetAssets": "Tela inviata a ControlNet & Risorse",
         "problemCopyingCanvasDesc": "Impossibile copiare la tela",
@@ -866,7 +888,145 @@
         "workflowValidation": "Errore di convalida del flusso di lavoro",
         "workflowAuthor": "Autore",
         "workflowName": "Nome",
-        "workflowNotes": "Note"
+        "workflowNotes": "Note",
+        "unhandledInputProperty": "Proprietà di input non gestita",
+        "versionUnknown": " Versione sconosciuta",
+        "unableToValidateWorkflow": "Impossibile convalidare il flusso di lavoro",
+        "updateApp": "Aggiorna App",
+        "problemReadingWorkflow": "Problema durante la lettura del flusso di lavoro dall'immagine",
+        "unableToLoadWorkflow": "Impossibile caricare il flusso di lavoro",
+        "updateNode": "Aggiorna nodo",
+        "version": "Versione",
+        "notes": "Note",
+        "problemSettingTitle": "Problema nell'impostazione del titolo",
+        "unkownInvocation": "Tipo di invocazione sconosciuta",
+        "unknownTemplate": "Modello sconosciuto",
+        "nodeType": "Tipo di nodo",
+        "vaeField": "VAE",
+        "unhandledOutputProperty": "Proprietà di output non gestita",
+        "notesDescription": "Aggiunge note sul tuo flusso di lavoro",
+        "unknownField": "Campo sconosciuto",
+        "unknownNode": "Nodo sconosciuto",
+        "vaeFieldDescription": "Sotto modello VAE.",
+        "booleanPolymorphicDescription": "Una raccolta di booleani.",
+        "missingTemplate": "Modello mancante",
+        "outputSchemaNotFound": "Schema di output non trovato",
+        "colorFieldDescription": "Un colore RGBA.",
+        "maybeIncompatible": "Potrebbe essere incompatibile con quello installato",
+        "noNodeSelected": "Nessun nodo selezionato",
+        "colorPolymorphic": "Colore polimorfico",
+        "booleanCollectionDescription": "Una raccolta di booleani.",
+        "colorField": "Colore",
+        "nodeTemplate": "Modello di nodo",
+        "nodeOpacity": "Opacità del nodo",
+        "pickOne": "Sceglierne uno",
+        "outputField": "Campo di output",
+        "nodeSearch": "Cerca nodi",
+        "nodeOutputs": "Uscite del nodo",
+        "collectionItem": "Oggetto della raccolta",
+        "noConnectionInProgress": "Nessuna connessione in corso",
+        "noConnectionData": "Nessun dato di connessione",
+        "outputFields": "Campi di output",
+        "cannotDuplicateConnection": "Impossibile creare connessioni duplicate",
+        "booleanPolymorphic": "Polimorfico booleano",
+        "colorPolymorphicDescription": "Una collezione di colori polimorfici.",
+        "missingCanvaInitImage": "Immagine iniziale della tela mancante",
+        "clipFieldDescription": "Sottomodelli di tokenizzatore e codificatore di testo.",
+        "noImageFoundState": "Nessuna immagine iniziale trovata nello stato",
+        "clipField": "CLIP",
+        "noMatchingNodes": "Nessun nodo corrispondente",
+        "noFieldType": "Nessun tipo di campo",
+        "colorCollection": "Una collezione di colori.",
+        "noOutputSchemaName": "Nessun nome dello schema di output trovato nell'oggetto di riferimento",
+        "boolean": "Booleani",
+        "missingCanvaInitMaskImages": "Immagini di inizializzazione e maschera della tela mancanti",
+        "oNNXModelField": "Modello ONNX",
+        "node": "Nodo",
+        "booleanDescription": "I booleani sono veri o falsi.",
+        "collection": "Raccolta",
+        "cannotConnectInputToInput": "Impossibile collegare Input a Input",
+        "cannotConnectOutputToOutput": "Impossibile collegare Output ad Output",
+        "booleanCollection": "Raccolta booleana",
+        "cannotConnectToSelf": "Impossibile connettersi a se stesso",
+        "mismatchedVersion": "Ha una versione non corrispondente",
+        "outputNode": "Nodo di Output",
+        "loadingNodes": "Caricamento nodi...",
+        "oNNXModelFieldDescription": "Campo del modello ONNX.",
+        "denoiseMaskFieldDescription": "La maschera di riduzione del rumore può essere passata tra i nodi",
+        "floatCollectionDescription": "Una raccolta di numeri virgola mobile.",
+        "enum": "Enumeratore",
+        "float": "In virgola mobile",
+        "doesNotExist": "non esiste",
+        "currentImageDescription": "Visualizza l'immagine corrente nell'editor dei nodi",
+        "fieldTypesMustMatch": "I tipi di campo devono corrispondere",
+        "edge": "Bordo",
+        "enumDescription": "Gli enumeratori sono valori che possono essere una delle diverse opzioni.",
+        "denoiseMaskField": "Maschera riduzione rumore",
+        "currentImage": "Immagine corrente",
+        "floatCollection": "Raccolta in virgola mobile",
+        "inputField": "Campo di Input",
+        "controlFieldDescription": "Informazioni di controllo passate tra i nodi.",
+        "skippingUnknownOutputType": "Tipo di campo di output sconosciuto saltato",
+        "latentsFieldDescription": "Le immagini latenti possono essere passate tra i nodi.",
+        "ipAdapterPolymorphicDescription": "Una raccolta di adattatori IP.",
+        "latentsPolymorphicDescription": "Le immagini latenti possono essere passate tra i nodi.",
+        "ipAdapterCollection": "Raccolta Adattatori IP",
+        "conditioningCollection": "Raccolta condizionamenti",
+        "ipAdapterPolymorphic": "Adattatore IP Polimorfico",
+        "integerPolymorphicDescription": "Una raccolta di numeri interi.",
+        "conditioningCollectionDescription": "Il condizionamento può essere passato tra i nodi.",
+        "skippingReservedFieldType": "Tipo di campo riservato saltato",
+        "conditioningPolymorphic": "Condizionamento Polimorfico",
+        "integer": "Numero Intero",
+        "latentsCollection": "Raccolta Latenti",
+        "sourceNode": "Nodo di origine",
+        "integerDescription": "Gli interi sono numeri senza punto decimale.",
+        "stringPolymorphic": "Stringa polimorfica",
+        "conditioningPolymorphicDescription": "Il condizionamento può essere passato tra i nodi.",
+        "skipped": "Saltato",
+        "imagePolymorphic": "Immagine Polimorfica",
+        "imagePolymorphicDescription": "Una raccolta di immagini.",
+        "floatPolymorphic": "Numeri in virgola mobile Polimorfici",
+        "ipAdapterCollectionDescription": "Una raccolta di adattatori IP.",
+        "stringCollectionDescription": "Una raccolta di stringhe.",
+        "unableToParseNode": "Impossibile analizzare il nodo",
+        "controlCollection": "Raccolta di Controllo",
+        "stringCollection": "Raccolta di stringhe",
+        "inputMayOnlyHaveOneConnection": "L'ingresso può avere solo una connessione",
+        "ipAdapter": "Adattatore IP",
+        "integerCollection": "Raccolta di numeri interi",
+        "controlCollectionDescription": "Informazioni di controllo passate tra i nodi.",
+        "skippedReservedInput": "Campo di input riservato saltato",
+        "inputNode": "Nodo di Input",
+        "imageField": "Immagine",
+        "skippedReservedOutput": "Campo di output riservato saltato",
+        "integerCollectionDescription": "Una raccolta di numeri interi.",
+        "conditioningFieldDescription": "Il condizionamento può essere passato tra i nodi.",
+        "stringDescription": "Le stringhe sono testo.",
+        "integerPolymorphic": "Numero intero Polimorfico",
+        "ipAdapterModel": "Modello Adattatore IP",
+        "latentsPolymorphic": "Latenti polimorfici",
+        "skippingInputNoTemplate": "Campo di input senza modello saltato",
+        "ipAdapterDescription": "Un adattatore di prompt di immagini (Adattatore IP).",
+        "stringPolymorphicDescription": "Una raccolta di stringhe.",
+        "skippingUnknownInputType": "Tipo di campo di input sconosciuto saltato",
+        "controlField": "Controllo",
+        "ipAdapterModelDescription": "Campo Modello adattatore IP",
+        "invalidOutputSchema": "Schema di output non valido",
+        "floatDescription": "I numeri in virgola mobile sono numeri con un punto decimale.",
+        "floatPolymorphicDescription": "Una raccolta di numeri in virgola mobile.",
+        "conditioningField": "Condizionamento",
+        "string": "Stringa",
+        "latentsField": "Latenti",
+        "connectionWouldCreateCycle": "La connessione creerebbe un ciclo",
+        "inputFields": "Campi di Input",
+        "uNetFieldDescription": "Sub-modello UNet.",
+        "imageCollectionDescription": "Una raccolta di immagini.",
+        "imageFieldDescription": "Le immagini possono essere passate tra i nodi.",
+        "unableToParseEdge": "Impossibile analizzare il bordo",
+        "latentsCollectionDescription": "Le immagini latenti possono essere passate tra i nodi.",
+        "imageCollection": "Raccolta Immagini",
+        "loRAModelField": "LoRA"
     },
     "boards": {
         "autoAddBoard": "Aggiungi automaticamente bacheca",
@@ -883,7 +1043,8 @@
         "searchBoard": "Cerca bacheche ...",
         "noMatching": "Nessuna bacheca corrispondente",
         "selectBoard": "Seleziona una Bacheca",
-        "uncategorized": "Non categorizzato"
+        "uncategorized": "Non categorizzato",
+        "downloadBoard": "Scarica la bacheca"
     },
     "controlnet": {
         "contentShuffleDescription": "Rimescola il contenuto di un'immagine",
@@ -951,8 +1112,13 @@
         "addControlNet": "Aggiungi $t(common.controlNet)",
         "controlNetT2IMutexDesc": "$t(common.controlNet) e $t(common.t2iAdapter) contemporaneamente non sono attualmente supportati.",
         "addIPAdapter": "Aggiungi $t(common.ipAdapter)",
-        "controlAdapter": "Adattatore di Controllo",
-        "megaControl": "Mega ControlNet"
+        "controlAdapter_one": "Adattatore di Controllo",
+        "controlAdapter_many": "Adattatori di Controllo",
+        "controlAdapter_other": "Adattatori di Controllo",
+        "megaControl": "Mega ControlNet",
+        "minConfidence": "Confidenza minima",
+        "scribble": "Scribble",
+        "amult": "Angolo di illuminazione"
     },
     "queue": {
         "queueFront": "Aggiungi all'inizio della coda",
@@ -979,7 +1145,9 @@
         "pause": "Sospendi",
         "pruneTooltip": "Rimuovi {{item_count}} elementi completati",
         "cancelSucceeded": "Elemento annullato",
-        "batchQueuedDesc": "Aggiunte {{item_count}} sessioni a {{direction}} della coda",
+        "batchQueuedDesc_one": "Aggiunta {{count}} sessione a {{direction}} della coda",
+        "batchQueuedDesc_many": "Aggiunte {{count}} sessioni a {{direction}} della coda",
+        "batchQueuedDesc_other": "Aggiunte {{count}} sessioni a {{direction}} della coda",
         "graphQueued": "Grafico in coda",
         "batch": "Lotto",
         "clearQueueAlertDialog": "Lo svuotamento della coda annulla immediatamente tutti gli elementi in elaborazione e cancella completamente la coda.",
@@ -1025,7 +1193,9 @@
         "noLoRAsAvailable": "Nessun LoRA disponibile",
         "noModelsAvailable": "Nessun modello disponibile",
         "selectModel": "Seleziona un modello",
-        "selectLoRA": "Seleziona un LoRA"
+        "selectLoRA": "Seleziona un LoRA",
+        "noRefinerModelsInstalled": "Nessun modello SDXL Refiner installato",
+        "noLoRAsInstalled": "Nessun LoRA installato"
     },
     "invocationCache": {
         "disable": "Disabilita",
@@ -1056,7 +1226,7 @@
         "maxPrompts": "Numero massimo di prompt",
         "promptsWithCount_one": "{{count}} Prompt",
         "promptsWithCount_many": "{{count}} Prompt",
-        "promptsWithCount_other": "",
+        "promptsWithCount_other": "{{count}} Prompt",
         "dynamicPrompts": "Prompt dinamici"
     },
     "popovers": {
@@ -1268,7 +1438,8 @@
         "controlNet": {
             "paragraphs": [
                 "ControlNet fornisce una guida al processo di generazione, aiutando a creare immagini con composizione, struttura o stile controllati, a seconda del modello selezionato."
-            ]
+            ],
+            "heading": "ControlNet"
         }
     },
     "sdxl": {
@@ -1313,6 +1484,21 @@
         "createdBy": "Creato da",
         "workflow": "Flusso di lavoro",
         "steps": "Passi",
-        "scheduler": "Campionatore"
+        "scheduler": "Campionatore",
+        "recallParameters": "Richiama i parametri",
+        "noRecallParameters": "Nessun parametro da richiamare trovato"
+    },
+    "hrf": {
+        "enableHrf": "Abilita Correzione Alta Risoluzione",
+        "upscaleMethod": "Metodo di ampliamento",
+        "enableHrfTooltip": "Genera con una risoluzione iniziale inferiore, esegue l'ampliamento alla risoluzione di base, quindi esegue Immagine a Immagine.",
+        "metadata": {
+            "strength": "Forza della Correzione Alta Risoluzione",
+            "enabled": "Correzione Alta Risoluzione Abilitata",
+            "method": "Metodo della Correzione Alta Risoluzione"
+        },
+        "hrf": "Correzione Alta Risoluzione",
+        "hrfStrength": "Forza della Correzione Alta Risoluzione",
+        "strengthTooltip": "Valori più bassi comportano meno dettagli, il che può ridurre potenziali artefatti."
     }
 }

invokeai/frontend/web/dist/locales/ja.json

@@ -1,6 +1,6 @@
 {
     "common": {
-        "languagePickerLabel": "言語選択",
+        "languagePickerLabel": "言語",
         "reportBugLabel": "バグ報告",
         "settingsLabel": "設定",
         "langJapanese": "日本語",
@@ -63,11 +63,34 @@
         "langFrench": "Français",
         "langGerman": "Deutsch",
         "langPortuguese": "Português",
-        "nodes": "ノード",
+        "nodes": "ワークフローエディター",
         "langKorean": "한국어",
         "langPolish": "Polski",
         "txt2img": "txt2img",
-        "postprocessing": "Post Processing"
+        "postprocessing": "Post Processing",
+        "t2iAdapter": "T2I アダプター",
+        "communityLabel": "コミュニティ",
+        "dontAskMeAgain": "次回から確認しない",
+        "areYouSure": "本当によろしいですか？",
+        "on": "オン",
+        "nodeEditor": "ノードエディター",
+        "ipAdapter": "IPアダプター",
+        "controlAdapter": "コントロールアダプター",
+        "auto": "自動",
+        "openInNewTab": "新しいタブで開く",
+        "controlNet": "コントロールネット",
+        "statusProcessing": "処理中",
+        "linear": "リニア",
+        "imageFailedToLoad": "画像が読み込めません",
+        "imagePrompt": "画像プロンプト",
+        "modelManager": "モデルマネージャー",
+        "lightMode": "ライトモード",
+        "generate": "生成",
+        "learnMore": "もっと学ぶ",
+        "darkMode": "ダークモード",
+        "random": "ランダム",
+        "batch": "バッチマネージャー",
+        "advanced": "高度な設定"
     },
     "gallery": {
         "uploads": "アップロード",
@@ -274,7 +297,7 @@
         "config": "Config",
         "configValidationMsg": "モデルの設定ファイルへのパス",
         "modelLocation": "モデルの場所",
-        "modelLocationValidationMsg": "モデルが配置されている場所へのパス。",
+        "modelLocationValidationMsg": "ディフューザーモデルのあるローカルフォルダーのパスを入力してください",
         "repo_id": "Repo ID",
         "repoIDValidationMsg": "モデルのリモートリポジトリ",
         "vaeLocation": "VAEの場所",
@@ -309,12 +332,79 @@
         "delete": "削除",
         "deleteModel": "モデルを削除",
         "deleteConfig": "設定を削除",
-        "deleteMsg1": "InvokeAIからこのモデルエントリーを削除してよろしいですか?",
-        "deleteMsg2": "これは、ドライブからモデルのCheckpointファイルを削除するものではありません。必要であればそれらを読み込むことができます。",
+        "deleteMsg1": "InvokeAIからこのモデルを削除してよろしいですか?",
+        "deleteMsg2": "これは、モデルがInvokeAIルートフォルダ内にある場合、ディスクからモデルを削除します。カスタム保存場所を使用している場合、モデルはディスクから削除されません。",
         "formMessageDiffusersModelLocation": "Diffusersモデルの場所",
         "formMessageDiffusersModelLocationDesc": "最低でも1つは入力してください。",
         "formMessageDiffusersVAELocation": "VAEの場所s",
-        "formMessageDiffusersVAELocationDesc": "指定しない場合、InvokeAIは上記のモデルの場所にあるVAEファイルを探します。"
+        "formMessageDiffusersVAELocationDesc": "指定しない場合、InvokeAIは上記のモデルの場所にあるVAEファイルを探します。",
+        "importModels": "モデルをインポート",
+        "custom": "カスタム",
+        "none": "なし",
+        "convert": "変換",
+        "statusConverting": "変換中",
+        "cannotUseSpaces": "スペースは使えません",
+        "convertToDiffusersHelpText6": "このモデルを変換しますか？",
+        "checkpointModels": "チェックポイント",
+        "settings": "設定",
+        "convertingModelBegin": "モデルを変換しています...",
+        "baseModel": "ベースモデル",
+        "modelDeleteFailed": "モデルの削除ができませんでした",
+        "convertToDiffusers": "ディフューザーに変換",
+        "alpha": "アルファ",
+        "diffusersModels": "ディフューザー",
+        "pathToCustomConfig": "カスタム設定のパス",
+        "noCustomLocationProvided": "カスタムロケーションが指定されていません",
+        "modelConverted": "モデル変換が完了しました",
+        "weightedSum": "重み付け総和",
+        "inverseSigmoid": "逆シグモイド",
+        "invokeAIFolder": "Invoke AI フォルダ",
+        "syncModelsDesc": "モデルがバックエンドと同期していない場合、このオプションを使用してモデルを更新できます。通常、モデル.yamlファイルを手動で更新したり、アプリケーションの起動後にモデルをInvokeAIルートフォルダに追加した場合に便利です。",
+        "noModels": "モデルが見つかりません",
+        "sigmoid": "シグモイド",
+        "merge": "マージ",
+        "modelMergeInterpAddDifferenceHelp": "このモードでは、モデル3がまずモデル2から減算されます。その結果得られたバージョンが、上記で設定されたアルファ率でモデル1とブレンドされます。",
+        "customConfig": "カスタム設定",
+        "predictionType": "予測タイプ（安定したディフュージョン 2.x モデルおよび一部の安定したディフュージョン 1.x モデル用）",
+        "selectModel": "モデルを選択",
+        "modelSyncFailed": "モデルの同期に失敗しました",
+        "quickAdd": "クイック追加",
+        "simpleModelDesc": "ローカルのDiffusersモデル、ローカルのチェックポイント/safetensorsモデル、HuggingFaceリポジトリのID、またはチェックポイント/ DiffusersモデルのURLへのパスを指定してください。",
+        "customSaveLocation": "カスタム保存場所",
+        "advanced": "高度な設定",
+        "modelDeleted": "モデルが削除されました",
+        "convertToDiffusersHelpText2": "このプロセスでは、モデルマネージャーのエントリーを同じモデルのディフューザーバージョンに置き換えます。",
+        "modelUpdateFailed": "モデル更新が失敗しました",
+        "useCustomConfig": "カスタム設定を使用する",
+        "convertToDiffusersHelpText5": "十分なディスク空き容量があることを確認してください。モデルは一般的に2GBから7GBのサイズがあります。",
+        "modelConversionFailed": "モデル変換が失敗しました",
+        "modelEntryDeleted": "モデルエントリーが削除されました",
+        "syncModels": "モデルを同期",
+        "mergedModelSaveLocation": "保存場所",
+        "closeAdvanced": "高度な設定を閉じる",
+        "modelType": "モデルタイプ",
+        "modelsMerged": "モデルマージ完了",
+        "modelsMergeFailed": "モデルマージ失敗",
+        "scanForModels": "モデルをスキャン",
+        "customConfigFileLocation": "カスタム設定ファイルの場所",
+        "convertToDiffusersHelpText1": "このモデルは 🧨 Diffusers フォーマットに変換されます。",
+        "modelsSynced": "モデルが同期されました",
+        "invokeRoot": "InvokeAIフォルダ",
+        "mergedModelCustomSaveLocation": "カスタムパス",
+        "mergeModels": "マージモデル",
+        "interpolationType": "補間タイプ",
+        "modelMergeHeaderHelp2": "マージできるのはDiffusersのみです。チェックポイントモデルをマージしたい場合は、まずDiffusersに変換してください。",
+        "convertToDiffusersSaveLocation": "保存場所",
+        "pickModelType": "モデルタイプを選択",
+        "sameFolder": "同じフォルダ",
+        "convertToDiffusersHelpText3": "チェックポイントファイルは、InvokeAIルートフォルダ内にある場合、ディスクから削除されます。カスタムロケーションにある場合は、削除されません。",
+        "loraModels": "LoRA",
+        "modelMergeAlphaHelp": "アルファはモデルのブレンド強度を制御します。アルファ値が低いと、2番目のモデルの影響が低くなります。",
+        "addDifference": "差分を追加",
+        "modelMergeHeaderHelp1": "あなたのニーズに適したブレンドを作成するために、異なるモデルを最大3つまでマージすることができます。",
+        "ignoreMismatch": "選択されたモデル間の不一致を無視する",
+        "convertToDiffusersHelpText4": "これは一回限りのプロセスです。コンピュータの仕様によっては、約30秒から60秒かかる可能性があります。",
+        "mergedModelName": "マージされたモデル名"
     },
     "parameters": {
         "images": "画像",
@@ -440,7 +530,8 @@
         "next": "次",
         "accept": "同意",
         "showHide": "表示/非表示",
-        "discardAll": "すべて破棄"
+        "discardAll": "すべて破棄",
+        "snapToGrid": "グリッドにスナップ"
     },
     "accessibility": {
         "modelSelect": "モデルを選択",
@@ -452,7 +543,7 @@
         "useThisParameter": "このパラメータを使用する",
         "copyMetadataJson": "メタデータをコピー(JSON)",
         "zoomIn": "ズームイン",
-        "exitViewer": "ExitViewer",
+        "exitViewer": "ビューアーを終了",
         "zoomOut": "ズームアウト",
         "rotateCounterClockwise": "反時計回りに回転",
         "rotateClockwise": "時計回りに回転",
@@ -461,6 +552,265 @@
         "toggleAutoscroll": "自動スクロールの切替",
         "modifyConfig": "Modify Config",
         "toggleLogViewer": "Log Viewerの切替",
-        "showOptionsPanel": "オプションパネルを表示"
+        "showOptionsPanel": "サイドパネルを表示",
+        "showGalleryPanel": "ギャラリーパネルを表示",
+        "menu": "メニュー",
+        "loadMore": "さらに読み込む"
+    },
+    "controlnet": {
+        "resize": "リサイズ",
+        "showAdvanced": "高度な設定を表示",
+        "addT2IAdapter": "$t(common.t2iAdapter)を追加",
+        "importImageFromCanvas": "キャンバスから画像をインポート",
+        "lineartDescription": "画像を線画に変換",
+        "importMaskFromCanvas": "キャンバスからマスクをインポート",
+        "hideAdvanced": "高度な設定を非表示",
+        "ipAdapterModel": "アダプターモデル",
+        "resetControlImage": "コントロール画像をリセット",
+        "beginEndStepPercent": "開始 / 終了ステップパーセンテージ",
+        "duplicate": "複製",
+        "balanced": "バランス",
+        "prompt": "プロンプト",
+        "depthMidasDescription": "Midasを使用して深度マップを生成",
+        "openPoseDescription": "Openposeを使用してポーズを推定",
+        "control": "コントロール",
+        "resizeMode": "リサイズモード",
+        "weight": "重み",
+        "selectModel": "モデルを選択",
+        "crop": "切り抜き",
+        "w": "幅",
+        "processor": "プロセッサー",
+        "addControlNet": "$t(common.controlNet)を追加",
+        "none": "なし",
+        "incompatibleBaseModel": "互換性のないベースモデル:",
+        "enableControlnet": "コントロールネットを有効化",
+        "detectResolution": "検出解像度",
+        "controlNetT2IMutexDesc": "$t(common.controlNet)と$t(common.t2iAdapter)の同時使用は現在サポートされていません。",
+        "pidiDescription": "PIDI画像処理",
+        "controlMode": "コントロールモード",
+        "fill": "塗りつぶし",
+        "cannyDescription": "Canny 境界検出",
+        "addIPAdapter": "$t(common.ipAdapter)を追加",
+        "colorMapDescription": "画像からカラーマップを生成",
+        "lineartAnimeDescription": "アニメスタイルの線画処理",
+        "imageResolution": "画像解像度",
+        "megaControl": "メガコントロール",
+        "lowThreshold": "最低閾値",
+        "autoConfigure": "プロセッサーを自動設定",
+        "highThreshold": "最大閾値",
+        "saveControlImage": "コントロール画像を保存",
+        "toggleControlNet": "このコントロールネットを切り替え",
+        "delete": "削除",
+        "controlAdapter_other": "コントロールアダプター",
+        "colorMapTileSize": "タイルサイズ",
+        "ipAdapterImageFallback": "IP Adapterの画像が選択されていません",
+        "mediapipeFaceDescription": "Mediapipeを使用して顔を検出",
+        "depthZoeDescription": "Zoeを使用して深度マップを生成",
+        "setControlImageDimensions": "コントロール画像のサイズを幅と高さにセット",
+        "resetIPAdapterImage": "IP Adapterの画像をリセット",
+        "handAndFace": "手と顔",
+        "enableIPAdapter": "IP Adapterを有効化",
+        "amult": "a_mult",
+        "contentShuffleDescription": "画像の内容をシャッフルします",
+        "bgth": "bg_th",
+        "controlNetEnabledT2IDisabled": "$t(common.controlNet) が有効化され、$t(common.t2iAdapter)s が無効化されました",
+        "controlnet": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.controlNet))",
+        "t2iEnabledControlNetDisabled": "$t(common.t2iAdapter) が有効化され、$t(common.controlNet)s が無効化されました",
+        "ip_adapter": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.ipAdapter))",
+        "t2i_adapter": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.t2iAdapter))",
+        "minConfidence": "最小確信度",
+        "colorMap": "Color",
+        "noneDescription": "処理は行われていません",
+        "canny": "Canny",
+        "hedDescription": "階層的エッジ検出",
+        "maxFaces": "顔の最大数"
+    },
+    "metadata": {
+        "seamless": "シームレス",
+        "Threshold": "ノイズ閾値",
+        "seed": "シード",
+        "width": "幅",
+        "workflow": "ワークフロー",
+        "steps": "ステップ",
+        "scheduler": "スケジューラー",
+        "positivePrompt": "ポジティブプロンプト",
+        "strength": "Image to Image 強度",
+        "perlin": "パーリンノイズ",
+        "recallParameters": "パラメータを呼び出す"
+    },
+    "queue": {
+        "queueEmpty": "キューが空です",
+        "pauseSucceeded": "処理が一時停止されました",
+        "queueFront": "キューの先頭へ追加",
+        "queueBack": "キューに追加",
+        "queueCountPrediction": "{{predicted}}をキューに追加",
+        "queuedCount": "保留中 {{pending}}",
+        "pause": "一時停止",
+        "queue": "キュー",
+        "pauseTooltip": "処理を一時停止",
+        "cancel": "キャンセル",
+        "queueTotal": "合計 {{total}}",
+        "resumeSucceeded": "処理が再開されました",
+        "resumeTooltip": "処理を再開",
+        "resume": "再会",
+        "status": "ステータス",
+        "pruneSucceeded": "キューから完了アイテム{{item_count}}件を削除しました",
+        "cancelTooltip": "現在のアイテムをキャンセル",
+        "in_progress": "進行中",
+        "notReady": "キューに追加できません",
+        "batchFailedToQueue": "バッチをキューに追加できませんでした",
+        "completed": "完了",
+        "batchValues": "バッチの値",
+        "cancelFailed": "アイテムのキャンセルに問題があります",
+        "batchQueued": "バッチをキューに追加しました",
+        "pauseFailed": "処理の一時停止に問題があります",
+        "clearFailed": "キューのクリアに問題があります",
+        "front": "先頭",
+        "clearSucceeded": "キューがクリアされました",
+        "pruneTooltip": "{{item_count}} の完了アイテムを削除",
+        "cancelSucceeded": "アイテムがキャンセルされました",
+        "batchQueuedDesc_other": "{{count}} セッションをキューの{{direction}}に追加しました",
+        "graphQueued": "グラフをキューに追加しました",
+        "batch": "バッチ",
+        "clearQueueAlertDialog": "キューをクリアすると、処理中のアイテムは直ちにキャンセルされ、キューは完全にクリアされます。",
+        "pending": "保留中",
+        "resumeFailed": "処理の再開に問題があります",
+        "clear": "クリア",
+        "total": "合計",
+        "canceled": "キャンセル",
+        "pruneFailed": "キューの削除に問題があります",
+        "cancelBatchSucceeded": "バッチがキャンセルされました",
+        "clearTooltip": "全てのアイテムをキャンセルしてクリア",
+        "current": "現在",
+        "failed": "失敗",
+        "cancelItem": "項目をキャンセル",
+        "next": "次",
+        "cancelBatch": "バッチをキャンセル",
+        "session": "セッション",
+        "enqueueing": "バッチをキューに追加",
+        "queueMaxExceeded": "{{max_queue_size}} の最大値を超えたため、{{skip}} をスキップします",
+        "cancelBatchFailed": "バッチのキャンセルに問題があります",
+        "clearQueueAlertDialog2": "キューをクリアしてもよろしいですか？",
+        "item": "アイテム",
+        "graphFailedToQueue": "グラフをキューに追加できませんでした"
+    },
+    "models": {
+        "noMatchingModels": "一致するモデルがありません",
+        "loading": "読み込み中",
+        "noMatchingLoRAs": "一致するLoRAがありません",
+        "noLoRAsAvailable": "使用可能なLoRAがありません",
+        "noModelsAvailable": "使用可能なモデルがありません",
+        "selectModel": "モデルを選択してください",
+        "selectLoRA": "LoRAを選択してください"
+    },
+    "nodes": {
+        "addNode": "ノードを追加",
+        "boardField": "ボード",
+        "boolean": "ブーリアン",
+        "boardFieldDescription": "ギャラリーボード",
+        "addNodeToolTip": "ノードを追加 (Shift+A, Space)",
+        "booleanPolymorphicDescription": "ブーリアンのコレクション。",
+        "inputField": "入力フィールド",
+        "latentsFieldDescription": "潜在空間はノード間で伝達できます。",
+        "floatCollectionDescription": "浮動小数点のコレクション。",
+        "missingTemplate": "テンプレートが見つかりません",
+        "ipAdapterPolymorphicDescription": "IP-Adaptersのコレクション。",
+        "latentsPolymorphicDescription": "潜在空間はノード間で伝達できます。",
+        "colorFieldDescription": "RGBAカラー。",
+        "ipAdapterCollection": "IP-Adapterコレクション",
+        "conditioningCollection": "条件付きコレクション",
+        "hideGraphNodes": "グラフオーバーレイを非表示",
+        "loadWorkflow": "ワークフローを読み込み",
+        "integerPolymorphicDescription": "整数のコレクション。",
+        "hideLegendNodes": "フィールドタイプの凡例を非表示",
+        "float": "浮動小数点",
+        "booleanCollectionDescription": "ブーリアンのコレクション。",
+        "integer": "整数",
+        "colorField": "カラー",
+        "nodeTemplate": "ノードテンプレート",
+        "integerDescription": "整数は小数点を持たない数値です。",
+        "imagePolymorphicDescription": "画像のコレクション。",
+        "doesNotExist": "存在しません",
+        "ipAdapterCollectionDescription": "IP-Adaptersのコレクション。",
+        "inputMayOnlyHaveOneConnection": "入力は1つの接続しか持つことができません",
+        "nodeOutputs": "ノード出力",
+        "currentImageDescription": "ノードエディタ内の現在の画像を表示",
+        "downloadWorkflow": "ワークフローのJSONをダウンロード",
+        "integerCollection": "整数コレクション",
+        "collectionItem": "コレクションアイテム",
+        "fieldTypesMustMatch": "フィールドタイプが一致している必要があります",
+        "edge": "輪郭",
+        "inputNode": "入力ノード",
+        "imageField": "画像",
+        "animatedEdgesHelp": "選択したエッジおよび選択したノードに接続されたエッジをアニメーション化します",
+        "cannotDuplicateConnection": "重複した接続は作れません",
+        "noWorkflow": "ワークフローがありません",
+        "integerCollectionDescription": "整数のコレクション。",
+        "colorPolymorphicDescription": "カラーのコレクション。",
+        "missingCanvaInitImage": "キャンバスの初期画像が見つかりません",
+        "clipFieldDescription": "トークナイザーとテキストエンコーダーサブモデル。",
+        "fullyContainNodesHelp": "ノードは選択ボックス内に完全に存在する必要があります",
+        "clipField": "クリップ",
+        "nodeType": "ノードタイプ",
+        "executionStateInProgress": "処理中",
+        "executionStateError": "エラー",
+        "ipAdapterModel": "IP-Adapterモデル",
+        "ipAdapterDescription": "イメージプロンプトアダプター(IP-Adapter)。",
+        "missingCanvaInitMaskImages": "キャンバスの初期画像およびマスクが見つかりません",
+        "hideMinimapnodes": "ミニマップを非表示",
+        "fitViewportNodes": "全体を表示",
+        "executionStateCompleted": "完了",
+        "node": "ノード",
+        "currentImage": "現在の画像",
+        "controlField": "コントロール",
+        "booleanDescription": "ブーリアンはtrueかfalseです。",
+        "collection": "コレクション",
+        "ipAdapterModelDescription": "IP-Adapterモデルフィールド",
+        "cannotConnectInputToInput": "入力から入力には接続できません",
+        "invalidOutputSchema": "無効な出力スキーマ",
+        "floatDescription": "浮動小数点は、小数点を持つ数値です。",
+        "floatPolymorphicDescription": "浮動小数点のコレクション。",
+        "floatCollection": "浮動小数点コレクション",
+        "latentsField": "潜在空間",
+        "cannotConnectOutputToOutput": "出力から出力には接続できません",
+        "booleanCollection": "ブーリアンコレクション",
+        "cannotConnectToSelf": "自身のノードには接続できません",
+        "inputFields": "入力フィールド(複数)",
+        "colorCodeEdges": "カラー-Code Edges",
+        "imageCollectionDescription": "画像のコレクション。",
+        "loadingNodes": "ノードを読み込み中...",
+        "imageCollection": "画像コレクション"
+    },
+    "boards": {
+        "autoAddBoard": "自動追加するボード",
+        "move": "移動",
+        "menuItemAutoAdd": "このボードに自動追加",
+        "myBoard": "マイボード",
+        "searchBoard": "ボードを検索...",
+        "noMatching": "一致するボードがありません",
+        "selectBoard": "ボードを選択",
+        "cancel": "キャンセル",
+        "addBoard": "ボードを追加",
+        "uncategorized": "未分類",
+        "downloadBoard": "ボードをダウンロード",
+        "changeBoard": "ボードを変更",
+        "loading": "ロード中...",
+        "topMessage": "このボードには、以下の機能で使用されている画像が含まれています：",
+        "bottomMessage": "このボードおよび画像を削除すると、現在これらを利用している機能はリセットされます。",
+        "clearSearch": "検索をクリア"
+    },
+    "embedding": {
+        "noMatchingEmbedding": "一致する埋め込みがありません",
+        "addEmbedding": "埋め込みを追加",
+        "incompatibleModel": "互換性のないベースモデル:"
+    },
+    "invocationCache": {
+        "invocationCache": "呼び出しキャッシュ",
+        "clearSucceeded": "呼び出しキャッシュをクリアしました",
+        "clearFailed": "呼び出しキャッシュのクリアに問題があります",
+        "enable": "有効",
+        "clear": "クリア",
+        "maxCacheSize": "最大キャッシュサイズ",
+        "cacheSize": "キャッシュサイズ"
     }
 }

invokeai/frontend/web/dist/locales/nl.json

@@ -79,7 +79,18 @@
         "modelManager": "Modelbeheer",
         "darkMode": "Donkere modus",
         "lightMode": "Lichte modus",
-        "communityLabel": "Gemeenschap"
+        "communityLabel": "Gemeenschap",
+        "t2iAdapter": "T2I-adapter",
+        "on": "Aan",
+        "nodeEditor": "Knooppunteditor",
+        "ipAdapter": "IP-adapter",
+        "controlAdapter": "Control-adapter",
+        "auto": "Autom.",
+        "controlNet": "ControlNet",
+        "statusProcessing": "Bezig met verwerken",
+        "imageFailedToLoad": "Kan afbeelding niet laden",
+        "learnMore": "Meer informatie",
+        "advanced": "Uitgebreid"
     },
     "gallery": {
         "generations": "Gegenereerde afbeeldingen",
@@ -95,12 +106,22 @@
         "allImagesLoaded": "Alle afbeeldingen geladen",
         "loadMore": "Laad meer",
         "noImagesInGallery": "Geen afbeeldingen om te tonen",
-        "deleteImage": "Wis afbeelding",
-        "deleteImageBin": "Gewiste afbeeldingen worden naar de prullenbak van je besturingssysteem gestuurd.",
-        "deleteImagePermanent": "Gewiste afbeeldingen kunnen niet worden hersteld.",
+        "deleteImage": "Verwijder afbeelding",
+        "deleteImageBin": "Verwijderde afbeeldingen worden naar de prullenbak van je besturingssysteem gestuurd.",
+        "deleteImagePermanent": "Verwijderde afbeeldingen kunnen niet worden hersteld.",
         "assets": "Eigen onderdelen",
         "images": "Afbeeldingen",
-        "autoAssignBoardOnClick": "Ken automatisch bord toe bij klikken"
+        "autoAssignBoardOnClick": "Ken automatisch bord toe bij klikken",
+        "featuresWillReset": "Als je deze afbeelding verwijdert, dan worden deze functies onmiddellijk teruggezet.",
+        "loading": "Bezig met laden",
+        "unableToLoad": "Kan galerij niet laden",
+        "preparingDownload": "Bezig met voorbereiden van download",
+        "preparingDownloadFailed": "Fout bij voorbereiden van download",
+        "downloadSelection": "Download selectie",
+        "currentlyInUse": "Deze afbeelding is momenteel in gebruik door de volgende functies:",
+        "copy": "Kopieer",
+        "download": "Download",
+        "setCurrentImage": "Stel in als huidige afbeelding"
     },
     "hotkeys": {
         "keyboardShortcuts": "Sneltoetsen",
@@ -332,7 +353,7 @@
         "config": "Configuratie",
         "configValidationMsg": "Pad naar het configuratiebestand van je model.",
         "modelLocation": "Locatie model",
-        "modelLocationValidationMsg": "Pad naar waar je model zich bevindt.",
+        "modelLocationValidationMsg": "Geef het pad naar een lokale map waar je Diffusers-model wordt bewaard",
         "vaeLocation": "Locatie VAE",
         "vaeLocationValidationMsg": "Pad naar waar je VAE zich bevindt.",
         "width": "Breedte",
@@ -365,11 +386,11 @@
         "deleteModel": "Verwijder model",
         "deleteConfig": "Verwijder configuratie",
         "deleteMsg1": "Weet je zeker dat je dit model wilt verwijderen uit InvokeAI?",
-        "deleteMsg2": "Hiermee ZAL het model van schijf worden verwijderd als het zich bevindt in de InvokeAI-beginmap. Als je het model vanaf een eigen locatie gebruikt, dan ZAL het model NIET van schijf worden verwijderd.",
+        "deleteMsg2": "Hiermee ZAL het model van schijf worden verwijderd als het zich bevindt in de beginmap van InvokeAI. Als je het model vanaf een eigen locatie gebruikt, dan ZAL het model NIET van schijf worden verwijderd.",
         "formMessageDiffusersVAELocationDesc": "Indien niet opgegeven, dan zal InvokeAI kijken naar het VAE-bestand in de hierboven gegeven modellocatie.",
         "repoIDValidationMsg": "Online repository van je model",
         "formMessageDiffusersModelLocation": "Locatie Diffusers-model",
-        "convertToDiffusersHelpText3": "Je checkpoint-bestand op schijf ZAL worden verwijderd als het zich in de InvokeAI root map bevindt. Het zal NIET worden verwijderd als het zich in een andere locatie bevindt.",
+        "convertToDiffusersHelpText3": "Je checkpoint-bestand op de schijf ZAL worden verwijderd als het zich in de beginmap van InvokeAI bevindt. Het ZAL NIET worden verwijderd als het zich in een andere locatie bevindt.",
         "convertToDiffusersHelpText6": "Wil je dit model omzetten?",
         "allModels": "Alle modellen",
         "checkpointModels": "Checkpoints",
@@ -437,14 +458,24 @@
         "noCustomLocationProvided": "Geen Aangepaste Locatie Opgegeven",
         "syncModels": "Synchroniseer Modellen",
         "modelsSynced": "Modellen Gesynchroniseerd",
-        "modelSyncFailed": "Synchronisatie Modellen Gefaald",
+        "modelSyncFailed": "Synchronisatie modellen mislukt",
         "modelDeleteFailed": "Model kon niet verwijderd worden",
         "convertingModelBegin": "Model aan het converteren. Even geduld.",
         "importModels": "Importeer Modellen",
-        "syncModelsDesc": "Als je modellen niet meer synchroon zijn met de backend, kan je ze met deze optie verversen. Dit wordt typisch gebruikt in het geval je het models.yaml bestand met de hand bewerkt of als je modellen aan de InvokeAI root map toevoegt nadat de applicatie gestart werd.",
+        "syncModelsDesc": "Als je modellen niet meer synchroon zijn met de backend, kan je ze met deze optie vernieuwen. Dit wordt meestal gebruikt in het geval je het bestand models.yaml met de hand bewerkt of als je modellen aan de beginmap van InvokeAI toevoegt nadat de applicatie gestart is.",
         "loraModels": "LoRA's",
         "onnxModels": "Onnx",
-        "oliveModels": "Olives"
+        "oliveModels": "Olives",
+        "noModels": "Geen modellen gevonden",
+        "predictionType": "Soort voorspelling (voor Stable Diffusion 2.x-modellen en incidentele Stable Diffusion 1.x-modellen)",
+        "quickAdd": "Voeg snel toe",
+        "simpleModelDesc": "Geef een pad naar een lokaal Diffusers-model, lokale-checkpoint- / safetensors-model, een HuggingFace-repo-ID of een url naar een checkpoint- / Diffusers-model.",
+        "advanced": "Uitgebreid",
+        "useCustomConfig": "Gebruik eigen configuratie",
+        "closeAdvanced": "Sluit uitgebreid",
+        "modelType": "Soort model",
+        "customConfigFileLocation": "Locatie eigen configuratiebestand",
+        "vaePrecision": "Nauwkeurigheid VAE"
     },
     "parameters": {
         "images": "Afbeeldingen",
@@ -465,7 +496,7 @@
         "type": "Soort",
         "strength": "Sterkte",
         "upscaling": "Opschalen",
-        "upscale": "Schaal op",
+        "upscale": "Vergroot (Shift + U)",
         "upscaleImage": "Schaal afbeelding op",
         "scale": "Schaal",
         "otherOptions": "Andere opties",
@@ -496,7 +527,7 @@
         "useInitImg": "Gebruik initiële afbeelding",
         "info": "Info",
         "initialImage": "Initiële afbeelding",
-        "showOptionsPanel": "Toon deelscherm Opties",
+        "showOptionsPanel": "Toon deelscherm Opties (O of T)",
         "symmetry": "Symmetrie",
         "hSymmetryStep": "Stap horiz. symmetrie",
         "vSymmetryStep": "Stap vert. symmetrie",
@@ -504,7 +535,8 @@
             "immediate": "Annuleer direct",
             "isScheduled": "Annuleren",
             "setType": "Stel annuleervorm in",
-            "schedule": "Annuleer na huidige iteratie"
+            "schedule": "Annuleer na huidige iteratie",
+            "cancel": "Annuleer"
         },
         "general": "Algemeen",
         "copyImage": "Kopieer afbeelding",
@@ -520,7 +552,7 @@
         "boundingBoxWidth": "Tekenvak breedte",
         "boundingBoxHeight": "Tekenvak hoogte",
         "clipSkip": "Overslaan CLIP",
-        "aspectRatio": "Verhouding",
+        "aspectRatio": "Beeldverhouding",
         "negativePromptPlaceholder": "Negatieve prompt",
         "controlNetControlMode": "Aansturingsmodus",
         "positivePromptPlaceholder": "Positieve prompt",
@@ -532,7 +564,46 @@
         "coherenceSteps": "Stappen",
         "coherenceStrength": "Sterkte",
         "seamHighThreshold": "Hoog",
-        "seamLowThreshold": "Laag"
+        "seamLowThreshold": "Laag",
+        "invoke": {
+            "noNodesInGraph": "Geen knooppunten in graaf",
+            "noModelSelected": "Geen model ingesteld",
+            "invoke": "Start",
+            "noPrompts": "Geen prompts gegenereerd",
+            "systemBusy": "Systeem is bezig",
+            "noInitialImageSelected": "Geen initiële afbeelding gekozen",
+            "missingInputForField": "{{nodeLabel}} -> {{fieldLabel}} invoer ontbreekt",
+            "noControlImageForControlAdapter": "Controle-adapter #{{number}} heeft geen controle-afbeelding",
+            "noModelForControlAdapter": "Control-adapter #{{number}} heeft geen model ingesteld staan.",
+            "unableToInvoke": "Kan niet starten",
+            "incompatibleBaseModelForControlAdapter": "Model van controle-adapter #{{number}} is ongeldig in combinatie met het hoofdmodel.",
+            "systemDisconnected": "Systeem is niet verbonden",
+            "missingNodeTemplate": "Knooppuntsjabloon ontbreekt",
+            "readyToInvoke": "Klaar om te starten",
+            "missingFieldTemplate": "Veldsjabloon ontbreekt",
+            "addingImagesTo": "Bezig met toevoegen van afbeeldingen aan"
+        },
+        "seamlessX&Y": "Naadloos X en Y",
+        "isAllowedToUpscale": {
+            "useX2Model": "Afbeelding is te groot om te vergroten met het x4-model. Gebruik hiervoor het x2-model",
+            "tooLarge": "Afbeelding is te groot om te vergoten. Kies een kleinere afbeelding"
+        },
+        "aspectRatioFree": "Vrij",
+        "cpuNoise": "CPU-ruis",
+        "patchmatchDownScaleSize": "Verklein",
+        "gpuNoise": "GPU-ruis",
+        "seamlessX": "Naadloos X",
+        "useCpuNoise": "Gebruik CPU-ruis",
+        "clipSkipWithLayerCount": "Overslaan CLIP {{layerCount}}",
+        "seamlessY": "Naadloos Y",
+        "manualSeed": "Handmatige seedwaarde",
+        "imageActions": "Afbeeldingshandeling",
+        "randomSeed": "Willekeurige seedwaarde",
+        "iterations": "Iteraties",
+        "iterationsWithCount_one": "{{count}} iteratie",
+        "iterationsWithCount_other": "{{count}} iteraties",
+        "enableNoiseSettings": "Schakel ruisinstellingen in",
+        "coherenceMode": "Modus"
     },
     "settings": {
         "models": "Modellen",
@@ -544,14 +615,14 @@
         "resetWebUI": "Herstel web-UI",
         "resetWebUIDesc1": "Herstel web-UI herstelt alleen de lokale afbeeldingscache en de onthouden instellingen van je browser. Het verwijdert geen afbeeldingen van schijf.",
         "resetWebUIDesc2": "Als afbeeldingen niet getoond worden in de galerij of iets anders werkt niet, probeer dan eerst deze herstelfunctie voordat je een fout aanmeldt op GitHub.",
-        "resetComplete": "Webgebruikersinterface is hersteld.",
+        "resetComplete": "Webinterface is hersteld.",
         "useSlidersForAll": "Gebruik schuifbalken voor alle opties",
-        "consoleLogLevel": "Logboekniveau",
+        "consoleLogLevel": "Niveau logboek",
         "shouldLogToConsole": "Schrijf logboek naar console",
         "developer": "Ontwikkelaar",
         "general": "Algemeen",
         "showProgressInViewer": "Toon voortgangsafbeeldingen in viewer",
-        "generation": "Generatie",
+        "generation": "Genereren",
         "ui": "Gebruikersinterface",
         "antialiasProgressImages": "Voer anti-aliasing uit op voortgangsafbeeldingen",
         "showAdvancedOptions": "Toon uitgebreide opties",
@@ -560,8 +631,17 @@
         "beta": "Bèta",
         "experimental": "Experimenteel",
         "alternateCanvasLayout": "Omwisselen Canvas Layout",
-        "enableNodesEditor": "Knopen Editor Inschakelen",
-        "autoChangeDimensions": "Werk bij wijziging afmetingen bij naar modelstandaard"
+        "enableNodesEditor": "Schakel Knooppunteditor in",
+        "autoChangeDimensions": "Werk B/H bij naar modelstandaard bij wijziging",
+        "clearIntermediates": "Wis tussentijdse afbeeldingen",
+        "clearIntermediatesDesc3": "Je galerijafbeeldingen zullen niet worden verwijderd.",
+        "clearIntermediatesWithCount_one": "Wis {{count}} tussentijdse afbeelding",
+        "clearIntermediatesWithCount_other": "Wis {{count}} tussentijdse afbeeldingen",
+        "clearIntermediatesDesc2": "Tussentijdse afbeeldingen zijn nevenproducten bij het genereren. Deze wijken af van de uitvoerafbeeldingen in de galerij. Als je tussentijdse afbeeldingen wist, wordt schijfruimte vrijgemaakt.",
+        "intermediatesCleared_one": "{{count}} tussentijdse afbeelding gewist",
+        "intermediatesCleared_other": "{{count}} tussentijdse afbeeldingen gewist",
+        "clearIntermediatesDesc1": "Als je tussentijdse afbeeldingen wist, dan wordt de staat hersteld van je canvas en van ControlNet.",
+        "intermediatesClearedFailed": "Fout bij wissen van tussentijdse afbeeldingen"
     },
     "toast": {
         "tempFoldersEmptied": "Tijdelijke map geleegd",
@@ -610,7 +690,42 @@
         "nodesCorruptedGraph": "Kan niet laden. Graph lijkt corrupt.",
         "nodesUnrecognizedTypes": "Laden mislukt. Graph heeft onherkenbare types",
         "nodesBrokenConnections": "Laden mislukt. Sommige verbindingen zijn verbroken.",
-        "nodesNotValidGraph": "Geen geldige knooppunten graph"
+        "nodesNotValidGraph": "Geen geldige knooppunten graph",
+        "baseModelChangedCleared_one": "Basismodel is gewijzigd: {{count}} niet-compatibel submodel weggehaald of uitgeschakeld",
+        "baseModelChangedCleared_other": "Basismodel is gewijzigd: {{count}} niet-compatibele submodellen weggehaald of uitgeschakeld",
+        "imageSavingFailed": "Fout bij bewaren afbeelding",
+        "canvasSentControlnetAssets": "Canvas gestuurd naar ControlNet en Assets",
+        "problemCopyingCanvasDesc": "Kan basislaag niet exporteren",
+        "loadedWithWarnings": "Werkstroom geladen met waarschuwingen",
+        "setInitialImage": "Ingesteld als initiële afbeelding",
+        "canvasCopiedClipboard": "Canvas gekopieerd naar klembord",
+        "setControlImage": "Ingesteld als controle-afbeelding",
+        "setNodeField": "Ingesteld als knooppuntveld",
+        "problemSavingMask": "Fout bij bewaren masker",
+        "problemSavingCanvasDesc": "Kan basislaag niet exporteren",
+        "maskSavedAssets": "Masker bewaard in Assets",
+        "modelAddFailed": "Fout bij toevoegen model",
+        "problemDownloadingCanvas": "Fout bij downloaden van canvas",
+        "problemMergingCanvas": "Fout bij samenvoegen canvas",
+        "setCanvasInitialImage": "Ingesteld als initiële canvasafbeelding",
+        "imageUploaded": "Afbeelding geüpload",
+        "addedToBoard": "Toegevoegd aan bord",
+        "workflowLoaded": "Werkstroom geladen",
+        "modelAddedSimple": "Model toegevoegd",
+        "problemImportingMaskDesc": "Kan masker niet exporteren",
+        "problemCopyingCanvas": "Fout bij kopiëren canvas",
+        "problemSavingCanvas": "Fout bij bewaren canvas",
+        "canvasDownloaded": "Canvas gedownload",
+        "setIPAdapterImage": "Ingesteld als IP-adapterafbeelding",
+        "problemMergingCanvasDesc": "Kan basislaag niet exporteren",
+        "problemDownloadingCanvasDesc": "Kan basislaag niet exporteren",
+        "problemSavingMaskDesc": "Kan masker niet exporteren",
+        "imageSaved": "Afbeelding bewaard",
+        "maskSentControlnetAssets": "Masker gestuurd naar ControlNet en Assets",
+        "canvasSavedGallery": "Canvas bewaard in galerij",
+        "imageUploadFailed": "Fout bij uploaden afbeelding",
+        "modelAdded": "Model toegevoegd: {{modelName}}",
+        "problemImportingMask": "Fout bij importeren masker"
     },
     "tooltip": {
         "feature": {
@@ -685,7 +800,9 @@
         "betaDarkenOutside": "Verduister buiten tekenvak",
         "betaLimitToBox": "Beperk tot tekenvak",
         "betaPreserveMasked": "Behoud masker",
-        "antialiasing": "Anti-aliasing"
+        "antialiasing": "Anti-aliasing",
+        "showResultsOn": "Toon resultaten (aan)",
+        "showResultsOff": "Toon resultaten (uit)"
     },
     "accessibility": {
         "exitViewer": "Stop viewer",
@@ -707,7 +824,9 @@
         "toggleAutoscroll": "Autom. scrollen aan/uit",
         "toggleLogViewer": "Logboekviewer aan/uit",
         "showOptionsPanel": "Toon zijscherm",
-        "menu": "Menu"
+        "menu": "Menu",
+        "showGalleryPanel": "Toon deelscherm Galerij",
+        "loadMore": "Laad meer"
     },
     "ui": {
         "showProgressImages": "Toon voortgangsafbeeldingen",
@@ -730,6 +849,661 @@
         "resetWorkflow": "Herstel werkstroom",
         "resetWorkflowDesc": "Weet je zeker dat je deze werkstroom wilt herstellen?",
         "resetWorkflowDesc2": "Herstel van een werkstroom haalt alle knooppunten, randen en werkstroomdetails weg.",
-        "downloadWorkflow": "Download JSON van werkstroom"
+        "downloadWorkflow": "Download JSON van werkstroom",
+        "booleanPolymorphicDescription": "Een verzameling Booleanse waarden.",
+        "scheduler": "Planner",
+        "inputField": "Invoerveld",
+        "controlFieldDescription": "Controlegegevens doorgegeven tussen knooppunten.",
+        "skippingUnknownOutputType": "Overslaan van onbekend soort uitvoerveld",
+        "latentsFieldDescription": "Latents kunnen worden doorgegeven tussen knooppunten.",
+        "denoiseMaskFieldDescription": "Ontruisingsmasker kan worden doorgegeven tussen knooppunten",
+        "floatCollectionDescription": "Een verzameling zwevende-kommagetallen.",
+        "missingTemplate": "Ontbrekende sjabloon",
+        "outputSchemaNotFound": "Uitvoerschema niet gevonden",
+        "ipAdapterPolymorphicDescription": "Een verzameling IP-adapters.",
+        "workflowDescription": "Korte beschrijving",
+        "latentsPolymorphicDescription": "Latents kunnen worden doorgegeven tussen knooppunten.",
+        "colorFieldDescription": "Een RGBA-kleur.",
+        "mainModelField": "Model",
+        "unhandledInputProperty": "Onverwerkt invoerkenmerk",
+        "versionUnknown": " Versie onbekend",
+        "ipAdapterCollection": "Verzameling IP-adapters",
+        "conditioningCollection": "Verzameling conditionering",
+        "maybeIncompatible": "Is mogelijk niet compatibel met geïnstalleerde knooppunten",
+        "ipAdapterPolymorphic": "Polymorfisme IP-adapter",
+        "noNodeSelected": "Geen knooppunt gekozen",
+        "addNode": "Voeg knooppunt toe",
+        "unableToValidateWorkflow": "Kan werkstroom niet valideren",
+        "enum": "Enumeratie",
+        "integerPolymorphicDescription": "Een verzameling gehele getallen.",
+        "noOutputRecorded": "Geen uitvoer opgenomen",
+        "updateApp": "Werk app bij",
+        "conditioningCollectionDescription": "Conditionering kan worden doorgegeven tussen knooppunten.",
+        "colorPolymorphic": "Polymorfisme kleur",
+        "colorCodeEdgesHelp": "Kleurgecodeerde randen op basis van hun verbonden velden",
+        "collectionDescription": "TODO",
+        "float": "Zwevende-kommagetal",
+        "workflowContact": "Contactpersoon",
+        "skippingReservedFieldType": "Overslaan van gereserveerd veldsoort",
+        "animatedEdges": "Geanimeerde randen",
+        "booleanCollectionDescription": "Een verzameling van Booleanse waarden.",
+        "sDXLMainModelFieldDescription": "SDXL-modelveld.",
+        "conditioningPolymorphic": "Polymorfisme conditionering",
+        "integer": "Geheel getal",
+        "colorField": "Kleur",
+        "boardField": "Bord",
+        "nodeTemplate": "Sjabloon knooppunt",
+        "latentsCollection": "Verzameling latents",
+        "problemReadingWorkflow": "Fout bij lezen van werkstroom uit afbeelding",
+        "sourceNode": "Bronknooppunt",
+        "nodeOpacity": "Dekking knooppunt",
+        "pickOne": "Kies er een",
+        "collectionItemDescription": "TODO",
+        "integerDescription": "Gehele getallen zijn getallen zonder een decimaalteken.",
+        "outputField": "Uitvoerveld",
+        "unableToLoadWorkflow": "Kan werkstroom niet valideren",
+        "snapToGrid": "Lijn uit op raster",
+        "stringPolymorphic": "Polymorfisme tekenreeks",
+        "conditioningPolymorphicDescription": "Conditionering kan worden doorgegeven tussen knooppunten.",
+        "noFieldsLinearview": "Geen velden toegevoegd aan lineaire weergave",
+        "skipped": "Overgeslagen",
+        "imagePolymorphic": "Polymorfisme afbeelding",
+        "nodeSearch": "Zoek naar knooppunten",
+        "updateNode": "Werk knooppunt bij",
+        "sDXLRefinerModelFieldDescription": "Beschrijving",
+        "imagePolymorphicDescription": "Een verzameling afbeeldingen.",
+        "floatPolymorphic": "Polymorfisme zwevende-kommagetal",
+        "version": "Versie",
+        "doesNotExist": "bestaat niet",
+        "ipAdapterCollectionDescription": "Een verzameling van IP-adapters.",
+        "stringCollectionDescription": "Een verzameling tekenreeksen.",
+        "unableToParseNode": "Kan knooppunt niet inlezen",
+        "controlCollection": "Controle-verzameling",
+        "validateConnections": "Valideer verbindingen en graaf",
+        "stringCollection": "Verzameling tekenreeksen",
+        "inputMayOnlyHaveOneConnection": "Invoer mag slechts een enkele verbinding hebben",
+        "notes": "Opmerkingen",
+        "uNetField": "UNet",
+        "nodeOutputs": "Uitvoer knooppunt",
+        "currentImageDescription": "Toont de huidige afbeelding in de knooppunteditor",
+        "validateConnectionsHelp": "Voorkom dat er ongeldige verbindingen worden gelegd en dat er ongeldige grafen worden aangeroepen",
+        "problemSettingTitle": "Fout bij instellen titel",
+        "ipAdapter": "IP-adapter",
+        "integerCollection": "Verzameling gehele getallen",
+        "collectionItem": "Verzamelingsonderdeel",
+        "noConnectionInProgress": "Geen verbinding bezig te maken",
+        "vaeModelField": "VAE",
+        "controlCollectionDescription": "Controlegegevens doorgegeven tussen knooppunten.",
+        "skippedReservedInput": "Overgeslagen gereserveerd invoerveld",
+        "workflowVersion": "Versie",
+        "noConnectionData": "Geen verbindingsgegevens",
+        "outputFields": "Uitvoervelden",
+        "fieldTypesMustMatch": "Veldsoorten moeten overeenkomen",
+        "workflow": "Werkstroom",
+        "edge": "Rand",
+        "inputNode": "Invoerknooppunt",
+        "enumDescription": "Enumeraties zijn waarden die uit een aantal opties moeten worden gekozen.",
+        "unkownInvocation": "Onbekende aanroepsoort",
+        "loRAModelFieldDescription": "TODO",
+        "imageField": "Afbeelding",
+        "skippedReservedOutput": "Overgeslagen gereserveerd uitvoerveld",
+        "animatedEdgesHelp": "Animeer gekozen randen en randen verbonden met de gekozen knooppunten",
+        "cannotDuplicateConnection": "Kan geen dubbele verbindingen maken",
+        "booleanPolymorphic": "Polymorfisme Booleaanse waarden",
+        "unknownTemplate": "Onbekend sjabloon",
+        "noWorkflow": "Geen werkstroom",
+        "removeLinearView": "Verwijder uit lineaire weergave",
+        "colorCollectionDescription": "TODO",
+        "integerCollectionDescription": "Een verzameling gehele getallen.",
+        "colorPolymorphicDescription": "Een verzameling kleuren.",
+        "sDXLMainModelField": "SDXL-model",
+        "workflowTags": "Labels",
+        "denoiseMaskField": "Ontruisingsmasker",
+        "schedulerDescription": "Beschrijving",
+        "missingCanvaInitImage": "Ontbrekende initialisatie-afbeelding voor canvas",
+        "conditioningFieldDescription": "Conditionering kan worden doorgegeven tussen knooppunten.",
+        "clipFieldDescription": "Submodellen voor tokenizer en text_encoder.",
+        "fullyContainNodesHelp": "Knooppunten moeten zich volledig binnen het keuzevak bevinden om te worden gekozen",
+        "noImageFoundState": "Geen initiële afbeelding gevonden in de staat",
+        "workflowValidation": "Validatiefout werkstroom",
+        "clipField": "Clip",
+        "stringDescription": "Tekenreeksen zijn tekst.",
+        "nodeType": "Soort knooppunt",
+        "noMatchingNodes": "Geen overeenkomende knooppunten",
+        "fullyContainNodes": "Omvat knooppunten volledig om ze te kiezen",
+        "integerPolymorphic": "Polymorfisme geheel getal",
+        "executionStateInProgress": "Bezig",
+        "noFieldType": "Geen soort veld",
+        "colorCollection": "Een verzameling kleuren.",
+        "executionStateError": "Fout",
+        "noOutputSchemaName": "Geen naam voor uitvoerschema gevonden in referentieobject",
+        "ipAdapterModel": "Model IP-adapter",
+        "latentsPolymorphic": "Polymorfisme latents",
+        "vaeModelFieldDescription": "Beschrijving",
+        "skippingInputNoTemplate": "Overslaan van invoerveld zonder sjabloon",
+        "ipAdapterDescription": "Een Afbeeldingsprompt-adapter (IP-adapter).",
+        "boolean": "Booleaanse waarden",
+        "missingCanvaInitMaskImages": "Ontbrekende initialisatie- en maskerafbeeldingen voor canvas",
+        "problemReadingMetadata": "Fout bij lezen van metagegevens uit afbeelding",
+        "stringPolymorphicDescription": "Een verzameling tekenreeksen.",
+        "oNNXModelField": "ONNX-model",
+        "executionStateCompleted": "Voltooid",
+        "node": "Knooppunt",
+        "skippingUnknownInputType": "Overslaan van onbekend soort invoerveld",
+        "workflowAuthor": "Auteur",
+        "currentImage": "Huidige afbeelding",
+        "controlField": "Controle",
+        "workflowName": "Naam",
+        "booleanDescription": "Booleanse waarden zijn waar en onwaar.",
+        "collection": "Verzameling",
+        "ipAdapterModelDescription": "Modelveld IP-adapter",
+        "cannotConnectInputToInput": "Kan invoer niet aan invoer verbinden",
+        "invalidOutputSchema": "Ongeldig uitvoerschema",
+        "boardFieldDescription": "Een galerijbord",
+        "floatDescription": "Zwevende-kommagetallen zijn getallen met een decimaalteken.",
+        "floatPolymorphicDescription": "Een verzameling zwevende-kommagetallen.",
+        "vaeField": "Vae",
+        "conditioningField": "Conditionering",
+        "unhandledOutputProperty": "Onverwerkt uitvoerkenmerk",
+        "workflowNotes": "Opmerkingen",
+        "string": "Tekenreeks",
+        "floatCollection": "Verzameling zwevende-kommagetallen",
+        "latentsField": "Latents",
+        "cannotConnectOutputToOutput": "Kan uitvoer niet aan uitvoer verbinden",
+        "booleanCollection": "Verzameling Booleaanse waarden",
+        "connectionWouldCreateCycle": "Verbinding zou cyclisch worden",
+        "cannotConnectToSelf": "Kan niet aan zichzelf verbinden",
+        "notesDescription": "Voeg opmerkingen toe aan je werkstroom",
+        "unknownField": "Onbekend veld",
+        "inputFields": "Invoervelden",
+        "colorCodeEdges": "Kleurgecodeerde randen",
+        "uNetFieldDescription": "UNet-submodel.",
+        "unknownNode": "Onbekend knooppunt",
+        "imageCollectionDescription": "Een verzameling afbeeldingen.",
+        "mismatchedVersion": "Heeft niet-overeenkomende versie",
+        "vaeFieldDescription": "Vae-submodel.",
+        "imageFieldDescription": "Afbeeldingen kunnen worden doorgegeven tussen knooppunten.",
+        "outputNode": "Uitvoerknooppunt",
+        "addNodeToolTip": "Voeg knooppunt toe (Shift+A, spatie)",
+        "loadingNodes": "Bezig met laden van knooppunten...",
+        "snapToGridHelp": "Lijn knooppunten uit op raster bij verplaatsing",
+        "workflowSettings": "Instellingen werkstroomeditor",
+        "mainModelFieldDescription": "TODO",
+        "sDXLRefinerModelField": "Verfijningsmodel",
+        "loRAModelField": "LoRA",
+        "unableToParseEdge": "Kan rand niet inlezen",
+        "latentsCollectionDescription": "Latents kunnen worden doorgegeven tussen knooppunten.",
+        "oNNXModelFieldDescription": "ONNX-modelveld.",
+        "imageCollection": "Afbeeldingsverzameling"
+    },
+    "controlnet": {
+        "amult": "a_mult",
+        "resize": "Schaal",
+        "showAdvanced": "Toon uitgebreide opties",
+        "contentShuffleDescription": "Verschuift het materiaal in de afbeelding",
+        "bgth": "bg_th",
+        "addT2IAdapter": "Voeg $t(common.t2iAdapter) toe",
+        "pidi": "PIDI",
+        "importImageFromCanvas": "Importeer afbeelding uit canvas",
+        "lineartDescription": "Zet afbeelding om naar line-art",
+        "normalBae": "Normale BAE",
+        "importMaskFromCanvas": "Importeer masker uit canvas",
+        "hed": "HED",
+        "hideAdvanced": "Verberg uitgebreid",
+        "contentShuffle": "Verschuif materiaal",
+        "controlNetEnabledT2IDisabled": "$t(common.controlNet) ingeschakeld, $t(common.t2iAdapter)s uitgeschakeld",
+        "ipAdapterModel": "Adaptermodel",
+        "resetControlImage": "Herstel controle-afbeelding",
+        "beginEndStepPercent": "Percentage begin-/eindstap",
+        "mlsdDescription": "Minimalistische herkenning lijnsegmenten",
+        "duplicate": "Maak kopie",
+        "balanced": "Gebalanceerd",
+        "f": "F",
+        "h": "H",
+        "prompt": "Prompt",
+        "depthMidasDescription": "Genereer diepteblad via Midas",
+        "controlnet": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.controlNet))",
+        "openPoseDescription": "Menselijke pose-benadering via Openpose",
+        "control": "Controle",
+        "resizeMode": "Modus schaling",
+        "t2iEnabledControlNetDisabled": "$t(common.t2iAdapter) ingeschakeld, $t(common.controlNet)s uitgeschakeld",
+        "coarse": "Grof",
+        "weight": "Gewicht",
+        "selectModel": "Kies een model",
+        "crop": "Snij bij",
+        "depthMidas": "Diepte (Midas)",
+        "w": "B",
+        "processor": "Verwerker",
+        "addControlNet": "Voeg $t(common.controlNet) toe",
+        "none": "Geen",
+        "incompatibleBaseModel": "Niet-compatibel basismodel:",
+        "enableControlnet": "Schakel ControlNet in",
+        "detectResolution": "Herken resolutie",
+        "controlNetT2IMutexDesc": "Gelijktijdig gebruik van $t(common.controlNet) en $t(common.t2iAdapter) wordt op dit moment niet ondersteund.",
+        "ip_adapter": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.ipAdapter))",
+        "pidiDescription": "PIDI-afbeeldingsverwerking",
+        "mediapipeFace": "Mediapipe - Gezicht",
+        "mlsd": "M-LSD",
+        "controlMode": "Controlemodus",
+        "fill": "Vul",
+        "cannyDescription": "Herkenning Canny-rand",
+        "addIPAdapter": "Voeg $t(common.ipAdapter) toe",
+        "lineart": "Line-art",
+        "colorMapDescription": "Genereert een kleurenblad van de afbeelding",
+        "lineartAnimeDescription": "Lineartverwerking in anime-stijl",
+        "t2i_adapter": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.t2iAdapter))",
+        "minConfidence": "Min. vertrouwensniveau",
+        "imageResolution": "Resolutie afbeelding",
+        "megaControl": "Zeer veel controle",
+        "depthZoe": "Diepte (Zoe)",
+        "colorMap": "Kleur",
+        "lowThreshold": "Lage drempelwaarde",
+        "autoConfigure": "Configureer verwerker automatisch",
+        "highThreshold": "Hoge drempelwaarde",
+        "normalBaeDescription": "Normale BAE-verwerking",
+        "noneDescription": "Geen verwerking toegepast",
+        "saveControlImage": "Bewaar controle-afbeelding",
+        "openPose": "Openpose",
+        "toggleControlNet": "Zet deze ControlNet aan/uit",
+        "delete": "Verwijder",
+        "controlAdapter_one": "Control-adapter",
+        "controlAdapter_other": "Control-adapters",
+        "safe": "Veilig",
+        "colorMapTileSize": "Grootte tegel",
+        "lineartAnime": "Line-art voor anime",
+        "ipAdapterImageFallback": "Geen IP-adapterafbeelding gekozen",
+        "mediapipeFaceDescription": "Gezichtsherkenning met Mediapipe",
+        "canny": "Canny",
+        "depthZoeDescription": "Genereer diepteblad via Zoe",
+        "hedDescription": "Herkenning van holistisch-geneste randen",
+        "setControlImageDimensions": "Stel afmetingen controle-afbeelding in op B/H",
+        "scribble": "Krabbel",
+        "resetIPAdapterImage": "Herstel IP-adapterafbeelding",
+        "handAndFace": "Hand en gezicht",
+        "enableIPAdapter": "Schakel IP-adapter in",
+        "maxFaces": "Max. gezichten"
+    },
+    "dynamicPrompts": {
+        "seedBehaviour": {
+            "perPromptDesc": "Gebruik een verschillende seedwaarde per afbeelding",
+            "perIterationLabel": "Seedwaarde per iteratie",
+            "perIterationDesc": "Gebruik een verschillende seedwaarde per iteratie",
+            "perPromptLabel": "Seedwaarde per afbeelding",
+            "label": "Gedrag seedwaarde"
+        },
+        "enableDynamicPrompts": "Schakel dynamische prompts in",
+        "combinatorial": "Combinatorisch genereren",
+        "maxPrompts": "Max. prompts",
+        "promptsWithCount_one": "{{count}} prompt",
+        "promptsWithCount_other": "{{count}} prompts",
+        "dynamicPrompts": "Dynamische prompts"
+    },
+    "popovers": {
+        "noiseUseCPU": {
+            "paragraphs": [
+                "Bepaalt of ruis wordt gegenereerd op de CPU of de GPU.",
+                "Met CPU-ruis ingeschakeld zal een bepaalde seedwaarde dezelfde afbeelding opleveren op welke machine dan ook.",
+                "Er is geen prestatieverschil bij het inschakelen van CPU-ruis."
+            ],
+            "heading": "Gebruik CPU-ruis"
+        },
+        "paramScheduler": {
+            "paragraphs": [
+                "De planner bepaalt hoe ruis per iteratie wordt toegevoegd aan een afbeelding of hoe een monster wordt bijgewerkt op basis van de uitvoer van een model."
+            ],
+            "heading": "Planner"
+        },
+        "scaleBeforeProcessing": {
+            "paragraphs": [
+                "Schaalt het gekozen gebied naar de grootte die het meest geschikt is voor het model, vooraf aan het proces van het afbeeldingen genereren."
+            ],
+            "heading": "Schaal vooraf aan verwerking"
+        },
+        "compositingMaskAdjustments": {
+            "heading": "Aanpassingen masker",
+            "paragraphs": [
+                "Pas het masker aan."
+            ]
+        },
+        "paramRatio": {
+            "heading": "Beeldverhouding",
+            "paragraphs": [
+                "De beeldverhouding van de afmetingen van de afbeelding die wordt gegenereerd.",
+                "Een afbeeldingsgrootte (in aantal pixels) equivalent aan 512x512 wordt aanbevolen voor SD1.5-modellen. Een grootte-equivalent van 1024x1024 wordt aanbevolen voor SDXL-modellen."
+            ]
+        },
+        "compositingCoherenceSteps": {
+            "heading": "Stappen",
+            "paragraphs": [
+                "Het aantal te gebruiken ontruisingsstappen in de coherentiefase.",
+                "Gelijk aan de hoofdparameter Stappen."
+            ]
+        },
+        "dynamicPrompts": {
+            "paragraphs": [
+                "Dynamische prompts vormt een enkele prompt om in vele.",
+                "De basissyntax is \"a {red|green|blue} ball\". Dit zal de volgende drie prompts geven: \"a red ball\", \"a green ball\" en \"a blue ball\".",
+                "Gebruik de syntax zo vaak als je wilt in een enkele prompt, maar zorg ervoor dat het aantal gegenereerde prompts in lijn ligt met de instelling Max. prompts."
+            ],
+            "heading": "Dynamische prompts"
+        },
+        "paramVAE": {
+            "paragraphs": [
+                "Het model gebruikt voor het vertalen van AI-uitvoer naar de uiteindelijke afbeelding."
+            ],
+            "heading": "VAE"
+        },
+        "compositingBlur": {
+            "heading": "Vervaging",
+            "paragraphs": [
+                "De vervagingsstraal van het masker."
+            ]
+        },
+        "paramIterations": {
+            "paragraphs": [
+                "Het aantal te genereren afbeeldingen.",
+                "Als dynamische prompts is ingeschakeld, dan zal elke prompt dit aantal keer gegenereerd worden."
+            ],
+            "heading": "Iteraties"
+        },
+        "paramVAEPrecision": {
+            "heading": "Nauwkeurigheid VAE",
+            "paragraphs": [
+                "De nauwkeurigheid gebruikt tijdens de VAE-codering en -decodering. FP16/halve nauwkeurig is efficiënter, ten koste van kleine afbeeldingsvariaties."
+            ]
+        },
+        "compositingCoherenceMode": {
+            "heading": "Modus",
+            "paragraphs": [
+                "De modus van de coherentiefase."
+            ]
+        },
+        "paramSeed": {
+            "paragraphs": [
+                "Bepaalt de startruis die gebruikt wordt bij het genereren.",
+                "Schakel \"Willekeurige seedwaarde\" uit om identieke resultaten te krijgen met dezelfde genereer-instellingen."
+            ],
+            "heading": "Seedwaarde"
+        },
+        "controlNetResizeMode": {
+            "heading": "Schaalmodus",
+            "paragraphs": [
+                "Hoe de ControlNet-afbeelding zal worden geschaald aan de uitvoergrootte van de afbeelding."
+            ]
+        },
+        "controlNetBeginEnd": {
+            "paragraphs": [
+                "Op welke stappen van het ontruisingsproces ControlNet worden toegepast.",
+                "ControlNets die worden toegepast aan het begin begeleiden het compositieproces. ControlNets die worden toegepast aan het eind zorgen voor details."
+            ],
+            "heading": "Percentage begin- / eindstap"
+        },
+        "dynamicPromptsSeedBehaviour": {
+            "paragraphs": [
+                "Bepaalt hoe de seedwaarde wordt gebruikt bij het genereren van prompts.",
+                "Per iteratie zal een unieke seedwaarde worden gebruikt voor elke iteratie. Gebruik dit om de promptvariaties binnen een enkele seedwaarde te verkennen.",
+                "Bijvoorbeeld: als je vijf prompts heb, dan zal voor elke afbeelding dezelfde seedwaarde gebruikt worden.",
+                "De optie Per afbeelding zal een unieke seedwaarde voor elke afbeelding gebruiken. Dit biedt meer variatie."
+            ],
+            "heading": "Gedrag seedwaarde"
+        },
+        "clipSkip": {
+            "paragraphs": [
+                "Kies hoeveel CLIP-modellagen je wilt overslaan.",
+                "Bepaalde modellen werken beter met bepaalde Overslaan CLIP-instellingen.",
+                "Een hogere waarde geeft meestal een minder gedetailleerde afbeelding."
+            ],
+            "heading": "Overslaan CLIP"
+        },
+        "paramModel": {
+            "heading": "Model",
+            "paragraphs": [
+                "Model gebruikt voor de ontruisingsstappen.",
+                "Verschillende modellen zijn meestal getraind om zich te specialiseren in het maken van bepaalde esthetische resultaten en materiaal."
+            ]
+        },
+        "compositingCoherencePass": {
+            "heading": "Coherentiefase",
+            "paragraphs": [
+                "Een tweede ronde ontruising helpt bij het samenstellen van de erin- of eruitgetekende afbeelding."
+            ]
+        },
+        "paramDenoisingStrength": {
+            "paragraphs": [
+                "Hoeveel ruis wordt toegevoegd aan de invoerafbeelding.",
+                "0 levert een identieke afbeelding op, waarbij 1 een volledig nieuwe afbeelding oplevert."
+            ],
+            "heading": "Ontruisingssterkte"
+        },
+        "compositingStrength": {
+            "heading": "Sterkte",
+            "paragraphs": [
+                "Ontruisingssterkte voor de coherentiefase.",
+                "Gelijk aan de parameter Ontruisingssterkte Afbeelding naar afbeelding."
+            ]
+        },
+        "paramNegativeConditioning": {
+            "paragraphs": [
+                "Het genereerproces voorkomt de gegeven begrippen in de negatieve prompt. Gebruik dit om bepaalde zaken of voorwerpen uit te sluiten van de uitvoerafbeelding.",
+                "Ondersteunt Compel-syntax en -embeddingen."
+            ],
+            "heading": "Negatieve prompt"
+        },
+        "compositingBlurMethod": {
+            "heading": "Vervagingsmethode",
+            "paragraphs": [
+                "De methode van de vervaging die wordt toegepast op het gemaskeerd gebied."
+            ]
+        },
+        "dynamicPromptsMaxPrompts": {
+            "heading": "Max. prompts",
+            "paragraphs": [
+                "Beperkt het aantal prompts die kunnen worden gegenereerd door dynamische prompts."
+            ]
+        },
+        "infillMethod": {
+            "paragraphs": [
+                "Methode om een gekozen gebied in te vullen."
+            ],
+            "heading": "Invulmethode"
+        },
+        "controlNetWeight": {
+            "heading": "Gewicht",
+            "paragraphs": [
+                "Hoe sterk ControlNet effect heeft op de gegeneerde afbeelding."
+            ]
+        },
+        "controlNet": {
+            "heading": "ControlNet",
+            "paragraphs": [
+                "ControlNets begeleidt het genereerproces, waarbij geholpen wordt bij het maken van afbeeldingen met aangestuurde compositie, structuur of stijl, afhankelijk van het gekozen model."
+            ]
+        },
+        "paramCFGScale": {
+            "heading": "CFG-schaal",
+            "paragraphs": [
+                "Bepaalt hoeveel je prompt invloed heeft op het genereerproces."
+            ]
+        },
+        "controlNetControlMode": {
+            "paragraphs": [
+                "Geeft meer gewicht aan ofwel de prompt danwel ControlNet."
+            ],
+            "heading": "Controlemodus"
+        },
+        "paramSteps": {
+            "heading": "Stappen",
+            "paragraphs": [
+                "Het aantal uit te voeren stappen tijdens elke generatie.",
+                "Een hoger aantal stappen geven meestal betere afbeeldingen, ten koste van een hogere benodigde tijd om te genereren."
+            ]
+        },
+        "paramPositiveConditioning": {
+            "heading": "Positieve prompt",
+            "paragraphs": [
+                "Begeleidt het generartieproces. Gebruik een woord of frase naar keuze.",
+                "Syntaxes en embeddings voor Compel en dynamische prompts."
+            ]
+        },
+        "lora": {
+            "heading": "Gewicht LoRA",
+            "paragraphs": [
+                "Een hogere LoRA-gewicht zal leiden tot een groter effect op de uiteindelijke afbeelding."
+            ]
+        }
+    },
+    "metadata": {
+        "seamless": "Naadloos",
+        "positivePrompt": "Positieve prompt",
+        "negativePrompt": "Negatieve prompt",
+        "generationMode": "Genereermodus",
+        "Threshold": "Drempelwaarde ruis",
+        "metadata": "Metagegevens",
+        "strength": "Sterkte Afbeelding naar afbeelding",
+        "seed": "Seedwaarde",
+        "imageDetails": "Afbeeldingsdetails",
+        "perlin": "Perlin-ruis",
+        "model": "Model",
+        "noImageDetails": "Geen afbeeldingsdetails gevonden",
+        "hiresFix": "Optimalisatie voor hoge resolutie",
+        "cfgScale": "CFG-schaal",
+        "fit": "Schaal aanpassen in Afbeelding naar afbeelding",
+        "initImage": "Initiële afbeelding",
+        "recallParameters": "Opnieuw aan te roepen parameters",
+        "height": "Hoogte",
+        "variations": "Paren seedwaarde-gewicht",
+        "noMetaData": "Geen metagegevens gevonden",
+        "width": "Breedte",
+        "createdBy": "Gemaakt door",
+        "workflow": "Werkstroom",
+        "steps": "Stappen",
+        "scheduler": "Planner",
+        "noRecallParameters": "Geen opnieuw uit te voeren parameters gevonden"
+    },
+    "queue": {
+        "status": "Status",
+        "pruneSucceeded": "{{item_count}} voltooide onderdelen uit wachtrij opgeruimd",
+        "cancelTooltip": "Annuleer huidig onderdeel",
+        "queueEmpty": "Wachtrij leeg",
+        "pauseSucceeded": "Verwerker onderbroken",
+        "in_progress": "Bezig",
+        "queueFront": "Voeg vooraan toe in wachtrij",
+        "notReady": "Fout bij plaatsen in wachtrij",
+        "batchFailedToQueue": "Fout bij reeks in wachtrij plaatsen",
+        "completed": "Voltooid",
+        "queueBack": "Voeg toe aan wachtrij",
+        "batchValues": "Reekswaarden",
+        "cancelFailed": "Fout bij annuleren onderdeel",
+        "queueCountPrediction": "Voeg {{predicted}} toe aan wachtrij",
+        "batchQueued": "Reeks in wachtrij geplaatst",
+        "pauseFailed": "Fout bij onderbreken verwerker",
+        "clearFailed": "Fout bij wissen van wachtrij",
+        "queuedCount": "{{pending}} wachtend",
+        "front": "begin",
+        "clearSucceeded": "Wachtrij gewist",
+        "pause": "Onderbreek",
+        "pruneTooltip": "Ruim {{item_count}} voltooide onderdelen op",
+        "cancelSucceeded": "Onderdeel geannuleerd",
+        "batchQueuedDesc_one": "Voeg {{count}} sessie toe aan het {{direction}} van de wachtrij",
+        "batchQueuedDesc_other": "Voeg {{count}} sessies toe aan het {{direction}} van de wachtrij",
+        "graphQueued": "Graaf in wachtrij geplaatst",
+        "queue": "Wachtrij",
+        "batch": "Reeks",
+        "clearQueueAlertDialog": "Als je de wachtrij onmiddellijk wist, dan worden alle onderdelen die bezig zijn geannuleerd en wordt de wachtrij volledig gewist.",
+        "pending": "Wachtend",
+        "completedIn": "Voltooid na",
+        "resumeFailed": "Fout bij hervatten verwerker",
+        "clear": "Wis",
+        "prune": "Ruim op",
+        "total": "Totaal",
+        "canceled": "Geannuleerd",
+        "pruneFailed": "Fout bij opruimen van wachtrij",
+        "cancelBatchSucceeded": "Reeks geannuleerd",
+        "clearTooltip": "Annuleer en wis alle onderdelen",
+        "current": "Huidig",
+        "pauseTooltip": "Onderbreek verwerker",
+        "failed": "Mislukt",
+        "cancelItem": "Annuleer onderdeel",
+        "next": "Volgende",
+        "cancelBatch": "Annuleer reeks",
+        "back": "eind",
+        "cancel": "Annuleer",
+        "session": "Sessie",
+        "queueTotal": "Totaal {{total}}",
+        "resumeSucceeded": "Verwerker hervat",
+        "enqueueing": "Bezig met toevoegen van reeks aan wachtrij",
+        "resumeTooltip": "Hervat verwerker",
+        "queueMaxExceeded": "Max. aantal van {{max_queue_size}} overschreden, {{skip}} worden overgeslagen",
+        "resume": "Hervat",
+        "cancelBatchFailed": "Fout bij annuleren van reeks",
+        "clearQueueAlertDialog2": "Weet je zeker dat je de wachtrij wilt wissen?",
+        "item": "Onderdeel",
+        "graphFailedToQueue": "Fout bij toevoegen graaf aan wachtrij"
+    },
+    "sdxl": {
+        "refinerStart": "Startwaarde verfijning",
+        "selectAModel": "Kies een model",
+        "scheduler": "Planner",
+        "cfgScale": "CFG-schaal",
+        "negStylePrompt": "Negatieve-stijlprompt",
+        "noModelsAvailable": "Geen modellen beschikbaar",
+        "refiner": "Verfijning",
+        "negAestheticScore": "Negatieve esthetische score",
+        "useRefiner": "Gebruik verfijning",
+        "denoisingStrength": "Sterkte ontruising",
+        "refinermodel": "Verfijningsmodel",
+        "posAestheticScore": "Positieve esthetische score",
+        "concatPromptStyle": "Plak prompt- en stijltekst aan elkaar",
+        "loading": "Bezig met laden...",
+        "steps": "Stappen",
+        "posStylePrompt": "Positieve-stijlprompt"
+    },
+    "models": {
+        "noMatchingModels": "Geen overeenkomend modellen",
+        "loading": "bezig met laden",
+        "noMatchingLoRAs": "Geen overeenkomende LoRA's",
+        "noLoRAsAvailable": "Geen LoRA's beschikbaar",
+        "noModelsAvailable": "Geen modellen beschikbaar",
+        "selectModel": "Kies een model",
+        "selectLoRA": "Kies een LoRA"
+    },
+    "boards": {
+        "autoAddBoard": "Voeg automatisch bord toe",
+        "topMessage": "Dit bord bevat afbeeldingen die in gebruik zijn door de volgende functies:",
+        "move": "Verplaats",
+        "menuItemAutoAdd": "Voeg dit automatisch toe aan bord",
+        "myBoard": "Mijn bord",
+        "searchBoard": "Zoek borden...",
+        "noMatching": "Geen overeenkomende borden",
+        "selectBoard": "Kies een bord",
+        "cancel": "Annuleer",
+        "addBoard": "Voeg bord toe",
+        "bottomMessage": "Als je dit bord en alle afbeeldingen erop verwijdert, dan worden alle functies teruggezet die ervan gebruik maken.",
+        "uncategorized": "Zonder categorie",
+        "downloadBoard": "Download bord",
+        "changeBoard": "Wijzig bord",
+        "loading": "Bezig met laden...",
+        "clearSearch": "Maak zoekopdracht leeg"
+    },
+    "invocationCache": {
+        "disable": "Schakel uit",
+        "misses": "Mislukt cacheverzoek",
+        "enableFailed": "Fout bij inschakelen aanroepcache",
+        "invocationCache": "Aanroepcache",
+        "clearSucceeded": "Aanroepcache gewist",
+        "enableSucceeded": "Aanroepcache ingeschakeld",
+        "clearFailed": "Fout bij wissen aanroepcache",
+        "hits": "Gelukt cacheverzoek",
+        "disableSucceeded": "Aanroepcache uitgeschakeld",
+        "disableFailed": "Fout bij uitschakelen aanroepcache",
+        "enable": "Schakel in",
+        "clear": "Wis",
+        "maxCacheSize": "Max. grootte cache",
+        "cacheSize": "Grootte cache"
+    },
+    "embedding": {
+        "noMatchingEmbedding": "Geen overeenkomende embeddings",
+        "addEmbedding": "Voeg embedding toe",
+        "incompatibleModel": "Niet-compatibel basismodel:"
     }
 }

invokeai/frontend/web/dist/locales/zh_CN.json

@@ -88,7 +88,9 @@
         "t2iAdapter": "T2I Adapter",
         "ipAdapter": "IP Adapter",
         "controlAdapter": "Control Adapter",
-        "controlNet": "ControlNet"
+        "controlNet": "ControlNet",
+        "on": "开",
+        "auto": "自动"
     },
     "gallery": {
         "generations": "生成的图像",
@@ -472,7 +474,8 @@
         "vae": "VAE",
         "oliveModels": "Olive",
         "loraModels": "LoRA",
-        "alpha": "Alpha"
+        "alpha": "Alpha",
+        "vaePrecision": "VAE 精度"
     },
     "parameters": {
         "images": "图像",
@@ -595,7 +598,11 @@
             "useX2Model": "图像太大，无法使用 x4 模型，使用 x2 模型作为替代",
             "tooLarge": "图像太大无法进行放大，请选择更小的图像"
         },
-        "iterationsWithCount_other": "{{count}} 次迭代生成"
+        "iterationsWithCount_other": "{{count}} 次迭代生成",
+        "seamlessX&Y": "无缝 X & Y",
+        "aspectRatioFree": "自由",
+        "seamlessX": "无缝 X",
+        "seamlessY": "无缝 Y"
     },
     "settings": {
         "models": "模型",
@@ -628,10 +635,11 @@
         "clearIntermediates": "清除中间产物",
         "clearIntermediatesDesc3": "您图库中的图像不会被删除。",
         "clearIntermediatesDesc2": "中间产物图像是生成过程中产生的副产品，与图库中的结果图像不同。清除中间产物可释放磁盘空间。",
-        "intermediatesCleared_other": "已清除 {{number}} 个中间产物",
+        "intermediatesCleared_other": "已清除 {{count}} 个中间产物",
         "clearIntermediatesDesc1": "清除中间产物会重置您的画布和 ControlNet 状态。",
         "intermediatesClearedFailed": "清除中间产物时出现问题",
-        "noIntermediates": "没有可清除的中间产物"
+        "clearIntermediatesWithCount_other": "清除 {{count}} 个中间产物",
+        "clearIntermediatesDisabled": "队列为空才能清理中间产物"
     },
     "toast": {
         "tempFoldersEmptied": "临时文件夹已清空",
@@ -714,7 +722,7 @@
         "canvasSavedGallery": "画布已保存到图库",
         "imageUploadFailed": "图像上传失败",
         "problemImportingMask": "导入遮罩时出现问题",
-        "baseModelChangedCleared_other": "基础模型已更改, 已清除或禁用 {{number}} 个不兼容的子模型"
+        "baseModelChangedCleared_other": "基础模型已更改, 已清除或禁用 {{count}} 个不兼容的子模型"
     },
     "unifiedCanvas": {
         "layer": "图层",
@@ -858,7 +866,7 @@
         "version": "版本",
         "validateConnections": "验证连接和节点图",
         "inputMayOnlyHaveOneConnection": "输入仅能有一个连接",
-        "notes": "节点",
+        "notes": "注释",
         "nodeOutputs": "节点输出",
         "currentImageDescription": "在节点编辑器中显示当前图像",
         "validateConnectionsHelp": "防止建立无效连接和调用无效节点图",
@@ -884,11 +892,11 @@
         "currentImage": "当前图像",
         "workflowName": "名称",
         "cannotConnectInputToInput": "无法将输入连接到输入",
-        "workflowNotes": "节点",
+        "workflowNotes": "注释",
         "cannotConnectOutputToOutput": "无法将输出连接到输出",
         "connectionWouldCreateCycle": "连接将创建一个循环",
         "cannotConnectToSelf": "无法连接自己",
-        "notesDescription": "添加有关您的工作流的节点",
+        "notesDescription": "添加有关您的工作流的注释",
         "unknownField": "未知",
         "colorCodeEdges": "边缘颜色编码",
         "unknownNode": "未知节点",
@@ -1003,7 +1011,27 @@
         "booleanCollection": "布尔值合集",
         "imageCollectionDescription": "一个图像合集。",
         "loRAModelField": "LoRA",
-        "imageCollection": "图像合集"
+        "imageCollection": "图像合集",
+        "ipAdapterPolymorphicDescription": "一个 IP-Adapters Collection 合集。",
+        "ipAdapterCollection": "IP-Adapters 合集",
+        "conditioningCollection": "条件合集",
+        "ipAdapterPolymorphic": "IP-Adapters 多态",
+        "conditioningCollectionDescription": "条件可以在节点间传递。",
+        "colorPolymorphic": "颜色多态",
+        "conditioningPolymorphic": "条件多态",
+        "latentsCollection": "Latents 合集",
+        "stringPolymorphic": "字符多态",
+        "conditioningPolymorphicDescription": "条件可以在节点间传递。",
+        "imagePolymorphic": "图像多态",
+        "floatPolymorphic": "浮点多态",
+        "ipAdapterCollectionDescription": "一个 IP-Adapters Collection 合集。",
+        "ipAdapter": "IP-Adapter",
+        "booleanPolymorphic": "布尔多态",
+        "conditioningFieldDescription": "条件可以在节点间传递。",
+        "integerPolymorphic": "整数多态",
+        "latentsPolymorphic": "Latents 多态",
+        "conditioningField": "条件",
+        "latentsField": "Latents"
     },
     "controlnet": {
         "resize": "直接缩放",
@@ -1073,21 +1101,21 @@
         "contentShuffle": "Content Shuffle",
         "f": "F",
         "h": "H",
-        "controlnet": "$t(controlnet.controlAdapter) #{{number}} ($t(common.controlNet))",
+        "controlnet": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.controlNet))",
         "control": "Control (普通控制)",
         "coarse": "Coarse",
         "depthMidas": "Depth (Midas)",
         "w": "W",
-        "ip_adapter": "$t(controlnet.controlAdapter) #{{number}} ($t(common.ipAdapter))",
+        "ip_adapter": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.ipAdapter))",
         "mediapipeFace": "Mediapipe Face",
         "mlsd": "M-LSD",
         "lineart": "Lineart",
-        "t2i_adapter": "$t(controlnet.controlAdapter) #{{number}} ($t(common.t2iAdapter))",
+        "t2i_adapter": "$t(controlnet.controlAdapter_one) #{{number}} ($t(common.t2iAdapter))",
         "megaControl": "Mega Control (超级控制)",
         "depthZoe": "Depth (Zoe)",
         "colorMap": "Color",
         "openPose": "Openpose",
-        "controlAdapter": "Control Adapter",
+        "controlAdapter_other": "Control Adapters",
         "lineartAnime": "Lineart Anime",
         "canny": "Canny"
     },
@@ -1141,7 +1169,7 @@
         "queuedCount": "{{pending}} 待处理",
         "front": "前",
         "pruneTooltip": "修剪 {{item_count}} 个已完成的项目",
-        "batchQueuedDesc": "在队列的 {{direction}} 中添加了 {{item_count}} 个会话",
+        "batchQueuedDesc_other": "在队列的 {{direction}} 中添加了 {{count}} 个会话",
         "graphQueued": "节点图已加入队列",
         "back": "后",
         "session": "会话",
@@ -1192,7 +1220,9 @@
         "steps": "步数",
         "scheduler": "调度器",
         "seamless": "无缝",
-        "fit": "图生图适应"
+        "fit": "图生图匹配",
+        "recallParameters": "召回参数",
+        "noRecallParameters": "未找到要召回的参数"
     },
     "models": {
         "noMatchingModels": "无相匹配的模型",
@@ -1201,7 +1231,9 @@
         "noLoRAsAvailable": "无可用 LoRA",
         "noModelsAvailable": "无可用模型",
         "selectModel": "选择一个模型",
-        "selectLoRA": "选择一个 LoRA"
+        "selectLoRA": "选择一个 LoRA",
+        "noRefinerModelsInstalled": "无已安装的 SDXL Refiner 模型",
+        "noLoRAsInstalled": "无已安装的 LoRA"
     },
     "boards": {
         "autoAddBoard": "自动添加面板",

invokeai/frontend/web/src/app/store/store.ts

@@ -19,7 +19,7 @@ import sdxlReducer from 'features/sdxl/store/sdxlSlice';
 import configReducer from 'features/system/store/configSlice';
 import systemReducer from 'features/system/store/systemSlice';
 import queueReducer from 'features/queue/store/queueSlice';
-import modelmanagerReducer from 'features/ui/components/tabs/ModelManager/store/modelManagerSlice';
+import modelmanagerReducer from 'features/modelManager/store/modelManagerSlice';
 import hotkeysReducer from 'features/ui/store/hotkeysSlice';
 import uiReducer from 'features/ui/store/uiSlice';
 import dynamicMiddlewares from 'redux-dynamic-middlewares';

invokeai/frontend/web/src/common/components/IAIAlertDialog.tsx

@@ -8,7 +8,14 @@ import {
   forwardRef,
   useDisclosure,
 } from '@chakra-ui/react';
-import { cloneElement, memo, ReactElement, ReactNode, useRef } from 'react';
+import {
+  cloneElement,
+  memo,
+  ReactElement,
+  ReactNode,
+  useCallback,
+  useRef,
+} from 'react';
 import { useTranslation } from 'react-i18next';
 import IAIButton from './IAIButton';
 
@@ -38,15 +45,15 @@ const IAIAlertDialog = forwardRef((props: Props, ref) => {
   const { isOpen, onOpen, onClose } = useDisclosure();
   const cancelRef = useRef<HTMLButtonElement | null>(null);
 
-  const handleAccept = () => {
+  const handleAccept = useCallback(() => {
     acceptCallback();
     onClose();
-  };
+  }, [acceptCallback, onClose]);
 
-  const handleCancel = () => {
+  const handleCancel = useCallback(() => {
     cancelCallback && cancelCallback();
     onClose();
-  };
+  }, [cancelCallback, onClose]);
 
   return (
     <>

invokeai/frontend/web/src/common/components/IAIErrorLoadingImageFallback.tsx

@@ -1,43 +0,0 @@
-import { Box, Flex, Icon } from '@chakra-ui/react';
-import { memo } from 'react';
-import { FaExclamation } from 'react-icons/fa';
-
-const IAIErrorLoadingImageFallback = () => {
-  return (
-    <Box
-      sx={{
-        position: 'relative',
-        height: 'full',
-        width: 'full',
-        '::before': {
-          content: "''",
-          display: 'block',
-          pt: '100%',
-        },
-      }}
-    >
-      <Flex
-        sx={{
-          position: 'absolute',
-          top: 0,
-          insetInlineStart: 0,
-          height: 'full',
-          width: 'full',
-          alignItems: 'center',
-          justifyContent: 'center',
-          borderRadius: 'base',
-          bg: 'base.100',
-          color: 'base.500',
-          _dark: {
-            color: 'base.700',
-            bg: 'base.850',
-          },
-        }}
-      >
-        <Icon as={FaExclamation} boxSize={16} opacity={0.7} />
-      </Flex>
-    </Box>
-  );
-};
-
-export default memo(IAIErrorLoadingImageFallback);

invokeai/frontend/web/src/common/components/IAIForm.tsx

@@ -1,8 +0,0 @@
-import { chakra } from '@chakra-ui/react';
-
-/**
- * Chakra-enabled <form />
- */
-const IAIForm = chakra.form;
-
-export default IAIForm;

invokeai/frontend/web/src/common/components/IAIForms/IAIFormErrorMessage.tsx

@@ -1,15 +0,0 @@
-import { FormErrorMessage, FormErrorMessageProps } from '@chakra-ui/react';
-import { ReactNode } from 'react';
-
-type IAIFormErrorMessageProps = FormErrorMessageProps & {
-  children: ReactNode | string;
-};
-
-export default function IAIFormErrorMessage(props: IAIFormErrorMessageProps) {
-  const { children, ...rest } = props;
-  return (
-    <FormErrorMessage color="error.400" {...rest}>
-      {children}
-    </FormErrorMessage>
-  );
-}

invokeai/frontend/web/src/common/components/IAIForms/IAIFormHelperText.tsx

@@ -1,15 +0,0 @@
-import { FormHelperText, FormHelperTextProps } from '@chakra-ui/react';
-import { ReactNode } from 'react';
-
-type IAIFormHelperTextProps = FormHelperTextProps & {
-  children: ReactNode | string;
-};
-
-export default function IAIFormHelperText(props: IAIFormHelperTextProps) {
-  const { children, ...rest } = props;
-  return (
-    <FormHelperText margin={0} color="base.400" {...rest}>
-      {children}
-    </FormHelperText>
-  );
-}

invokeai/frontend/web/src/common/components/IAIForms/IAIFormItemWrapper.tsx

@@ -1,25 +0,0 @@
-import { Flex, useColorMode } from '@chakra-ui/react';
-import { ReactElement } from 'react';
-import { mode } from 'theme/util/mode';
-
-export function IAIFormItemWrapper({
-  children,
-}: {
-  children: ReactElement | ReactElement[];
-}) {
-  const { colorMode } = useColorMode();
-  return (
-    <Flex
-      sx={{
-        flexDirection: 'column',
-        padding: 4,
-        rowGap: 4,
-        borderRadius: 'base',
-        width: 'full',
-        bg: mode('base.100', 'base.900')(colorMode),
-      }}
-    >
-      {children}
-    </Flex>
-  );
-}

invokeai/frontend/web/src/common/components/IAIFullCheckbox.tsx

@@ -1,25 +0,0 @@
-import {
-  Checkbox,
-  CheckboxProps,
-  FormControl,
-  FormControlProps,
-  FormLabel,
-} from '@chakra-ui/react';
-import { memo, ReactNode } from 'react';
-
-type IAIFullCheckboxProps = CheckboxProps & {
-  label: string | ReactNode;
-  formControlProps?: FormControlProps;
-};
-
-const IAIFullCheckbox = (props: IAIFullCheckboxProps) => {
-  const { label, formControlProps, ...rest } = props;
-  return (
-    <FormControl {...formControlProps}>
-      <FormLabel>{label}</FormLabel>
-      <Checkbox colorScheme="accent" {...rest} />
-    </FormControl>
-  );
-};
-
-export default memo(IAIFullCheckbox);

invokeai/frontend/web/src/common/components/IAIMantineInput.tsx

@@ -1,6 +1,7 @@
 import { useColorMode } from '@chakra-ui/react';
 import { TextInput, TextInputProps } from '@mantine/core';
 import { useChakraThemeTokens } from 'common/hooks/useChakraThemeTokens';
+import { useCallback } from 'react';
 import { mode } from 'theme/util/mode';
 
 type IAIMantineTextInputProps = TextInputProps;
@@ -20,26 +21,37 @@ export default function IAIMantineTextInput(props: IAIMantineTextInputProps) {
   } = useChakraThemeTokens();
   const { colorMode } = useColorMode();
 
-  return (
-    <TextInput
-      styles={() => ({
-        input: {
-          color: mode(base900, base100)(colorMode),
-          backgroundColor: mode(base50, base900)(colorMode),
-          borderColor: mode(base200, base800)(colorMode),
-          borderWidth: 2,
-          outline: 'none',
-          ':focus': {
-            borderColor: mode(accent300, accent500)(colorMode),
-          },
+  const stylesFunc = useCallback(
+    () => ({
+      input: {
+        color: mode(base900, base100)(colorMode),
+        backgroundColor: mode(base50, base900)(colorMode),
+        borderColor: mode(base200, base800)(colorMode),
+        borderWidth: 2,
+        outline: 'none',
+        ':focus': {
+          borderColor: mode(accent300, accent500)(colorMode),
         },
-        label: {
-          color: mode(base700, base300)(colorMode),
-          fontWeight: 'normal',
-          marginBottom: 4,
-        },
-      })}
-      {...rest}
-    />
+      },
+      label: {
+        color: mode(base700, base300)(colorMode),
+        fontWeight: 'normal' as const,
+        marginBottom: 4,
+      },
+    }),
+    [
+      accent300,
+      accent500,
+      base100,
+      base200,
+      base300,
+      base50,
+      base700,
+      base800,
+      base900,
+      colorMode,
+    ]
   );
+
+  return <TextInput styles={stylesFunc} {...rest} />;
 }

invokeai/frontend/web/src/common/components/IAINumberInput.tsx

@@ -98,28 +98,34 @@ const IAINumberInput = forwardRef((props: Props, ref) => {
     }
   }, [value, valueAsString]);
 
-  const handleOnChange = (v: string) => {
-    setValueAsString(v);
-    // This allows negatives and decimals e.g. '-123', `.5`, `-0.2`, etc.
-    if (!v.match(numberStringRegex)) {
-      // Cast the value to number. Floor it if it should be an integer.
-      onChange(isInteger ? Math.floor(Number(v)) : Number(v));
-    }
-  };
+  const handleOnChange = useCallback(
+    (v: string) => {
+      setValueAsString(v);
+      // This allows negatives and decimals e.g. '-123', `.5`, `-0.2`, etc.
+      if (!v.match(numberStringRegex)) {
+        // Cast the value to number. Floor it if it should be an integer.
+        onChange(isInteger ? Math.floor(Number(v)) : Number(v));
+      }
+    },
+    [isInteger, onChange]
+  );
 
   /**
    * Clicking the steppers allows the value to go outside bounds; we need to
    * clamp it on blur and floor it if needed.
    */
-  const handleBlur = (e: FocusEvent<HTMLInputElement>) => {
-    const clamped = clamp(
-      isInteger ? Math.floor(Number(e.target.value)) : Number(e.target.value),
-      min,
-      max
-    );
-    setValueAsString(String(clamped));
-    onChange(clamped);
-  };
+  const handleBlur = useCallback(
+    (e: FocusEvent<HTMLInputElement>) => {
+      const clamped = clamp(
+        isInteger ? Math.floor(Number(e.target.value)) : Number(e.target.value),
+        min,
+        max
+      );
+      setValueAsString(String(clamped));
+      onChange(clamped);
+    },
+    [isInteger, max, min, onChange]
+  );
 
   const handleKeyDown = useCallback(
     (e: KeyboardEvent<HTMLInputElement>) => {

invokeai/frontend/web/src/common/components/IAISelect.tsx

@@ -6,7 +6,7 @@ import {
   Tooltip,
   TooltipProps,
 } from '@chakra-ui/react';
-import { memo, MouseEvent } from 'react';
+import { memo, MouseEvent, useCallback } from 'react';
 import IAIOption from './IAIOption';
 
 type IAISelectProps = SelectProps & {
@@ -33,15 +33,16 @@ const IAISelect = (props: IAISelectProps) => {
     spaceEvenly,
     ...rest
   } = props;
+  const handleClick = useCallback((e: MouseEvent<HTMLDivElement>) => {
+    e.stopPropagation();
+    e.nativeEvent.stopImmediatePropagation();
+    e.nativeEvent.stopPropagation();
+    e.nativeEvent.cancelBubble = true;
+  }, []);
   return (
     <FormControl
       isDisabled={isDisabled}
-      onClick={(e: MouseEvent<HTMLDivElement>) => {
-        e.stopPropagation();
-        e.nativeEvent.stopImmediatePropagation();
-        e.nativeEvent.stopPropagation();
-        e.nativeEvent.cancelBubble = true;
-      }}
+      onClick={handleClick}
       sx={
         horizontal
           ? {

invokeai/frontend/web/src/common/components/IAISlider.tsx

@@ -186,6 +186,13 @@ const IAISlider = forwardRef((props: IAIFullSliderProps, ref) => {
     [dispatch]
   );
 
+  const handleMouseEnter = useCallback(() => setShowTooltip(true), []);
+  const handleMouseLeave = useCallback(() => setShowTooltip(false), []);
+  const handleStepperClick = useCallback(
+    () => onChange(Number(localInputValue)),
+    [localInputValue, onChange]
+  );
+
   return (
     <FormControl
       ref={ref}
@@ -219,8 +226,8 @@ const IAISlider = forwardRef((props: IAIFullSliderProps, ref) => {
           max={max}
           step={step}
           onChange={handleSliderChange}
-          onMouseEnter={() => setShowTooltip(true)}
-          onMouseLeave={() => setShowTooltip(false)}
+          onMouseEnter={handleMouseEnter}
+          onMouseLeave={handleMouseLeave}
           focusThumbOnChange={false}
           isDisabled={isDisabled}
           {...rest}
@@ -332,12 +339,8 @@ const IAISlider = forwardRef((props: IAIFullSliderProps, ref) => {
               {...sliderNumberInputFieldProps}
             />
             <NumberInputStepper {...sliderNumberInputStepperProps}>
-              <NumberIncrementStepper
-                onClick={() => onChange(Number(localInputValue))}
-              />
-              <NumberDecrementStepper
-                onClick={() => onChange(Number(localInputValue))}
-              />
+              <NumberIncrementStepper onClick={handleStepperClick} />
+              <NumberDecrementStepper onClick={handleStepperClick} />
             </NumberInputStepper>
           </NumberInput>
         )}

invokeai/frontend/web/src/common/components/ImageUploader.tsx

@@ -146,16 +146,15 @@ const ImageUploader = (props: ImageUploaderProps) => {
     };
   }, [inputRef]);
 
+  const handleKeyDown = useCallback((e: KeyboardEvent) => {
+    // Bail out if user hits spacebar - do not open the uploader
+    if (e.key === ' ') {
+      return;
+    }
+  }, []);
+
   return (
-    <Box
-      {...getRootProps({ style: {} })}
-      onKeyDown={(e: KeyboardEvent) => {
-        // Bail out if user hits spacebar - do not open the uploader
-        if (e.key === ' ') {
-          return;
-        }
-      }}
-    >
+    <Box {...getRootProps({ style: {} })} onKeyDown={handleKeyDown}>
       <input {...getInputProps()} />
       {children}
       <AnimatePresence>

invokeai/frontend/web/src/common/components/SelectImagePlaceholder.tsx

@@ -1,23 +0,0 @@
-import { Flex, Icon } from '@chakra-ui/react';
-import { memo } from 'react';
-import { FaImage } from 'react-icons/fa';
-
-const SelectImagePlaceholder = () => {
-  return (
-    <Flex
-      sx={{
-        w: 'full',
-        h: 'full',
-        // bg: 'base.800',
-        borderRadius: 'base',
-        alignItems: 'center',
-        justifyContent: 'center',
-        aspectRatio: '1/1',
-      }}
-    >
-      <Icon color="base.400" boxSize={32} as={FaImage}></Icon>
-    </Flex>
-  );
-};
-
-export default memo(SelectImagePlaceholder);

invokeai/frontend/web/src/common/hooks/useResolution.ts

@@ -1,24 +0,0 @@
-import { useBreakpoint } from '@chakra-ui/react';
-
-export default function useResolution():
-  | 'mobile'
-  | 'tablet'
-  | 'desktop'
-  | 'unknown' {
-  const breakpointValue = useBreakpoint();
-
-  const mobileResolutions = ['base', 'sm'];
-  const tabletResolutions = ['md', 'lg'];
-  const desktopResolutions = ['xl', '2xl'];
-
-  if (mobileResolutions.includes(breakpointValue)) {
-    return 'mobile';
-  }
-  if (tabletResolutions.includes(breakpointValue)) {
-    return 'tablet';
-  }
-  if (desktopResolutions.includes(breakpointValue)) {
-    return 'desktop';
-  }
-  return 'unknown';
-}

invokeai/frontend/web/src/common/util/getTimestamp.ts

@@ -1,7 +0,0 @@
-import dateFormat from 'dateformat';
-
-/**
- * Get a `now` timestamp with 1s precision, formatted as ISO datetime.
- */
-export const getTimestamp = () =>
-  dateFormat(new Date(), `yyyy-mm-dd'T'HH:MM:ss:lo`);

invokeai/frontend/web/src/common/util/seedWeightPairs.ts

@@ -1,71 +0,0 @@
-// TODO: Restore variations
-// Support code from v2.3 in here.
-
-// export const stringToSeedWeights = (
-//   string: string
-// ): InvokeAI.SeedWeights | boolean => {
-//   const stringPairs = string.split(',');
-//   const arrPairs = stringPairs.map((p) => p.split(':'));
-//   const pairs = arrPairs.map((p: Array<string>): InvokeAI.SeedWeightPair => {
-//     return { seed: Number(p[0]), weight: Number(p[1]) };
-//   });
-
-//   if (!validateSeedWeights(pairs)) {
-//     return false;
-//   }
-
-//   return pairs;
-// };
-
-// export const validateSeedWeights = (
-//   seedWeights: InvokeAI.SeedWeights | string
-// ): boolean => {
-//   return typeof seedWeights === 'string'
-//     ? Boolean(stringToSeedWeights(seedWeights))
-//     : Boolean(
-//         seedWeights.length &&
-//           !seedWeights.some((pair: InvokeAI.SeedWeightPair) => {
-//             const { seed, weight } = pair;
-//             const isSeedValid = !isNaN(parseInt(seed.toString(), 10));
-//             const isWeightValid =
-//               !isNaN(parseInt(weight.toString(), 10)) &&
-//               weight >= 0 &&
-//               weight <= 1;
-//             return !(isSeedValid && isWeightValid);
-//           })
-//       );
-// };
-
-// export const seedWeightsToString = (
-//   seedWeights: InvokeAI.SeedWeights
-// ): string => {
-//   return seedWeights.reduce((acc, pair, i, arr) => {
-//     const { seed, weight } = pair;
-//     acc += `${seed}:${weight}`;
-//     if (i !== arr.length - 1) {
-//       acc += ',';
-//     }
-//     return acc;
-//   }, '');
-// };
-
-// export const seedWeightsToArray = (
-//   seedWeights: InvokeAI.SeedWeights
-// ): Array<Array<number>> => {
-//   return seedWeights.map((pair: InvokeAI.SeedWeightPair) => [
-//     pair.seed,
-//     pair.weight,
-//   ]);
-// };
-
-// export const stringToSeedWeightsArray = (
-//   string: string
-// ): Array<Array<number>> => {
-//   const stringPairs = string.split(',');
-//   const arrPairs = stringPairs.map((p) => p.split(':'));
-//   return arrPairs.map(
-//     (p: Array<string>): Array<number> => [parseInt(p[0], 10), parseFloat(p[1])]
-//   );
-// };
-
-export default {};

invokeai/frontend/web/src/features/canvas/components/ClearCanvasHistoryButtonModal.tsx

@@ -5,17 +5,22 @@ import { clearCanvasHistory } from 'features/canvas/store/canvasSlice';
 import { useTranslation } from 'react-i18next';
 import { FaTrash } from 'react-icons/fa';
 import { isStagingSelector } from '../store/canvasSelectors';
-import { memo } from 'react';
+import { memo, useCallback } from 'react';
 
 const ClearCanvasHistoryButtonModal = () => {
   const isStaging = useAppSelector(isStagingSelector);
   const dispatch = useAppDispatch();
   const { t } = useTranslation();
 
+  const acceptCallback = useCallback(
+    () => dispatch(clearCanvasHistory()),
+    [dispatch]
+  );
+
   return (
     <IAIAlertDialog
       title={t('unifiedCanvas.clearCanvasHistory')}
-      acceptCallback={() => dispatch(clearCanvasHistory())}
+      acceptCallback={acceptCallback}
       acceptButtonText={t('unifiedCanvas.clearHistory')}
       triggerComponent={
         <IAIButton size="sm" leftIcon={<FaTrash />} isDisabled={isStaging}>

invokeai/frontend/web/src/features/canvas/components/IAICanvasToolbar/IAICanvasMaskOptions.tsx

@@ -20,7 +20,8 @@ import {
 } from 'features/canvas/store/canvasSlice';
 import { rgbaColorToString } from 'features/canvas/util/colorToString';
 import { isEqual } from 'lodash-es';
-import { memo } from 'react';
+import { ChangeEvent, memo, useCallback } from 'react';
+import { RgbaColor } from 'react-colorful';
 
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
@@ -95,18 +96,35 @@ const IAICanvasMaskOptions = () => {
     [isMaskEnabled]
   );
 
-  const handleToggleMaskLayer = () => {
+  const handleToggleMaskLayer = useCallback(() => {
     dispatch(setLayer(layer === 'mask' ? 'base' : 'mask'));
-  };
+  }, [dispatch, layer]);
 
-  const handleClearMask = () => dispatch(clearMask());
+  const handleClearMask = useCallback(() => {
+    dispatch(clearMask());
+  }, [dispatch]);
 
-  const handleToggleEnableMask = () =>
+  const handleToggleEnableMask = useCallback(() => {
     dispatch(setIsMaskEnabled(!isMaskEnabled));
+  }, [dispatch, isMaskEnabled]);
 
-  const handleSaveMask = async () => {
+  const handleSaveMask = useCallback(async () => {
     dispatch(canvasMaskSavedToGallery());
-  };
+  }, [dispatch]);
+
+  const handleChangePreserveMaskedArea = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) => {
+      dispatch(setShouldPreserveMaskedArea(e.target.checked));
+    },
+    [dispatch]
+  );
+
+  const handleChangeMaskColor = useCallback(
+    (newColor: RgbaColor) => {
+      dispatch(setMaskColor(newColor));
+    },
+    [dispatch]
+  );
 
   return (
     <IAIPopover
@@ -131,15 +149,10 @@ const IAICanvasMaskOptions = () => {
         <IAISimpleCheckbox
           label={t('unifiedCanvas.preserveMaskedArea')}
           isChecked={shouldPreserveMaskedArea}
-          onChange={(e) =>
-            dispatch(setShouldPreserveMaskedArea(e.target.checked))
-          }
+          onChange={handleChangePreserveMaskedArea}
         />
         <Box sx={{ paddingTop: 2, paddingBottom: 2 }}>
-          <IAIColorPicker
-            color={maskColor}
-            onChange={(newColor) => dispatch(setMaskColor(newColor))}
-          />
+          <IAIColorPicker color={maskColor} onChange={handleChangeMaskColor} />
         </Box>
         <IAIButton size="sm" leftIcon={<FaSave />} onClick={handleSaveMask}>
           Save Mask

invokeai/frontend/web/src/features/canvas/components/IAICanvasToolbar/IAICanvasRedoButton.tsx

@@ -10,6 +10,7 @@ import { redo } from 'features/canvas/store/canvasSlice';
 import { stateSelector } from 'app/store/store';
 import { isEqual } from 'lodash-es';
 import { useTranslation } from 'react-i18next';
+import { useCallback } from 'react';
 
 const canvasRedoSelector = createSelector(
   [stateSelector, activeTabNameSelector],
@@ -34,9 +35,9 @@ export default function IAICanvasRedoButton() {
 
   const { t } = useTranslation();
 
-  const handleRedo = () => {
+  const handleRedo = useCallback(() => {
     dispatch(redo());
-  };
+  }, [dispatch]);
 
   useHotkeys(
     ['meta+shift+z', 'ctrl+shift+z', 'control+y', 'meta+y'],

invokeai/frontend/web/src/features/canvas/components/IAICanvasToolbar/IAICanvasSettingsButtonPopover.tsx

@@ -18,7 +18,7 @@ import {
 } from 'features/canvas/store/canvasSlice';
 import { isEqual } from 'lodash-es';
 
-import { ChangeEvent, memo } from 'react';
+import { ChangeEvent, memo, useCallback } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
 import { FaWrench } from 'react-icons/fa';
@@ -86,8 +86,52 @@ const IAICanvasSettingsButtonPopover = () => {
     [shouldSnapToGrid]
   );
 
-  const handleChangeShouldSnapToGrid = (e: ChangeEvent<HTMLInputElement>) =>
-    dispatch(setShouldSnapToGrid(e.target.checked));
+  const handleChangeShouldSnapToGrid = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      dispatch(setShouldSnapToGrid(e.target.checked)),
+    [dispatch]
+  );
+
+  const handleChangeShouldShowIntermediates = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      dispatch(setShouldShowIntermediates(e.target.checked)),
+    [dispatch]
+  );
+  const handleChangeShouldShowGrid = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      dispatch(setShouldShowGrid(e.target.checked)),
+    [dispatch]
+  );
+  const handleChangeShouldDarkenOutsideBoundingBox = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      dispatch(setShouldDarkenOutsideBoundingBox(e.target.checked)),
+    [dispatch]
+  );
+  const handleChangeShouldAutoSave = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      dispatch(setShouldAutoSave(e.target.checked)),
+    [dispatch]
+  );
+  const handleChangeShouldCropToBoundingBoxOnSave = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      dispatch(setShouldCropToBoundingBoxOnSave(e.target.checked)),
+    [dispatch]
+  );
+  const handleChangeShouldRestrictStrokesToBox = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      dispatch(setShouldRestrictStrokesToBox(e.target.checked)),
+    [dispatch]
+  );
+  const handleChangeShouldShowCanvasDebugInfo = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      dispatch(setShouldShowCanvasDebugInfo(e.target.checked)),
+    [dispatch]
+  );
+  const handleChangeShouldAntialias = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      dispatch(setShouldAntialias(e.target.checked)),
+    [dispatch]
+  );
 
   return (
     <IAIPopover
@@ -104,14 +148,12 @@ const IAICanvasSettingsButtonPopover = () => {
         <IAISimpleCheckbox
           label={t('unifiedCanvas.showIntermediates')}
           isChecked={shouldShowIntermediates}
-          onChange={(e) =>
-            dispatch(setShouldShowIntermediates(e.target.checked))
-          }
+          onChange={handleChangeShouldShowIntermediates}
         />
         <IAISimpleCheckbox
           label={t('unifiedCanvas.showGrid')}
           isChecked={shouldShowGrid}
-          onChange={(e) => dispatch(setShouldShowGrid(e.target.checked))}
+          onChange={handleChangeShouldShowGrid}
         />
         <IAISimpleCheckbox
           label={t('unifiedCanvas.snapToGrid')}
@@ -121,41 +163,33 @@ const IAICanvasSettingsButtonPopover = () => {
         <IAISimpleCheckbox
           label={t('unifiedCanvas.darkenOutsideSelection')}
           isChecked={shouldDarkenOutsideBoundingBox}
-          onChange={(e) =>
-            dispatch(setShouldDarkenOutsideBoundingBox(e.target.checked))
-          }
+          onChange={handleChangeShouldDarkenOutsideBoundingBox}
         />
         <IAISimpleCheckbox
           label={t('unifiedCanvas.autoSaveToGallery')}
           isChecked={shouldAutoSave}
-          onChange={(e) => dispatch(setShouldAutoSave(e.target.checked))}
+          onChange={handleChangeShouldAutoSave}
         />
         <IAISimpleCheckbox
           label={t('unifiedCanvas.saveBoxRegionOnly')}
           isChecked={shouldCropToBoundingBoxOnSave}
-          onChange={(e) =>
-            dispatch(setShouldCropToBoundingBoxOnSave(e.target.checked))
-          }
+          onChange={handleChangeShouldCropToBoundingBoxOnSave}
         />
         <IAISimpleCheckbox
           label={t('unifiedCanvas.limitStrokesToBox')}
           isChecked={shouldRestrictStrokesToBox}
-          onChange={(e) =>
-            dispatch(setShouldRestrictStrokesToBox(e.target.checked))
-          }
+          onChange={handleChangeShouldRestrictStrokesToBox}
         />
         <IAISimpleCheckbox
           label={t('unifiedCanvas.showCanvasDebugInfo')}
           isChecked={shouldShowCanvasDebugInfo}
-          onChange={(e) =>
-            dispatch(setShouldShowCanvasDebugInfo(e.target.checked))
-          }
+          onChange={handleChangeShouldShowCanvasDebugInfo}
         />
 
         <IAISimpleCheckbox
           label={t('unifiedCanvas.antialiasing')}
           isChecked={shouldAntialias}
-          onChange={(e) => dispatch(setShouldAntialias(e.target.checked))}
+          onChange={handleChangeShouldAntialias}
         />
         <ClearCanvasHistoryButtonModal />
       </Flex>

invokeai/frontend/web/src/features/canvas/components/IAICanvasToolbar/IAICanvasToolChooserOptions.tsx

@@ -15,7 +15,8 @@ import {
   setTool,
 } from 'features/canvas/store/canvasSlice';
 import { clamp, isEqual } from 'lodash-es';
-import { memo } from 'react';
+import { memo, useCallback } from 'react';
+import { RgbaColor } from 'react-colorful';
 
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
@@ -172,11 +173,33 @@ const IAICanvasToolChooserOptions = () => {
     [brushColor]
   );
 
-  const handleSelectBrushTool = () => dispatch(setTool('brush'));
-  const handleSelectEraserTool = () => dispatch(setTool('eraser'));
-  const handleSelectColorPickerTool = () => dispatch(setTool('colorPicker'));
-  const handleFillRect = () => dispatch(addFillRect());
-  const handleEraseBoundingBox = () => dispatch(addEraseRect());
+  const handleSelectBrushTool = useCallback(() => {
+    dispatch(setTool('brush'));
+  }, [dispatch]);
+  const handleSelectEraserTool = useCallback(() => {
+    dispatch(setTool('eraser'));
+  }, [dispatch]);
+  const handleSelectColorPickerTool = useCallback(() => {
+    dispatch(setTool('colorPicker'));
+  }, [dispatch]);
+  const handleFillRect = useCallback(() => {
+    dispatch(addFillRect());
+  }, [dispatch]);
+  const handleEraseBoundingBox = useCallback(() => {
+    dispatch(addEraseRect());
+  }, [dispatch]);
+  const handleChangeBrushSize = useCallback(
+    (newSize: number) => {
+      dispatch(setBrushSize(newSize));
+    },
+    [dispatch]
+  );
+  const handleChangeBrushColor = useCallback(
+    (newColor: RgbaColor) => {
+      dispatch(setBrushColor(newColor));
+    },
+    [dispatch]
+  );
 
   return (
     <ButtonGroup isAttached>
@@ -233,7 +256,7 @@ const IAICanvasToolChooserOptions = () => {
               label={t('unifiedCanvas.brushSize')}
               value={brushSize}
               withInput
-              onChange={(newSize) => dispatch(setBrushSize(newSize))}
+              onChange={handleChangeBrushSize}
               sliderNumberInputProps={{ max: 500 }}
             />
           </Flex>
@@ -247,7 +270,7 @@ const IAICanvasToolChooserOptions = () => {
             <IAIColorPicker
               withNumberInput={true}
               color={brushColor}
-              onChange={(newColor) => dispatch(setBrushColor(newColor))}
+              onChange={handleChangeBrushColor}
             />
           </Box>
         </Flex>

invokeai/frontend/web/src/features/canvas/components/IAICanvasToolbar/IAICanvasToolbar.tsx

@@ -25,9 +25,9 @@ import {
   LAYER_NAMES_DICT,
 } from 'features/canvas/store/canvasTypes';
 import { getCanvasBaseLayer } from 'features/canvas/util/konvaInstanceProvider';
-import { useCopyImageToClipboard } from 'features/ui/hooks/useCopyImageToClipboard';
+import { useCopyImageToClipboard } from 'common/hooks/useCopyImageToClipboard';
 import { isEqual } from 'lodash-es';
-import { memo } from 'react';
+import { memo, useCallback } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
 import {
@@ -151,7 +151,9 @@ const IAICanvasToolbar = () => {
     [canvasBaseLayer]
   );
 
-  const handleSelectMoveTool = () => dispatch(setTool('move'));
+  const handleSelectMoveTool = useCallback(() => {
+    dispatch(setTool('move'));
+  }, [dispatch]);
 
   const handleClickResetCanvasView = useSingleAndDoubleClick(
     () => handleResetCanvasView(false),
@@ -174,36 +176,39 @@ const IAICanvasToolbar = () => {
     );
   };
 
-  const handleResetCanvas = () => {
+  const handleResetCanvas = useCallback(() => {
     dispatch(resetCanvas());
-  };
+  }, [dispatch]);
 
-  const handleMergeVisible = () => {
+  const handleMergeVisible = useCallback(() => {
     dispatch(canvasMerged());
-  };
+  }, [dispatch]);
 
-  const handleSaveToGallery = () => {
+  const handleSaveToGallery = useCallback(() => {
     dispatch(canvasSavedToGallery());
-  };
+  }, [dispatch]);
 
-  const handleCopyImageToClipboard = () => {
+  const handleCopyImageToClipboard = useCallback(() => {
     if (!isClipboardAPIAvailable) {
       return;
     }
     dispatch(canvasCopiedToClipboard());
-  };
+  }, [dispatch, isClipboardAPIAvailable]);
 
-  const handleDownloadAsImage = () => {
+  const handleDownloadAsImage = useCallback(() => {
     dispatch(canvasDownloadedAsImage());
-  };
+  }, [dispatch]);
 
-  const handleChangeLayer = (v: string) => {
-    const newLayer = v as CanvasLayer;
-    dispatch(setLayer(newLayer));
-    if (newLayer === 'mask' && !isMaskEnabled) {
-      dispatch(setIsMaskEnabled(true));
-    }
-  };
+  const handleChangeLayer = useCallback(
+    (v: string) => {
+      const newLayer = v as CanvasLayer;
+      dispatch(setLayer(newLayer));
+      if (newLayer === 'mask' && !isMaskEnabled) {
+        dispatch(setIsMaskEnabled(true));
+      }
+    },
+    [dispatch, isMaskEnabled]
+  );
 
   return (
     <Flex

invokeai/frontend/web/src/features/canvas/components/IAICanvasToolbar/IAICanvasUndoButton.tsx

@@ -10,6 +10,7 @@ import { activeTabNameSelector } from 'features/ui/store/uiSelectors';
 import { isEqual } from 'lodash-es';
 import { useTranslation } from 'react-i18next';
 import { stateSelector } from 'app/store/store';
+import { useCallback } from 'react';
 
 const canvasUndoSelector = createSelector(
   [stateSelector, activeTabNameSelector],
@@ -35,9 +36,9 @@ export default function IAICanvasUndoButton() {
 
   const { canUndo, activeTabName } = useAppSelector(canvasUndoSelector);
 
-  const handleUndo = () => {
+  const handleUndo = useCallback(() => {
     dispatch(undo());
-  };
+  }, [dispatch]);
 
   useHotkeys(
     ['meta+z', 'ctrl+z'],

invokeai/frontend/web/src/features/canvas/util/konvaNodeToDataURL.ts

@@ -1,16 +0,0 @@
-import Konva from 'konva';
-import { IRect } from 'konva/lib/types';
-
-/**
- * Converts a Konva node to a dataURL
- * @param node - The Konva node to convert to a dataURL
- * @param boundingBox - The bounding box to crop to
- * @returns A dataURL of the node cropped to the bounding box
- */
-export const konvaNodeToDataURL = (
-  node: Konva.Node,
-  boundingBox: IRect
-): string => {
-  // get a dataURL of the bbox'd region
-  return node.toDataURL(boundingBox);
-};

invokeai/frontend/web/src/features/changeBoardModal/components/ChangeBoardModal.tsx

@@ -87,6 +87,11 @@ const ChangeBoardModal = () => {
     selectedBoard,
   ]);
 
+  const handleSetSelectedBoard = useCallback(
+    (v: string | null) => setSelectedBoard(v),
+    []
+  );
+
   const cancelRef = useRef<HTMLButtonElement>(null);
 
   return (
@@ -113,7 +118,7 @@ const ChangeBoardModal = () => {
                   isFetching ? t('boards.loading') : t('boards.selectBoard')
                 }
                 disabled={isFetching}
-                onChange={(v) => setSelectedBoard(v)}
+                onChange={handleSetSelectedBoard}
                 value={selectedBoard}
                 data={data}
               />

invokeai/frontend/web/src/features/controlAdapters/components/ControlAdapterPreprocessButton.tsx

@@ -1,36 +0,0 @@
-import { useAppDispatch } from 'app/store/storeHooks';
-import IAIButton from 'common/components/IAIButton';
-import { useIsReadyToEnqueue } from 'common/hooks/useIsReadyToEnqueue';
-import { memo, useCallback } from 'react';
-import { useControlAdapterControlImage } from '../hooks/useControlAdapterControlImage';
-import { controlAdapterImageProcessed } from '../store/actions';
-
-type Props = {
-  id: string;
-};
-
-const ControlAdapterPreprocessButton = ({ id }: Props) => {
-  const controlImage = useControlAdapterControlImage(id);
-  const dispatch = useAppDispatch();
-  const isReady = useIsReadyToEnqueue();
-
-  const handleProcess = useCallback(() => {
-    dispatch(
-      controlAdapterImageProcessed({
-        id,
-      })
-    );
-  }, [id, dispatch]);
-
-  return (
-    <IAIButton
-      size="sm"
-      onClick={handleProcess}
-      isDisabled={Boolean(!controlImage) || !isReady}
-    >
-      Preprocess
-    </IAIButton>
-  );
-};
-
-export default memo(ControlAdapterPreprocessButton);

invokeai/frontend/web/src/features/dynamicPrompts/store/selectors.ts

@@ -1 +0,0 @@
-//

invokeai/frontend/web/src/features/embedding/components/ParamEmbeddingPopover.tsx

@@ -14,9 +14,9 @@ import IAIMantineSelectItemWithTooltip from 'common/components/IAIMantineSelectI
 import { MODEL_TYPE_MAP } from 'features/parameters/types/constants';
 import { forEach } from 'lodash-es';
 import { PropsWithChildren, memo, useCallback, useMemo, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useGetTextualInversionModelsQuery } from 'services/api/endpoints/models';
 import { PARAMETERS_PANEL_WIDTH } from 'theme/util/constants';
-import { useTranslation } from 'react-i18next';
 
 type Props = PropsWithChildren & {
   onSelect: (v: string) => void;
@@ -78,6 +78,13 @@ const ParamEmbeddingPopover = (props: Props) => {
     [onSelect]
   );
 
+  const filterFunc = useCallback(
+    (value: string, item: SelectItem) =>
+      item.label?.toLowerCase().includes(value.toLowerCase().trim()) ||
+      item.value.toLowerCase().includes(value.toLowerCase().trim()),
+    []
+  );
+
   return (
     <Popover
       initialFocusRef={inputRef}
@@ -127,12 +134,7 @@ const ParamEmbeddingPopover = (props: Props) => {
               itemComponent={IAIMantineSelectItemWithTooltip}
               disabled={data.length === 0}
               onDropdownClose={onClose}
-              filter={(value, item: SelectItem) =>
-                item.label
-                  ?.toLowerCase()
-                  .includes(value.toLowerCase().trim()) ||
-                item.value.toLowerCase().includes(value.toLowerCase().trim())
-              }
+              filter={filterFunc}
               onChange={handleChange}
             />
           )}

invokeai/frontend/web/src/features/gallery/components/Boards/BoardAutoAddSelect.tsx

@@ -60,6 +60,13 @@ const BoardAutoAddSelect = () => {
     [dispatch]
   );
 
+  const filterFunc = useCallback(
+    (value: string, item: SelectItem) =>
+      item.label?.toLowerCase().includes(value.toLowerCase().trim()) ||
+      item.value.toLowerCase().includes(value.toLowerCase().trim()),
+    []
+  );
+
   return (
     <IAIMantineSearchableSelect
       label={t('boards.autoAddBoard')}
@@ -71,10 +78,7 @@ const BoardAutoAddSelect = () => {
       nothingFound={t('boards.noMatching')}
       itemComponent={IAIMantineSelectItemWithTooltip}
       disabled={!hasBoards || autoAssignBoardOnClick}
-      filter={(value, item: SelectItem) =>
-        item.label?.toLowerCase().includes(value.toLowerCase().trim()) ||
-        item.value.toLowerCase().includes(value.toLowerCase().trim())
-      }
+      filter={filterFunc}
       onChange={handleChange}
     />
   );

invokeai/frontend/web/src/features/gallery/components/Boards/BoardContextMenu.tsx

@@ -90,6 +90,50 @@ const BoardContextMenu = ({
     e.preventDefault();
   }, []);
 
+  const renderMenuFunc = useCallback(
+    () => (
+      <MenuList
+        sx={{ visibility: 'visible !important' }}
+        motionProps={menuListMotionProps}
+        onContextMenu={skipEvent}
+      >
+        <MenuGroup title={boardName}>
+          <MenuItem
+            icon={<FaPlus />}
+            isDisabled={isAutoAdd || autoAssignBoardOnClick}
+            onClick={handleSetAutoAdd}
+          >
+            {t('boards.menuItemAutoAdd')}
+          </MenuItem>
+          {isBulkDownloadEnabled && (
+            <MenuItem icon={<FaDownload />} onClickCapture={handleBulkDownload}>
+              {t('boards.downloadBoard')}
+            </MenuItem>
+          )}
+          {!board && <NoBoardContextMenuItems />}
+          {board && (
+            <GalleryBoardContextMenuItems
+              board={board}
+              setBoardToDelete={setBoardToDelete}
+            />
+          )}
+        </MenuGroup>
+      </MenuList>
+    ),
+    [
+      autoAssignBoardOnClick,
+      board,
+      boardName,
+      handleBulkDownload,
+      handleSetAutoAdd,
+      isAutoAdd,
+      isBulkDownloadEnabled,
+      setBoardToDelete,
+      skipEvent,
+      t,
+    ]
+  );
+
   return (
     <IAIContextMenu<HTMLDivElement>
       menuProps={{ size: 'sm', isLazy: true }}
@@ -97,38 +141,7 @@ const BoardContextMenu = ({
         bg: 'transparent',
         _hover: { bg: 'transparent' },
       }}
-      renderMenu={() => (
-        <MenuList
-          sx={{ visibility: 'visible !important' }}
-          motionProps={menuListMotionProps}
-          onContextMenu={skipEvent}
-        >
-          <MenuGroup title={boardName}>
-            <MenuItem
-              icon={<FaPlus />}
-              isDisabled={isAutoAdd || autoAssignBoardOnClick}
-              onClick={handleSetAutoAdd}
-            >
-              {t('boards.menuItemAutoAdd')}
-            </MenuItem>
-            {isBulkDownloadEnabled && (
-              <MenuItem
-                icon={<FaDownload />}
-                onClickCapture={handleBulkDownload}
-              >
-                {t('boards.downloadBoard')}
-              </MenuItem>
-            )}
-            {!board && <NoBoardContextMenuItems />}
-            {board && (
-              <GalleryBoardContextMenuItems
-                board={board}
-                setBoardToDelete={setBoardToDelete}
-              />
-            )}
-          </MenuGroup>
-        </MenuList>
-      )}
+      renderMenu={renderMenuFunc}
     >
       {children}
     </IAIContextMenu>

invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GenericBoard.tsx

@@ -1,108 +0,0 @@
-import { As, Badge, Flex } from '@chakra-ui/react';
-import IAIDroppable from 'common/components/IAIDroppable';
-import { IAINoContentFallback } from 'common/components/IAIImageFallback';
-import { TypesafeDroppableData } from 'features/dnd/types';
-import { BoardId } from 'features/gallery/store/types';
-import { ReactNode, memo } from 'react';
-import BoardContextMenu from '../BoardContextMenu';
-
-type GenericBoardProps = {
-  board_id: BoardId;
-  droppableData?: TypesafeDroppableData;
-  onClick: () => void;
-  isSelected: boolean;
-  icon: As;
-  label: string;
-  dropLabel?: ReactNode;
-  badgeCount?: number;
-};
-
-export const formatBadgeCount = (count: number) =>
-  Intl.NumberFormat('en-US', {
-    notation: 'compact',
-    maximumFractionDigits: 1,
-  }).format(count);
-
-const GenericBoard = (props: GenericBoardProps) => {
-  const {
-    board_id,
-    droppableData,
-    onClick,
-    isSelected,
-    icon,
-    label,
-    badgeCount,
-    dropLabel,
-  } = props;
-
-  return (
-    <BoardContextMenu board_id={board_id}>
-      {(ref) => (
-        <Flex
-          ref={ref}
-          sx={{
-            flexDir: 'column',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            cursor: 'pointer',
-            w: 'full',
-            h: 'full',
-            borderRadius: 'base',
-          }}
-        >
-          <Flex
-            onClick={onClick}
-            sx={{
-              position: 'relative',
-              justifyContent: 'center',
-              alignItems: 'center',
-              borderRadius: 'base',
-              w: 'full',
-              aspectRatio: '1/1',
-              overflow: 'hidden',
-              shadow: isSelected ? 'selected.light' : undefined,
-              _dark: { shadow: isSelected ? 'selected.dark' : undefined },
-              flexShrink: 0,
-            }}
-          >
-            <IAINoContentFallback
-              boxSize={8}
-              icon={icon}
-              sx={{
-                border: '2px solid var(--invokeai-colors-base-200)',
-                _dark: { border: '2px solid var(--invokeai-colors-base-800)' },
-              }}
-            />
-            <Flex
-              sx={{
-                position: 'absolute',
-                insetInlineEnd: 0,
-                top: 0,
-                p: 1,
-              }}
-            >
-              {badgeCount !== undefined && (
-                <Badge variant="solid">{formatBadgeCount(badgeCount)}</Badge>
-              )}
-            </Flex>
-            <IAIDroppable data={droppableData} dropLabel={dropLabel} />
-          </Flex>
-          <Flex
-            sx={{
-              h: 'full',
-              alignItems: 'center',
-              fontWeight: isSelected ? 600 : undefined,
-              fontSize: 'sm',
-              color: isSelected ? 'base.900' : 'base.700',
-              _dark: { color: isSelected ? 'base.50' : 'base.200' },
-            }}
-          >
-            {label}
-          </Flex>
-        </Flex>
-      )}
-    </BoardContextMenu>
-  );
-};
-
-export default memo(GenericBoard);

invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/SystemBoardButton.tsx

@@ -1,53 +0,0 @@
-import { createSelector } from '@reduxjs/toolkit';
-import { stateSelector } from 'app/store/store';
-import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
-import { defaultSelectorOptions } from 'app/store/util/defaultMemoizeOptions';
-import IAIButton from 'common/components/IAIButton';
-import { boardIdSelected } from 'features/gallery/store/gallerySlice';
-import { memo, useCallback, useMemo } from 'react';
-import { useBoardName } from 'services/api/hooks/useBoardName';
-
-type Props = {
-  board_id: 'images' | 'assets' | 'no_board';
-};
-
-const SystemBoardButton = ({ board_id }: Props) => {
-  const dispatch = useAppDispatch();
-
-  const selector = useMemo(
-    () =>
-      createSelector(
-        [stateSelector],
-        ({ gallery }) => {
-          const { selectedBoardId } = gallery;
-          return { isSelected: selectedBoardId === board_id };
-        },
-        defaultSelectorOptions
-      ),
-    [board_id]
-  );
-
-  const { isSelected } = useAppSelector(selector);
-
-  const boardName = useBoardName(board_id);
-
-  const handleClick = useCallback(() => {
-    dispatch(boardIdSelected({ boardId: board_id }));
-  }, [board_id, dispatch]);
-
-  return (
-    <IAIButton
-      onClick={handleClick}
-      size="sm"
-      isChecked={isSelected}
-      sx={{
-        flexGrow: 1,
-        borderRadius: 'base',
-      }}
-    >
-      {boardName}
-    </IAIButton>
-  );
-};
-
-export default memo(SystemBoardButton);

invokeai/frontend/web/src/features/gallery/components/CurrentImage/CurrentImageHidden.tsx

@@ -1,22 +0,0 @@
-import { Flex } from '@chakra-ui/react';
-import { memo } from 'react';
-import { FaEyeSlash } from 'react-icons/fa';
-
-const CurrentImageHidden = () => {
-  return (
-    <Flex
-      sx={{
-        w: 'full',
-        h: 'full',
-        alignItems: 'center',
-        justifyContent: 'center',
-        position: 'absolute',
-        color: 'base.400',
-      }}
-    >
-      <FaEyeSlash fontSize="25vh" />
-    </Flex>
-  );
-};
-
-export default memo(CurrentImageHidden);

invokeai/frontend/web/src/features/gallery/components/GallerySettingsPopover.tsx

@@ -61,6 +61,12 @@ const GallerySettingsPopover = () => {
     [dispatch]
   );
 
+  const handleChangeAutoAssignBoardOnClick = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      dispatch(autoAssignBoardOnClickChanged(e.target.checked)),
+    [dispatch]
+  );
+
   return (
     <IAIPopover
       triggerComponent={
@@ -91,9 +97,7 @@ const GallerySettingsPopover = () => {
         <IAISimpleCheckbox
           label={t('gallery.autoAssignBoardOnClick')}
           isChecked={autoAssignBoardOnClick}
-          onChange={(e: ChangeEvent<HTMLInputElement>) =>
-            dispatch(autoAssignBoardOnClickChanged(e.target.checked))
-          }
+          onChange={handleChangeAutoAssignBoardOnClick}
         />
         <BoardAutoAddSelect />
       </Flex>

invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageContextMenu.tsx

@@ -35,6 +35,34 @@ const ImageContextMenu = ({ imageDTO, children }: Props) => {
     e.preventDefault();
   }, []);
 
+  const renderMenuFunc = useCallback(() => {
+    if (!imageDTO) {
+      return null;
+    }
+
+    if (selectionCount > 1) {
+      return (
+        <MenuList
+          sx={{ visibility: 'visible !important' }}
+          motionProps={menuListMotionProps}
+          onContextMenu={skipEvent}
+        >
+          <MultipleSelectionMenuItems />
+        </MenuList>
+      );
+    }
+
+    return (
+      <MenuList
+        sx={{ visibility: 'visible !important' }}
+        motionProps={menuListMotionProps}
+        onContextMenu={skipEvent}
+      >
+        <SingleSelectionMenuItems imageDTO={imageDTO} />
+      </MenuList>
+    );
+  }, [imageDTO, selectionCount, skipEvent]);
+
   return (
     <IAIContextMenu<HTMLDivElement>
       menuProps={{ size: 'sm', isLazy: true }}
@@ -42,33 +70,7 @@ const ImageContextMenu = ({ imageDTO, children }: Props) => {
         bg: 'transparent',
         _hover: { bg: 'transparent' },
       }}
-      renderMenu={() => {
-        if (!imageDTO) {
-          return null;
-        }
-
-        if (selectionCount > 1) {
-          return (
-            <MenuList
-              sx={{ visibility: 'visible !important' }}
-              motionProps={menuListMotionProps}
-              onContextMenu={skipEvent}
-            >
-              <MultipleSelectionMenuItems />
-            </MenuList>
-          );
-        }
-
-        return (
-          <MenuList
-            sx={{ visibility: 'visible !important' }}
-            motionProps={menuListMotionProps}
-            onContextMenu={skipEvent}
-          >
-            <SingleSelectionMenuItems imageDTO={imageDTO} />
-          </MenuList>
-        );
-      }}
+      renderMenu={renderMenuFunc}
     >
       {children}
     </IAIContextMenu>

invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/SingleSelectionMenuItems.tsx

@@ -13,7 +13,7 @@ import { workflowLoadRequested } from 'features/nodes/store/actions';
 import { useRecallParameters } from 'features/parameters/hooks/useRecallParameters';
 import { initialImageSelected } from 'features/parameters/store/actions';
 import { useFeatureStatus } from 'features/system/hooks/useFeatureStatus';
-import { useCopyImageToClipboard } from 'features/ui/hooks/useCopyImageToClipboard';
+import { useCopyImageToClipboard } from 'common/hooks/useCopyImageToClipboard';
 import { setActiveTab } from 'features/ui/store/uiSlice';
 import { memo, useCallback } from 'react';
 import { flushSync } from 'react-dom';

invokeai/frontend/web/src/features/gallery/components/ImageFallbackSpinner.tsx

@@ -1,27 +0,0 @@
-import { Flex, Spinner, SpinnerProps } from '@chakra-ui/react';
-import { memo } from 'react';
-
-type ImageFallbackSpinnerProps = SpinnerProps;
-
-const ImageFallbackSpinner = (props: ImageFallbackSpinnerProps) => {
-  const { size = 'xl', ...rest } = props;
-
-  return (
-    <Flex
-      sx={{
-        w: 'full',
-        h: 'full',
-        alignItems: 'center',
-        justifyContent: 'center',
-        position: 'absolute',
-        color: 'base.400',
-        minH: 36,
-        minW: 36,
-      }}
-    >
-      <Spinner size={size} {...rest} />
-    </Flex>
-  );
-};
-
-export default memo(ImageFallbackSpinner);

invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImageGrid.tsx

@@ -20,6 +20,7 @@ import { useBoardTotal } from 'services/api/hooks/useBoardTotal';
 import GalleryImage from './GalleryImage';
 import ImageGridItemContainer from './ImageGridItemContainer';
 import ImageGridListContainer from './ImageGridListContainer';
+import { EntityId } from '@reduxjs/toolkit';
 
 const overlayScrollbarsConfig: UseOverlayScrollbarsParams = {
   defer: true,
@@ -71,6 +72,13 @@ const GalleryImageGrid = () => {
     });
   }, [areMoreAvailable, listImages, queryArgs, currentData?.ids.length]);
 
+  const itemContentFunc = useCallback(
+    (index: number, imageName: EntityId) => (
+      <GalleryImage key={imageName} imageName={imageName as string} />
+    ),
+    []
+  );
+
   useEffect(() => {
     // Initialize the gallery's custom scrollbar
     const { current: root } = rootRef;
@@ -131,9 +139,7 @@ const GalleryImageGrid = () => {
               List: ImageGridListContainer,
             }}
             scrollerRef={setScroller}
-            itemContent={(index, imageName) => (
-              <GalleryImage key={imageName} imageName={imageName as string} />
-            )}
+            itemContent={itemContentFunc}
           />
         </Box>
         <IAIButton

invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataActions.tsx

@@ -279,7 +279,7 @@ const ImageMetadataActions = (props: Props) => {
                 key={index}
                 label="LoRA"
                 value={`${lora.lora.model_name} - ${lora.weight}`}
-                onClick={() => handleRecallLoRA(lora)}
+                onClick={handleRecallLoRA.bind(null, lora)}
               />
             );
           }
@@ -289,7 +289,7 @@ const ImageMetadataActions = (props: Props) => {
           key={index}
           label="ControlNet"
           value={`${controlnet.control_model?.model_name} - ${controlnet.control_weight}`}
-          onClick={() => handleRecallControlNet(controlnet)}
+          onClick={handleRecallControlNet.bind(null, controlnet)}
         />
       ))}
       {validIPAdapters.map((ipAdapter, index) => (
@@ -297,7 +297,7 @@ const ImageMetadataActions = (props: Props) => {
           key={index}
           label="IP Adapter"
           value={`${ipAdapter.ip_adapter_model?.model_name} - ${ipAdapter.weight}`}
-          onClick={() => handleRecallIPAdapter(ipAdapter)}
+          onClick={handleRecallIPAdapter.bind(null, ipAdapter)}
         />
       ))}
       {validT2IAdapters.map((t2iAdapter, index) => (
@@ -305,7 +305,7 @@ const ImageMetadataActions = (props: Props) => {
           key={index}
           label="T2I Adapter"
           value={`${t2iAdapter.t2i_adapter_model?.model_name} - ${t2iAdapter.weight}`}
-          onClick={() => handleRecallT2IAdapter(t2iAdapter)}
+          onClick={handleRecallT2IAdapter.bind(null, t2iAdapter)}
         />
       ))}
     </>

invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataItem.tsx

@@ -1,6 +1,6 @@
 import { ExternalLinkIcon } from '@chakra-ui/icons';
 import { Flex, IconButton, Link, Text, Tooltip } from '@chakra-ui/react';
-import { memo } from 'react';
+import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaCopy } from 'react-icons/fa';
 import { IoArrowUndoCircleOutline } from 'react-icons/io5';
@@ -27,6 +27,11 @@ const ImageMetadataItem = ({
 }: MetadataItemProps) => {
   const { t } = useTranslation();
 
+  const handleCopy = useCallback(
+    () => navigator.clipboard.writeText(value.toString()),
+    [value]
+  );
+
   if (!value) {
     return null;
   }
@@ -53,7 +58,7 @@ const ImageMetadataItem = ({
             size="xs"
             variant="ghost"
             fontSize={14}
-            onClick={() => navigator.clipboard.writeText(value.toString())}
+            onClick={handleCopy}
           />
         </Tooltip>
       )}

invokeai/frontend/web/src/features/lora/components/ParamLoraSelect.tsx

@@ -76,6 +76,13 @@ const ParamLoRASelect = () => {
     [dispatch, loraModels?.entities]
   );
 
+  const filterFunc = useCallback(
+    (value: string, item: SelectItem) =>
+      item.label?.toLowerCase().includes(value.toLowerCase().trim()) ||
+      item.value.toLowerCase().includes(value.toLowerCase().trim()),
+    []
+  );
+
   if (loraModels?.ids.length === 0) {
     return (
       <Flex sx={{ justifyContent: 'center', p: 2 }}>
@@ -94,10 +101,7 @@ const ParamLoRASelect = () => {
       nothingFound="No matching LoRAs"
       itemComponent={IAIMantineSelectItemWithTooltip}
       disabled={data.length === 0}
-      filter={(value, item: SelectItem) =>
-        item.label?.toLowerCase().includes(value.toLowerCase().trim()) ||
-        item.value.toLowerCase().includes(value.toLowerCase().trim())
-      }
+      filter={filterFunc}
       onChange={handleChange}
       data-testid="add-lora"
     />

invokeai/frontend/web/src/features/modelManager/subpanels/AddModelsPanel/AddModels.tsx

@@ -1,6 +1,6 @@
 import { ButtonGroup, Flex } from '@chakra-ui/react';
 import IAIButton from 'common/components/IAIButton';
-import { useState } from 'react';
+import { useCallback, useState } from 'react';
 import AdvancedAddModels from './AdvancedAddModels';
 import SimpleAddModels from './SimpleAddModels';
 
@@ -8,6 +8,11 @@ export default function AddModels() {
   const [addModelMode, setAddModelMode] = useState<'simple' | 'advanced'>(
     'simple'
   );
+  const handleAddModelSimple = useCallback(() => setAddModelMode('simple'), []);
+  const handleAddModelAdvanced = useCallback(
+    () => setAddModelMode('advanced'),
+    []
+  );
   return (
     <Flex
       flexDirection="column"
@@ -20,14 +25,14 @@ export default function AddModels() {
         <IAIButton
           size="sm"
           isChecked={addModelMode == 'simple'}
-          onClick={() => setAddModelMode('simple')}
+          onClick={handleAddModelSimple}
         >
           Simple
         </IAIButton>
         <IAIButton
           size="sm"
           isChecked={addModelMode == 'advanced'}
-          onClick={() => setAddModelMode('advanced')}
+          onClick={handleAddModelAdvanced}
         >
           Advanced
         </IAIButton>

invokeai/frontend/web/src/features/modelManager/subpanels/AddModelsPanel/AdvancedAddCheckpoint.tsx

@@ -6,7 +6,7 @@ import IAIMantineTextInput from 'common/components/IAIMantineInput';
 import IAISimpleCheckbox from 'common/components/IAISimpleCheckbox';
 import { addToast } from 'features/system/store/systemSlice';
 import { makeToast } from 'features/system/util/makeToast';
-import { useState } from 'react';
+import { FocusEventHandler, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAddMainModelsMutation } from 'services/api/endpoints/models';
 import { CheckpointModelConfig } from 'services/api/types';
@@ -83,6 +83,27 @@ export default function AdvancedAddCheckpoint(
       });
   };
 
+  const handleBlurModelLocation: FocusEventHandler<HTMLInputElement> =
+    useCallback(
+      (e) => {
+        if (advancedAddCheckpointForm.values['model_name'] === '') {
+          const modelName = getModelName(e.currentTarget.value);
+          if (modelName) {
+            advancedAddCheckpointForm.setFieldValue(
+              'model_name',
+              modelName as string
+            );
+          }
+        }
+      },
+      [advancedAddCheckpointForm]
+    );
+
+  const handleChangeUseCustomConfig = useCallback(
+    () => setUseCustomConfig((prev) => !prev),
+    []
+  );
+
   return (
     <form
       onSubmit={advancedAddCheckpointForm.onSubmit((v) =>
@@ -104,17 +125,7 @@ export default function AdvancedAddCheckpoint(
           label={t('modelManager.modelLocation')}
           required
           {...advancedAddCheckpointForm.getInputProps('path')}
-          onBlur={(e) => {
-            if (advancedAddCheckpointForm.values['model_name'] === '') {
-              const modelName = getModelName(e.currentTarget.value);
-              if (modelName) {
-                advancedAddCheckpointForm.setFieldValue(
-                  'model_name',
-                  modelName as string
-                );
-              }
-            }
-          }}
+          onBlur={handleBlurModelLocation}
         />
         <IAIMantineTextInput
           label={t('modelManager.description')}
@@ -144,7 +155,7 @@ export default function AdvancedAddCheckpoint(
           )}
           <IAISimpleCheckbox
             isChecked={useCustomConfig}
-            onChange={() => setUseCustomConfig(!useCustomConfig)}
+            onChange={handleChangeUseCustomConfig}
             label={t('modelManager.useCustomConfig')}
           />
           <IAIButton mt={2} type="submit">

invokeai/frontend/web/src/features/modelManager/subpanels/AddModelsPanel/AdvancedAddDiffusers.tsx

@@ -12,6 +12,7 @@ import { setAdvancedAddScanModel } from '../../store/modelManagerSlice';
 import BaseModelSelect from '../shared/BaseModelSelect';
 import ModelVariantSelect from '../shared/ModelVariantSelect';
 import { getModelName } from './util';
+import { FocusEventHandler, useCallback } from 'react';
 
 type AdvancedAddDiffusersProps = {
   model_path?: string;
@@ -74,6 +75,22 @@ export default function AdvancedAddDiffusers(props: AdvancedAddDiffusersProps) {
       });
   };
 
+  const handleBlurModelLocation: FocusEventHandler<HTMLInputElement> =
+    useCallback(
+      (e) => {
+        if (advancedAddDiffusersForm.values['model_name'] === '') {
+          const modelName = getModelName(e.currentTarget.value, false);
+          if (modelName) {
+            advancedAddDiffusersForm.setFieldValue(
+              'model_name',
+              modelName as string
+            );
+          }
+        }
+      },
+      [advancedAddDiffusersForm]
+    );
+
   return (
     <form
       onSubmit={advancedAddDiffusersForm.onSubmit((v) =>
@@ -96,17 +113,7 @@ export default function AdvancedAddDiffusers(props: AdvancedAddDiffusersProps) {
           label={t('modelManager.modelLocation')}
           placeholder={t('modelManager.modelLocationValidationMsg')}
           {...advancedAddDiffusersForm.getInputProps('path')}
-          onBlur={(e) => {
-            if (advancedAddDiffusersForm.values['model_name'] === '') {
-              const modelName = getModelName(e.currentTarget.value, false);
-              if (modelName) {
-                advancedAddDiffusersForm.setFieldValue(
-                  'model_name',
-                  modelName as string
-                );
-              }
-            }
-          }}
+          onBlur={handleBlurModelLocation}
         />
         <IAIMantineTextInput
           label={t('modelManager.description')}

invokeai/frontend/web/src/features/modelManager/subpanels/AddModelsPanel/AdvancedAddModels.tsx

@@ -1,7 +1,7 @@
 import { Flex } from '@chakra-ui/react';
 import { SelectItem } from '@mantine/core';
 import IAIMantineSelect from 'common/components/IAIMantineSelect';
-import { useState } from 'react';
+import { useCallback, useState } from 'react';
 import AdvancedAddCheckpoint from './AdvancedAddCheckpoint';
 import AdvancedAddDiffusers from './AdvancedAddDiffusers';
 import { useTranslation } from 'react-i18next';
@@ -18,6 +18,12 @@ export default function AdvancedAddModels() {
     useState<ManualAddMode>('diffusers');
 
   const { t } = useTranslation();
+  const handleChange = useCallback((v: string | null) => {
+    if (!v) {
+      return;
+    }
+    setAdvancedAddMode(v as ManualAddMode);
+  }, []);
 
   return (
     <Flex flexDirection="column" gap={4} width="100%">
@@ -25,12 +31,7 @@ export default function AdvancedAddModels() {
         label={t('modelManager.modelType')}
         value={advancedAddMode}
         data={advancedAddModeData}
-        onChange={(v) => {
-          if (!v) {
-            return;
-          }
-          setAdvancedAddMode(v as ManualAddMode);
-        }}
+        onChange={handleChange}
       />
 
       <Flex

invokeai/frontend/web/src/features/modelManager/subpanels/AddModelsPanel/FoundModelsList.tsx

@@ -92,6 +92,11 @@ export default function FoundModelsList() {
     setNameFilter(e.target.value);
   }, []);
 
+  const handleClickSetAdvanced = useCallback(
+    (model: string) => dispatch(setAdvancedAddScanModel(model)),
+    [dispatch]
+  );
+
   const renderModels = ({
     models,
     showActions = true,
@@ -140,7 +145,7 @@ export default function FoundModelsList() {
                 {t('modelManager.quickAdd')}
               </IAIButton>
               <IAIButton
-                onClick={() => dispatch(setAdvancedAddScanModel(model))}
+                onClick={handleClickSetAdvanced.bind(null, model)}
                 isLoading={isLoading}
               >
                 {t('modelManager.advanced')}

invokeai/frontend/web/src/features/modelManager/subpanels/AddModelsPanel/ScanAdvancedAddModels.tsx

@@ -4,7 +4,7 @@ import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
 import IAIIconButton from 'common/components/IAIIconButton';
 import IAIMantineSelect from 'common/components/IAIMantineSelect';
 import { motion } from 'framer-motion';
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { FaTimes } from 'react-icons/fa';
 import { setAdvancedAddScanModel } from '../../store/modelManagerSlice';
 import AdvancedAddCheckpoint from './AdvancedAddCheckpoint';
@@ -35,6 +35,23 @@ export default function ScanAdvancedAddModels() {
 
   const dispatch = useAppDispatch();
 
+  const handleClickSetAdvanced = useCallback(
+    () => dispatch(setAdvancedAddScanModel(null)),
+    [dispatch]
+  );
+
+  const handleChangeAddMode = useCallback((v: string | null) => {
+    if (!v) {
+      return;
+    }
+    setAdvancedAddMode(v as ManualAddMode);
+    if (v === 'checkpoint') {
+      setIsCheckpoint(true);
+    } else {
+      setIsCheckpoint(false);
+    }
+  }, []);
+
   if (!advancedAddScanModel) {
     return null;
   }
@@ -68,7 +85,7 @@ export default function ScanAdvancedAddModels() {
         <IAIIconButton
           icon={<FaTimes />}
           aria-label={t('modelManager.closeAdvanced')}
-          onClick={() => dispatch(setAdvancedAddScanModel(null))}
+          onClick={handleClickSetAdvanced}
           size="sm"
         />
       </Flex>
@@ -76,17 +93,7 @@ export default function ScanAdvancedAddModels() {
         label={t('modelManager.modelType')}
         value={advancedAddMode}
         data={advancedAddModeData}
-        onChange={(v) => {
-          if (!v) {
-            return;
-          }
-          setAdvancedAddMode(v as ManualAddMode);
-          if (v === 'checkpoint') {
-            setIsCheckpoint(true);
-          } else {
-            setIsCheckpoint(false);
-          }
-        }}
+        onChange={handleChangeAddMode}
       />
       {isCheckpoint ? (
         <AdvancedAddCheckpoint

invokeai/frontend/web/src/features/modelManager/subpanels/AddModelsPanel/SearchFolderForm.tsx

@@ -42,9 +42,14 @@ function SearchFolderForm() {
     [dispatch]
   );
 
-  const scanAgainHandler = () => {
+  const scanAgainHandler = useCallback(() => {
     refetchFoundModels();
-  };
+  }, [refetchFoundModels]);
+
+  const handleClickClearCheckpointFolder = useCallback(() => {
+    dispatch(setSearchFolder(null));
+    dispatch(setAdvancedAddScanModel(null));
+  }, [dispatch]);
 
   return (
     <form
@@ -123,10 +128,7 @@ function SearchFolderForm() {
             tooltip={t('modelManager.clearCheckpointFolder')}
             icon={<FaTrash />}
             size="sm"
-            onClick={() => {
-              dispatch(setSearchFolder(null));
-              dispatch(setAdvancedAddScanModel(null));
-            }}
+            onClick={handleClickClearCheckpointFolder}
             isDisabled={!searchFolder}
             colorScheme="red"
           />

invokeai/frontend/web/src/features/modelManager/subpanels/ImportModelsPanel.tsx

@@ -1,6 +1,6 @@
 import { ButtonGroup, Flex } from '@chakra-ui/react';
 import IAIButton from 'common/components/IAIButton';
-import { useState } from 'react';
+import { useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import AddModels from './AddModelsPanel/AddModels';
 import ScanModels from './AddModelsPanel/ScanModels';
@@ -11,11 +11,14 @@ export default function ImportModelsPanel() {
   const [addModelTab, setAddModelTab] = useState<AddModelTabs>('add');
   const { t } = useTranslation();
 
+  const handleClickAddTab = useCallback(() => setAddModelTab('add'), []);
+  const handleClickScanTab = useCallback(() => setAddModelTab('scan'), []);
+
   return (
     <Flex flexDirection="column" gap={4}>
       <ButtonGroup isAttached>
         <IAIButton
-          onClick={() => setAddModelTab('add')}
+          onClick={handleClickAddTab}
           isChecked={addModelTab == 'add'}
           size="sm"
           width="100%"
@@ -23,7 +26,7 @@ export default function ImportModelsPanel() {
           {t('modelManager.addModel')}
         </IAIButton>
         <IAIButton
-          onClick={() => setAddModelTab('scan')}
+          onClick={handleClickScanTab}
           isChecked={addModelTab == 'scan'}
           size="sm"
           width="100%"

invokeai/frontend/web/src/features/modelManager/subpanels/MergeModelsPanel.tsx

@@ -9,7 +9,7 @@ import IAISlider from 'common/components/IAISlider';
 import { addToast } from 'features/system/store/systemSlice';
 import { makeToast } from 'features/system/util/makeToast';
 import { pickBy } from 'lodash-es';
-import { useMemo, useState } from 'react';
+import { ChangeEvent, useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ALL_BASE_MODELS } from 'services/api/constants';
 import {
@@ -94,13 +94,58 @@ export default function MergeModelsPanel() {
     modelsMap[baseModel as keyof typeof modelsMap]
   ).filter((model) => model !== modelOne && model !== modelTwo);
 
-  const handleBaseModelChange = (v: string) => {
+  const handleBaseModelChange = useCallback((v: string) => {
     setBaseModel(v as BaseModelType);
     setModelOne(null);
     setModelTwo(null);
-  };
+  }, []);
 
-  const mergeModelsHandler = () => {
+  const handleChangeModelOne = useCallback((v: string) => {
+    setModelOne(v);
+  }, []);
+  const handleChangeModelTwo = useCallback((v: string) => {
+    setModelTwo(v);
+  }, []);
+  const handleChangeModelThree = useCallback((v: string) => {
+    if (!v) {
+      setModelThree(null);
+      setModelMergeInterp('add_difference');
+    } else {
+      setModelThree(v);
+      setModelMergeInterp('weighted_sum');
+    }
+  }, []);
+  const handleChangeMergedModelName = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) => setMergedModelName(e.target.value),
+    []
+  );
+  const handleChangeModelMergeAlpha = useCallback(
+    (v: number) => setModelMergeAlpha(v),
+    []
+  );
+  const handleResetModelMergeAlpha = useCallback(
+    () => setModelMergeAlpha(0.5),
+    []
+  );
+  const handleChangeMergeInterp = useCallback(
+    (v: MergeInterpolationMethods) => setModelMergeInterp(v),
+    []
+  );
+  const handleChangeMergeSaveLocType = useCallback(
+    (v: 'root' | 'custom') => setModelMergeSaveLocType(v),
+    []
+  );
+  const handleChangeMergeCustomSaveLoc = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) =>
+      setModelMergeCustomSaveLoc(e.target.value),
+    []
+  );
+  const handleChangeModelMergeForce = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) => setModelMergeForce(e.target.checked),
+    []
+  );
+
+  const mergeModelsHandler = useCallback(() => {
     const models_names: string[] = [];
 
     let modelsToMerge: (string | null)[] = [modelOne, modelTwo, modelThree];
@@ -150,7 +195,21 @@ export default function MergeModelsPanel() {
           );
         }
       });
-  };
+  }, [
+    baseModel,
+    dispatch,
+    mergeModels,
+    mergedModelName,
+    modelMergeAlpha,
+    modelMergeCustomSaveLoc,
+    modelMergeForce,
+    modelMergeInterp,
+    modelMergeSaveLocType,
+    modelOne,
+    modelThree,
+    modelTwo,
+    t,
+  ]);
 
   return (
     <Flex flexDirection="column" rowGap={4}>
@@ -180,7 +239,7 @@ export default function MergeModelsPanel() {
           value={modelOne}
           placeholder={t('modelManager.selectModel')}
           data={modelOneList}
-          onChange={(v) => setModelOne(v)}
+          onChange={handleChangeModelOne}
         />
         <IAIMantineSearchableSelect
           label={t('modelManager.modelTwo')}
@@ -188,7 +247,7 @@ export default function MergeModelsPanel() {
           placeholder={t('modelManager.selectModel')}
           value={modelTwo}
           data={modelTwoList}
-          onChange={(v) => setModelTwo(v)}
+          onChange={handleChangeModelTwo}
         />
         <IAIMantineSearchableSelect
           label={t('modelManager.modelThree')}
@@ -196,22 +255,14 @@ export default function MergeModelsPanel() {
           w="100%"
           placeholder={t('modelManager.selectModel')}
           clearable
-          onChange={(v) => {
-            if (!v) {
-              setModelThree(null);
-              setModelMergeInterp('add_difference');
-            } else {
-              setModelThree(v);
-              setModelMergeInterp('weighted_sum');
-            }
-          }}
+          onChange={handleChangeModelThree}
         />
       </Flex>
 
       <IAIInput
         label={t('modelManager.mergedModelName')}
         value={mergedModelName}
-        onChange={(e) => setMergedModelName(e.target.value)}
+        onChange={handleChangeMergedModelName}
       />
 
       <Flex
@@ -232,10 +283,10 @@ export default function MergeModelsPanel() {
           max={0.99}
           step={0.01}
           value={modelMergeAlpha}
-          onChange={(v) => setModelMergeAlpha(v)}
+          onChange={handleChangeModelMergeAlpha}
           withInput
           withReset
-          handleReset={() => setModelMergeAlpha(0.5)}
+          handleReset={handleResetModelMergeAlpha}
           withSliderMarks
         />
         <Text variant="subtext" fontSize="sm">
@@ -257,10 +308,7 @@ export default function MergeModelsPanel() {
         <Text fontWeight={500} fontSize="sm" variant="subtext">
           {t('modelManager.interpolationType')}
         </Text>
-        <RadioGroup
-          value={modelMergeInterp}
-          onChange={(v: MergeInterpolationMethods) => setModelMergeInterp(v)}
-        >
+        <RadioGroup value={modelMergeInterp} onChange={handleChangeMergeInterp}>
           <Flex columnGap={4}>
             {modelThree === null ? (
               <>
@@ -305,7 +353,7 @@ export default function MergeModelsPanel() {
           </Text>
           <RadioGroup
             value={modelMergeSaveLocType}
-            onChange={(v: 'root' | 'custom') => setModelMergeSaveLocType(v)}
+            onChange={handleChangeMergeSaveLocType}
           >
             <Flex columnGap={4}>
               <Radio value="root">
@@ -323,7 +371,7 @@ export default function MergeModelsPanel() {
           <IAIInput
             label={t('modelManager.mergedModelCustomSaveLocation')}
             value={modelMergeCustomSaveLoc}
-            onChange={(e) => setModelMergeCustomSaveLoc(e.target.value)}
+            onChange={handleChangeMergeCustomSaveLoc}
           />
         )}
       </Flex>
@@ -331,7 +379,7 @@ export default function MergeModelsPanel() {
       <IAISimpleCheckbox
         label={t('modelManager.ignoreMismatch')}
         isChecked={modelMergeForce}
-        onChange={(e) => setModelMergeForce(e.target.checked)}
+        onChange={handleChangeModelMergeForce}
         fontWeight="500"
       />
 

invokeai/frontend/web/src/features/modelManager/subpanels/ModelManagerPanel/CheckpointModelEdit.tsx

@@ -59,6 +59,11 @@ export default function CheckpointModelEdit(props: CheckpointModelEditProps) {
     },
   });
 
+  const handleChangeUseCustomConfig = useCallback(
+    () => setUseCustomConfig((prev) => !prev),
+    []
+  );
+
   const editModelFormSubmitHandler = useCallback(
     (values: CheckpointModelConfig) => {
       const responseBody = {
@@ -181,7 +186,7 @@ export default function CheckpointModelEdit(props: CheckpointModelEditProps) {
               )}
               <IAISimpleCheckbox
                 isChecked={useCustomConfig}
-                onChange={() => setUseCustomConfig(!useCustomConfig)}
+                onChange={handleChangeUseCustomConfig}
                 label="Use Custom Config"
               />
             </Flex>

invokeai/frontend/web/src/features/modelManager/subpanels/ModelManagerPanel/ModelConvert.tsx

@@ -14,7 +14,7 @@ import IAIAlertDialog from 'common/components/IAIAlertDialog';
 import IAIButton from 'common/components/IAIButton';
 import IAIInput from 'common/components/IAIInput';
 import { addToast } from 'features/system/store/systemSlice';
-import { useEffect, useState } from 'react';
+import { ChangeEvent, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useConvertMainModelsMutation } from 'services/api/endpoints/models';
@@ -42,11 +42,21 @@ export default function ModelConvert(props: ModelConvertProps) {
     setSaveLocation('InvokeAIRoot');
   }, [model]);
 
-  const modelConvertCancelHandler = () => {
+  const modelConvertCancelHandler = useCallback(() => {
     setSaveLocation('InvokeAIRoot');
-  };
+  }, []);
 
-  const modelConvertHandler = () => {
+  const handleChangeSaveLocation = useCallback((v: string) => {
+    setSaveLocation(v as SaveLocation);
+  }, []);
+  const handleChangeCustomSaveLocation = useCallback(
+    (e: ChangeEvent<HTMLInputElement>) => {
+      setCustomSaveLocation(e.target.value);
+    },
+    []
+  );
+
+  const modelConvertHandler = useCallback(() => {
     const queryArg = {
       base_model: model.base_model,
       model_name: model.model_name,
@@ -101,7 +111,15 @@ export default function ModelConvert(props: ModelConvertProps) {
           )
         );
       });
-  };
+  }, [
+    convertModel,
+    customSaveLocation,
+    dispatch,
+    model.base_model,
+    model.model_name,
+    saveLocation,
+    t,
+  ]);
 
   return (
     <IAIAlertDialog
@@ -137,10 +155,7 @@ export default function ModelConvert(props: ModelConvertProps) {
           <Text fontWeight="600">
             {t('modelManager.convertToDiffusersSaveLocation')}
           </Text>
-          <RadioGroup
-            value={saveLocation}
-            onChange={(v) => setSaveLocation(v as SaveLocation)}
-          >
+          <RadioGroup value={saveLocation} onChange={handleChangeSaveLocation}>
             <Flex gap={4}>
               <Radio value="InvokeAIRoot">
                 <Tooltip label="Save converted model in the InvokeAI root folder">
@@ -162,9 +177,7 @@ export default function ModelConvert(props: ModelConvertProps) {
             </Text>
             <IAIInput
               value={customSaveLocation}
-              onChange={(e) => {
-                setCustomSaveLocation(e.target.value);
-              }}
+              onChange={handleChangeCustomSaveLocation}
               width="full"
             />
           </Flex>

invokeai/frontend/web/src/features/modelManager/subpanels/ModelManagerPanel/ModelList.tsx

@@ -100,7 +100,7 @@ const ModelList = (props: ModelListProps) => {
       <Flex flexDirection="column" gap={4} paddingInlineEnd={4}>
         <ButtonGroup isAttached>
           <IAIButton
-            onClick={() => setModelFormatFilter('all')}
+            onClick={setModelFormatFilter.bind(null, 'all')}
             isChecked={modelFormatFilter === 'all'}
             size="sm"
           >
@@ -108,35 +108,35 @@ const ModelList = (props: ModelListProps) => {
           </IAIButton>
           <IAIButton
             size="sm"
-            onClick={() => setModelFormatFilter('diffusers')}
+            onClick={setModelFormatFilter.bind(null, 'diffusers')}
             isChecked={modelFormatFilter === 'diffusers'}
           >
             {t('modelManager.diffusersModels')}
           </IAIButton>
           <IAIButton
             size="sm"
-            onClick={() => setModelFormatFilter('checkpoint')}
+            onClick={setModelFormatFilter.bind(null, 'checkpoint')}
             isChecked={modelFormatFilter === 'checkpoint'}
           >
             {t('modelManager.checkpointModels')}
           </IAIButton>
           <IAIButton
             size="sm"
-            onClick={() => setModelFormatFilter('onnx')}
+            onClick={setModelFormatFilter.bind(null, 'onnx')}
             isChecked={modelFormatFilter === 'onnx'}
           >
             {t('modelManager.onnxModels')}
           </IAIButton>
           <IAIButton
             size="sm"
-            onClick={() => setModelFormatFilter('olive')}
+            onClick={setModelFormatFilter.bind(null, 'olive')}
             isChecked={modelFormatFilter === 'olive'}
           >
             {t('modelManager.oliveModels')}
           </IAIButton>
           <IAIButton
             size="sm"
-            onClick={() => setModelFormatFilter('lora')}
+            onClick={setModelFormatFilter.bind(null, 'lora')}
             isChecked={modelFormatFilter === 'lora'}
           >
             {t('modelManager.loraModels')}