diff --git a/pdb-js/src/assets/img/angle-circle-left.svg b/pdb-js/src/assets/img/angle-circle-left.svg
new file mode 100644
index 0000000..2d1983d
--- /dev/null
+++ b/pdb-js/src/assets/img/angle-circle-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M320 0c88.36 0 168.368 35.812 226.278 93.722S640 231.64 640 320c0 88.359-35.812 168.368-93.722 226.278S408.359 639.999 320 639.999c-88.36 0-168.368-35.811-226.278-93.721C35.812 488.368 0 408.358 0 320c0-88.36 35.812-168.368 93.722-226.278S231.641 0 320 0zm51.745 219.605c9.047-9.284 8.834-24.154-.45-33.19-9.295-9.035-24.153-8.822-33.189.461L224.353 304.173l16.831 16.359-16.901-16.382c-9.048 9.33-8.812 24.236.52 33.284.26.26.543.52.814.755l112.49 115.017c9.036 9.296 23.894 9.497 33.19.461 9.283-9.035 9.496-23.894.448-33.19l-97.808-100.004 97.808-100.867zm141.25-92.6C463.6 77.611 395.368 47.067 320 47.067c-75.367 0-143.6 30.544-192.995 79.938C77.61 176.4 47.067 244.632 47.067 320c0 75.368 30.543 143.6 79.938 192.995C176.399 562.39 244.632 592.933 320 592.933c75.367 0 143.6-30.543 192.995-79.938 49.394-49.394 79.938-117.627 79.938-192.995 0-75.367-30.544-143.6-79.938-192.995z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/angle-circle-right.svg b/pdb-js/src/assets/img/angle-circle-right.svg
new file mode 100644
index 0000000..488bf8b
--- /dev/null
+++ b/pdb-js/src/assets/img/angle-circle-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M320 0C231.64 0 151.632 35.812 93.722 93.722S0 231.64 0 320c0 88.359 35.812 168.368 93.722 226.278S231.641 639.999 320 639.999c88.36 0 168.368-35.811 226.278-93.721C604.188 488.368 640 408.358 640 320c0-88.36-35.812-168.368-93.722-226.278S408.359 0 320 0zm-51.745 219.605c-9.047-9.284-8.834-24.154.45-33.19 9.295-9.035 24.153-8.822 33.189.461l113.753 117.297-16.831 16.359 16.901-16.382c9.048 9.33 8.812 24.236-.52 33.284-.26.26-.543.52-.814.755l-112.49 115.017c-9.036 9.296-23.894 9.497-33.19.461-9.283-9.035-9.496-23.894-.448-33.19l97.808-100.004-97.808-100.867zm-141.25-92.6C176.4 77.611 244.632 47.067 320 47.067c75.367 0 143.6 30.544 192.995 79.938C562.39 176.4 592.933 244.632 592.933 320c0 75.368-30.543 143.6-79.938 192.995C463.601 562.39 395.368 592.933 320 592.933c-75.367 0-143.6-30.543-192.995-79.938C77.611 463.601 47.067 395.368 47.067 320c0-75.367 30.544-143.6 79.938-192.995z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/area-chart.svg b/pdb-js/src/assets/img/area-chart.svg
new file mode 100644
index 0000000..aeee728
--- /dev/null
+++ b/pdb-js/src/assets/img/area-chart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M106.643 365.39V258.712c117.249-119.175 76.347-117.072 215.412-27.343 120.698-108.39 107.352-93.532 265.173-132.096L640 86.375v147.722c-114.013 3.426-213.57 44.942-303.606 111.604-146.86-72.509-106.56-83.316-229.75 19.69zM640 596.05H50.54v-.13c-13.913-.012-26.528-5.67-35.658-14.764l-.059.06C5.776 572.167.143 559.541.12 545.521H0V43.948h65.056v487.045H640v65.056zM106.643 491.013v-80.21c121.868-123.876 79.56-114.486 229.751-21.378C429.171 332.743 527.605 278.235 640 262.986v228.026H106.643z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/ascending-filter.svg b/pdb-js/src/assets/img/ascending-filter.svg
new file mode 100644
index 0000000..bf23478
--- /dev/null
+++ b/pdb-js/src/assets/img/ascending-filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M318.972 530.227c141.427 0-58.536.024 82.879.024l.024-81.155c-141.427 0 58.524-.012-82.903-.012v81.143zM88.123 467.12V0h128.458v467.12h72.26L152.33 640 15.863 467.12h72.26zm368.52-72.639c-121.112.012-16.571 0-137.671 0v-81.143h137.671v81.143zM318.972 122.954c228.121 0 77.02.012 305.142.012l.035-81.143c-228.133 0-77.056-.035-305.177-.035v81.166zm0 135.77c95.848 0 112.112.011 207.947.011l.012-81.178H318.97v81.166z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/ban-sign.svg b/pdb-js/src/assets/img/ban-sign.svg
new file mode 100644
index 0000000..a89afdb
--- /dev/null
+++ b/pdb-js/src/assets/img/ban-sign.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M320-.012C496.707-.012 640.012 143.293 640.012 320S496.707 640.012 320 640.012-.012 496.707-.012 320 143.293-.012 320-.012zM513.054 192.96L192.971 513.042c36.45 24.048 80.103 38.056 127.029 38.056 127.608 0 231.097-103.49 231.097-231.097 0-46.926-14.008-90.58-38.044-127.041zM126.959 447.03l320.083-320.083c-36.45-24.036-80.115-38.044-127.041-38.044-127.608 0-231.097 103.49-231.097 231.097 0 46.926 14.008 90.58 38.056 127.03z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/bar-chart-line.svg b/pdb-js/src/assets/img/bar-chart-line.svg
new file mode 100644
index 0000000..0ab7fb4
--- /dev/null
+++ b/pdb-js/src/assets/img/bar-chart-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4132 2941" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M73 2941c-40 0-73-31-73-69s33-69 73-69h308V692c0-22 9-42 23-56 15-15 35-24 57-24h438c22 0 42 9 57 24s23 35 23 56v2111h326V1304c0-22 9-42 23-56 15-14 35-23 56-23h438c22 0 42 9 57 24s24 35 24 57v1499h326V82c0-22 9-42 23-56 15-15 35-23 57-23h438c22 0 42 9 56 24 15 15 24 35 24 57v2723h326V871c0-22 9-42 24-57s35-23 57-23h438c22 0 42 9 57 23 15 15 24 35 24 57v1936h308c40 0 73 31 73 69s-33 69-73 69H75zM833 759H527v2036h306V759zm924 612h-306v1424h306V1371zm924-1224h-306v2648h306V147zm924 787h-306v1861h306V934z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/bar-chart.svg b/pdb-js/src/assets/img/bar-chart.svg
new file mode 100644
index 0000000..299443a
--- /dev/null
+++ b/pdb-js/src/assets/img/bar-chart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M349.67 345.205h110.163c5.87 0 10.665 4.795 10.665 10.665v218.236c0 5.858-4.795 10.665-10.665 10.665H349.67c-5.858 0-10.665-4.795-10.665-10.665V355.87c0-5.87 4.795-10.665 10.665-10.665zM10.654 55.229h110.163c5.87 0 10.665 4.83 10.665 10.665v508.212c0 5.834-4.818 10.665-10.665 10.665H10.654C4.819 584.771 0 579.976 0 574.106V65.894c0-5.87 4.796-10.665 10.654-10.665zm508.53 397.54h110.163c5.87 0 10.654 4.819 10.654 10.665v110.671c0 5.847-4.807 10.666-10.654 10.666H519.184c-5.858 0-10.665-4.795-10.665-10.665V463.435c0-5.859 4.795-10.666 10.665-10.666zm-339.016-233.46h110.163c5.87 0 10.665 4.819 10.665 10.665v344.13c0 5.847-4.818 10.666-10.665 10.666H180.168c-5.847 0-10.666-4.795-10.666-10.665v-344.13c0-5.87 4.796-10.666 10.666-10.666z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/broken-link.svg b/pdb-js/src/assets/img/broken-link.svg
new file mode 100644
index 0000000..f76b11c
--- /dev/null
+++ b/pdb-js/src/assets/img/broken-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M573.409 32.292l34.288 34.264c43.075 43.099 43.075 113.588 0 156.663l-90.828 90.78c-33.98 33.993-85.029 41.103-126.226 21.461l160.715-160.715c15.862-15.874 15.862-41.823 0-57.685l-31.11-31.11c-15.863-15.863-41.789-15.875-57.651.01l-159.722 159.7c-17.551-40.524-9.886-89.588 23.09-122.565L416.77 32.29c43.064-43.052 113.553-43.052 156.64 0zM416.285 608.358l33.213-6.874-21.473-103.608-33.19 6.992 21.45 103.489zM189.499 11.185l32.882-8.138 25.772 102.403-32.87 8.327-25.784-102.592zm346.233 539.794l23.599-24.331-75.899-73.643-23.587 24.366 75.887 73.608zm76.879-109.537l8.752-32.705-102.084-27.379-8.8 32.753 102.132 27.33zM13.218 210.782l9.402-32.564 101.564 28.89-9.213 32.635-101.753-28.961zm56.47-121.324l24-23.965 74.705 74.74-23.93 24.001-74.776-74.776zm-37.383 483.95l34.264 34.265c43.075 43.099 113.564 43.099 156.652 0l90.792-90.78c33.993-33.981 41.103-85.053 21.45-126.25L174.748 551.38c-15.863 15.863-41.812 15.863-57.674 0l-31.11-31.11c-15.863-15.886-15.863-41.836 0-57.698l159.721-159.687c-40.56-17.551-89.6-9.898-122.588 23.103l-90.792 90.78c-43.076 43.076-43.076 113.564 0 156.64z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/clip-line.svg b/pdb-js/src/assets/img/clip-line.svg
new file mode 100644
index 0000000..6900a12
--- /dev/null
+++ b/pdb-js/src/assets/img/clip-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3333 3027" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M2282 1688c33 33 34 87 0 121-33 33-87 34-121 0l-689-683-3-3c-105-115-221-144-310-119-32 9-61 25-85 46-23 21-42 47-53 78-30 79-12 186 87 298l1253 1253 5 5c164 168 359 202 515 150 60-20 114-53 159-95 44-42 79-95 100-154 55-157 14-366-196-584-192-193-373-391-552-586-354-387-699-764-1134-1099-167-128-375-166-565-132-83 15-163 44-233 84s-131 92-179 154c-88 114-131 264-99 441 53 297 221 465 424 667l63 63 645 651 218 220c33 33 33 88 0 121s-88 33-121 0l-218-220-645-651-62-62C263 1429 77 1244 14 894c-41-229 16-425 132-575 62-80 140-147 229-198 88-51 186-86 288-104 235-42 492 5 700 165 445 343 796 726 1155 1119 175 192 353 386 548 581l2 2c262 272 309 546 234 759-30 85-79 160-142 221-63 60-139 106-223 134-213 71-476 28-692-193-1-1-3-2-4-4L988 1548l-3-3c-151-167-174-341-123-476 21-56 56-105 100-144 43-39 96-68 154-83 146-40 326 0 481 168l686 681z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/cube.svg b/pdb-js/src/assets/img/cube.svg
new file mode 100644
index 0000000..ab5798b
--- /dev/null
+++ b/pdb-js/src/assets/img/cube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path fill="#1F1A17" fill-rule="nonzero" d="M638.37 153.97L640 481.458c.07 17.103-10.69 31.796-26.02 37.985l.035.07-284.59 115.077a43.54 43.54 0 0 1-17.964 3.106 41.238 41.238 0 0 1-23.457-2.575L25.713 524.864l.023-.07C10.582 518.426-.059 503.284 0 485.673l1.547-323.342c-.2-3.437 0-6.922.65-10.382a39.743 39.743 0 0 1 3.035-14.351c4.394-10.642 12.886-18.496 23.008-22.571l-.023-.047L301.976 4.77c11.15-4.489 23.126-4.004 33.343.39l273.275 98.824c16.358 5.905 26.693 20.622 27.425 36.531a39.716 39.716 0 0 1 2.35 13.453zM268.279 566.522l2.043-285.263-219.168-94.737-4.63 286.42 221.755 93.58zm323.284-379.989l-244.928 94.785 1.937 284.944 244.468-91.336-1.476-288.393z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/dashboard-line.svg b/pdb-js/src/assets/img/dashboard-line.svg
new file mode 100644
index 0000000..2e41078
--- /dev/null
+++ b/pdb-js/src/assets/img/dashboard-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3333 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M533 1730c0-49 18-92 53-127s78-53 127-53c50 0 92 18 128 53 35 35 53 78 53 127s-18 92-53 127-78 53-128 53c-49 0-92-18-127-53s-53-78-53-127zM1667 152c-105 0-206 10-305 30s-194 49-285 88c-93 40-180 87-260 140-80 54-155 115-223 184-69 68-130 143-184 223s-100 167-140 260c-1 1-1 2-2 4-38 90-67 184-87 281-20 98-30 200-30 305s10 206 30 305 49 194 88 285c40 93 87 180 140 260 54 80 115 155 184 223 68 69 143 130 223 184s167 100 260 140c1 1 2 1 4 2 90 38 184 67 281 87 98 20 200 30 305 30s206-10 305-30 194-49 285-88c93-40 180-87 260-140 80-54 155-115 223-184 69-68 130-143 184-223s100-167 140-260c1-1 1-2 2-4 38-90 67-184 87-281 20-98 30-200 30-305s-10-206-30-305-49-194-88-285c-40-93-87-180-140-260-54-80-115-155-184-223-68-69-143-130-223-184s-167-100-260-140c-1-1-2-1-4-2-90-38-184-67-281-87-98-20-200-30-305-30zM1332 32c108-22 220-33 335-33s226 11 335 33c107 21 210 53 311 96 1 1 3 1 4 2 100 43 195 95 284 154s171 127 246 202c76 75 143 157 202 246 60 89 111 184 154 284 44 102 76 207 98 315s33 220 33 335-11 226-33 335c-21 107-53 210-96 311-1 1-1 3-2 4-43 100-95 195-154 284s-127 171-202 246c-75 76-157 143-246 202-89 60-184 111-284 154-102 44-207 76-315 98s-220 33-335 33-226-11-335-33c-107-21-210-53-311-96-1-1-3-1-4-2-100-43-195-95-284-154s-171-127-246-202c-76-75-143-157-202-246-60-89-111-184-154-284-44-102-76-207-98-315S0 1781 0 1666s11-226 33-335c21-107 53-210 96-311 1-1 1-3 2-4 43-100 95-195 154-284s127-171 202-246c75-76 157-143 246-202 89-60 184-111 284-154 102-44 207-76 315-98zm93 1153l441 804c16 14 29 31 40 49 10 19 19 38 24 57 16 62 9 120-22 174s-77 90-140 108c-60 16-118 8-173-24s-90-78-106-138c-4-16-6-32-7-48s0-32 1-48l-58-934zm1376 544c0 49-18 92-53 127s-78 53-127 53c-50 0-92-18-128-53-35-35-53-78-53-127s18-92 53-127 78-53 128-53c49 0 92 18 127 53s53 78 53 127zm-329-807c36 35 53 78 53 129 0 50-18 93-53 129-35 34-78 50-129 50-50 0-92-17-126-50-35-35-53-78-53-129 0-50 18-93 53-129 34-34 76-51 126-51 51 0 93 17 129 51zm-804-335c51 0 94 18 129 53 34 35 52 77 52 127 0 49-17 92-52 127-34 35-77 53-129 53-49 0-92-18-127-53s-53-78-53-127c0-50 18-92 53-127 35-36 78-53 127-53zM864 922c35-34 78-51 129-51 50 0 92 17 126 51 35 35 53 78 53 129 0 50-18 93-53 129-34 34-76 50-126 50-51 0-93-17-129-50-36-35-53-78-53-129 0-50 18-93 53-129z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/dashboard.svg b/pdb-js/src/assets/img/dashboard.svg
new file mode 100644
index 0000000..ec15742
--- /dev/null
+++ b/pdb-js/src/assets/img/dashboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M320 0c176.707 0 320 143.293 320 320S496.707 640 320 640 0 496.707 0 320 143.293 0 320 0zm-80.847 209.802l104.15 189.829a53.554 53.554 0 0 1 14.823 24.98c7.678 28.654-9.33 58.123-37.984 65.8-28.654 7.678-58.123-9.342-65.8-37.984a53.686 53.686 0 0 1-1.158-22.441l-14.031-220.184zm347.579 128.163c0 23.457-19.028 42.485-42.473 42.485-23.457 0-42.485-19.028-42.485-42.485 0-23.445 19.028-42.473 42.485-42.473 23.445 0 42.473 19.028 42.473 42.473zm-533.452 0c0 23.457 19.016 42.485 42.473 42.485s42.473-19.028 42.473-42.485c0-23.445-19.016-42.473-42.473-42.473S53.28 314.52 53.28 337.965zm77.576-189.581c-16.583 16.583-16.583 43.489 0 60.072 16.583 16.583 43.489 16.583 60.072 0 16.583-16.583 16.583-43.49 0-60.072-16.583-16.583-43.489-16.583-60.072 0zm189.38-79.194c23.457 0 42.473 19.016 42.473 42.473 0 23.445-19.016 42.473-42.473 42.473s-42.473-19.028-42.473-42.473c0-23.457 19.016-42.485 42.473-42.473zm188.908 79.194c16.595 16.583 16.595 43.489.012 60.072-16.583 16.583-43.489 16.583-60.071 0-16.595-16.583-16.595-43.49 0-60.072 16.582-16.583 43.488-16.583 60.06 0z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/database.svg b/pdb-js/src/assets/img/database.svg
new file mode 100644
index 0000000..01052e3
--- /dev/null
+++ b/pdb-js/src/assets/img/database.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M320-.012c150.344 0 272.259 57.06 272.259 127.407 0 70.36-121.915 127.42-272.259 127.42s-272.271-57.06-272.271-127.42C47.729 57.048 169.656-.012 320-.012zM47.717 426.206v97.82c48.438 172.053 526.967 138.781 544.566-8.799v-97.75c-23.918 162.038-506.286 173.72-544.566 8.73zM46.382 171.57v95.54c48.426 168.05 529.636 145.314 547.235 1.17v-95.47C569.7 331.08 84.65 332.71 46.382 171.57zm0 123.44v97.82c48.426 172.052 529.636 148.784 547.235 1.192v-97.737C569.7 458.32 84.65 459.999 46.382 295.008z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/descending-filter.svg b/pdb-js/src/assets/img/descending-filter.svg
new file mode 100644
index 0000000..b3e8196
--- /dev/null
+++ b/pdb-js/src/assets/img/descending-filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M88.123 172.88V640h128.458V172.88h72.26L152.33 0 15.863 172.88h72.26zm230.85 385.965c228.12 0 77.02-.024 305.141-.024l.036 81.155c-228.133 0-77.057.023-305.177.023v-81.154zm0-407.285c141.426 0-58.537-.024 82.878-.024l.024 81.167c-141.427 0 58.524.012-82.903.012V151.56zm137.67 135.758c-121.112-.012-16.571 0-137.67 0v81.143h137.67v-81.143zm-137.67 135.746c95.847 0 112.111-.012 207.946-.012l.012 81.178H318.97v-81.166z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/download.svg b/pdb-js/src/assets/img/download.svg
new file mode 100644
index 0000000..1b9f4bb
--- /dev/null
+++ b/pdb-js/src/assets/img/download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M68.162 216.841h159.274v-64.832H407.06v64.832h163.892L319.728 461.285 68.162 216.841zM320 540.987l247.468-.709 23.658-112.017 48.875 1.607v178.939H0v-178.94l48.886-1.606 23.658 112.017 247.456.709zM227.436 31.182H407.06v24.083H227.436V31.182zm0 48.544H407.06v49.146H227.436V79.726z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/ellipsis-h.svg b/pdb-js/src/assets/img/ellipsis-h.svg
new file mode 100644
index 0000000..0d1cfd7
--- /dev/null
+++ b/pdb-js/src/assets/img/ellipsis-h.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M640 320c0 43.075-34.937 78.013-78.013 78.013-43.075 0-78-34.938-78-78.013s34.925-78.013 78-78.013C605.063 241.987 640 276.925 640 320zm-483.986 0c0 43.075-34.937 78.013-78.013 78.013-43.075 0-78-34.938-78-78.013s34.925-78.013 78-78.013c43.076 0 78.013 34.938 78.013 78.013zm241.987 0c0 43.075-34.937 78.013-78.013 78.013-43.063 0-78-34.938-78-78.013s34.937-78.013 78-78.013c43.076 0 78.013 34.938 78.013 78.013z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/ellipsis-v.svg b/pdb-js/src/assets/img/ellipsis-v.svg
new file mode 100644
index 0000000..9fc57aa
--- /dev/null
+++ b/pdb-js/src/assets/img/ellipsis-v.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M320 0c43.075 0 78.013 34.937 78.013 78.013 0 43.075-34.938 78-78.013 78s-78.013-34.925-78.013-78C241.987 34.937 276.925 0 320 0zm0 483.986c43.075 0 78.013 34.937 78.013 78.013 0 43.075-34.938 78-78.013 78s-78.013-34.925-78.013-78c0-43.076 34.938-78.013 78.013-78.013zm0-241.987c43.075 0 78.013 34.937 78.013 78.001 0 43.075-34.938 78.013-78.013 78.013S241.987 363.075 241.987 320c0-43.063 34.938-78.001 78.013-78.001z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/exclamation-round.svg b/pdb-js/src/assets/img/exclamation-round.svg
new file mode 100644
index 0000000..2a0e27a
--- /dev/null
+++ b/pdb-js/src/assets/img/exclamation-round.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M320-.012C496.707-.012 640.012 143.293 640.012 320S496.707 640.012 320 640.012-.012 496.707-.012 320 143.293-.012 320-.012zm-45.591 471.655h87.26v77.139h-87.26v-77.139zm87.214-39.555h-87.19c-8.67-105.958-26.87-153.203-26.87-259.02 0-39.024 31.641-70.677 70.665-70.677 39.025 0 70.678 31.653 70.678 70.678 0 105.757-18.437 153.144-27.283 259.019z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/exclamation-triangle.svg b/pdb-js/src/assets/img/exclamation-triangle.svg
new file mode 100644
index 0000000..b6fa4c8
--- /dev/null
+++ b/pdb-js/src/assets/img/exclamation-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M340.882 76.855l289.563 454.813c8.717 13.701 16.24 41.753 0 41.753H9.567c-16.24 0-8.728-28.052 0-41.753L299.118 76.855c8.728-13.7 33.036-13.689 41.764 0zM294.677 452.77h50.422v44.587h-50.422V452.77zm50.398-30.886h-50.386c-5.02-61.229-15.532-100.088-15.532-161.222 0-22.56 18.284-40.843 40.843-40.843 22.56 0 40.843 18.284 40.843 40.843 0 61.111-10.654 100.041-15.768 161.222z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/external-link.svg b/pdb-js/src/assets/img/external-link.svg
new file mode 100644
index 0000000..7bfff06
--- /dev/null
+++ b/pdb-js/src/assets/img/external-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M41.28 10.323h178.774l73.052 82.466H115.194c-17.61 0-32.02 14.41-32.02 32.02v401.403c0 17.598 14.41 32.02 32.02 32.02h406.328c17.61 0 32.02-14.422 32.02-32.02v-181.62l83.174 69.19v185.624c0 22.7-18.567 41.28-41.28 41.28H41.28c-22.712 0-41.28-18.58-41.28-41.28V51.604c0-22.702 18.568-41.28 41.28-41.28zM640-.685L311.378 13.843l104.801 104.8-230.755 230.744 101.21 101.21 230.755-230.755 106.82 106.82L640-.685z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/filter-line.svg b/pdb-js/src/assets/img/filter-line.svg
new file mode 100644
index 0000000..a5d9baa
--- /dev/null
+++ b/pdb-js/src/assets/img/filter-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3333 2906" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M76 0h3182c42 0 76 34 76 76 0 23-10 44-27 58L2037 1398v1084c0 30-17 56-43 68l-599 346c-36 21-82 9-103-28-7-12-10-25-10-38V1397L23 129C-6 99-6 52 23 22 38 7 57 0 76 0zm2998 152H257l1149 1157c16 14 26 34 26 57v1333l452-261V1366c0-19 7-39 22-54L3073 151z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/filter.svg b/pdb-js/src/assets/img/filter.svg
new file mode 100644
index 0000000..543ae44
--- /dev/null
+++ b/pdb-js/src/assets/img/filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M0 4.854l254.33 480.041h155.766l17.173-38.126 95.116 9.508L640 217.857l-87.202-49.831L626.288 4.855H0zm256.728 502.683v127.596h147.38V507.537h-147.38zm203.176-133.242l65.623-145.703 40.548 23.15-62.6 126.911-43.571-4.358z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/folder-open.svg b/pdb-js/src/assets/img/folder-open.svg
new file mode 100644
index 0000000..07a7c95
--- /dev/null
+++ b/pdb-js/src/assets/img/folder-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M11.965 172.951h160.407v-7.795c0-32.552 26.634-59.186 59.197-59.186h59.198c32.54 0 59.174 26.634 59.174 59.186v7.795h150.238c6.579 0 11.965 5.386 11.965 11.976v39.107H146.139c-6.697 0-14.812 5.469-18.036 12.166L9.755 481.317c-5.54-1.051-9.768-5.93-9.768-11.764V184.927c0-6.59 5.386-11.977 11.977-11.977zm189.853 0H320.52v-6.72c0-16.725-13.666-30.414-30.402-30.414H232.23c-16.724 0-30.414 13.689-30.414 30.413v6.721zm-43.442 73.69h473.51c6.685 0 10.052 5.575 6.957 12.154l-123.675 263.07c-3.095 6.578-10.666 12.153-17.35 12.153H24.307c-6.698 0-10.064-5.575-6.97-12.153l123.688-263.07c3.094-6.58 10.653-12.154 17.35-12.154z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/folder.svg b/pdb-js/src/assets/img/folder.svg
new file mode 100644
index 0000000..5ce079c
--- /dev/null
+++ b/pdb-js/src/assets/img/folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M37.867 120.698h37.406V75.107H293.79v45.591h308.165v60.981l-564.09-27.106v-33.875zM-.012 187.679h640.024l-47.256 347.402c-2.209 16.205-13.465 29.811-29.823 29.811H66.32c-16.382 0-28.134-13.512-29.846-29.835L-.011 187.68z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/four-corners-arrows-line.svg b/pdb-js/src/assets/img/four-corners-arrows-line.svg
new file mode 100644
index 0000000..a04c1f8
--- /dev/null
+++ b/pdb-js/src/assets/img/four-corners-arrows-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2721 2719" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M2544 1989c0-49 40-89 89-89s89 40 89 89v637c0 49-40 89-89 89h-647c-49 0-89-40-89-89s40-89 89-89h425l-761-719c-36-33-37-89-4-125s89-37 125-4l774 731v-432zM1989 177c-49 0-89-40-89-89s40-89 89-89h637c49 0 89 40 89 89v647c0 49-40 89-89 89s-89-40-89-89V310l-719 761c-33 36-89 37-125 4s-37-89-4-125l731-774h-432zM177 725c0 49-40 89-89 89s-89-40-89-89V88C-1 39 39-1 88-1h647c49 0 89 40 89 89s-40 89-89 89H310l761 719c36 33 37 89 4 125s-89 37-125 4L176 294v432zm553 1816c49 0 89 40 89 89s-40 89-89 89H93c-49 0-89-40-89-89v-647c0-49 40-89 89-89s89 40 89 89v425l719-761c33-36 89-37 125-4s37 89 4 125l-731 774h432z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/four-corners-arrows.svg b/pdb-js/src/assets/img/four-corners-arrows.svg
new file mode 100644
index 0000000..ef82f0b
--- /dev/null
+++ b/pdb-js/src/assets/img/four-corners-arrows.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M640.012-.012L380.485 5.102l81.863 81.887L320 229.35 177.628 86.989l81.887-81.887L-.012.012l5.114 259.503 81.864-81.863 142.371 142.36L86.989 462.348 5.102 380.485.012 640.012l259.503-5.114-81.863-81.864L320 410.663l142.348 142.348-81.863 81.887 259.503 5.09-5.09-259.503-81.887 81.863L410.663 320l142.348-142.348 81.887 81.863z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/history.svg b/pdb-js/src/assets/img/history.svg
new file mode 100644
index 0000000..1eb90c8
--- /dev/null
+++ b/pdb-js/src/assets/img/history.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M613.177 48.438v204.581H408.596l-24.119.012 17.055-17.067 59.647-59.647a205.31 205.31 0 0 0-12.284-10.96 202.213 202.213 0 0 0-17.61-12.898l.012-.012c-31.347-20.445-68.812-32.327-109.088-32.327h-.083v-.036c-55.158.012-105.131 22.406-141.273 58.56-36.142 36.142-58.524 86.08-58.56 141.19h.036v.249h-.036c.012 55.158 22.406 105.143 58.56 141.273 36.154 36.154 86.091 58.524 141.19 58.56v-.036h.402v.036a200.224 200.224 0 0 0 56.93-8.292v-.012a199.318 199.318 0 0 0 29.753-11.527c25.949-12.544 48.78-30.568 67.016-52.548h139.561c-7.677 17.634-16.913 34.583-27.603 50.516-57.425 85.584-155.116 141.958-265.893 141.958h-.082v-.035c-88.36-.024-168.38-35.859-226.231-93.71v-.047C38.08 488.379 2.269 408.429 2.22 320.165h-.035v-.248h.035c.024-88.324 35.86-168.321 93.746-226.196l-.024-.024C153.794 35.857 233.756.07 322.044.023v-.036h.319v.036c45.378.023 88.584 9.508 127.679 26.551a335.597 335.597 0 0 1 18.78 8.918c28.524 14.728 54.555 33.661 77.257 55.926l50.055-50.044 17.044-17.056v24.119zM246.972 411.667h.024v.283c59.835 0 119.293-.283 179.364-.283v-60.001H304.835V232.633h-57.84v119.033h-.023v60zm245.649 12.921a198.773 198.773 0 0 0 20.02-43.607l2.22-6.933h122.954l-2.457 11.977-.07.318v.036a318.06 318.06 0 0 1-10.642 38.209H492.62z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/home.svg b/pdb-js/src/assets/img/home.svg
new file mode 100644
index 0000000..b1e4679
--- /dev/null
+++ b/pdb-js/src/assets/img/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M320 28.158L0 341.603l78.072 40.996 239.86-251.85L561.94 382.6 640 341.603 320 28.158zM95.139 390.82h.012l225.168-225.263L544.86 390.82h.012V611.83H380.85V455.71H257.755v156.12H95.139V390.82z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/image-line.svg b/pdb-js/src/assets/img/image-line.svg
new file mode 100644
index 0000000..1b38cf6
--- /dev/null
+++ b/pdb-js/src/assets/img/image-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3372 3352" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M238 0h2895c66 0 125 27 168 70s70 103 70 168v2875c0 66-27 125-70 168s-103 70-168 70H238c-66 0-125-27-168-70S0 3178 0 3113V238c0-66 27-125 70-168S173 0 238 0zm-46 2423l1029-930c39-36 100-32 135 7 1 1 1 2 2 2l863 1021 132-812c9-52 58-88 110-79 20 3 38 13 52 26l663 636V238c0-13-5-24-14-32-8-8-20-14-32-14H237c-13 0-24 5-32 14-8 8-14 20-14 32v2185zm2987 138l-665-638-136 835c-3 23-14 45-33 61-40 34-101 29-135-11l-934-1105-1084 980v432c0 13 5 24 14 32 8 8 20 14 32 14h2895c13 0 24-5 32-14 8-8 14-20 14-32v-552zM2541 545c95 0 182 39 244 101 63 63 101 149 101 244s-39 182-101 244c-63 63-149 101-244 101s-182-39-244-101c-63-63-101-149-101-244s39-182 101-244c63-63 149-101 244-101zm137 209c-35-35-83-57-137-57-53 0-102 22-137 57s-57 83-57 137c0 53 22 102 57 137s83 57 137 57c53 0 102-22 137-57s57-83 57-137c0-53-22-102-57-137z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/image.svg b/pdb-js/src/assets/img/image.svg
new file mode 100644
index 0000000..a85d01b
--- /dev/null
+++ b/pdb-js/src/assets/img/image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M-.012 65.611h640.024v508.778H-.012V65.611zm180.026 132.273c22.996 0 41.635 18.638 41.635 41.634 0 22.997-18.638 41.635-41.635 41.635-22.996 0-41.634-18.638-41.634-41.635 0-22.996 18.638-41.634 41.634-41.634zm175.207 178.679l83.269-143.978 88.466 223.763h-412.86v-27.756l34.702-1.725 34.69-85.005 17.338 60.722h52.052l45.095-116.222 57.248 90.201zM47.528 107.764h544.944v424.47H47.528v-424.47z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/info-circle.svg b/pdb-js/src/assets/img/info-circle.svg
new file mode 100644
index 0000000..2419fda
--- /dev/null
+++ b/pdb-js/src/assets/img/info-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M320-.012C496.707-.012 640.012 143.293 640.012 320S496.707 640.012 320 640.012-.012 496.707-.012 320 143.293-.012 320-.012zm93.65 511.554H226.35v-31.524h35.197v-192.51H226.35v-25.087h87.544c22.11 0 43.867-2.657 65.363-8.079v225.676h34.394v31.524zm-81.047-401.769c14.504 0 25.913 4.193 34.228 12.485 8.221 8.28 12.378 19.642 12.378 34.276 0 14.834-7.074 28.027-21.319 39.59-14.327 11.564-30.945 17.387-49.878 17.387-14.233 0-25.548-3.98-34.217-11.965-8.67-8.079-13.004-18.52-13.004-31.512 0-16.37 7.074-30.485 21.142-42.462 14.055-11.858 30.945-17.799 50.67-17.799z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/info.svg b/pdb-js/src/assets/img/info.svg
new file mode 100644
index 0000000..7cd0f60
--- /dev/null
+++ b/pdb-js/src/assets/img/info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M340.079 0c23.103 0 41.28 6.673 54.52 19.89 13.099 13.181 19.713 31.288 19.713 54.591 0 23.634-11.268 44.646-33.957 63.072-22.82 18.425-49.288 27.697-79.454 27.697-22.665 0-40.69-6.343-54.508-19.063-13.807-12.863-20.705-29.505-20.705-50.198 0-26.079 11.268-48.555 33.673-67.642C281.755 9.46 308.65 0 340.08 0zm129.108 640H170.813v-50.21h56.068V283.127h-56.068v-39.97h139.454c35.22 0 69.887-4.228 104.127-12.862v359.497h54.792v50.21z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/link.svg b/pdb-js/src/assets/img/link.svg
new file mode 100644
index 0000000..c0c0cd3
--- /dev/null
+++ b/pdb-js/src/assets/img/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path fill-rule="nonzero" d="M291.405 295.374l-.118-.106c-7.099-11.575-12.142-24.178-15.13-37.135-.65-2.846-1.24-5.87-1.725-8.976-.496-3.2-.885-6.201-1.098-8.918v-.247l-.07-.934c-1.655-22.5 2.786-45.555 13.523-66.343a124.253 124.253 0 0 1 7.087-11.976c2.61-3.874 5.456-7.69 8.527-11.292l.024.024.012-.024.26-.319.425-.52 91.005-105.52c15.72-18.249 35.717-30.804 57.248-37.477l.697-.248a127.844 127.844 0 0 1 12.98-3.178c4.442-.85 8.895-1.464 13.277-1.807V.39l.07-.012.934-.07c22.5-1.654 45.555 2.787 66.343 13.523 4.028 2.079 8.055 4.477 11.976 7.087a124.19 124.19 0 0 1 11.292 8.54l-.024.011.024.012.697.59.106.071 1.075.922.118.094.07.06v.011l.52.425.178.213c17.528 15.768 29.587 35.54 35.941 56.729 1.193 4.028 2.197 8.28 3.024 12.614l.07.166h-.011l.012.035c.815 4.417 1.417 8.788 1.76 12.992h-.012l.012.071.07.933c1.654 22.489-2.787 45.544-13.535 66.32a123.813 123.813 0 0 1-7.087 11.976 126.011 126.011 0 0 1-8.54 11.304l-.011-.024-.012.024-.543.626-.154.212L491.7 311.366c-15.886 18.438-36.154 31.064-57.946 37.678a123.828 123.828 0 0 1-12.98 3.213 122.99 122.99 0 0 1-13.134 1.819h-.213l-.933.07a125.435 125.435 0 0 1-45.815-5.15 121.573 121.573 0 0 1-8.752-3.058l-3.331-1.311.118.106c7.098 11.575 12.142 24.177 15.13 37.134.65 2.847 1.24 5.87 1.724 8.977.497 3.2.886 6.2 1.099 8.917v.248l.07.933c1.654 22.5-2.787 45.556-13.523 66.344a124.253 124.253 0 0 1-7.087 11.976c-2.61 3.874-5.457 7.69-8.527 11.292l-.024-.024-.012.024-.26.318-.425.52-91.005 105.521c-15.72 18.248-35.717 30.804-57.249 37.477l-.697.248a127.844 127.844 0 0 1-12.98 3.177c-4.441.85-8.894 1.465-13.276 1.807v-.012l-.07.012-.934.071c-22.5 1.654-45.556-2.787-66.343-13.524-4.028-2.078-8.055-4.476-11.977-7.086a124.19 124.19 0 0 1-11.291-8.54l.024-.012-.024-.011-.697-.591-.106-.07-1.075-.922-.118-.095-.071-.059v-.012l-.52-.425-.177-.212c-17.528-15.768-29.587-35.54-35.941-56.73-1.193-4.027-2.197-8.279-3.024-12.614l-.07-.165h.011l-.012-.035c-.815-4.418-1.417-8.788-1.76-12.993h.012l-.012-.07-.07-.934c-1.654-22.488 2.787-45.544 13.535-66.32a123.813 123.813 0 0 1 7.087-11.976c2.61-3.886 5.468-7.689 8.54-11.303l.011.023.012-.023.543-.626.154-.213 90.993-105.52c15.886-18.438 36.154-31.064 57.945-37.678a123.828 123.828 0 0 1 12.981-3.213 122.99 122.99 0 0 1 13.134-1.819h.213l.933-.07a125.435 125.435 0 0 1 45.815 5.149c2.953.91 5.906 1.937 8.752 3.059l3.331 1.311zm-61.666 75.639l19.087-22.123-3.343-.047-.083.012-3.153.106-.071.012-.744.047-.083.012c-11.02.815-21.839 4.571-31.075 11.162a63.694 63.694 0 0 0-5.291 4.252l-.012-.024-.024.024a62.13 62.13 0 0 0-4.854 4.925l-.012-.012-.614.685-90.97 105.486c-7.653 8.882-12.307 19.56-13.972 30.556-.343 2.291-.58 4.512-.674 6.567a65.94 65.94 0 0 0 .06 6.65l.011.271.047.567c.815 11.02 4.583 21.839 11.162 31.087 1.276 1.784 2.67 3.473 4.075 5.079l.177.212a60.177 60.177 0 0 0 4.925 4.89l-.011.012.307.272.283.248.52.437c8.81 7.453 19.3 11.988 30.107 13.606l.165.024c2.256.33 4.453.567 6.46.65 2.138.082 4.37.059 6.603-.071l.343-.024.496-.035c11.008-.815 21.827-4.583 31.075-11.162a62.387 62.387 0 0 0 5.114-4.075l.165-.177a58.476 58.476 0 0 0 4.902-4.925l.012.012.614-.697 90.981-105.486c7.666-8.882 12.308-19.524 13.961-30.556h.012a66.58 66.58 0 0 0 .65-6.579c.082-2.161.059-4.405-.06-6.65l-.047-.767-.011-.06v-.094a63.214 63.214 0 0 0-.945-7.122l-18.65 21.638-.508.615-.673.744-.012-.012-.118.118a37.762 37.762 0 0 1-24.957 12.012c-9.284.673-18.874-2.055-26.599-8.362l.012-.024-.083-.047-.484-.414-.13-.106-.083-.083-.059-.035-.082-.07-.378-.32-.012-.012.023-.023c-10.736-9.544-14.716-24-11.527-37.146a38.26 38.26 0 0 1 2.81-7.701c1.17-2.386 2.658-4.69 4.335-6.803l.083-.13.142-.201.012.012.059-.083.52-.626.011.012.083-.13zM410.26 268.988l-19.087 22.122 3.343.047.082-.012 3.154-.106.07-.012.745-.047.083-.012c11.02-.815 21.838-4.57 31.075-11.161a63.694 63.694 0 0 0 5.291-4.252l.012.023.024-.023a62.13 62.13 0 0 0 4.854-4.926l.012.012.614-.685 90.97-105.486c7.653-8.882 12.307-19.56 13.972-30.555.343-2.292.579-4.512.673-6.567a65.94 65.94 0 0 0-.059-6.65l-.011-.272-.048-.567c-.815-11.02-4.582-21.839-11.161-31.087-1.276-1.783-2.67-3.472-4.075-5.078l-.177-.213a60.177 60.177 0 0 0-4.926-4.89l.012-.012-.307-.271-.283-.248-.52-.437c-8.811-7.453-19.3-11.989-30.107-13.607l-.165-.024c-2.256-.33-4.453-.566-6.46-.65a68.718 68.718 0 0 0-6.603.072l-.343.023-.496.036c-11.008.815-21.827 4.583-31.075 11.161a62.387 62.387 0 0 0-5.114 4.075l-.166.177a58.476 58.476 0 0 0-4.901 4.926l-.012-.012-.614.697-90.982 105.486c-7.665 8.882-12.307 19.524-13.96 30.555h-.012a66.58 66.58 0 0 0-.65 6.58 73.716 73.716 0 0 0 .06 6.649l.046.767.012.06v.094c.177 2.386.496 4.76.945 7.122l18.65-21.638.508-.614.673-.744.012.012.118-.119a37.762 37.762 0 0 1 24.957-12.012c9.284-.673 18.874 2.056 26.599 8.363l-.012.023.083.048.484.413.13.106.083.083.059.035.082.071.378.32.012.011-.024.024c10.737 9.543 14.717 24 11.528 37.146a38.26 38.26 0 0 1-2.811 7.7c-1.17 2.386-2.657 4.69-4.335 6.804l-.082.13-.142.2-.012-.011-.059.082-.52.626-.011-.011-.083.13z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/lock-open.svg b/pdb-js/src/assets/img/lock-open.svg
new file mode 100644
index 0000000..ba86ac7
--- /dev/null
+++ b/pdb-js/src/assets/img/lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M13.465 294.204h271.799v-82.442h.047c.012-48.792 19.937-93.12 52.016-125.222 32.103-32.103 76.454-52.04 125.27-52.04v-.047H462.678v.047c48.792.012 93.12 19.937 125.222 52.028 32.103 32.103 52.04 76.454 52.04 125.27h.06V307.467h-76.136v-96.663h.06c-.012-27.768-11.434-53.067-29.8-71.434-18.378-18.39-43.69-29.8-71.481-29.811v.047H462.56v-.047c-27.78.012-53.08 11.41-71.458 29.776l.024.023c-18.378 18.379-29.8 43.69-29.8 71.47h.048v83.375h72.85c7.407 0 13.466 6.059 13.466 13.465v284.437c0 7.405-6.06 13.452-13.465 13.452H13.465C6.048 605.558 0 599.511 0 592.106V307.669c0-7.406 6.048-13.465 13.465-13.465zm215.483 155.624l21.342 98.481-58.5.237 17.173-99.805c-15.98-5.114-27.579-20.09-27.579-37.772 0-21.886 17.764-39.65 39.662-39.65 21.886 0 39.65 17.764 39.65 39.65 0 19.182-13.642 35.186-31.748 38.859z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/lock.svg b/pdb-js/src/assets/img/lock.svg
new file mode 100644
index 0000000..1bea394
--- /dev/null
+++ b/pdb-js/src/assets/img/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M84.769 291.854h46.666v-98.541c0-53.15 21.756-101.482 56.764-136.502v-.047C223.22 21.744 271.562-.012 324.75-.012c53.15 0 101.481 21.756 136.501 56.776l.047.047c35.009 35.02 56.765 83.352 56.765 136.502v98.541h37.17c8.28 0 15.059 6.78 15.059 15.06v318.038c0 8.28-6.78 15.06-15.06 15.06H84.77c-8.28 0-15.06-6.78-15.06-15.06V306.913c0-8.28 6.78-15.059 15.06-15.059zm121.773 0h236.4v-99.615c0-32.505-13.299-62.068-34.7-83.494l-.024.024c-21.414-21.425-50.977-34.737-83.47-34.737-32.504 0-62.067 13.3-83.505 34.713-21.401 21.426-34.7 50.99-34.7 83.494v99.615zM325.705 465.88l23.858 110.104-65.398.272 19.193-111.58c-17.87-5.729-30.827-22.477-30.827-42.249 0-24.485 19.843-44.327 44.339-44.327 24.473 0 44.327 19.843 44.327 44.327 0 21.461-15.248 39.367-35.492 43.453z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/magnifying-glass-zoom-out.svg b/pdb-js/src/assets/img/magnifying-glass-zoom-out.svg
new file mode 100644
index 0000000..51269ce
--- /dev/null
+++ b/pdb-js/src/assets/img/magnifying-glass-zoom-out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3080 3109" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M875 1452c-53 0-95-43-95-95 0-53 43-95 95-95h963c53 0 95 43 95 95 0 53-43 95-95 95H875zm1617 647l587 640-405 370-566-623c-215 143-474 227-752 227-375 0-714-152-959-397C151 2070 0 1731 0 1357c0-375 152-714 397-959C643 152 982 1 1356 1c375 0 714 152 959 397 246 246 397 585 397 959 0 274-81 529-221 743zM2209 504c-218-218-519-353-852-353S723 286 505 504s-353 519-353 852 135 634 353 852 519 353 852 353 634-135 852-353 353-519 353-852-135-634-353-852z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/magnifying-glass-zoom.svg b/pdb-js/src/assets/img/magnifying-glass-zoom.svg
new file mode 100644
index 0000000..4d2e9be
--- /dev/null
+++ b/pdb-js/src/assets/img/magnifying-glass-zoom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3087 3117" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M1265 877c0-53 43-96 96-96s96 43 96 96v387h387c53 0 96 43 96 96s-43 96-96 96h-387v387c0 53-43 96-96 96s-96-43-96-96v-387H878c-53 0-96-43-96-96s43-96 96-96h387V877zm1234 1227l589 642-406 371-568-625c-216 144-475 228-754 228-376 0-716-152-962-398S0 1736 0 1360s152-716 398-962S984 0 1360 0s716 152 962 398 398 586 398 962c0 275-82 531-222 744zM2215 505c-219-219-521-354-855-354S724 286 505 505s-354 521-354 855 135 636 354 855 521 354 855 354 636-135 855-354 354-521 354-855-135-636-354-855z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/object-selected.svg b/pdb-js/src/assets/img/object-selected.svg
new file mode 100644
index 0000000..4ff915c
--- /dev/null
+++ b/pdb-js/src/assets/img/object-selected.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M63.804 514.719v62.552h66.166v63.792H31.914c-17.61 0-31.902-14.28-31.902-31.89v-94.454h63.792zm81.958-408.454h353.437c17.61 0 31.89 14.28 31.89 31.89v364.398c0 17.61-14.28 31.89-31.89 31.89H145.762c-17.61 0-31.902-14.28-31.902-31.89V138.155c0-17.61 14.291-31.89 31.902-31.89zm321.524 63.792H177.64v300.594h289.645V170.057zM0 125.293V30.839C0 13.229 14.292-1.063 31.903-1.063h98.056v63.792H63.793v62.564H0zm576.208 0V62.729h-66.155V-1.063h98.056c17.611 0 31.89 14.291 31.89 31.902v94.454H576.21zM640 514.719v94.454c0 17.61-14.28 31.89-31.89 31.89h-98.057V577.27h66.155v-62.552H640z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/paint-palette.svg b/pdb-js/src/assets/img/paint-palette.svg
new file mode 100644
index 0000000..38fa905
--- /dev/null
+++ b/pdb-js/src/assets/img/paint-palette.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M237.83 40.075C291.736 17.008 345.701 9.248 395.816 14.54c150.262 15.897 265.858 149.21 240.747 339.406-13.902 105.308-47.859 199.243-147.805 245.649-51.922 24.106-107.919 32.48-153.073 24.52-105.486-18.568-75.202-89.742-103.478-163.49-33.355-87.002-102.285-109.501-130.761 2.208-7.193 28.205-32.74 36.851-48.249 38.587C21.26 504.976-4.347 463.636.614 390.785 10.831 240.937 98.01 99.911 237.83 40.076zm-84.048 170.601c28.417 0 51.461 23.044 51.461 51.462 0 28.417-23.044 51.46-51.461 51.46-28.418 0-51.462-23.043-51.462-51.46 0-28.418 23.044-51.462 51.462-51.462zm340.35 122.777c16.95 0 30.698 13.737 30.698 30.686 0 16.96-13.748 30.709-30.697 30.709-16.95 0-30.698-13.748-30.698-30.71 0-16.948 13.749-30.685 30.698-30.685zM373.152 376.79c38.882 0 70.418 31.535 70.418 70.418 0 38.882-31.536 70.43-70.418 70.43-38.894 0-70.407-31.548-70.407-70.43 0-38.883 31.512-70.418 70.407-70.418zm-74.02-98.4c16.948 0 30.685 13.737 30.685 30.698 0 16.949-13.737 30.685-30.686 30.685-16.96 0-30.709-13.736-30.709-30.685 0-16.96 13.748-30.697 30.71-30.697zm153.473-148.064c38.883 0 70.418 31.536 70.418 70.418 0 38.882-31.536 70.418-70.418 70.418-38.894 0-70.43-31.536-70.43-70.418 0-38.882 31.536-70.418 70.43-70.418zm-159.793-9.933c23.93 0 43.324 19.405 43.324 43.335s-19.394 43.335-43.324 43.335-43.335-19.406-43.335-43.335c0-23.93 19.406-43.335 43.335-43.335z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/pie-chart.svg b/pdb-js/src/assets/img/pie-chart.svg
new file mode 100644
index 0000000..c60ac17
--- /dev/null
+++ b/pdb-js/src/assets/img/pie-chart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M337.587 361.788l252.086 4.181c0 89.54-44.552 173.223-118.809 223.231L337.587 361.788zm-25.146-43.524l-2.846-293.165-.178-18.898 18.827 1.287H328.35a335.593 335.593 0 0 1 68.777 12.119c22.028 6.319 43.182 14.87 63.19 25.382 102.462 53.847 173.305 159.144 178.833 281.33l.85 18.815-18.803-.579-291.76-8.953-16.83-.507-.165-16.831zm32.303-273.89l2.493 256.799 255.51 7.83C591.8 207.712 530.476 121.42 444.007 75.97a298.22 298.22 0 0 0-56.47-22.642 300.278 300.278 0 0 0-42.791-8.953zm-57.307 301.977l143.742 248.956c-43.654 25.193-93.309 38.492-143.742 38.492C128.719 633.8 0 505.081 0 346.351c0-154.018 121.419-280.704 275.295-287.2l12.142 287.2z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/pin.svg b/pdb-js/src/assets/img/pin.svg
new file mode 100644
index 0000000..5c9b9f7
--- /dev/null
+++ b/pdb-js/src/assets/img/pin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M436.872 2.386l200.766 200.778c3.142 3.13 3.142 8.256 0 11.398l-68.375 68.363c-3.13 3.141-8.256 3.141-11.386 0l-19.441-19.43-90.12 90.096c20.221 76.146.497 160.715-59.22 220.42a196.268 196.268 0 0 1-4.205 4.098c-5.233 4.973-4.394 4.95-9.45-.106L247.906 450.454 0 639.976 189.58 392.13 61.844 264.416c-5.09-5.102-4.666-4.3.342-9.567a237.905 237.905 0 0 1 3.827-3.921c59.706-59.706 144.285-79.442 220.432-59.222L376.54 101.6l-19.441-19.441c-3.13-3.13-3.13-8.256 0-11.398l68.374-68.375c3.142-3.13 8.268-3.13 11.398 0z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/question-mark-round.svg b/pdb-js/src/assets/img/question-mark-round.svg
new file mode 100644
index 0000000..c26c652
--- /dev/null
+++ b/pdb-js/src/assets/img/question-mark-round.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M640.012 319.988c0-176.707-143.293-320-320.012-320C143.281 0-.024 143.281 0 319.988-.012 496.695 143.305 640.012 320 640c176.719 0 320-143.293 320.012-320.012zM358.28 388.445h-91.1v-9.094c0-15.45 1.666-28.087 5.197-37.76 3.544-9.756 8.776-18.497 15.697-26.528 6.98-8.02 22.678-22.052 46.938-42.237 12.91-10.595 19.418-20.22 19.418-28.95 0-8.893-2.634-15.66-7.808-20.574-5.196-4.831-13.063-7.311-23.67-7.311-11.385 0-20.716 3.791-28.11 11.256-7.453 7.5-12.2 20.67-14.256 39.378l-93.107-11.587c3.2-34.205 15.65-61.76 37.264-82.56 21.709-20.918 54.934-31.311 99.674-31.311 34.879 0 63.013 7.31 84.45 21.803 29.15 19.701 43.666 45.934 43.666 78.639 0 13.654-3.791 26.764-11.268 39.402-7.5 12.685-22.878 28.075-46.099 46.229-16.075 12.933-26.303 23.102-30.543 30.898-4.229 7.7-6.343 17.858-6.343 30.307zm-94.312 24.296h97.678v86.08h-97.678v-86.08z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/recycle-bin-line.svg b/pdb-js/src/assets/img/recycle-bin-line.svg
new file mode 100644
index 0000000..73d212b
--- /dev/null
+++ b/pdb-js/src/assets/img/recycle-bin-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M63.367 47.174h173.695V32.22c0-.496.012-.969.07-1.453.39-8.291 3.97-15.815 9.462-21.284l-.036-.035c5.752-5.752 13.736-9.32 22.524-9.402l.118.012V0h103.808c.555 0 1.075.047 1.606.118a32.268 32.268 0 0 1 21.166 9.425 32.204 32.204 0 0 1 9.39 22.477l-.012.106h.071v15.048h171.487c.72 0 1.393.07 2.09.177 6.154.555 11.74 3.26 15.804 7.347l.023.035.024-.035c4.429 4.464 7.216 10.665 7.3 17.54l-.013.165h.071v56.563c0 7.666-6.224 13.878-13.89 13.878H51.874c-7.665 0-13.89-6.212-13.89-13.878V72.497c0-.555.024-1.098.095-1.642v-.106a25.47 25.47 0 0 1 7.405-16.134l-.035-.012c4.488-4.488 10.713-7.276 17.587-7.37l.165.012v-.071h.165zm379.776 208.538h-30.969V547.86h30.969V255.71zm-100.678 0h-30.98V547.86h30.98V255.71zm-100.678 0h-30.969V547.86h30.969V255.71zM94.43 164.423h455.132l1.453.095.661.035.697.06h.047l.85.117c7.1.85 13.737 4.11 18.603 8.894 5.422 5.339 8.882 12.58 8.882 20.646 0 .508-.047 1.004-.094 1.488l-.012.355-.071.803-38.504 413.202-.036.224h.036l-.083.72-.26 1.477-.012.024-.012.094c-.283 1.725-.626 3.366-1.086 4.831l-.036.118-.011.024-.048.094-.118.32-.023.105c-.615 1.843-1.37 3.638-2.244 5.256-5.256 9.792-15 16.595-27.107 16.595h-378.62l-1.287-.07v.011l-.059-.012-.165-.023c-2.398-.119-4.63-.473-6.709-1.052-2.161-.602-4.263-1.488-6.236-2.574l-.047-.012-.012.012c-9.295-5.091-15.496-15.012-16.512-26.162L63.403 196.822l-.059-.65-.059-1.287-.023-.603h-.024c0-8.09 3.46-15.342 8.894-20.68 5.079-4.973 12.083-8.328 19.559-8.99l.638-.023v-.035l1.559-.071.543.012v-.071zm455.132 27.78H94.43v-.035l-.602.023c-.85.119-1.678.556-2.28 1.158-.33.33-.543.685-.543.933h-.036l.036.614 37.925 412.73h-.011l.011.058c.166 1.96 1.052 3.603 2.327 4.3l-.012.023.437.165.331.06h379.021c1.074 0 2.078-.815 2.693-1.961l.437-1.028.283-1.122.07-.72h.025L553 194.849l-.012-.579c0-.236-.213-.579-.532-.898a4.382 4.382 0 0 0-2.35-1.18l-.543.011zm.579-.012h-.083m2.94 2.67v-.024m27.592 1.984l-.012.095M250.941 74.942H65.754v40.134h508.494V74.942H391.341c-7.666 0-13.879-6.213-13.879-13.878V32.126h.036c-.036-1.145-.555-2.256-1.347-3.047-.708-.732-1.689-1.193-2.716-1.31H269.2v-.036c-1.11.035-2.196.543-3 1.346l-.023-.024-.036.024c-.685.697-1.204 1.63-1.346 2.61l.035.532v28.843c0 7.665-6.224 13.878-13.89 13.878z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/recycle-bin.svg b/pdb-js/src/assets/img/recycle-bin.svg
new file mode 100644
index 0000000..b63a806
--- /dev/null
+++ b/pdb-js/src/assets/img/recycle-bin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M47.103 50.174H246.57V19.583C246.57 8.81 255.37 0 266.153 0h110.116c10.783 0 19.583 8.811 19.583 19.583v30.59h197.034c6.732 0 12.224 5.505 12.224 12.237v59.966H34.88V62.41c0-6.732 5.491-12.236 12.224-12.236zm33.036 104.02h483.963c10.086 0 19.252 8.328 18.342 18.355l-40.96 449.108c-.91 10.028-8.28 18.343-18.355 18.343H120.533c-10.075 0-17.457-8.291-18.355-18.343L61.784 172.55c-.898-10.063 8.256-18.354 18.355-18.354zm314.508 69.758h51.39v340.173h-51.39V223.952zm-203.14 0h51.39v340.173h-51.39V223.952zm101.564 0h51.402v340.173H293.07V223.952z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/redo-arrow.svg b/pdb-js/src/assets/img/redo-arrow.svg
new file mode 100644
index 0000000..74fea60
--- /dev/null
+++ b/pdb-js/src/assets/img/redo-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M613.177 48.438v204.581H408.596l-24.119.012 17.055-17.067 59.647-59.647a205.31 205.31 0 0 0-12.284-10.96 202.213 202.213 0 0 0-17.61-12.898l.012-.012c-31.347-20.445-68.812-32.327-109.088-32.327h-.083v-.036c-55.158.012-105.131 22.406-141.273 58.56-36.142 36.142-58.524 86.08-58.56 141.19h.036v.249h-.036c.012 55.158 22.406 105.143 58.56 141.273 36.154 36.154 86.091 58.524 141.19 58.56v-.036h.402v.036a200.224 200.224 0 0 0 56.93-8.292v-.012a199.318 199.318 0 0 0 29.753-11.527c48.91-23.646 86.74-66.686 103.513-119.104l2.22-6.933h122.954l-2.457 11.976-.07.319v.035a319.09 319.09 0 0 1-18.426 58.548v.048a319.811 319.811 0 0 1-28.76 53.08C530.676 583.636 432.986 640.01 322.209 640.01h-.083v-.035c-88.36-.024-168.38-35.859-226.231-93.71v-.047c-57.816-57.84-93.627-137.79-93.674-226.054h-.036v-.248h.036c.023-88.324 35.858-168.321 93.745-226.196l-.024-.024C153.793 35.857 233.755.07 322.043.023v-.036h.319v.036c45.379.023 88.584 9.508 127.679 26.551a335.597 335.597 0 0 1 18.78 8.918c28.524 14.728 54.556 33.661 77.257 55.925l50.055-50.043 17.044-17.056v24.119z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/save.svg b/pdb-js/src/assets/img/save.svg
new file mode 100644
index 0000000..f1e491e
--- /dev/null
+++ b/pdb-js/src/assets/img/save.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M626.689 15.414zm-55.654 574.472v.011H459.336c-2.09 0-3.79-1.689-3.79-3.767V416.97l-.013-.508c0-4.701-.862-8.599-2.575-11.587a23.657 23.657 0 0 0-1.05-1.618 13.646 13.646 0 0 0-1.23-1.394l-.105-.13c-1.571-1.559-3.544-2.764-5.859-3.59l-1.287-.39-.201-.071h-.035c-2.15-.579-4.571-.874-7.205-.886h-.26l-.402-.012H204.262c-4.618 0-8.433.886-11.35 2.528l-.095.07-1.382.875-.212.189c-.485.354-.957.791-1.394 1.193l-.083.094-.035.036c-3.213 3.271-4.82 8.197-4.82 14.705l-.023.2V586.13h-.012c0 2.08-1.724 3.756-3.78 3.756h-63.874a3.744 3.744 0 0 1-2.681-1.11l-62.906-62.894a3.901 3.901 0 0 1-1.512-3.083V69.474l-.024-.402c0-4.323.78-7.949 2.292-10.795h.011c.284-.555.58-1.016.898-1.5l.13-.166a9.743 9.743 0 0 1 1.3-1.535l.046-.083.13-.13h.012c1.323-1.322 2.965-2.35 4.82-3.094l.188-.095.095-.035.082-.06.945-.318v.012l.071-.036c2.197-.708 4.713-1.05 7.512-1.11l.46-.035h54.202c2.079 0 3.791 1.689 3.791 3.767v227.436c0 2.729.237 5.35.697 7.796a36.732 36.732 0 0 0 2.02 6.992l.07.106.013.036v.012a38.87 38.87 0 0 0 3.472 6.52c1.347 2.019 2.894 4.027 4.713 5.905l.118.094.023.036.036.012a38.841 38.841 0 0 0 8.433 6.638l.06.011.07.024.07.035 1.678.886.024.012 2.09.933v.012l.036.012.012.012h.035v.011c1.713.709 3.472 1.347 5.232 1.784h.036l.165.023.047.012h.178l1.346.284v.012c2.362.448 4.854.708 7.382.732l.106-.012h309.181c5.386 0 10.323-.933 14.847-2.787l.07-.048c4.536-1.866 8.682-4.677 12.473-8.421l.142-.177c1.866-1.878 3.579-3.91 4.996-6.024a36.432 36.432 0 0 0 3.45-6.342l.011-.06.035-.059.036-.118a35.794 35.794 0 0 0 2.138-6.98l.023-.142c.46-2.457.685-5.067.685-7.772V53.871c0-2.079 1.725-3.78 3.827-3.78h53.765c3.047 0 5.693.367 8.008 1.075 2.492.78 4.618 2.032 6.26 3.674 1.346 1.334 2.433 3.023 3.189 4.972l-.024.012.07.095.32.909h-.024l.06.13c.72 2.138 1.05 4.654 1.11 7.406l.047.448v.284l-.024.082v501.727c0 2.906-.378 5.587-1.075 7.855l-.059.165v.012l-.012.118-.413 1.122h-.012l-.118.296-.472 1.039-.071.2-.13.213-.012-.012-.154.308-.755 1.169h-.012l-.26.401-.732.898-.32.354c-.767.815-1.7 1.56-2.74 2.186a17.6 17.6 0 0 1-2.881 1.358l-.331.118c-.839.283-1.76.52-2.74.72l-.095.012-.059.012-.094.024-.45.07-.106.024h-.023l-.083.012c-1.17.165-2.54.283-3.957.307h-.696zM467.912 51.155l-296.248-1.063V262.42h-.024c0 2.386.295 4.465.886 6.272.154.295.224.543.343.78a10.107 10.107 0 0 0 2.078 3.153l.154.142v.011c.295.296.59.544.874.768.307.26.697.496 1.063.709 2.055 1.193 4.795 1.76 8.232 1.76v.011l269 1.312v-.012h.023v.012c4.724 0 8.197-1.099 10.346-3.308 2.186-2.22 3.284-5.716 3.296-10.535h-.024V51.155zM221.177 426.502h79.23v.023c1.842 0 3.377 1.5 3.377 3.343V586.53c0 1.843-1.535 3.367-3.378 3.367h-79.23v-.012c-1.83 0-3.365-1.512-3.365-3.355V429.868c0-1.842 1.535-3.366 3.366-3.366zm405.596 197.672zm-576.15-622h543.55c6.355 0 12.237 1.122 17.67 3.342l2.646 1.17c4.394 2.137 8.469 5.066 12.272 8.799l3.39 3.85 2.929 4.075c4.594 7.217 6.933 15.425 6.933 24.591v543.538c0 6.33-1.122 12.225-3.354 17.693-2.21 5.445-5.516 10.418-9.922 14.988a46.306 46.306 0 0 1-7.724 6.32l-1.323.885a40.453 40.453 0 0 1-5.823 2.989c-5.457 2.29-11.35 3.413-17.705 3.413H90.475l-1.276-1.287-83.576-83.576-5.48-3.638V47.846C-1.7 27.544 14.683 7.89 32.907 5.493c5.469-2.209 11.374-3.319 17.717-3.319z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/scissor.svg b/pdb-js/src/assets/img/scissor.svg
new file mode 100644
index 0000000..8f36620
--- /dev/null
+++ b/pdb-js/src/assets/img/scissor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M224.589 285.5l-38.528 23.504L158.6 290.97c-3.638-10.914-16.146-21.083-37.5-30.32l-56.824-24.898C21.461 216.983 0 193.763 0 166.054c0-14.74 5.504-27.237 16.523-37.406 10.997-10.17 24.438-15.296 40.111-15.296 22.394 0 42.072 7.547 58.962 22.666 16.795 15.118 25.18 32.74 25.18 52.701 0 1.5-.365 6.532-1.11 15.118l-.283 6.249c-.378 4.015-.567 7.004-.567 9.059 0 13.051 10.359 24.342 31.17 33.862 3.638 1.76 7.181 3.72 10.63 5.681l43.973 26.812zm125.588 152.199l211.916 107.175L640 530.098 406.056 360.55c-25.182-18.26-25.418-22.677-56.198-13.76l-9.898 2.859-58.359-32.564-40.5 25.867 63.213 44.728 3.992 13.772c7.028 24.237 19.548 24.957 41.87 36.249zm-13.736-237.003L545.168 95.14l84.721 6.827-232.349 170.99c-25.11 18.484-29.752 30.378-60.898 21.354l-13.607-3.933-24.449 13.642-67.028 38.918c-10.181 5.965-17.268 9.78-21.083 11.197l-5.988 2.232c-15.662 5.788-23.505 16.229-23.505 31.335v2.528l.567 6.803.827 13.441c1.228 24.697-12.118 48.769-40.193 72.096-28.087 23.516-57.65 35.268-88.62 35.268-15.685 0-28.464-4.016-38.528-11.941C5.043 497.97 0 487.979 0 475.767c0-15.863 15.579-33.592 46.748-53.08l86.576-54.107c18.934-11.847 28.442-22.477 28.442-31.902 0-1.11-.19-2.894-.473-5.504l76.513-47.729 49.583-31.099 4.784-16.488c6.567-22.69 23.658-24.733 44.268-35.162zm-279.807 7.795l13.334 6.544c12.036 5.693 21.827 8.492 29.292 8.492 14.563 0 21.839-10.181 21.839-30.603 0-14.929-6.72-28.736-20.244-41.327-13.43-12.59-28.276-18.85-44.505-18.85-9.709 0-18 3.366-25.004 10.086-6.992 6.803-10.536 14.823-10.536 24.06 0 15.496 11.941 29.386 35.824 41.598zm55.5 197.046l-62.587 38.977c-19.122 12.036-28.737 22.571-28.737 31.43 0 7.382 2.894 12.791 8.764 16.43 5.788 3.637 14.563 5.503 26.221 5.503 24.071 0 47.67-9.425 70.808-28.17 23.126-18.756 34.69-37.878 34.69-57.366 0-13.158-5.776-19.69-17.245-19.69-6.91 0-17.54 4.3-31.914 12.886zm119.116-77.056c8.87 0 13.347-4.299 13.347-12.886 0-8.586-4.477-12.862-13.347-12.862-8.764 0-13.146 4.276-13.146 12.862 0 8.587 4.382 12.886 13.146 12.886z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/search-minus.svg b/pdb-js/src/assets/img/search-minus.svg
new file mode 100644
index 0000000..5670930
--- /dev/null
+++ b/pdb-js/src/assets/img/search-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M353.059 234.062c6.307-.035 12.26 1.63 17.303 4.547l-.011.012a33.12 33.12 0 0 1 5.267 3.72c1.583 1.37 3.083 2.965 4.43 4.666h.023a33.966 33.966 0 0 1 7.252 21.107 34.614 34.614 0 0 1-4.712 17.374 34.771 34.771 0 0 1-9.343 10.382 34.815 34.815 0 0 1-6.071 3.59v.012a34.37 34.37 0 0 1-14.173 3.13l-183.168 1.288a33.995 33.995 0 0 1-17.327-4.548l.011-.011a32.971 32.971 0 0 1-5.291-3.756c-1.594-1.37-3.07-2.953-4.394-4.642h-.023a33.92 33.92 0 0 1-7.252-21.107 34.483 34.483 0 0 1 4.712-17.339l-.023-.011a35.014 35.014 0 0 1 7.512-8.918h.023a34.507 34.507 0 0 1 10.11-6 34.608 34.608 0 0 1 11.965-2.209l183.18-1.287zM260.365 8.02h.083v.035c71.859.024 136.939 29.174 184.042 76.277 47.008 47.044 76.134 112.064 76.182 183.876h.035v.377h-.035c-.024 28.95-4.772 56.789-13.512 82.762-1.465 4.37-3 8.551-4.56 12.555v.036a260.163 260.163 0 0 1-28.901 53.681l151.478 136.147.094.083.815.756.06.059c8.55 8.138 13.204 19.04 13.794 30.107.58 10.937-2.822 22.122-10.299 31.098l-.059.083-.91 1.051-.188.19-.756.826-.083.118c-8.15 8.552-19.028 13.193-30.107 13.784-10.925.579-22.122-2.811-31.098-10.3l-.083-.059-1.051-.909-.154-.13-154.939-139.242a259.128 259.128 0 0 1-13.996 9.19c-6.425 3.932-13.063 7.641-19.855 11.019-34.902 17.398-74.316 27.201-115.997 27.201v.035h-.082v-.035c-71.871-.024-136.962-29.174-184.065-76.288C29.198 405.37.083 340.339.036 268.55H0v-.248h.036C.059 196.43 29.209 131.34 76.312 84.237 123.356 37.228 188.376 8.102 260.188 8.055v-.036h.177zm.083 58.394v.024h-.26v-.024c-55.654.024-106.1 22.654-142.62 59.163-36.52 36.496-59.162 87-59.174 142.726h.035v.248h-.035c.035 55.642 22.642 106.076 59.162 142.608 36.508 36.52 87 59.162 142.726 59.174v-.036h.26v.036c55.642-.036 106.064-22.642 142.596-59.163 36.52-36.508 59.162-86.989 59.174-142.703h-.036v-.259h.036c-.036-55.655-22.654-106.112-59.162-142.632-36.509-36.509-86.99-59.15-142.703-59.163z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/search-zoom.svg b/pdb-js/src/assets/img/search-zoom.svg
new file mode 100644
index 0000000..e8dad08
--- /dev/null
+++ b/pdb-js/src/assets/img/search-zoom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M353.839 232.007c6.449-.035 12.543 1.665 17.717 4.654l-.012.011a34.673 34.673 0 0 1 5.386 3.815 34.79 34.79 0 0 1 4.535 4.772h.024a34.747 34.747 0 0 1 7.43 21.615 35.3 35.3 0 0 1-4.832 17.787 35.523 35.523 0 0 1-9.555 10.642 36.107 36.107 0 0 1-6.224 3.673v.012a35.135 35.135 0 0 1-14.516 3.2l-58.926.426-.425 58.985a34.688 34.688 0 0 1-3.674 15.39 35.093 35.093 0 0 1-3.614 5.729l-.035.035a35.44 35.44 0 0 1-27.98 13.701v-.035c-3.249 0-6.379-.437-9.296-1.24a34.942 34.942 0 0 1-15.461-9.013c-4.205-4.216-7.347-9.531-8.917-15.425v-.035a35.044 35.044 0 0 1-1.146-9.213v-.024l.401-58.359-58.465.402a34.792 34.792 0 0 1-17.74-4.654l.012-.012a34.072 34.072 0 0 1-5.422-3.85c-1.63-1.406-3.142-3.024-4.5-4.748h-.023a34.772 34.772 0 0 1-7.43-21.614 35.288 35.288 0 0 1 4.831-17.753l-.024-.012c2.008-3.425 4.63-6.531 7.69-9.141h.023a35.353 35.353 0 0 1 10.359-6.142 35.305 35.305 0 0 1 12.248-2.256l58.937-.437.426-58.997a34.66 34.66 0 0 1 4.913-17.646l.024.012c1.193-1.996 2.492-3.815 3.874-5.35a35.143 35.143 0 0 1 4.842-4.477l.024-.023v.011c5.976-4.594 13.512-7.358 21.626-7.334a35.173 35.173 0 0 1 17.693 4.783 34.649 34.649 0 0 1 7.04 5.469l.023-.024a34.514 34.514 0 0 1 5.434 7.11 34.522 34.522 0 0 1 4.63 17.623l-.402 58.359 58.477-.402zM260.365 8.02h.083v.035c71.86.024 136.94 29.174 184.042 76.277 47.009 47.044 76.135 112.064 76.182 183.876h.036v.377h-.036c-.024 28.95-4.772 56.789-13.512 82.762-1.465 4.37-3 8.551-4.559 12.555v.036a260.163 260.163 0 0 1-28.902 53.681l151.478 136.147.095.083.815.756.059.059c8.55 8.138 13.204 19.04 13.795 30.107.579 10.937-2.823 22.122-10.3 31.098l-.058.083-.91 1.051-.189.19-.756.826-.082.118c-8.15 8.552-19.028 13.193-30.107 13.784-10.925.579-22.122-2.811-31.099-10.3l-.083-.059-1.05-.909-.154-.13-154.94-139.242a259.128 259.128 0 0 1-13.996 9.19c-6.425 3.932-13.063 7.641-19.854 11.019-34.902 17.398-74.316 27.201-115.997 27.201v.035h-.083v-.035c-71.87-.024-136.962-29.174-184.065-76.288C29.198 405.37.083 340.339.036 268.55H.001v-.248h.035C.06 196.43 29.21 131.34 76.313 84.237 123.357 37.228 188.377 8.102 260.189 8.055v-.036h.177zm.083 58.394v.024h-.26v-.024c-55.654.024-106.1 22.654-142.62 59.163-36.52 36.496-59.162 87-59.174 142.726h.036v.248h-.036c.036 55.642 22.642 106.076 59.162 142.608 36.509 36.52 87.001 59.162 142.726 59.174v-.036h.26v.036c55.643-.036 106.064-22.642 142.596-59.163 36.52-36.508 59.162-86.989 59.174-142.703h-.035v-.259h.035c-.035-55.655-22.654-106.112-59.162-142.632-36.508-36.509-86.99-59.15-142.703-59.163z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/settings.svg b/pdb-js/src/assets/img/settings.svg
new file mode 100644
index 0000000..af67246
--- /dev/null
+++ b/pdb-js/src/assets/img/settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3333 2579" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M1807 262c-21-21-47-32-76-32s-55 11-76 32l-115 115c-31-20-64-38-98-53-34-16-69-29-104-41V106c0-30-10-55-31-76s-46-31-76-31h-222c-28 0-53 10-75 31-21 21-32 46-32 76v162c-37 9-73 20-108 33s-68 29-99 46L567 221c-20-21-44-32-74-32-29 0-54 11-76 32L262 377c-21 21-32 47-32 76s11 55 32 76l115 115c-20 31-37 64-53 98s-29 69-41 105H106c-30 0-55 10-76 31s-31 46-31 76v222c0 28 10 53 31 75 21 21 46 32 76 32h162c9 37 20 73 33 108s29 69 46 102l-126 126c-21 20-32 44-32 74 0 29 11 54 32 76l156 158c21 20 47 30 76 30s55-10 76-30l115-117c31 20 64 37 98 53s69 29 104 41v177c0 30 10 55 31 76s46 31 76 31h222c28 0 53-10 75-31 21-21 32-46 32-76v-162c37-9 73-20 108-33s69-29 102-46l126 126c20 21 45 32 75 32s55-11 75-32l158-156c20-22 30-47 30-76s-10-55-30-76l-117-115c20-31 37-64 53-98s29-69 41-104h177c30 0 55-10 76-31s31-46 31-76v-222c0-28-10-53-31-75-21-21-46-32-76-32h-162c-9-36-20-71-33-107s-29-69-46-101l126-128c21-20 32-44 32-74 0-29-11-54-32-76l-156-155zm1229 1193c-14-10-28-13-44-10s-29 11-38 25l-52 73c-19-8-38-14-58-20-20-5-40-9-61-12l-17-96c-3-16-11-29-24-38s-28-12-44-10l-120 21c-15 3-28 11-38 24-9 13-13 28-10 44l15 88c-19 8-38 18-55 28-18 11-34 22-50 34l-81-56c-13-10-27-13-43-10s-28 11-38 25l-70 99c-10 14-13 28-10 44s11 29 25 38l73 52c-8 19-14 38-20 58-5 20-9 40-12 61l-96 17c-16 3-29 11-38 24s-12 28-10 44l21 120c3 15 11 28 24 38 13 9 28 13 44 10l88-15c8 19 18 38 28 55 11 18 22 35 34 51l-56 80c-10 13-13 27-10 43s11 28 25 38l99 71c14 9 28 12 44 9s29-11 38-23l52-74c19 8 38 14 58 20 20 5 40 9 61 12l17 96c3 16 11 29 24 38s28 12 44 10l120-21c15-3 28-11 38-24 9-13 13-28 10-44l-15-88c19-8 38-18 55-28 18-11 35-22 51-34l80 56c13 10 27 13 44 10 16-3 29-11 38-24l71-99c9-14 12-28 9-44s-10-29-23-38l-75-52c8-19 14-38 20-58 5-20 9-40 12-61l96-17c16-3 29-11 38-24s12-28 10-44l-21-120c-3-15-11-28-24-38s-28-13-44-10l-88 15c-8-19-17-37-28-55s-22-35-34-50l56-81c10-13 13-27 10-43s-11-28-25-38l-99-70zm-346 306c29-5 57-4 85 2 28 7 53 18 75 33 22 16 41 36 57 60s26 51 31 80 4 57-2 85c-7 28-18 53-33 75-16 22-36 41-60 57s-51 26-80 31-57 4-85-2c-28-7-53-18-75-33-22-16-41-36-57-60s-26-51-31-80-4-57 2-85c7-28 18-53 33-75 16-22 36-41 60-57s51-26 80-31zM1092 657c60 0 116 11 170 34 53 23 99 54 139 93 39 39 70 86 93 139 23 54 34 110 34 170s-11 116-34 170c-23 53-54 99-93 139-39 39-86 70-139 93s-110 34-170 34-116-11-170-34c-53-23-99-54-139-93-39-39-70-86-93-139s-34-110-34-170 11-116 34-170c23-53 54-99 93-139 39-39 86-70 139-93 54-23 110-34 170-34z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/sliders.svg b/pdb-js/src/assets/img/sliders.svg
new file mode 100644
index 0000000..68ad94a
--- /dev/null
+++ b/pdb-js/src/assets/img/sliders.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M640 62.977v55.17c0 6.756-6.354 12.296-14.102 12.296h-218.26c-14.882 30.992-46.56 52.394-83.233 52.394-36.65 0-68.327-21.402-83.21-52.394H14.104C6.366 130.443 0 124.89 0 118.147v-55.17c0-6.756 6.354-12.295 14.103-12.295h227.093c14.882-30.993 46.56-52.383 83.21-52.383 36.673 0 68.339 21.39 83.22 52.383h218.27c7.76 0 14.103 5.527 14.103 12.295zm-380.45 526.33c-14.882 30.992-46.571 52.382-83.233 52.382-36.662 0-68.34-21.39-83.222-52.383H14.102C6.366 589.306 0 583.766 0 577.011v-55.17c0-6.744 6.354-12.296 14.102-12.296h78.993c14.882-30.992 46.56-52.394 83.222-52.394 36.662 0 68.35 21.402 83.221 52.394h366.36c7.76 0 14.102 5.54 14.102 12.296v55.17c0 6.768-6.367 12.295-14.103 12.295H259.55zm285.606-225.913c-14.87 30.993-46.56 52.394-83.222 52.394-36.673 0-68.35-21.401-83.233-52.394H14.102C6.366 363.394 0 357.854 0 351.1V295.94c0-6.745 6.354-12.296 14.102-12.296h364.611c14.87-30.98 46.548-52.382 83.222-52.382 36.662 0 68.34 21.401 83.221 52.382h80.741c7.76 0 14.103 5.54 14.103 12.296v55.158c0 6.768-6.355 12.295-14.103 12.295h-80.74z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/slideshow-line.svg b/pdb-js/src/assets/img/slideshow-line.svg
new file mode 100644
index 0000000..874be24
--- /dev/null
+++ b/pdb-js/src/assets/img/slideshow-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3333 2740" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M134 775h2378c37 0 70 15 94 39s39 58 39 94v1698c0 37-15 70-39 94-2 2-4 4-7 6-23 21-54 33-88 33H133c-37 0-70-15-94-39s-39-58-39-94V908c0-37 15-70 39-94s58-39 94-39zm754-617c-44 0-79-36-79-79 0-44 36-79 79-79h2366c44 0 79 36 79 79v1668c0 44-36 79-79 79-44 0-79-36-79-79V159H888zM530 559c-44 0-79-36-79-79 0-44 36-79 79-79h2366c44 0 79 36 79 79v1668c0 44-36 79-79 79-44 0-79-36-79-79V560H530zm1957 374H159v1647h2328V933z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/slideshow.svg b/pdb-js/src/assets/img/slideshow.svg
new file mode 100644
index 0000000..bc93c95
--- /dev/null
+++ b/pdb-js/src/assets/img/slideshow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M150.144 61.938H640v352.847h-48.792V110.742H150.144V61.938zm-76.95 78.827H563.05v352.847h-43.536V191.435H73.194v-50.67zM0 225.216h489.868v352.847H0V225.215z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/star-empty.svg b/pdb-js/src/assets/img/star-empty.svg
new file mode 100644
index 0000000..e8acad3
--- /dev/null
+++ b/pdb-js/src/assets/img/star-empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M335.39 25.087L417.23 216.7l207.569 18.626c9.153.791 15.933 8.858 15.141 18.012a16.51 16.51 0 0 1-5.622 11.09l.012.013-157.029 137.104 46.442 203.235c2.055 8.976-3.555 17.929-12.532 19.984-4.595 1.051-9.177.083-12.839-2.303L320 515.83 141.084 622.804c-7.901 4.724-18.13 2.15-22.854-5.752a16.612 16.612 0 0 1-1.937-12.26l-.012-.012 46.441-203.235L5.693 264.441c-6.921-6.059-7.63-16.583-1.57-23.504a16.568 16.568 0 0 1 11.645-5.658L222.794 216.7l81.887-191.719c3.602-8.48 13.394-12.425 21.85-8.81a16.612 16.612 0 0 1 8.86 8.917zm55.064 213.818L320 73.938l-70.442 164.967-.023-.012c-2.339 5.469-7.536 9.508-13.878 10.063l-178.68 16.028L191.46 382.399c4.937 3.85 7.488 10.358 6 16.866l-39.981 174.9 153.687-91.879c5.138-3.212 11.835-3.496 17.386-.177l153.994 92.056-39.97-174.9h.013c-1.311-5.775.496-12.07 5.267-16.252l135.191-118.029L405.29 249.04c-6.295-.2-12.2-3.969-14.834-10.134z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/star-full.svg b/pdb-js/src/assets/img/star-full.svg
new file mode 100644
index 0000000..a61e3a7
--- /dev/null
+++ b/pdb-js/src/assets/img/star-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M320.012 15.662l88.076 215.246L640 248.153 462.525 398.438l55.265 225.9-197.778-122.363-197.778 122.363 55.264-225.9L0 248.153l231.936-17.245z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/star-half.svg b/pdb-js/src/assets/img/star-half.svg
new file mode 100644
index 0000000..8053866
--- /dev/null
+++ b/pdb-js/src/assets/img/star-half.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M335.39 25.087L417.23 216.7l207.569 18.626c9.153.791 15.933 8.858 15.141 18.012a16.51 16.51 0 0 1-5.622 11.09l.012.013-157.029 137.104 46.442 203.235c2.055 8.976-3.555 17.929-12.532 19.984-4.595 1.051-9.177.083-12.839-2.303L320 515.83 141.084 622.804c-7.901 4.724-18.13 2.15-22.854-5.752a16.612 16.612 0 0 1-1.937-12.26l-.012-.012 46.441-203.235L5.693 264.441c-6.921-6.059-7.63-16.583-1.57-23.504a16.568 16.568 0 0 1 11.645-5.658L222.794 216.7l81.887-191.719c3.602-8.48 13.394-12.425 21.85-8.81a16.612 16.612 0 0 1 8.86 8.917zm-15.827 49.926v404.745a16.587 16.587 0 0 1 8.988 2.362l153.994 92.056-39.969-174.9h.012c-1.31-5.775.496-12.07 5.268-16.252l135.19-118.029L405.29 249.05c-6.295-.2-12.201-3.969-14.835-10.134L320 73.949l-.437 1.063z" fill-rule="nonzero"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/table.svg b/pdb-js/src/assets/img/table.svg
new file mode 100644
index 0000000..8f48bc9
--- /dev/null
+++ b/pdb-js/src/assets/img/table.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M0 53.008h640v533.983H0V53.01zm44.15 122.814h154.301c4.252 0 7.736 3.507 7.736 7.736v50.811c0 4.217-3.508 7.725-7.736 7.725h-154.3c-4.217 0-7.737-3.473-7.737-7.725v-50.811c0-4.252 3.484-7.736 7.736-7.736zm397.4 306.086h154.3c4.252 0 7.725 3.496 7.725 7.736v50.811c0 4.24-3.485 7.737-7.725 7.737h-154.3c-4.241 0-7.737-3.485-7.737-7.737v-50.811c0-4.252 3.484-7.737 7.736-7.737zm-197.803 0h152.506c4.264 0 7.736 3.496 7.736 7.736v50.811c0 4.24-3.496 7.737-7.736 7.737H243.747c-4.24 0-7.736-3.485-7.736-7.737v-50.811c0-4.252 3.472-7.737 7.736-7.737zm-199.597 0h154.301c4.252 0 7.736 3.507 7.736 7.736v50.811c0 4.229-3.508 7.737-7.736 7.737h-154.3c-4.217 0-7.737-3.485-7.737-7.737v-50.811c0-4.252 3.484-7.737 7.736-7.737zm397.4-102.025h154.3c4.252 0 7.725 3.496 7.725 7.736v50.811c0 4.24-3.485 7.725-7.725 7.725h-154.3c-4.241 0-7.737-3.473-7.737-7.725V387.62c0-4.252 3.484-7.737 7.736-7.737zm-197.803 0h152.506c4.264 0 7.736 3.496 7.736 7.736v50.811c0 4.229-3.496 7.725-7.736 7.725H243.747c-4.24 0-7.736-3.473-7.736-7.725V387.62c0-4.252 3.472-7.737 7.736-7.737zm-199.597 0h154.301c4.252 0 7.736 3.507 7.736 7.736v50.811c0 4.217-3.508 7.725-7.736 7.725h-154.3c-4.217 0-7.737-3.473-7.737-7.725V387.62c0-4.252 3.484-7.737 7.736-7.737zm397.4-102.037h154.3c4.252 0 7.725 3.496 7.725 7.736v50.811c0 4.24-3.485 7.737-7.725 7.737h-154.3c-4.241 0-7.737-3.485-7.737-7.737v-50.811c0-4.252 3.484-7.737 7.736-7.737zm-197.803 0h152.506c4.264 0 7.736 3.496 7.736 7.736v50.811c0 4.24-3.496 7.737-7.736 7.737H243.747c-4.24 0-7.736-3.485-7.736-7.737v-50.811c0-4.252 3.472-7.737 7.736-7.737zm-199.597 0h154.301c4.252 0 7.736 3.52 7.736 7.736v50.811c0 4.229-3.508 7.737-7.736 7.737h-154.3c-4.217 0-7.737-3.485-7.737-7.737v-50.811c0-4.252 3.484-7.737 7.736-7.737zm397.4-102.025h154.3c4.252 0 7.725 3.496 7.725 7.736v50.811c0 4.24-3.485 7.725-7.725 7.725h-154.3c-4.241 0-7.737-3.473-7.737-7.725v-50.811c0-4.252 3.484-7.736 7.736-7.736zm-197.803 0h152.506c4.264 0 7.736 3.496 7.736 7.736v50.811c0 4.229-3.496 7.725-7.736 7.725H243.747c-4.24 0-7.736-3.473-7.736-7.725v-50.811c0-4.252 3.472-7.736 7.736-7.736z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/tools.svg b/pdb-js/src/assets/img/tools.svg
new file mode 100644
index 0000000..8d3c6c5
--- /dev/null
+++ b/pdb-js/src/assets/img/tools.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 640 640" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M335.449 117.946c-13.914-5.445-28.288-8.268-43.11-8.268-22.288 0-40.608 7.134-54.982 21.272L113.352 254.837l12.91 13.004-47.056 47.41L-.01 235.94l47.079-47.056 14.599 14.245L184.976 79.926c16.972-16.867 35.185-25.229 54.65-25.229 32.693 0 64.595 21.036 95.824 63.249zm188.176-35.08c13.476 0 26.422 2.304 38.457 6.509l-30.602 33.118c-69.497 75.178 8.94 118.69 78.071 67.064l26.658-19.902a116.954 116.954 0 0 1 3.803 29.587c0 64.277-52.122 116.387-116.387 116.387-20.976 0-40.642-5.563-57.638-15.26l-56.529 59.99c53.198 50.929 106.42 101.847 159.616 152.753l-72.178 72.19a943850.336 943850.336 0 0 1-150.959-157.514l-99.095 105.19c-7.524 12.874-21.485 21.52-37.465 21.52-23.953 0-43.37-19.406-43.37-43.37 0-10.36 3.637-19.867 9.684-27.332l-.059-.059.378-.33a43.36 43.36 0 0 1 11.114-9.508l111.45-95.565-147.427-153.947 57.025-57.012a176104.772 176104.772 0 0 0 158.813 152.317l61.796-52.973c-13.56-19.04-21.532-42.331-21.532-67.477 0-64.277 52.1-116.375 116.375-116.375zm-374.509 25.796l-56.694 56.682-10.854-10.866 56.693-56.682 10.855 10.866z"/></svg>
\ No newline at end of file
diff --git a/pdb-js/src/assets/img/upload.svg b/pdb-js/src/assets/img/upload.svg
new file mode 100644
index 0000000..6febc6e
--- /dev/null
+++ b/pdb-js/src/assets/img/upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 640 640"><path d="M68.162 275.649h159.274v64.832H407.06v-64.832h163.892L319.728 31.205 68.162 275.649zM320 540.999l247.468-.709 23.658-112.017 48.875 1.607v178.927H0V429.88l48.886-1.607L72.545 540.29 320 541zm-92.564-79.714H407.06v-24.07H227.436v24.07zm0-48.532H407.06v-49.146H227.436v49.146z"/></svg>
\ No newline at end of file