Add missing translation keys and provide initial translation

WebUI/.prettierignore

@@ -0,0 +1 @@
+src/auto-import.d.ts

WebUI/src/App.vue

@@ -53,7 +53,11 @@
     v-show="globalSetup.loadingState === 'verifyBackend'"
     class="flex-auto flex items-center justify-center"
   >
-    <loading-bar :text="'Verifying backends'" class="w-3/5" style="word-spacing: 8px"></loading-bar>
+    <loading-bar
+      :text="languages.LOADING_VERIFYING_BACKENDS"
+      class="w-3/5"
+      style="word-spacing: 8px"
+    ></loading-bar>
   </main>
   <main
     v-show="globalSetup.loadingState === 'manageInstallations'"
@@ -68,7 +72,7 @@
     class="flex-auto flex items-center justify-center"
   >
     <loading-bar
-      :text="'AI Playground Loading'"
+      :text="languages.LOADING_AI_PLAYGROUND_LOADING"
       class="w-3/5"
       style="word-spacing: 8px"
     ></loading-bar>

WebUI/src/assets/css/main.css

@@ -332,12 +332,11 @@ textarea {
   z-index: 99;
 
   .panel-tab {
+    padding: 3px;
     width: 110px;
-    height: 30px;
     font-size: 14px;
     border-radius: 8px;
     border: 1px solid rgba(255, 255, 255, 0.2);
-    line-height: 30px;
 
     &.active {
       background-color: #26272c;

WebUI/src/assets/i18n/en-US.json

@@ -23,6 +23,7 @@
   "COM_RESTART": "Restart",
   "COM_START": "Start",
   "COM_DELETE": "Delete",
+  "COM_LOAD_IMAGE": "Load Image",
   "COM_DOWNLOAD_MODEL": "Downloading model",
   "COM_DOWNLOAD_SPEED": "Download speed",
   "COM_LOADING_MODEL": "Loading AI Model",
@@ -35,7 +36,7 @@
   "COM_DEFAULT": "Default",
   "COM_STOP": "Stop",
   "COM_DEBUG": "Open Developer Logs",
-  "COM_OPEN_LOCATION": "Open Location",
+  "COM_OPEN_LOCATION": "Open in Folder",
   "COM_OPEN_PARAMS": "Parameters Info",
   "COM_LOW": "low",
   "COM_HIGH": "high",
@@ -46,6 +47,9 @@
   "COM_INSTALL_ALL": "Install/Repair all selected",
   "COM_REPAIR": "Repair",
   "COM_CONTINUE": "Continue",
+  "COM_GO_TO_SETUP": "Go to Setup",
+  "COM_LOAD_WORKFLOW_DEFAULTS": "Load workflow defaults",
+  "SETTINGS_THEME": "Theme",
   "SETTINGS_MODEL_IMAGE_RESOLUTION_HD_CONFIRM": "HD Mode can result in slower than normal performance on systems with less than 12 GB of VRAM or 24GB of system memory for Intel Core Ultra PCs",
   "SETTINGS_MODEL_WORKFLOW_COMFYUI_CONFIRM": "The use of the workflow mode requires ComfyUI to be installed. This is an optional component that can be installed in the AI Playground Setup.",
   "SETTINGS_MODEL_WORKFLOW_COMFYUI_DOWNLOADING": "Installation in progress...",
@@ -58,7 +62,7 @@
   "SETTINGS_LLM_BACKEND": "LLM Backend",
   "SETTINGS_MODEL_IMAGE_SIZE": "Image Size",
   "SETTINGS_MODEL_IMAGE_RESOLUTION": "Image Resolution",
-  "SETTINGS_MODEL_IMAGE_RESOLUTION_STRANDARD": "Standard",
+  "SETTINGS_MODEL_IMAGE_RESOLUTION_STANDARD": "Standard",
   "SETTINGS_MODEL_IMAGE_RESOLUTION_HD": "HD",
   "SETTINGS_MODEL_QUALITY": "Generate Quality",
   "SETTINGS_MODEL_QUALITY_STANDARD": "Standard",
@@ -72,7 +76,7 @@
   "SETTINGS_MODEL_GENERATE_NUMBER": "Generate Image Number",
   "SETTINGS_MODEL_LLM_MODEL": "Large Language Model",
   "SETTINGS_MODEL_IMAGE_PREVIEW": "Image Preview",
-  "SETTINGS_MODEL_SAFE_CHECK": "Safe Check(Effect only on SD 1.5)",
+  "SETTINGS_MODEL_SAFE_CHECK": "Safe Check",
   "SETTINGS_MODEL_IMAGE_MODEL": "Image Model",
   "SETTINGS_MODEL_INPAINT_MODEL": "Inpaint/Outpaint Model",
   "SETTINGS_MODEL_IMAGE_WIDTH": "Width",
@@ -100,7 +104,7 @@
   "SETTINGS_MODEL_SD_STANDARD_MODEL": "Standard Default Model",
   "SETTINGS_MODEL_SD_STANDARD_INPAINT_MODEL": "Standard Default Inpaint/OutPaint Model",
   "SETTINGS_MODEL_SD_HD_MODEL": "HD Default Model",
-  "SETTINGS_MODEL_RAG_MODEL": "Rag Query Model",
+  "SETTINGS_MODEL_RAG_MODEL": "RAG Query Model",
   "SETTINGS_BACKEND_STATUS": "Backend Status",
   "SETTINGS_MODEL_MANAGE_BACKEND": "Manage Backend Components",
   "SETTINGS_MODEL_EXIST": "The model already exist. Repeating the download is unnecessary.",
@@ -110,7 +114,7 @@
   "TAB_ENHANCE": "Enhance",
   "TAB_ANSWER": "Answer",
   "TAB_LEARN_MORE": "Learn More",
-  "ENHANCE_INPUT_IMAGE_REQUIRED": "Please set input image before generate",
+  "ENHANCE_INPUT_IMAGE_REQUIRED": "Please set input image before generating",
   "ENHANCE_UPSCALE": "Upscale",
   "ENHANCE_IMAGE_PROMPT": "Image Prompt",
   "ENHANCE_INPAINT": "Inpaint",
@@ -125,19 +129,20 @@
   "ENHANCE_INPAINT_TYPE": "Type",
   "ENHANCE_INPAINT_FILL": "Fill With Something New",
   "ENHANCE_INPAINT_FIX": "Fix and Repair Masked Area",
-  "ENHANCE_INPAINT_MASK_REQUIRED": "Please draw inpaint mask before generate",
+  "ENHANCE_INPAINT_MASK_REQUIRED": "Please draw the inpaint mask before generating",
   "ENHANCE_INPAINT_USE_IMAGE_MODEL": "Use Current Image Model",
-  "ENHANCE_COM_DENOISE": "Influence",
+  "ENHANCE_COM_DENOISE": "Denoise Strength",
   "ENHANCE_OUTPAINT_DIRECTION": "Direction",
   "ENHANCE_PREVIEW_BEFORE_PROCESS": "Before Process",
   "ENHANCE_PREVIEW_AFTER_PROCESS": "After Process",
-  "ENHANCE_IMAGE_PROMPT_TIP": "Describe how you want the image to be stylized. Include descriptions of the original image you want to keep and descriptions of what you want to be different. Adjust the influence slider to increase or decrease the how much influence your prompt has in the outcome",
-  "ENHANCE_INPAINT_TIP": "Use the pen tool to mask an area. Describe in the prompt what you want to Fix or Fill. Select the Fix or Fill option, then adjust the level of influence the prompt has",
-  "ENHANCE_OUTPAINT_TIP": "Select the direction you want to expand, adjust the value of denoise if necessary, and enter a prompt word in the text box. The expanded image will be generated",
-  "ENHANCE_UPSCALE_TIP": "Upload the image that needs to be manipulated, select the amplification factor, adjust the amplitude of denoise (if less than 0.1, the image content will not change, but the size will still upsacle), enter the prompt word in the text box to generate the enlarged image",
+  "ENHANCE_IMAGE_PROMPT_TIP": "Describe how you want the image to be stylized. Include descriptions of the original image you want to keep and descriptions of what you want to be different. Adjust the denoise slider to increase or decrease the how much influence your prompt has in the outcome",
+  "ENHANCE_INPAINT_TIP": "Use the pen tool to mask an area. Describe in the prompt what you want to fix or fill. Select the fix or fill option, then adjust the level of influence the prompt has",
+  "ENHANCE_OUTPAINT_TIP": "Select the direction you want to expand, adjust the strength of the denoise if necessary, and enter a prompt word in the text box. The expanded image will be generated",
+  "ENHANCE_UPSCALE_TIP": "Upload the image that needs to be manipulated, select the amplification factor, adjust the denoise strength (if less than 0.1, the image content will not change, but the size will still upsacle), enter the prompt word in the text box to generate the enlarged image",
   "ERROR_UNSUPPORTED_IMAGE_TYPE": "Only supports PNG, JPG, GIF, and BMP image formats",
   "ANSWER_USER_NAME": "You",
   "ANSWER_AI_NAME": "Playground",
+  "ANSWER_NEW_CONVERSATION": "New Conversation",
   "ANSWER_ERROR_NOT_PROMPT": "Please input prompt",
   "ANSWER_ERROR_CLEAR_SESSION": "Clear Chat History",
   "INCREASE_FONT_SIZE": "Enlarge Text",
@@ -189,7 +194,7 @@
   "ERR_NOT_ENOUGH_DISK_SPACE": "Not enough disk space. It requires {requires_space}, but only {free_space} of free space is available",
   "ERR_DOWNLOAD_FAILED": "Download model file failed",
   "ERROR_RUNTIME_ERROR": "If a critical failure occurs, please restart the program and try again",
-  "ERROR_GENERATE_UNKONW_EXCEPTION": "An unknown error occurred. failed to generate from model",
+  "ERROR_GENERATE_UNKONW_EXCEPTION": "An unknown error occurred. Failed to generate from model",
   "ERROR_FOLDER_NOT_EXISTS": "The specified directory does not exist",
   "ERROR_REPO_NOT_EXISTS": "The specified repository-ID could not be found",
   "ERROR_ALREADY_IN_MODELS": "The specified model is already in the list",
@@ -212,7 +217,7 @@
   "BACKEND_REQUIRED": "Required",
   "BACKEND_OPTIONAL": "Optional",
   "BACKEND_REQUIRED_COMPONENTS_MESSAGE": "Before you can use the Intel AI Playground, we need to download some additional components. Please make sure you have a stable and unmetered internet connection.",
-  "BACKEND_OPTIONAL_COMPONENTS_MESSAGE": "Optional components are not required for AI-Playground to work, but provide alternative functions. If you want to use them please click the info buttons to familiarize yourself with their terms and conditions before activating them.",
+  "BACKEND_OPTIONAL_COMPONENTS_MESSAGE": "Optional components are not required for AI Playground to work, but provide alternative functions. If you want to use them please click the info buttons to familiarize yourself with their terms and conditions before activating them.",
   "BACKEND_TERMS_AND_CONDITIONS": "* I have reviewed the optional component. I agree to all terms and conditions and would like to download and enable third-party software if applicable.",
   "BACKEND_STATUS_RUNNING": "Running",
   "BACKEND_STATUS_STOPPING": "Stopping",
@@ -223,8 +228,19 @@
   "BACKEND_STATUS_FAILED": "Failed",
   "SETTINGS_IMAGE_MODE": "Mode",
   "SETTINGS_IMAGE_WORKFLOW": "Workflow",
+  "SETTINGS_IMAGE_DEFAULT": "Default",
+  "SETTINGS_IMAGE_COMFY_REFERENCE_IMAGE": "Reference Image",
+  "SETTINGS_IMAGE_COMFY_FILENAME_PREFIX": "Filename Prefix",
+  "SETTINGS_IMAGE_COMFY_CANNY_LOW_THRESHOLD": "Canny - Low Threshold",
+  "SETTINGS_IMAGE_COMFY_CANNY_HIGH_THRESHOLD": "Canny - High Threshold",
+  "SETTINGS_IMAGE_COMFY_ACTIVATE_FACESWAP": "Activate FaceSwap",
+  "SETTINGS_IMAGE_COMFY_ORIGINAL_IMAGE": "Original Image",
+  "SETTINGS_IMAGE_COMFY_CONTROLNET_STRENGTH": "ControlNet - Strength",
+  "SETTINGS_IMAGE_COMFY_NEW_FACE_IMAGE": "New Face Image",
   "WORKFLOW_RELOAD_INFO": "Reload workflows from disk.",
   "WORKFLOW_DOWNLOAD_INFO": "Download latest workflows and back up existing workflows.",
   "WORKFLOW_HIGH_VRAM_INFO": "This model requires a lot of VRAM. Reduce the resolution and/or restart the ComfyUI backend when in case you experience a poor performance.",
-  "WORKFLOW_HIGH_VRAM_WARNING": "high VRAM required"
+  "WORKFLOW_HIGH_VRAM_WARNING": "high VRAM required",
+  "LOADING_VERIFYING_BACKENDS": "Verifying backends",
+  "LOADING_AI_PLAYGROUND_LOADING": "AI Playground Loading"
 }