From ee33cc96d986a1b621b364b8c5541beb7abe2d42 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Mon, 5 Dec 2022 14:34:10 -0500
Subject: [PATCH] Update listing-active-helm-repositories-in-preferences
 snapshots

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 ...m-repositories-in-preferences.test.ts.snap | 1032 +++++++++++++----
 1 file changed, 832 insertions(+), 200 deletions(-)

diff --git a/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
index e16f610722..f3b99b6a50 100644
--- a/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
+++ b/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
@@ -195,6 +195,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -215,7 +216,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -228,31 +229,28 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -267,7 +265,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -305,7 +303,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -313,7 +311,6 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -344,7 +341,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -352,6 +349,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -396,13 +394,11 @@ exports[`listing active helm repositories in preferences when navigating to pref
                        
                     </div>
                     <div
-                      class="notice mt-3"
+                      class="loading-spinner"
                     >
                       <div
-                        class="flex-grow text-center"
-                      >
-                        No files and folders have been synced yet
-                      </div>
+                        class="Spinner singleColor"
+                      />
                     </div>
                   </section>
                 </div>
@@ -586,50 +582,92 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
-          />
+          >
+            <div
+              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
+              data-rbd-draggable-id="some-mock-rbd-draggable-id"
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -654,7 +692,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -886,6 +924,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -906,7 +945,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -919,31 +958,28 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -958,7 +994,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -996,7 +1032,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1004,7 +1040,6 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -1035,7 +1070,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1043,6 +1078,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -1086,13 +1122,39 @@ exports[`listing active helm repositories in preferences when navigating to pref
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -1277,50 +1339,92 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
-          />
+          >
+            <div
+              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
+              data-rbd-draggable-id="some-mock-rbd-draggable-id"
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -1345,7 +1449,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -1577,6 +1681,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -1597,7 +1702,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -1610,31 +1715,28 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -1649,7 +1751,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -1687,7 +1789,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1695,7 +1797,6 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -1726,7 +1827,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -1734,6 +1835,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -1777,13 +1879,39 @@ exports[`listing active helm repositories in preferences when navigating to pref
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -1860,50 +1988,92 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
-          />
+          >
+            <div
+              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
+              data-rbd-draggable-id="some-mock-rbd-draggable-id"
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -1928,7 +2098,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -2160,6 +2330,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -2180,7 +2351,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -2193,31 +2364,28 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -2232,7 +2400,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -2270,7 +2438,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -2278,7 +2446,6 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -2309,7 +2476,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -2317,6 +2484,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -2360,13 +2528,39 @@ exports[`listing active helm repositories in preferences when navigating to pref
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -2551,50 +2745,92 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
-          />
+          >
+            <div
+              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
+              data-rbd-draggable-id="some-mock-rbd-draggable-id"
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -2619,7 +2855,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -2851,6 +3087,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -2871,7 +3108,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -2884,31 +3121,28 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -2923,7 +3157,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -2961,7 +3195,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -2969,7 +3203,6 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -3000,7 +3233,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -3008,6 +3241,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -3051,13 +3285,39 @@ exports[`listing active helm repositories in preferences when navigating to pref
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -3134,50 +3394,92 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
-          />
+          >
+            <div
+              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
+              data-rbd-draggable-id="some-mock-rbd-draggable-id"
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -3202,7 +3504,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -3434,6 +3736,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -3454,7 +3757,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -3467,31 +3770,28 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -3506,7 +3806,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -3544,7 +3844,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -3552,7 +3852,6 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -3583,7 +3882,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -3591,6 +3890,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -3634,13 +3934,39 @@ exports[`listing active helm repositories in preferences when navigating to pref
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -3825,50 +4151,92 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
-          />
+          >
+            <div
+              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
+              data-rbd-draggable-id="some-mock-rbd-draggable-id"
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -3893,7 +4261,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -4125,6 +4493,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -4145,7 +4514,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -4158,31 +4527,28 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -4197,7 +4563,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -4235,7 +4601,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -4243,7 +4609,6 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -4274,7 +4639,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -4282,6 +4647,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -4325,13 +4691,39 @@ exports[`listing active helm repositories in preferences when navigating to pref
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -4561,50 +4953,92 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
-          />
+          >
+            <div
+              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
+              data-rbd-draggable-id="some-mock-rbd-draggable-id"
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -4629,7 +5063,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -4861,6 +5295,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -4881,7 +5316,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -4894,31 +5329,28 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -4933,7 +5365,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -4971,7 +5403,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -4979,7 +5411,6 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -5010,7 +5441,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -5018,6 +5449,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -5061,13 +5493,39 @@ exports[`listing active helm repositories in preferences when navigating to pref
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -5144,50 +5602,92 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
-          />
+          >
+            <div
+              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
+              data-rbd-draggable-id="some-mock-rbd-draggable-id"
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -5212,7 +5712,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -5444,6 +5944,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -5464,7 +5965,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -5477,31 +5978,28 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -5516,7 +6014,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -5554,7 +6052,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -5562,7 +6060,6 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -5593,7 +6090,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -5601,6 +6098,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -5644,13 +6142,39 @@ exports[`listing active helm repositories in preferences when navigating to pref
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -5727,50 +6251,92 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
-          />
+          >
+            <div
+              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
+              data-rbd-draggable-id="some-mock-rbd-draggable-id"
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -5795,7 +6361,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i
@@ -6027,6 +6593,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                         >
                           Download kubectl binaries matching the Kubernetes cluster version
                           <input
+                            checked=""
                             role="switch"
                             type="checkbox"
                           />
@@ -6047,7 +6614,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Select theme-lens Select--is-disabled css-3iigni-container"
+                          class="Select theme-lens css-b62m3t-container"
                         >
                           <span
                             class="css-1f43avz-a11yText-A11yText"
@@ -6060,31 +6627,28 @@ exports[`listing active helm repositories in preferences when navigating to pref
                             class="css-1f43avz-a11yText-A11yText"
                           />
                           <div
-                            class="Select__control Select__control--is-disabled css-16xfy0z-control"
+                            class="Select__control css-13cymwt-control"
                           >
                             <div
-                              class="Select__value-container css-1fdsijx-ValueContainer"
+                              class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                             >
                               <div
-                                class="Select__placeholder css-1jqq78o-placeholder"
-                                id="react-select-download-mirror-input-placeholder"
+                                class="Select__single-value css-1dimb5e-singleValue"
                               >
-                                Download mirror for kubectl
+                                Default (Google)
                               </div>
                               <div
-                                class="Select__input-container css-1h01tm3-Input"
+                                class="Select__input-container css-qbdosj-Input"
                                 data-value=""
                               >
                                 <input
                                   aria-autocomplete="list"
-                                  aria-describedby="react-select-download-mirror-input-placeholder"
                                   aria-expanded="false"
                                   aria-haspopup="true"
                                   autocapitalize="none"
                                   autocomplete="off"
                                   autocorrect="off"
                                   class="Select__input"
-                                  disabled=""
                                   id="download-mirror-input"
                                   role="combobox"
                                   spellcheck="false"
@@ -6099,7 +6663,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                               class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                             >
                               <span
-                                class="Select__indicator-separator css-894a34-indicatorSeparator"
+                                class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                               />
                               <div
                                 aria-hidden="true"
@@ -6137,7 +6701,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black disabled"
+                          class="Input theme round black"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -6145,7 +6709,6 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
-                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries"
                               spellcheck="false"
                               value=""
@@ -6176,7 +6739,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                            
                         </div>
                         <div
-                          class="Input theme round black"
+                          class="Input theme round black disabled"
                         >
                           <label
                             class="input-area flex gaps align-center"
@@ -6184,6 +6747,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
                           >
                             <input
                               class="input box grow"
+                              disabled=""
                               placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
                               spellcheck="false"
                               value=""
@@ -6227,13 +6791,39 @@ exports[`listing active helm repositories in preferences when navigating to pref
                       Synced Items
                        
                     </div>
-                    <div
-                      class="notice mt-3"
-                    >
+                    <div>
                       <div
-                        class="flex-grow text-center"
+                        class="item flex gaps align-center justify-space-between mt-3"
                       >
-                        No files and folders have been synced yet
+                        <i
+                          class="Icon material focusable"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="folder"
+                          >
+                            folder
+                          </span>
+                        </i>
+                        <div
+                          class="flex-grow break-all"
+                        >
+                          /Users/sebastianmalton/.kube
+                        </div>
+                        <i
+                          class="Icon material interactive focusable"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="delete"
+                          >
+                            delete
+                          </span>
+                        </i>
+                        <div>
+                          Remove
+                        </div>
                       </div>
                     </div>
                   </section>
@@ -6310,50 +6900,92 @@ exports[`listing active helm repositories in preferences when navigating to pref
         >
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="0"
-          />
+          >
+            <div
+              data-rbd-draggable-context-id="some-mock-rbd-draggable-context-id"
+              data-rbd-draggable-id="some-mock-rbd-draggable-id"
+              style="z-index: 12; position: absolute;"
+            >
+              <div
+                class="HotbarIcon contextMenuAvailable"
+              >
+                <div
+                  class="Avatar rounded disabled avatar"
+                  id="hotbarIcon-hotbar-icon-catalog-entity"
+                  style="width: 40px; height: 40px; background: rgb(5, 1, 130);"
+                >
+                  Ca
+                </div>
+              </div>
+            </div>
+          </div>
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="1"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="2"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="3"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="4"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="5"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="6"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="7"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="8"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="9"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="10"
           />
           <div
             class="HotbarCell isDraggingOwner animateDown"
+            data-rbd-droppable-context-id="some-mock-rbd-droppable-context-id"
+            data-rbd-droppable-id="some-mock-rbd-droppable-id"
             index="11"
           />
         </div>
@@ -6378,7 +7010,7 @@ exports[`listing active helm repositories in preferences when navigating to pref
               class="badge Badge small clickable"
               id="hotbarIndex"
             >
-              0
+              1
             </div>
           </div>
           <i