diff --git a/resources/images/plate_set_filament_map.svg b/resources/images/plate_set_filament_map.svg
new file mode 100644
index 000000000..bb5fbfe71
--- /dev/null
+++ b/resources/images/plate_set_filament_map.svg
@@ -0,0 +1,12 @@
+<svg width="42" height="43" viewBox="0 0 42 43" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.1 40.6832H4.89996C3.29996 40.6832 2 39.3832 2 37.7832V5.6832C2 4.0832 3.29996 2.7832 4.89996 2.7832H37.1C38.7 2.7832 40 4.0832 40 5.6832V37.8832C40 39.3832 38.7 40.6832 37.1 40.6832Z" fill="#E9E9E9"/>
+<path d="M37.0992 41.5824H4.89923C2.79923 41.5824 1.19922 39.8824 1.19922 37.8824V5.68242C1.19922 3.58242 2.89923 1.98242 4.89923 1.98242H37.0992C39.1992 1.98242 40.7993 3.68242 40.7993 5.68242V37.8824C40.8993 39.8824 39.1992 41.5824 37.0992 41.5824ZM4.99927 3.68242C3.89927 3.68242 2.99927 4.58242 2.99927 5.68242V37.8824C2.99927 38.9824 3.89927 39.8824 4.99927 39.8824H37.0992C38.1992 39.8824 39.0992 38.9824 39.0992 37.8824V5.68242C39.0992 4.58242 38.1992 3.68242 37.0992 3.68242H4.99927Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2734 8.95319C12.2734 7.51959 11.1113 6.35742 9.67767 6.35742C8.24406 6.35742 7.0819 7.51959 7.0819 8.95319V34.8425C7.0819 36.2761 8.24406 37.4383 9.67767 37.4383C11.1113 37.4383 12.2734 36.2761 12.2734 34.8425V8.95319ZM9.67767 8.05742C10.1724 8.05742 10.5734 8.45847 10.5734 8.95319V34.8425C10.5734 35.3372 10.1724 35.7383 9.67767 35.7383C9.18295 35.7383 8.7819 35.3372 8.7819 34.8425V8.95319C8.7819 8.45847 9.18295 8.05742 9.67767 8.05742Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.1094 30.0704L33.0632 24.7941L26.9708 24.7941L23.9245 30.0704L26.9708 35.3466L33.0632 35.3466L36.1094 30.0704ZM37.8992 30.5704C38.0779 30.261 38.0779 29.8798 37.8992 29.5704L34.3911 23.4941C34.2125 23.1847 33.8824 22.9941 33.5251 22.9941L26.5089 22.9941C26.1516 22.9941 25.8215 23.1847 25.6429 23.4941L22.1348 29.5704C21.9561 29.8798 21.9561 30.261 22.1348 30.5704L25.6429 36.6466C25.8215 36.956 26.1516 37.1466 26.5089 37.1466L33.5251 37.1466C33.8824 37.1466 34.2125 36.956 34.3911 36.6466L37.8992 30.5704Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5901 30.0698C28.5901 30.8574 29.2285 31.4959 30.0161 31.4959C30.8037 31.4959 31.4422 30.8574 31.4422 30.0698C31.4422 29.2822 30.8037 28.6437 30.0161 28.6437C29.2285 28.6437 28.5901 29.2822 28.5901 30.0698ZM26.7901 30.0698C26.7901 31.8515 28.2344 33.2959 30.0161 33.2959C31.7978 33.2959 33.2422 31.8515 33.2422 30.0698C33.2422 28.2881 31.7978 26.8437 30.0161 26.8437C28.2344 26.8437 26.7901 28.2881 26.7901 30.0698Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9629 13.1328H12.2109V30.6621H18.9857L18.6882 30.1468L20.9629 26.2068V13.1328Z" fill="#5FEDF6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7148 13.1328H20.9629V26.2068L24.2013 20.5977L29.7148 20.5977V13.1328Z" fill="#FA6666"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2481 6.35742C33.6817 6.35742 34.8439 7.51959 34.8439 8.95319V20.5977H33.1439V8.95319C33.1439 8.45847 32.7428 8.05742 32.2481 8.05742C31.7534 8.05742 31.3523 8.45847 31.3523 8.95319V20.5977L29.6523 20.5977V8.95319C29.6523 7.51959 30.8145 6.35742 32.2481 6.35742Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.6523 13.1336H12.1426V11.4336H29.6523V13.1336Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0477 32.3621H12.1426V30.6621H19.0664L20.0477 32.3621Z" fill="#545454"/>
+</svg>
diff --git a/resources/images/plate_set_filament_map_dark.svg b/resources/images/plate_set_filament_map_dark.svg
new file mode 100644
index 000000000..bb5fbfe71
--- /dev/null
+++ b/resources/images/plate_set_filament_map_dark.svg
@@ -0,0 +1,12 @@
+<svg width="42" height="43" viewBox="0 0 42 43" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.1 40.6832H4.89996C3.29996 40.6832 2 39.3832 2 37.7832V5.6832C2 4.0832 3.29996 2.7832 4.89996 2.7832H37.1C38.7 2.7832 40 4.0832 40 5.6832V37.8832C40 39.3832 38.7 40.6832 37.1 40.6832Z" fill="#E9E9E9"/>
+<path d="M37.0992 41.5824H4.89923C2.79923 41.5824 1.19922 39.8824 1.19922 37.8824V5.68242C1.19922 3.58242 2.89923 1.98242 4.89923 1.98242H37.0992C39.1992 1.98242 40.7993 3.68242 40.7993 5.68242V37.8824C40.8993 39.8824 39.1992 41.5824 37.0992 41.5824ZM4.99927 3.68242C3.89927 3.68242 2.99927 4.58242 2.99927 5.68242V37.8824C2.99927 38.9824 3.89927 39.8824 4.99927 39.8824H37.0992C38.1992 39.8824 39.0992 38.9824 39.0992 37.8824V5.68242C39.0992 4.58242 38.1992 3.68242 37.0992 3.68242H4.99927Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2734 8.95319C12.2734 7.51959 11.1113 6.35742 9.67767 6.35742C8.24406 6.35742 7.0819 7.51959 7.0819 8.95319V34.8425C7.0819 36.2761 8.24406 37.4383 9.67767 37.4383C11.1113 37.4383 12.2734 36.2761 12.2734 34.8425V8.95319ZM9.67767 8.05742C10.1724 8.05742 10.5734 8.45847 10.5734 8.95319V34.8425C10.5734 35.3372 10.1724 35.7383 9.67767 35.7383C9.18295 35.7383 8.7819 35.3372 8.7819 34.8425V8.95319C8.7819 8.45847 9.18295 8.05742 9.67767 8.05742Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.1094 30.0704L33.0632 24.7941L26.9708 24.7941L23.9245 30.0704L26.9708 35.3466L33.0632 35.3466L36.1094 30.0704ZM37.8992 30.5704C38.0779 30.261 38.0779 29.8798 37.8992 29.5704L34.3911 23.4941C34.2125 23.1847 33.8824 22.9941 33.5251 22.9941L26.5089 22.9941C26.1516 22.9941 25.8215 23.1847 25.6429 23.4941L22.1348 29.5704C21.9561 29.8798 21.9561 30.261 22.1348 30.5704L25.6429 36.6466C25.8215 36.956 26.1516 37.1466 26.5089 37.1466L33.5251 37.1466C33.8824 37.1466 34.2125 36.956 34.3911 36.6466L37.8992 30.5704Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5901 30.0698C28.5901 30.8574 29.2285 31.4959 30.0161 31.4959C30.8037 31.4959 31.4422 30.8574 31.4422 30.0698C31.4422 29.2822 30.8037 28.6437 30.0161 28.6437C29.2285 28.6437 28.5901 29.2822 28.5901 30.0698ZM26.7901 30.0698C26.7901 31.8515 28.2344 33.2959 30.0161 33.2959C31.7978 33.2959 33.2422 31.8515 33.2422 30.0698C33.2422 28.2881 31.7978 26.8437 30.0161 26.8437C28.2344 26.8437 26.7901 28.2881 26.7901 30.0698Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9629 13.1328H12.2109V30.6621H18.9857L18.6882 30.1468L20.9629 26.2068V13.1328Z" fill="#5FEDF6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7148 13.1328H20.9629V26.2068L24.2013 20.5977L29.7148 20.5977V13.1328Z" fill="#FA6666"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.2481 6.35742C33.6817 6.35742 34.8439 7.51959 34.8439 8.95319V20.5977H33.1439V8.95319C33.1439 8.45847 32.7428 8.05742 32.2481 8.05742C31.7534 8.05742 31.3523 8.45847 31.3523 8.95319V20.5977L29.6523 20.5977V8.95319C29.6523 7.51959 30.8145 6.35742 32.2481 6.35742Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.6523 13.1336H12.1426V11.4336H29.6523V13.1336Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0477 32.3621H12.1426V30.6621H19.0664L20.0477 32.3621Z" fill="#545454"/>
+</svg>
diff --git a/resources/images/plate_set_filament_map_hover.svg b/resources/images/plate_set_filament_map_hover.svg
new file mode 100644
index 000000000..9b957b932
--- /dev/null
+++ b/resources/images/plate_set_filament_map_hover.svg
@@ -0,0 +1,12 @@
+<svg width="42" height="43" viewBox="0 0 42 43" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.1 40.4961H4.89996C3.29996 40.4961 2 39.1961 2 37.5961V5.3961C2 3.7961 3.29996 2.49609 4.89996 2.49609H37.1C38.7 2.49609 40 3.7961 40 5.3961V37.5961C40 39.1961 38.7 40.4961 37.1 40.4961Z" fill="#D6D6D6"/>
+<path d="M37.0992 41.3969H4.89923C2.79923 41.3969 1.19922 39.6969 1.19922 37.6969V5.49687C1.19922 3.39687 2.89923 1.79688 4.89923 1.79688H37.0992C39.1992 1.79688 40.7993 3.49687 40.7993 5.49687V37.5969C40.8993 39.6969 39.1992 41.3969 37.0992 41.3969ZM4.99927 3.49687C3.89927 3.49687 2.99927 4.39687 2.99927 5.49687V37.5969C2.99927 38.6969 3.89927 39.5969 4.99927 39.5969H37.0992C38.1992 39.5969 39.0992 38.6969 39.0992 37.5969V5.39688C39.0992 4.29688 38.1992 3.39688 37.0992 3.39688H4.99927V3.49687Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3477 8.7696C12.3477 7.33599 11.1855 6.17383 9.75189 6.17383C8.31828 6.17383 7.15612 7.33599 7.15612 8.7696V34.6589C7.15612 36.0925 8.31828 37.2547 9.75189 37.2547C11.1855 37.2547 12.3477 36.0925 12.3477 34.6589V8.7696ZM9.75189 7.87383C10.2466 7.87383 10.6477 8.27488 10.6477 8.7696V34.6589C10.6477 35.1536 10.2466 35.5547 9.75189 35.5547C9.25717 35.5547 8.85612 35.1536 8.85612 34.6589V8.7696C8.85612 8.27488 9.25717 7.87383 9.75189 7.87383Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.1837 29.8868L33.1374 24.6105L27.045 24.6105L23.9988 29.8868L27.045 35.163L33.1374 35.163L36.1837 29.8868ZM37.9734 30.3868C38.1521 30.0774 38.1521 29.6962 37.9734 29.3868L34.4653 23.3105C34.2867 23.0011 33.9566 22.8105 33.5993 22.8105L26.5831 22.8105C26.2258 22.8105 25.8957 23.0011 25.7171 23.3105L22.209 29.3868C22.0303 29.6962 22.0303 30.0774 22.209 30.3868L25.7171 36.463C25.8957 36.7724 26.2258 36.963 26.5831 36.963L33.5993 36.963C33.9566 36.963 34.2867 36.7724 34.4653 36.463L37.9734 30.3868Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.6643 29.8862C28.6643 30.6738 29.3028 31.3123 30.0904 31.3123C30.8779 31.3123 31.5164 30.6738 31.5164 29.8862C31.5164 29.0986 30.8779 28.4602 30.0904 28.4602C29.3028 28.4602 28.6643 29.0986 28.6643 29.8862ZM26.8643 29.8862C26.8643 31.6679 28.3087 33.1123 30.0904 33.1123C31.8721 33.1123 33.3164 31.6679 33.3164 29.8862C33.3164 28.1045 31.8721 26.6602 30.0904 26.6602C28.3087 26.6602 26.8643 28.1045 26.8643 29.8862Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.0371 12.9492H12.2852V30.4785H19.0599L18.7624 29.9632L21.0371 26.0232V12.9492Z" fill="#5FECF6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7891 12.9492H21.0371V26.0233L24.2756 20.4141L29.7891 20.4141V12.9492Z" fill="#FA6666"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.3223 6.17383C33.7559 6.17383 34.9181 7.33599 34.9181 8.7696V20.4141H33.2181V8.7696C33.2181 8.27488 32.817 7.87383 32.3223 7.87383C31.8276 7.87383 31.4266 8.27488 31.4266 8.7696V20.4141L29.7266 20.4141V8.7696C29.7266 7.33599 30.8887 6.17383 32.3223 6.17383Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7266 12.95H12.2168V11.25H29.7266V12.95Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.1219 32.1785H12.2168V30.4785H19.1406L20.1219 32.1785Z" fill="#545454"/>
+</svg>
diff --git a/resources/images/plate_set_filament_map_hover_dark.svg b/resources/images/plate_set_filament_map_hover_dark.svg
new file mode 100644
index 000000000..9b957b932
--- /dev/null
+++ b/resources/images/plate_set_filament_map_hover_dark.svg
@@ -0,0 +1,12 @@
+<svg width="42" height="43" viewBox="0 0 42 43" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.1 40.4961H4.89996C3.29996 40.4961 2 39.1961 2 37.5961V5.3961C2 3.7961 3.29996 2.49609 4.89996 2.49609H37.1C38.7 2.49609 40 3.7961 40 5.3961V37.5961C40 39.1961 38.7 40.4961 37.1 40.4961Z" fill="#D6D6D6"/>
+<path d="M37.0992 41.3969H4.89923C2.79923 41.3969 1.19922 39.6969 1.19922 37.6969V5.49687C1.19922 3.39687 2.89923 1.79688 4.89923 1.79688H37.0992C39.1992 1.79688 40.7993 3.49687 40.7993 5.49687V37.5969C40.8993 39.6969 39.1992 41.3969 37.0992 41.3969ZM4.99927 3.49687C3.89927 3.49687 2.99927 4.39687 2.99927 5.49687V37.5969C2.99927 38.6969 3.89927 39.5969 4.99927 39.5969H37.0992C38.1992 39.5969 39.0992 38.6969 39.0992 37.5969V5.39688C39.0992 4.29688 38.1992 3.39688 37.0992 3.39688H4.99927V3.49687Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3477 8.7696C12.3477 7.33599 11.1855 6.17383 9.75189 6.17383C8.31828 6.17383 7.15612 7.33599 7.15612 8.7696V34.6589C7.15612 36.0925 8.31828 37.2547 9.75189 37.2547C11.1855 37.2547 12.3477 36.0925 12.3477 34.6589V8.7696ZM9.75189 7.87383C10.2466 7.87383 10.6477 8.27488 10.6477 8.7696V34.6589C10.6477 35.1536 10.2466 35.5547 9.75189 35.5547C9.25717 35.5547 8.85612 35.1536 8.85612 34.6589V8.7696C8.85612 8.27488 9.25717 7.87383 9.75189 7.87383Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.1837 29.8868L33.1374 24.6105L27.045 24.6105L23.9988 29.8868L27.045 35.163L33.1374 35.163L36.1837 29.8868ZM37.9734 30.3868C38.1521 30.0774 38.1521 29.6962 37.9734 29.3868L34.4653 23.3105C34.2867 23.0011 33.9566 22.8105 33.5993 22.8105L26.5831 22.8105C26.2258 22.8105 25.8957 23.0011 25.7171 23.3105L22.209 29.3868C22.0303 29.6962 22.0303 30.0774 22.209 30.3868L25.7171 36.463C25.8957 36.7724 26.2258 36.963 26.5831 36.963L33.5993 36.963C33.9566 36.963 34.2867 36.7724 34.4653 36.463L37.9734 30.3868Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.6643 29.8862C28.6643 30.6738 29.3028 31.3123 30.0904 31.3123C30.8779 31.3123 31.5164 30.6738 31.5164 29.8862C31.5164 29.0986 30.8779 28.4602 30.0904 28.4602C29.3028 28.4602 28.6643 29.0986 28.6643 29.8862ZM26.8643 29.8862C26.8643 31.6679 28.3087 33.1123 30.0904 33.1123C31.8721 33.1123 33.3164 31.6679 33.3164 29.8862C33.3164 28.1045 31.8721 26.6602 30.0904 26.6602C28.3087 26.6602 26.8643 28.1045 26.8643 29.8862Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.0371 12.9492H12.2852V30.4785H19.0599L18.7624 29.9632L21.0371 26.0232V12.9492Z" fill="#5FECF6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7891 12.9492H21.0371V26.0233L24.2756 20.4141L29.7891 20.4141V12.9492Z" fill="#FA6666"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M32.3223 6.17383C33.7559 6.17383 34.9181 7.33599 34.9181 8.7696V20.4141H33.2181V8.7696C33.2181 8.27488 32.817 7.87383 32.3223 7.87383C31.8276 7.87383 31.4266 8.27488 31.4266 8.7696V20.4141L29.7266 20.4141V8.7696C29.7266 7.33599 30.8887 6.17383 32.3223 6.17383Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7266 12.95H12.2168V11.25H29.7266V12.95Z" fill="#545454"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.1219 32.1785H12.2168V30.4785H19.1406L20.1219 32.1785Z" fill="#545454"/>
+</svg>