From 2a2c5aa7347f89de9e5817e88d11c1e5a1479668 Mon Sep 17 00:00:00 2001
From: elizavetaRa <svillyfly@mail.ru>
Date: Wed, 16 Feb 2022 01:23:02 +0100
Subject: [PATCH] icons

---
 src/assets/icons/codimd-line.svg              |  19 +++
 src/assets/icons/collabora-line.svg           |   9 +
 src/assets/icons/drawio_app-line.svg          |  17 ++
 src/assets/icons/jsroot-line.svg              | 161 ++++++++++++++++++
 src/assets/icons/jupyter-line.svg             |  90 ++++++++++
 src/assets/icons/msoffice-cloud-line.svg      |   1 +
 src/assets/icons/msoffice-line.svg            |   1 +
 src/assets/icons/onlyoffice-line.svg          |  19 +++
 .../icons/resource-type-drawio-fill.svg       |  52 ++++++
 src/assets/icons/resource-type-ifc-fill.svg   |  53 ++++++
 .../icons/resource-type-jupyter-fill.svg      |  29 ++++
 src/assets/icons/resource-type-root-fill.svg  |  45 +++++
 src/assets/icons/root-line.svg                |  49 ++++++
 .../resourceIconColorExtensionMapping.json    |   1 +
 src/helpers/resourceIconExtensionMapping.json |   4 +
 15 files changed, 550 insertions(+)
 create mode 100644 src/assets/icons/codimd-line.svg
 create mode 100644 src/assets/icons/collabora-line.svg
 create mode 100644 src/assets/icons/drawio_app-line.svg
 create mode 100644 src/assets/icons/jsroot-line.svg
 create mode 100644 src/assets/icons/jupyter-line.svg
 create mode 100644 src/assets/icons/msoffice-cloud-line.svg
 create mode 100644 src/assets/icons/msoffice-line.svg
 create mode 100644 src/assets/icons/onlyoffice-line.svg
 create mode 100644 src/assets/icons/resource-type-drawio-fill.svg
 create mode 100644 src/assets/icons/resource-type-ifc-fill.svg
 create mode 100644 src/assets/icons/resource-type-jupyter-fill.svg
 create mode 100644 src/assets/icons/resource-type-root-fill.svg
 create mode 100644 src/assets/icons/root-line.svg

diff --git a/src/assets/icons/codimd-line.svg b/src/assets/icons/codimd-line.svg
new file mode 100644
index 000000000..2b0fe20ec
--- /dev/null
+++ b/src/assets/icons/codimd-line.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="180.000000pt" height="180.000000pt" viewBox="0 0 180.000000 180.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,180.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M412 1477 l-22 -23 0 -553 0 -552 25 -25 25 -25 469 3 c436 3 472 4
+488 21 17 16 18 48 21 382 l3 365 -196 0 c-182 0 -196 1 -215 20 -19 19 -20
+33 -20 215 l0 195 -278 0 c-278 0 -279 0 -300 -23z m743 -532 l0 -40 -250 0
+-250 0 -3 28 c-7 59 -15 58 255 55 l248 -3 0 -40z m3 -172 l-3 -38 -250 0
+-250 0 -3 38 -3 37 256 0 256 0 -3 -37z m-3 -168 l0 -40 -250 0 -250 0 -3 28
+c-7 59 -15 58 255 55 l248 -3 0 -40z"/>
+<path d="M1070 1315 l0 -155 155 0 c85 0 155 3 155 8 0 9 -293 302 -303 302
+-4 0 -7 -70 -7 -155z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/collabora-line.svg b/src/assets/icons/collabora-line.svg
new file mode 100644
index 000000000..5c48e12f3
--- /dev/null
+++ b/src/assets/icons/collabora-line.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 352.32063 472.79852">
+  <g transform="translate(-413.4349,236.56433)">
+    <polygon transform="matrix(10.216927,0,0,10.216927,237.11117,-332.2152)" style="fill:#ffffff" points="17.258,20.718 17.772,20.172 30.958,32.599 17.914,44.893 17.358,44.386"/>
+    <path d="M 436.4668,0 19.5,417.04297 19.847656,417.42969 506.66992,876.2168 529.02734,897.30078 506.66992,918.38477 25.332031,1372.0352 440.05859,1786.9551 1331.6055,895.4082 Z" transform="matrix(0.26458333,0,0,0.26458333,413.4349,-236.56433)" style="fill:#504999;fill-opacity:1;stroke-width:38.6152"/>
+    <polygon transform="matrix(10.216927,0,0,10.216927,237.11117,-332.2152)" style="fill:#c8c8c8" points="29.864,32.599 17.358,44.386 17.258,20.718"/>
+    <polygon transform="matrix(10.216927,0,0,10.216927,237.11117,-332.2152)" points="31.847,41.483 27.743,35.628 18.807,44.052" style="fill:#38257a;fill-opacity:1"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/drawio_app-line.svg b/src/assets/icons/drawio_app-line.svg
new file mode 100644
index 000000000..079095282
--- /dev/null
+++ b/src/assets/icons/drawio_app-line.svg
@@ -0,0 +1,17 @@
+<?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="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 161.6 161.6" style="enable-background:new 0 0 161.6 161.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F08705;}
+	.st1{fill:#DF6C0C;}
+	.st2{fill:#FFFFFF;}
+	.st3{fill:#333333;}
+</style>
+<g>
+	<path class="st0" d="M161.6,154.7c0,3.9-3.2,6.9-6.9,6.9H6.9c-3.9,0-6.9-3.2-6.9-6.9V6.9C0,3,3.2,0,6.9,0h147.8   c3.9,0,6.9,3.2,6.9,6.9L161.6,154.7L161.6,154.7z"/>
+	<g>
+		<path class="st1" d="M161.6,154.7c0,3.9-3.2,6.9-6.9,6.9H55.3l-32.2-32.7l20-32.7l59.4-73.8l58.9,60.7L161.6,154.7z"/>
+	</g>
+	<path class="st2" d="M132.7,90.3h-17l-18-30.6c4-0.8,7-4.4,7-8.6V28c0-4.9-3.9-8.8-8.8-8.8h-30c-4.9,0-8.8,3.9-8.8,8.8v23.1   c0,4.3,3,7.8,6.9,8.6L46,90.4H29c-4.9,0-8.8,3.9-8.8,8.8v23.1c0,4.9,3.9,8.8,8.8,8.8h30c4.9,0,8.8-3.9,8.8-8.8V99.2   c0-4.9-3.9-8.8-8.8-8.8h-2.9L73.9,60h13.9l17.9,30.4h-3c-4.9,0-8.8,3.9-8.8,8.8v23.1c0,4.9,3.9,8.8,8.8,8.8h30   c4.9,0,8.8-3.9,8.8-8.8V99.2C141.5,94.3,137.6,90.3,132.7,90.3z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/jsroot-line.svg b/src/assets/icons/jsroot-line.svg
new file mode 100644
index 000000000..710c90873
--- /dev/null
+++ b/src/assets/icons/jsroot-line.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<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="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">  <image id="image0" width="512" height="512" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABBVBMVEUe1OUe1OUe1OUe1OUe
+1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe
+1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe
+1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe
+1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe1OUe
+1OUe1OUe1OUe1OUe1OUe1OX///87NXgMAAAAVXRSTlMALTNmURswSI2Zoszn1cB7Jz+HnOTSvXVd
+FVR+yd60bBL5t4rPS4Hw26VvNh5a/EUJGOHDBkKE9iFjrpADJE6o8yrtlupgV7oPnzlyeAyT2LFp
+xqs8xYaSnQAAAAFiS0dEVgoN6YkAAAAHdElNRQflChYUGjuvliggAAAgYklEQVR42u2dZ1fjOhCG
+TUJogaWGXkLJ0oOB0EOHXZbOXfj/f+VuSDApHlmWJY2s8fPlnnMXkpFGWNZo5h3HoUdbqkrao732
+fzLYpiUooiPVmU53dfdks70fbPqyP7q7+9PpZDVYwcBgemg4O/IhRm60e2w8NYE9iAQBBianuqdn
+BB3fTHa2e24wjz2kBD7yg3Pd2XlJrq9nZGFxvAN7dAksBsYXF0Qf97ws9Yx1JpuCeeQLPxeWFfv+
+m5XVtXXsESd4bGwOr2jzvUfxx88tF3voCdubqzv6ne+xO9RZwp4CwuztLyE6v8bB7Noh9kRQJHN0
+rG/PD2LmpOBiTwglyltDfdg+b2Z+YewUe15oUDo7v8D2NsDKz0vs2bGdcqHHnAe/H33JGlBI5/AV
+toN51sBUsheoYO/6Btu13Cz1b2BPl2Uc7gdd45rG7q2LPWnWUPr1G9udIixfp7BnzgoGuuKw8fuT
+Td9hT1/McW93sZ0YjYs/99hzGGMur80+8/HRt5Y8BoQYnMV2nSyWu5L8wrCUx7PYbpNJsSfJJQrD
+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
+gn3SGLHp8O/P4Az2JBvMah7bPRpw456goYyR+F/98bEe0+CcYnrinPkRDnc/nuE5lezYGPuBabOn
+YlsKxS47bn5DMLeMPekGkdXY+dsYts1RFkTmYg3bF0gM2qjhHZ7hOFV9yqX8Zo12hzDTFJ/+39x1
+WSjkHoIdIzU/tXIZ87qNKFz0u9jTbwKdVF8FVu3K+hKnTPJIOB3Xkk8V5IeoZQq8/MKec8OYOIlj
+7pYoKwbr/aKx/UzlQLBzFO+CT2VsdFO4Ixp5szvnJxKHf2xfAjdzLvYkm83AKraLlLp/zMWeYPM5
+fLb1RPCSdrEnNx7kx2xQ9mtm9yz6zJChdJvD9pdciudJ2CckW+hKk/K4OEmCvgJ09NgRGOgdo5Pt
+KZmJsfjnD88mW38kBlfjHCIemaKb7SON/FwO249iFP/SyvRWyP1w/EIDK492FvkjcZeO1aHg6o/9
+RZ7a2V7bxfYrH8s9heS2Tw0xWAMX52fJZZ9KMmMGa0wcHLe72BNEgI3H3yZeGt+cT5Kr70Pj6awb
+R3MMYncqifXr5tKUB0Fvz2QeezKI8nR2jS04M9pPu7QLn8xkF1JbkqvZ/r3kjd8I3L2pBb21JTOr
+6bh0cibD5dyqlhqzg/+62pMrHkMpp45OfqvLJ+s77z+LTwtvukzsrQ1n5Z4QbkZPjlJJgDdWbLyn
+u86zUbMJdqa7H8dTSYQnvpRTW+n97oVsqPNiMZtd7X44Sp1iW58gkVIqNZhOz3V/kq3RW/vv78//
+u5hO36YStyfQ4X81Gvsh/ChF4gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0xMC0yMlQxNzoyNjo1
+OSswMzowMFeMRiEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMTAtMjJUMTc6MjY6NTkrMDM6MDAm
+0f6dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==" />
+</svg>
diff --git a/src/assets/icons/jupyter-line.svg b/src/assets/icons/jupyter-line.svg
new file mode 100644
index 000000000..ab2550874
--- /dev/null
+++ b/src/assets/icons/jupyter-line.svg
@@ -0,0 +1,90 @@
+<svg width="44" height="51" viewBox="0 0 44 51" version="2.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:figma="http://www.figma.com/figma/ns">
+<title>Group.svg</title>
+<desc>Created using Figma 0.90</desc>
+<g id="Canvas" transform="translate(-1640 -2453)" figma:type="canvas">
+<g id="Group" style="mix-blend-mode:normal;" figma:type="group">
+<g id="Group" style="mix-blend-mode:normal;" figma:type="group">
+<g id="Group" style="mix-blend-mode:normal;" figma:type="group">
+<g id="g" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path9 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path0_fill" transform="translate(1640.54 2474.36)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path10 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path1_fill" transform="translate(1645.68 2474.37)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path11 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path2_fill" transform="translate(1653.39 2474.26)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path12 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path3_fill" transform="translate(1660.43 2474.39)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path13 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path4_fill" transform="translate(1667.55 2472.54)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path14 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path5_fill" transform="translate(1672.47 2474.29)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path15 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path6_fill" transform="translate(1679.98 2474.24)" fill="#4E4E4E" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+</g>
+</g>
+<g id="g" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path16 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path7_fill" transform="translate(1673.48 2453.69)" fill="#767677" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path17 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path8_fill" transform="translate(1643.21 2484.27)" fill="#F37726" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path18 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path9_fill" transform="translate(1643.21 2457.88)" fill="#F37726" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path19 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path10_fill" transform="translate(1643.28 2496.09)" fill="#9E9E9E" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+<g id="path" style="mix-blend-mode:normal;" figma:type="group">
+<g id="path20 fill" style="mix-blend-mode:normal;" figma:type="vector">
+<use xlink:href="#path11_fill" transform="translate(1641.87 2458.43)" fill="#616262" style="mix-blend-mode:normal;"/>
+</g>
+</g>
+</g>
+</g>
+</g>
+</g>
+<defs>
+<path id="path0_fill" d="M 1.74498 5.47533C 1.74498 7.03335 1.62034 7.54082 1.29983 7.91474C 0.943119 8.23595 0.480024 8.41358 0 8.41331L 0.124642 9.3036C 0.86884 9.31366 1.59095 9.05078 2.15452 8.56466C 2.45775 8.19487 2.6834 7.76781 2.818 7.30893C 2.95261 6.85005 2.99341 6.36876 2.93798 5.89377L 2.93798 0L 1.74498 0L 1.74498 5.43972L 1.74498 5.47533Z"/>
+<path id="path1_fill" d="M 5.50204 4.76309C 5.50204 5.43081 5.50204 6.02731 5.55545 6.54368L 4.496 6.54368L 4.42478 5.48423C 4.20318 5.85909 3.88627 6.16858 3.50628 6.38125C 3.12628 6.59392 2.69675 6.70219 2.26135 6.69503C 1.22861 6.69503 0 6.13415 0 3.84608L 0 0.0445149L 1.193 0.0445149L 1.193 3.6057C 1.193 4.84322 1.57583 5.67119 2.65309 5.67119C 2.87472 5.67358 3.09459 5.63168 3.29982 5.54796C 3.50505 5.46424 3.69149 5.34039 3.84822 5.18366C 4.00494 5.02694 4.1288 4.84049 4.21252 4.63527C 4.29623 4.43004 4.33813 4.21016 4.33575 3.98853L 4.33575 0L 5.52874 0L 5.52874 4.72748L 5.50204 4.76309Z"/>
+<path id="path2_fill" d="M 0.0534178 2.27264C 0.0534178 1.44466 0.0534178 0.768036 0 0.153731L 1.06836 0.153731L 1.12177 1.2666C 1.3598 0.864535 1.70247 0.534594 2.11325 0.311954C 2.52404 0.0893145 2.98754 -0.0176786 3.45435 0.00238095C 5.03908 0.00238095 6.23208 1.32892 6.23208 3.30538C 6.23208 5.63796 4.7987 6.79535 3.24958 6.79535C 2.85309 6.81304 2.45874 6.7281 2.10469 6.54874C 1.75064 6.36937 1.44888 6.10166 1.22861 5.77151L 1.22861 5.77151L 1.22861 9.33269L 0.0534178 9.33269L 0.0534178 2.29935L 0.0534178 2.27264ZM 1.22861 4.00872C 1.23184 4.17026 1.24972 4.33117 1.28203 4.48948C 1.38304 4.88479 1.61299 5.23513 1.93548 5.48506C 2.25798 5.735 2.65461 5.87026 3.06262 5.86944C 4.31794 5.86944 5.05689 4.8456 5.05689 3.3588C 5.05689 2.05897 4.36246 0.946096 3.10714 0.946096C 2.61036 0.986777 2.14548 1.20726 1.79965 1.5662C 1.45382 1.92514 1.25079 2.3979 1.22861 2.89585L 1.22861 4.00872Z"/>
+<path id="path3_fill" d="M 1.31764 0.0178059L 2.75102 3.85499C 2.90237 4.28233 3.06262 4.7987 3.16946 5.18153C 3.2941 4.7898 3.42764 4.29123 3.5879 3.82828L 4.88773 0.0178059L 6.14305 0.0178059L 4.36246 4.64735C 3.47216 6.87309 2.92908 8.02158 2.11 8.71601C 1.69745 9.09283 1.19448 9.35658 0.649917 9.48166L 0.356119 8.48453C 0.736886 8.35942 1.09038 8.16304 1.39777 7.90584C 1.8321 7.55188 2.17678 7.10044 2.4038 6.5882C 2.45239 6.49949 2.48551 6.40314 2.50173 6.3033C 2.49161 6.19586 2.46457 6.0907 2.42161 5.9917L 0 0L 1.29983 0L 1.31764 0.0178059Z"/>
+<path id="path4_fill" d="M 2.19013 0L 2.19013 1.86962L 3.8995 1.86962L 3.8995 2.75992L 2.19013 2.75992L 2.19013 6.26769C 2.19013 7.06896 2.42161 7.53191 3.08043 7.53191C 3.31442 7.53574 3.54789 7.5088 3.77486 7.45179L 3.82828 8.34208C 3.48794 8.45999 3.12881 8.51431 2.76882 8.50234C 2.53042 8.51726 2.29161 8.48043 2.06878 8.39437C 1.84595 8.30831 1.64438 8.17506 1.47789 8.00377C 1.11525 7.51873 0.949826 6.91431 1.01494 6.31221L 1.01494 2.75102L 0 2.75102L 0 1.86072L 1.03274 1.86072L 1.03274 0.275992L 2.19013 0Z"/>
+<path id="path5_fill" d="M 1.17716 3.57899C 1.153 3.88093 1.19468 4.18451 1.29933 4.46876C 1.40398 4.75301 1.5691 5.01114 1.78329 5.22532C 1.99747 5.43951 2.2556 5.60463 2.53985 5.70928C 2.8241 5.81393 3.12768 5.85561 3.42962 5.83145C 4.04033 5.84511 4.64706 5.72983 5.21021 5.49313L 5.41498 6.38343C 4.72393 6.66809 3.98085 6.80458 3.23375 6.78406C 2.79821 6.81388 2.36138 6.74914 1.95322 6.59427C 1.54505 6.43941 1.17522 6.19809 0.869071 5.88688C 0.562928 5.57566 0.327723 5.2019 0.179591 4.79125C 0.0314584 4.38059 -0.0260962 3.94276 0.0108748 3.50777C 0.0108748 1.54912 1.17716 0 3.0824 0C 5.21911 0 5.75329 1.86962 5.75329 3.06262C 5.76471 3.24644 5.76471 3.43079 5.75329 3.61461L 1.15046 3.61461L 1.17716 3.57899ZM 4.66713 2.6887C 4.70149 2.45067 4.68443 2.20805 4.61709 1.97718C 4.54976 1.74631 4.43372 1.53255 4.2768 1.35031C 4.11987 1.16808 3.92571 1.0216 3.70739 0.920744C 3.48907 0.81989 3.25166 0.767006 3.01118 0.765656C 2.52201 0.801064 2.06371 1.01788 1.72609 1.37362C 1.38847 1.72935 1.19588 2.19835 1.18607 2.6887L 4.66713 2.6887Z"/>
+<path id="path6_fill" d="M 0.0534178 2.19228C 0.0534178 1.42663 0.0534178 0.767806 0 0.162404L 1.06836 0.162404L 1.06836 1.43553L 1.12177 1.43553C 1.23391 1.04259 1.4656 0.694314 1.78468 0.439049C 2.10376 0.183783 2.4944 0.034196 2.90237 0.0110538C 3.01466 -0.00368459 3.12839 -0.00368459 3.24068 0.0110538L 3.24068 1.12393C 3.10462 1.10817 2.9672 1.10817 2.83114 1.12393C 2.427 1.13958 2.04237 1.30182 1.7491 1.58035C 1.45583 1.85887 1.27398 2.23462 1.23751 2.63743C 1.20422 2.8196 1.18635 3.00425 1.1841 3.18941L 1.1841 6.65267L 0.00890297 6.65267L 0.00890297 2.20118L 0.0534178 2.19228Z"/>
+<path id="path7_fill" d="M 6.03059 2.83565C 6.06715 3.43376 5.92485 4.02921 5.6218 4.54615C 5.31875 5.0631 4.86869 5.47813 4.32893 5.73839C 3.78917 5.99864 3.18416 6.09233 2.59097 6.00753C 1.99778 5.92272 1.44326 5.66326 0.998048 5.26219C 0.552837 4.86113 0.23709 4.33661 0.0910307 3.75546C -0.0550287 3.17431 -0.0247891 2.56283 0.177897 1.99893C 0.380583 1.43503 0.746541 0.944221 1.22915 0.589037C 1.71176 0.233853 2.28918 0.0303686 2.88784 0.00450543C 3.28035 -0.0170932 3.67326 0.0391144 4.04396 0.169896C 4.41467 0.300677 4.75587 0.503453 5.04794 0.766561C 5.34 1.02967 5.57718 1.34792 5.74582 1.70301C 5.91446 2.0581 6.01124 2.44303 6.03059 2.83565L 6.03059 2.83565Z"/>
+<path id="path8_fill" d="M 18.6962 7.12238C 10.6836 7.12238 3.64131 4.24672 0 0C 1.41284 3.82041 3.96215 7.1163 7.30479 9.44404C 10.6474 11.7718 14.623 13.0196 18.6962 13.0196C 22.7695 13.0196 26.745 11.7718 30.0877 9.44404C 33.4303 7.1163 35.9796 3.82041 37.3925 4.0486e-13C 33.7601 4.24672 26.7445 7.12238 18.6962 7.12238Z"/>
+<path id="path9_fill" d="M 18.6962 5.89725C 26.7089 5.89725 33.7512 8.77291 37.3925 13.0196C 35.9796 9.19922 33.4303 5.90333 30.0877 3.57559C 26.745 1.24785 22.7695 4.0486e-13 18.6962 0C 14.623 4.0486e-13 10.6474 1.24785 7.30479 3.57559C 3.96215 5.90333 1.41284 9.19922 0 13.0196C 3.64131 8.76401 10.648 5.89725 18.6962 5.89725Z"/>
+<path id="path10_fill" d="M 7.59576 3.56656C 7.64276 4.31992 7.46442 5.07022 7.08347 5.72186C 6.70251 6.3735 6.13619 6.89698 5.45666 7.22561C 4.77713 7.55424 4.01515 7.67314 3.26781 7.56716C 2.52046 7.46117 1.82158 7.13511 1.26021 6.63051C 0.698839 6.12591 0.300394 5.46561 0.115637 4.73375C -0.0691191 4.00188 -0.0318219 3.23159 0.222777 2.52099C 0.477376 1.8104 0.93775 1.19169 1.54524 0.743685C 2.15274 0.295678 2.87985 0.0386595 3.63394 0.00537589C 4.12793 -0.0210471 4.62229 0.0501173 5.08878 0.214803C 5.55526 0.37949 5.98473 0.63447 6.35264 0.965179C 6.72055 1.29589 7.01971 1.69584 7.233 2.1422C 7.4463 2.58855 7.56957 3.07256 7.59576 3.56656L 7.59576 3.56656Z"/>
+<path id="path11_fill" d="M 2.25061 4.37943C 1.81886 4.39135 1.39322 4.27535 1.02722 4.04602C 0.661224 3.81668 0.371206 3.48424 0.193641 3.09052C 0.0160762 2.69679 -0.0411078 2.25935 0.0292804 1.83321C 0.0996686 1.40707 0.294486 1.01125 0.589233 0.695542C 0.883981 0.37983 1.2655 0.158316 1.68581 0.0588577C 2.10611 -0.0406005 2.54644 -0.0135622 2.95143 0.136572C 3.35641 0.286707 3.70796 0.553234 3.96186 0.902636C 4.21577 1.25204 4.3607 1.66872 4.37842 2.10027C 4.39529 2.6838 4.18131 3.25044 3.78293 3.67715C 3.38455 4.10387 2.83392 4.35623 2.25061 4.37943Z"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/msoffice-cloud-line.svg b/src/assets/icons/msoffice-cloud-line.svg
new file mode 100644
index 000000000..948e74a38
--- /dev/null
+++ b/src/assets/icons/msoffice-cloud-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 136 81" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><use xlink:href="#A" x=".5" y=".5"/><symbol id="A" overflow="visible"><path d="M124.071 40.32c.214-1.067.214-1.92.214-2.773 0-14.293-10.929-26.027-24.429-26.027-3.429 0-7.071.853-10.286 2.347C85.071 5.333 76.714 0 67.714 0c-13.5 0-24.429 11.093-25.286 25.173-1.071-.213-2.143-.213-3.214-.213-6.429 0-12.429 3.2-16.071 8.747C10.5 32.853 0 43.52 0 56.747 0 69.547 9.857 80 21.857 80h94.929l3-.64c9-2.347 15.214-10.88 15.214-20.48 0-7.893-4.286-14.933-10.929-18.56zM90 68.053h0l-13.714 3.84-24.857-9.173 24.857 3.627V33.28L60 37.12v22.4l-8.357 3.2V34.987h0l24.643-9.173L90 29.867v38.187h0 0z" fill="#de3c00" stroke="none"/></symbol></svg>
\ No newline at end of file
diff --git a/src/assets/icons/msoffice-line.svg b/src/assets/icons/msoffice-line.svg
new file mode 100644
index 000000000..ff9b12bad
--- /dev/null
+++ b/src/assets/icons/msoffice-line.svg
@@ -0,0 +1 @@
+<svg height="2500" viewBox="0 0 78.799 96" width="2052" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="16.942" x2="85.671" y1="83.36" y2="89.583"><stop offset="0" stop-color="#f32b44"/><stop offset=".6" stop-color="#a4070a"/></linearGradient><linearGradient id="b"><stop offset="0" stop-opacity=".4"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="63.515" x2="33.003" xlink:href="#b" y1="87.298" y2="84.535"/><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="44.738" x2="-5.901" y1="-3.312" y2="71.527"><stop offset="0" stop-color="#800600"/><stop offset=".6" stop-color="#c72127"/><stop offset=".728" stop-color="#c13959"/><stop offset=".847" stop-color="#bc4b81"/><stop offset=".942" stop-color="#b95799"/><stop offset="1" stop-color="#b85ba2"/></linearGradient><linearGradient id="e" gradientUnits="userSpaceOnUse" x1="45.823" x2="35.099" xlink:href="#b" y1="-4.81" y2="11.039"/><linearGradient id="f" gradientUnits="userSpaceOnUse" x1="61.486" x2="61.486" y1="-4.887" y2="88.781"><stop offset="0" stop-color="#ffb900"/><stop offset=".166" stop-color="#ef8400"/><stop offset=".313" stop-color="#e25c01"/><stop offset=".429" stop-color="#db4401"/><stop offset=".5" stop-color="#d83b01"/></linearGradient><path d="m19.143 75.558c-2.724 0-4.945 2.121-4.945 4.753 0 1.789 1.031 3.322 2.565 4.14l19.118 10.246a10.11 10.11 0 0 0 4.969 1.303c1.164 0 2.275-.204 3.306-.562l6.531-1.814v-18.091c.027.025-31.519.025-31.545.025z" fill="url(#a)"/><path d="m19.143 75.558c-2.724 0-4.945 2.121-4.945 4.753 0 1.789 1.031 3.322 2.565 4.14l19.118 10.246a10.11 10.11 0 0 0 4.969 1.303c1.164 0 2.275-.204 3.306-.562l6.531-1.814v-18.091c.027.025-31.519.025-31.545.025z" fill="url(#c)"/><path d="m43.736.383a9.968 9.968 0 0 0 -2.777-.383c-1.56 0-3.12.307-4.522 1.022-.29.128-31.096 16.864-31.096 16.864-.423.205-.82.46-1.19.716-.052.025-.079.051-.132.077-.238.178-.45.357-.687.536-.106.077-.212.18-.291.256-.132.127-.265.255-.37.383-.37.383-1.005 1.2-1.005 1.2a9.15 9.15 0 0 0 -1.666 5.291v44.46c0 2.633 2.221 4.754 4.945 4.754.687 0 1.322-.128 1.904-.384l8.805-4.778c1.586-.766 2.856-2.07 3.517-3.68.158-.332.29-.74.37-1.15.026-.102.053-.23.053-.332 0-.05.026-.127.026-.178.027-.18.053-.384.053-.562 0-.154.027-.282.027-.435v-23.662-7.385c0-2.07.925-3.935 2.38-5.238 0 0-.688.613 0 0 .687-.613 1.586-1.15 2.644-1.507 1.057-.384 26.072-9.122 26.072-9.122v-14.744z" fill="url(#d)"/><path d="m43.736.383a9.968 9.968 0 0 0 -2.777-.383c-1.56 0-3.12.307-4.522 1.022-.29.128-31.096 16.864-31.096 16.864-.423.205-.82.46-1.19.716-.052.025-.079.051-.132.077-.238.178-.45.357-.687.536-.106.077-.212.18-.291.256-.132.127-.265.255-.37.383-.37.383-1.005 1.2-1.005 1.2a9.15 9.15 0 0 0 -1.666 5.291v44.46c0 2.633 2.221 4.754 4.945 4.754.687 0 1.322-.128 1.904-.384l8.805-4.778c1.586-.766 2.856-2.07 3.517-3.68.158-.332.29-.74.37-1.15.026-.102.053-.23.053-.332 0-.05.026-.127.026-.178.027-.18.053-.384.053-.562 0-.154.027-.282.027-.435v-23.662-7.385c0-2.07.925-3.935 2.38-5.238 0 0-.688.613 0 0 .687-.613 1.586-1.15 2.644-1.507 1.057-.384 26.072-9.122 26.072-9.122v-14.744z" fill="url(#e)"/><path d="m71.898 8.35-27.738-7.843c4.019 1.508 6.53 4.906 6.53 9.046 0 0-.025 75.2 0 77.014.027 4.088-2.67 7.589-6.53 8.892.846-.23 27.738-7.717 27.738-7.717 3.992-1.226 6.875-4.804 6.875-9.07v-61.252c.026-4.24-2.883-7.844-6.875-9.07z" fill="url(#f)"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/onlyoffice-line.svg b/src/assets/icons/onlyoffice-line.svg
new file mode 100644
index 000000000..ea9031e55
--- /dev/null
+++ b/src/assets/icons/onlyoffice-line.svg
@@ -0,0 +1,19 @@
+<svg width="72" height="67" viewBox="0 0 72 67" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.5033 65.7742L1.89184 52.1805C-0.630615 50.9937 -0.630615 49.1596 1.89184 48.0808L12.201 43.3337L31.3936 52.1805C33.9161 53.3672 37.974 53.3672 40.3868 52.1805L59.5794 43.3337L69.8886 48.0808C72.411 49.2675 72.411 51.1016 69.8886 52.1805L40.2771 65.7742C37.974 66.853 33.9161 66.853 31.5033 65.7742Z" fill="url(#paint0_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.5033 49.0516L1.89184 35.4578C-0.630615 34.2711 -0.630615 32.437 1.89184 31.3581L11.9817 26.719L31.5033 35.6736C34.0258 36.8603 38.0836 36.8603 40.4964 35.6736L60.0181 26.719L70.1079 31.3581C72.6304 32.5449 72.6304 34.379 70.1079 35.4578L40.4964 49.0516C37.974 50.2383 33.9161 50.2383 31.5033 49.0516Z" fill="url(#paint1_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.5033 32.7606L1.89184 19.1669C-0.630615 17.9801 -0.630615 16.146 1.89184 15.0672L31.5033 1.47344C34.0258 0.286685 38.0836 0.286685 40.4964 1.47344L70.1079 15.0672C72.6304 16.2539 72.6304 18.088 70.1079 19.1669L40.4964 32.7606C37.974 33.8395 33.9161 33.8395 31.5033 32.7606Z" fill="url(#paint2_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="35.9743" y1="78.6594" x2="35.9743" y2="29.0302" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCC2B1"/>
+<stop offset="0.8848" stop-color="#D9420B"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="35.9743" y1="57.1713" x2="35.9743" y2="24.5316" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEEDC9"/>
+<stop offset="0.6606" stop-color="#8BBA25"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="35.9743" y1="43.9547" x2="35.9743" y2="-0.460862" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C2EBFA"/>
+<stop offset="1" stop-color="#26A8DE"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/resource-type-drawio-fill.svg b/src/assets/icons/resource-type-drawio-fill.svg
new file mode 100644
index 000000000..dbb808f3a
--- /dev/null
+++ b/src/assets/icons/resource-type-drawio-fill.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 384 512"
+   x="10"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="resource-type-drawio-fill.svg"
+   inkscape:version="1.1.1 (1:1.1+202109281949+c3084ef5ed)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.3730469"
+     inkscape:cx="191.90896"
+     inkscape:cy="256"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8"
+     showguides="true"
+     inkscape:guide-bbox="true">
+    <sodipodi:guide
+       position="-240.5417,352.92559"
+       orientation="1,0"
+       id="guide1075" />
+  </sodipodi:namedview>
+  <!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
+  <g
+     id="g6">
+    <path
+       fill="none"
+       d="M0 0h24v24H0z"
+       id="path2" />
+  </g>
+  <path
+     id="path862"
+     style="fill:#ff6f00;stroke-width:2.08799;fill-opacity:1"
+     d="m 48.423406,421.27533 v -33.14671 h 12.430019 12.4303 v -25.55084 -25.55085 h 55.244735 55.24502 v -18.64517 -18.64518 h -42.8147 -42.815005 v -42.12419 -42.1242 h 92.535375 92.53507 v 42.1242 42.12419 H 240.3593 197.50439 l 0.38475,18.30007 0.38473,18.29978 55.59042,0.36159 55.59012,0.3616 v 25.53522 25.53493 h 12.43002 12.43002 v 33.147 33.14702 h -32.45621 -32.4565 v -33.14702 -33.147 h 12.43002 12.43031 V 369.4846 350.83942 h -48.37956 -48.37928 l 0.38474,18.30006 0.38475,18.29978 12.77542,0.39632 12.77542,0.3963 v 33.09523 33.09495 h -32.45652 -32.4565 v -33.14673 -33.14701 h 12.43031 12.43003 V 369.48314 350.83797 H 135.43181 87.092455 v 18.64517 18.64518 h 13.120825 13.12052 v 33.14701 33.14673 H 80.877585 48.42109 Z M 224,136 V 0 H 24 C 10.7,0 0,10.7 0,24 v 464 c 0,13.3 10.7,24 24,24 h 336 c 13.3,0 24,-10.7 24,-24 V 160 H 248 c -13.2,0 -24,-10.8 -24,-24 z M 384,121.9 V 128 H 256 V 0 h 6.1 c 6.4,0 12.5,2.5 17,7 l 97.9,98 c 4.5,4.5 7,10.6 7,16.9 z" />
+</svg>
diff --git a/src/assets/icons/resource-type-ifc-fill.svg b/src/assets/icons/resource-type-ifc-fill.svg
new file mode 100644
index 000000000..adcb136ce
--- /dev/null
+++ b/src/assets/icons/resource-type-ifc-fill.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 384 512"
+   x="10"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="resource-type-ifc-fill.svg"
+   inkscape:version="1.1.1 (1:1.1+202109281949+c3084ef5ed)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.3730469"
+     inkscape:cx="191.90896"
+     inkscape:cy="256"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g1383"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
+  <g
+     id="g6">
+    <path
+       fill="none"
+       d="M0 0h24v24H0z"
+       id="path2" />
+  </g>
+  <g
+     id="g1383"
+     style="fill:#ffffff;fill-opacity:1"
+     transform="matrix(0.31636789,0.01658005,-0.01658005,0.31636789,161.06184,341.60014)">
+    <path
+       id="path1176"
+       style="fill:#d043ec;stroke-width:0.037259;fill-opacity:1"
+       transform="matrix(75.430928,-3.9531448,3.9531448,75.430928,-876.74306,-1143.4884)"
+       d="m 13.823872,16.911022 c -0.06895,-0.02384 -0.181781,-0.07954 -0.250727,-0.12378 -0.148462,-0.09527 -0.332674,-0.287678 -0.321715,-0.336033 0.0043,-0.01879 0.390363,-0.380307 0.858007,-0.803366 0.98511,-0.891189 1.661572,-1.518619 1.918277,-1.779235 l 0.180782,-0.183537 -0.188188,-0.226106 c -0.27351,-0.328619 -0.867163,-1.000827 -1.391902,-1.576087 -0.251546,-0.275763 -0.502408,-0.551975 -0.557472,-0.613804 -0.08385,-0.09415 -0.110266,-0.109869 -0.1626,-0.09673 -0.03437,0.0086 -0.186793,0.124026 -0.338727,0.256447 -0.151934,0.132421 -0.315661,0.274036 -0.363838,0.314701 l -0.0876,0.07394 -0.160774,-0.172517 c -0.08843,-0.09488 -0.27642,-0.303642 -0.417764,-0.463906 -0.222385,-0.252153 -0.252636,-0.296667 -0.224663,-0.330593 0.0917,-0.111221 0.869886,-0.790291 1.025444,-0.894842 0.221563,-0.1489124 0.37394,-0.1960252 0.634008,-0.1960252 0.428866,0 0.588909,0.1435835 2.390799,2.1449172 1.226268,1.361999 1.258332,1.410322 1.240057,1.868872 -0.01288,0.323254 -0.08927,0.46 -0.457433,0.818923 -0.604319,0.589143 -2.225732,2.035742 -2.460514,2.19523 -0.230289,0.156437 -0.610806,0.210879 -0.863462,0.123539 z m -1.196254,-1.040826 c -0.208396,-0.231193 -0.382505,-0.436459 -0.38691,-0.456148 -0.01558,-0.06966 0.701573,-0.754155 1.317748,-1.257735 0.324583,-0.265272 0.460962,-0.338034 0.690704,-0.36851 0.286377,-0.03799 0.662496,0.109287 0.903491,0.353777 l 0.14366,0.145744 -0.907665,0.812992 c -1.281212,1.147577 -1.329857,1.190231 -1.357416,1.190231 -0.01359,0 -0.195216,-0.189158 -0.403612,-0.420351 z m 0.701363,5.008048 c -0.174603,-0.06034 -0.227659,-0.105093 -0.738361,-0.622836 -0.538889,-0.546319 -0.913223,-0.949437 -1.421378,-1.530674 -0.692712,-0.792336 -0.744334,-0.880854 -0.744057,-1.275858 1.71e-4,-0.243017 0.0052,-0.269041 0.0824,-0.427356 0.04866,-0.09977 0.144783,-0.234619 0.2355,-0.330373 l 0.153284,-0.161793 0.333221,0.367341 c 0.183272,0.202038 0.669759,0.738869 1.081081,1.192959 0.411323,0.45409 0.885673,0.972569 1.054111,1.152176 l 0.306252,0.326558 0.08981,-0.07185 c 0.339923,-0.271921 2.443441,-2.214001 2.443441,-2.255915 0,-0.03033 -0.23754,-0.320692 -0.512345,-0.626284 l -0.154988,-0.172352 0.457744,-0.414595 c 0.251759,-0.228027 0.466955,-0.417792 0.478214,-0.421701 0.025,-0.0087 0.668765,0.710236 0.863955,0.964805 0.07756,0.101154 0.165715,0.24133 0.195902,0.311501 0.117536,0.27322 0.08626,0.634186 -0.07865,0.907672 -0.114747,0.190298 -0.738337,0.78122 -2.100289,1.990265 -0.888629,0.788862 -1.199437,1.043426 -1.336639,1.09476 -0.172407,0.06451 -0.506824,0.06623 -0.68821,0.0035 z m -1.228136,-3.372923 c -0.542197,-0.604116 -0.989168,-1.11229 -0.993268,-1.129277 -0.0062,-0.02572 0.848727,-0.822705 0.905448,-0.844078 0.0233,-0.0088 1.245659,1.337508 1.393616,1.534908 0.148634,0.198302 0.185544,0.320254 0.190822,0.630473 0.0039,0.228904 -0.0025,0.271463 -0.05864,0.392307 -0.08164,0.175643 -0.267386,0.419523 -0.361326,0.474422 -0.04059,0.02372 -0.07764,0.04234 -0.08232,0.04138 -0.0047,-9.61e-4 -0.452135,-0.496023 -0.994332,-1.100138 z M 9.4725424,16.882738 C 9.3259134,16.838418 9.0854797,16.689017 8.9496095,16.557798 8.87013,16.481039 8.8091329,16.40795 8.8140603,16.395378 c 0.015408,-0.03931 1.3164527,-1.205238 2.0414327,-1.82942 l 0.208721,-0.179701 0.215363,0.224781 c 0.237749,0.248147 0.587137,0.672366 0.587137,0.712888 0,0.06579 -1.490786,1.37271 -1.68082,1.473516 -0.166358,0.08825 -0.5513084,0.134275 -0.7133516,0.0853 z M 9.92408,20.899092 C 9.6108284,20.832747 9.4627631,20.701474 8.3793262,19.52954 7.0996538,18.145342 6.6975697,17.672272 6.5491156,17.376218 6.4610973,17.200688 6.45707,17.181818 6.45707,16.944925 c 0,-0.228796 0.00565,-0.258059 0.073936,-0.382866 0.1315339,-0.24041 0.9176194,-1.003926 2.0891305,-2.029148 0.8368993,-0.732395 0.9123591,-0.78158 1.2277574,-0.800264 0.3275191,-0.0194 0.6030021,0.09171 0.8510491,0.343247 l 0.144991,0.147034 -0.09891,0.09113 c -0.0544,0.05012 -0.66437,0.602511 -1.3554912,1.227537 -1.7603279,1.591979 -1.5830994,1.419898 -1.5352202,1.490629 0.050329,0.07435 0.8196826,0.931679 1.6399835,1.827513 0.5478319,0.598277 0.6320229,0.680685 0.6730069,0.658751 0.02576,-0.01379 0.115369,-0.08306 0.199124,-0.153946 0.08375,-0.07088 0.247547,-0.208858 0.363984,-0.306612 l 0.211704,-0.177734 0.08281,0.07915 c 0.04554,0.04353 0.238642,0.249102 0.429109,0.456818 l 0.346303,0.377664 -0.05923,0.05655 c -0.19042,0.181797 -0.824789,0.731577 -0.972105,0.842481 -0.09543,0.07185 -0.215237,0.148061 -0.26623,0.169368 -0.113047,0.04723 -0.433388,0.06764 -0.5786889,0.03687 z m 1.837627,-6.056457 c -0.580017,-0.592417 -1.130073,-1.238382 -1.220466,-1.433269 -0.116638,-0.251473 -0.09908,-0.595606 0.04512,-0.884167 0.06746,-0.135005 0.324447,-0.448999 0.367477,-0.448999 0.01073,0 0.385282,0.407571 0.832341,0.905714 1.018982,1.135421 1.193986,1.336607 1.184694,1.361944 -0.0076,0.02084 -0.431845,0.417714 -0.700242,0.655136 -0.08283,0.07327 -0.167434,0.133223 -0.188003,0.133223 -0.02057,0 -0.164983,-0.130312 -0.320919,-0.289582 z M 7.2580424,14.709108 c -0.4334086,-0.48547 -0.5980249,-0.692493 -0.682601,-0.858446 -0.064309,-0.126187 -0.069081,-0.155977 -0.069081,-0.431293 0,-0.282052 0.00342,-0.302019 0.073936,-0.431293 C 6.6839578,12.79803 7.1497207,12.338598 8.2315318,11.359285 9.3789325,10.320597 9.7622621,9.9840323 9.9072669,9.8879851 10.020669,9.8128711 10.289353,9.7348955 10.434777,9.7348955 c 0.29016,0 0.563761,0.1359505 0.837068,0.4159325 0.630021,0.645408 2.066227,2.282945 2.276993,2.596187 0.09339,0.138796 0.127384,0.270382 0.125948,0.487514 -8.53e-4,0.129022 -0.01752,0.226858 -0.05519,0.323983 -0.07411,0.191053 -0.226181,0.419716 -0.33365,0.501687 -0.08817,0.06725 -0.09021,0.06756 -0.141813,0.02177 -0.0288,-0.02556 -0.496849,-0.534441 -1.040114,-1.130857 -0.543265,-0.596417 -1.145381,-1.245204 -1.338035,-1.44175 -0.346474,-0.353474 -0.350949,-0.356956 -0.411855,-0.320389 -0.234716,0.140917 -2.4799501,2.196249 -2.4799501,2.270195 0,0.02451 0.097041,0.147963 0.2156464,0.274334 0.1186056,0.126372 0.2702136,0.293787 0.3369067,0.372034 l 0.1212603,0.142267 -0.059647,0.05724 c -0.2729667,0.261937 -0.8632394,0.778753 -0.887803,0.77732 -0.00538,-3.14e-4 -0.1595046,-0.168275 -0.342496,-0.373248 z m 6.1711086,-7.5756724 0,-5.6833695 -8.3578964,2e-7 c -0.5558001,0 -1.0029476,0.4471475 -1.0029476,1.0029476 l 4e-7,19.3903191 c 0,0.5558 0.4471475,1.002948 1.0029476,1.002948 l 14.041266,-1e-6 c 0.5558,0 1.002947,-0.447147 1.002947,-1.002947 l 0,-13.70695 -5.68337,10e-8 c -0.551621,0 -1.002947,-0.4513264 -1.002947,-1.0029475 z m 6.686317,-0.5892319 0,0.2549159 -5.349054,1e-7 0,-5.3490536 0.254916,0 c 0.267453,0 0.522368,0.1044737 0.710421,0.2925264 l 4.09119,4.095369 c 0.188053,0.1880527 0.292527,0.4429685 0.292527,0.7062422 z" />
+  </g>
+</svg>
diff --git a/src/assets/icons/resource-type-jupyter-fill.svg b/src/assets/icons/resource-type-jupyter-fill.svg
new file mode 100644
index 000000000..15f4813d3
--- /dev/null
+++ b/src/assets/icons/resource-type-jupyter-fill.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 384 512"
+   x="10"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="resource-type-jupyter-fill.svg"
+   inkscape:version="1.1.1 (1:1.1+202109281949+c3084ef5ed)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <g
+     aria-label="jupyter"
+     id="text62746"
+        transform="translate(45.367932,-89.73293)">
+    <path        
+       d="m 266.4565,404.2907 q -0.93218,-0.54127 -2.04479,-0.78184 -1.08254,-0.27063 -2.40564,-0.27063 -4.69099,0 -7.21691,3.06719 -2.49584,3.03711 -2.49584,8.7505 v 17.74157 h -5.56304 v -33.67891 h 5.56304 v 5.23226 q 1.74408,-3.06719 4.54064,-4.54064 2.79655,-1.50352 6.79592,-1.50352 0.57134,0 1.26296,0.0902 0.69162,0.0601 1.53359,0.21049 z m -28.597,10.28409 v 2.70635 h -25.43961 q 0.36084,5.71338 3.42803,8.72043 3.09726,2.97697 8.60015,2.97697 3.18747,0 6.16445,-0.78183 3.00704,-0.78183 5.95395,-2.34549 v 5.23226 q -2.97698,1.26296 -6.10431,1.92451 -3.12732,0.66155 -6.34486,0.66155 -8.05889,0 -12.77995,-4.691 -4.69099,-4.69099 -4.69099,-12.68973 0,-8.26938 4.45043,-13.11072 4.4805,-4.87141 12.05825,-4.87141 6.79593,0 10.73516,4.39028 3.9693,4.36022 3.9693,11.87783 z m -5.53297,-1.6238 q -0.0601,-4.54064 -2.55599,-7.24698 -2.46578,-2.70634 -6.55536,-2.70634 -4.63085,0 -7.4274,2.61613 -2.76648,2.61613 -3.18747,7.36726 z m -41.94829,-23.39482 v 9.56241 h 11.39671 v 4.30007 h -11.39671 v 18.28284 q 0,4.11966 1.11261,5.2924 1.14268,1.17275 4.60078,1.17275 h 5.68332 v 4.63085 h -5.68332 q -6.40501,0 -8.84071,-2.37556 -2.43571,-2.40564 -2.43571,-8.72044 v -18.28284 h -4.05951 v -4.30007 h 4.05951 v -9.56241 z m -27.90538,46.36865 q -2.3455,6.01409 -4.57071,7.84839 -2.22522,1.8343 -5.95395,1.8343 h -4.42036 v -4.63085 h 3.24761 q 2.28535,0 3.54831,-1.08254 1.26296,-1.08254 2.79656,-5.11198 l 0.99232,-2.52592 -13.62192,-33.13764 h 5.86374 l 10.52466,26.34172 10.52466,-26.34172 h 5.86374 z m -47.75189,-8.17917 v 17.86186 h -5.56304 v -46.48893 h 5.56304 v 5.11198 q 1.74408,-3.00705 4.39028,-4.45043 2.67627,-1.47345 6.37494,-1.47345 6.13437,0 9.95332,4.87141 3.84902,4.87141 3.84902,12.81002 0,7.9386 -3.84902,12.81001 -3.81895,4.87142 -9.95332,4.87142 -3.69867,0 -6.37494,-1.44339 -2.6462,-1.47345 -4.39028,-4.4805 z m 18.8241,-11.75754 q 0,-6.10431 -2.52591,-9.56241 -2.49585,-3.48817 -6.88614,-3.48817 -4.39029,0 -6.91621,3.48817 -2.49584,3.4581 -2.49584,9.56241 0,6.1043 2.49584,9.59247 2.52592,3.4581 6.91621,3.4581 4.39029,0 6.88614,-3.4581 2.52591,-3.48817 2.52591,-9.59247 z m -63.779439,3.51824 v -20.38777 h 5.53296 v 20.17728 q 0,4.7812 1.86437,7.18684 1.86437,2.37556 5.59311,2.37556 4.4805,0 7.06656,-2.85669 2.61613,-2.8567 2.61613,-7.78825 v -19.09474 h 5.53296 v 33.67891 h -5.53296 v -5.17212 q -2.01472,3.06719 -4.691,4.57071 -2.6462,1.47346 -6.16444,1.47346 -5.8036,0 -8.81064,-3.60846 -3.00705,-3.60845 -3.00705,-10.55473 z m 13.92262,-21.19967 z m -30.461373,0.8119 h 5.532963 v 34.28032 q 0,6.43508 -2.46578,9.32184 -2.435704,2.88677 -7.878457,2.88677 h -2.104932 v -4.69099 h 1.473453 q 3.157398,0 4.300075,-1.47346 1.142678,-1.44338 1.142678,-6.04416 z m 0,-13.11072 h 5.532963 v 7.00641 h -5.532963 z m 4.482973,-52.15691 c -2.415287,0.0671 -4.797005,-0.58242 -6.844712,-1.86532 -2.047706,-1.28289 -3.670206,-3.14317 -4.663848,-5.34585 -0.993081,-2.20269 -1.313106,-4.65042 -0.91923,-7.03438 0.391638,-2.38396 1.483749,-4.59895 3.132544,-6.36523 1.649355,-1.76629 3.783782,-3.00555 6.135288,-3.56167 2.351508,-0.55389 4.814908,-0.40283 7.080818,0.43639 2.2659,0.83979 4.23304,2.33081 5.65357,4.28564 1.42052,1.95484 2.23122,4.2862 2.33024,6.70093 0.0951,3.26458 -1.10274,6.43461 -3.33172,8.82192 -2.22898,2.38787 -5.30949,3.79945 -8.57295,3.92925 z m 37.79418,206.15372 c 0.26295,4.21458 -0.73516,8.41238 -2.86623,12.05853 -2.13163,3.64559 -5.29998,6.57448 -9.10167,8.41294 -3.80224,1.83846 -8.06494,2.50369 -12.24651,1.9112 -4.18102,-0.59306 -8.09124,-2.41753 -11.23218,-5.24068 -3.14094,-2.82315 -5.369916,-6.51741 -6.40384,-10.61171 -1.033364,-4.09485 -0.824677,-8.40455 0.599766,-12.38023 1.424444,-3.97569 4.000304,-7.43721 7.398604,-9.94369 3.39885,-2.50648 7.46741,-3.94435 11.68591,-4.13066 2.76385,-0.14546 5.52993,0.25177 8.13992,1.17156 2.60998,0.92147 5.0124,2.34815 7.07074,4.19836 2.05889,1.85021 3.73231,4.08758 4.92568,6.58511 1.19338,2.49753 1.88322,5.20543 2.02981,7.96927 z M 255.71079,298.69473 c 0.20701,3.34627 -0.59137,6.67743 -2.28717,9.56996 -1.69523,2.89196 -4.21346,5.21381 -7.23355,6.67015 -3.01953,1.45577 -6.4044,1.98001 -9.72325,1.50557 -3.31885,-0.47556 -6.42118,-1.92574 -8.91256,-4.16983 -2.49082,-2.24408 -4.2571,-5.17857 -5.07451,-8.42972 -0.81684,-3.25172 -0.64788,-6.67296 0.48675,-9.82788 1.13407,-3.15492 3.18122,-5.90086 5.88184,-7.88815 2.70007,-1.98672 5.93052,-3.12527 9.27958,-3.27017 2.19653,-0.12309 4.39474,0.19582 6.46874,0.92538 2.07401,0.73181 3.98296,1.86644 5.61665,3.33844 1.63425,1.472 2.96134,3.25227 3.90463,5.23899 0.94385,1.98673 1.48487,4.14017 1.59341,6.33726 z M 179.44226,226.34925 V 90.349248 H -20.557739 c -13.3,0 -24,10.700002 -24,24.000002 v 464 c 0,13.3 10.7,24 24,24 H 315.44226 c 13.3,0 24,-10.7 24,-24 v -328 h -136 c -13.2,0 -24,-10.8 -24,-24 z m 160,-14.1 v 6.1 h -128 V 90.349248 h 6.1 c 6.4,0 12.5,2.5 17,7 l 97.9,98.000002 c 4.5,4.5 7,10.6 7,16.9 z" />
+  </g>
+  <path
+     id="path19604"
+     fill="none"
+     d="m 205.90174,400.0941 c -43.61728,0 -81.95247,-15.65414 -101.77397,-38.77133 7.69047,20.79647 21.56844,38.73789 39.76407,51.40896 18.19563,12.67167 39.83697,19.46397 62.0099,19.46397 22.17325,0 43.81398,-6.7923 62.01021,-19.46397 18.19563,-12.67107 32.073,-30.61249 39.76437,-51.40896 -19.7733,23.11719 -57.96332,38.77133 -101.77458,38.77133 z"
+     style="mix-blend-mode:normal;fill:#f37726;stroke-width:5.44357" />
+  <path
+     id="path19601"
+     d="m 205.90174,249.76922 c 43.61759,0 81.95279,15.65352 101.77458,38.77071 -7.69137,-20.79647 -21.56874,-38.73789 -39.76437,-51.40896 -18.19623,-12.67106 -39.83696,-19.46397 -62.01021,-19.46397 -22.17293,0 -43.81427,6.79291 -62.0099,19.46397 -18.19563,12.67107 -32.0736,30.61249 -39.76407,51.40896 19.8215,-23.16538 57.96301,-38.77071 101.77397,-38.77071 z"
+     style="mix-blend-mode:normal;fill:#f37726;stroke-width:5.44357" />
+</svg>
diff --git a/src/assets/icons/resource-type-root-fill.svg b/src/assets/icons/resource-type-root-fill.svg
new file mode 100644
index 000000000..102abdf8b
--- /dev/null
+++ b/src/assets/icons/resource-type-root-fill.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 384 512"
+   x="10"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="resource-type-root-fill.svg"
+   inkscape:version="1.1.1 (1:1.1+202109281949+c3084ef5ed)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.3730469"
+     inkscape:cx="191.90896"
+     inkscape:cy="256"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
+  <g
+     id="g6">
+    <path
+       fill="none"
+       d="M0 0h24v24H0z"
+       id="path2" />
+  </g>
+  <path
+     id="path7165-2"
+     style="fill:#00bbdb;fill-opacity:1;stroke:none;stroke-width:15.468px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 37.423886,409.76833 c 8.814712,-6.95646 120.222434,-71.85964 120.222434,-71.85964 l 27.07357,54.07055 25.81395,-157.15224 155.26367,5.7784 -143.93042,5.28848 L 193.22,444.46886 150.0905,358.7781 Z M 224,136 V 0 H 24 C 10.7,0 0,10.7 0,24 v 464 c 0,13.3 10.7,24 24,24 h 336 c 13.3,0 24,-10.7 24,-24 V 160 H 248 c -13.2,0 -24,-10.8 -24,-24 z M 384,121.9 V 128 H 256 V 0 h 6.1 c 6.4,0 12.5,2.5 17,7 l 97.9,98 c 4.5,4.5 7,10.6 7,16.9 z" />
+</svg>
diff --git a/src/assets/icons/root-line.svg b/src/assets/icons/root-line.svg
new file mode 100644
index 000000000..f4f87161d
--- /dev/null
+++ b/src/assets/icons/root-line.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0"?>
+<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
+
+ <g>
+  <title>background</title>
+  <rect fill="#fff" id="canvas_background" height="34" width="34" y="-1" x="-1"/>
+  <g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
+   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
+  </g>
+ </g>
+ <g>
+  <title>Layer 1</title>
+  <defs>
+   <linearGradient id="svg_14">
+    <stop offset="0"/>
+    <stop offset="1" stop-opacity="0"/>
+   </linearGradient>
+   <linearGradient y2="1.013514" x2="0.500004" y1="0.001733" x1="0.500004" id="svg_9">
+    <stop offset="0" stop-color="#fff"/>
+    <stop offset="0.036262" stop-opacity="0.23529" stop-color="#fff"/>
+    <stop offset="0.95056" stop-opacity="0.15686" stop-color="#fff"/>
+    <stop offset="1" stop-opacity="0.39216" stop-color="#fff"/>
+   </linearGradient>
+   <linearGradient y2="0.966705" x2="0.532339" y1="-0.0334" x1="0.532339" id="svg_10">
+    <stop offset="0" stop-color="#f4f4f4"/>
+    <stop offset="1" stop-color="#dbdbdb"/>
+   </linearGradient>
+   <radialGradient r="117.14" gradientTransform="matrix(.015663 0 0 .0082353 17.61 25.981)" cx="605.71" cy="486.65" gradientUnits="userSpaceOnUse" xlink:href="#svg_14" id="svg_11"/>
+   <radialGradient r="117.14" gradientTransform="matrix(-.015663 0 0 .0082353 14.39 25.981)" cx="605.71" cy="486.65" gradientUnits="userSpaceOnUse" xlink:href="#svg_14" id="svg_12"/>
+   <linearGradient y2="1.000249" x2="0.3787" y1="0.000237" x1="0.3787" id="svg_13">
+    <stop offset="0" stop-opacity="0"/>
+    <stop offset="0.5"/>
+    <stop offset="1" stop-opacity="0"/>
+   </linearGradient>
+  </defs>
+  <g stroke="null" id="svg_22">
+   <rect stroke="null" transform="matrix(1.202457208058705,0,0,1.0187822623088372,-157.14814817595195,-130.79222322261106) " id="svg_16" fill="url(#svg_13)" x="132.997247" y="157.548924" width="22.1" height="2" opacity="0.15"/>
+   <path stroke="null" id="svg_17" fill="url(#svg_12)" d="m2.775352,29.715826l0,2.037472c-0.969926,0.003862 -2.344797,-0.456524 -2.344797,-1.018906c0,-0.562361 1.082361,-1.018566 2.344797,-1.018566l0,0z" opacity="0.15"/>
+   <path stroke="null" id="svg_18" fill="url(#svg_11)" d="m29.349648,29.715826l0,2.037472c0.969906,0.003862 2.344795,-0.456524 2.344795,-1.018906c0,-0.562361 -1.082338,-1.018566 -2.344795,-1.018566l0,0z" opacity="0.15"/>
+   <path stroke="null" id="svg_19" fill="url(#svg_10)" d="m2.234245,0.680494c6.337551,0 27.656523,0.00188 27.656523,0.00188l0,29.542647l-27.656492,0l0,-29.544684l-0.000031,0.000157z"/>
+   <path stroke="url(#svg_9)" id="svg_20" fill="none" d="m28.688314,29.206434l-25.251608,0l0,-27.507117l25.251608,0l0,27.507117z" stroke-linecap="round" stroke-linejoin="round"/>
+   <path stroke="#000" id="svg_21" fill="none" stroke-width="0.99992" d="m3.597936,0.680494c6.025057,0 26.292832,0.00188 26.292832,0.00188l0,29.542647l-26.292803,0l0,-29.544684l-0.000029,0.000157z" opacity="0.3" stroke-linejoin="round"/>
+  </g>
+  <metadata transform="matrix(0.006944444858365595,0,0,0.006944444858365595,0,0) ">Created by potrace 1.12, written by Peter Selinger 2001-2015</metadata>
+  <image xlink:href="data:image/png;base64,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" id="svg_29" height="365" width="431" y="-166.5"/>
+  <image stroke="null" transform="rotate(0.38283732533454895 16.777717590331637,15.48019790649443) " xlink:href="data:image/png;base64,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" id="svg_30" height="25.08218" width="23.469009" y="2.939108" x="5.043212"/>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/src/helpers/resourceIconColorExtensionMapping.json b/src/helpers/resourceIconColorExtensionMapping.json
index 52b915666..16cd526f7 100644
--- a/src/helpers/resourceIconColorExtensionMapping.json
+++ b/src/helpers/resourceIconColorExtensionMapping.json
@@ -36,6 +36,7 @@
   "hpp": "var(--oc-color-text-default)",
   "htm": "var(--oc-color-text-default)",
   "html": "var(--oc-color-text-default)",
+  "ipynb": "var(--oc-color-text-default)",
   "java": "var(--oc-color-text-default)",
   "jpeg": "var(--oc-color-icon-image)",
   "jpg": "var(--oc-color-icon-image)",
diff --git a/src/helpers/resourceIconExtensionMapping.json b/src/helpers/resourceIconExtensionMapping.json
index f34e77734..88fe094f4 100644
--- a/src/helpers/resourceIconExtensionMapping.json
+++ b/src/helpers/resourceIconExtensionMapping.json
@@ -25,6 +25,7 @@
 	"docx": "document",
 	"dot": "document",
 	"dotx": "document",
+	"drawio": "drawio",
 	"eml": "text",
 	"eot": "image",
 	"eps": "image",
@@ -39,6 +40,8 @@
 	"hpp": "code",
 	"htm": "code",
 	"html": "code",
+	"ifc": "ifc",
+	"ipynb": "jupyter",
 	"java": "code",
 	"jpeg": "image",
 	"jpg": "image",
@@ -75,6 +78,7 @@
 	"psd": "image",
 	"py": "code",
 	"rar": "archive",
+	"root": "root",
 	"rss": "file",
 	"scss": "code",
 	"sh": "code",