Implement refreshResourceTree message and hide refresh button above resource tree for Fabric native (#2102)

src/Contracts/FabricMessagesContract.ts

@@ -81,6 +81,13 @@ export type FabricMessageV3 =
         error: string | undefined;
         data: { accessToken: string };
       };
+    }
+  | {
+      type: "refreshResourceTree";
+      message: {
+        id: string;
+        error: string | undefined;
+      };
     };
 
 export enum CosmosDbArtifactType {

src/Explorer/Sidebar.tsx

@@ -340,6 +340,7 @@ export const SidebarContainer: React.FC<SidebarProps> = ({ explorer }) => {
                   <>
                     <div className={styles.floatingControlsContainer}>
                       <div className={styles.floatingControls}>
+                        {!isFabricNative() && (
                           <button
                             type="button"
                             data-test="Sidebar/RefreshButton"
@@ -350,6 +351,7 @@ export const SidebarContainer: React.FC<SidebarProps> = ({ explorer }) => {
                           >
                             <ArrowSync12Regular />
                           </button>
+                        )}
                         <button
                           type="button"
                           className={styles.floatingControlButton}

src/hooks/useKnockoutExplorer.ts

@@ -215,6 +215,10 @@ async function configureFabric(): Promise<Explorer> {
             }
             break;
           }
+          case "refreshResourceTree": {
+            explorer.onRefreshResourcesClick();
+            break;
+          }
           default:
             console.error(`Unknown Fabric message type: ${JSON.stringify(data)}`);
             break;