dashboard improvement (#9730)

* dashboard improvement - WIP (#8836)

* wip

* wip

* tabgroup

* tab group

* agent views

* clean up

* formats

* feedback

* fix error

* contribute top level server/db dashboard tab (#8868)

* tabbedPanel component (#8861)

* tabbed panel

* tabbed panel

* fix errors

* revert main.ts changes

* use margin

* address comments

* remove orientation property

* content tab group (#8878)

* add databases tab

* use more extensible approach

* remove unnecessary code

* add when expression

* objects tab for database dashboard (#8892)

* fix build errors

* fix build error

* Dashboard toolbar (#9118)

* remove old toolbar with only edit and refresh

* remove tasks widgets from server and databases dashboards

* adding toolbar to dashboardpage and clicking new query works

* restore and new notebook now do something

* add backup to toolbar for database dashboards

* new notebook connects to db

* only show backup and restore for non-azure

* new backup and restore svgs

* clean up

* got toolbar actions to show up from contribution

* some cleanup and add database dashboard toolbar contributions

* don't show all tasks when there should be no tasks

* fix toolbar showing multiple times when switching opening another dashboard from OE

* only show toolbar for home page

* update to new icons - same icons for light and dark theme

* don't show separator if there aren't any actions

* read toolbar actions from tasks-widget

* remove tasks widget from home dashboard page

* show extension's actions in toolbar

* clean up

* more cleaning up

* fix extension actions not always loading the first time

* add configure dashboard

* remove old edit icon css

* change tasks back to original order

* make sure tasks widget is the one being removed

* collapsible tab panel (#9221)

* collapsible vertical tab panel

* fix lint error

* comments batch 1

* pr comments

* update new query icon (#9351)

* Update toolbar actions (#9313)

* remove edit and configure dashboard and add refresh to toolbar for other dashboard pages too

* Add refresh for tabs that have container type with refresh implemented

* change refresh to only refresh the current tab

* remove map for tab to actions

* add back configure dashboard to home toolbar

* check if index is -1 before trying to remove tasks widget from widgets

* Move objects widget back to database home tab (#9432)

* move objects widget back to database home tab and reorder toolbar

* change order of actions back to previous order

* Allow extensions to add actions to home toolbar (#9269)

* add support for extensions to add actions to home toolbar

* fix spacing

* use menu contribution point

* undo previous changes that added dashboardToolbarHomeAction contribution

* remove home from name

* add context key for tab name

* allow actions to also be added to the toolbar of other tabs

* add extension contributed actions even if no tasks-widget

* fix refresh being added twice after merging

* hide the tab list when collapsed (#9529)

* update the order of css selectors (#9606)

* Update dashboard style to be closer to mockups (#9570)

* update style to be closer to mockups

* tab panel styling

* change back tab styling for tabs in a tab contributed by an extension

* change color of borders when theme changes

* set dark theme active tab background to same as OE for now

* update border colors

* move colors to theme file

* fix a few issues (#9690)

* couple fixes

* comments

* small dashboard toolbar fixes  (#9695)

* fix backup icon in toolbar

* fix database page toolbar border color

* add back center center in common-icons.css (#9703)

* change padding so bottom border shows again (#9710)

* tab panel fixes (#9724)

* tab panel fixes

* fix package.nls.json

* feedbacks (#9761)

* feedbacks

* remove comments

Co-authored-by: Kim Santiago <31145923+kisantia@users.noreply.github.com>

src/sql/media/icons/backup.svg

@@ -1 +1,4 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#231f20;}</style></defs><title>backup_16x16</title><path class="cls-1" d="M12.11,13.69h1c0,1.51-3.36,2.2-6.48,2.2S.15,15.2.15,13.69V2.18C.25.55,4.26.11,6.63.11s6.48.45,6.48,2.13h-1C12,1.86,10,1.11,6.63,1.11s-5.37.75-5.48,1.14V13.69c0,.36,2,1.2,5.48,1.2S12.07,14,12.11,13.69Z"/><path class="cls-1" d="M13.45,12.07H11.82V6.37L9.38,8.81v-2l3.26-3.25,3.26,3.25v2L13.45,6.37Z"/></svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1104 13.69H13.1104C13.1104 15.2 9.75039 15.89 6.63039 15.89C3.51039 15.89 0.150391 15.2 0.150391 13.69V2.17999C0.250391 0.549986 4.26039 0.109985 6.63039 0.109985C9.00039 0.109985 13.1104 0.559986 13.1104 2.23999H12.1104C12.0004 1.85999 10.0004 1.10999 6.63039 1.10999C3.26039 1.10999 1.26039 1.85999 1.15039 2.24999V13.69C1.15039 14.05 3.15039 14.89 6.63039 14.89C10.1104 14.89 12.0704 14 12.1104 13.69Z" fill="#0078D4"/>
+<path d="M13.4499 12.0701H11.8199V6.37006L9.37988 8.81006V6.81006L12.6399 3.56006L15.8999 6.81006V8.81006L13.4499 6.37006V12.0701Z" fill="#0078D4"/>
+</svg>

src/sql/media/icons/backup_inverse.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#fff;}</style></defs><title>backup_inverse_16x16</title><path class="cls-1" d="M12.11,13.69h1c0,1.51-3.36,2.2-6.48,2.2S.15,15.2.15,13.69V2.18C.25.55,4.26.11,6.63.11s6.48.45,6.48,2.13h-1C12,1.86,10,1.11,6.63,1.11s-5.37.75-5.48,1.14V13.69c0,.36,2,1.2,5.48,1.2S12.07,14,12.11,13.69Z"/><path class="cls-1" d="M13.45,12.07H11.82V6.37L9.38,8.81v-2l3.26-3.25,3.26,3.25v2L13.45,6.37Z"/></svg>

src/sql/media/icons/common-icons.css

@@ -12,22 +12,16 @@
 	background-image: url('settings_inverse.svg');
 }
 
-.vs .codicon.backup {
+.vs .codicon.backup,
+.vs-dark .codicon.backup,
+.hc-black .codicon.backup {
 	background: url("backup.svg") center center no-repeat;
 }
 
-.vs-dark .codicon.backup,
-.hc-black .codicon.backup {
-	background: url("backup_inverse.svg") center center no-repeat;
-}
-
-.vs .codicon.restore {
-	background: url("restore.svg") center center no-repeat;
-}
-
+.vs .codicon.restore,
 .vs-dark .codicon.restore,
 .hc-black .codicon.restore {
-	background: url("restore_inverse.svg") center center no-repeat;
+	background: url("restore.svg") center center no-repeat;
 }
 
 .vs .codicon.database {
@@ -179,13 +173,10 @@
 	background: url("status_warning.svg") center center no-repeat;
 }
 
-.vs .codicon.refresh {
-	background-image: url('refresh.svg');
-}
-
+.vs .codicon.refresh,
 .vs-dark .codicon.refresh,
-.hc-black .codicon.refresh  {
-	background-image: url('refresh_inverse.svg');
+.hc-black .codicon.refresh {
+	background: url("refresh.svg") no-repeat;
 }
 
 .hc-black .codicon.toggle-more,
@@ -206,31 +197,22 @@
 	background: url('new.svg') center center no-repeat;
 }
 
-.hc-black .codicon.new-query,
-.vs-dark .codicon.new-query {
-	background: url('newquery_inverse.svg') center center no-repeat;
-}
-
-.vs .codicon.new-query {
-	background: url('newquery.svg') center center no-repeat;
+.vs .codicon.new-query,
+.vs-dark .codicon.new-query,
+.hc-black .codicon.new-query {
+	background: url("newquery.svg") center center no-repeat;
 }
 
+.vs .codicon.configure-dashboard,
 .hc-black .codicon.configure-dashboard,
 .vs-dark .codicon.configure-dashboard {
-	background: url('configdashboard_inverse.svg') center center no-repeat;
-}
-
-.vs .codicon.configure-dashboard {
-	background: url('configdashboard.svg') center center no-repeat;
+	background: url('configuredashboard.svg') center center no-repeat;
 }
 
+.vs .codicon.edit,
 .hc-black .codicon.edit,
 .vs-dark .codicon.edit {
-	background: url('edit_inverse.svg') center center no-repeat;
-}
-
-.vs .codicon.edit {
-	background: url('edit.svg') center center no-repeat;
+	background: url("edit.svg") center center no-repeat;
 }
 
 .hc-black .codicon.pin,

src/sql/media/icons/configdashboard.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><title>configure_dashboard</title><path d="M16,0V4H15V1.71L10.5,6.2l-3-3L0,10.71V9.29L7.5,1.8l3,3L14.29,1H12V0Zm-.12,10.93-1,.4a2.75,2.75,0,0,1,.06.33,3,3,0,0,1,0,.68,2.71,2.71,0,0,1-.06.33l1,.4L15.5,14l-1-.4a3,3,0,0,1-.95.95l.4,1-.92.38-.4-1-.33.06L12,15l-.34,0-.33-.06-.4,1L10,15.5l.4-1a2.93,2.93,0,0,1-.95-.95l-1,.4-.38-.92,1-.4a3.25,3.25,0,0,1,0-1.34l-1-.4L8.49,10l1,.4a2.83,2.83,0,0,1,.95-.95l-.4-1,.92-.38.4,1a3.25,3.25,0,0,1,1.34,0l.4-1,.92.38-.4,1a3,3,0,0,1,.53.42,3,3,0,0,1,.42.53l1-.4ZM12,14a1.94,1.94,0,0,0,.78-.16,2,2,0,0,0,1.07-1.07,2,2,0,0,0,0-1.55,2,2,0,0,0-1.07-1.07,2,2,0,0,0-1.55,0,2,2,0,0,0-1.07,1.07,2,2,0,0,0,0,1.55,2,2,0,0,0,1.07,1.07A1.94,1.94,0,0,0,12,14Z"/></svg>

src/sql/media/icons/configdashboard_inverse.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{font-size:12px;font-family:FullMDL2Assets, Full MDL2 Assets;}.cls-1,.cls-2{fill:#fff;}</style></defs><title>manage_inverse_16x16 </title><text class="cls-1" transform="translate(0.01 11.59)"> </text><path class="cls-2" d="M16,0V4H15V1.71L10.5,6.2l-3-3L0,10.71V9.29L7.5,1.8l3,3L14.29,1H12V0Zm-.12,10.93-1,.4a2.75,2.75,0,0,1,.06.33,3,3,0,0,1,0,.68,2.71,2.71,0,0,1-.06.33l1,.4L15.5,14l-1-.4a3,3,0,0,1-.95.95l.4,1-.92.38-.4-1-.33.06L12,15l-.34,0-.33-.06-.4,1L10,15.5l.4-1a2.93,2.93,0,0,1-.95-.95l-1,.4-.38-.92,1-.4a3.25,3.25,0,0,1,0-1.34l-1-.4L8.49,10l1,.4a2.83,2.83,0,0,1,.95-.95l-.4-1,.92-.38.4,1a3.25,3.25,0,0,1,1.34,0l.4-1,.92.38-.4,1a3,3,0,0,1,.53.42,3,3,0,0,1,.42.53l1-.4ZM12,14a1.94,1.94,0,0,0,.78-.16,2,2,0,0,0,1.07-1.07,2,2,0,0,0,0-1.55,2,2,0,0,0-1.07-1.07,2,2,0,0,0-1.55,0,2,2,0,0,0-1.07,1.07,2,2,0,0,0,0,1.55,2,2,0,0,0,1.07,1.07A1.94,1.94,0,0,0,12,14Z"/></svg>

src/sql/media/icons/configuredashboard.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 8H8V15H0V0H15V8ZM7 8H1V14H7V8ZM7 1H1V7H7V1ZM14 1H8V7H14V1ZM14.9531 12.0234C14.9844 12.1797 15 12.3385 15 12.5C15 12.6615 14.9844 12.8203 14.9531 12.9766L15.9219 13.375L15.5391 14.3047L14.5703 13.8984C14.4818 14.0339 14.3802 14.1589 14.2656 14.2734C14.1562 14.3828 14.0339 14.4818 13.8984 14.5703L14.3047 15.5391L13.375 15.9219L12.9766 14.9531C12.8203 14.9844 12.6615 15 12.5 15C12.3385 15 12.1797 14.9844 12.0234 14.9531L11.625 15.9219L10.6953 15.5391L11.1016 14.5703C10.8307 14.3932 10.6068 14.1693 10.4297 13.8984L9.46094 14.3047L9.07812 13.375L10.0469 12.9766C10.0156 12.8203 10 12.6615 10 12.5C10 12.3385 10.0156 12.1797 10.0469 12.0234L9.07812 11.625L9.46094 10.6953L10.4297 11.1016C10.5182 10.9661 10.6172 10.8438 10.7266 10.7344C10.8411 10.6198 10.9661 10.5182 11.1016 10.4297L10.6953 9.46094L11.625 9.07812L12.0234 10.0469C12.0964 10.0365 12.1667 10.0286 12.2344 10.0234C12.3073 10.013 12.3802 10.0078 12.4531 10.0078C12.5417 10.0078 12.6276 10.013 12.7109 10.0234C12.7943 10.0339 12.8802 10.0469 12.9688 10.0625L13.375 9.07812L14.3047 9.46094L13.8906 10.4453C14.026 10.5339 14.151 10.6328 14.2656 10.7422C14.3802 10.8464 14.4818 10.9661 14.5703 11.1016L15.5391 10.6953L15.9219 11.625L14.9531 12.0234ZM12.5078 14C12.7109 14 12.9036 13.9609 13.0859 13.8828C13.2682 13.7995 13.4271 13.6901 13.5625 13.5547C13.6979 13.4193 13.8047 13.2604 13.8828 13.0781C13.9609 12.8958 14 12.7031 14 12.5C14 12.2917 13.9609 12.0964 13.8828 11.9141C13.8047 11.7318 13.6979 11.5729 13.5625 11.4375C13.4271 11.3021 13.2682 11.1953 13.0859 11.1172C12.9036 11.0391 12.7083 11 12.5 11C12.2969 11 12.1042 11.0391 11.9219 11.1172C11.7396 11.1953 11.5781 11.3047 11.4375 11.4453C11.3021 11.5807 11.1953 11.7396 11.1172 11.9219C11.0391 12.1042 11 12.2969 11 12.5C11 12.7083 11.0391 12.9036 11.1172 13.0859C11.2005 13.2682 11.3099 13.4271 11.4453 13.5625C11.5807 13.6979 11.7396 13.8047 11.9219 13.8828C12.1094 13.9609 12.3047 14 12.5078 14Z" fill="#015CDA"/>
+</svg>

src/sql/media/icons/edit.svg

@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><style type="text/css">.icon-canvas-transparent{opacity:0;fill:#F6F6F6;} .icon-vs-out{fill:#F6F6F6;} .icon-vs-bg{fill:#424242;}</style><path class="icon-canvas-transparent" d="M16 16h-16v-16h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 4.28l-11.673 11.72h-4.327v-4.406l11.477-11.594h.308l4.215 4.237v.043z" id="outline" style="display: none;"/><path class="icon-vs-bg" d="M14.598 4.25l-1.688 1.75-3-3 1.688-1.75 3 3zm-5.688-.25l-7 7 3 3 7-7-3-3zm-7.91 8.09v2.91h2.91l-2.91-2.91z" id="iconBg"/></svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 2.61719C16 2.96094 15.9349 3.29427 15.8047 3.61719C15.6745 3.9401 15.4844 4.22656 15.2344 4.47656L4.94531 14.7656L0 16L1.23438 11.0547L11.5234 0.765625C11.7734 0.515625 12.0599 0.325521 12.3828 0.195312C12.7057 0.0651042 13.0391 0 13.3828 0C13.7422 0 14.0807 0.0703125 14.3984 0.210938C14.7161 0.346354 14.9922 0.533854 15.2266 0.773438C15.4661 1.00781 15.6536 1.28385 15.7891 1.60156C15.9297 1.91927 16 2.25781 16 2.61719ZM2.54688 11.1562C3.09896 11.3385 3.57292 11.6302 3.96875 12.0312C4.36979 12.4271 4.66146 12.901 4.84375 13.4531L13.2891 5L11 2.71094L2.54688 11.1562ZM1.375 14.625L3.94531 13.9844C3.89323 13.7448 3.80729 13.5182 3.6875 13.3047C3.57292 13.0911 3.43229 12.901 3.26562 12.7344C3.09896 12.5677 2.90885 12.4271 2.69531 12.3125C2.48177 12.1927 2.25521 12.1068 2.01562 12.0547L1.375 14.625ZM14 4.28906C14.1302 4.15885 14.2552 4.03646 14.375 3.92188C14.4948 3.80729 14.6016 3.6875 14.6953 3.5625C14.7891 3.43229 14.862 3.29427 14.9141 3.14844C14.9714 2.9974 15 2.82292 15 2.625C15 2.40104 14.9557 2.19271 14.8672 2C14.7839 1.80208 14.6667 1.63021 14.5156 1.48438C14.3698 1.33333 14.1979 1.21615 14 1.13281C13.8073 1.04427 13.599 1 13.375 1C13.1771 1 13.0026 1.02865 12.8516 1.08594C12.7057 1.13802 12.5677 1.21094 12.4375 1.30469C12.3125 1.39844 12.1927 1.50521 12.0781 1.625C11.9635 1.74479 11.8411 1.86979 11.7109 2L14 4.28906Z" fill="#0078D4"/>
+</svg>

src/sql/media/icons/edit_inverse.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><style type="text/css">.icon-canvas-transparent{opacity:0;fill:#2d2d30;} .icon-vs-out{fill:#2d2d30;} .icon-vs-bg{fill:#c5c5c5;}</style><path class="icon-canvas-transparent" d="M16 16h-16v-16h16v16z" id="canvas"/><path class="icon-vs-out" d="M16 4.28l-11.673 11.72h-4.327v-4.406l11.477-11.594h.308l4.215 4.237v.043z" id="outline" style="display: none;"/><path class="icon-vs-bg" d="M14.598 4.25l-1.688 1.75-3-3 1.688-1.75 3 3zm-5.688-.25l-7 7 3 3 7-7-3-3zm-7.91 8.09v2.91h2.91l-2.91-2.91z" id="iconBg"/></svg>

src/sql/media/icons/extensions.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="M16 0V13H13V16H0V3H3V0H16ZM15 12V1H4V3H6V4H1V15H12V10H13V12H15ZM7.35156 9.35156L6.64844 8.64844L11.2891 4H8V3H13V8H12V4.71094L7.35156 9.35156Z" fill="#0078D4"/>
+</svg>

src/sql/media/icons/newquery.svg

@@ -1 +1,3 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#212121;}</style></defs><title>newquery_16x16</title><path class="cls-1" d="M1.9,4H.38V2.45H1.9Zm0,9.14H.38V11.59H1.9ZM15.63,4H4.19V2.45H15.63Zm0,9.14H4.19V11.59H15.63Zm0-6.09H7.23V5.5h8.39Zm0,3H10.29V8.54h5.34Z"/></svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 4V3H1V4H0ZM3 3H16V4H3V3ZM0 13V12H1V13H0ZM3 13V12H16V13H3ZM7 7V6H16V7H7ZM11 10V9H16V10H11Z" fill="#0078D4"/>
+</svg>

src/sql/media/icons/newquery_inverse.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1,.cls-2{fill:#fff;}.cls-2{font-size:12px;font-family:FullMDL2Assets, Full MDL2 Assets;}</style></defs><title>newquery_inverse_16x16</title><path class="cls-1" d="M1.79,3.85H.26V2.33H1.79Zm0,9.14H.26V11.47H1.79ZM15.51,3.85H4.08V2.33H15.51Zm0,9.14H4.08V11.47H15.51Zm0-6.09H7.12V5.38h8.39Zm0,3H10.18V8.42h5.34Z"/><text class="cls-2" transform="translate(0.01 11.59)"> </text></svg>

src/sql/media/icons/refresh.svg

@@ -1 +1,3 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#212121;}</style></defs><title>refresh</title><path class="cls-1" d="M12.51,1.59a8.06,8.06,0,0,1,3.06,4A7.83,7.83,0,0,1,16,8.2a7.91,7.91,0,0,1-.29,2.12,8.13,8.13,0,0,1-.8,1.91A8,8,0,0,1,12,15.11a8.1,8.1,0,0,1-1.91.8,8.06,8.06,0,0,1-4.25,0A8.08,8.08,0,0,1,4,15.11a8,8,0,0,1-2.87-2.87,8.07,8.07,0,0,1-.8-1.91,8,8,0,0,1,0-4.25,8.11,8.11,0,0,1,.82-1.94,7.86,7.86,0,0,1,1.3-1.66A8,8,0,0,1,4.14,1.2H2V.2H6v4H5V1.88A7,7,0,0,0,1.28,6.24a7,7,0,0,0,0,3.82,7,7,0,0,0,1.8,3.09A7,7,0,0,0,6.14,15a7,7,0,0,0,3.71,0,7,7,0,0,0,1.67-.71,7,7,0,0,0,3.22-4.18,7,7,0,0,0-.13-4.12,7.07,7.07,0,0,0-2.68-3.52,6.78,6.78,0,0,0-2.07-1l.27-1A7.67,7.67,0,0,1,12.51,1.59Z"/></svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.1328 0.296875C10.9974 0.53125 11.7891 0.898438 12.5078 1.39844C13.2266 1.89323 13.8438 2.48177 14.3594 3.16406C14.8802 3.84115 15.2839 4.59375 15.5703 5.42188C15.8568 6.24479 16 7.10417 16 8C16 8.73438 15.9036 9.44271 15.7109 10.125C15.5234 10.8073 15.2552 11.4453 14.9062 12.0391C14.5625 12.6328 14.1458 13.1745 13.6562 13.6641C13.1719 14.1484 12.6328 14.5651 12.0391 14.9141C11.4453 15.2578 10.8073 15.526 10.125 15.7188C9.44271 15.9062 8.73438 16 8 16C7.26562 16 6.55729 15.9062 5.875 15.7188C5.19271 15.526 4.55469 15.2578 3.96094 14.9141C3.36719 14.5651 2.82552 14.1484 2.33594 13.6641C1.85156 13.1745 1.4349 12.6328 1.08594 12.0391C0.742188 11.4453 0.473958 10.8099 0.28125 10.1328C0.09375 9.45052 0 8.73958 0 8C0 7.27083 0.0963542 6.5625 0.289062 5.875C0.481771 5.1875 0.755208 4.54167 1.10938 3.9375C1.46875 3.32812 1.90365 2.77604 2.41406 2.28125C2.92448 1.78125 3.5 1.35417 4.14062 1H2V0H6V4H5V1.67969C4.39062 1.97135 3.83854 2.33854 3.34375 2.78125C2.85417 3.21875 2.4349 3.71354 2.08594 4.26562C1.73698 4.8125 1.46875 5.40365 1.28125 6.03906C1.09375 6.67448 1 7.32812 1 8C1 8.64062 1.08333 9.26042 1.25 9.85938C1.41667 10.4531 1.65104 11.0104 1.95312 11.5312C2.26042 12.0469 2.6276 12.5182 3.05469 12.9453C3.48177 13.3724 3.95312 13.7396 4.46875 14.0469C4.98958 14.349 5.54688 14.5833 6.14062 14.75C6.73438 14.9167 7.35417 15 8 15C8.64062 15 9.25781 14.9167 9.85156 14.75C10.4505 14.5833 11.0078 14.349 11.5234 14.0469C12.0443 13.7396 12.5182 13.3724 12.9453 12.9453C13.3724 12.5182 13.737 12.0469 14.0391 11.5312C14.3464 11.0104 14.5833 10.4531 14.75 9.85938C14.9167 9.26562 15 8.64583 15 8C15 7.21875 14.8724 6.46615 14.6172 5.74219C14.3672 5.01823 14.0156 4.35938 13.5625 3.76562C13.1094 3.17188 12.5677 2.65885 11.9375 2.22656C11.3125 1.78906 10.6224 1.46615 9.86719 1.25781L10.1328 0.296875Z" fill="#0078D4"/>
+</svg>

src/sql/media/icons/refresh_inverse.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#fff;}</style></defs><title>refresh_inverse</title><path class="cls-1" d="M12.51,1.59a8.06,8.06,0,0,1,3.06,4A7.83,7.83,0,0,1,16,8.2a7.91,7.91,0,0,1-.29,2.12,8.13,8.13,0,0,1-.8,1.91A8,8,0,0,1,12,15.11a8.1,8.1,0,0,1-1.91.8,8.06,8.06,0,0,1-4.25,0A8.08,8.08,0,0,1,4,15.11a8,8,0,0,1-2.87-2.87,8.07,8.07,0,0,1-.8-1.91,8,8,0,0,1,0-4.25,8.11,8.11,0,0,1,.82-1.94,7.86,7.86,0,0,1,1.3-1.66A8,8,0,0,1,4.14,1.2H2V.2H6v4H5V1.88A7,7,0,0,0,1.28,6.24a7,7,0,0,0,0,3.82,7,7,0,0,0,1.8,3.09A7,7,0,0,0,6.14,15a7,7,0,0,0,3.71,0,7,7,0,0,0,1.67-.71,7,7,0,0,0,3.22-4.18,7,7,0,0,0-.13-4.12,7.07,7.07,0,0,0-2.68-3.52,6.78,6.78,0,0,0-2.07-1l.27-1A7.67,7.67,0,0,1,12.51,1.59Z"/></svg>

src/sql/media/icons/restore.svg

@@ -1 +1,4 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#212121;}</style></defs><title>restore_16x16</title><path class="cls-1" d="M13.21,2.19V4.66h-1V2.25c-.11-.38-2.15-1.13-5.48-1.13s-5.37.75-5.48,1.14V13.7c0,.36,2,1.2,5.48,1.2s5.43-.84,5.48-1.2V10.93h1V13.7c0,1.51-3.36,2.2-6.48,2.2S.25,15.21.25,13.7V2.19C.35.56,4.35.12,6.73.12S13.11.56,13.21,2.19Z"/><path class="cls-1" d="M15.51,11.34A3.86,3.86,0,0,1,14.28,13a.5.5,0,0,1-.31.1.5.5,0,0,1-.3-.9,2.75,2.75,0,0,0,.9-1.22,2.8,2.8,0,0,0-1.63-3.6,2.74,2.74,0,0,0-2.14.07A2.78,2.78,0,0,0,9.55,8.58l1.61-.44.26,1L8.2,10,7.33,6.77l1-.26L8.71,8a3.8,3.8,0,0,1,4.58-1.59A3.81,3.81,0,0,1,15.51,11.34Z"/></svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.21 2.19109V4.66109H12.21V2.25109C12.1 1.87109 10.06 1.12109 6.73 1.12109C3.4 1.12109 1.36 1.87109 1.25 2.26109V13.7011C1.25 14.0611 3.25 14.9011 6.73 14.9011C10.21 14.9011 12.16 14.0611 12.21 13.7011V10.9311H13.21V13.7011C13.21 15.2111 9.85 15.9011 6.73 15.9011C3.61 15.9011 0.25 15.2111 0.25 13.7011V2.19109C0.35 0.561094 4.35 0.121094 6.73 0.121094C9.11 0.121094 13.11 0.561094 13.21 2.19109Z" fill="#0078D4"/>
+<path d="M15.5101 11.3384C15.2585 11.9932 14.8333 12.5671 14.2801 12.9984C14.1908 13.0654 14.0817 13.1006 13.9701 13.0984C13.8651 13.0984 13.7629 13.0654 13.6777 13.004C13.5926 12.9427 13.5289 12.8561 13.4957 12.7565C13.4626 12.657 13.4615 12.5495 13.4928 12.4493C13.5241 12.3492 13.5861 12.2614 13.6701 12.1984C14.0785 11.8841 14.3903 11.4614 14.5701 10.9784C14.8298 10.2848 14.804 9.51651 14.4985 8.84179C14.193 8.16708 13.6327 7.64089 12.9401 7.37841C12.5969 7.24583 12.2306 7.1837 11.863 7.19573C11.4953 7.20775 11.1338 7.29369 10.8001 7.44841C10.2765 7.68669 9.83981 8.0815 9.55008 8.57841L11.1601 8.13841L11.4201 9.13841L8.20008 9.99841L7.33008 6.76841L8.33008 6.50841L8.71008 7.99841C9.16883 7.24148 9.87742 6.66842 10.7136 6.37814C11.5497 6.08786 12.461 6.09857 13.2901 6.40841C13.7606 6.5849 14.1916 6.85274 14.5582 7.1965C14.9248 7.54025 15.2198 7.95314 15.4261 8.41138C15.6325 8.86962 15.7461 9.36416 15.7605 9.86651C15.7749 10.3689 15.6898 10.8691 15.5101 11.3384Z" fill="#0078D4"/>
+</svg>

src/sql/media/icons/restore_inverse.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#fff;}</style></defs><title>restore_inverse_16x16</title><path class="cls-1" d="M13.21,2.19V4.66h-1V2.25c-.11-.38-2.15-1.13-5.48-1.13s-5.37.75-5.48,1.14V13.7c0,.36,2,1.2,5.48,1.2s5.43-.84,5.48-1.2V10.93h1V13.7c0,1.51-3.36,2.2-6.48,2.2S.25,15.21.25,13.7V2.19C.35.56,4.35.12,6.73.12S13.11.56,13.21,2.19Z"/><path class="cls-1" d="M15.51,11.34A3.86,3.86,0,0,1,14.28,13a.5.5,0,0,1-.31.1.5.5,0,0,1-.3-.9,2.75,2.75,0,0,0,.9-1.22,2.8,2.8,0,0,0-1.63-3.6,2.74,2.74,0,0,0-2.14.07A2.78,2.78,0,0,0,9.55,8.58l1.61-.44.26,1L8.2,10,7.33,6.77l1-.26L8.71,8a3.8,3.8,0,0,1,4.58-1.59A3.81,3.81,0,0,1,15.51,11.34Z"/></svg>