diff --git a/package-lock.json b/package-lock.json
index 6dcf12d8e..7d575312d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "graph-explorer-v2",
-  "version": "4.9.0",
+  "version": "4.10.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 556323030..06e69cdfa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "graph-explorer-v2",
-  "version": "4.9.0",
+  "version": "4.10.0",
   "private": true,
   "dependencies": {
     "@azure/msal-browser": "2.12.0",
diff --git a/src/app/middleware/telemetryMiddleware.ts b/src/app/middleware/telemetryMiddleware.ts
index 7504eae93..6148dbb96 100644
--- a/src/app/middleware/telemetryMiddleware.ts
+++ b/src/app/middleware/telemetryMiddleware.ts
@@ -4,6 +4,7 @@ import { IAction } from '../../types/action';
 import { IQuery } from '../../types/query-runner';
 import { IRootState } from '../../types/root';
 import {
+  FETCH_ADAPTIVE_CARD_ERROR,
   FETCH_SCOPES_ERROR,
   GET_SNIPPET_ERROR,
   SAMPLES_FETCH_ERROR,
@@ -45,6 +46,15 @@ const telemetryMiddleware =
         );
         break;
       }
+      case FETCH_ADAPTIVE_CARD_ERROR: {
+        trackException(
+          componentNames.GET_ADAPTIVE_CARD_ACTION,
+          state.sampleQuery,
+          action.response,
+          {}
+        );
+        break;
+      }
     }
     return next(action);
   };
diff --git a/src/app/services/actions/adaptive-cards-action-creator.ts b/src/app/services/actions/adaptive-cards-action-creator.ts
index 393b762bc..d14251980 100644
--- a/src/app/services/actions/adaptive-cards-action-creator.ts
+++ b/src/app/services/actions/adaptive-cards-action-creator.ts
@@ -1,11 +1,9 @@
-import { SeverityLevel } from '@microsoft/applicationinsights-web';
 import * as AdaptiveCardsTemplateAPI from 'adaptivecards-templating';
-import { componentNames, errorTypes, telemetry } from '../../../telemetry';
 import { IAction } from '../../../types/action';
 import { IAdaptiveCardContent } from '../../../types/adaptivecard';
 import { IQuery } from '../../../types/query-runner';
 import { lookupTemplate } from '../../utils/adaptive-cards-lookup';
-import { sanitizeQueryUrl } from '../../utils/query-url-sanitization';
+import { ADAPTIVE_CARD_URL } from '../graph-constants';
 import {
   FETCH_ADAPTIVE_CARD_ERROR,
   FETCH_ADAPTIVE_CARD_PENDING,
@@ -56,24 +54,16 @@ export function getAdaptiveCard(
 
     dispatch(getAdaptiveCardPending());
     try {
-      const response = await fetch(`https://templates.adaptivecards.io/graph.microsoft.com/${templateFileName}`);
+      const response = await fetch(`${ADAPTIVE_CARD_URL}/${templateFileName}`);
       const templatePayload = await response.json();
       const card = createCardFromTemplate(templatePayload, payload);
-      const adaptiveCardContent: IAdaptiveCardContent = { card, template: templatePayload };
+      const adaptiveCardContent: IAdaptiveCardContent = {
+        card,
+        template: templatePayload,
+      };
       return dispatch(getAdaptiveCardSuccess(adaptiveCardContent));
-
     } catch (error) {
       // something wrong happened
-      const sanitizedUrl = sanitizeQueryUrl(sampleQuery.sampleUrl);
-      telemetry.trackException(
-        new Error(errorTypes.NETWORK_ERROR),
-        SeverityLevel.Error,
-        {
-          ComponentName: componentNames.GET_ADAPTIVE_CARD_ACTION,
-          QuerySignature: `${sampleQuery.selectedVerb} ${sanitizedUrl}`,
-          Message: `${error}`
-        }
-      );
       return dispatch(getAdaptiveCardError(error));
     }
   };
diff --git a/src/app/services/actions/permissions-action-creator.ts b/src/app/services/actions/permissions-action-creator.ts
index 69bacc4d1..fc0498767 100644
--- a/src/app/services/actions/permissions-action-creator.ts
+++ b/src/app/services/actions/permissions-action-creator.ts
@@ -3,8 +3,8 @@ import { MessageBarType } from 'office-ui-fabric-react';
 import { geLocale } from '../../../appLocale';
 import { authenticationWrapper } from '../../../modules/authentication';
 import { IAction } from '../../../types/action';
-import { IQuery } from '../../../types/query-runner';
 import { IRequestOptions } from '../../../types/request';
+import { IRootState } from '../../../types/root';
 import { sanitizeQueryUrl } from '../../utils/query-url-sanitization';
 import { parseSampleUrl } from '../../utils/sample-url-generation';
 import { translateMessage } from '../../utils/translate-messages';
@@ -39,14 +39,14 @@ export function fetchScopesError(response: object): IAction {
   };
 }
 
-export function fetchScopes(query?: IQuery): Function {
+export function fetchScopes(): Function {
   return async (dispatch: Function, getState: Function) => {
     let hasUrl = false; // whether permissions are for a specific url
     try {
-      const { devxApi } = getState();
+      const { devxApi, permissionsPanelOpen, sampleQuery: query }: IRootState = getState();
       let permissionsUrl = `${devxApi.baseUrl}/permissions`;
 
-      if (query) {
+      if (!permissionsPanelOpen) {
         const signature = sanitizeQueryUrl(query.sampleUrl);
         const { requestUrl, sampleUrl } = parseSampleUrl(signature);
 
diff --git a/src/app/services/actions/profile-action-creators.ts b/src/app/services/actions/profile-action-creators.ts
index 7ec1ab19b..3fe2f9837 100644
--- a/src/app/services/actions/profile-action-creators.ts
+++ b/src/app/services/actions/profile-action-creators.ts
@@ -27,6 +27,15 @@ export function getProfileInfo(query: IQuery): Function {
   return (dispatch: Function) => {
     const respHeaders: any = {};
 
+    if (!query.sampleHeaders) {
+      query.sampleHeaders = [];
+    }
+
+    query.sampleHeaders.push({
+      name: 'Cache-Control',
+      value: 'no-cache'
+    });
+
     return authenticatedRequest(dispatch, query).then(async (response: Response) => {
 
       if (response && response.ok) {
diff --git a/src/app/services/actions/query-action-creator-util.ts b/src/app/services/actions/query-action-creator-util.ts
index 41bef322d..753f2f395 100644
--- a/src/app/services/actions/query-action-creator-util.ts
+++ b/src/app/services/actions/query-action-creator-util.ts
@@ -1,12 +1,14 @@
 import {
   AuthenticationHandlerOptions,
-  ResponseType,
+  ResponseType
 } from '@microsoft/microsoft-graph-client';
 import { MSALAuthenticationProviderOptions } from '@microsoft/microsoft-graph-client/lib/src/MSALAuthenticationProviderOptions';
+
 import { IAction } from '../../../types/action';
 import { ContentType } from '../../../types/enums';
 import { IQuery } from '../../../types/query-runner';
 import { IRequestOptions } from '../../../types/request';
+import { encodeHashCharacters } from '../../utils/query-url-sanitization';
 import { authProvider, GraphClient } from '../graph-client';
 import { DEFAULT_USER_SCOPES, GRAPH_API_SANDBOX_URL } from '../graph-constants';
 import { QUERY_GRAPH_SUCCESS } from '../redux-constants';
@@ -21,8 +23,9 @@ export function queryResponse(response: object): IAction {
 
 export async function anonymousRequest(dispatch: Function, query: IQuery) {
   const authToken = '{token:https://graph.microsoft.com/}';
-  const escapedUrl = encodeURIComponent(query.sampleUrl);
-  const graphUrl = `${GRAPH_API_SANDBOX_URL}/svc?url=${escapedUrl}`;
+  const escapedUrl = encodeURIComponent(encodeHashCharacters(query));
+  const graphUrl = `${GRAPH_API_SANDBOX_URL}?url=${escapedUrl}`;
+
   const sampleHeaders: any = {};
   if (query.sampleHeaders && query.sampleHeaders.length > 0) {
     query.sampleHeaders.forEach((header) => {
@@ -113,7 +116,7 @@ const makeRequest = (httpVerb: string, scopes: string[]): Function => {
       msalAuthOptions
     );
     const client = GraphClient.getInstance()
-      .api(query.sampleUrl)
+      .api(encodeHashCharacters(query))
       .middlewareOptions([middlewareOptions])
       .headers(sampleHeaders)
       .responseType(ResponseType.RAW);
diff --git a/src/app/services/graph-constants.ts b/src/app/services/graph-constants.ts
index 8820c2430..e2782f3dd 100644
--- a/src/app/services/graph-constants.ts
+++ b/src/app/services/graph-constants.ts
@@ -4,5 +4,6 @@ export const USER_PICTURE_URL = `${GRAPH_URL}/beta/me/photo/$value`;
 export const AUTH_URL = 'https://login.microsoftonline.com';
 export const DEFAULT_USER_SCOPES = 'openid profile User.Read';
 export const DEVX_API_URL = 'https://graphexplorerapi.azurewebsites.net';
-export const GRAPH_API_SANDBOX_URL = 'https://proxy.apisandbox.msdn.microsoft.com';
+export const GRAPH_API_SANDBOX_URL = 'https://proxy.apisandbox.msdn.microsoft.com/svc';
 export const HOME_ACCOUNT_KEY = 'fbf1ecbe-27ab-42d7-96d4-3e6b03682ee4';
+export const ADAPTIVE_CARD_URL = 'https://templates.adaptivecards.io/graph.microsoft.com';
diff --git a/src/app/utils/generate-groups.ts b/src/app/utils/generate-groups.ts
index f38a86ee7..d3145f67f 100644
--- a/src/app/utils/generate-groups.ts
+++ b/src/app/utils/generate-groups.ts
@@ -1,6 +1,8 @@
+import { IGroup } from "office-ui-fabric-react";
+
 export function generateGroupsFromList(list: any[], property: string) {
     const map = new Map();
-    const groups: any[] = [];
+    const groups: IGroup[] = [];
 
     let isCollapsed = false;
     let previousCount = 0;
@@ -23,6 +25,7 @@ export function generateGroupsFromList(list: any[], property: string) {
                 startIndex: previousCount,
                 isCollapsed,
                 count,
+                ariaLabel: listItem[property] + ' has ' + count + ' results'
             });
             previousCount += count;
         }
diff --git a/src/app/utils/query-url-sanitization.ts b/src/app/utils/query-url-sanitization.ts
index 3af4498a0..eeee34e92 100644
--- a/src/app/utils/query-url-sanitization.ts
+++ b/src/app/utils/query-url-sanitization.ts
@@ -1,4 +1,5 @@
 /* eslint-disable no-useless-escape */
+import { IQuery } from '../../types/query-runner';
 import { GRAPH_URL } from '../services/graph-constants';
 import {
   isAllAlpha,
@@ -142,3 +143,7 @@ function sanitizeQueryParameters(queryString: string): string {
   queryString = queryString.substring(1);
   return queryString.split('&').map(sanitizeQueryParameter).join('&');
 }
+
+export function encodeHashCharacters(query: IQuery): string {
+  return query.sampleUrl.replace(/#/g, '%2523');
+}
diff --git a/src/app/views/authentication/Authentication.tsx b/src/app/views/authentication/Authentication.tsx
index e28bf6a94..e014d2810 100644
--- a/src/app/views/authentication/Authentication.tsx
+++ b/src/app/views/authentication/Authentication.tsx
@@ -1,6 +1,6 @@
 
 import { SeverityLevel } from '@microsoft/applicationinsights-web';
-import { Icon, Label, MessageBarType, Spinner, SpinnerSize, styled } from 'office-ui-fabric-react';
+import { Icon, Label, MessageBar, MessageBarType, Spinner, SpinnerSize, styled } from 'office-ui-fabric-react';
 import React, { useState } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import { useDispatch, useSelector } from 'react-redux';
@@ -79,9 +79,9 @@ const Authentication = (props: any) => {
       </Label>
 
       <br />
-      <Label>
+      <MessageBar messageBarType={MessageBarType.warning} isMultiline={true}>
         <FormattedMessage id='Using demo tenant' /> <FormattedMessage id='To access your own data:' />
-      </Label>
+      </MessageBar>
     </>;
   }
 
diff --git a/src/app/views/authentication/auth-util-components/UtilComponents.tsx b/src/app/views/authentication/auth-util-components/UtilComponents.tsx
index 5a701f1e8..8e2f0c475 100644
--- a/src/app/views/authentication/auth-util-components/UtilComponents.tsx
+++ b/src/app/views/authentication/auth-util-components/UtilComponents.tsx
@@ -1,6 +1,7 @@
 import { IconButton, PrimaryButton } from 'office-ui-fabric-react';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
+import { translateMessage } from '../../../utils/translate-messages';
 import Profile from '../profile/Profile';
 
 export function showSignInButtonOrProfile(
@@ -11,12 +12,12 @@ export function showSignInButtonOrProfile(
 ) {
 
   const signInButton = minimised ? <IconButton
-    ariaLabel='Sign-in button'
+    ariaLabel={translateMessage('sign in')}
     role='button'
     iconProps={{ iconName: 'Contact' }}
-    title='sign in'
+    title={translateMessage('sign in')}
     onClick={() => signIn()} /> : <PrimaryButton
-      ariaLabel='Sign-in button'
+      ariaLabel={translateMessage('sign in')}
       role='button'
       iconProps={{ iconName: 'Contact' }}
       onClick={() => signIn()}
diff --git a/src/app/views/common/copy.ts b/src/app/views/common/copy.ts
index 0007d6e50..f56d96b58 100644
--- a/src/app/views/common/copy.ts
+++ b/src/app/views/common/copy.ts
@@ -1,3 +1,6 @@
+import { telemetry } from '../../../telemetry';
+import { IQuery } from '../../../types/query-runner';
+
 export function genericCopy(text: string) {
   const element = document.createElement('textarea');
   element.value = text;
@@ -6,7 +9,7 @@ export function genericCopy(text: string) {
 
   document.execCommand('copy');
   document.body.removeChild(element);
-  
+
   return Promise.resolve('copied');
 }
 
@@ -21,4 +24,14 @@ export function copy(id: string) {
   textArea.blur();
 
   return Promise.resolve('copied');
-}
\ No newline at end of file
+}
+
+export function trackedGenericCopy(
+  text: string,
+  componentName: string,
+  sampleQuery?: IQuery,
+  properties?: { [key: string]: string }
+) {
+  genericCopy(text);
+  telemetry.trackCopyButtonClickEvent(componentName, sampleQuery, properties);
+}
diff --git a/src/app/views/common/share.ts b/src/app/views/common/share.ts
index 8b8f3e54b..129b226a9 100644
--- a/src/app/views/common/share.ts
+++ b/src/app/views/common/share.ts
@@ -1,6 +1,7 @@
 import { geLocale } from '../../../appLocale';
 import { authenticationWrapper } from '../../../modules/authentication';
 import { IQuery } from '../../../types/query-runner';
+import { encodeHashCharacters } from '../../utils/query-url-sanitization';
 import { parseSampleUrl } from '../../utils/sample-url-generation';
 
 /**
@@ -10,7 +11,8 @@ import { parseSampleUrl } from '../../utils/sample-url-generation';
  */
 export const createShareLink = (sampleQuery: IQuery, authenticated?: boolean): string => {
   const { sampleBody, selectedVerb, sampleHeaders } = sampleQuery;
-  const { queryVersion, requestUrl, sampleUrl, search } = parseSampleUrl(sampleQuery.sampleUrl);
+  const { queryVersion, requestUrl, sampleUrl, search } =
+    parseSampleUrl(encodeHashCharacters(sampleQuery));
 
   if (!sampleUrl) {
     return '';
diff --git a/src/app/views/query-response/QueryResponse.tsx b/src/app/views/query-response/QueryResponse.tsx
index 83aca9325..f8f5c6ce2 100644
--- a/src/app/views/query-response/QueryResponse.tsx
+++ b/src/app/views/query-response/QueryResponse.tsx
@@ -194,6 +194,7 @@ const QueryResponse = (props: IQueryResponseProps) => {
           id='share-query-text'
           className='share-query-params'
           defaultValue={query}
+          aria-label={translateMessage('Share Query')}
         />
         <DialogFooter>
           <PrimaryButton text={messages.Copy} onClick={handleCopy} />
diff --git a/src/app/views/query-response/adaptive-cards/AdaptiveCard.tsx b/src/app/views/query-response/adaptive-cards/AdaptiveCard.tsx
index e6c265897..4c712617c 100644
--- a/src/app/views/query-response/adaptive-cards/AdaptiveCard.tsx
+++ b/src/app/views/query-response/adaptive-cards/AdaptiveCard.tsx
@@ -5,16 +5,15 @@ import { FormattedMessage, injectIntl } from 'react-intl';
 import { connect } from 'react-redux';
 import { bindActionCreators, Dispatch } from 'redux';
 
-import { componentNames, eventTypes, telemetry } from '../../../../telemetry';
+import { componentNames, telemetry } from '../../../../telemetry';
 import { IAdaptiveCardProps } from '../../../../types/adaptivecard';
 import { IQuery } from '../../../../types/query-runner';
 import { IRootState } from '../../../../types/root';
 import { getAdaptiveCard } from '../../../services/actions/adaptive-cards-action-creator';
-import { sanitizeQueryUrl } from '../../../utils/query-url-sanitization';
 import { translateMessage } from '../../../utils/translate-messages';
 import { classNames } from '../../classnames';
 import { Monaco } from '../../common';
-import { genericCopy } from '../../common/copy';
+import { trackedGenericCopy } from '../../common/copy';
 import { queryResponseStyles } from './../queryResponse.styles';
 
 class AdaptiveCard extends Component<IAdaptiveCardProps> {
@@ -146,13 +145,15 @@ class AdaptiveCard extends Component<IAdaptiveCardProps> {
                 </a>
               </MessageBar>
               <IconButton className={classes.copyIcon}
+                ariaLabel={translateMessage('Copy')}
                 iconProps={{
                   iconName: 'copy',
                 }}
-                onClick={async () => {
-                  genericCopy(JSON.stringify(data.template, null, 4));
-                  trackJsonSchemaCopyEvent(sampleQuery)
-                }}
+                onClick={async () =>
+                  trackedGenericCopy(
+                    JSON.stringify(data.template, null, 4),
+                    componentNames.JSON_SCHEMA_COPY_BUTTON,
+                    sampleQuery)}
               />
               <Monaco
                 language='json'
@@ -177,18 +178,6 @@ function onPivotItemClick(query: IQuery | undefined, item?: PivotItem) {
   }
 }
 
-function trackJsonSchemaCopyEvent(query: IQuery | undefined) {
-  if (!query) {
-    return;
-  }
-  const sanitizedUrl = sanitizeQueryUrl(query.sampleUrl);
-  telemetry.trackEvent(eventTypes.BUTTON_CLICK_EVENT,
-    {
-      ComponentName: componentNames.JSON_SCHEMA_COPY_BUTTON,
-      QuerySignature: `${query.selectedVerb} ${sanitizedUrl}`
-    });
-}
-
 function mapStateToProps({ adaptiveCard, sampleQuery, queryRunnerStatus }: IRootState) {
   return {
     card: adaptiveCard,
diff --git a/src/app/views/query-response/graph-toolkit/GraphToolkit.tsx b/src/app/views/query-response/graph-toolkit/GraphToolkit.tsx
index a6b9a51f7..48799cde7 100644
--- a/src/app/views/query-response/graph-toolkit/GraphToolkit.tsx
+++ b/src/app/views/query-response/graph-toolkit/GraphToolkit.tsx
@@ -13,6 +13,7 @@ import { componentNames, telemetry } from '../../../../telemetry';
 import { classNames } from '../../classnames';
 import { queryResponseStyles } from '../queryResponse.styles';
 import { IRootState } from '../../../../types/root';
+import { translateMessage } from '../../../utils/translate-messages';
 
 class GraphToolkit extends Component<any> {
   constructor(props: any) {
@@ -36,7 +37,7 @@ class GraphToolkit extends Component<any> {
             </a>
             .
           </MessageBar>
-          <iframe width='100%' height='470px' src={toolkitUrl} />
+          <iframe width='100%' height='470px' src={toolkitUrl} title={translateMessage('Graph toolkit')} />
         </>
       );
     }
diff --git a/src/app/views/query-response/headers/ResponseHeaders.tsx b/src/app/views/query-response/headers/ResponseHeaders.tsx
index 8507b9573..322de98b2 100644
--- a/src/app/views/query-response/headers/ResponseHeaders.tsx
+++ b/src/app/views/query-response/headers/ResponseHeaders.tsx
@@ -2,14 +2,15 @@
 import { IconButton } from 'office-ui-fabric-react';
 import React from 'react';
 import { useSelector } from 'react-redux';
+import { RESPONSE_HEADERS_COPY_BUTTON } from '../../../../telemetry/component-names';
 import { IRootState } from '../../../../types/root';
 
 import { Monaco } from '../../common';
-import { genericCopy } from '../../common/copy';
+import { trackedGenericCopy } from '../../common/copy';
 import { convertVhToPx, getResponseHeight } from '../../common/dimensions-adjustment';
 
 const ResponseHeaders = () => {
-  const { dimensions: { response }, graphResponse, responseAreaExpanded } = useSelector((state: IRootState) => state);
+  const { dimensions: { response }, graphResponse, responseAreaExpanded, sampleQuery } = useSelector((state: IRootState) => state);
   const { headers } = graphResponse;
 
   const height = convertVhToPx(getResponseHeight(response.height, responseAreaExpanded), 100);
@@ -20,7 +21,12 @@ const ResponseHeaders = () => {
         <IconButton
           style={{ float: 'right', zIndex: 1 }}
           iconProps={{ iconName: 'copy' }}
-          onClick={async () => genericCopy(JSON.stringify(headers))}
+          onClick={
+            async () =>
+              trackedGenericCopy(
+                JSON.stringify(headers),
+                RESPONSE_HEADERS_COPY_BUTTON,
+                sampleQuery)}
         />
         <Monaco body={headers} height={height} />
       </div>
diff --git a/src/app/views/query-response/snippets/snippets-helper.tsx b/src/app/views/query-response/snippets/snippets-helper.tsx
index 4ed06d004..a1a495d16 100644
--- a/src/app/views/query-response/snippets/snippets-helper.tsx
+++ b/src/app/views/query-response/snippets/snippets-helper.tsx
@@ -5,13 +5,11 @@ import { shallowEqual, useDispatch, useSelector } from 'react-redux';
 import { FormattedMessage } from 'react-intl';
 import { getSnippet } from '../../../services/actions/snippet-action-creator';
 import { Monaco } from '../../common';
-import { genericCopy } from '../../common/copy';
+import { trackedGenericCopy } from '../../common/copy';
 
-import { componentNames, eventTypes, telemetry } from '../../../../telemetry';
-import { IQuery } from '../../../../types/query-runner';
-import { sanitizeQueryUrl } from '../../../utils/query-url-sanitization';
 import { convertVhToPx, getResponseHeight } from '../../common/dimensions-adjustment';
 import { IRootState } from '../../../../types/root';
+import { CODE_SNIPPETS_COPY_BUTTON } from '../../../../telemetry/component-names';
 
 interface ISnippetProps {
   language: string;
@@ -69,10 +67,12 @@ function Snippet(props: ISnippetProps) {
           <IconButton
             style={{ float: 'right', zIndex: 1 }}
             iconProps={copyIcon}
-            onClick={async () => {
-              genericCopy(snippet);
-              trackSnippetCopyEvent(sampleQuery, language);
-            }}
+            onClick={async () =>
+              trackedGenericCopy(
+                snippet,
+                CODE_SNIPPETS_COPY_BUTTON,
+                sampleQuery,
+                { Language: language })}
           />
           <Monaco
             body={snippet}
@@ -90,13 +90,3 @@ function Snippet(props: ISnippetProps) {
     </div>
   );
 }
-
-function trackSnippetCopyEvent(query: IQuery, language: string) {
-  const sanitizedUrl = sanitizeQueryUrl(query.sampleUrl);
-  telemetry.trackEvent(eventTypes.BUTTON_CLICK_EVENT,
-    {
-      ComponentName: componentNames.CODE_SNIPPETS_COPY_BUTTON,
-      SelectedLanguage: language,
-      QuerySignature: `${query.selectedVerb} ${sanitizedUrl}`
-    });
-}
diff --git a/src/app/views/query-runner/request/auth/Auth.tsx b/src/app/views/query-runner/request/auth/Auth.tsx
index d2cc39ab9..034ba32ca 100644
--- a/src/app/views/query-runner/request/auth/Auth.tsx
+++ b/src/app/views/query-runner/request/auth/Auth.tsx
@@ -1,15 +1,15 @@
 import { AuthenticationResult } from '@azure/msal-browser';
-import { IconButton, IIconProps, Label, styled } from 'office-ui-fabric-react';
+import { IconButton, IIconProps, Label, MessageBar, MessageBarType, styled } from 'office-ui-fabric-react';
 import React, { useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useSelector } from 'react-redux';
 import { authenticationWrapper } from '../../../../../modules/authentication';
 
-import { componentNames, eventTypes, telemetry } from '../../../../../telemetry';
+import { componentNames, telemetry } from '../../../../../telemetry';
 import { IRootState } from '../../../../../types/root';
 import { translateMessage } from '../../../../utils/translate-messages';
 import { classNames } from '../../../classnames';
-import { genericCopy } from '../../../common/copy';
+import { trackedGenericCopy } from '../../../common/copy';
 import { convertVhToPx } from '../../../common/dimensions-adjustment';
 import { authStyles } from './Auth.styles';
 
@@ -20,8 +20,7 @@ export function Auth(props: any) {
   const [loading, setLoading] = useState(false);
 
   const handleCopy = async () => {
-    await genericCopy(accessToken!);
-    trackTokenCopyEvent();
+    trackedGenericCopy(accessToken || '', componentNames.ACCESS_TOKEN_COPY_BUTTON);
   };
 
   useEffect(() => {
@@ -44,9 +43,9 @@ export function Auth(props: any) {
   };
 
   if (!authToken.token) {
-    return <Label className={classes.emptyStateLabel}>
+    return <MessageBar messageBarType={MessageBarType.blocked}>
       <FormattedMessage id='Sign In to see your access token.' />
-    </Label>;
+    </MessageBar>;
   }
 
   return (<div className={classes.auth} style={{ height: requestHeight }}>
@@ -71,14 +70,6 @@ export function Auth(props: any) {
   </div>);
 }
 
-function trackTokenCopyEvent() {
-  telemetry.trackEvent(
-    eventTypes.BUTTON_CLICK_EVENT,
-    {
-      ComponentName: componentNames.ACCESS_TOKEN_COPY_BUTTON
-    });
-}
-
 const trackedComponent = telemetry.trackReactComponent(Auth, componentNames.ACCESS_TOKEN_TAB);
 // @ts-ignore
 export default styled(trackedComponent, authStyles);
\ No newline at end of file
diff --git a/src/app/views/query-runner/request/headers/HeadersList.tsx b/src/app/views/query-runner/request/headers/HeadersList.tsx
index 483acc786..a3b14dfab 100644
--- a/src/app/views/query-runner/request/headers/HeadersList.tsx
+++ b/src/app/views/query-runner/request/headers/HeadersList.tsx
@@ -1,13 +1,13 @@
 import { DetailsList, DetailsRow, IColumn, IconButton, SelectionMode } from 'office-ui-fabric-react';
 import * as React from 'react';
 import { IHeadersListControl } from '../../../../../types/request';
+import { translateMessage } from '../../../../utils/translate-messages';
 import { headerStyles } from './Headers.styles';
 
 
 const HeadersList = ({
   handleOnHeaderDelete,
-  headers,
-  messages
+  headers
 }: IHeadersListControl) => {
 
   const renderItemColumn = (item: any, index: number | undefined, column: IColumn | undefined) => {
@@ -42,9 +42,9 @@ const HeadersList = ({
   };
 
   const columns = [
-    { key: 'key', name: messages.Key, fieldName: 'name', minWidth: 300, maxWidth: 400 },
-    { key: 'value', name: messages.Value, fieldName: 'value', minWidth: 300, maxWidth: 400 },
-    { key: 'button', name: '', fieldName: 'button', minWidth: 200, maxWidth: 300 }
+    { key: 'key', name: translateMessage('Key'), fieldName: 'name', minWidth: 300, maxWidth: 400, ariaLabel: translateMessage('Key') },
+    { key: 'value', name: translateMessage('Value'), fieldName: 'value', minWidth: 300, maxWidth: 400, ariaLabel: translateMessage('Value') },
+    { key: 'button', name: translateMessage('actions'), fieldName: 'button', minWidth: 200, maxWidth: 300, ariaLabel: translateMessage('actions') }
   ];
 
   const headerItems = (headers) ? headers.filter((header) => {
@@ -52,13 +52,13 @@ const HeadersList = ({
   }) : [];
 
   return (
-      <DetailsList
-        items={headerItems}
-        columns={columns}
-        onRenderItemColumn={renderItemColumn}
-        onRenderRow={renderRow}
-        selectionMode={SelectionMode.none}
-      />
+    <DetailsList
+      items={headerItems}
+      columns={columns}
+      onRenderItemColumn={renderItemColumn}
+      onRenderRow={renderRow}
+      selectionMode={SelectionMode.none}
+    />
   );
 };
 
diff --git a/src/app/views/query-runner/request/permissions/Permission.tsx b/src/app/views/query-runner/request/permissions/Permission.tsx
index 555e45caa..ee2d4ac29 100644
--- a/src/app/views/query-runner/request/permissions/Permission.tsx
+++ b/src/app/views/query-runner/request/permissions/Permission.tsx
@@ -39,7 +39,7 @@ export class Permission extends Component<IPermissionProps, IPermissionState> {
   }
 
   public componentDidUpdate = (prevProps: IPermissionProps) => {
-    if (prevProps.sample !== this.props.sample) {
+    if ((prevProps.sample !== this.props.sample) || (prevProps.permissionsPanelOpen !== this.props.permissionsPanelOpen)) {
       this.getPermissions();
     }
     const permissions = this.props.scopes.data;
@@ -51,13 +51,7 @@ export class Permission extends Component<IPermissionProps, IPermissionState> {
   }
 
   private getPermissions() {
-    const { panel, sample } = this.props;
-    if (panel) {
-      this.props.actions!.fetchScopes();
-    }
-    else {
-      this.props.actions!.fetchScopes(sample);
-    }
+    this.props.actions!.fetchScopes();
   }
 
   public shouldComponentUpdate(nextProps: IPermissionProps, nextState: IPermissionState) {
@@ -65,6 +59,7 @@ export class Permission extends Component<IPermissionProps, IPermissionState> {
       || nextProps.scopes !== this.props.scopes
       || nextProps.consentedScopes !== this.props.consentedScopes
       || nextProps.dimensions !== this.props.dimensions
+      || nextProps.permissionsPanelOpen !== this.props.permissionsPanelOpen
       || nextState.permissions !== this.state.permissions;
     return shouldUpdate;
   }
@@ -90,11 +85,13 @@ export class Permission extends Component<IPermissionProps, IPermissionState> {
         case 'isAdmin':
           if (item.isAdmin) {
             return <div style={{ textAlign: 'center' }}>
-              <Icon iconName='checkmark' className={classes.checkIcon} />
+              <Icon iconName='checkmark' className={classes.checkIcon}
+                aria-label={translateMessage('Admin consent required')} />
             </div>;
           } else {
             return <div style={{ textAlign: 'center' }}>
-              <Icon iconName='StatusCircleErrorX' className={classes.checkIcon} />
+              <Icon iconName='StatusCircleErrorX' className={classes.checkIcon}
+                aria-label={translateMessage('Admin consent not required')} />
             </div>;
           }
 
@@ -170,7 +167,8 @@ export class Permission extends Component<IPermissionProps, IPermissionState> {
         fieldName: 'value',
         minWidth: 200,
         maxWidth: 250,
-        isResizable: true
+        isResizable: true,
+        columnActionsMode: 0
       }
     ];
 
@@ -181,9 +179,10 @@ export class Permission extends Component<IPermissionProps, IPermissionState> {
           name: messages.Description,
           fieldName: 'consentDescription',
           isResizable: true,
-          minWidth: (tokenPresent) ? 400 : 700,
-          maxWidth: (tokenPresent) ? 700 : 1000,
-          isMultiline: true
+          minWidth: (tokenPresent) ? 400 : 600,
+          maxWidth: (tokenPresent) ? 600 : 1000,
+          isMultiline: true,
+          columnActionsMode: 0
         }
       );
     }
@@ -194,9 +193,10 @@ export class Permission extends Component<IPermissionProps, IPermissionState> {
         isResizable: true,
         name: messages['Admin consent required'],
         fieldName: 'isAdmin',
-        minWidth: (tokenPresent) ? 150 : 150,
+        minWidth: (tokenPresent) ? 150 : 200,
         maxWidth: (tokenPresent) ? 200 : 300,
-        ariaLabel: translateMessage('Administrator permission')
+        ariaLabel: translateMessage('Administrator permission'),
+        columnActionsMode: 0
       }
     );
 
@@ -242,7 +242,7 @@ export class Permission extends Component<IPermissionProps, IPermissionState> {
     if (loading) {
       return <Label>
         <FormattedMessage id={'Fetching permissions'} />...
-        </Label>;
+      </Label>;
     }
 
     const displayPermissionsPanel = () => {
@@ -278,13 +278,14 @@ export class Permission extends Component<IPermissionProps, IPermissionState> {
   }
 }
 
-function mapStateToProps({ sampleQuery, scopes, authToken, consentedScopes, dimensions }: IRootState) {
+function mapStateToProps({ sampleQuery, scopes, authToken, consentedScopes, dimensions, permissionsPanelOpen }: IRootState) {
   return {
     sample: sampleQuery,
     scopes,
     tokenPresent: authToken.token,
     consentedScopes,
-    dimensions
+    dimensions,
+    permissionsPanelOpen
   };
 }
 
diff --git a/src/app/views/settings/Settings.tsx b/src/app/views/settings/Settings.tsx
index 821f45e1e..fa6a5a203 100644
--- a/src/app/views/settings/Settings.tsx
+++ b/src/app/views/settings/Settings.tsx
@@ -63,6 +63,7 @@ function Settings(props: ISettingsProps) {
         iconProps: {
           iconName: 'ReportWarning',
         },
+        onClick: () => trackReportAnIssueLinkClickEvent(),
       },
       {
         key: 'divider',
@@ -145,6 +146,15 @@ function Settings(props: ISettingsProps) {
       });
   }
 
+  const trackReportAnIssueLinkClickEvent = () => {
+    telemetry.trackEvent(
+      eventTypes.LINK_CLICK_EVENT,
+      {
+        ComponentName: componentNames.REPORT_AN_ISSUE_LINK
+      });
+  }
+
+
   const setPermissions = (permissions: []) => {
     setSelectedPermissions(permissions);
   };
@@ -274,3 +284,4 @@ function Settings(props: ISettingsProps) {
 }
 
 export default injectIntl(Settings);
+
diff --git a/src/app/views/sidebar/Sidebar.styles.ts b/src/app/views/sidebar/Sidebar.styles.ts
index 70e00c907..07661c73d 100644
--- a/src/app/views/sidebar/Sidebar.styles.ts
+++ b/src/app/views/sidebar/Sidebar.styles.ts
@@ -49,8 +49,9 @@ export const sidebarStyles = (theme: ITheme) => {
       paddingLeft: '4px',
     },
     groupHeaderRowIcon: {
+      height: '24px',
       marginTop: '2%',
-      fontSize: FontSizes.small,
+      fontSize: FontSizes.xSmall,
       fontWeight: FontWeights.light
     },
     groupTitle: {
@@ -60,6 +61,7 @@ export const sidebarStyles = (theme: ITheme) => {
       whiteSpace: 'nowrap',
       textOverflow: 'ellipsis',
       outline: '0px',
+      display: 'inline-block'
     },
     headerCount: {
       paddingTop: '0px',
diff --git a/src/app/views/sidebar/history/History.tsx b/src/app/views/sidebar/history/History.tsx
index f274a6f98..ac93044c0 100644
--- a/src/app/views/sidebar/history/History.tsx
+++ b/src/app/views/sidebar/history/History.tsx
@@ -24,6 +24,7 @@ import { dynamicSort } from '../../../utils/dynamic-sort';
 import { generateGroupsFromList } from '../../../utils/generate-groups';
 import { sanitizeQueryUrl } from '../../../utils/query-url-sanitization';
 import { parseSampleUrl } from '../../../utils/sample-url-generation';
+import { translateMessage } from '../../../utils/translate-messages';
 import { classNames } from '../../classnames';
 import { sidebarStyles } from '../Sidebar.styles';
 import { createHarPayload, exportQuery, generateHar } from './har-utils';
@@ -234,18 +235,15 @@ export class History extends Component<IHistoryProps, any> {
 
   public renderGroupHeader = (props: any): any => {
     const classes = classNames(this.props);
-    const {
-      intl: { messages },
-    }: any = this.props;
-
-    // tslint:disable
-    const expandText = messages.Expand;
-    const collapseText = messages.Collapse;
-    // tslint:enable
+    const expandText = translateMessage('Expand');
+    const collapseText = translateMessage('Collapse');
+    const groupName: string = props.group!.name;
+    const groupCount: string = props.group!.count;
+    const collapseButtonLabel: string = props.group!.isCollapsed ? `${expandText} ${groupName}` : `${collapseText} ${groupName}`;
 
     return (
       <div
-        aria-label={props.group!.name}
+        aria-label={`${groupName} has ${groupCount} items`}
         style={{
           display: 'flex',
           justifyContent: 'center',
@@ -257,44 +255,56 @@ export class History extends Component<IHistoryProps, any> {
             className={classes.groupHeaderRow}
             onClick={this.onToggleCollapse(props)}
           >
-            <IconButton
-              className={`${classes.pullLeft} ${classes.groupHeaderRowIcon}`}
-              iconProps={{
-                iconName: props.group!.isCollapsed
-                  ? 'ChevronRightSmall'
-                  : 'ChevronDownSmall',
-              }}
-              title={
-                props.group!.isCollapsed
-                  ? `${expandText} ${props.group!.name}`
-                  : `${collapseText} ${props.group!.name}`
-              }
-              ariaLabel='expand collapse group'
-              onClick={() => this.onToggleCollapse(props)}
-            />
+            <TooltipHost
+              content={collapseButtonLabel}
+              id={getId()}
+              calloutProps={{ gapSpace: 0 }}
+              styles={{ root: { display: 'inline-block' } }}>
+              <IconButton
+                className={`${classes.pullLeft} ${classes.groupHeaderRowIcon}`}
+                iconProps={{
+                  iconName: props.group!.isCollapsed
+                    ? 'ChevronRightSmall'
+                    : 'ChevronDownSmall',
+                }}
+                ariaLabel={collapseButtonLabel}
+                onClick={() => this.onToggleCollapse(props)}
+              />
+            </TooltipHost>
             <div className={classes.groupTitle}>
-              <span>{props.group!.name}</span>
+              <span>{groupName}</span>
               <span className={classes.headerCount}>
-                ({props.group!.count})
+                ({groupCount})
               </span>
             </div>
           </div>
         </div>
         <div className={'col-md-4'} style={{ display: 'inline-block' }}>
-          <IconButton
-            className={`${classes.pullRight} ${classes.groupHeaderRowIcon}`}
-            iconProps={{ iconName: 'Delete' }}
-            title={`${messages['Delete requests']} : ${props.group!.name}`}
-            ariaLabel='delete group'
-            onClick={() => this.showDialog(props.group!.name)}
-          />
-          <IconButton
-            className={`${classes.pullRight} ${classes.groupHeaderRowIcon}`}
-            iconProps={{ iconName: 'Download' }}
-            title={`${messages.Export} : ${props.group!.name}`}
-            ariaLabel='export group'
-            onClick={() => this.exportHistoryByCategory(props.group!.name)}
-          />
+          <div className={`${classes.pullRight}`}>
+            <TooltipHost
+              content={`${translateMessage('Export')} ${groupName} queries`}
+              id={getId()}
+              calloutProps={{ gapSpace: 0 }}>
+              <IconButton
+                className={`${classes.groupHeaderRowIcon}`}
+                iconProps={{ iconName: 'Download' }}
+                ariaLabel={`${translateMessage('Export')} ${groupName} queries`}
+                onClick={() => this.exportHistoryByCategory(groupName)}
+              />
+            </TooltipHost>
+            <TooltipHost
+              content={`${translateMessage('Delete')} ${groupName} queries`}
+              id={getId()}
+              calloutProps={{ gapSpace: 0 }} >
+              <IconButton
+                className={`${classes.groupHeaderRowIcon}`}
+                iconProps={{ iconName: 'Delete' }}
+                ariaLabel={`${translateMessage('Delete')} ${groupName} queries`}
+                onClick={() => this.showDialog(groupName)}
+              />
+            </TooltipHost>
+
+          </div>
         </div>
       </div>
     );
diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
index d49126f54..a1814ece7 100644
--- a/src/app/views/sidebar/sample-queries/SampleQueries.tsx
+++ b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -437,26 +437,28 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
         <Announced
           message={`${sampleQueries.length} search results available.`}
         />
-        <DetailsList
-          className={classes.queryList}
-          cellStyleProps={{
-            cellRightPadding: 0,
-            cellExtraRightPadding: 0,
-            cellLeftPadding: 0,
-          }}
-          onRenderItemColumn={this.renderItemColumn}
-          items={sampleQueries}
-          selectionMode={SelectionMode.none}
-          columns={columns}
-          groups={groups}
-          groupProps={{
-            showEmptyGroups: true,
-            onRenderHeader: this.renderGroupHeader,
-          }}
-          onRenderRow={this.renderRow}
-          onRenderDetailsHeader={this.renderDetailsHeader}
-          onItemInvoked={this.querySelected}
-        />
+        <div role='navigation'>
+          <DetailsList
+            className={classes.queryList}
+            cellStyleProps={{
+              cellRightPadding: 0,
+              cellExtraRightPadding: 0,
+              cellLeftPadding: 0,
+            }}
+            onRenderItemColumn={this.renderItemColumn}
+            items={sampleQueries}
+            selectionMode={SelectionMode.none}
+            columns={columns}
+            groups={groups}
+            groupProps={{
+              showEmptyGroups: true,
+              onRenderHeader: this.renderGroupHeader,
+            }}
+            onRenderRow={this.renderRow}
+            onRenderDetailsHeader={this.renderDetailsHeader}
+            onItemInvoked={this.querySelected}
+          />
+        </div>
       </div>
     );
   }
diff --git a/src/messages/GE.json b/src/messages/GE.json
index a90765595..75bb9cd0d 100644
--- a/src/messages/GE.json
+++ b/src/messages/GE.json
@@ -17,7 +17,7 @@
   " with your work or school account from Microsoft.": " with your work or school account from Microsoft.",
   "Submit": "Submit",
   "Using demo tenant": "You are currently using a sample account.",
-  "To access your own data:": "To access your own data:",
+  "To access your own data:": "Sign in to access your own data.",
   "sign out": "Sign out",
   "History": "History",
   "Method": "Method",
@@ -352,5 +352,6 @@
   "Missing url": "Please enter a valid url to run the query",
   "This response contains an @odata property.": "This response contains an @odata property.",
   "Click here to follow the link": "Click here to follow the link",
-  "Signing you out...": "Signing you out..."
+  "Signing you out...": "Signing you out...",
+  "Admin consent not required": "Admin consent is not required"
 }
\ No newline at end of file
diff --git a/src/messages/GE_de-DE.json b/src/messages/GE_de-DE.json
index 697946bcd..f547c97d7 100644
--- a/src/messages/GE_de-DE.json
+++ b/src/messages/GE_de-DE.json
@@ -346,11 +346,29 @@
   "JSON Schema": "JSON-Vorlage",
   "Report an Issue": "Melden eines Problems",
   "Maximize sidebar": "Maximieren der Randleiste",
-  "Getting your access token": "Ihr Zugriffstoken wird abgerufen",
-  "This response contains an @odata.nextLink property.": "Dies Antwort beinhaltet eine Eigenschaft @odata.nextLink.",
-  "Click here to go to the next page": "Klicken Sie hier, um zur nächsten Seite zu gehen",
+  "Getting your access token": "Ihr Zugriffstoken wird abgerufen.",
   "and experiment on": " und experimentieren mit",
   "Scope consent failed": "Umfangsgenehmigung fehlgeschlagen",
-  "Missing url": "Geben Sie eine gültige URL ein, um die Abfrage auszuführen",
-  "Signing you out...": "Abmelden..."
+  "Missing url": "Geben Sie eine gültige URL ein, um die Abfrage auszuführen.",
+  "This response contains an @odata property.": "Dies Antwort beinhaltet eine @odata Eigenschaft.",
+  "Click here to follow the link": "Klicken Sie hier, um dem Link zu folgen.",
+  "Signing you out...": "Abmelden...",
+  "Feedback": "Haben Sie Feedback?",
+  "Comment question": "Erzählen Sie uns mehr von Ihren Erfahrungen",
+  "Prompt question": "Wir freuen uns über Ihr Feedback!",
+  "No": "Nein",
+  "Yes": "Ja",
+  "Rating question": "Wie einfach war die Anwendung von Graph Explorer im Allgemeinen?",
+  "title": "Graph Explorer Feedback",
+  "Extremely difficult": "Äußerst schwierig",
+  "Slightly difficult": "Etwas schwierig",
+  "Neither easy nor difficult": "Weder einfach noch schwierig",
+  "Slightly easy": "Etwas einfacher",
+  "Extremely easy": "Äußerst einfach",
+  "Ratiing": "Bewertung",
+  "Email (optional)": "E-Mail-Optionen",
+  "You can contact me about this feedback": "Sie können mich zu diesem Feedback kontaktieren",
+  "Privacy Statement": "Datenschutzbestimmungen",
+  "Submitted Successfully": "Erfolgreich übermittelt",
+  "Privacy consent": "Durch das Absenden bestätigen Sie, dass Ihr Feedback zur Verbesserung von Microsoft-Produkten und -Diensten verwendet wird. Ihr IT-Administrator kann diese Daten sammeln."
 }
\ No newline at end of file
diff --git a/src/messages/GE_es-ES.json b/src/messages/GE_es-ES.json
index e5287825b..d268354b6 100644
--- a/src/messages/GE_es-ES.json
+++ b/src/messages/GE_es-ES.json
@@ -347,10 +347,28 @@
   "Report an Issue": "Informar de un problema",
   "Maximize sidebar": "Maximizar la barra lateral",
   "Getting your access token": "Obtener el token de acceso",
-  "This response contains an @odata.nextLink property.": "Esta respuesta contiene una propiedad @odata.nextLink.",
-  "Click here to go to the next page": "Haga clic aquí para ir a la página siguiente",
   "and experiment on": " y experimentar con",
   "Scope consent failed": "Error en el consentimiento del ámbito",
   "Missing url": "Escriba una dirección URL válida para ejecutar la consulta",
-  "Signing you out...": "Cerrando sesión..."
+  "This response contains an @odata property.": "Esta respuesta contiene una propiedad @odata.",
+  "Click here to follow the link": "Haga clic aquí para seguir el vínculo",
+  "Signing you out...": "Cerrando sesión...",
+  "Feedback": "¿Tiene comentarios?",
+  "Comment question": "Cuéntenos más sobre su experiencia",
+  "Prompt question": "Nos encantaría recibir sus comentarios",
+  "No": "No",
+  "Yes": "Sí",
+  "Rating question": "En general, ¿le resultó fácil usar el probador de Graph?",
+  "title": "Comentarios sobre el probador de Graph",
+  "Extremely difficult": "Muy difícil",
+  "Slightly difficult": "Bastante difícil",
+  "Neither easy nor difficult": "Ni fácil ni difícil",
+  "Slightly easy": "Bastante fácil",
+  "Extremely easy": "Muy fácil",
+  "Ratiing": "Calificación",
+  "Email (optional)": "Correo electrónico (opcional)",
+  "You can contact me about this feedback": "Puede ponerse en contacto conmigo para obtener estos comentarios",
+  "Privacy Statement": "Declaración de privacidad",
+  "Submitted Successfully": "Enviado correctamente",
+  "Privacy consent": "Al presionar Enviar, sus comentarios se usarán para mejorar los productos y servicios de Microsoft. Su administrador de TI podrá recopilar estos datos"
 }
\ No newline at end of file
diff --git a/src/messages/GE_fr-FR.json b/src/messages/GE_fr-FR.json
index 3f670cffc..e50ae5cc2 100644
--- a/src/messages/GE_fr-FR.json
+++ b/src/messages/GE_fr-FR.json
@@ -346,11 +346,29 @@
   "JSON Schema": "Modèle JSON",
   "Report an Issue": "Signaler un problème",
   "Maximize sidebar": "Agrandir la barre latérale",
-  "Getting your access token": "Obtenir le jeton d'accès",
-  "This response contains an @odata.nextLink property.": "Cette réponse contient une propriété @odata.nextLink.",
-  "Click here to go to the next page": "Cliquez ici pour aller à la page suivante",
+  "Getting your access token": "Obtenir votre jeton d'accès",
   "and experiment on": " et expérimenter sur",
   "Scope consent failed": "Échec du consentement pour l’étendue",
-  "Missing url": "Veuillez entrez une url valide pour exécuter la requête",
-  "Signing you out...": "Déconnexion en cours..."
+  "Missing url": "Veuillez entrez une URL valide pour exécuter la requête",
+  "This response contains an @odata property.": "Cette réponse contient une propriété @odata.",
+  "Click here to follow the link": "Cliquez ici pour suivre le lien",
+  "Signing you out...": "Déconnexion en cours...",
+  "Feedback": "Vous avez des commentaires ?",
+  "Comment question": "Donnez-nous plus d’informations sur votre expérience",
+  "Prompt question": "Nous aimerions connaître votre avis",
+  "No": "Non",
+  "Yes": "Oui",
+  "Rating question": "Globalement, a-t-il été facile d’utiliser l’Afficheur Graph ?",
+  "title": "Commentaires de l’Afficheur Graph",
+  "Extremely difficult": "Extrêmement difficile",
+  "Slightly difficult": "Légèrement difficile",
+  "Neither easy nor difficult": "Ni facile ni difficile",
+  "Slightly easy": "Légèrement facile",
+  "Extremely easy": "Extrêmement facile",
+  "Ratiing": "Evaluation",
+  "Email (optional)": "E-mail (facultatif)",
+  "You can contact me about this feedback": "Vous pouvez me contacter à propos de ces commentaires",
+  "Privacy Statement": "Déclaration de confidentialité",
+  "Submitted Successfully": "Soumis avec succès",
+  "Privacy consent": "En appuyant sur Envoyer, vos commentaires seront utilisés pour améliorer les produits et services Microsoft. Votre administrateur informatique pourra collecter ces données"
 }
\ No newline at end of file
diff --git a/src/messages/GE_ja-JP.json b/src/messages/GE_ja-JP.json
index c40d30139..62cf2d44d 100644
--- a/src/messages/GE_ja-JP.json
+++ b/src/messages/GE_ja-JP.json
@@ -347,10 +347,28 @@
   "Report an Issue": "問題の報告",
   "Maximize sidebar": "サイド バーを最大化する",
   "Getting your access token": "アクセス トークンを取得する",
-  "This response contains an @odata.nextLink property.": "この応答には、@odata.nextLink プロパティが含まれています。",
-  "Click here to go to the next page": "次のページに移動して実験するには、",
   "and experiment on": " ここをクリックしてください",
   "Scope consent failed": "スコープの同意に失敗しました",
   "Missing url": "クエリを実行するには、有効な URL を入力してください",
-  "Signing you out...": "サインアウトしています..."
+  "This response contains an @odata property.": "この応答には、@odata プロパティが含まれています。",
+  "Click here to follow the link": "ここをクリックしてリンクをフォローします",
+  "Signing you out...": "サインアウトしています...",
+  "Feedback": "フィードバックがありますか?",
+  "Comment question": "体験談をお聞かせください",
+  "Prompt question": "ご意見をお寄せください",
+  "No": "いいえ",
+  "Yes": "はい",
+  "Rating question": "Graph エクスプローラーを全体的に簡単に使用する方法",
+  "title": "Graph エクスプローラーのフィードバック",
+  "Extremely difficult": "極めて難しい",
+  "Slightly difficult": "若干難しい",
+  "Neither easy nor difficult": "簡単でも難しくもない",
+  "Slightly easy": "少し簡単",
+  "Extremely easy": "極めて簡単",
+  "Ratiing": "評価",
+  "Email (optional)": "メール (オプション)",
+  "You can contact me about this feedback": "このフィードバックについてお問い合わせできます",
+  "Privacy Statement": "プライバシーに関する声明",
+  "Submitted Successfully": "正常に送信しました",
+  "Privacy consent": "[送信] を押すと、お客様のフィードバックが Microsoft の製品およびサービス向上に活用されます。IT 管理者がこのデータを修正できるようになります"
 }
\ No newline at end of file
diff --git a/src/messages/GE_pt-BR.json b/src/messages/GE_pt-BR.json
index 7dab9f0cc..ed6f3a0f1 100644
--- a/src/messages/GE_pt-BR.json
+++ b/src/messages/GE_pt-BR.json
@@ -347,10 +347,28 @@
   "Report an Issue": "Relatar um Problema",
   "Maximize sidebar": "Maximizar a barra lateral",
   "Getting your access token": "Obtendo seu token de acesso",
-  "This response contains an @odata.nextLink property.": "Essa resposta contém uma propriedade @odata.nextLink.",
-  "Click here to go to the next page": "Clique aqui para ir à próxima página",
   "and experiment on": " e experimente",
   "Scope consent failed": "O consentimento do escopo falhou",
-  "Missing url": "Inserir uma url válida para executar a consulta",
-  "Signing you out...": "Desconectando você..."
+  "Missing url": "Inserir um URL válido para executar a consulta",
+  "This response contains an @odata property.": "Esta resposta contém uma propriedade @odata.",
+  "Click here to follow the link": "Clique aqui para seguir o link",
+  "Signing you out...": "Saindo...",
+  "Feedback": "Tem comentários?",
+  "Comment question": "Conte-nos mais sobre sua experiência",
+  "Prompt question": "Gostaríamos de receber os seus comentários!",
+  "No": "Não",
+  "Yes": "Sim",
+  "Rating question": "Em geral, como foi fácil usar o Explorador do Graph?",
+  "title": "Comentários sobre o Explorador do Graph",
+  "Extremely difficult": "Extremamente difícil",
+  "Slightly difficult": "Ligeiramente difícil",
+  "Neither easy nor difficult": "Nem fácil nem difícil",
+  "Slightly easy": "Ligeiramente fácil",
+  "Extremely easy": "Extremamente fácil",
+  "Ratiing": "Classificação",
+  "Email (optional)": "Email (opcional)",
+  "You can contact me about this feedback": "Você pode me contatar sobre este comentário",
+  "Privacy Statement": "Política de Privacidade",
+  "Submitted Successfully": "Enviado com Êxito",
+  "Privacy consent": "Ao pressionar enviar, seus comentários serão usados para aprimorar os produtos e serviços da Microsoft. Seu administrador de TI poderá coletar esses dados"
 }
\ No newline at end of file
diff --git a/src/messages/GE_ru-RU.json b/src/messages/GE_ru-RU.json
index 06b9fb86d..3658a01d4 100644
--- a/src/messages/GE_ru-RU.json
+++ b/src/messages/GE_ru-RU.json
@@ -347,10 +347,28 @@
   "Report an Issue": "Сообщить о проблеме",
   "Maximize sidebar": "Развернуть боковую панель",
   "Getting your access token": "Получение маркера доступа",
-  "This response contains an @odata.nextLink property.": "Этот ответ содержит свойство @odata.nextLink.",
-  "Click here to go to the next page": "Щелкните здесь, чтобы перейти к следующей странице",
   "and experiment on": " и поэкспериментируйте",
   "Scope consent failed": "Сбой подтверждения области",
   "Missing url": "Введите действительный URL-адрес для выполнения запроса",
-  "Signing you out...": "Выполняется выход…"
+  "This response contains an @odata property.": "Этот отклик содержит свойство @odata.",
+  "Click here to follow the link": "Щелкните здесь, чтобы перейти по ссылке",
+  "Signing you out...": "Выполняется выход…",
+  "Feedback": "Хотите оставить отзыв?",
+  "Comment question": "Расскажите нам больше о своих впечатлениях",
+  "Prompt question": "Мы будем рады получить ваш отзыв",
+  "No": "Нет",
+  "Yes": "Да",
+  "Rating question": "В целом насколько легко было использовать песочницу Graph?",
+  "title": "Отзыв о песочнице Graph",
+  "Extremely difficult": "Чрезвычайно сложно",
+  "Slightly difficult": "Немного сложно",
+  "Neither easy nor difficult": "Нейтральное мнение",
+  "Slightly easy": "Достаточно просто",
+  "Extremely easy": "Очень просто",
+  "Ratiing": "Оценка",
+  "Email (optional)": "Почта (необязательно)",
+  "You can contact me about this feedback": "Вы можете связаться со мной по поводу этого отзыва",
+  "Privacy Statement": "Заявление о конфиденциальности",
+  "Submitted Successfully": "Успешно отправлено",
+  "Privacy consent": "Нажав \"Отправить\", вы разрешаете использовать ваш отзыв для улучшения продуктов и служб Майкрософт. Ваш ИТ-администратор сможет собирать эти данные"
 }
\ No newline at end of file
diff --git a/src/messages/GE_zh-CN.json b/src/messages/GE_zh-CN.json
index 1a1314c29..f8db43bab 100644
--- a/src/messages/GE_zh-CN.json
+++ b/src/messages/GE_zh-CN.json
@@ -347,10 +347,28 @@
   "Report an Issue": "报告问题",
   "Maximize sidebar": "最大化边栏",
   "Getting your access token": "正在获取访问令牌",
-  "This response contains an @odata.nextLink property.": "此响应包含 @odata.nextLink 属性。",
-  "Click here to go to the next page": "单击此处转到下一页",
   "and experiment on": " 和试验",
   "Scope consent failed": "作用域许可失败",
   "Missing url": "请输入有效 URL 以运行查询",
-  "Signing you out...": "正在注销..."
+  "This response contains an @odata property.": "此响应包含 @odata 属性。",
+  "Click here to follow the link": "单击此处访问链接",
+  "Signing you out...": "正在注销...",
+  "Feedback": "要提供反馈？",
+  "Comment question": "告诉我们有关你的体验更多信息",
+  "Prompt question": "我们非常期待你的反馈",
+  "No": "不支持",
+  "Yes": "是",
+  "Rating question": "总体而言，使用 Graph Explorer 有多容易？",
+  "title": "Graph 浏览器反馈",
+  "Extremely difficult": "极难",
+  "Slightly difficult": "有点困难",
+  "Neither easy nor difficult": "不简单也不困难",
+  "Slightly easy": "稍微简单",
+  "Extremely easy": "非常简单",
+  "Ratiing": "评级",
+  "Email (optional)": "电子邮件（可选）",
+  "You can contact me about this feedback": "可联系我有关此反馈的信息",
+  "Privacy Statement": "隐私声明",
+  "Submitted Successfully": "已成功提交",
+  "Privacy consent": "通过按提交，你的反馈将用于改进 Microsoft 产品和服务。你的 IT 管理员能够收集此数据"
 }
\ No newline at end of file
diff --git a/src/telemetry/component-names.ts b/src/telemetry/component-names.ts
index 9fb4efb76..8fb35cdca 100644
--- a/src/telemetry/component-names.ts
+++ b/src/telemetry/component-names.ts
@@ -14,6 +14,7 @@ export const CODE_SNIPPETS_COPY_BUTTON = 'Code snippets copy button';
 export const VIEW_ALL_PERMISSIONS_BUTTON = 'View all permissions button';
 export const EXPORT_HISTORY_ITEM_BUTTON = 'Export history item button';
 export const DELETE_HISTORY_ITEM_BUTTON = 'Delete history item button';
+export const RESPONSE_HEADERS_COPY_BUTTON = 'Response headers copy button';
 
 // List items
 export const HISTORY_LIST_ITEM = 'History list item';
@@ -45,6 +46,7 @@ export const GRAPH_TOOLKIT_PLAYGROUND_LINK = 'Graph toolkit playground link';
 export const MICROSOFT_APIS_TERMS_OF_USE_LINK = 'Microsoft APIs terms of use link';
 export const MICROSOFT_PRIVACY_STATEMENT_LINK = 'Microsoft privacy statement link';
 export const MICROSOFT_GRAPH_API_REFERENCE_DOCS_LINK = 'Microsoft graph API reference docs link';
+export const REPORT_AN_ISSUE_LINK = 'Report an issue link';
 
 // Actions
 export const GET_SNIPPET_ACTION = 'Get snippet action';
diff --git a/src/telemetry/filters.ts b/src/telemetry/filters.ts
index 7f13d9335..7139e33f7 100644
--- a/src/telemetry/filters.ts
+++ b/src/telemetry/filters.ts
@@ -1,11 +1,11 @@
 import { ITelemetryItem } from '@microsoft/applicationinsights-web';
-import { exception } from 'console';
 import { errorTypes } from '.';
 import {
   DEVX_API_URL,
   GRAPH_API_SANDBOX_URL,
   GRAPH_URL,
   HOME_ACCOUNT_KEY,
+  ADAPTIVE_CARD_URL,
 } from '../app/services/graph-constants';
 import {
   sanitizeGraphAPISandboxUrl,
@@ -29,7 +29,12 @@ export function filterRemoteDependencyData(envelope: ITelemetryItem): boolean {
     const baseData = envelope.baseData || {};
     const urlObject = new URL(baseData.target || '');
 
-    const targetsToInclude = [GRAPH_URL, DEVX_API_URL, GRAPH_API_SANDBOX_URL];
+    const targetsToInclude = [
+      GRAPH_URL,
+      DEVX_API_URL,
+      new URL(GRAPH_API_SANDBOX_URL).origin,
+      new URL(ADAPTIVE_CARD_URL).origin,
+    ];
     if (!targetsToInclude.includes(urlObject.origin)) {
       return false;
     }
diff --git a/src/telemetry/telemetry.ts b/src/telemetry/telemetry.ts
index 20f3f12a6..7e86917c4 100644
--- a/src/telemetry/telemetry.ts
+++ b/src/telemetry/telemetry.ts
@@ -13,7 +13,11 @@ import { version } from '../../package.json';
 import { validateExternalLink } from '../app/utils/external-link-validation';
 import { sanitizeQueryUrl } from '../app/utils/query-url-sanitization';
 import { IQuery } from '../types/query-runner';
-import { LINK_CLICK_EVENT, TAB_CLICK_EVENT } from './event-types';
+import {
+  BUTTON_CLICK_EVENT,
+  LINK_CLICK_EVENT,
+  TAB_CLICK_EVENT,
+} from './event-types';
 import {
   addCommonTelemetryItemProperties,
   filterRemoteDependencyData,
@@ -92,6 +96,20 @@ class Telemetry implements ITelemetry {
     validateExternalLink(url, componentName);
   }
 
+  public trackCopyButtonClickEvent(
+    componentName: string,
+    sampleQuery?: IQuery,
+    properties?: { [key: string]: string }
+  ) {
+    properties = properties || {};
+    properties.ComponentName = componentName;
+    if (sampleQuery) {
+      const sanitizedUrl = sanitizeQueryUrl(sampleQuery.sampleUrl);
+      properties.QuerySignature = `${sampleQuery.selectedVerb} ${sanitizedUrl}`;
+    }
+    telemetry.trackEvent(BUTTON_CLICK_EVENT, properties);
+  }
+
   private getInstrumentationKey() {
     return (
       (window as any).InstrumentationKey ||
diff --git a/src/types/permissions.ts b/src/types/permissions.ts
index c0045dbd3..476169962 100644
--- a/src/types/permissions.ts
+++ b/src/types/permissions.ts
@@ -17,6 +17,7 @@ export interface IPermissionProps {
   panel: boolean;
   sample: IQuery[];
   tokenPresent: boolean;
+  permissionsPanelOpen: boolean;
   consentedScopes: string[];
   setPermissions: Function;
   actions?: {
diff --git a/src/types/root.ts b/src/types/root.ts
index 251f02f11..894c0c0b1 100644
--- a/src/types/root.ts
+++ b/src/types/root.ts
@@ -1,6 +1,7 @@
 import { IAdaptiveCardResponse } from './adaptivecard';
 import { IAuthenticateResult } from './authentication';
 import { IAutocompleteResponse } from './auto-complete';
+import { IDevxAPI } from './devx-api';
 import { IDimensions } from './dimensions';
 import { Mode } from './enums';
 import { IHistoryItem } from './history';
@@ -33,6 +34,7 @@ export interface IRootState {
   responseAreaExpanded: boolean;
   dimensions: IDimensions;
   autoComplete: IAutocompleteResponse;
+  devxApi: IDevxAPI;
 }
 
 export interface IApiFetch {