refresh server summary

packages/web/src/tabs/ServerSummaryTab.svelte

@@ -1,9 +1,28 @@
+<script lang="ts" context="module">
+  const getCurrentEditor = () => getActiveComponent('ServerSummaryTab');
+
+  registerCommand({
+    id: 'serverSummary.refresh',
+    category: 'Server sumnmary',
+    name: 'Refresh',
+    keyText: 'F5 | CtrlOrCommand+R',
+    toolbar: true,
+    isRelatedToTab: true,
+    icon: 'icon reload',
+    onClick: () => getCurrentEditor().refresh(),
+  });
+</script>
+
 <script>
+  import ToolStripCommandButton from '../buttons/ToolStripCommandButton.svelte';
+  import ToolStripContainer from '../buttons/ToolStripContainer.svelte';
+  import registerCommand from '../commands/registerCommand';
   import Link from '../elements/Link.svelte';
   import LoadingInfo from '../elements/LoadingInfo.svelte';
 
   import ObjectListControl from '../elements/ObjectListControl.svelte';
   import { apiCall } from '../utility/api';
+  import createActivator, { getActiveComponent } from '../utility/createActivator';
   import formatFileSize from '../utility/formatFileSize';
   import openNewTab from '../utility/openNewTab';
 
@@ -11,11 +30,17 @@
 
   let refreshToken = 0;
 
+  export const activator = createActivator('ServerSummaryTab', true);
+
+  export function refresh() {
+    refreshToken += 1;
+  }
+
   async function runAction(action, row) {
     const { command, openQuery } = action;
     if (command) {
       await apiCall('server-connections/summary-command', { conid, refreshToken, command, row });
-      refreshToken += 1;
+      refresh();
     }
     if (openQuery) {
       openNewTab({
@@ -32,6 +57,7 @@
   }
 </script>
 
+<ToolStripContainer>
   {#await apiCall('server-connections/server-summary', { conid, refreshToken })}
     <LoadingInfo message="Loading server details" wrapper />
   {:then summary}
@@ -59,6 +85,11 @@
     </div>
   {/await}
 
+  <svelte:fragment slot="toolstrip">
+    <ToolStripCommandButton command="serverSummary.refresh" />
+  </svelte:fragment>
+</ToolStripContainer>
+
 <style>
   .wrapper {
     position: absolute;