feat(ui): migrated theming to chakra

build(ui): fix husky path

build(ui): fix hmr issue, remove emotion cache

build(ui): clean up package.json

build(ui): update gh action and npm scripts

feat(ui): wip port lightbox to chakra theme

feat(ui): wip use chakra theme tokens

feat(ui): Add status text to main loading spinner

feat(ui): wip chakra theme tweaking

feat(ui): simply iaisimplemenu button

feat(ui): wip chakra theming

feat(ui): Theme Management

feat(ui): Add Ocean Blue Theme

feat(ui): wip lightbox

fix(ui): fix lightbox mouse

feat(ui): set default theme variants

feat(ui): model manager chakra theme

chore(ui): lint

feat(ui): remove last scss

feat(ui): fix switch theme

feat(ui): Theme Cleanup

feat(ui): Stylize Search Models Found List

feat(ui): hide scrollbars

feat(ui): fix floating button position

feat(ui): Scrollbar Styling

fix broken scripts

This PR fixes the following scripts:

1) Scripts that can be executed within the repo's scripts directory.
   Note that these are for development testing and are not intended
   to be exposed to the user.

   configure_invokeai.py - configuration
   dream.py              - the legacy CLI
   images2prompt.py      - legacy "dream prompt" retriever
   invoke-new.py         - new nodes-based CLI
   invoke.py             - the legacy CLI under another name
   make_models_markdown_table.py - a utility used during the release/doc process
   pypi_helper.py        - another utility used during the release process
   sd-metadata.py        - retrieve JSON-formatted metadata from a PNG file

2) Scripts that are installed by pip install. They get placed into the venv's
   PATH and are intended to be the official entry points:

   invokeai-node-cli      - new nodes-based CLI
   invokeai-node-web      - new nodes-based web server
   invokeai               - legacy CLI
   invokeai-configure     - install time configuration script
   invokeai-merge         - model merging script
   invokeai-ti            - textual inversion script
   invokeai-model-install - model installer
   invokeai-update        - update script
   invokeai-metadata"     - retrieve JSON-formatted metadata from PNG files

protect invocations against black autoformatting

deps: upgrade to diffusers 0.14, safetensors 0.3, transformers 4.26, accelerate 0.16

.github/workflows/lint-frontend.yml

@@ -23,7 +23,7 @@ jobs:
           node-version: '18'
       - uses: actions/checkout@v3
       - run: 'yarn install --frozen-lockfile'
-      - run: 'yarn tsc'
+      - run: 'yarn run lint:tsc'
-      - run: 'yarn run madge'
+      - run: 'yarn run lint:madge'
-      - run: 'yarn run lint --max-warnings=0'
+      - run: 'yarn run lint:eslint'
-      - run: 'yarn run prettier --check'
+      - run: 'yarn run lint:prettier'

invokeai/app/api/dependencies.py

@@ -3,7 +3,7 @@
 import os
 from argparse import Namespace
 
-from ...globals import Globals
+from ...backend import Globals
 from ..services.generate_initializer import get_generate
 from ..services.graph import GraphExecutionState
 from ..services.image_storage import DiskImageStorage

invokeai/app/api_app.py

@@ -13,7 +13,7 @@ from fastapi_events.handlers.local import local_handler
 from fastapi_events.middleware import EventHandlerASGIMiddleware
 from pydantic.schema import schema
 
-from ..args import Args
+from ..backend import Args
 from .api.dependencies import ApiDependencies
 from .api.routers import images, sessions
 from .api.sockets import SocketIO

invokeai/app/cli_app.py

@@ -18,7 +18,7 @@ from typing import (
 from pydantic import BaseModel
 from pydantic.fields import Field
 
-from ..args import Args
+from ..backend import Args
 from .invocations import *
 from .invocations.baseinvocation import BaseInvocation
 from .invocations.image import ImageField

invokeai/app/invocations/baseinvocation.py

@@ -72,5 +72,7 @@ class BaseInvocation(ABC, BaseModel):
     def invoke(self, context: InvocationContext) -> BaseInvocationOutput:
         """Invoke with provided context and return outputs."""
         pass
-
+    
+    #fmt: off
     id: str = Field(description="The id of this node. Must be unique among all nodes.")
+    #fmt: on

invokeai/app/invocations/cv.py

@@ -14,14 +14,13 @@ from .image import ImageField, ImageOutput
 
 class CvInpaintInvocation(BaseInvocation):
     """Simple inpaint using opencv."""
-
+    #fmt: off
     type: Literal["cv_inpaint"] = "cv_inpaint"
 
     # Inputs
     image: ImageField = Field(default=None, description="The image to inpaint")
-    mask: ImageField = Field(
+    mask: ImageField = Field(default=None, description="The mask to use when inpainting")
-        default=None, description="The mask to use when inpainting"
+    #fmt: on
-    )
 
     def invoke(self, context: InvocationContext) -> ImageOutput:
         image = context.services.images.get(

invokeai/app/invocations/image.py

@@ -23,29 +23,28 @@ class ImageField(BaseModel):
 
 class ImageOutput(BaseInvocationOutput):
     """Base class for invocations that output an image"""
-
+    #fmt: off
     type: Literal["image"] = "image"
-
+    image:      ImageField = Field(default=None, description="The output image")
-    image: ImageField = Field(default=None, description="The output image")
+    #fmt: on
-
 
 class MaskOutput(BaseInvocationOutput):
     """Base class for invocations that output a mask"""
-
+    #fmt: off
     type: Literal["mask"] = "mask"
-
+    mask:      ImageField = Field(default=None, description="The output mask")
-    mask: ImageField = Field(default=None, description="The output mask")
+    #fomt: on
-
 
 # TODO: this isn't really necessary anymore
 class LoadImageInvocation(BaseInvocation):
     """Load an image from a filename and provide it as output."""
-
+    #fmt: off
     type: Literal["load_image"] = "load_image"
 
     # Inputs
     image_type: ImageType = Field(description="The type of the image")
-    image_name: str = Field(description="The name of the image")
+    image_name:       str = Field(description="The name of the image")
+    #fmt: on
 
     def invoke(self, context: InvocationContext) -> ImageOutput:
         return ImageOutput(
@@ -79,17 +78,16 @@ class ShowImageInvocation(BaseInvocation):
 
 class CropImageInvocation(BaseInvocation):
     """Crops an image to a specified box. The box can be outside of the image."""
-
+    #fmt: off
     type: Literal["crop"] = "crop"
 
     # Inputs
     image: ImageField = Field(default=None, description="The image to crop")
-    x: int = Field(default=0, description="The left x coordinate of the crop rectangle")
+    x:      int = Field(default=0, description="The left x coordinate of the crop rectangle")
-    y: int = Field(default=0, description="The top y coordinate of the crop rectangle")
+    y:      int = Field(default=0, description="The top y coordinate of the crop rectangle")
-    width: int = Field(default=512, gt=0, description="The width of the crop rectangle")
+    width:  int = Field(default=512, gt=0, description="The width of the crop rectangle")
-    height: int = Field(
+    height: int = Field(default=512, gt=0, description="The height of the crop rectangle")
-        default=512, gt=0, description="The height of the crop rectangle"
+    #fmt: on
-    )
 
     def invoke(self, context: InvocationContext) -> ImageOutput:
         image = context.services.images.get(
@@ -113,21 +111,16 @@ class CropImageInvocation(BaseInvocation):
 
 class PasteImageInvocation(BaseInvocation):
     """Pastes an image into another image."""
-
+    #fmt: off
     type: Literal["paste"] = "paste"
 
     # Inputs
-    base_image: ImageField = Field(default=None, description="The base image")
+    base_image:     ImageField = Field(default=None, description="The base image")
-    image: ImageField = Field(default=None, description="The image to paste")
+    image:          ImageField = Field(default=None, description="The image to paste")
-    mask: Optional[ImageField] = Field(
+    mask: Optional[ImageField] = Field(default=None, description="The mask to use when pasting")
-        default=None, description="The mask to use when pasting"
+    x:                     int = Field(default=0, description="The left x coordinate at which to paste the image")
-    )
+    y:                     int = Field(default=0, description="The top y coordinate at which to paste the image")
-    x: int = Field(
+    #fmt: on
-        default=0, description="The left x coordinate at which to paste the image"
-    )
-    y: int = Field(
-        default=0, description="The top y coordinate at which to paste the image"
-    )
 
     def invoke(self, context: InvocationContext) -> ImageOutput:
         base_image = context.services.images.get(
@@ -168,14 +161,13 @@ class PasteImageInvocation(BaseInvocation):
 
 class MaskFromAlphaInvocation(BaseInvocation):
     """Extracts the alpha channel of an image as a mask."""
-
+    #fmt: off
     type: Literal["tomask"] = "tomask"
 
     # Inputs
-    image: ImageField = Field(
+    image: ImageField = Field(default=None, description="The image to create the mask from")
-        default=None, description="The image to create the mask from"
+    invert:      bool = Field(default=False, description="Whether or not to invert the mask")
-    )
+    #fmt: on
-    invert: bool = Field(default=False, description="Whether or not to invert the mask")
 
     def invoke(self, context: InvocationContext) -> MaskOutput:
         image = context.services.images.get(
@@ -197,15 +189,15 @@ class MaskFromAlphaInvocation(BaseInvocation):
 class BlurInvocation(BaseInvocation):
     """Blurs an image"""
 
+    #fmt: off
     type: Literal["blur"] = "blur"
 
     # Inputs
     image: ImageField = Field(default=None, description="The image to blur")
-    radius: float = Field(default=8.0, ge=0, description="The blur radius")
+    radius:     float = Field(default=8.0, ge=0, description="The blur radius")
-    blur_type: Literal["gaussian", "box"] = Field(
+    blur_type: Literal["gaussian", "box"] = Field(default="gaussian", description="The type of blur")
-        default="gaussian", description="The type of blur"
+    #fmt: on
-    )
+    
-
     def invoke(self, context: InvocationContext) -> ImageOutput:
         image = context.services.images.get(
             self.image.image_type, self.image.image_name
@@ -230,13 +222,14 @@ class BlurInvocation(BaseInvocation):
 
 class LerpInvocation(BaseInvocation):
     """Linear interpolation of all pixels of an image"""
-
+    #fmt: off
     type: Literal["lerp"] = "lerp"
 
     # Inputs
     image: ImageField = Field(default=None, description="The image to lerp")
     min: int = Field(default=0, ge=0, le=255, description="The minimum output value")
     max: int = Field(default=255, ge=0, le=255, description="The maximum output value")
+    #fmt: on
 
     def invoke(self, context: InvocationContext) -> ImageOutput:
         image = context.services.images.get(

invokeai/app/services/generate_initializer.py

@@ -6,7 +6,7 @@ from argparse import Namespace
 import invokeai.version
 from invokeai.backend import Generate, ModelManager
 
-from ...globals import Globals
+from ...backend import Globals
 
 
 # TODO: most of this code should be split into individual services as the Generate.py code is deprecated

invokeai/backend/__init__.py

@@ -3,3 +3,5 @@ Initialization file for invokeai.backend
 """
 from .generate import Generate
 from .model_management import ModelManager
+from .args import Args
+from .globals import Globals

invokeai/frontend/CLI/sd_metadata.py

@@ -0,0 +1,30 @@
+'''
+This is a modularized version of the sd-metadata.py script,
+which retrieves and prints the metadata from a series of generated png files.
+'''
+import sys
+import json
+from invokeai.backend.image_util import retrieve_metadata
+
+
+def print_metadata():
+    if len(sys.argv) < 2:
+        print("Usage: file2prompt.py <file1.png> <file2.png> <file3.png>...")
+        print("This script opens up the indicated invoke.py-generated PNG file(s) and prints out their metadata.")
+        exit(-1)
+
+    filenames = sys.argv[1:]
+    for f in filenames:
+        try:
+            metadata = retrieve_metadata(f)
+            print(f'{f}:\n',json.dumps(metadata['sd-metadata'], indent=4))
+        except FileNotFoundError:
+            sys.stderr.write(f'{f} not found\n')
+            continue
+        except PermissionError:
+            sys.stderr.write(f'{f} could not be opened due to inadequate permissions\n')
+            continue
+
+if __name__== '__main__':
+    print_metadata()
+

invokeai/frontend/web/.eslintignore

@@ -3,3 +3,6 @@ dist/
 node_modules/
 patches/
 stats.html
+index.html
+.yarn/
+*.scss

invokeai/frontend/web/.eslintrc.js

@@ -30,7 +30,10 @@ module.exports = {
     radix: 'error',
     'space-before-blocks': 'error',
     'import/prefer-default-export': 'off',
-    '@typescript-eslint/no-unused-vars': ['warn', { varsIgnorePattern: '_+' }],
+    '@typescript-eslint/no-unused-vars': [
+      'warn',
+      { varsIgnorePattern: '^_', argsIgnorePattern: '^_' },
+    ],
     'prettier/prettier': ['error', { endOfLine: 'auto' }],
   },
   settings: {

invokeai/frontend/web/.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 
-cd invokeai/frontend/ && npm run lint-staged
+cd invokeai/frontend/web/ && npm run lint-staged

invokeai/frontend/web/.prettierignore

@@ -3,3 +3,4 @@ dist/
 node_modules/
 patches/
 stats.html
+.yarn/

invokeai/frontend/web/.prettierrc.js

@@ -3,6 +3,7 @@ module.exports = {
   tabWidth: 2,
   semi: true,
   singleQuote: true,
+  endOfLine: 'auto',
   overrides: [
     {
       files: ['public/locales/*.json'],

invokeai/frontend/web/__init__.py

@@ -1,3 +0,0 @@
-'''
-Initialization file for invokeai.frontend.web
-'''

invokeai/frontend/web/dist/index.html

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>InvokeAI - A Stable Diffusion Toolkit</title>
     <link rel="shortcut icon" type="icon" href="./assets/favicon-0d253ced.ico" />
-    <script type="module" crossorigin src="./assets/index-0e39fbc4.js"></script>
+    <script type="module" crossorigin src="./assets/index-4543bfbe.js"></script>
-    <link rel="stylesheet" href="./assets/index-14cb2922.css">
+    <link rel="stylesheet" href="./assets/index-1ee4e1fb.css">
   </head>
 
   <body>

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

@@ -15,7 +15,7 @@
         "langSpanish": "Español",
         "nodesDesc": "Un sistema de generación de imágenes basado en nodos, actualmente se encuentra en desarrollo. Mantente pendiente a nuestras actualizaciones acerca de esta fabulosa funcionalidad.",
         "postProcessing": "Post-procesamiento",
-        "postProcessDesc1": "Invoke AI ofrece una gran variedad de funciones de post-procesamiento, El aumento de tamaño y Restauración de Rostros ya se encuentran disponibles en la interfaz web, puedes acceder desde el menú de Opciones Avanzadas en las pestañas de Texto a Imagen y de Imagen a Imagen. También puedes acceder a estas funciones directamente mediante el botón de acciones en el menú superior de la imagen actual o en el visualizador",
+        "postProcessDesc1": "Invoke AI ofrece una gran variedad de funciones de post-procesamiento, El aumento de tamaño y Restauración de Rostros ya se encuentran disponibles en la interfaz web, puedes acceder desde el menú de Opciones Avanzadas en las pestañas de Texto a Imagen y de Imagen a Imagen. También puedes acceder a estas funciones directamente mediante el botón de acciones en el menú superior de la imagen actual o en el visualizador.",
         "postProcessDesc2": "Una interfaz de usuario dedicada se lanzará pronto para facilitar flujos de trabajo de postprocesamiento más avanzado.",
         "postProcessDesc3": "La Interfaz de Línea de Comandos de Invoke AI ofrece muchas otras características, incluyendo -Embiggen-.",
         "training": "Entrenamiento",
@@ -44,7 +44,26 @@
         "statusUpscaling": "Aumentando Tamaño",
         "statusUpscalingESRGAN": "Restaurando Rostros(ESRGAN)",
         "statusLoadingModel": "Cargando Modelo",
-        "statusModelChanged": "Modelo cambiado"
+        "statusModelChanged": "Modelo cambiado",
+        "statusMergedModels": "Modelos combinados",
+        "githubLabel": "Github",
+        "discordLabel": "Discord",
+        "langEnglish": "Inglés",
+        "langDutch": "Holandés",
+        "langFrench": "Francés",
+        "langGerman": "Alemán",
+        "langItalian": "Italiano",
+        "langArabic": "Árabe",
+        "langJapanese": "Japones",
+        "langPolish": "Polaco",
+        "langBrPortuguese": "Portugués brasileño",
+        "langRussian": "Ruso",
+        "langSimplifiedChinese": "Chino simplificado",
+        "langUkranian": "Ucraniano",
+        "back": "Atrás",
+        "statusConvertingModel": "Convertir el modelo",
+        "statusModelConverted": "Modelo adaptado",
+        "statusMergingModels": "Fusionar modelos"
     },
     "gallery": {
         "generations": "Generaciones",
@@ -284,16 +303,16 @@
         "nameValidationMsg": "Introduce un nombre para tu modelo",
         "description": "Descripción",
         "descriptionValidationMsg": "Introduce una descripción para tu modelo",
-        "config": "Config",
+        "config": "Configurar",
-        "configValidationMsg": "Ruta del archivo de configuración del modelo",
+        "configValidationMsg": "Ruta del archivo de configuración del modelo.",
         "modelLocation": "Ubicación del Modelo",
-        "modelLocationValidationMsg": "Ruta del archivo de modelo",
+        "modelLocationValidationMsg": "Ruta del archivo de modelo.",
         "vaeLocation": "Ubicación VAE",
-        "vaeLocationValidationMsg": "Ruta del archivo VAE",
+        "vaeLocationValidationMsg": "Ruta del archivo VAE.",
         "width": "Ancho",
-        "widthValidationMsg": "Ancho predeterminado de tu modelo",
+        "widthValidationMsg": "Ancho predeterminado de tu modelo.",
         "height": "Alto",
-        "heightValidationMsg": "Alto predeterminado de tu modelo",
+        "heightValidationMsg": "Alto predeterminado de tu modelo.",
         "addModel": "Añadir Modelo",
         "updateModel": "Actualizar Modelo",
         "availableModels": "Modelos disponibles",
@@ -320,7 +339,61 @@
         "deleteModel": "Eliminar Modelo",
         "deleteConfig": "Eliminar Configuración",
         "deleteMsg1": "¿Estás seguro de querer eliminar esta entrada de modelo de InvokeAI?",
-        "deleteMsg2": "El checkpoint del modelo no se eliminará de tu disco. Puedes volver a añadirlo si lo deseas."
+        "deleteMsg2": "El checkpoint del modelo no se eliminará de tu disco. Puedes volver a añadirlo si lo deseas.",
+        "safetensorModels": "SafeTensors",
+        "addDiffuserModel": "Añadir difusores",
+        "inpainting": "v1 Repintado",
+        "repoIDValidationMsg": "Repositorio en línea de tu modelo",
+        "checkpointModels": "Puntos de control",
+        "convertToDiffusersHelpText4": "Este proceso se realiza una sola vez. Puede tardar entre 30 y 60 segundos dependiendo de las especificaciones de tu ordenador.",
+        "diffusersModels": "Difusores",
+        "addCheckpointModel": "Agregar modelo de punto de control/Modelo Safetensor",
+        "vaeRepoID": "Identificador del repositorio de VAE",
+        "vaeRepoIDValidationMsg": "Repositorio en línea de tú VAE",
+        "formMessageDiffusersModelLocation": "Difusores Modelo Ubicación",
+        "formMessageDiffusersModelLocationDesc": "Por favor, introduzca al menos uno.",
+        "formMessageDiffusersVAELocation": "Ubicación VAE",
+        "formMessageDiffusersVAELocationDesc": "Si no se proporciona, InvokeAI buscará el archivo VAE dentro de la ubicación del modelo indicada anteriormente.",
+        "convert": "Convertir",
+        "convertToDiffusers": "Convertir en difusores",
+        "convertToDiffusersHelpText1": "Este modelo se convertirá al formato 🧨 Difusores.",
+        "convertToDiffusersHelpText2": "Este proceso sustituirá su entrada del Gestor de Modelos por la versión de Difusores del mismo modelo.",
+        "convertToDiffusersHelpText3": "Su archivo de puntos de control en el disco NO será borrado ni modificado de ninguna manera. Puede volver a añadir su punto de control al Gestor de Modelos si lo desea.",
+        "convertToDiffusersHelpText5": "Asegúrese de que dispone de suficiente espacio en disco. Los modelos suelen variar entre 4 GB y 7 GB de tamaño.",
+        "convertToDiffusersHelpText6": "¿Desea transformar este modelo?",
+        "convertToDiffusersSaveLocation": "Guardar ubicación",
+        "v1": "v1",
+        "v2": "v2",
+        "statusConverting": "Adaptar",
+        "modelConverted": "Modelo adaptado",
+        "sameFolder": "La misma carpeta",
+        "invokeRoot": "Carpeta InvokeAI",
+        "custom": "Personalizado",
+        "customSaveLocation": "Ubicación personalizada para guardar",
+        "merge": "Fusión",
+        "modelsMerged": "Modelos fusionados",
+        "mergeModels": "Combinar modelos",
+        "modelOne": "Modelo 1",
+        "modelTwo": "Modelo 2",
+        "modelThree": "Modelo 3",
+        "mergedModelName": "Nombre del modelo combinado",
+        "alpha": "Alfa",
+        "interpolationType": "Tipo de interpolación",
+        "mergedModelSaveLocation": "Guardar ubicación",
+        "mergedModelCustomSaveLocation": "Ruta personalizada",
+        "invokeAIFolder": "Invocar carpeta de la inteligencia artificial",
+        "modelMergeHeaderHelp2": "Sólo se pueden fusionar difusores. Si desea fusionar un modelo de punto de control, conviértalo primero en difusores.",
+        "modelMergeAlphaHelp": "Alfa controla la fuerza de mezcla de los modelos. Los valores alfa más bajos reducen la influencia del segundo modelo.",
+        "modelMergeInterpAddDifferenceHelp": "En este modo, el Modelo 3 se sustrae primero del Modelo 2. La versión resultante se mezcla con el Modelo 1 con la tasa alfa establecida anteriormente. La versión resultante se mezcla con el Modelo 1 con la tasa alfa establecida anteriormente.",
+        "ignoreMismatch": "Ignorar discrepancias entre modelos seleccionados",
+        "modelMergeHeaderHelp1": "Puede combinar hasta tres modelos diferentes para crear una mezcla que se adapte a sus necesidades.",
+        "inverseSigmoid": "Sigmoideo inverso",
+        "weightedSum": "Modelo de suma ponderada",
+        "sigmoid": "Función sigmoide",
+        "allModels": "Todos los modelos",
+        "repo_id": "Identificador del repositorio",
+        "pathToCustomConfig": "Ruta a la configuración personalizada",
+        "customConfig": "Configuración personalizada"
     },
     "parameters": {
         "images": "Imágenes",
@@ -380,7 +453,22 @@
         "info": "Información",
         "deleteImage": "Eliminar Imagen",
         "initialImage": "Imagen Inicial",
-        "showOptionsPanel": "Mostrar panel de opciones"
+        "showOptionsPanel": "Mostrar panel de opciones",
+        "symmetry": "Simetría",
+        "vSymmetryStep": "Paso de simetría V",
+        "hSymmetryStep": "Paso de simetría H",
+        "cancel": {
+            "immediate": "Cancelar inmediatamente",
+            "schedule": "Cancelar tras la iteración actual",
+            "isScheduled": "Cancelando",
+            "setType": "Tipo de cancelación"
+        },
+        "copyImage": "Copiar la imagen",
+        "general": "General",
+        "negativePrompts": "Preguntas negativas",
+        "imageToImage": "Imagen a imagen",
+        "denoisingStrength": "Intensidad de la eliminación del ruido",
+        "hiresStrength": "Alta resistencia"
     },
     "settings": {
         "models": "Modelos",
@@ -393,7 +481,8 @@
         "resetWebUI": "Restablecer interfaz web",
         "resetWebUIDesc1": "Al restablecer la interfaz web, solo se restablece la caché local del navegador de sus imágenes y la configuración guardada. No se elimina ninguna imagen de su disco duro.",
         "resetWebUIDesc2": "Si las imágenes no se muestran en la galería o algo más no funciona, intente restablecer antes de reportar un incidente en GitHub.",
-        "resetComplete": "La interfaz web se ha restablecido. Actualice la página para recargarla."
+        "resetComplete": "La interfaz web se ha restablecido. Actualice la página para recargarla.",
+        "useSlidersForAll": "Utilice controles deslizantes para todas las opciones"
     },
     "toast": {
         "tempFoldersEmptied": "Directorio temporal vaciado",
@@ -431,12 +520,12 @@
         "feature": {
             "prompt": "Este campo tomará todo el texto de entrada, incluidos tanto los términos de contenido como los estilísticos. Si bien se pueden incluir pesos en la solicitud, los comandos/parámetros estándar de línea de comandos no funcionarán.",
             "gallery": "Conforme se generan nuevas invocaciones, los archivos del directorio de salida se mostrarán aquí. Las generaciones tienen opciones adicionales para configurar nuevas generaciones.",
-            "other": "Estas opciones habilitarán modos de procesamiento alternativos para Invoke. El modo sin costuras funciona para generar patrones repetitivos en la salida. La optimización de alta resolución realiza un ciclo de generación de dos pasos y debe usarse en resoluciones más altas cuando desee una imagen/composición más coherente.",
+            "other": "Estas opciones habilitarán modos de procesamiento alternativos para Invoke. 'Seamless mosaico' creará patrones repetitivos en la salida. 'Alta resolución' es la generación en dos pasos con img2img: use esta configuración cuando desee una imagen más grande y más coherente sin artefactos. tomar más tiempo de lo habitual txt2img.",
             "seed": "Los valores de semilla proporcionan un conjunto inicial de ruido que guían el proceso de eliminación de ruido y se pueden aleatorizar o rellenar con una semilla de una invocación anterior. La función Umbral se puede usar para mitigar resultados indeseables a valores CFG más altos (intente entre 0-10), y Perlin se puede usar para agregar ruido Perlin al proceso de eliminación de ruido. Ambos sirven para agregar variación a sus salidas.",
             "variations": "Pruebe una variación con una cantidad entre 0 y 1 para cambiar la imagen de salida para la semilla establecida. Se encuentran variaciones interesantes en la semilla entre 0.1 y 0.3.",
             "upscale": "Usando ESRGAN, puede aumentar la resolución de salida sin requerir un ancho/alto más alto en la generación inicial.",
             "faceCorrection": "Usando GFPGAN o Codeformer, la corrección de rostros intentará identificar rostros en las salidas y corregir cualquier defecto/anormalidad. Los valores de fuerza más altos aplicarán una presión correctiva más fuerte en las salidas, lo que resultará en rostros más atractivos. Con Codeformer, una mayor fidelidad intentará preservar la imagen original, a expensas de la fuerza de corrección de rostros.",
-            "imageToImage": "Imagen a Imagen permite cargar una imagen inicial, que InvokeAI usará para guiar el proceso de generación, junto con una solicitud. Un valor más bajo para esta configuración se parecerá más a la imagen original. Se aceptan valores entre 0-1, y se recomienda un rango de .25-.75.",
+            "imageToImage": "Imagen a Imagen permite cargar una imagen inicial, que InvokeAI usará para guiar el proceso de generación, junto con una solicitud. Un valor más bajo para esta configuración se parecerá más a la imagen original. Se aceptan valores entre 0-1, y se recomienda un rango de .25-.75",
             "boundingBox": "La caja delimitadora es análoga a las configuraciones de Ancho y Alto para Texto a Imagen o Imagen a Imagen. Solo se procesará el área en la caja.",
             "seamCorrection": "Controla el manejo de parches visibles que pueden ocurrir cuando se pega una imagen generada de nuevo en el lienzo.",
             "infillAndScaling": "Administra los métodos de relleno (utilizados en áreas enmascaradas o borradas del lienzo) y la escala (útil para tamaños de caja delimitadora pequeños)."

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

@@ -43,27 +43,7 @@
         "statusUpscaling": "Opschaling",
         "statusUpscalingESRGAN": "Opschaling (ESRGAN)",
         "statusLoadingModel": "Laden van model",
-        "statusModelChanged": "Model gewijzigd",
+        "statusModelChanged": "Model gewijzigd"
-        "githubLabel": "Github",
-        "discordLabel": "Discord",
-        "langArabic": "Arabisch",
-        "langEnglish": "Engels",
-        "langFrench": "Frans",
-        "langGerman": "Duits",
-        "langItalian": "Italiaans",
-        "langJapanese": "Japans",
-        "langPolish": "Pools",
-        "langBrPortuguese": "Portugees (Brazilië)",
-        "langRussian": "Russisch",
-        "langSimplifiedChinese": "Chinees (vereenvoudigd)",
-        "langUkranian": "Oekraïens",
-        "langSpanish": "Spaans",
-        "training": "Training",
-        "back": "Terug",
-        "statusConvertingModel": "Omzetten van model",
-        "statusModelConverted": "Model omgezet",
-        "statusMergingModels": "Samenvoegen van modellen",
-        "statusMergedModels": "Modellen samengevoegd"
     },
     "gallery": {
         "generations": "Gegenereerde afbeeldingen",
@@ -302,7 +282,7 @@
         "name": "Naam",
         "nameValidationMsg": "Geef een naam voor je model",
         "description": "Beschrijving",
-        "descriptionValidationMsg": "Voeg een beschrijving toe voor je model",
+        "descriptionValidationMsg": "Voeg een beschrijving toe voor je model.",
         "config": "Configuratie",
         "configValidationMsg": "Pad naar het configuratiebestand van je model.",
         "modelLocation": "Locatie model",
@@ -339,61 +319,7 @@
         "deleteModel": "Verwijder model",
         "deleteConfig": "Verwijder configuratie",
         "deleteMsg1": "Weet je zeker dat je deze modelregel wilt verwijderen uit InvokeAI?",
-        "deleteMsg2": "Hiermee wordt het checkpointbestand niet van je schijf verwijderd. Je kunt deze opnieuw toevoegen als je dat wilt.",
+        "deleteMsg2": "Hiermee wordt het checkpointbestand niet van je schijf verwijderd. Je kunt deze opnieuw toevoegen als je dat wilt."
-        "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 NIET worden verwijderd of gewijzigd. Je kunt je Checkpoint opnieuw toevoegen aan Modelonderhoud als je dat wilt.",
-        "convertToDiffusersHelpText6": "Wil je dit model omzetten?",
-        "allModels": "Alle modellen",
-        "checkpointModels": "Checkpoints",
-        "safetensorModels": "SafeTensors",
-        "addCheckpointModel": "Voeg Checkpoint-/SafeTensor-model toe",
-        "addDiffuserModel": "Voeg Diffusers-model toe",
-        "diffusersModels": "Diffusers",
-        "repo_id": "Repo-id",
-        "vaeRepoID": "Repo-id VAE",
-        "vaeRepoIDValidationMsg": "Online repository van je VAE",
-        "formMessageDiffusersModelLocationDesc": "Voer er minimaal een in.",
-        "formMessageDiffusersVAELocation": "Locatie VAE",
-        "convert": "Omzetten",
-        "convertToDiffusers": "Omzetten naar Diffusers",
-        "convertToDiffusersHelpText1": "Dit model wordt omgezet naar de🧨 Diffusers-indeling.",
-        "convertToDiffusersHelpText2": "Dit proces vervangt het onderdeel in Modelonderhoud met de Diffusers-versie van hetzelfde model.",
-        "convertToDiffusersHelpText4": "Dit is een eenmalig proces. Dit neemt ongeveer 30 tot 60 sec. in beslag, afhankelijk van de specificaties van je computer.",
-        "convertToDiffusersHelpText5": "Zorg ervoor dat je genoeg schijfruimte hebt. Modellen nemen gewoonlijk ongeveer 4 - 7 GB ruimte in beslag.",
-        "convertToDiffusersSaveLocation": "Bewaarlocatie",
-        "v1": "v1",
-        "v2": "v2",
-        "inpainting": "v1-inpainting",
-        "customConfig": "Eigen configuratie",
-        "pathToCustomConfig": "Pad naar eigen configuratie",
-        "statusConverting": "Omzetten",
-        "modelConverted": "Model omgezet",
-        "sameFolder": "Dezelfde map",
-        "invokeRoot": "InvokeAI-map",
-        "custom": "Eigen",
-        "customSaveLocation": "Eigen bewaarlocatie",
-        "merge": "Samenvoegen",
-        "modelsMerged": "Modellen samengevoegd",
-        "mergeModels": "Voeg modellen samen",
-        "modelOne": "Model 1",
-        "modelTwo": "Model 2",
-        "modelThree": "Model 3",
-        "mergedModelName": "Samengevoegde modelnaam",
-        "alpha": "Alfa",
-        "interpolationType": "Soort interpolatie",
-        "mergedModelSaveLocation": "Bewaarlocatie",
-        "mergedModelCustomSaveLocation": "Eigen pad",
-        "invokeAIFolder": "InvokeAI-map",
-        "ignoreMismatch": "Negeer discrepanties tussen gekozen modellen",
-        "modelMergeHeaderHelp1": "Je kunt tot drie verschillende modellen samenvoegen om een mengvorm te maken die aan je behoeften voldoet.",
-        "modelMergeHeaderHelp2": "Alleen Diffusers kunnen worden samengevoegd. Als je een Checkpointmodel wilt samenvoegen, zet deze eerst om naar Diffusers.",
-        "modelMergeAlphaHelp": "Alfa stuurt de mengsterkte aan voor de modellen. Lagere alfawaarden leiden tot een kleinere invloed op het tweede model.",
-        "modelMergeInterpAddDifferenceHelp": "In deze stand wordt model 3 eerst van model 2 afgehaald. Wat daar uitkomt wordt gemengd met model 1, gebruikmakend van de hierboven ingestelde alfawaarde.",
-        "inverseSigmoid": "Keer Sigmoid om",
-        "sigmoid": "Sigmoid",
-        "weightedSum": "Gewogen som"
     },
     "parameters": {
         "images": "Afbeeldingen",
@@ -453,22 +379,7 @@
         "info": "Info",
         "deleteImage": "Verwijder afbeelding",
         "initialImage": "Initiële afbeelding",
-        "showOptionsPanel": "Toon deelscherm Opties",
+        "showOptionsPanel": "Toon deelscherm Opties"
-        "symmetry": "Symmetrie",
-        "hSymmetryStep": "Stap horiz. symmetrie",
-        "vSymmetryStep": "Stap vert. symmetrie",
-        "cancel": {
-            "immediate": "Annuleer direct",
-            "isScheduled": "Annuleren",
-            "setType": "Stel annuleervorm in",
-            "schedule": "Annuleer na huidige iteratie"
-        },
-        "negativePrompts": "Negatieve invoer",
-        "general": "Algemeen",
-        "copyImage": "Kopieer afbeelding",
-        "imageToImage": "Afbeelding naar afbeelding",
-        "denoisingStrength": "Sterkte ontruisen",
-        "hiresStrength": "Sterkte hogere resolutie"
     },
     "settings": {
         "models": "Modellen",
@@ -481,8 +392,7 @@
         "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. Vernieuw de pasgina om opnieuw te laden.",
+        "resetComplete": "Webgebruikersinterface is hersteld. Vernieuw de pasgina om opnieuw te laden."
-        "useSlidersForAll": "Gebruik schuifbalken voor alle opties"
     },
     "toast": {
         "tempFoldersEmptied": "Tijdelijke map geleegd",

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

@@ -44,7 +44,26 @@
         "statusUpscaling": "Redimensinando",
         "statusUpscalingESRGAN": "Redimensinando (ESRGAN)",
         "statusLoadingModel": "Carregando Modelo",
-        "statusModelChanged": "Modelo Alterado"
+        "statusModelChanged": "Modelo Alterado",
+        "githubLabel": "Github",
+        "discordLabel": "Discord",
+        "langArabic": "Árabe",
+        "langEnglish": "Inglês",
+        "langDutch": "Holandês",
+        "langFrench": "Francês",
+        "langGerman": "Alemão",
+        "langItalian": "Italiano",
+        "langJapanese": "Japonês",
+        "langPolish": "Polonês",
+        "langSimplifiedChinese": "Chinês",
+        "langUkranian": "Ucraniano",
+        "back": "Voltar",
+        "statusConvertingModel": "Convertendo Modelo",
+        "statusModelConverted": "Modelo Convertido",
+        "statusMergingModels": "Mesclando Modelos",
+        "statusMergedModels": "Modelos Mesclados",
+        "langRussian": "Russo",
+        "langSpanish": "Espanhol"
     },
     "gallery": {
         "generations": "Gerações",
@@ -237,7 +256,7 @@
             "desc": "Salva a tela atual na galeria"
         },
         "copyToClipboard": {
-            "title": "Copiar Para a Área de Transferência ",
+            "title": "Copiar para a Área de Transferência",
             "desc": "Copia a tela atual para a área de transferência"
         },
         "downloadImage": {
@@ -284,7 +303,7 @@
         "nameValidationMsg": "Insira um nome para o seu modelo",
         "description": "Descrição",
         "descriptionValidationMsg": "Adicione uma descrição para o seu modelo",
-        "config": "Config",
+        "config": "Configuração",
         "configValidationMsg": "Caminho para o arquivo de configuração do seu modelo.",
         "modelLocation": "Localização do modelo",
         "modelLocationValidationMsg": "Caminho para onde seu modelo está localizado.",
@@ -317,7 +336,52 @@
         "deleteModel": "Excluir modelo",
         "deleteConfig": "Excluir Config",
         "deleteMsg1": "Tem certeza de que deseja excluir esta entrada do modelo de InvokeAI?",
-        "deleteMsg2": "Isso não vai excluir o arquivo de modelo checkpoint do seu disco. Você pode lê-los, se desejar."
+        "deleteMsg2": "Isso não vai excluir o arquivo de modelo checkpoint do seu disco. Você pode lê-los, se desejar.",
+        "checkpointModels": "Checkpoints",
+        "diffusersModels": "Diffusers",
+        "safetensorModels": "SafeTensors",
+        "addCheckpointModel": "Adicionar Modelo de Checkpoint/Safetensor",
+        "addDiffuserModel": "Adicionar Diffusers",
+        "repo_id": "Repo ID",
+        "vaeRepoID": "VAE Repo ID",
+        "vaeRepoIDValidationMsg": "Repositório Online do seu VAE",
+        "scanAgain": "Digitalize Novamente",
+        "selectAndAdd": "Selecione e Adicione Modelos Listados Abaixo",
+        "noModelsFound": "Nenhum Modelo Encontrado",
+        "formMessageDiffusersModelLocation": "Localização dos Modelos Diffusers",
+        "formMessageDiffusersModelLocationDesc": "Por favor entre com ao menos um.",
+        "formMessageDiffusersVAELocation": "Localização do VAE",
+        "formMessageDiffusersVAELocationDesc": "Se não provido, InvokeAI irá procurar pelo arquivo VAE dentro do local do modelo.",
+        "convertToDiffusers": "Converter para Diffusers",
+        "convertToDiffusersHelpText1": "Este modelo será convertido para o formato 🧨 Diffusers.",
+        "convertToDiffusersHelpText5": "Por favor, certifique-se de que você tenha espaço suficiente em disco. Os modelos geralmente variam entre 4GB e 7GB de tamanho.",
+        "convertToDiffusersHelpText6": "Você deseja converter este modelo?",
+        "convertToDiffusersSaveLocation": "Local para Salvar",
+        "v1": "v1",
+        "v2": "v2",
+        "inpainting": "v1 Inpainting",
+        "customConfig": "Configuração personalizada",
+        "pathToCustomConfig": "Caminho para configuração personalizada",
+        "convertToDiffusersHelpText3": "Seu arquivo de ponto de verificação no disco NÃO será excluído ou modificado de forma alguma. Você pode adicionar seu ponto de verificação ao Gerenciador de modelos novamente, se desejar.",
+        "convertToDiffusersHelpText4": "Este é um processo único. Pode levar cerca de 30 a 60s, dependendo das especificações do seu computador.",
+        "merge": "Mesclar",
+        "modelsMerged": "Modelos mesclados",
+        "mergeModels": "Mesclar modelos",
+        "modelOne": "Modelo 1",
+        "modelTwo": "Modelo 2",
+        "modelThree": "Modelo 3",
+        "statusConverting": "Convertendo",
+        "modelConverted": "Modelo Convertido",
+        "sameFolder": "Mesma pasta",
+        "invokeRoot": "Pasta do InvokeAI",
+        "custom": "Personalizado",
+        "customSaveLocation": "Local de salvamento personalizado",
+        "mergedModelName": "Nome do modelo mesclado",
+        "alpha": "Alpha",
+        "allModels": "Todos os Modelos",
+        "repoIDValidationMsg": "Repositório Online do seu Modelo",
+        "convert": "Converter",
+        "convertToDiffusersHelpText2": "Este processo irá substituir sua entrada de Gerenciador de Modelos por uma versão Diffusers do mesmo modelo."
     },
     "parameters": {
         "images": "Imagems",
@@ -442,14 +506,14 @@
         "move": "Mover",
         "resetView": "Resetar Visualização",
         "mergeVisible": "Fundir Visível",
-        "saveToGallery": "Save To Gallery",
+        "saveToGallery": "Salvar na Galeria",
         "copyToClipboard": "Copiar para a Área de Transferência",
         "downloadAsImage": "Baixar Como Imagem",
         "undo": "Desfazer",
         "redo": "Refazer",
         "clearCanvas": "Limpar Tela",
         "canvasSettings": "Configurações de Tela",
-        "showIntermediates": "Show Intermediates",
+        "showIntermediates": "Mostrar Intermediários",
         "showGrid": "Mostrar Grade",
         "snapToGrid": "Encaixar na Grade",
         "darkenOutsideSelection": "Escurecer Seleção Externa",

invokeai/frontend/web/index.html

@@ -5,9 +5,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>InvokeAI - A Stable Diffusion Toolkit</title>
     <link rel="shortcut icon" type="icon" href="favicon.ico" />
+    <style>
+      html,
+      body {
+        padding: 0;
+        margin: 0;
+      }
+    </style>
   </head>
 
-  <body>
+  <body dir="ltr">
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>

invokeai/frontend/web/package.json

@@ -5,28 +5,44 @@
   "scripts": {
     "prepare": "cd ../../../ && husky install invokeai/frontend/web/.husky",
     "dev": "vite dev",
-    "build": "tsc && vite build",
+    "build": "npm run lint && vite build",
     "preview": "vite preview",
-    "madge": "madge --circular src/main.tsx",
+    "lint:madge": "madge --circular src/main.tsx",
-    "lint": "eslint --fix .",
+    "lint:eslint": "eslint --max-warnings=0",
+    "lint:prettier": "prettier --check .",
+    "lint:tsc": "tsc --noEmit",
+    "lint": "npm run lint:eslint && npm run lint:prettier && npm run lint:tsc && npm run lint:madge",
+    "fix": "eslint --fix . && prettier --loglevel warn --write . && tsc --noEmit",
     "lint-staged": "lint-staged",
-    "prettier": "prettier *.{json,js,ts,html} public/locales/*.json src/**/*.{ts,tsx,scss} --write --loglevel warn .",
+    "postinstall": "patch-package && yarn run theme",
-    "fmt": "npm run prettier -- --write",
+    "theme": "chakra-cli tokens src/theme/theme.ts",
-    "postinstall": "patch-package"
+    "theme:watch": "chakra-cli tokens src/theme/theme.ts --watch"
+  },
+  "madge": {
+    "detectiveOptions": {
+      "ts": {
+        "skipTypeImports": true
+      },
+      "tsx": {
+        "skipTypeImports": true
+      }
+    }
+  },
+  "lint-staged": {
+    "**/*.{js,jsx,ts,tsx,cjs,json,html,scss}": [
+      "prettier --write",
+      "eslint --fix"
+    ]
   },
   "dependencies": {
+    "@chakra-ui/anatomy": "^2.1.1",
     "@chakra-ui/icons": "^2.0.17",
     "@chakra-ui/react": "^2.5.1",
-    "@emotion/cache": "^11.10.5",
+    "@chakra-ui/theme-tools": "^2.0.16",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
-    "@radix-ui/react-context-menu": "^2.1.1",
-    "@radix-ui/react-slider": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.0.3",
     "@reduxjs/toolkit": "^1.9.2",
-    "@types/uuid": "^9.0.0",
+    "chakra-ui-contextmenu": "^1.0.5",
-    "@vitejs/plugin-react-swc": "^3.2.0",
-    "add": "^2.0.6",
     "dateformat": "^5.0.3",
     "formik": "^2.2.9",
     "framer-motion": "^9.0.4",
@@ -50,19 +66,21 @@
     "react-zoom-pan-pinch": "^2.6.1",
     "redux-deep-persist": "^1.0.7",
     "redux-persist": "^6.0.0",
-    "socket.io": "^4.6.0",
     "socket.io-client": "^4.6.0",
     "use-image": "^1.1.0",
-    "uuid": "^9.0.0",
+    "uuid": "^9.0.0"
-    "yarn": "^1.22.19"
   },
   "devDependencies": {
+    "@chakra-ui/cli": "^2.3.0",
+    "@fontsource/inter": "^4.5.15",
     "@types/dateformat": "^5.0.0",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@types/react-transition-group": "^4.4.5",
+    "@types/uuid": "^9.0.0",
     "@typescript-eslint/eslint-plugin": "^5.52.0",
     "@typescript-eslint/parser": "^5.52.0",
+    "@vitejs/plugin-react-swc": "^3.2.0",
     "babel-plugin-transform-imports": "^2.0.0",
     "eslint": "^8.34.0",
     "eslint-config-prettier": "^8.6.0",
@@ -76,26 +94,10 @@
     "postinstall-postinstall": "^2.1.0",
     "prettier": "^2.8.4",
     "rollup-plugin-visualizer": "^5.9.0",
-    "sass": "^1.58.3",
     "terser": "^5.16.4",
     "vite": "^4.1.2",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-tsconfig-paths": "^4.0.5"
+    "vite-tsconfig-paths": "^4.0.5",
-  },
+    "yarn": "^1.22.19"
-  "madge": {
-    "detectiveOptions": {
-      "ts": {
-        "skipTypeImports": true
-      },
-      "tsx": {
-        "skipTypeImports": true
-      }
-    }
-  },
-  "lint-staged": {
-    "**/*.{js,jsx,ts,tsx,cjs,json,html,scss}": [
-      "npm run prettier",
-      "npm run lint"
-    ]
   }
 }

invokeai/frontend/web/patches/@chakra-ui+cli+2.3.0.patch

@@ -0,0 +1,14 @@
+diff --git a/node_modules/@chakra-ui/cli/dist/scripts/read-theme-file.worker.js b/node_modules/@chakra-ui/cli/dist/scripts/read-theme-file.worker.js
+index 937cf0d..7dcc0c0 100644
+--- a/node_modules/@chakra-ui/cli/dist/scripts/read-theme-file.worker.js
++++ b/node_modules/@chakra-ui/cli/dist/scripts/read-theme-file.worker.js
+@@ -50,7 +50,8 @@ async function readTheme(themeFilePath) {
+       project: tsConfig.configFileAbsolutePath,
+       compilerOptions: {
+         module: "CommonJS",
+-        esModuleInterop: true
++        esModuleInterop: true,
++        jsx: 'react'
+       },
+       transpileOnly: true,
+       swc: true

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

@@ -10,14 +10,18 @@
         "darkTheme": "Dark",
         "lightTheme": "Light",
         "greenTheme": "Green",
+        "oceanTheme": "Ocean",
         "langArabic": "العربية",
         "langEnglish": "English",
         "langDutch": "Nederlands",
         "langFrench": "Français",
         "langGerman": "Deutsch",
+        "langHebrew": "עברית",
         "langItalian": "Italiano",
         "langJapanese": "日本語",
+        "langKorean": "한국어",
         "langPolish": "Polski",
+        "langPortuguese": "Português",
         "langBrPortuguese": "Português do Brasil",
         "langRussian": "Русский",
         "langSimplifiedChinese": "简体中文",
@@ -63,7 +67,10 @@
         "statusConvertingModel": "Converting Model",
         "statusModelConverted": "Model Converted",
         "statusMergingModels": "Merging Models",
-        "statusMergedModels": "Models Merged"
+        "statusMergedModels": "Models Merged",
+        "pinOptionsPanel": "Pin Options Panel",
+        "loading": "Loading",
+        "loadingInvokeAI": "Loading Invoke AI"
     },
     "gallery": {
         "generations": "Generations",
@@ -82,7 +89,7 @@
         "noImagesInGallery": "No Images In Gallery"
     },
     "hotkeys": {
-        "keyboardShortcuts": "Keyboard Shorcuts",
+        "keyboardShortcuts": "Keyboard Shortcuts",
         "appHotkeys": "App Hotkeys",
         "generalHotkeys": "General Hotkeys",
         "galleryHotkeys": "Gallery Hotkeys",
@@ -387,13 +394,16 @@
         "mergedModelCustomSaveLocation": "Custom Path",
         "invokeAIFolder": "Invoke AI Folder",
         "ignoreMismatch": "Ignore Mismatches Between Selected Models",
-        "modelMergeHeaderHelp1": "You can merge upto three different models to create a blend that suits your needs.",
+        "modelMergeHeaderHelp1": "You can merge up to three different models to create a blend that suits your needs.",
         "modelMergeHeaderHelp2": "Only Diffusers are available for merging. If you want to merge a checkpoint model, please convert it to Diffusers first.",
         "modelMergeAlphaHelp": "Alpha controls blend strength for the models. Lower alpha values lead to lower influence of the second model.",
         "modelMergeInterpAddDifferenceHelp": "In this mode, Model 3 is first subtracted from Model 2. The resulting version is blended with Model 1 with the alpha rate set above.",
         "inverseSigmoid": "Inverse Sigmoid",
         "sigmoid": "Sigmoid",
-        "weightedSum": "Weighted Sum"
+        "weightedSum": "Weighted Sum",
+        "none": "none",
+        "addDifference": "Add Difference",
+        "pickModelType": "Pick Model Type"
     },
     "parameters": {
         "general": "General",

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

@@ -43,7 +43,27 @@
         "statusUpscaling": "Opschaling",
         "statusUpscalingESRGAN": "Opschaling (ESRGAN)",
         "statusLoadingModel": "Laden van model",
-        "statusModelChanged": "Model gewijzigd"
+        "statusModelChanged": "Model gewijzigd",
+        "githubLabel": "Github",
+        "discordLabel": "Discord",
+        "langArabic": "Arabisch",
+        "langEnglish": "Engels",
+        "langFrench": "Frans",
+        "langGerman": "Duits",
+        "langItalian": "Italiaans",
+        "langJapanese": "Japans",
+        "langPolish": "Pools",
+        "langBrPortuguese": "Portugees (Brazilië)",
+        "langRussian": "Russisch",
+        "langSimplifiedChinese": "Chinees (vereenvoudigd)",
+        "langUkranian": "Oekraïens",
+        "langSpanish": "Spaans",
+        "training": "Training",
+        "back": "Terug",
+        "statusConvertingModel": "Omzetten van model",
+        "statusModelConverted": "Model omgezet",
+        "statusMergingModels": "Samenvoegen van modellen",
+        "statusMergedModels": "Modellen samengevoegd"
     },
     "gallery": {
         "generations": "Gegenereerde afbeeldingen",
@@ -282,7 +302,7 @@
         "name": "Naam",
         "nameValidationMsg": "Geef een naam voor je model",
         "description": "Beschrijving",
-        "descriptionValidationMsg": "Voeg een beschrijving toe voor je model.",
+        "descriptionValidationMsg": "Voeg een beschrijving toe voor je model",
         "config": "Configuratie",
         "configValidationMsg": "Pad naar het configuratiebestand van je model.",
         "modelLocation": "Locatie model",
@@ -319,7 +339,61 @@
         "deleteModel": "Verwijder model",
         "deleteConfig": "Verwijder configuratie",
         "deleteMsg1": "Weet je zeker dat je deze modelregel wilt verwijderen uit InvokeAI?",
-        "deleteMsg2": "Hiermee wordt het checkpointbestand niet van je schijf verwijderd. Je kunt deze opnieuw toevoegen als je dat wilt."
+        "deleteMsg2": "Hiermee wordt het checkpointbestand niet van je schijf verwijderd. Je kunt deze opnieuw toevoegen als je dat wilt.",
+        "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 NIET worden verwijderd of gewijzigd. Je kunt je Checkpoint opnieuw toevoegen aan Modelonderhoud als je dat wilt.",
+        "convertToDiffusersHelpText6": "Wil je dit model omzetten?",
+        "allModels": "Alle modellen",
+        "checkpointModels": "Checkpoints",
+        "safetensorModels": "SafeTensors",
+        "addCheckpointModel": "Voeg Checkpoint-/SafeTensor-model toe",
+        "addDiffuserModel": "Voeg Diffusers-model toe",
+        "diffusersModels": "Diffusers",
+        "repo_id": "Repo-id",
+        "vaeRepoID": "Repo-id VAE",
+        "vaeRepoIDValidationMsg": "Online repository van je VAE",
+        "formMessageDiffusersModelLocationDesc": "Voer er minimaal een in.",
+        "formMessageDiffusersVAELocation": "Locatie VAE",
+        "convert": "Omzetten",
+        "convertToDiffusers": "Omzetten naar Diffusers",
+        "convertToDiffusersHelpText1": "Dit model wordt omgezet naar de🧨 Diffusers-indeling.",
+        "convertToDiffusersHelpText2": "Dit proces vervangt het onderdeel in Modelonderhoud met de Diffusers-versie van hetzelfde model.",
+        "convertToDiffusersHelpText4": "Dit is een eenmalig proces. Dit neemt ongeveer 30 tot 60 sec. in beslag, afhankelijk van de specificaties van je computer.",
+        "convertToDiffusersHelpText5": "Zorg ervoor dat je genoeg schijfruimte hebt. Modellen nemen gewoonlijk ongeveer 4 - 7 GB ruimte in beslag.",
+        "convertToDiffusersSaveLocation": "Bewaarlocatie",
+        "v1": "v1",
+        "v2": "v2",
+        "inpainting": "v1-inpainting",
+        "customConfig": "Eigen configuratie",
+        "pathToCustomConfig": "Pad naar eigen configuratie",
+        "statusConverting": "Omzetten",
+        "modelConverted": "Model omgezet",
+        "sameFolder": "Dezelfde map",
+        "invokeRoot": "InvokeAI-map",
+        "custom": "Eigen",
+        "customSaveLocation": "Eigen bewaarlocatie",
+        "merge": "Samenvoegen",
+        "modelsMerged": "Modellen samengevoegd",
+        "mergeModels": "Voeg modellen samen",
+        "modelOne": "Model 1",
+        "modelTwo": "Model 2",
+        "modelThree": "Model 3",
+        "mergedModelName": "Samengevoegde modelnaam",
+        "alpha": "Alfa",
+        "interpolationType": "Soort interpolatie",
+        "mergedModelSaveLocation": "Bewaarlocatie",
+        "mergedModelCustomSaveLocation": "Eigen pad",
+        "invokeAIFolder": "InvokeAI-map",
+        "ignoreMismatch": "Negeer discrepanties tussen gekozen modellen",
+        "modelMergeHeaderHelp1": "Je kunt tot drie verschillende modellen samenvoegen om een mengvorm te maken die aan je behoeften voldoet.",
+        "modelMergeHeaderHelp2": "Alleen Diffusers kunnen worden samengevoegd. Als je een Checkpointmodel wilt samenvoegen, zet deze eerst om naar Diffusers.",
+        "modelMergeAlphaHelp": "Alfa stuurt de mengsterkte aan voor de modellen. Lagere alfawaarden leiden tot een kleinere invloed op het tweede model.",
+        "modelMergeInterpAddDifferenceHelp": "In deze stand wordt model 3 eerst van model 2 afgehaald. Wat daar uitkomt wordt gemengd met model 1, gebruikmakend van de hierboven ingestelde alfawaarde.",
+        "inverseSigmoid": "Keer Sigmoid om",
+        "sigmoid": "Sigmoid",
+        "weightedSum": "Gewogen som"
     },
     "parameters": {
         "images": "Afbeeldingen",
@@ -379,7 +453,22 @@
         "info": "Info",
         "deleteImage": "Verwijder afbeelding",
         "initialImage": "Initiële afbeelding",
-        "showOptionsPanel": "Toon deelscherm Opties"
+        "showOptionsPanel": "Toon deelscherm Opties",
+        "symmetry": "Symmetrie",
+        "hSymmetryStep": "Stap horiz. symmetrie",
+        "vSymmetryStep": "Stap vert. symmetrie",
+        "cancel": {
+            "immediate": "Annuleer direct",
+            "isScheduled": "Annuleren",
+            "setType": "Stel annuleervorm in",
+            "schedule": "Annuleer na huidige iteratie"
+        },
+        "negativePrompts": "Negatieve invoer",
+        "general": "Algemeen",
+        "copyImage": "Kopieer afbeelding",
+        "imageToImage": "Afbeelding naar afbeelding",
+        "denoisingStrength": "Sterkte ontruisen",
+        "hiresStrength": "Sterkte hogere resolutie"
     },
     "settings": {
         "models": "Modellen",
@@ -392,7 +481,8 @@
         "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. Vernieuw de pasgina om opnieuw te laden."
+        "resetComplete": "Webgebruikersinterface is hersteld. Vernieuw de pasgina om opnieuw te laden.",
+        "useSlidersForAll": "Gebruik schuifbalken voor alle opties"
     },
     "toast": {
         "tempFoldersEmptied": "Tijdelijke map geleegd",

invokeai/frontend/web/public/locales/zh_Hant.json

@@ -0,0 +1 @@
+{}

invokeai/frontend/web/src/Loading.tsx

@@ -1,20 +1,37 @@
-import { Flex, Spinner } from '@chakra-ui/react';
+import { Flex, Spinner, Text } from '@chakra-ui/react';
+import { useTranslation } from 'react-i18next';
+
+interface LoaderProps {
+  showText?: boolean;
+  text?: string;
+}
+
+// This component loads before the theme so we cannot use theme tokens here
+
+const Loading = (props: LoaderProps) => {
+  const { t } = useTranslation();
+  const { showText = false, text = t('common.loadingInvokeAI') } = props;
 
-const Loading = () => {
   return (
     <Flex
       width="100vw"
       height="100vh"
       alignItems="center"
       justifyContent="center"
+      bg="#121212"
+      flexDirection="column"
+      rowGap={4}
     >
-      <Spinner
+      <Spinner color="grey" w="5rem" h="5rem" />
-        thickness="2px"
+      {showText && (
-        speed="1s"
+        <Text
-        emptyColor="gray.200"
+          color="grey"
-        color="gray.400"
+          fontWeight="semibold"
-        size="xl"
+          fontFamily="'Inter', sans-serif"
-      />
+        >
+          {text}
+        </Text>
+      )}
     </Flex>
   );
 };