merge v0.23.0-rc changes

ui/src/components/settings/S3Fields.svelte

@@ -19,8 +19,10 @@
 
     let testTimeoutId = null;
     let testDebounceId = null;
+    let maskSecret = false;
 
     $: if (originalConfig?.enabled) {
+        refreshMaskSecret();
         testConnectionWithDebounce(100);
     }
 
@@ -29,6 +31,10 @@
         removeError(configKey);
     }
 
+    function refreshMaskSecret() {
+        maskSecret = !!originalConfig?.accessKey;
+    }
+
     function testConnectionWithDebounce(timeout) {
         isTesting = true;
         clearTimeout(testDebounceId);
@@ -119,7 +125,12 @@
         <div class="col-lg-6">
             <Field class="form-field required" name="{configKey}.secret" let:uniqueId>
                 <label for={uniqueId}>Secret</label>
-                <RedactedPasswordInput id={uniqueId} required bind:value={config.secret} />
+                <RedactedPasswordInput
+                    required
+                    id={uniqueId}
+                    bind:mask={maskSecret}
+                    bind:value={config.secret}
+                />
             </Field>
         </div>
         <div class="col-lg-12">