feat(webui): press shift and click close to reload a column

webui/src/components/BrowseColumn.svelte

@@ -14,6 +14,8 @@
   export let only: boolean;
   export let background = "var(--background-lighter)";
   export let forceDetail = false;
+  let shifted = false;
+  let key = Math.random();
 
   let detail = only || forceDetail;
   let detailChanged = false;
@@ -62,12 +64,17 @@
     window.addEventListener("mousemove", onMouseMove);
     window.addEventListener("mouseup", onMouseUp);
   }
+
+  function reload() {
+    key = Math.random();
+  }
 </script>
 
 <div
   class="browse-column"
   class:detail
   style="--background-color: {background}"
+  on:mousemove={(ev) => (shifted = ev.shiftKey)}
 >
   <div class="view" style="--width: {width}px">
     <header>
@@ -98,15 +105,21 @@
           Combine
         </IconButton>
       {/if}
-      <IconButton
-        name="x-circle"
-        on:click={() => dispatch("close")}
-        disabled={only}
-      >
-        Close
-      </IconButton>
+      {#if !shifted}
+        <IconButton
+          name="x-circle"
+          on:click={() => dispatch("close")}
+          disabled={only}
+        >
+          Close
+        </IconButton>
+      {:else}
+        <IconButton name="refresh" on:click={() => reload()}>Reload</IconButton>
+      {/if}
     </header>
-    <slot {detail} />
+    {#key key}
+      <slot {detail} />
+    {/key}
   </div>
   <div class="resizeHandle" on:mousedown|preventDefault={drag} />
 </div>