webpack and all loader as well plugin version update

src/Common/TableEntity.tsx

@@ -1,3 +1,5 @@
+import DeleteIcon from "images/delete.svg";
+import EditIcon from "images/Edit_entity.svg";
 import {
   Dropdown,
   IDropdownOption,
@@ -10,8 +12,6 @@ import {
   TooltipHost,
 } from "office-ui-fabric-react";
 import React, { FunctionComponent } from "react";
-import DeleteIcon from "../../images/delete.svg";
-import EditIcon from "../../images/Edit_entity.svg";
 import { CassandraType, TableType } from "../Explorer/Tables/Constants";
 import { userContext } from "../UserContext";
 import { EntityValue } from "./EntityValue";

src/Common/Tooltip/Tooltip.tsx

@@ -1,7 +1,7 @@
 import { useId } from "@uifabric/react-hooks";
+import InfoBubble from "images/info-bubble.svg";
 import { ITooltipHostStyles, TooltipHost } from "office-ui-fabric-react/lib/Tooltip";
 import * as React from "react";
-import InfoBubble from "../../../images/info-bubble.svg";
 
 const calloutProps = { gapSpace: 0 };
 const hostStyles: Partial<ITooltipHostStyles> = { root: { display: "inline-block" } };

src/Common/Upload/Upload.tsx

@@ -1,6 +1,6 @@
+import FolderIcon from "images/folder_16x16.svg";
 import { Image, Stack, TextField } from "office-ui-fabric-react";
 import React, { ChangeEvent, FunctionComponent, KeyboardEvent, useRef, useState } from "react";
-import FolderIcon from "../../../images/folder_16x16.svg";
 import * as Constants from "../Constants";
 import { Tooltip } from "../Tooltip/Tooltip";
 

src/Controls/Heatmap/Heatmap.ts

@@ -14,7 +14,7 @@ import {
   HeatmapData,
   LayoutSettings,
   PartitionTimeStampToData,
-  PortalTheme,
+  PortalTheme
 } from "./HeatmapDatatypes";
 
 export class Heatmap {

src/Explorer/ContextMenuButtonFactory.ts

@@ -1,14 +1,14 @@
-import AddCollectionIcon from "../../images/AddCollection.svg";
-import AddSqlQueryIcon from "../../images/AddSqlQuery_16x16.svg";
-import AddStoredProcedureIcon from "../../images/AddStoredProcedure.svg";
-import AddTriggerIcon from "../../images/AddTrigger.svg";
-import AddUdfIcon from "../../images/AddUdf.svg";
-import DeleteCollectionIcon from "../../images/DeleteCollection.svg";
-import DeleteDatabaseIcon from "../../images/DeleteDatabase.svg";
-import DeleteSprocIcon from "../../images/DeleteSproc.svg";
-import DeleteTriggerIcon from "../../images/DeleteTrigger.svg";
-import DeleteUDFIcon from "../../images/DeleteUDF.svg";
-import HostedTerminalIcon from "../../images/Hosted-Terminal.svg";
+import AddCollectionIcon from "images/AddCollection.svg";
+import AddSqlQueryIcon from "images/AddSqlQuery_16x16.svg";
+import AddStoredProcedureIcon from "images/AddStoredProcedure.svg";
+import AddTriggerIcon from "images/AddTrigger.svg";
+import AddUdfIcon from "images/AddUdf.svg";
+import DeleteCollectionIcon from "images/DeleteCollection.svg";
+import DeleteDatabaseIcon from "images/DeleteDatabase.svg";
+import DeleteSprocIcon from "images/DeleteSproc.svg";
+import DeleteTriggerIcon from "images/DeleteTrigger.svg";
+import DeleteUDFIcon from "images/DeleteUDF.svg";
+import HostedTerminalIcon from "images/Hosted-Terminal.svg";
 import * as ViewModels from "../Contracts/ViewModels";
 import { DefaultAccountExperienceType } from "../DefaultAccountExperienceType";
 import { userContext } from "../UserContext";

src/Explorer/Controls/Accordion/AccordionComponent.tsx

@@ -2,12 +2,11 @@
  * Accordion top class
  */
 
+import TriangleDownIcon from "images/Triangle-down.svg";
+import TriangleRightIcon from "images/Triangle-right.svg";
 import * as React from "react";
-import * as Constants from "../../../Common/Constants";
 import AnimateHeight from "react-animate-height";
-
-import TriangleDownIcon from "../../../../images/Triangle-down.svg";
-import TriangleRightIcon from "../../../../images/Triangle-right.svg";
+import * as Constants from "../../../Common/Constants";
 
 export interface AccordionComponentProps {}
 

src/Explorer/Controls/CollapsiblePanel/CollapsiblePanel.tsx

@@ -6,8 +6,8 @@
  * - calling render()
  */
 
+import LeftArrowIcon from "images/imgarrowlefticon.svg";
 import * as React from "react";
-import LeftArrowIcon from "../../../../images/imgarrowlefticon.svg";
 import { AccessibleElement } from "../../Controls/AccessibleElement/AccessibleElement";
 
 export interface CollapsiblePanelProps {

src/Explorer/Controls/CommandButton/CommandButtonComponent.tsx

@@ -1,14 +1,12 @@
-import * as StringUtils from "../../../Utils/StringUtils";
-import { KeyCodes } from "../../../Common/Constants";
-import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
-import { Action, ActionModifiers } from "../../../Shared/Telemetry/TelemetryConstants";
-import CollapseChevronDownIcon from "../../../../images/QueryBuilder/CollapseChevronDown_16x.png";
-
+import CollapseChevronDownIcon from "images/QueryBuilder/CollapseChevronDown_16x.png";
 /**
  * React component for Command button component.
  */
-
 import * as React from "react";
+import { KeyCodes } from "../../../Common/Constants";
+import { Action, ActionModifiers } from "../../../Shared/Telemetry/TelemetryConstants";
+import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
+import * as StringUtils from "../../../Utils/StringUtils";
 import { ArcadiaMenuPickerProps } from "../Arcadia/ArcadiaMenuPicker";
 
 /**

src/Explorer/Controls/DynamicList/dynamic-list.html

@@ -15,7 +15,7 @@
         tabindex="0"
         data-bind="click: $parent.removeItem, event: { keydown: $parent.onRemoveItemKeyPress }"
       >
-        <img src="/delete.svg" alt="Remove item" />
+        <img src="/images/delete.svg" alt="Remove item" />
       </span>
     </div>
   </div>
@@ -28,7 +28,7 @@
       tabindex="0"
       data-bind="click: addItem, event: { keydown: onAddItemKeyPress }"
     >
-      <img src="/Add-property.svg" data-bind="attr: {alt: buttonText}" /> <span data-bind="text: buttonText"></span>
+      <img src="/images/Add-property.svg" data-bind="attr: {alt: buttonText}" /> <span data-bind="text: buttonText"></span>
     </span>
   </div>
 </div>

src/Explorer/Controls/ErrorDisplayComponent/error-display-component.html

@@ -1,6 +1,6 @@
 <div class="warningErrorContainer" data-bind="visible: !!params.errorMsg()">
   <div class="warningErrorContent">
-    <span><img src="/error_red.svg" alt="Error" /></span>
+    <span><img src="/images/error_red.svg" alt="Error" /></span>
     <span class="settingErrorMsg warningErrorDetailsLinkContainer" data-bind="text: params.errorMsg()"></span>
   </div>
 </div>

src/Explorer/Controls/NotebookGallery/Cards/GalleryCardComponent.tsx

@@ -1,25 +1,25 @@
 import { Card } from "@uifabric/react-cards";
+import CosmosDBLogo from "images/CosmosDB-logo.svg";
 import {
+  BaseButton,
+  Button,
   FontWeights,
   Icon,
   IconButton,
   Image,
   ImageFit,
-  Persona,
-  Text,
   Link,
-  BaseButton,
-  Button,
   LinkBase,
+  Persona,
   Separator,
-  TooltipHost,
   Spinner,
   SpinnerSize,
+  Text,
+  TooltipHost,
 } from "office-ui-fabric-react";
 import * as React from "react";
 import { IGalleryItem } from "../../../../Juno/JunoClient";
 import * as FileSystemUtil from "../../../Notebook/FileSystemUtil";
-import CosmosDBLogo from "../../../../../images/CosmosDB-logo.svg";
 
 export interface GalleryCardComponentProps {
   data: IGalleryItem;

src/Explorer/Controls/NotebookViewer/NotebookMetadataComponent.tsx

@@ -1,6 +1,7 @@
 /**
  * Wrapper around Notebook metadata
  */
+import CosmosDBLogo from "images/CosmosDB-logo.svg";
 import {
   FontWeights,
   Icon,
@@ -15,9 +16,8 @@ import {
 import * as React from "react";
 import { IGalleryItem } from "../../../Juno/JunoClient";
 import * as FileSystemUtil from "../../Notebook/FileSystemUtil";
-import "./NotebookViewerComponent.less";
-import CosmosDBLogo from "../../../../images/CosmosDB-logo.svg";
 import { InfoComponent } from "../NotebookGallery/InfoComponent/InfoComponent";
+import "./NotebookViewerComponent.less";
 
 export interface NotebookMetadataComponentProps {
   data: IGalleryItem;

src/Explorer/Controls/QueriesGridReactComponent/QueriesGridComponent.tsx

@@ -1,3 +1,4 @@
+import SaveQueryBannerIcon from "images/save_query_banner.png";
 import { IButtonProps, IconButton } from "office-ui-fabric-react/lib/Button";
 import { ContextualMenu, IContextualMenuProps } from "office-ui-fabric-react/lib/ContextualMenu";
 import {
@@ -19,7 +20,6 @@ import {
 } from "office-ui-fabric-react/lib/utilities/selection/index";
 import * as React from "react";
 import * as _ from "underscore";
-import SaveQueryBannerIcon from "../../../../images/save_query_banner.png";
 import * as Constants from "../../../Common/Constants";
 import { StyleConstants } from "../../../Common/Constants";
 import { getErrorMessage, getErrorStack } from "../../../Common/ErrorHandlingUtils";

src/Explorer/Controls/Settings/SettingsComponent.tsx

@@ -1,7 +1,7 @@
+import DiscardIcon from "images/discard.svg";
+import SaveIcon from "images/save-cosmos.svg";
 import { IPivotItemProps, IPivotProps, Pivot, PivotItem } from "office-ui-fabric-react";
 import * as React from "react";
-import DiscardIcon from "../../../../images/discard.svg";
-import SaveIcon from "../../../../images/save-cosmos.svg";
 import { AuthType } from "../../../AuthType";
 import * as Constants from "../../../Common/Constants";
 import { getIndexTransformationProgress } from "../../../Common/dataAccess/getIndexTransformationProgress";

src/Explorer/Controls/ThroughputInput/ThroughputInputComponentAutoscaleV3.html

@@ -9,7 +9,7 @@
 
       <!-- ko if: infoBubbleText -->
       <span class="infoTooltip" role="tooltip" tabindex="0">
-        <img class="infoImg" src="../../../../images/info-bubble.svg" alt="More information" />
+        <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
         <span data-bind="text: infoBubbleText" class="tooltiptext throughputRuInfo"></span>
       </span>
       <!-- /ko -->
@@ -163,7 +163,7 @@
     </div>
 
     <div class="freeTierInlineWarning" data-bind="visible: showFreeTierExceedThroughputWarning">
-      <span class="freeTierWarningIcon"><img src="/warning.svg" alt="Warning" /></span>
+      <span class="freeTierWarningIcon"><img src="/images/warning.svg" alt="Warning" /></span>
       <span class="freeTierWarningMessage" data-bind="text: freeTierExceedThroughputWarning"></span>
     </div>
 

src/Explorer/Controls/TreeComponent/TreeComponent.tsx

@@ -5,21 +5,20 @@
  * - context menu
  */
 
-import * as React from "react";
-import * as Constants from "../../../Common/Constants";
-import AnimateHeight from "react-animate-height";
-import { IconButton, IButtonStyles } from "office-ui-fabric-react/lib/Button";
+import LoadingIndicator_3Squares from "images/LoadingIndicator_3Squares.gif";
+import TriangleDownIcon from "images/Triangle-down.svg";
+import TriangleRightIcon from "images/Triangle-right.svg";
+import { IButtonStyles, IconButton } from "office-ui-fabric-react/lib/Button";
 import {
   DirectionalHint,
   IContextualMenuItemProps,
   IContextualMenuProps,
 } from "office-ui-fabric-react/lib/ContextualMenu";
-
-import TriangleDownIcon from "../../../../images/Triangle-down.svg";
-import TriangleRightIcon from "../../../../images/Triangle-right.svg";
-import LoadingIndicator_3Squares from "../../../../images/LoadingIndicator_3Squares.gif";
-import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
+import * as React from "react";
+import AnimateHeight from "react-animate-height";
+import * as Constants from "../../../Common/Constants";
 import { Action, ActionModifiers } from "../../../Shared/Telemetry/TelemetryConstants";
+import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
 
 export interface TreeNodeMenuItem {
   label: string;

src/Explorer/Graph/GraphExplorerComponent/EditorNeighborsComponent.tsx

@@ -3,13 +3,13 @@
  * Editor for neighbors (targets or sources)
  */
 
+import AddPropertyIcon from "images/Add-property.svg";
+import DeleteIcon from "images/delete.svg";
 import * as React from "react";
-import { NeighborVertexBasicInfo, EditedEdges, GraphNewEdgeData, PossibleVertex } from "./GraphExplorer";
-import * as GraphUtil from "./GraphUtil";
-import * as InputTypeaheadComponent from "../../Controls/InputTypeahead/InputTypeaheadComponent";
-import DeleteIcon from "../../../../images/delete.svg";
-import AddPropertyIcon from "../../../../images/Add-property.svg";
 import { AccessibleElement } from "../../Controls/AccessibleElement/AccessibleElement";
+import * as InputTypeaheadComponent from "../../Controls/InputTypeahead/InputTypeaheadComponent";
+import { EditedEdges, GraphNewEdgeData, NeighborVertexBasicInfo, PossibleVertex } from "./GraphExplorer";
+import * as GraphUtil from "./GraphUtil";
 
 export interface EditorNeighborsComponentProps {
   isSource: boolean;

src/Explorer/Graph/GraphExplorerComponent/EditorNodePropertiesComponent.tsx

@@ -3,13 +3,13 @@
  * Read-only properties
  */
 
+import AddIcon from "images/Add-property.svg";
+import DeleteIcon from "images/delete.svg";
 import * as React from "react";
 import * as ViewModels from "../../../Contracts/ViewModels";
-import { EditedProperties } from "./GraphExplorer";
-import DeleteIcon from "../../../../images/delete.svg";
-import AddIcon from "../../../../images/Add-property.svg";
-import { ReadOnlyNodePropertiesComponent } from "./ReadOnlyNodePropertiesComponent";
 import { AccessibleElement } from "../../Controls/AccessibleElement/AccessibleElement";
+import { EditedProperties } from "./GraphExplorer";
+import { ReadOnlyNodePropertiesComponent } from "./ReadOnlyNodePropertiesComponent";
 
 export interface EditorNodePropertiesComponentProps {
   editedProperties: EditedProperties;

src/Explorer/Graph/GraphExplorerComponent/GraphExplorer.tsx

@@ -1,8 +1,8 @@
 import { FeedOptions, ItemDefinition, QueryIterator, Resource } from "@azure/cosmos";
+import LoadGraphIcon from "images/LoadGraph.png";
+import LoadingIndicatorIcon from "images/LoadingIndicator_3Squares.gif";
 import * as Q from "q";
 import * as React from "react";
-import LoadGraphIcon from "../../../../images/LoadGraph.png";
-import LoadingIndicatorIcon from "../../../../images/LoadingIndicator_3Squares.gif";
 import * as Constants from "../../../Common/Constants";
 import { queryDocuments } from "../../../Common/dataAccess/queryDocuments";
 import { queryDocumentsPage } from "../../../Common/dataAccess/queryDocumentsPage";

src/Explorer/Graph/GraphExplorerComponent/MiddlePaneComponent.tsx

@@ -1,8 +1,8 @@
+import CollapseArrowIcon from "images/Collapse_arrow_14x14.svg";
+import ExpandIcon from "images/Expand_14x14.svg";
+import LoadingIndicatorIcon from "images/LoadingIndicator_3Squares.gif";
 import * as React from "react";
 import { GraphVizComponent, GraphVizComponentProps } from "./GraphVizComponent";
-import CollapseArrowIcon from "../../../../images/Collapse_arrow_14x14.svg";
-import ExpandIcon from "../../../../images/Expand_14x14.svg";
-import LoadingIndicatorIcon from "../../../../images/LoadingIndicator_3Squares.gif";
 
 interface MiddlePaneComponentProps {
   isTabsContentExpanded: boolean;

src/Explorer/Graph/GraphExplorerComponent/NodePropertiesComponent.tsx

@@ -4,22 +4,27 @@
  * The mode is controlled by the parent of this component
  */
 
+import CancelIcon from "images/cancel.svg";
+import CheckIcon from "images/check.svg";
+import DeleteIcon from "images/delete.svg";
+import EditIcon from "images/edit.svg";
 import * as React from "react";
-import { GraphHighlightedNodeData, EditedProperties, EditedEdges, PossibleVertex } from "./GraphExplorer";
-import { CollapsiblePanel } from "../../Controls/CollapsiblePanel/CollapsiblePanel";
-import { ReadOnlyNodePropertiesComponent } from "./ReadOnlyNodePropertiesComponent";
-import { EditorNodePropertiesComponent } from "./EditorNodePropertiesComponent";
-import { ReadOnlyNeighborsComponent } from "./ReadOnlyNeighborsComponent";
 import * as ViewModels from "../../../Contracts/ViewModels";
-import { Item } from "../../Controls/InputTypeahead/InputTypeaheadComponent";
-import * as EditorNeighbors from "./EditorNeighborsComponent";
-import EditIcon from "../../../../images/edit.svg";
-import DeleteIcon from "../../../../images/delete.svg";
-import CheckIcon from "../../../../images/check.svg";
-import CancelIcon from "../../../../images/cancel.svg";
-import { GraphExplorer } from "./GraphExplorer";
-import { ConsoleDataType } from "../../Menus/NotificationConsole/NotificationConsoleComponent";
 import { AccessibleElement } from "../../Controls/AccessibleElement/AccessibleElement";
+import { CollapsiblePanel } from "../../Controls/CollapsiblePanel/CollapsiblePanel";
+import { Item } from "../../Controls/InputTypeahead/InputTypeaheadComponent";
+import { ConsoleDataType } from "../../Menus/NotificationConsole/NotificationConsoleComponent";
+import * as EditorNeighbors from "./EditorNeighborsComponent";
+import { EditorNodePropertiesComponent } from "./EditorNodePropertiesComponent";
+import {
+  EditedEdges,
+  EditedProperties,
+  GraphExplorer,
+  GraphHighlightedNodeData,
+  PossibleVertex,
+} from "./GraphExplorer";
+import { ReadOnlyNeighborsComponent } from "./ReadOnlyNeighborsComponent";
+import { ReadOnlyNodePropertiesComponent } from "./ReadOnlyNodePropertiesComponent";
 
 export enum Mode {
   READONLY_PROP,

src/Explorer/Graph/GraphExplorerComponent/QueryContainerComponent.tsx

@@ -1,6 +1,6 @@
+import CloseIcon from "images/close-black.svg";
 import * as React from "react";
 import * as InputTypeaheadComponent from "../../Controls/InputTypeahead/InputTypeaheadComponent";
-import CloseIcon from "../../../../images/close-black.svg";
 
 export interface QueryContainerComponentProps {
   initialQuery: string;

src/Explorer/Graph/NewVertexComponent/NewVertexComponent.tsx

@@ -1,7 +1,7 @@
+import AddIcon from "images/Add-property.svg";
+import DeleteIcon from "images/delete.svg";
 import { Dropdown, IDropdownOption, Stack, TextField } from "office-ui-fabric-react";
 import React, { FunctionComponent, useRef, useState } from "react";
-import AddIcon from "../../../../images/Add-property.svg";
-import DeleteIcon from "../../../../images/delete.svg";
 import { NormalizedEventKey } from "../../../Common/Constants";
 import { GremlinPropertyValueType, InputPropertyValueTypeString, NewVertexData } from "../../../Contracts/ViewModels";
 import { EditorNodePropertiesComponent } from "../GraphExplorerComponent/EditorNodePropertiesComponent";

src/Explorer/Menus/CommandBar/CommandBarComponentButtonFactory.tsx

@@ -1,22 +1,22 @@
+import AddCollectionIcon from "images/AddCollection.svg";
+import AddDatabaseIcon from "images/AddDatabase.svg";
+import AddSqlQueryIcon from "images/AddSqlQuery_16x16.svg";
+import AddStoredProcedureIcon from "images/AddStoredProcedure.svg";
+import AddTriggerIcon from "images/AddTrigger.svg";
+import AddUdfIcon from "images/AddUdf.svg";
+import BrowseQueriesIcon from "images/BrowseQuery.svg";
+import CosmosTerminalIcon from "images/Cosmos-Terminal.svg";
+import FeedbackIcon from "images/Feedback-Command.svg";
+import GitHubIcon from "images/github.svg";
+import HostedTerminalIcon from "images/Hosted-Terminal.svg";
+import EnableNotebooksIcon from "images/notebook/Notebook-enable.svg";
+import NewNotebookIcon from "images/notebook/Notebook-new.svg";
+import ResetWorkspaceIcon from "images/notebook/Notebook-reset-workspace.svg";
+import OpenInTabIcon from "images/open-in-tab.svg";
+import OpenQueryFromDiskIcon from "images/OpenQueryFromDisk.svg";
+import SettingsIcon from "images/settings_15x15.svg";
+import SynapseIcon from "images/synapse-link.svg";
 import * as React from "react";
-import AddCollectionIcon from "../../../../images/AddCollection.svg";
-import AddDatabaseIcon from "../../../../images/AddDatabase.svg";
-import AddSqlQueryIcon from "../../../../images/AddSqlQuery_16x16.svg";
-import AddStoredProcedureIcon from "../../../../images/AddStoredProcedure.svg";
-import AddTriggerIcon from "../../../../images/AddTrigger.svg";
-import AddUdfIcon from "../../../../images/AddUdf.svg";
-import BrowseQueriesIcon from "../../../../images/BrowseQuery.svg";
-import CosmosTerminalIcon from "../../../../images/Cosmos-Terminal.svg";
-import FeedbackIcon from "../../../../images/Feedback-Command.svg";
-import GitHubIcon from "../../../../images/github.svg";
-import HostedTerminalIcon from "../../../../images/Hosted-Terminal.svg";
-import EnableNotebooksIcon from "../../../../images/notebook/Notebook-enable.svg";
-import NewNotebookIcon from "../../../../images/notebook/Notebook-new.svg";
-import ResetWorkspaceIcon from "../../../../images/notebook/Notebook-reset-workspace.svg";
-import OpenInTabIcon from "../../../../images/open-in-tab.svg";
-import OpenQueryFromDiskIcon from "../../../../images/OpenQueryFromDisk.svg";
-import SettingsIcon from "../../../../images/settings_15x15.svg";
-import SynapseIcon from "../../../../images/synapse-link.svg";
 import { AuthType } from "../../../AuthType";
 import * as Constants from "../../../Common/Constants";
 import { Areas } from "../../../Common/Constants";

src/Explorer/Menus/CommandBar/CommandBarUtil.tsx

@@ -1,18 +1,18 @@
-import _ from "underscore";
-import * as React from "react";
+import ChevronDownIcon from "images/Chevron_down.svg";
 import { Observable } from "knockout";
+import { ICommandBarItemProps } from "office-ui-fabric-react/lib/CommandBar";
+import { Dropdown, IDropdownOption, IDropdownStyles } from "office-ui-fabric-react/lib/Dropdown";
 import { IconType } from "office-ui-fabric-react/lib/Icon";
 import { IComponentAsProps } from "office-ui-fabric-react/lib/Utilities";
+import * as React from "react";
+import _ from "underscore";
 import { StyleConstants } from "../../../Common/Constants";
-import { ICommandBarItemProps } from "office-ui-fabric-react/lib/CommandBar";
-import { Dropdown, IDropdownStyles, IDropdownOption } from "office-ui-fabric-react/lib/Dropdown";
-import { CommandButtonComponentProps } from "../../Controls/CommandButton/CommandButtonComponent";
-import ChevronDownIcon from "../../../../images/Chevron_down.svg";
-import { ArcadiaMenuPicker } from "../../Controls/Arcadia/ArcadiaMenuPicker";
-import { MemoryTrackerComponent } from "./MemoryTrackerComponent";
 import { MemoryUsageInfo } from "../../../Contracts/DataModels";
-import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
 import { Action, ActionModifiers } from "../../../Shared/Telemetry/TelemetryConstants";
+import * as TelemetryProcessor from "../../../Shared/Telemetry/TelemetryProcessor";
+import { ArcadiaMenuPicker } from "../../Controls/Arcadia/ArcadiaMenuPicker";
+import { CommandButtonComponentProps } from "../../Controls/CommandButton/CommandButtonComponent";
+import { MemoryTrackerComponent } from "./MemoryTrackerComponent";
 
 /**
  * Convert our NavbarButtonConfig to UI Fabric buttons

src/Explorer/Menus/NotificationConsole/NotificationConsoleComponent.tsx

@@ -2,18 +2,18 @@
  * React component for control bar
  */
 
+import LoaderIcon from "images/circular_loader_black_16x16.gif";
+import ClearIcon from "images/Clear.svg";
+import ErrorBlackIcon from "images/error_black.svg";
+import ErrorRedIcon from "images/error_red.svg";
+import infoBubbleIcon from "images/info-bubble-9x9.svg";
+import InfoIcon from "images/info_color.svg";
+import LoadingIcon from "images/loading.svg";
+import ChevronDownIcon from "images/QueryBuilder/CollapseChevronDown_16x.png";
+import ChevronUpIcon from "images/QueryBuilder/CollapseChevronUp_16x.png";
 import { Dropdown, IDropdownOption } from "office-ui-fabric-react";
 import * as React from "react";
 import AnimateHeight from "react-animate-height";
-import LoaderIcon from "../../../../images/circular_loader_black_16x16.gif";
-import ClearIcon from "../../../../images/Clear.svg";
-import ErrorBlackIcon from "../../../../images/error_black.svg";
-import ErrorRedIcon from "../../../../images/error_red.svg";
-import infoBubbleIcon from "../../../../images/info-bubble-9x9.svg";
-import InfoIcon from "../../../../images/info_color.svg";
-import LoadingIcon from "../../../../images/loading.svg";
-import ChevronDownIcon from "../../../../images/QueryBuilder/CollapseChevronDown_16x.png";
-import ChevronUpIcon from "../../../../images/QueryBuilder/CollapseChevronUp_16x.png";
 import { ClientDefaults, KeyCodes } from "../../../Common/Constants";
 import { userContext } from "../../../UserContext";
 

src/Explorer/Notebook/NotebookRenderer/NotebookRenderer.tsx

@@ -6,7 +6,7 @@ import MonacoEditor from "@nteract/stateful-components/lib/inputs/connected-edit
 import { PassedEditorProps } from "@nteract/stateful-components/lib/inputs/editor";
 import * as React from "react";
 import { DndProvider } from "react-dnd";
-import HTML5Backend from "react-dnd-html5-backend";
+import { HTML5Backend } from "react-dnd-html5-backend";
 import { connect } from "react-redux";
 import { Dispatch } from "redux";
 import { userContext } from "../../../UserContext";

src/Explorer/Notebook/NotebookRenderer/decorators/CellCreator.tsx

@@ -1,12 +1,11 @@
-import { actions, selectors, ContentRef, AppState } from "@nteract/core";
 import { CellType } from "@nteract/commutable";
+import { actions, AppState, ContentRef, selectors } from "@nteract/core";
+import AddCodeCellIcon from "images/notebook/add-code-cell.svg";
+import AddTextCellIcon from "images/notebook/add-text-cell.svg";
 import * as React from "react";
 import { connect } from "react-redux";
 import { Dispatch } from "redux";
-
 import styled from "styled-components";
-import AddCodeCellIcon from "../../../../../images/notebook/add-code-cell.svg";
-import AddTextCellIcon from "../../../../../images/notebook/add-text-cell.svg";
 
 interface ComponentProps {
   id: string;

src/Explorer/Panes/AddCollectionPane.html

@@ -15,7 +15,7 @@
     <!-- Add collection form  -- End -->
     <!-- Loader - Start -->
     <div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
-      <img class="dataExplorerLoader" src="/LoadingIndicator_3Squares.gif" />
+      <img class="dataExplorerLoader" src="/images/LoadingIndicator_3Squares.gif" />
     </div>
     <!-- Loader - End -->
   </div>
@@ -33,7 +33,7 @@
       data-bind="click: cancel, event: { keypress: onCloseKeyPress }"
       tabindex="0"
     >
-      <img src="../../../images/close-black.svg" title="Close" alt="Close" />
+      <img src="/images/close-black.svg" title="Close" alt="Close" />
     </div>
   </div>
   <!-- Add collection header - End -->
@@ -41,7 +41,7 @@
   <!-- Add collection errors - Start -->
   <div class="warningErrorContainer" aria-live="assertive" data-bind="visible: formErrors() && formErrors() !== ''">
     <div class="warningErrorContent">
-      <span><img class="paneErrorIcon" src="/error_red.svg" alt="Error" /></span>
+      <span><img class="paneErrorIcon" src="/images/error_red.svg" alt="Error" /></span>
       <span class="warningErrorDetailsLinkContainer">
         <span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
         <a
@@ -57,7 +57,7 @@
   </div>
   <div class="warningErrorContainer" aria-live="assertive" data-bind="visible: formWarnings() && formWarnings() !== ''">
     <div class="warningErrorContent">
-      <span><img class="paneErrorIcon" src="/warning.svg" alt="Warning" /></span>
+      <span><img class="paneErrorIcon" src="/images/warning.svg" alt="Warning" /></span>
       <span class="warningErrorDetailsLinkContainer">
         <span class="formErrors" data-bind="text: formWarnings, attr: { title: formWarnings }"></span>
       </span>
@@ -72,7 +72,7 @@
     data-bind="visible: showUpsellMessage && showUpsellMessage() && formErrors && !formErrors()"
   >
     <div class="infoBoxContent">
-      <span><img class="infoBoxIcon" src="/info_color.svg" alt="Promo" /></span>
+      <span><img class="infoBoxIcon" src="/images/info_color.svg" alt="Promo" /></span>
       <span class="infoBoxDetails">
         <span class="infoBoxMessage" data-bind="text: upsellMessage, attr: { title: upsellMessage }"></span>
         <a
@@ -95,7 +95,7 @@
         <span class="mandatoryStar">*</span>
         <span class="addCollectionLabel">Database id</span>
         <span class="infoTooltip" role="tooltip" tabindex="0">
-          <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+          <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
           <span class="tooltiptext infoTooltipWidth"
             >A database is analogous to a namespace. It is the unit of management for a set of containers.</span
           >
@@ -181,7 +181,7 @@
         />
         <span class="databaseProvisionText" for="databaseSharedThroughput">Provision database throughput</span>
         <span class="infoTooltip" role="tooltip" tabindex="0">
-          <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+          <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
           <span class="tooltiptext provisionDatabaseThroughput"
             >Provisioned throughput at the database level will be shared across all containers within the
             database.</span
@@ -228,7 +228,7 @@
         <span class="mandatoryStar">*</span>
         <span class="addCollectionLabel" data-bind="text: collectionIdTitle"></span>
         <span class="infoTooltip" role="tooltip" tabindex="0">
-          <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+          <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
           <span class="tooltiptext infoTooltipWidth"
             >Unique identifier for the container and used for id-based routing through REST and all SDKs</span
           >
@@ -302,7 +302,7 @@
       <span class="mandatoryStar">*</span>
       <span class="addCollectionLabel">Storage capacity</span>
       <span class="infoTooltip" role="tooltip" tabindex="0">
-        <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+        <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
         <span class="tooltiptext infoTooltipWidth"
           >This is the maximum storage size of the container. Storage is billed per GB based on consumption.</span
         >
@@ -336,7 +336,7 @@
             <span class="mandatoryStar">*</span>
             <span class="addCollectionLabel" data-bind="text: partitionKeyName"></span>
             <span class="infoTooltip" role="tooltip" tabindex="0">
-              <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+              <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
               <span class="tooltiptext infoTooltipWidth"
                 >The <span data-bind="text: partitionKeyName"></span> is used to automatically partition data among
                 multiple servers for scalability. Choose a JSON property name that has a wide range of values and is
@@ -396,7 +396,7 @@
           />
           <span for="collectionSharedThroughput" data-bind="text: collectionWithThroughputInSharedTitle"></span>
           <span class="leftAlignInfoTooltip" role="tooltip" tabindex="0">
-            <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+            <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
             <span class="tooltiptext sharedCollectionThroughputTooltipWidth"
               >You can optionally provision dedicated throughput for a container within a database that has throughput
               provisioned. This dedicated throughput amount will not be shared with other containers in the database and
@@ -456,7 +456,7 @@
           />
           <span>Create a Wildcard Index on all fields</span>
           <span class="infoTooltip" role="tooltip" tabindex="0">
-            <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+            <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
             <span class="tooltiptext mongoWildcardIndexTooltipWidth">
               By default, only the field _id is indexed. Creating a wildcard index on all fields will quickly optimize
               query performance and is recommended during development.
@@ -480,7 +480,7 @@
               tabindex="0"
               data-bind="event: { focus: function(data, event) { transferFocus('tooltip1', 'link1') } }"
             >
-              <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+              <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
               <span id="tooltip1" class="tooltiptext infoTooltipWidth" data-bind="event: { mouseout: onMouseOut }">
                 Enable analytical store capability to perform near real-time analytics on your operational data, without
                 impacting the performance of transactional workloads. Learn more
@@ -575,7 +575,7 @@
       <p class="uniqueKeys">
         <span class="addCollectionLabel">Unique keys</span>
         <span class="uniqueInfoTooltip" role="tooltip" tabindex="0">
-          <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+          <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
           <span class="uniqueTooltiptext infoTooltipWidth"
             >Unique keys provide developers with the ability to add a layer of data integrity to their database. By
             creating a unique key policy when a container is created, you ensure the uniqueness of one or more values

src/Explorer/Panes/AddDatabasePane.html

@@ -15,7 +15,7 @@
     <!-- Add database form  -- End -->
     <!-- Loader - Start -->
     <div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
-      <img class="dataExplorerLoader" src="/LoadingIndicator_3Squares.gif" />
+      <img class="dataExplorerLoader" src="/images/LoadingIndicator_3Squares.gif" />
     </div>
     <!-- Loader - End -->
   </div>
@@ -32,7 +32,7 @@
       data-bind="click: cancel, event: { keypress: onCloseKeyPress }"
       tabindex="0"
     >
-      <img src="../../../images/close-black.svg" title="Close" alt="Close" />
+      <img src="/images/close-black.svg" title="Close" alt="Close" />
     </div>
   </div>
   <!-- Add database header - End -->
@@ -40,7 +40,7 @@
   <!-- Add database errors - Start -->
   <div class="warningErrorContainer" aria-live="assertive" data-bind="visible: formErrors() && formErrors() !== ''">
     <div class="warningErrorContent">
-      <span><img class="paneErrorIcon" src="/error_red.svg" alt="Error" /></span>
+      <span><img class="paneErrorIcon" src="/images/error_red.svg" alt="Error" /></span>
       <span class="warningErrorDetailsLinkContainer">
         <span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
         <a
@@ -63,7 +63,7 @@
     data-bind="visible: showUpsellMessage && showUpsellMessage() && formErrors && !formErrors()"
   >
     <div class="infoBoxContent">
-      <span><img class="infoBoxIcon" src="/info_color.svg" alt="Promo" /></span>
+      <span><img class="infoBoxIcon" src="/images/info_color.svg" alt="Promo" /></span>
       <span class="infoBoxDetails">
         <span class="infoBoxMessage" data-bind="text: upsellMessage, attr: { title: upsellMessage }"></span>
         <a
@@ -86,7 +86,7 @@
         <span class="mandatoryStar">*</span>
         <span data-bind="text: databaseIdLabel"></span>
         <span class="infoTooltip" role="tooltip" tabindex="0">
-          <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+          <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
           <span class="tooltiptext infoTooltipWidth" data-bind="text: databaseIdTooltipText"></span>
         </span>
       </p>
@@ -116,7 +116,7 @@
         />
         <span class="databaseProvisionText" for="databaseSharedThroughput">Provision throughput</span>
         <span class="infoTooltip" role="tooltip" tabindex="0">
-          <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+          <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
           <span
             class="tooltiptext provisionDatabaseThroughput"
             data-bind="text: databaseLevelThroughputTooltipText"

src/Explorer/Panes/CassandraAddCollectionPane.html

@@ -26,7 +26,7 @@
             data-bind="
                     click: cancel, event: { keypress: onCloseKeyPress }"
           >
-            <img src="../../../images/close-black.svg" title="Close" alt="Close" />
+            <img src="/images/close-black.svg" title="Close" alt="Close" />
           </div>
         </div>
         <!-- Add Cassandra collection header - End -->
@@ -37,7 +37,7 @@
           data-bind="visible: formErrors() && formErrors() !== ''"
         >
           <div class="warningErrorContent">
-            <span><img class="paneErrorIcon" src="/error_red.svg" alt="Error" /></span>
+            <span><img class="paneErrorIcon" src="/images/error_red.svg" alt="Error" /></span>
             <span class="warningErrorDetailsLinkContainer">
               <span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
             </span>
@@ -49,7 +49,7 @@
             <p>
               <span class="mandatoryStar">*</span> Keyspace name
               <span class="infoTooltip" role="tooltip" tabindex="0">
-                <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                 <span class="tooltiptext infoTooltipWidth"
                   >Select an existing keyspace or enter a new keyspace id.</span
                 >
@@ -134,7 +134,7 @@
               />
               <span class="databaseProvisionText" for="keyspaceSharedThroughput">Provision keyspace throughput</span>
               <span class="infoTooltip" role="tooltip" tabindex="0">
-                <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                 <span class="tooltiptext provisionDatabaseThroughput"
                   >Provisioned throughput at the keyspace level will be shared across unlimited number of tables within
                   the keyspace</span
@@ -213,7 +213,7 @@
             />
             <span for="tableSharedThroughput">Provision dedicated throughput for this table</span>
             <span class="leftAlignInfoTooltip" role="tooltip" tabindex="0">
-              <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+              <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
               <span class="tooltiptext sharedCollectionThroughputTooltipWidth"
                 >You can optionally provision dedicated throughput for a table within a keyspace that has throughput
                 provisioned. This dedicated throughput amount will not be shared with other tables in the keyspace and
@@ -265,7 +265,7 @@
       <!-- Add Cassandra collection form - End -->
       <!-- Loader - Start -->
       <div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
-        <img class="dataExplorerLoader" src="/LoadingIndicator_3Squares.gif" alt="loading indicator" />
+        <img class="dataExplorerLoader" src="/images/LoadingIndicator_3Squares.gif" alt="loading indicator" />
       </div>
       <!-- Loader - End -->
     </div>

src/Explorer/Panes/ExecuteSprocParamsPane/ExecuteSprocParamsPane.tsx

@@ -1,7 +1,7 @@
 import { useBoolean } from "@uifabric/react-hooks";
+import AddPropertyIcon from "images/Add-property.svg";
 import { IDropdownOption, IImageProps, Image, Stack, Text } from "office-ui-fabric-react";
 import React, { FunctionComponent, useState } from "react";
-import AddPropertyIcon from "../../../../images/Add-property.svg";
 import Explorer from "../../Explorer";
 import StoredProcedure from "../../Tree/StoredProcedure";
 import {

src/Explorer/Panes/ExecuteSprocParamsPane/InputParameter.tsx

@@ -1,3 +1,5 @@
+import AddPropertyIcon from "images/Add-property.svg";
+import EntityCancelIcon from "images/Entity_cancel.svg";
 import {
   Dropdown,
   IDropdownOption,
@@ -9,8 +11,6 @@ import {
   TextField,
 } from "office-ui-fabric-react";
 import React, { FunctionComponent } from "react";
-import AddPropertyIcon from "../../../../images/Add-property.svg";
-import EntityCancelIcon from "../../../../images/Entity_cancel.svg";
 
 const dropdownStyles: Partial<IDropdownStyles> = { dropdown: { width: 100 } };
 const options = [

src/Explorer/Panes/GenericRightPaneComponent/GenericRightPaneComponent.tsx

@@ -1,7 +1,7 @@
+import ErrorRedIcon from "images/error_red.svg";
+import LoadingIndicatorIcon from "images/LoadingIndicator_3Squares.gif";
 import { IconButton, PrimaryButton } from "office-ui-fabric-react/lib/Button";
 import React, { FunctionComponent, ReactNode } from "react";
-import ErrorRedIcon from "../../../../images/error_red.svg";
-import LoadingIndicatorIcon from "../../../../images/LoadingIndicator_3Squares.gif";
 import { KeyCodes } from "../../../Common/Constants";
 import Explorer from "../../Explorer";
 

src/Explorer/Panes/GitHubReposPane.html

@@ -7,7 +7,7 @@
 
     <!-- Loader - Start -->
     <div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
-      <img class="dataExplorerLoader" alt="loading indicator image" src="/LoadingIndicator_3Squares.gif" />
+      <img class="dataExplorerLoader" alt="loading indicator image" src="/images/LoadingIndicator_3Squares.gif" />
     </div>
     <!-- Loader - End -->
   </div>

src/Explorer/Panes/GraphStylingPane.html

@@ -14,7 +14,7 @@
             tabindex="0"
             data-bind="click: cancel, event: { keypress: onCloseKeyPress }"
           >
-            <img src="../../../images/close-black.svg" title="Close" alt="Close" />
+            <img src="/images/close-black.svg" title="Close" alt="Close" />
           </div>
         </div>
         <!-- Graph Styling header - End -->
@@ -26,7 +26,7 @@
           data-bind="visible: formErrors() && formErrors() !== ''"
         >
           <div class="warningErrorContent">
-            <span><img class="paneErrorIcon" src="/error_red.svg" alt="Error" /></span>
+            <span><img class="paneErrorIcon" src="/images/error_red.svg" alt="Error" /></span>
             <span class="warningErrorDetailsLinkContainer">
               <span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
               <a

src/Explorer/Panes/LoadQueryPane/LoadQueryPane.tsx

@@ -1,7 +1,7 @@
 import { useBoolean } from "@uifabric/react-hooks";
+import folderIcon from "images/folder_16x16.svg";
 import { IImageProps, Image, ImageFit, Stack, TextField } from "office-ui-fabric-react";
 import React, { FunctionComponent, useState } from "react";
-import folderIcon from "../../../../images/folder_16x16.svg";
 import { logError } from "../../../Common/Logger";
 import { Collection } from "../../../Contracts/ViewModels";
 import { userContext } from "../../../UserContext";

src/Explorer/Panes/PanelLoadingScreen.tsx

@@ -1,5 +1,5 @@
+import LoadingIndicator_3Squares from "images/LoadingIndicator_3Squares.gif";
 import React from "react";
-import LoadingIndicator_3Squares from "../../../images/LoadingIndicator_3Squares.gif";
 
 export const PanelLoadingScreen: React.FunctionComponent = () => (
   <div className="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer">

src/Explorer/Panes/SwitchDirectoryPane.html

@@ -7,7 +7,7 @@
       <div class="firstdivbg headerline">
         <span role="heading" aria-level="2" data-bind="text: title"></span>
         <div class="closeImg" role="button" aria-label="Close pane" tabindex="0" data-bind="click: close">
-          <img src="../../../images/close-black.svg" title="Close" alt="Close" />
+          <img src="/images/close-black.svg" title="Close" alt="Close" />
         </div>
       </div>
       <!-- Switch Directory header - End -->

src/Explorer/Panes/Tables/AddTableEntityPanel.tsx

@@ -1,4 +1,6 @@
 import { useBoolean } from "@uifabric/react-hooks";
+import AddPropertyIcon from "images/Add-property.svg";
+import RevertBackIcon from "images/RevertBack.svg";
 import {
   IDropdownOption,
   Image,
@@ -11,8 +13,6 @@ import {
 } from "office-ui-fabric-react";
 import React, { FunctionComponent, useEffect, useState } from "react";
 import * as _ from "underscore";
-import AddPropertyIcon from "../../../../images/Add-property.svg";
-import RevertBackIcon from "../../../../images/RevertBack.svg";
 import { TableEntity } from "../../../Common/TableEntity";
 import { userContext } from "../../../UserContext";
 import Explorer from "../../Explorer";

src/Explorer/Panes/Tables/EditTableEntityPanel.tsx

@@ -1,4 +1,6 @@
 import { useBoolean } from "@uifabric/react-hooks";
+import AddPropertyIcon from "images/Add-property.svg";
+import RevertBackIcon from "images/RevertBack.svg";
 import {
   IDropdownOption,
   Image,
@@ -11,8 +13,6 @@ import {
 } from "office-ui-fabric-react";
 import React, { FunctionComponent, useEffect, useState } from "react";
 import * as _ from "underscore";
-import AddPropertyIcon from "../../../../images/Add-property.svg";
-import RevertBackIcon from "../../../../images/RevertBack.svg";
 import { TableEntity } from "../../../Common/TableEntity";
 import { userContext } from "../../../UserContext";
 import Explorer from "../../Explorer";

src/Explorer/Panes/Tables/TableAddEntityPane.html

@@ -29,7 +29,7 @@
             data-bind="
                     click: cancel, event: { keydown: onCloseKeyPress }"
           >
-            <img src="../../../../images/close-black.svg" title="Close" alt="Close" />
+            <img src="/images/close-black.svg" title="Close" alt="Close" />
           </div>
         </div>
         <!-- Add table entity header - End -->
@@ -107,7 +107,7 @@
                     tabindex="0"
                     data-bind="click: $parent.editAttribute.bind($data, $index()), visible: valueEditable, event: { keydown: $parent.onEditPropertyKeyDown.bind($data, $index()) }"
                   >
-                    <img class="entity-Editor-Cancel-Img" src="/Edit_entity.svg" alt="Edit" />
+                    <img class="entity-Editor-Cancel-Img" src="/images/Edit_entity.svg" alt="Edit" />
                   </span>
                   <span
                     class="entity-Edit-Cancel"
@@ -117,7 +117,7 @@
                     tabindex="0"
                     data-bind="click: $parent.removeAttribute.bind($data, $index()), visible: removable, event: { keydown: $parent.onDeletePropertyKeyDown.bind($data, $index()) }"
                   >
-                    <img class="entity-Editor-Cancel-Img" src="/delete.svg" alt="Cancel" />
+                    <img class="entity-Editor-Cancel-Img" src="/images/delete.svg" alt="Cancel" />
                   </span>
                 </div>
               </div>
@@ -134,7 +134,7 @@
                     data-bind="visible: canAdd, click: insertAttribute, event: { keydown: onAddPropertyKeyDown }"
                     autofocus
                   >
-                    <img class="addPropertyImg" src="/Add-property.svg" alt="Insert attribute" />
+                    <img class="addPropertyImg" src="/images/Add-property.svg" alt="Insert attribute" />
                     <span data-bind="text: addButtonLabel"> </span>
                   </span>
                 </div>
@@ -167,7 +167,7 @@
             data-bind="
                     click: $parent.finishEditingAttribute, event: { keydown: $parent.onBackButtonKeyDown }"
           >
-            <img src="/RevertBack.svg" alt="BackIcon" />
+            <img src="/images/RevertBack.svg" alt="BackIcon" />
           </span>
           <span class="edit-value-text" data-bind="text: name"></span>
         </div>

src/Explorer/Panes/Tables/TableEditEntityPane.html

@@ -28,7 +28,7 @@
             data-bind="
                     click: cancel, event: { keydown: onCloseKeyPress }"
           >
-            <img src="../../../../images/close-black.svg" title="Close" alt="Close" />
+            <img src="/images/close-black.svg" title="Close" alt="Close" />
           </div>
         </div>
         <!-- Edit table entity header - End -->
@@ -105,7 +105,7 @@
                     data-bind="click: $parent.editAttribute.bind($data, $index()), visible: valueEditable, event: { keydown: $parent.onEditPropertyKeyDown.bind($data, $index()) }"
                     title="Edit property"
                   >
-                    <img class="entity-Editor-Cancel-Img" src="/Edit_entity.svg" alt="Edit attribute" />
+                    <img class="entity-Editor-Cancel-Img" src="/images/Edit_entity.svg" alt="Edit attribute" />
                   </span>
                   <span
                     class="entity-Edit-Cancel"
@@ -115,7 +115,7 @@
                     data-bind="click: $parent.removeAttribute.bind($data, $index()), visible: removable, event: { keydown: $parent.onDeletePropertyKeyDown.bind($data, $index()) }"
                     title="Delete property"
                   >
-                    <img class="entity-Editor-Cancel-Img" src="/delete.svg" alt="Remove attribute" />
+                    <img class="entity-Editor-Cancel-Img" src="/images/delete.svg" alt="Remove attribute" />
                   </span>
                 </div>
               </div>
@@ -131,7 +131,7 @@
                     data-bind="visible: canAdd, click: insertAttribute, event: { keydown: onAddPropertyKeyDown }"
                     autofocus
                   >
-                    <img class="addPropertyImg" src="/Add-property.svg" alt="Add attribute" />
+                    <img class="addPropertyImg" src="/images/Add-property.svg" alt="Add attribute" />
                     <span data-bind="text: addButtonLabel"> </span>
                   </span>
                 </div>
@@ -165,7 +165,7 @@
             data-bind="
                     click: $parent.finishEditingAttribute, event: { keydown: $parent.onBackButtonKeyDown }"
           >
-            <img src="/RevertBack.svg" alt="BackIcon" />
+            <img src="/images/RevertBack.svg" alt="BackIcon" />
           </span>
           <span class="edit-value-text" data-bind="text: name"></span>
         </div>

src/Explorer/SplashScreen/SplashScreen.tsx

@@ -1,18 +1,18 @@
 /**
  * Accordion top class
  */
+import AddDatabaseIcon from "images/AddDatabase.svg";
+import NewQueryIcon from "images/AddSqlQuery_16x16.svg";
+import NewStoredProcedureIcon from "images/AddStoredProcedure.svg";
+import OpenQueryIcon from "images/BrowseQuery.svg";
+import NewContainerIcon from "images/Hero-new-container.svg";
+import NewNotebookIcon from "images/Hero-new-notebook.svg";
+import SampleIcon from "images/Hero-sample.svg";
+import NotebookIcon from "images/notebook/Notebook-resource.svg";
+import ScaleAndSettingsIcon from "images/Scale_15x15.svg";
+import CollectionIcon from "images/tree-collection.svg";
 import { Link } from "office-ui-fabric-react/lib/Link";
 import * as React from "react";
-import AddDatabaseIcon from "../../../images/AddDatabase.svg";
-import NewQueryIcon from "../../../images/AddSqlQuery_16x16.svg";
-import NewStoredProcedureIcon from "../../../images/AddStoredProcedure.svg";
-import OpenQueryIcon from "../../../images/BrowseQuery.svg";
-import NewContainerIcon from "../../../images/Hero-new-container.svg";
-import NewNotebookIcon from "../../../images/Hero-new-notebook.svg";
-import SampleIcon from "../../../images/Hero-sample.svg";
-import NotebookIcon from "../../../images/notebook/Notebook-resource.svg";
-import ScaleAndSettingsIcon from "../../../images/Scale_15x15.svg";
-import CollectionIcon from "../../../images/tree-collection.svg";
 import { AuthType } from "../../AuthType";
 import * as Constants from "../../Common/Constants";
 import * as ViewModels from "../../Contracts/ViewModels";

src/Explorer/Tabs/ConflictsTab.html

@@ -21,7 +21,7 @@
                 <td class="refreshColHeader">
                   <img
                     class="refreshcol"
-                    src="/refresh-cosmos.svg"
+                    src="/images/refresh-cosmos.svg"
                     data-bind="click: refreshDocumentsGrid"
                     alt="Refresh documents"
                   />
@@ -53,7 +53,7 @@
                 >
                   <img
                     class="refreshcol"
-                    src="/refresh-cosmos.svg"
+                    src="/images/refresh-cosmos.svg"
                     data-bind="click: refreshDocumentsGrid"
                     alt="Refresh documents"
                   />
@@ -110,7 +110,7 @@
       <div class="splitter ui-resizable-handle ui-resizable-e colResizePointer" id="h_splitter2"></div>
     </div>
     <div class="documentWaterMark" data-bind="visible: shouldShowWatermark">
-      <p><img src="/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
+      <p><img src="/images/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
       <p class="documentWaterMarkText">View and resolve conflicts</p>
     </div>
     <!-- Editor - Start -->

src/Explorer/Tabs/ConflictsTab.ts

@@ -1,9 +1,9 @@
 import { ConflictDefinition, FeedOptions, QueryIterator, Resource } from "@azure/cosmos";
+import DeleteIcon from "images/delete.svg";
+import DiscardIcon from "images/discard.svg";
+import SaveIcon from "images/save-cosmos.svg";
 import * as ko from "knockout";
 import Q from "q";
-import DeleteIcon from "../../../images/delete.svg";
-import DiscardIcon from "../../../images/discard.svg";
-import SaveIcon from "../../../images/save-cosmos.svg";
 import * as Constants from "../../Common/Constants";
 import { DocumentsGridMetrics, KeyCodes } from "../../Common/Constants";
 import { createDocument } from "../../Common/dataAccess/createDocument";

src/Explorer/Tabs/DocumentsTab.html

@@ -114,7 +114,7 @@
             data-bind="
                             click: onHideFilterClick, event: { keydown: onCloseButtonKeyDown }"
           >
-            <img src="/close-black.svg" style="height: 14px; width: 14px" alt="Hide filter" />
+            <img src="/images/close-black.svg" style="height: 14px; width: 14px" alt="Hide filter" />
           </span>
         </div>
       </div>
@@ -161,7 +161,7 @@
                 >
                   <img
                     class="refreshcol"
-                    src="/refresh-cosmos.svg"
+                    src="/images/refresh-cosmos.svg"
                     data-bind="click: refreshDocumentsGrid"
                     alt="Refresh documents"
                     tabindex="0"
@@ -205,7 +205,7 @@
       <div class="splitter ui-resizable-handle ui-resizable-e colResizePointer" id="h_splitter2"></div>
     </div>
     <div class="documentWaterMark" data-bind="visible: !shouldShowEditor()">
-      <p><img src="/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
+      <p><img src="/images/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
       <p class="documentWaterMarkText">Create new or work with existing document(s).</p>
     </div>
     <!-- Editor - Start -->

src/Explorer/Tabs/DocumentsTab.ts

@@ -1,11 +1,11 @@
 import { extractPartitionKey, ItemDefinition, PartitionKeyDefinition, QueryIterator, Resource } from "@azure/cosmos";
+import DeleteDocumentIcon from "images/DeleteDocument.svg";
+import DiscardIcon from "images/discard.svg";
+import NewDocumentIcon from "images/NewDocument.svg";
+import SaveIcon from "images/save-cosmos.svg";
+import UploadIcon from "images/Upload_16x16.svg";
 import * as ko from "knockout";
 import Q from "q";
-import DeleteDocumentIcon from "../../../images/DeleteDocument.svg";
-import DiscardIcon from "../../../images/discard.svg";
-import NewDocumentIcon from "../../../images/NewDocument.svg";
-import SaveIcon from "../../../images/save-cosmos.svg";
-import UploadIcon from "../../../images/Upload_16x16.svg";
 import * as Constants from "../../Common/Constants";
 import { DocumentsGridMetrics, KeyCodes } from "../../Common/Constants";
 import { createDocument } from "../../Common/dataAccess/createDocument";

src/Explorer/Tabs/GraphTab.tsx

@@ -1,7 +1,7 @@
+import NewVertexIcon from "images/NewVertex.svg";
+import StyleIcon from "images/Style.svg";
 import * as ko from "knockout";
 import React from "react";
-import NewVertexIcon from "../../../images/NewVertex.svg";
-import StyleIcon from "../../../images/Style.svg";
 import { DatabaseAccount } from "../../Contracts/DataModels";
 import * as ViewModels from "../../Contracts/ViewModels";
 import { CommandButtonComponentProps } from "../Controls/CommandButton/CommandButtonComponent";

src/Explorer/Tabs/NotebookV2Tab.ts

@@ -1,17 +1,17 @@
 import { stringifyNotebook, toJS } from "@nteract/commutable";
+import ClearAllOutputsIcon from "images/notebook/Notebook-clear-all-outputs.svg";
+import CopyIcon from "images/notebook/Notebook-copy.svg";
+import CutIcon from "images/notebook/Notebook-cut.svg";
+import NewCellIcon from "images/notebook/Notebook-insert-cell.svg";
+import PasteIcon from "images/notebook/Notebook-paste.svg";
+import RestartIcon from "images/notebook/Notebook-restart.svg";
+import RunAllIcon from "images/notebook/Notebook-run-all.svg";
+import RunIcon from "images/notebook/Notebook-run.svg";
+import { default as InterruptKernelIcon, default as KillKernelIcon } from "images/notebook/Notebook-stop.svg";
+import SaveIcon from "images/save-cosmos.svg";
 import * as ko from "knockout";
 import * as Q from "q";
 import * as _ from "underscore";
-import ClearAllOutputsIcon from "../../../images/notebook/Notebook-clear-all-outputs.svg";
-import CopyIcon from "../../../images/notebook/Notebook-copy.svg";
-import CutIcon from "../../../images/notebook/Notebook-cut.svg";
-import NewCellIcon from "../../../images/notebook/Notebook-insert-cell.svg";
-import PasteIcon from "../../../images/notebook/Notebook-paste.svg";
-import RestartIcon from "../../../images/notebook/Notebook-restart.svg";
-import RunAllIcon from "../../../images/notebook/Notebook-run-all.svg";
-import RunIcon from "../../../images/notebook/Notebook-run.svg";
-import { default as InterruptKernelIcon, default as KillKernelIcon } from "../../../images/notebook/Notebook-stop.svg";
-import SaveIcon from "../../../images/save-cosmos.svg";
 import { ArmApiVersions } from "../../Common/Constants";
 import { configContext } from "../../ConfigContext";
 import * as DataModels from "../../Contracts/DataModels";
@@ -166,7 +166,7 @@ export default class NotebookTabV2 extends NotebookTabBase {
       {
         iconSrc: null,
         iconAlt: kernelLabel,
-        onCommandClick: () => {},
+        onCommandClick: () => { },
         commandButtonLabel: null,
         hasPopup: false,
         disabled: availableKernels.length < 1,
@@ -176,16 +176,16 @@ export default class NotebookTabV2 extends NotebookTabBase {
         dropdownWidth: 100,
         children: availableKernels.map(
           (kernel: KernelSpecsDisplay) =>
-            ({
-              iconSrc: null,
-              iconAlt: kernel.displayName,
-              onCommandClick: () => this.notebookComponentAdapter.notebookChangeKernel(kernel.name),
-              commandButtonLabel: kernel.displayName,
-              dropdownItemKey: kernel.name,
-              hasPopup: false,
-              disabled: false,
-              ariaLabel: kernel.displayName,
-            } as CommandButtonComponentProps)
+          ({
+            iconSrc: null,
+            iconAlt: kernel.displayName,
+            onCommandClick: () => this.notebookComponentAdapter.notebookChangeKernel(kernel.name),
+            commandButtonLabel: kernel.displayName,
+            dropdownItemKey: kernel.name,
+            hasPopup: false,
+            disabled: false,
+            ariaLabel: kernel.displayName,
+          } as CommandButtonComponentProps)
         ),
         ariaLabel: kernelLabel,
       },
@@ -276,7 +276,7 @@ export default class NotebookTabV2 extends NotebookTabBase {
       {
         iconSrc: null,
         iconAlt: null,
-        onCommandClick: () => {},
+        onCommandClick: () => { },
         commandButtonLabel: null,
         ariaLabel: cellTypeLabel,
         hasPopup: false,
@@ -364,7 +364,7 @@ export default class NotebookTabV2 extends NotebookTabBase {
         iconSrc: null,
         iconAlt: workspaceLabel,
         ariaLabel: workspaceLabel,
-        onCommandClick: () => {},
+        onCommandClick: () => { },
         commandButtonLabel: null,
         hasPopup: false,
         disabled: this.container.arcadiaWorkspaces.length < 1,

src/Explorer/Tabs/QueryTab.html

@@ -6,7 +6,7 @@
     </div>
     <div class="warningErrorContainer" aria-live="assertive" data-bind="visible: maybeSubQuery">
       <div class="warningErrorContent">
-        <span><img class="paneErrorIcon" src="/info_color.svg" alt="Error" /></span>
+        <span><img class="paneErrorIcon" src="/images/info_color.svg" alt="Error" /></span>
         <span class="warningErrorDetailsLinkContainer">
           We have detected you may be using a subquery. Non-correlated subqueries are not currently supported.
           <a href="https://docs.microsoft.com/en-us/azure/cosmos-db/sql-query-subquery"
@@ -31,7 +31,7 @@
       ></editor>
       <!-- Splitter - Start -->
       <div class="splitter ui-resizable-handle ui-resizable-s" data-bind="attr: { id: splitterId }">
-        <img class="queryEditorHorizontalSplitter" src="/HorizontalSplitter.svg" alt="Splitter" />
+        <img class="queryEditorHorizontalSplitter" src="/images/HorizontalSplitter.svg" alt="Splitter" />
       </div>
     </div>
     <!-- Splitter - End -->
@@ -62,7 +62,7 @@
         class="queryEditorWatermark"
         data-bind="visible: allResultsMetadata().length === 0 && !error() && !queryResults() && !isExecuting()"
       >
-        <p><img src="/RunQuery.png" alt="Execute Query Watermark" /></p>
+        <p><img src="/images/RunQuery.png" alt="Execute Query Watermark" /></p>
         <p class="queryEditorWatermarkText">Execute a query to see the results</p>
       </div>
       <div
@@ -145,7 +145,7 @@
                 <td>
                   <span title="Retrieved document count">Retrieved document count</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText">Total number of retrieved documents</span>
                   </span>
                 </td>
@@ -155,7 +155,7 @@
                 <td>
                   <span title="Retrieved document size">Retrieved document size</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText">Total size of retrieved documents in bytes</span>
                   </span>
                 </td>
@@ -168,7 +168,7 @@
                 <td>
                   <span title="Output document count">Output document count</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText">Number of output documents</span>
                   </span>
                 </td>
@@ -178,7 +178,7 @@
                 <td>
                   <span title="Output document size">Output document size</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText">Total size of output documents in bytes</span>
                   </span>
                 </td>
@@ -191,7 +191,7 @@
                 <td>
                   <span title="Index hit document count">Index hit document count</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText">Total number of documents matched by the filter</span>
                   </span>
                 </td>
@@ -201,7 +201,7 @@
                 <td>
                   <span title="Index lookup time">Index lookup time</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText">Time spent in physical index layer</span>
                   </span>
                 </td>
@@ -213,7 +213,7 @@
                 <td>
                   <span title="Document load time">Document load time</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText">Time spent in loading documents</span>
                   </span>
                 </td>
@@ -225,7 +225,7 @@
                 <td>
                   <span title="Query engine execution time">Query engine execution time</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText queryEngineExeTimeInfo"
                       >Time spent by the query engine to execute the query expression (excludes other execution times
                       like load documents or write results)</span
@@ -243,7 +243,7 @@
                 <td>
                   <span title="System function execution time">System function execution time</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText">Total time spent executing system (built-in) functions</span>
                   </span>
                 </td>
@@ -258,7 +258,7 @@
                 <td>
                   <span title="User defined function execution time">User defined function execution time</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText">Total time spent executing user-defined functions</span>
                   </span>
                 </td>
@@ -273,7 +273,7 @@
                 <td>
                   <span title="Document write time">Document write time</span>
                   <span class="queryMetricInfoTooltip" role="tooltip" tabindex="0">
-                    <img class="infoImg" src="/info-bubble.svg" alt="More information" />
+                    <img class="infoImg" src="/images/info-bubble.svg" alt="More information" />
                     <span class="queryMetricTooltipText">Time spent to write query result set to response buffer</span>
                   </span>
                 </td>
@@ -300,7 +300,7 @@
               tabindex="0"
               data-bind="event: { click: onDownloadQueryMetricsCsvClick, keypress: onDownloadQueryMetricsCsvKeyPress }"
             >
-              <img class="downloadCsvImg" src="/DownloadQuery.svg" alt="download query metrics csv" />
+              <img class="downloadCsvImg" src="/images/DownloadQuery.svg" alt="download query metrics csv" />
               <span>Per-partition query metrics (CSV)</span>
             </a>
           </div>

src/Explorer/Tabs/QueryTab.ts

@@ -1,6 +1,6 @@
+import ExecuteQueryIcon from "images/ExecuteQuery.svg";
+import SaveQueryIcon from "images/save-cosmos.svg";
 import * as ko from "knockout";
-import ExecuteQueryIcon from "../../../images/ExecuteQuery.svg";
-import SaveQueryIcon from "../../../images/save-cosmos.svg";
 import * as Constants from "../../Common/Constants";
 import { queryDocuments } from "../../Common/dataAccess/queryDocuments";
 import { queryDocumentsPage } from "../../Common/dataAccess/queryDocumentsPage";
@@ -375,15 +375,15 @@ export default class QueryTab extends TabsBase implements ViewModels.WaitsForTem
         aggregatedMetrics.documentLoadTime =
           queryMetrics.documentLoadTime &&
           this._normalize(queryMetrics.documentLoadTime.totalMilliseconds()) +
-            this._normalize(aggregatedMetrics.documentLoadTime);
+          this._normalize(aggregatedMetrics.documentLoadTime);
         aggregatedMetrics.documentWriteTime =
           queryMetrics.documentWriteTime &&
           this._normalize(queryMetrics.documentWriteTime.totalMilliseconds()) +
-            this._normalize(aggregatedMetrics.documentWriteTime);
+          this._normalize(aggregatedMetrics.documentWriteTime);
         aggregatedMetrics.indexHitDocumentCount =
           queryMetrics.indexHitDocumentCount &&
           this._normalize(queryMetrics.indexHitDocumentCount) +
-            this._normalize(aggregatedMetrics.indexHitDocumentCount);
+          this._normalize(aggregatedMetrics.indexHitDocumentCount);
         aggregatedMetrics.outputDocumentCount =
           queryMetrics.outputDocumentCount &&
           this._normalize(queryMetrics.outputDocumentCount) + this._normalize(aggregatedMetrics.outputDocumentCount);
@@ -393,36 +393,36 @@ export default class QueryTab extends TabsBase implements ViewModels.WaitsForTem
         aggregatedMetrics.indexLookupTime =
           queryMetrics.indexLookupTime &&
           this._normalize(queryMetrics.indexLookupTime.totalMilliseconds()) +
-            this._normalize(aggregatedMetrics.indexLookupTime);
+          this._normalize(aggregatedMetrics.indexLookupTime);
         aggregatedMetrics.retrievedDocumentCount =
           queryMetrics.retrievedDocumentCount &&
           this._normalize(queryMetrics.retrievedDocumentCount) +
-            this._normalize(aggregatedMetrics.retrievedDocumentCount);
+          this._normalize(aggregatedMetrics.retrievedDocumentCount);
         aggregatedMetrics.retrievedDocumentSize =
           queryMetrics.retrievedDocumentSize &&
           this._normalize(queryMetrics.retrievedDocumentSize) +
-            this._normalize(aggregatedMetrics.retrievedDocumentSize);
+          this._normalize(aggregatedMetrics.retrievedDocumentSize);
         aggregatedMetrics.vmExecutionTime =
           queryMetrics.vmExecutionTime &&
           this._normalize(queryMetrics.vmExecutionTime.totalMilliseconds()) +
-            this._normalize(aggregatedMetrics.vmExecutionTime);
+          this._normalize(aggregatedMetrics.vmExecutionTime);
         aggregatedMetrics.totalQueryExecutionTime =
           queryMetrics.totalQueryExecutionTime &&
           this._normalize(queryMetrics.totalQueryExecutionTime.totalMilliseconds()) +
-            this._normalize(aggregatedMetrics.totalQueryExecutionTime);
+          this._normalize(aggregatedMetrics.totalQueryExecutionTime);
 
         aggregatedMetrics.runtimeExecutionTimes.queryEngineExecutionTime =
           aggregatedMetrics.runtimeExecutionTimes &&
           this._normalize(queryMetrics.runtimeExecutionTimes.queryEngineExecutionTime.totalMilliseconds()) +
-            this._normalize(aggregatedMetrics.runtimeExecutionTimes.queryEngineExecutionTime);
+          this._normalize(aggregatedMetrics.runtimeExecutionTimes.queryEngineExecutionTime);
         aggregatedMetrics.runtimeExecutionTimes.systemFunctionExecutionTime =
           aggregatedMetrics.runtimeExecutionTimes &&
           this._normalize(queryMetrics.runtimeExecutionTimes.systemFunctionExecutionTime.totalMilliseconds()) +
-            this._normalize(aggregatedMetrics.runtimeExecutionTimes.systemFunctionExecutionTime);
+          this._normalize(aggregatedMetrics.runtimeExecutionTimes.systemFunctionExecutionTime);
         aggregatedMetrics.runtimeExecutionTimes.userDefinedFunctionExecutionTime =
           aggregatedMetrics.runtimeExecutionTimes &&
           this._normalize(queryMetrics.runtimeExecutionTimes.userDefinedFunctionExecutionTime.totalMilliseconds()) +
-            this._normalize(aggregatedMetrics.runtimeExecutionTimes.userDefinedFunctionExecutionTime);
+          this._normalize(aggregatedMetrics.runtimeExecutionTimes.userDefinedFunctionExecutionTime);
       }
     });
 
@@ -540,14 +540,14 @@ export default class QueryTab extends TabsBase implements ViewModels.WaitsForTem
           queryMetric.indexLookupTime && queryMetric.indexLookupTime.totalMilliseconds(),
           queryMetric.documentLoadTime && queryMetric.documentLoadTime.totalMilliseconds(),
           queryMetric.runtimeExecutionTimes &&
-            queryMetric.runtimeExecutionTimes.queryEngineExecutionTime &&
-            queryMetric.runtimeExecutionTimes.queryEngineExecutionTime.totalMilliseconds(),
+          queryMetric.runtimeExecutionTimes.queryEngineExecutionTime &&
+          queryMetric.runtimeExecutionTimes.queryEngineExecutionTime.totalMilliseconds(),
           queryMetric.runtimeExecutionTimes &&
-            queryMetric.runtimeExecutionTimes.systemFunctionExecutionTime &&
-            queryMetric.runtimeExecutionTimes.systemFunctionExecutionTime.totalMilliseconds(),
+          queryMetric.runtimeExecutionTimes.systemFunctionExecutionTime &&
+          queryMetric.runtimeExecutionTimes.systemFunctionExecutionTime.totalMilliseconds(),
           queryMetric.runtimeExecutionTimes &&
-            queryMetric.runtimeExecutionTimes.userDefinedFunctionExecutionTime &&
-            queryMetric.runtimeExecutionTimes.userDefinedFunctionExecutionTime.totalMilliseconds(),
+          queryMetric.runtimeExecutionTimes.userDefinedFunctionExecutionTime &&
+          queryMetric.runtimeExecutionTimes.userDefinedFunctionExecutionTime.totalMilliseconds(),
           queryMetric.documentWriteTime && queryMetric.documentWriteTime.totalMilliseconds(),
         ].join(",") + "\n";
       csvData = csvData + partitionKeyRangeData;

src/Explorer/Tabs/QueryTablesTab.html

@@ -9,7 +9,7 @@
     <!-- Tables Query Tab Errors - Start-->
     <div class="error-bar">
       <div class="error-message" aria-label="Error Message" data-bind="visible: hasQueryError">
-        <span><img class="entity-error-Img" src="/error_red.svg" /></span>
+        <span><img class="entity-error-Img" src="/images/error_red.svg" /></span>
         <span class="error-text" role="alert" data-bind="text: queryErrorMessage"></span>
       </div>
     </div>
@@ -44,7 +44,7 @@
                     type="button"
                     data-bind="enable: canGroupClauses, attr:{title: groupSelectedClauses}, click: groupClauses"
                   >
-                    <img class="and-or-svg" src="/And-Or.svg" alt="Group selected clauses" />
+                    <img class="and-or-svg" src="/images/And-Or.svg" alt="Group selected clauses" />
                   </button>
                 </th>
                 <th class="clause-table-cell header-background"><!-- Grouping indicator --></th>
@@ -79,7 +79,7 @@
               <img
                 class="addclauseProperty-Img"
                 style="margin-bottom: 5px"
-                src="/Add-property.svg"
+                src="/images/Add-property.svg"
                 alt="Add new clause"
               />
               <span style="margin-left: 5px" data-bind="text: addNewClauseLine"></span>
@@ -100,12 +100,12 @@
         >
           <!-- ko template: { ifnot: isExpanded} -->
           <div class="themed-images" type="text/html" id="ExpandChevronRight" data-bind="hasFocus: focusExpandIcon">
-            <img class="imgiconwidth expand-triangle expand-triangle-right" src="/Triangle-right.svg" alt="toggle" />
+            <img class="imgiconwidth expand-triangle expand-triangle-right" src="/images/Triangle-right.svg" alt="toggle" />
           </div>
           <!-- /ko -->
           <!-- ko template: { if: isExpanded} -->
           <div class="themed-images" type="text/html" id="ExpandChevronDown">
-            <img class="imgiconwidth expand-triangle" src="/Triangle-down.svg" alt="toggle" />
+            <img class="imgiconwidth expand-triangle" src="/images/Triangle-down.svg" alt="toggle" />
           </div>
           <!-- /ko -->
           <span>Advanced Options</span>
@@ -122,14 +122,14 @@
             aria-label="Show top results"
           />
           <div role="alert" aria-atomic="true" class="inline-div" data-bind="visible: isExceedingLimit">
-            <img class="advanced-options-icon" src="/QueryBuilder/StatusWarning_16x.png" />
+            <img class="advanced-options-icon" src="/images/QueryBuilder/StatusWarning_16x.png" />
             <span data-bind="text: topValueLimitMessage"></span>
           </div>
         </div>
         <div class="select">
           <span> Select fields for query: </span>
           <div data-bind="visible: isSelected">
-            <img class="advanced-options-icon" src="/QueryBuilder/QueryInformation_16x.png" />
+            <img class="advanced-options-icon" src="/images/QueryBuilder/QueryInformation_16x.png" />
             <span class="select-options-text" data-bind="text: selectMessage" />
           </div>
           <a
@@ -172,7 +172,7 @@
         tabindex="0"
         data-bind="click: $parent.addClauseIndex.bind($data, $index()), event: { keydown: $parent.onAddClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.insertNewFilterLine}"
       >
-        <img class="querybuilder-addpropertyImg" src="/Add-property.svg" alt="Add clause" />
+        <img class="querybuilder-addpropertyImg" src="/images/Add-property.svg" alt="Add clause" />
       </span>
       <span
         class="entity-Add-Cancel"

src/Explorer/Tabs/QueryTablesTab.ts

@@ -1,11 +1,11 @@
+import AddEntityIcon from "images/AddEntity.svg";
+import DeleteEntitiesIcon from "images/DeleteEntities.svg";
+import EditEntityIcon from "images/Edit-entity.svg";
+import ExecuteQueryIcon from "images/ExecuteQuery.svg";
+import QueryBuilderIcon from "images/Query-Builder.svg";
+import QueryTextIcon from "images/Query-Text.svg";
 import * as ko from "knockout";
 import Q from "q";
-import AddEntityIcon from "../../../images/AddEntity.svg";
-import DeleteEntitiesIcon from "../../../images/DeleteEntities.svg";
-import EditEntityIcon from "../../../images/Edit-entity.svg";
-import ExecuteQueryIcon from "../../../images/ExecuteQuery.svg";
-import QueryBuilderIcon from "../../../images/Query-Builder.svg";
-import QueryTextIcon from "../../../images/Query-Text.svg";
 import * as ViewModels from "../../Contracts/ViewModels";
 import { userContext } from "../../UserContext";
 import { CommandButtonComponentProps } from "../Controls/CommandButton/CommandButtonComponent";

src/Explorer/Tabs/ScriptTabBase.ts

@@ -1,8 +1,8 @@
+import DiscardIcon from "images/discard.svg";
+import SaveIcon from "images/save-cosmos.svg";
 import * as ko from "knockout";
 import * as monaco from "monaco-editor";
 import Q from "q";
-import DiscardIcon from "../../../images/discard.svg";
-import SaveIcon from "../../../images/save-cosmos.svg";
 import * as Constants from "../../Common/Constants";
 import editable from "../../Common/EditableUtility";
 import * as DataModels from "../../Contracts/DataModels";

src/Explorer/Tabs/StoredProcedureTab.ts

@@ -1,8 +1,8 @@
 import { Resource, StoredProcedureDefinition } from "@azure/cosmos";
+import ExecuteQueryIcon from "images/ExecuteQuery.svg";
 import * as ko from "knockout";
 import Q from "q";
 import * as _ from "underscore";
-import ExecuteQueryIcon from "../../../images/ExecuteQuery.svg";
 import * as Constants from "../../Common/Constants";
 import { createStoredProcedure } from "../../Common/dataAccess/createStoredProcedure";
 import { updateStoredProcedure } from "../../Common/dataAccess/updateStoredProcedure";

src/Explorer/Tabs/Tabs.tsx

@@ -1,7 +1,7 @@
+import loadingIcon from "images/circular_loader_black_16x16.gif";
+import errorIcon from "images/close-black.svg";
 import ko from "knockout";
 import React, { useEffect, useRef, useState } from "react";
-import loadingIcon from "../../../images/circular_loader_black_16x16.gif";
-import errorIcon from "../../../images/close-black.svg";
 import { useObservable } from "../../hooks/useObservable";
 import TabsBase from "./TabsBase";
 

src/Explorer/Tree/ResourceTreeAdapter.tsx

@@ -1,16 +1,16 @@
+import CosmosDBIcon from "images/Azure-Cosmos-DB.svg";
+import DeleteIcon from "images/delete.svg";
+import GalleryIcon from "images/GalleryIcon.svg";
+import FileIcon from "images/notebook/file-cosmos.svg";
+import CopyIcon from "images/notebook/Notebook-copy.svg";
+import NewNotebookIcon from "images/notebook/Notebook-new.svg";
+import NotebookIcon from "images/notebook/Notebook-resource.svg";
+import PublishIcon from "images/notebook/publish_content.svg";
+import RefreshIcon from "images/refresh-cosmos.svg";
+import CollectionIcon from "images/tree-collection.svg";
 import * as ko from "knockout";
 import { Callout, DirectionalHint, ICalloutProps, ILinkProps, Link, Stack, Text } from "office-ui-fabric-react";
 import * as React from "react";
-import CosmosDBIcon from "../../../images/Azure-Cosmos-DB.svg";
-import DeleteIcon from "../../../images/delete.svg";
-import GalleryIcon from "../../../images/GalleryIcon.svg";
-import FileIcon from "../../../images/notebook/file-cosmos.svg";
-import CopyIcon from "../../../images/notebook/Notebook-copy.svg";
-import NewNotebookIcon from "../../../images/notebook/Notebook-new.svg";
-import NotebookIcon from "../../../images/notebook/Notebook-resource.svg";
-import PublishIcon from "../../../images/notebook/publish_content.svg";
-import RefreshIcon from "../../../images/refresh-cosmos.svg";
-import CollectionIcon from "../../../images/tree-collection.svg";
 import { ReactAdapter } from "../../Bindings/ReactBindingHandler";
 import { ArrayHashMap } from "../../Common/ArrayHashMap";
 import { Areas } from "../../Common/Constants";

src/Explorer/Tree/ResourceTreeAdapterForResourceToken.tsx

@@ -1,13 +1,13 @@
+import CollectionIcon from "images/tree-collection.svg";
 import * as ko from "knockout";
-import { mostRecentActivity } from "../MostRecentActivity/MostRecentActivity";
 import * as React from "react";
-import * as ViewModels from "../../Contracts/ViewModels";
-import { NotebookContentItem } from "../Notebook/NotebookContentItem";
 import { ReactAdapter } from "../../Bindings/ReactBindingHandler";
-import { TreeComponent, TreeNode } from "../Controls/TreeComponent/TreeComponent";
-import CollectionIcon from "../../../images/tree-collection.svg";
-import Explorer from "../Explorer";
+import * as ViewModels from "../../Contracts/ViewModels";
 import { userContext } from "../../UserContext";
+import { TreeComponent, TreeNode } from "../Controls/TreeComponent/TreeComponent";
+import Explorer from "../Explorer";
+import { mostRecentActivity } from "../MostRecentActivity/MostRecentActivity";
+import { NotebookContentItem } from "../Notebook/NotebookContentItem";
 
 export class ResourceTreeAdapterForResourceToken implements ReactAdapter {
   public parameters: ko.Observable<number>;

src/GalleryViewer/galleryViewer.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
     <title>Gallery Viewer</title>
-    <link rel="shortcut icon" href="images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="/images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
   </head>
 
   <body style="overflow-y: scroll">

src/HostedExplorer.tsx

@@ -1,24 +1,24 @@
 import { useBoolean } from "@uifabric/react-hooks";
+import ChevronRight from "images/chevron-right.svg";
 import { initializeIcons } from "office-ui-fabric-react";
 import * as React from "react";
 import { render } from "react-dom";
-import ChevronRight from "../images/chevron-right.svg";
 import "../less/hostedexplorer.less";
 import { AuthType } from "./AuthType";
-import { ConnectExplorer } from "./Platform/Hosted/Components/ConnectExplorer";
 import { DatabaseAccount } from "./Contracts/DataModels";
-import { DirectoryPickerPanel } from "./Platform/Hosted/Components/DirectoryPickerPanel";
-import { AccountSwitcher } from "./Platform/Hosted/Components/AccountSwitcher";
 import "./Explorer/Menus/NavBar/MeControlComponent.less";
-import { useTokenMetadata } from "./hooks/usePortalAccessToken";
-import { MeControl } from "./Platform/Hosted/Components/MeControl";
-import "./Platform/Hosted/ConnectScreen.less";
-import "./Shared/appInsights";
-import { SignInButton } from "./Platform/Hosted/Components/SignInButton";
 import { useAADAuth } from "./hooks/useAADAuth";
-import { FeedbackCommandButton } from "./Platform/Hosted/Components/FeedbackCommandButton";
+import { useTokenMetadata } from "./hooks/usePortalAccessToken";
 import { HostedExplorerChildFrame } from "./HostedExplorerChildFrame";
+import { AccountSwitcher } from "./Platform/Hosted/Components/AccountSwitcher";
+import { ConnectExplorer } from "./Platform/Hosted/Components/ConnectExplorer";
+import { DirectoryPickerPanel } from "./Platform/Hosted/Components/DirectoryPickerPanel";
+import { FeedbackCommandButton } from "./Platform/Hosted/Components/FeedbackCommandButton";
+import { MeControl } from "./Platform/Hosted/Components/MeControl";
+import { SignInButton } from "./Platform/Hosted/Components/SignInButton";
+import "./Platform/Hosted/ConnectScreen.less";
 import { extractMasterKeyfromConnectionString } from "./Platform/Hosted/HostedUtils";
+import "./Shared/appInsights";
 
 initializeIcons();
 

src/Main.tsx

@@ -1,5 +1,11 @@
 // CSS Dependencies
 import "bootstrap/dist/css/bootstrap.css";
+// Image Dependencies
+import "images/CosmosDB_rgb_ui_lighttheme.ico";
+import "images/favicon.ico";
+import hdeConnectImage from "images/HdeConnectCosmosDB.svg";
+import arrowLeftImg from "images/imgarrowlefticon.svg";
+import refreshImg from "images/refresh-cosmos.svg";
 import { initializeIcons } from "office-ui-fabric-react/lib/Icons";
 import React, { useState } from "react";
 import ReactDOM from "react-dom";
@@ -10,12 +16,6 @@ import "../externals/jquery-ui.theme.min.css";
 import "../externals/jquery.dataTables.min.css";
 import "../externals/jquery.typeahead.min.css";
 import "../externals/jquery.typeahead.min.js";
-// Image Dependencies
-import "../images/CosmosDB_rgb_ui_lighttheme.ico";
-import "../images/favicon.ico";
-import hdeConnectImage from "../images/HdeConnectCosmosDB.svg";
-import arrowLeftImg from "../images/imgarrowlefticon.svg";
-import refreshImg from "../images/refresh-cosmos.svg";
 import "../less/documentDB.less";
 import "../less/forms.less";
 import "../less/infobox.less";

src/NotebookViewer/notebookViewer.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
     <title>Notebook Viewer</title>
-    <link rel="shortcut icon" href="images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="/images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
   </head>
 
   <body>

src/Platform/Hosted/Components/FeedbackCommandButton.tsx

@@ -1,6 +1,6 @@
+import FeedbackIcon from "images/Feedback.svg";
 import * as React from "react";
 import { CommandButtonComponent } from "../../../Explorer/Controls/CommandButton/CommandButtonComponent";
-import FeedbackIcon from "../../../../images/Feedback.svg";
 
 export const FeedbackCommandButton: React.FunctionComponent = () => {
   return (

src/SelfServe/selfServe.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="selfServeViewport" content="height=device-height, width=device-width, initial-scale=1.0" />
     <title>Self Serve</title>
-    <link rel="shortcut icon" href="images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="/images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
   </head>
 
   <body>

src/explorer.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
     <meta name="robots" content="noindex, nofollow" />
     <title>Azure Cosmos DB</title>
-    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
   </head>
 
   <body></body>

src/hostedExplorer.html

@@ -3,7 +3,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0" />
     <title>Azure Cosmos DB</title>
-    <link rel="shortcut icon" href="images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
+    <link rel="shortcut icon" href="/images/CosmosDB_rgb_ui_lighttheme.ico" type="image/x-icon" />
   </head>
 
   <body>

src/images/ASX_Delete.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" enable-background="new 0 0 19 19"><style type="text/css">.icon-asx-blue{fill:#0081E4;}</style><path class="icon-asx-blue" d="M10.207 9.5l8.647 8.646-.707.707-8.647-8.646-8.646 8.647-.707-.707 8.646-8.647-8.647-8.646.707-.707 8.647 8.646 8.646-8.646.707.707-8.646 8.646z"/></svg>

src/images/ASX_More.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 19 19" style="enable-background:new 0 0 19 19;" xml:space="preserve">
+<style type="text/css">
+	.icon_x002D_asx_x002D_blue{fill:#0081E4;}
+	.icon_x002D_canvas_x002D_transparent{opacity:0;fill:#F6F6F6;fill-opacity:0;}
+</style>
+<path id="canvas" class="icon_x002D_canvas_x002D_transparent" d="M19,0v19H0V0H19z"/>
+<path class="icon_x002D_asx_x002D_blue" d="M6.538,9.666c0,0.701-0.568,1.269-1.269,1.269S4,10.367,4,9.666
+	c0-0.701,0.568-1.269,1.269-1.269S6.538,8.965,6.538,9.666z M9.5,8.397C8.799,8.379,8.216,8.932,8.198,9.633
+	s0.535,1.284,1.236,1.302c0.022,0.001,0.044,0.001,0.066,0c0.701-0.018,1.254-0.6,1.236-1.301C10.718,8.958,10.175,8.415,9.5,8.397z
+	 M13.731,8.397c-0.701,0-1.269,0.568-1.269,1.269c0,0.701,0.568,1.269,1.269,1.269S15,10.367,15,9.666
+	C15,8.965,14.432,8.397,13.731,8.397z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

src/images/ASX_QueryBuilder.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" enable-background="new 0 0 19 19">
+    <style type="text/css">
+        .icon-asx-blue {
+            fill:#0081E4;
+        }
+    </style>
+    <path class="icon-asx-blue" d="M19 0h-16v4h-3v15h16v-4h3v-15zm-15 7h11v7h-11v-7zm11 11h-14v-11h2v8h12v3zm3-4h-2v-10h-12v-1h14v11zm-5-4v1h-7v-1h7z"/>
+</svg>

src/images/ASX_Refresh.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" enable-background="new 0 0 19 19"><style type="text/css">.icon-asx-blue{fill:#0081E4;}</style><path class="icon-asx-blue" d="M18.482 9.331c0 4.953-4.029 8.982-8.982 8.982-4.953 0-8.982-4.029-8.982-8.982 0-3.67 2.277-6.977 5.631-8.331h-5.149v-1h7v7h-1v-5.233c-3.237 1.071-5.482 4.132-5.482 7.564 0 4.401 3.581 7.982 7.982 7.982s7.982-3.581 7.982-7.982c0-2.535-1.164-4.862-3.192-6.386l.6-.8c2.283 1.714 3.592 4.334 3.592 7.186z"/></svg>

src/images/ASX_Remove.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 19" enable-background="new 0 0 19 19"><style type="text/css">.icon-asx-blue{fill:#0081E4;}</style><path class="icon-asx-blue" d="M19 10h-19v-1h19v1z"/></svg>

src/images/Add-disabled.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5 8.5H8.5V15.5H7.5V8.5H0.5V7.5H7.5V0.5H8.4V7.5H15.4V8.5H15.5Z" fill="#CCCCCC"/>
+</svg>

src/images/Add-property.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="16px" height="16px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<g>
+	<path d="M16,7.5v1H8.5V16h-1V8.5H0v-1h7.5V0h1v7.5H16z"  fill="#393939"/>
+</g>
+</svg>

src/images/Add.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5 8.5H8.5V15.5H7.5V8.5H0.5V7.5H7.5V0.5H8.4V7.5H15.4V8.5H15.5Z" fill="#0078D4"/>
+</svg>

src/images/AddCollection-1.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.22 13.0167V13.8367H12.5667V16.3967H13.3867V13.8367H15.7333V12.91H13.3867V10.35H12.5667V13.0167H10.22ZM14 10.0312C14.1354 10.0583 14.2642 10.089 14.3867 10.1232C14.4291 10.1351 14.4708 10.1474 14.5117 10.1602C14.6706 10.2096 14.8333 10.2734 15 10.3516V6.28906L13 4.28906V0H1V14H3V16H9.05469C8.90885 15.8542 8.77734 15.6966 8.66016 15.5273C8.54297 15.3581 8.4401 15.1823 8.35156 15H4V3H10V7H14V10.0312ZM11.1333 6.0224H13.4224L11.1333 3.73333V6.0224ZM10.7776 2.06667L12.0667 3.35573V1.06667L2.06667 1.06667L2.06667 13.0667H3.06667V2.06667H10.7776Z" fill="#393939"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.66016 15.5273C8.54297 15.3581 8.4401 15.1823 8.35156 15H4V3H10V7H14V10.0312C14.1823 10.0677 14.3529 10.1107 14.5117 10.1602C14.6706 10.2096 14.8333 10.2734 15 10.3516V6.28906L13 4.28906V0H1V14H3V16H9.05469C8.90885 15.8542 8.77734 15.6966 8.66016 15.5273ZM11.1333 3.73333L13.4224 6.0224H11.1333V3.73333ZM3.06667 2.06667V13.0667H2.06667V1.06667H12.0667V3.35573L10.7776 2.06667H3.06667Z" fill="#CCCCCC"/>
+<path d="M12.5667 10.35V13.0167H10.22V13.8367H12.5667V16.3967H13.3867V13.8367H15.7333V12.91H13.3867V10.35H12.5667Z" fill="#CCCCCC"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/images/AddCollection.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.22 13.0167V13.8367H12.5667V16.3967H13.3867V13.8367H15.7333V12.91H13.3867V10.35H12.5667V13.0167H10.22ZM14 10.0312C14.1354 10.0583 14.2642 10.089 14.3867 10.1232C14.4291 10.1351 14.4708 10.1474 14.5117 10.1602C14.6706 10.2096 14.8333 10.2734 15 10.3516V6.28906L13 4.28906V0H1V14H3V16H9.05469C8.90885 15.8542 8.77734 15.6966 8.66016 15.5273C8.54297 15.3581 8.4401 15.1823 8.35156 15H4V3H10V7H14V10.0312ZM11.1333 6.0224H13.4224L11.1333 3.73333V6.0224ZM10.7776 2.06667L12.0667 3.35573V1.06667L2.06667 1.06667L2.06667 13.0667H3.06667V2.06667H10.7776Z" fill="#393939"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.66016 15.5273C8.54297 15.3581 8.4401 15.1823 8.35156 15H4V3H10V7H14V10.0312C14.1823 10.0677 14.3529 10.1107 14.5117 10.1602C14.6706 10.2096 14.8333 10.2734 15 10.3516V6.28906L13 4.28906V0H1V14H3V16H9.05469C8.90885 15.8542 8.77734 15.6966 8.66016 15.5273ZM11.1333 3.73333L13.4224 6.0224H11.1333V3.73333ZM3.06667 2.06667V13.0667H2.06667V1.06667H12.0667V3.35573L10.7776 2.06667H3.06667Z" fill="#0078D4"/>
+<path d="M12.5667 10.35V13.0167H10.22V13.8367H12.5667V16.3967H13.3867V13.8367H15.7333V12.91H13.3867V10.35H12.5667Z" fill="#0078D4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/images/AddDatabase-disabled.svg

@@ -0,0 +1,4 @@
+<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33333 13.8667C5.57576 13.8667 5.82323 13.8583 6.07576 13.8417C6.20202 14.2083 6.35859 14.55 6.54545 14.8667C6.34343 14.8889 6.14141 14.9056 5.93939 14.9167C5.73737 14.9278 5.53535 14.9333 5.33333 14.9333C4.65657 14.9333 3.99495 14.8722 3.34848 14.75C3.16162 14.7167 2.9495 14.6681 2.71212 14.6042C2.47475 14.5403 2.23232 14.4597 1.98485 14.3625C1.73737 14.2653 1.49495 14.1514 1.25758 14.0208C1.0202 13.8903 0.808081 13.7389 0.621212 13.5667C0.434344 13.3944 0.284091 13.2014 0.170455 12.9875C0.056818 12.7736 0 12.5333 0 12.2667V2.66667C0 2.41667 0.0492425 2.19306 0.147728 1.99583C0.246212 1.79861 0.373737 1.61667 0.530303 1.45C0.70202 1.26111 0.907828 1.09444 1.14773 0.95C1.38763 0.805556 1.64646 0.679167 1.92424 0.570833C2.20202 0.4625 2.49242 0.372222 2.79545 0.3C3.09848 0.227777 3.39899 0.169444 3.69697 0.125C3.99495 0.0805552 4.28283 0.048611 4.56061 0.0291664C4.83838 0.00972231 5.09596 0 5.33333 0C5.69697 0 6.09975 0.0222219 6.54167 0.0666664C6.98359 0.111111 7.4255 0.1875 7.86742 0.295833C8.30934 0.404167 8.7298 0.552778 9.12879 0.741667C9.52778 0.930555 9.86364 1.16667 10.1364 1.45C10.2929 1.61111 10.4205 1.79444 10.5189 2C10.6174 2.20556 10.6667 2.42778 10.6667 2.66667V7.43333H9.69697V4.25C9.39394 4.45556 9.06187 4.62778 8.70076 4.76667C8.33965 4.90556 7.96843 5.01667 7.58712 5.1C7.20581 5.18333 6.82197 5.24306 6.43561 5.27917C6.04924 5.31528 5.68182 5.33333 5.33333 5.33333C4.98485 5.33333 4.61742 5.31528 4.23106 5.27917C3.8447 5.24306 3.4596 5.18333 3.07576 5.1C2.69192 5.01667 2.32071 4.90556 1.96212 4.76667C1.60354 4.62778 1.27273 4.45556 0.969697 4.25V12.2667C0.969697 12.3778 1.00631 12.4806 1.07955 12.575C1.15278 12.6694 1.22475 12.7472 1.29545 12.8083C1.53283 13.0139 1.82197 13.1847 2.16288 13.3208C2.50379 13.4569 2.86111 13.5653 3.23485 13.6458C3.60859 13.7264 3.9798 13.7833 4.34848 13.8167C4.71717 13.85 5.04545 13.8667 5.33333 13.8667ZM5.33333 1.06667C5.07576 1.06667 4.80682 1.07639 4.52652 1.09583C4.24621 1.11528 3.96465 1.14861 3.68182 1.19583C3.39899 1.24306 3.12121 1.30417 2.84848 1.37917C2.57576 1.45417 2.32071 1.54444 2.08333 1.65C2.00758 1.68333 1.90657 1.73472 1.7803 1.80417C1.65404 1.87361 1.5303 1.95278 1.40909 2.04167C1.28788 2.13056 1.18434 2.22778 1.09848 2.33333C1.01263 2.43889 0.969697 2.55 0.969697 2.66667C0.969697 2.71111 0.977272 2.75278 0.992424 2.79167C1.00758 2.83056 1.02778 2.86944 1.05303 2.90833C1.16414 3.08611 1.32323 3.24444 1.5303 3.38333C1.73737 3.52222 1.9697 3.64167 2.22727 3.74167C2.48485 3.84167 2.75884 3.925 3.04924 3.99167C3.33965 4.05833 3.62374 4.1125 3.90152 4.15417C4.17929 4.19583 4.44318 4.225 4.69318 4.24167C4.94318 4.25833 5.15657 4.26667 5.33333 4.26667C5.5101 4.26667 5.72349 4.25833 5.97348 4.24167C6.22348 4.225 6.48737 4.19583 6.76515 4.15417C7.04293 4.1125 7.32702 4.05833 7.61742 3.99167C7.90783 3.925 8.18182 3.84167 8.43939 3.74167C8.69697 3.64167 8.92803 3.52361 9.13258 3.3875C9.33712 3.25139 9.49747 3.09167 9.61364 2.90833C9.63889 2.86944 9.65909 2.83056 9.67424 2.79167C9.68939 2.75278 9.69697 2.71111 9.69697 2.66667C9.69697 2.55 9.65404 2.43889 9.56818 2.33333C9.48232 2.22778 9.37879 2.13056 9.25758 2.04167C9.13636 1.95278 9.01263 1.87361 8.88636 1.80417C8.7601 1.73472 8.65909 1.68333 8.58333 1.65C8.34596 1.54444 8.09091 1.45417 7.81818 1.37917C7.54545 1.30417 7.26768 1.24306 6.98485 1.19583C6.70202 1.14861 6.42045 1.11528 6.14015 1.09583C5.85985 1.07639 5.59091 1.06667 5.33333 1.06667Z" fill="#CCCCCC"/>
+<path d="M12.48 12.5867H10.1333V15.1467H9.81334V12.5867H7.46667V12.2667H9.81334V9.60001H10.1333V12.16H12.48V12.5867Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.5"/>
+</svg>

src/images/AddDatabase.svg

@@ -0,0 +1,4 @@
+<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33333 13.8667C5.57576 13.8667 5.82323 13.8583 6.07576 13.8417C6.20202 14.2083 6.35859 14.55 6.54545 14.8667C6.34343 14.8889 6.14141 14.9056 5.93939 14.9167C5.73737 14.9278 5.53535 14.9333 5.33333 14.9333C4.65657 14.9333 3.99495 14.8722 3.34848 14.75C3.16162 14.7167 2.9495 14.6681 2.71212 14.6042C2.47475 14.5403 2.23232 14.4597 1.98485 14.3625C1.73737 14.2653 1.49495 14.1514 1.25758 14.0208C1.0202 13.8903 0.808081 13.7389 0.621212 13.5667C0.434344 13.3944 0.284091 13.2014 0.170455 12.9875C0.056818 12.7736 0 12.5333 0 12.2667V2.66667C0 2.41667 0.0492425 2.19306 0.147728 1.99583C0.246212 1.79861 0.373737 1.61667 0.530303 1.45C0.70202 1.26111 0.907828 1.09444 1.14773 0.95C1.38763 0.805556 1.64646 0.679167 1.92424 0.570833C2.20202 0.4625 2.49242 0.372222 2.79545 0.3C3.09848 0.227777 3.39899 0.169444 3.69697 0.125C3.99495 0.0805552 4.28283 0.048611 4.56061 0.0291664C4.83838 0.00972231 5.09596 0 5.33333 0C5.69697 0 6.09975 0.0222219 6.54167 0.0666664C6.98359 0.111111 7.4255 0.1875 7.86742 0.295833C8.30934 0.404167 8.7298 0.552778 9.12879 0.741667C9.52778 0.930555 9.86364 1.16667 10.1364 1.45C10.2929 1.61111 10.4205 1.79444 10.5189 2C10.6174 2.20556 10.6667 2.42778 10.6667 2.66667V7.43333H9.69697V4.25C9.39394 4.45556 9.06187 4.62778 8.70076 4.76667C8.33965 4.90556 7.96843 5.01667 7.58712 5.1C7.20581 5.18333 6.82197 5.24306 6.43561 5.27917C6.04924 5.31528 5.68182 5.33333 5.33333 5.33333C4.98485 5.33333 4.61742 5.31528 4.23106 5.27917C3.8447 5.24306 3.4596 5.18333 3.07576 5.1C2.69192 5.01667 2.32071 4.90556 1.96212 4.76667C1.60354 4.62778 1.27273 4.45556 0.969697 4.25V12.2667C0.969697 12.3778 1.00631 12.4806 1.07955 12.575C1.15278 12.6694 1.22475 12.7472 1.29545 12.8083C1.53283 13.0139 1.82197 13.1847 2.16288 13.3208C2.50379 13.4569 2.86111 13.5653 3.23485 13.6458C3.60859 13.7264 3.9798 13.7833 4.34848 13.8167C4.71717 13.85 5.04545 13.8667 5.33333 13.8667ZM5.33333 1.06667C5.07576 1.06667 4.80682 1.07639 4.52652 1.09583C4.24621 1.11528 3.96465 1.14861 3.68182 1.19583C3.39899 1.24306 3.12121 1.30417 2.84848 1.37917C2.57576 1.45417 2.32071 1.54444 2.08333 1.65C2.00758 1.68333 1.90657 1.73472 1.7803 1.80417C1.65404 1.87361 1.5303 1.95278 1.40909 2.04167C1.28788 2.13056 1.18434 2.22778 1.09848 2.33333C1.01263 2.43889 0.969697 2.55 0.969697 2.66667C0.969697 2.71111 0.977273 2.75278 0.992424 2.79167C1.00758 2.83056 1.02778 2.86944 1.05303 2.90833C1.16414 3.08611 1.32323 3.24444 1.5303 3.38333C1.73737 3.52222 1.9697 3.64167 2.22727 3.74167C2.48485 3.84167 2.75884 3.925 3.04924 3.99167C3.33965 4.05833 3.62374 4.1125 3.90152 4.15417C4.17929 4.19583 4.44318 4.225 4.69318 4.24167C4.94318 4.25833 5.15657 4.26667 5.33333 4.26667C5.5101 4.26667 5.72348 4.25833 5.97348 4.24167C6.22348 4.225 6.48737 4.19583 6.76515 4.15417C7.04293 4.1125 7.32702 4.05833 7.61742 3.99167C7.90783 3.925 8.18182 3.84167 8.43939 3.74167C8.69697 3.64167 8.92803 3.52361 9.13258 3.3875C9.33712 3.25139 9.49747 3.09167 9.61364 2.90833C9.63889 2.86944 9.65909 2.83056 9.67424 2.79167C9.68939 2.75278 9.69697 2.71111 9.69697 2.66667C9.69697 2.55 9.65404 2.43889 9.56818 2.33333C9.48232 2.22778 9.37879 2.13056 9.25758 2.04167C9.13636 1.95278 9.01263 1.87361 8.88636 1.80417C8.7601 1.73472 8.65909 1.68333 8.58333 1.65C8.34596 1.54444 8.09091 1.45417 7.81818 1.37917C7.54545 1.30417 7.26768 1.24306 6.98485 1.19583C6.70202 1.14861 6.42045 1.11528 6.14015 1.09583C5.85985 1.07639 5.59091 1.06667 5.33333 1.06667Z" fill="#0078D4"/>
+<path d="M12.48 12.5867H10.1333V15.1467H9.81334V12.5867H7.46667V12.2667H9.81334V9.60001H10.1333V12.16H12.48V12.5867Z" fill="#0078D4" stroke="#0078D4" stroke-width="0.5"/>
+</svg>

src/images/AddDocument-disabled.svg

@@ -0,0 +1,6 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 0.399994V14.2H7V13.2H2.5V1.39999H8.5V3.99999H11.4V8.39999H12.4V3.27674L9.19132 0.399994H1.5ZM10.5933 2.99999L9.5 2.0198V2.99999H10.5933Z" fill="#CCCCCC"/>
+<path d="M3.80002 9.5C3.80002 10.1 4.20002 10.4 4.90002 10.4H5.00002V10C4.80002 10 4.70002 10 4.60002 9.9C4.50002 9.8 4.50002 9.6 4.50002 9.4V8.6C4.50002 8.1 4.30002 7.9 3.90002 7.8C4.30002 7.7 4.50002 7.4 4.50002 7V6.2C4.50002 5.8 4.70002 5.6 5.00002 5.6V5.1C4.30002 5.1 3.90002 5.4 3.90002 6V6.9C3.90002 7.3 3.70002 7.5 3.40002 7.5V8C3.70002 8 3.80002 8.2 3.80002 8.6V9.5Z" fill="#CCCCCC"/>
+<path d="M10.4 8C10 8 9.90002 8.2 9.90002 8.6V9.5C9.90002 10.1 9.50002 10.4 8.80002 10.4V9.9C8.91718 9.9 9.00002 9.86569 9.06865 9.83726C9.11718 9.81716 9.1586 9.8 9.20002 9.8C9.30002 9.7 9.30002 9.6 9.30002 9.3V8.5C9.30002 8.1 9.50002 7.8 9.90002 7.7C9.50002 7.6 9.30002 7.4 9.30002 7V6.1C9.30002 5.7 9.10002 5.5 8.80002 5.5V5C9.50002 5 9.90002 5.3 9.90002 5.9V6.8C9.90002 7.2 10.1 7.4 10.4 7.4V8Z" fill="#CCCCCC"/>
+<path d="M10.2 8.89999V11.4H7.79999V12.4H10.2V14.9H11.2V12.4H13.6V11.4H11.2V8.89999H10.2Z" fill="#CCCCCC"/>
+</svg>

src/images/AddDocument.svg

@@ -0,0 +1,8 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9 3.49999H9V0.899994" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M4.89999 10.4C4.19999 10.4 3.79999 10.1 3.79999 9.50001V8.60001C3.79999 8.20001 3.69999 8.00001 3.39999 8.00001V7.50001C3.69999 7.50001 3.89999 7.30001 3.89999 6.90001V6.00001C3.89999 5.40001 4.29999 5.10001 4.99999 5.10001V5.60001C4.69999 5.60001 4.49999 5.80001 4.49999 6.20001V7.00001C4.49999 7.40001 4.29999 7.70001 3.89999 7.80001C4.29999 7.90001 4.49999 8.10001 4.49999 8.60001V9.40001C4.49999 9.60001 4.49999 9.80001 4.59999 9.90001C4.69999 10 4.79999 10 4.99999 10V10.4H4.89999Z" fill="#0078D4"/>
+<path d="M10.4 8C9.99999 8 9.89999 8.2 9.89999 8.6V9.5C9.89999 10.1 9.49999 10.4 8.79999 10.4V9.9C8.99999 9.9 9.09999 9.8 9.19999 9.8C9.29999 9.7 9.29999 9.6 9.29999 9.3V8.5C9.29999 8.1 9.49999 7.8 9.89999 7.7C9.49999 7.6 9.29999 7.4 9.29999 7V6.1C9.29999 5.7 9.09999 5.5 8.79999 5.5V5C9.49999 5 9.89999 5.3 9.89999 5.9V6.8C9.89999 7.2 10.1 7.4 10.4 7.4V8Z" fill="#0078D4"/>
+<path d="M10.7 8.89999V14.9" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M7.79999 11.9H13.6" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M7 13.7H2V0.899994H9L11.9 3.49999V8.39999" stroke="#0078D4" stroke-miterlimit="10"/>
+</svg>

src/images/AddEntity-1.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.1 1.3H0.799988V5.6H15.1V1.3Z" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M15 5.90001H4V10.2H15V5.90001Z" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M15 10.2H4V14.5H15V10.2Z" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M5.40002 1.5V5.2" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M8 6.39999V10.1" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M8 10.5V14.2" stroke="#CCCCCC" stroke-miterlimit="10"/>
+</svg>

src/images/AddEntity.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.1 1.3H0.799988V5.6H15.1V1.3Z" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M15 5.90001H4V10.2H15V5.90001Z" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M15 10.2H4V14.5H15V10.2Z" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M5.40002 1.5V5.2" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M8 6.39999V10.1" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M8 10.5V14.2" stroke="#0078D4" stroke-miterlimit="10"/>
+</svg>

src/images/AddGraphQuery_16x16-1.svg

@@ -0,0 +1,17 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M15.2 12.7H12.9V15.2H12.6V12.7H10.3V12.4H12.6V9.89999H12.9V12.4H15.2V12.7Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.5" stroke-miterlimit="10"/>
+<path d="M3.5 8.4C4.88071 8.4 6 7.19117 6 5.7C6 4.20883 4.88071 3 3.5 3C2.11929 3 1 4.20883 1 5.7C1 7.19117 2.11929 8.4 3.5 8.4Z" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M8.96547 14.1175C9.49213 13.0843 9.08146 11.8197 8.04819 11.293C7.01493 10.7664 5.75035 11.177 5.22369 12.2103C4.69703 13.2436 5.10771 14.5081 6.14097 15.0348C7.17424 15.5615 8.43881 15.1508 8.96547 14.1175Z" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M14.7849 2.85472C15.1611 2.11667 14.8677 1.2134 14.1297 0.837216C13.3916 0.461027 12.4884 0.75437 12.1122 1.49242C11.736 2.23046 12.0293 3.13373 12.7674 3.50992C13.5054 3.8861 14.4087 3.59276 14.7849 2.85472Z" stroke="#CCCCCC" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M12.8853 8.33005C13.4119 7.29678 13.0013 6.03221 11.968 5.50555C10.9347 4.97888 9.67015 5.38956 9.14349 6.42283C8.61683 7.45609 9.02751 8.72066 10.0608 9.24733C11.094 9.77399 12.3586 9.36331 12.8853 8.33005Z" fill="#CCCCCC"/>
+<path d="M5.59998 6.2L9.29998 6.8" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M10.4 8.09999L8.09998 11.2" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M12.9 3.39999L11.1 6.79999" stroke="#CCCCCC" stroke-miterlimit="10"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/images/AddGraphQuery_16x16.svg

@@ -0,0 +1,17 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M15.2 12.7H12.9V15.2H12.6V12.7H10.3V12.4H12.6V9.89999H12.9V12.4H15.2V12.7Z" fill="#0078D4" stroke="#0078D4" stroke-width="0.5" stroke-miterlimit="10"/>
+<path d="M3.5 8.4C4.88071 8.4 6 7.19117 6 5.7C6 4.20883 4.88071 3 3.5 3C2.11929 3 1 4.20883 1 5.7C1 7.19117 2.11929 8.4 3.5 8.4Z" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M8.96547 14.1175C9.49213 13.0843 9.08146 11.8197 8.04819 11.293C7.01493 10.7664 5.75035 11.177 5.22369 12.2103C4.69703 13.2436 5.10771 14.5081 6.14097 15.0348C7.17424 15.5615 8.43881 15.1508 8.96547 14.1175Z" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M14.7849 2.85472C15.1611 2.11667 14.8677 1.2134 14.1297 0.837216C13.3916 0.461027 12.4884 0.75437 12.1122 1.49242C11.736 2.23046 12.0293 3.13373 12.7674 3.50992C13.5054 3.8861 14.4087 3.59276 14.7849 2.85472Z" stroke="#0078D4" stroke-width="0.75" stroke-miterlimit="10"/>
+<path d="M12.8853 8.33005C13.4119 7.29678 13.0013 6.03221 11.968 5.50555C10.9347 4.97888 9.67015 5.38956 9.14349 6.42283C8.61683 7.45609 9.02751 8.72066 10.0608 9.24733C11.094 9.77399 12.3586 9.36331 12.8853 8.33005Z" fill="#0078D4"/>
+<path d="M5.59998 6.2L9.29998 6.8" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M10.4 8.09999L8.09998 11.2" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M12.9 3.39999L11.1 6.79999" stroke="#0078D4" stroke-miterlimit="10"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/images/AddSqlQuery_16x16-1.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.09998 15.2H0.599976V4.10001H13.3V9.00001" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M13.4 4.10001H0.700012V6.10001H13.4V4.10001Z" fill="#CCCCCC"/>
+<path d="M8.99998 11.7H2.59998V0.600006H15.2V9.00001" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M15.3 0.5H2.59998V2.5H15.3V0.5Z" fill="#CCCCCC"/>
+<path d="M4.59998 8.2H10.9" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M15.1 12.9H12.8V15.4H12.5V12.9H10.2V12.6H12.5V10.1H12.8V12.6H15.1V12.9V12.9Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.5" stroke-miterlimit="10"/>
+</svg>

src/images/AddSqlQuery_16x16.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.09998 15.2H0.599976V4.10001H13.3V9.00001" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M13.4 4.10001H0.700012V6.10001H13.4V4.10001Z" fill="#0078D4"/>
+<path d="M8.99998 11.7H2.59998V0.600006H15.2V9.00001" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M15.3 0.5H2.59998V2.5H15.3V0.5Z" fill="#0078D4"/>
+<path d="M4.59998 8.2H10.9" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M15.1 12.9H12.8V15.4H12.5V12.9H10.2V12.6H12.5V10.1H12.8V12.6H15.1V12.9Z" fill="#0078D4" stroke="#0078D4" stroke-width="0.5" stroke-miterlimit="10"/>
+</svg>

src/images/AddStoredProcedure-disabled.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.7 12.8H15.5V15.2H15.2V12.8H13V12.5H15.2V10H15.5V12.4H17.7V12.8Z" fill="#393939" stroke="#CCCCCC" stroke-width="0.5"/>
+<path d="M12.4184 8V6.27692C12.2979 6.27692 12.1773 6.15385 12.0567 6.15385C11.9362 6.03077 11.8156 6.03077 11.695 5.90769L10.2482 6.64615L9.40425 5.29231L10.8511 4.43077C10.8511 4.30769 10.8511 4.18462 10.8511 3.93846C10.8511 3.81538 10.8511 3.69231 10.8511 3.44615L9.40425 2.58462L10.2482 1.23077L11.695 2.09231C11.8156 1.96923 11.9362 1.96923 12.0567 1.84615C12.1773 1.72308 12.2979 1.72308 12.4184 1.72308V0H13.9858V1.72308C14.227 1.84615 14.4681 1.96923 14.7092 2.09231L16.156 1.23077L17 2.58462L15.5532 3.44615C15.5532 3.56923 15.5532 3.69231 15.5532 3.93846C15.5532 4.06154 15.5532 4.18462 15.5532 4.43077L17 5.29231L16.156 6.64615L14.7092 5.78462C14.4681 6.03077 14.227 6.15385 13.9858 6.15385V7.87692H12.4184V8ZM14.1064 3.07692C13.8652 2.83077 13.6241 2.70769 13.2624 2.70769C12.9007 2.70769 12.6596 2.83077 12.4184 3.07692C12.1773 3.32308 12.0567 3.56923 12.0567 3.93846C12.0567 4.30769 12.1773 4.55385 12.4184 4.8C12.6596 5.04615 12.9007 5.16923 13.2624 5.16923C13.6241 5.16923 13.8652 5.04615 14.1064 4.8C14.3475 4.55385 14.4681 4.30769 14.4681 3.93846C14.4681 3.56923 14.3475 3.32308 14.1064 3.07692ZM0.602837 7.50769L2.17021 8.12308C2.29078 7.87692 2.41135 7.75385 2.65248 7.50769C2.77305 7.38462 3.01418 7.13846 3.25532 7.01538L2.53191 5.53846L3.97872 4.92308L4.58156 6.4C5.06383 6.4 5.66667 6.4 6.14894 6.4L6.75177 4.8L8.19858 5.41538L7.59574 7.01538C7.95745 7.26154 8.31915 7.63077 8.68085 8.12308L10.2482 7.50769L10.8511 8.98462L9.28369 9.6C9.28369 10.0923 9.28369 10.7077 9.28369 11.2L10.8511 11.8154L10.2482 13.2923L8.68085 12.6769C8.43972 13.0462 8.07801 13.4154 7.59574 13.7846L8.19858 15.3846L6.75177 16L6.14894 14.4C5.9078 14.4 5.66667 14.5231 5.42553 14.5231C5.1844 14.5231 4.94326 14.5231 4.70213 14.4L4.09929 16L2.65248 15.3846L3.25532 13.7846C3.01418 13.6615 2.89362 13.5385 2.65248 13.2923C2.53191 13.1692 2.29078 12.9231 2.17021 12.6769L0.602837 13.2923L0 11.8154L1.56738 11.2C1.44681 10.7077 1.44681 10.0923 1.56738 9.6L0 8.98462L0.602837 7.50769ZM6.2695 12.5538C6.63121 12.5538 6.87234 12.3077 7.11348 12.0615C7.35461 11.8154 7.47518 11.5692 7.59574 11.3231C7.83688 10.7077 7.83688 10.0923 7.59574 9.47692C7.47518 9.23077 7.23404 8.86154 7.11348 8.73846C6.87234 8.49231 6.63121 8.24615 6.2695 8.12308C6.02837 8 5.66667 8 5.42553 8C5.06383 8 4.82269 8 4.46099 8.12308C4.21986 8.24615 3.97872 8.49231 3.73759 8.73846C3.49645 8.98462 3.37589 9.23077 3.25532 9.47692C3.13475 9.72308 3.01418 10.0923 3.01418 10.4615C3.01418 10.8308 3.13475 11.0769 3.25532 11.3231C3.37589 11.5692 3.49645 11.8154 3.73759 12.0615C3.85816 12.3077 4.21986 12.4308 4.46099 12.5538C5.06383 12.9231 5.66667 12.9231 6.2695 12.5538Z" fill="#CCCCCC"/>
+</svg>

src/images/AddStoredProcedure.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.7 12.8H15.5V15.2H15.2V12.8H13V12.5H15.2V10H15.5V12.4H17.7V12.8Z" fill="#393939" stroke="#0078D4" stroke-width="0.5"/>
+<path d="M12.4184 8V6.27692C12.2979 6.27692 12.1773 6.15385 12.0567 6.15385C11.9362 6.03077 11.8156 6.03077 11.695 5.90769L10.2482 6.64615L9.40425 5.29231L10.8511 4.43077C10.8511 4.30769 10.8511 4.18462 10.8511 3.93846C10.8511 3.81538 10.8511 3.69231 10.8511 3.44615L9.40425 2.58462L10.2482 1.23077L11.695 2.09231C11.8156 1.96923 11.9362 1.96923 12.0567 1.84615C12.1773 1.72308 12.2979 1.72308 12.4184 1.72308V0H13.9858V1.72308C14.227 1.84615 14.4681 1.96923 14.7092 2.09231L16.156 1.23077L17 2.58462L15.5532 3.44615C15.5532 3.56923 15.5532 3.69231 15.5532 3.93846C15.5532 4.06154 15.5532 4.18462 15.5532 4.43077L17 5.29231L16.156 6.64615L14.7092 5.78462C14.4681 6.03077 14.227 6.15385 13.9858 6.15385V7.87692H12.4184V8ZM14.1064 3.07692C13.8652 2.83077 13.6241 2.70769 13.2624 2.70769C12.9007 2.70769 12.6596 2.83077 12.4184 3.07692C12.1773 3.32308 12.0567 3.56923 12.0567 3.93846C12.0567 4.30769 12.1773 4.55385 12.4184 4.8C12.6596 5.04615 12.9007 5.16923 13.2624 5.16923C13.6241 5.16923 13.8652 5.04615 14.1064 4.8C14.3475 4.55385 14.4681 4.30769 14.4681 3.93846C14.4681 3.56923 14.3475 3.32308 14.1064 3.07692ZM0.602837 7.50769L2.17021 8.12308C2.29078 7.87692 2.41135 7.75385 2.65248 7.50769C2.77305 7.38462 3.01418 7.13846 3.25532 7.01538L2.53191 5.53846L3.97872 4.92308L4.58156 6.4C5.06383 6.4 5.66667 6.4 6.14894 6.4L6.75177 4.8L8.19858 5.41538L7.59574 7.01538C7.95745 7.26154 8.31915 7.63077 8.68085 8.12308L10.2482 7.50769L10.8511 8.98462L9.28369 9.6C9.28369 10.0923 9.28369 10.7077 9.28369 11.2L10.8511 11.8154L10.2482 13.2923L8.68085 12.6769C8.43972 13.0462 8.07801 13.4154 7.59574 13.7846L8.19858 15.3846L6.75177 16L6.14894 14.4C5.9078 14.4 5.66667 14.5231 5.42553 14.5231C5.1844 14.5231 4.94326 14.5231 4.70213 14.4L4.09929 16L2.65248 15.3846L3.25532 13.7846C3.01418 13.6615 2.89362 13.5385 2.65248 13.2923C2.53191 13.1692 2.29078 12.9231 2.17021 12.6769L0.602837 13.2923L0 11.8154L1.56738 11.2C1.44681 10.7077 1.44681 10.0923 1.56738 9.6L0 8.98462L0.602837 7.50769ZM6.2695 12.5538C6.63121 12.5538 6.87234 12.3077 7.11348 12.0615C7.35461 11.8154 7.47518 11.5692 7.59574 11.3231C7.83688 10.7077 7.83688 10.0923 7.59574 9.47692C7.47518 9.23077 7.23404 8.86154 7.11348 8.73846C6.87234 8.49231 6.63121 8.24615 6.2695 8.12308C6.02837 8 5.66667 8 5.42553 8C5.06383 8 4.82269 8 4.46099 8.12308C4.21986 8.24615 3.97872 8.49231 3.73759 8.73846C3.49645 8.98462 3.37589 9.23077 3.25532 9.47692C3.13475 9.72308 3.01418 10.0923 3.01418 10.4615C3.01418 10.8308 3.13475 11.0769 3.25532 11.3231C3.37589 11.5692 3.49645 11.8154 3.73759 12.0615C3.85816 12.3077 4.21986 12.4308 4.46099 12.5538C5.06383 12.9231 5.66667 12.9231 6.2695 12.5538Z" fill="#0078D4"/>
+</svg>

src/images/AddTrigger-disabled.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7 12.8H11.5V15.2H11.2V12.8H9V12.5H11.2V10H11.5V12.4H13.7V12.8Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.5"/>
+<path d="M11.9 0.5L5.89998 6.2H11.2L0.599976 16L4.89998 8H0.0999756L5.29998 0H11.8V0.5H11.9Z" fill="#CCCCCC"/>
+</svg>

src/images/AddTrigger.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7 12.8H11.5V15.2H11.2V12.8H9V12.5H11.2V10H11.5V12.4H13.7V12.8Z" fill="#0078D4" stroke="#0078D4" stroke-width="0.5"/>
+<path d="M11.9 0.5L5.89998 6.2H11.2L0.599976 16L4.89998 8H0.0999756L5.29998 0H11.8V0.5H11.9Z" fill="#0078D4"/>
+</svg>

src/images/AddUdf-disabled.svg

@@ -0,0 +1,12 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M16.3 13.5H14.1V15.9H13.8V13.5H11.6V13.2H13.8V10.7H14.1V13.1H16.3V13.5Z" fill="#CCCCCC" stroke="#CCCCCC" stroke-width="0.5"/>
+<path d="M3.2 4.09999H4.5C4.7 3.09999 4.9 2.29999 5.2 1.89999C5.5 1.49999 5.8 0.999988 6.2 0.699988C6.6 0.399988 7 0.299988 7.4 0.299988C7.6 0.299988 7.8 0.299988 7.9 0.399988C8 0.499988 8 0.599988 8 0.799988C8 0.899988 8 0.999988 7.9 1.09999C7.8 1.09999 7.7 1.19999 7.6 1.19999C7.5 1.19999 7.2 1.19999 6.9 1.09999C6.8 0.999988 6.6 0.999988 6.5 0.999988C6.3 0.999988 6.1 1.19999 5.9 1.49999C5.7 1.79999 5.6 2.29999 5.5 2.79999L5.2 4.09999H6.6L6.5 4.49999H5.1L4.3 8.29999C4 9.49999 3.6 10.4 3 11C2.4 11.6 1.8 11.9 1.2 11.9C1 11.9 0.8 11.9 0.7 11.8C0.6 11.7 0.5 11.6 0.5 11.4C0.5 11.3 0.5 11.2 0.6 11.1C0.7 11 0.9 11 1 11C1.1 11 1.2 11 1.3 11C1.5 11 1.8 11.1 2 11.1C2.3 11.1 2.6 11 2.8 10.8C3 10.6 3.1 10.2 3.3 9.39999L4.4 4.49999H3.1L3.2 4.09999Z" fill="#CCCCCC"/>
+<path d="M6.9 4.89999L6.7 4.69999C7.1 4.29999 7.4 4.09999 7.7 3.89999C7.9 3.79999 8 3.69999 8.1 3.69999C8.2 3.69999 8.3 3.79999 8.4 3.89999C8.5 4.09999 8.6 4.59999 8.7 5.29999C9.2 4.59999 9.6 4.09999 10 3.79999C10.3 3.49999 10.6 3.39999 10.8 3.39999C10.9 3.39999 11 3.39999 11.1 3.49999C11.2 3.59999 11.2 3.69999 11.2 3.79999C11.2 3.89999 11.2 3.99999 11.1 4.09999C11 4.19999 10.8 4.19999 10.4 4.29999C10.2 4.29999 10 4.39999 9.8 4.59999C9.5 4.79999 9.2 5.29999 8.9 5.79999L9.2 7.59999C9.4 8.39999 9.5 8.99999 9.7 9.39999C9.8 9.79999 10 10.1 10.3 10.3C10.4 10.4 10.6 10.5 10.7 10.5C10.9 10.5 11.1 10.3 11.2 9.99999C11.3 9.79999 11.4 9.69999 11.5 9.69999C11.6 9.69999 11.6 9.69999 11.7 9.79999C11.7 9.79999 11.8 9.89999 11.8 9.99999C11.8 10.2 11.7 10.4 11.5 10.5C11.3 10.7 11 10.8 10.7 10.8C10.4 10.8 10 10.7 9.7 10.4C9.4 10.2 9.2 9.79999 9 9.29999C8.7 8.69999 8.5 7.89999 8.3 6.69999C8.3 6.79999 8.2 6.99999 8 7.29999C7.6 7.99999 7.2 8.39999 7 8.59999C6.8 8.79999 6.5 8.89999 6.3 8.89999C6.1 8.89999 6 8.89999 5.9 8.79999C5.8 8.69999 5.7 8.59999 5.7 8.39999C5.7 8.29999 5.7 8.19999 5.8 8.09999C5.9 8.09999 6 7.99999 6.1 7.99999C6.2 7.99999 6.3 8.09999 6.4 8.19999C6.5 8.29999 6.6 8.39999 6.6 8.39999C6.6 8.39999 6.7 8.39999 6.8 8.29999C6.8 8.29999 7 8.19999 7.1 7.99999C7.3 7.69999 7.5 7.49999 7.6 7.29999L8.3 6.19999L8 5.09999C8 4.79999 7.9 4.59999 7.9 4.49999C7.8 4.39999 7.7 4.39999 7.7 4.39999C7.6 4.39999 7.6 4.39999 7.5 4.49999C7.2 4.59999 7.1 4.79999 6.9 4.89999Z" fill="#CCCCCC"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="17" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/images/AddUdf.svg

@@ -0,0 +1,12 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M16.3 13.5H14.1V15.9H13.8V13.5H11.6V13.2H13.8V10.7H14.1V13.1H16.3V13.5Z" fill="#0078D4" stroke="#0078D4" stroke-width="0.5"/>
+<path d="M3.2 4.09999H4.5C4.7 3.09999 4.9 2.29999 5.2 1.89999C5.5 1.49999 5.8 0.999988 6.2 0.699988C6.6 0.399988 7 0.299988 7.4 0.299988C7.6 0.299988 7.8 0.299988 7.9 0.399988C8 0.499988 8 0.599988 8 0.799988C8 0.899988 8 0.999988 7.9 1.09999C7.8 1.09999 7.7 1.19999 7.6 1.19999C7.5 1.19999 7.2 1.19999 6.9 1.09999C6.8 0.999988 6.6 0.999988 6.5 0.999988C6.3 0.999988 6.1 1.19999 5.9 1.49999C5.7 1.79999 5.6 2.29999 5.5 2.79999L5.2 4.09999H6.6L6.5 4.49999H5.1L4.3 8.29999C4 9.49999 3.6 10.4 3 11C2.4 11.6 1.8 11.9 1.2 11.9C1 11.9 0.8 11.9 0.7 11.8C0.6 11.7 0.5 11.6 0.5 11.4C0.5 11.3 0.5 11.2 0.6 11.1C0.7 11 0.9 11 1 11C1.1 11 1.2 11 1.3 11C1.5 11 1.8 11.1 2 11.1C2.3 11.1 2.6 11 2.8 10.8C3 10.6 3.1 10.2 3.3 9.39999L4.4 4.49999H3.1L3.2 4.09999Z" fill="#0078D4"/>
+<path d="M6.9 4.89999L6.7 4.69999C7.1 4.29999 7.4 4.09999 7.7 3.89999C7.9 3.79999 8 3.69999 8.1 3.69999C8.2 3.69999 8.3 3.79999 8.4 3.89999C8.5 4.09999 8.6 4.59999 8.7 5.29999C9.2 4.59999 9.6 4.09999 10 3.79999C10.3 3.49999 10.6 3.39999 10.8 3.39999C10.9 3.39999 11 3.39999 11.1 3.49999C11.2 3.59999 11.2 3.69999 11.2 3.79999C11.2 3.89999 11.2 3.99999 11.1 4.09999C11 4.19999 10.8 4.19999 10.4 4.29999C10.2 4.29999 10 4.39999 9.8 4.59999C9.5 4.79999 9.2 5.29999 8.9 5.79999L9.2 7.59999C9.4 8.39999 9.5 8.99999 9.7 9.39999C9.8 9.79999 10 10.1 10.3 10.3C10.4 10.4 10.6 10.5 10.7 10.5C10.9 10.5 11.1 10.3 11.2 9.99999C11.3 9.79999 11.4 9.69999 11.5 9.69999C11.6 9.69999 11.6 9.69999 11.7 9.79999C11.7 9.79999 11.8 9.89999 11.8 9.99999C11.8 10.2 11.7 10.4 11.5 10.5C11.3 10.7 11 10.8 10.7 10.8C10.4 10.8 10 10.7 9.7 10.4C9.4 10.2 9.2 9.79999 9 9.29999C8.7 8.69999 8.5 7.89999 8.3 6.69999C8.3 6.79999 8.2 6.99999 8 7.29999C7.6 7.99999 7.2 8.39999 7 8.59999C6.8 8.79999 6.5 8.89999 6.3 8.89999C6.1 8.89999 6 8.89999 5.9 8.79999C5.8 8.69999 5.7 8.59999 5.7 8.39999C5.7 8.29999 5.7 8.19999 5.8 8.09999C5.9 8.09999 6 7.99999 6.1 7.99999C6.2 7.99999 6.3 8.09999 6.4 8.19999C6.5 8.29999 6.6 8.39999 6.6 8.39999C6.6 8.39999 6.7 8.39999 6.8 8.29999C6.8 8.29999 7 8.19999 7.1 7.99999C7.3 7.69999 7.5 7.49999 7.6 7.29999L8.3 6.19999L8 5.09999C8 4.79999 7.9 4.59999 7.9 4.49999C7.8 4.39999 7.7 4.39999 7.7 4.39999C7.6 4.39999 7.6 4.39999 7.5 4.49999C7.2 4.59999 7.1 4.79999 6.9 4.89999Z" fill="#0078D4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="17" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/images/And-Or-disabled.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8 4H5.29999V6.7H12.8V4Z" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M12.8 9.10001H5.29999V11.8H12.8V9.10001Z" stroke="#CCCCCC" stroke-miterlimit="10"/>
+<path d="M3.6 12.9C2.4 12.9 1.9 12.3 1.9 11.1V9.49999C1.9 8.69999 1.6 8.29999 1 8.29999V7.59999C1.6 7.59999 1.9 7.19999 1.9 6.39999V4.69999C1.9 3.49999 2.5 2.89999 3.6 2.89999V3.59999C3 3.69999 2.7 4.09999 2.7 4.79999V6.49999C2.7 7.29999 2.4 7.79999 1.8 7.99999C2.4 8.19999 2.7 8.69999 2.7 9.49999V11C2.7 11.4 2.8 11.7 2.9 11.9C3 12.1 3.3 12.2 3.6 12.2V12.9V12.9Z" fill="#CCCCCC"/>
+</svg>

src/images/And-Or.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8 4H5.29999V6.7H12.8V4Z" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M12.8 9.10001H5.29999V11.8H12.8V9.10001Z" stroke="#0078D4" stroke-miterlimit="10"/>
+<path d="M3.6 12.9C2.4 12.9 1.9 12.3 1.9 11.1V9.49999C1.9 8.69999 1.6 8.29999 1 8.29999V7.59999C1.6 7.59999 1.9 7.19999 1.9 6.39999V4.69999C1.9 3.49999 2.5 2.89999 3.6 2.89999V3.59999C3 3.69999 2.7 4.09999 2.7 4.79999V6.49999C2.7 7.29999 2.4 7.79999 1.8 7.99999C2.4 8.19999 2.7 8.69999 2.7 9.49999V11C2.7 11.4 2.8 11.7 2.9 11.9C3 12.1 3.3 12.2 3.6 12.2V12.9Z" fill="#0078D4"/>
+</svg>

src/images/Arrow.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
+<g>
+	<g>
+		<path style="fill:#86C440;" d="M13.7,10L4.6,0.9L5.4,0l10,10l-10,10l-0.9-0.9L13.7,10z"/>
+	</g>
+</g>
+</svg>

src/images/Azure-Cosmos-DB.svg

@@ -0,0 +1,7 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 29.424">
+<title>CosmosDB_rgb_mono_lighttheme</title>
+<path d="M4.8,8.968a.324.324,0,0,1-.325-.323A3.694,3.694,0,0,0,.78,4.963a.323.323,0,1,1,0-.645A3.693,3.693,0,0,0,4.477.636a.325.325,0,0,1,.649,0,3.694,3.694,0,0,0,3.7,3.682.323.323,0,1,1,0,.646,3.694,3.694,0,0,0-3.7,3.682A.324.324,0,0,1,4.8,8.968Z" transform="translate(-0.455 -0.313)" fill="#b5a3a3"/>
+<path d="M27.6,29.737a.194.194,0,0,1-.194-.193,2.209,2.209,0,0,0-2.211-2.2.193.193,0,1,1,0-.386,2.209,2.209,0,0,0,2.211-2.2.194.194,0,0,1,.388,0,2.209,2.209,0,0,0,2.211,2.2.193.193,0,1,1,0,.386,2.209,2.209,0,0,0-2.211,2.2A.193.193,0,0,1,27.6,29.737Z" transform="translate(-0.455 -0.313)" fill="#b5a3a3"/>
+<path d="M11.952,25.4a10.534,10.534,0,0,0,15.237-9.366,48.365,48.365,0,0,1-7.219,5.343A48.458,48.458,0,0,1,11.952,25.4Z" transform="translate(-0.455 -0.313)" fill="#b5a3a3"/>
+<path d="M18.223,18.519a42.517,42.517,0,0,0,7.7-5.9c.191-.19.361-.364.522-.531a10.45,10.45,0,0,0-1.956-3.164A10.581,10.581,0,0,0,6.348,13.547,10.545,10.545,0,0,0,8.7,22.928c.243-.071.482-.139.747-.225A42.76,42.76,0,0,0,18.223,18.519Z" transform="translate(-0.455 -0.313)" fill="#b5a3a3"/>
+<path d="M32.035,6.494c-1.009-1.651-3.544-2.033-7.329-1.106a30.145,30.145,0,0,0-3.471,1.105A10.659,10.659,0,0,1,23.284,7.8c.644-.212,1.276-.4,1.878-.549a13.219,13.219,0,0,1,3.083-.437c1.239,0,1.923.306,2.151.679.374.612.03,2.228-2.17,4.77-.391.452-.832.91-1.294,1.371A44.055,44.055,0,0,1,18.97,19.74a43.82,43.82,0,0,1-9.08,4.323c-3.829,1.247-6.444,1.222-7.029.265s.585-3.3,3.444-6.139a10.46,10.46,0,0,1-.235-2.46c-4.55,4.112-6.023,7.677-4.847,9.6C1.838,26.336,3.184,26.9,5.149,26.9a19.988,19.988,0,0,0,6.8-1.5,48.444,48.444,0,0,0,8.026-4.026,48.366,48.366,0,0,0,7.221-5.345,29.818,29.818,0,0,0,2.487-2.513C32.229,10.574,33.044,8.144,32.035,6.494Z" transform="translate(-0.455 -0.313)" fill="#b5a3a3"/></svg>

src/images/BrowseQuery-disabled.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.7 1H0V15H8V14H1V4H6.7L7.7 3H15V8H16V2H7.7L6.7 1ZM1 2H6.3L6.8 2.5L6.3 3H1V2Z" fill="#CCCCCC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 11C15 12.1046 14.1046 13 13 13C11.8954 13 11 12.1046 11 11C11 9.89543 11.8954 9 13 9C14.1046 9 15 9.89543 15 11ZM16 11C16 12.6569 14.6569 14 13 14C12.4932 14 12.0157 13.8743 11.5971 13.6524L9.857 15.7261L9.09096 15.0834L10.8031 13.0429C10.3048 12.5073 10 11.7893 10 11C10 9.34315 11.3431 8 13 8C14.6569 8 16 9.34315 16 11Z" fill="#CCCCCC"/>
+</svg>

src/images/BrowseQuery.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.7 1H0V15H8V14H1V4H6.7L7.7 3H15V8H16V2H7.7L6.7 1ZM1 2H6.3L6.8 2.5L6.3 3H1V2Z" fill="#0078D4"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 11C15 12.1046 14.1046 13 13 13C11.8954 13 11 12.1046 11 11C11 9.89543 11.8954 9 13 9C14.1046 9 15 9.89543 15 11ZM16 11C16 12.6569 14.6569 14 13 14C12.4932 14 12.0157 13.8743 11.5971 13.6524L9.857 15.7261L9.09096 15.0834L10.8031 13.0429C10.3048 12.5073 10 11.7893 10 11C10 9.34315 11.3431 8 13 8C14.6569 8 16 9.34315 16 11Z" fill="#0078D4"/>
+</svg>

src/images/Chevron_Up-disabled.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.5 5.70001L5 1.10001L0.5 5.70001L0 5.20001L5 0.200012L10 5.20001L9.5 5.70001Z" fill="#CCCCCC"/>
+</svg>