feat: localize missing strings for button title

Author: devvaannsh

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -2291,7 +2291,7 @@ function RemoteFunctions(config = {}) {
 
                     .search-wrapper {
                         position: relative;
-                        margin-right: 2px;
+                        margin-right: 6px;
                     }
 
                     .search-wrapper input {
@@ -2329,7 +2329,7 @@ function RemoteFunctions(config = {}) {
                         color: #a0a0a0;
                         border: none;
                         border-radius: 3px;
-                        padding: 4px 8px;
+                        padding: 4px 8px 4px 3px;
                         font-size: 12px;
                         cursor: pointer;
                     }
@@ -2600,7 +2600,7 @@ function RemoteFunctions(config = {}) {
 
                         <div class="phoenix-image-gallery-search-container">
                           <div class="search-wrapper">
-                            <button class="search-icon">${ICONS.search}</button>
+                            <button class="search-icon" title="${config.strings.imageGallerySearchButton}">${ICONS.search}</button>
                             <input
                               type="text"
                               placeholder="${config.strings.imageGallerySearchPlaceholder}"
@@ -2609,16 +2609,16 @@ function RemoteFunctions(config = {}) {
                         </div>
 
                         <div class='phoenix-image-gallery-upload-container'>
-                            <button>${ICONS.selectImageFromComputer} Upload</button>
+                            <button title="${config.strings.imageGallerySelectFromComputer}">${ICONS.selectImageFromComputer} ${config.strings.imageGalleryUpload}</button>
                             <input type="file" class="phoenix-file-input" accept="image/*" style="display: none;">
                         </div>
 
                         <div class='phoenix-image-gallery-right-buttons'>
-                            <button class='phoenix-image-gallery-download-folder-button'>
+                            <button class='phoenix-image-gallery-download-folder-button' title="${config.strings.imageGallerySelectDownloadFolder}">
                                 ${ICONS.folderSettings}
                             </button>
 
-                            <button class='phoenix-image-gallery-close-button'>
+                            <button class='phoenix-image-gallery-close-button' title="${config.strings.imageGalleryClose}">
                                 ${ICONS.close}
                             </button>
                         </div>
@@ -3020,7 +3020,7 @@ function RemoteFunctions(config = {}) {
 
                 const img = window.document.createElement('img');
                 img.src = image.thumb_url || image.url;
-                img.alt = image.alt_text || 'Unsplash image';
+                img.alt = image.alt_text || '';
                 img.loading = 'lazy';
 
                 // show hovered image along with dimensions

src/LiveDevelopment/main.js

@@ -90,7 +90,8 @@ define(function main(require, exports, module) {
             imageGalleryLoadingMore: Strings.LIVE_DEV_IMAGE_GALLERY_LOADING_MORE,
             imageGalleryNoImages: Strings.LIVE_DEV_IMAGE_GALLERY_NO_IMAGES,
             imageGalleryLoadError: Strings.LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR,
-            imageGalleryClose: Strings.LIVE_DEV_IMAGE_GALLERY_CLOSE
+            imageGalleryClose: Strings.LIVE_DEV_IMAGE_GALLERY_CLOSE,
+            imageGalleryUpload: Strings.LIVE_DEV_IMAGE_GALLERY_UPLOAD
         }
     };
     // Status labels/styles are ordered: error, not connected, progress1, progress2, connected.

src/nls/root/strings.js

@@ -191,7 +191,7 @@ define({
     "LIVE_DEV_MORE_OPTIONS_AI": "Edit with AI",
     "LIVE_DEV_MORE_OPTIONS_IMAGE_GALLERY": "Image Gallery",
     "LIVE_DEV_IMAGE_GALLERY_USE_IMAGE": "Use this image",
-    "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Select image from computer",
+    "LIVE_DEV_IMAGE_GALLERY_SELECT_FROM_COMPUTER": "Upload image from computer",
     "LIVE_DEV_IMAGE_GALLERY_SELECT_DOWNLOAD_FOLDER": "Choose image download folder",
     "LIVE_DEV_IMAGE_GALLERY_SEARCH_PLACEHOLDER": "Search images\u2026",
     "LIVE_DEV_IMAGE_GALLERY_SEARCH_BUTTON": "Search",
@@ -200,6 +200,7 @@ define({
     "LIVE_DEV_IMAGE_GALLERY_NO_IMAGES": "No images found",
     "LIVE_DEV_IMAGE_GALLERY_LOAD_ERROR": "Failed to load images",
     "LIVE_DEV_IMAGE_GALLERY_CLOSE": "Close",
+    "LIVE_DEV_IMAGE_GALLERY_UPLOAD": "Upload",
     "LIVE_DEV_IMAGE_FOLDER_DIALOG_TITLE": "Select Folder to Save Image",
     "LIVE_DEV_IMAGE_FOLDER_DIALOG_DESCRIPTION": "Choose where to download the image:",
     "LIVE_DEV_IMAGE_FOLDER_DIALOG_PLACEHOLDER": "Type folder path (e.g., assets/images/)",