@openziti/ziti-console-lib 0.12.10 → 1.0.0

package/assets/fonts/icomoon.svg

@@ -130,7 +130,12 @@
 <glyph unicode="&#xe978;" glyph-name="copy" d="M963.29 486.718c0-11.046-8.954-20-20-20s-20 8.954-20 20c0 11.046 8.954 20 20 20s20-8.954 20-20zM963.334 750.498c0 6.66-0.944 12.748-5.874 17.68l-185.946 185.946c-5.636 5.636-12.74 5.876-20.192 5.876h-427.198c-11.066 0-20.040-8.972-20.040-20.040v-179.258h-223.378c-11.066 0-20.040-8.972-20.040-20.040v-784.622c0-11.068 8.972-20.040 20.040-20.040h619.17c11.066 0 20.040 8.972 20.040 20.040v179.238h223.38c11.066 0 20.040 8.972 20.040 20.040v241.082c0 11.068-8.972 20.040-20.040 20.040-11.066 0-20.040-8.972-20.040-20.040v-221.044h-203.34v186.218h100.002c11.066 0 20.040 8.972 20.040 20.040s-8.972 20.040-20.040 20.040h-100.002v80.598h100.002c11.066 0 20.040 8.972 20.040 20.040s-8.972 20.040-20.040 20.040h-100.002v28.872c0 6.664-0.936 12.75-5.872 17.688l-34.040 34.040h139.914c11.066 0 20.040 8.972 20.040 20.040s-8.972 20.040-20.040 20.040h-179.992l-111.828 111.828c-5.64 5.64-12.74 5.868-20.194 5.868h-163.74v159.214h393.14v-165.914c0-11.068 8.972-20.040 20.040-20.040h165.912v-157.3c0-11.068 8.972-20.040 20.040-20.040 11.066 0 20.040 8.972 20.040 20.040v173.83zM533.966 692.286l117.526-117.528h-117.526zM679.836 534.68v-558.602h-579.092v744.548h393.142v-165.906c0-11.068 8.972-20.040 20.040-20.040zM777.382 774.046v117.53l117.528-117.528h-117.528zM191.046 415.992c0-11.068 8.972-20.040 20.040-20.040h358.41c11.066 0 20.040 8.972 20.040 20.040s-8.972 20.040-20.040 20.040h-358.41c-11.068 0-20.040-8.972-20.040-20.040zM569.496 315.354h-358.41c-11.066 0-20.040-8.972-20.040-20.040s8.972-20.040 20.040-20.040h358.41c11.066 0 20.040 8.972 20.040 20.040s-8.974 20.040-20.040 20.040zM569.496 194.678h-358.41c-11.066 0-20.040-8.972-20.040-20.040s8.972-20.040 20.040-20.040h358.41c11.066 0 20.040 8.972 20.040 20.040s-8.974 20.040-20.040 20.040z" />
 <glyph unicode="&#xe979;" glyph-name="collapse" d="M694.494 657.313v264.525c0 15.871 15.868 31.743 31.74 31.743s31.743-13.226 31.743-31.743v-185.167l174.586 174.586c7.936 7.936 15.871 10.581 23.807 10.581s18.517-5.29 23.807-10.581c13.226-13.226 13.226-34.388 0-47.614l-174.586-174.586h185.167c15.871 0 31.743-15.871 31.743-31.743s-13.226-31.743-31.743-31.743h-264.525c-2.645 0-7.936 0-10.581 2.645-7.936 5.29-15.868 10.581-18.514 18.517-2.645 2.645-2.645 7.936-2.645 10.581zM332.812 915.489v-264.525c0-2.645 0-7.936-2.645-10.581-2.645-7.936-10.581-15.871-18.517-18.517-2.645-2.645-7.936-2.645-10.581-2.645h-264.525c-18.517 0-34.388 18.517-34.388 34.388s13.226 31.743 31.743 31.743h185.167l-171.941 174.586c-13.226 13.226-13.226 34.388 0 47.614 7.936 7.936 15.871 10.581 23.807 10.581s18.517-5.29 23.807-10.581l174.586-174.586v185.167c0 15.871 13.226 31.743 31.743 31.743 15.871 0 31.743-15.871 31.743-34.388zM687.551-26.973v264.525c0 5.29 0 7.936 2.645 13.226 5.29 7.936 10.581 15.871 18.517 18.517 5.29 2.645 7.936 2.645 13.226 2.645h264.525c15.871 0 31.743-15.871 31.743-31.743s-13.226-31.743-31.743-31.743h-185.167l174.586-174.586c13.226-13.226 13.226-34.388 0-47.614s-34.388-13.226-47.614 0l-174.586 174.586v-185.167c0-15.871-13.226-31.743-31.743-31.743-15.871 0-31.743 15.871-34.388 29.098zM651.267 356.537c0-21.162-18.517-39.679-39.679-39.679h-182.522c-21.162 0-39.679 18.517-39.679 39.679v182.522c0 21.162 18.517 39.679 39.679 39.679h182.522c21.162 0 39.679-18.517 39.679-39.679v-182.522zM10.921 250.965c0 15.871 13.226 31.743 31.743 31.743h264.525c2.645 0 7.936 0 10.581-2.645 7.936-5.29 15.871-10.581 18.517-18.517 2.645-5.29 2.645-7.936 2.645-13.226v-264.525c0-15.871-15.871-31.743-31.743-31.743s-31.743 13.226-31.743 31.743v185.167l-174.586-174.586c-13.226-13.226-34.388-13.226-47.614 0s-13.226 34.388 0 47.614l174.586 174.586h-185.167c-18.517 0-31.743 18.517-31.743 34.388z" />
 <glyph unicode="&#xe97a;" glyph-name="SCIM" horiz-adv-x="1063" d="M966.038 134.728h-869.434c-52.442 0-96.604 41.402-96.604 93.844v438.857c0 52.442 44.162 96.604 96.604 96.604h869.434c52.442 0 96.604-44.162 96.604-96.604v-436.097c0-52.442-44.162-96.604-96.604-96.604zM96.604 725.391c-30.361 0-57.962-27.601-57.962-57.962v-438.857c0-30.361 27.601-55.202 57.962-55.202h869.434c30.361 0 57.962 24.841 57.962 57.962v436.097c0 30.361-24.841 57.962-57.962 57.962zM93.295 381.767q94.527-5.071 127.992-5.071 7.935 0 12.42 4.395 4.83 4.733 4.83 12.508v30.426h-79.348q-36.224 0-52.784 15.889-16.215 16.227-16.215 51.724v10.142q0 35.497 16.215 51.386 16.56 16.227 52.784 16.227h121.092v-47.329h-107.292q-20.699 0-20.699-20.284v-6.761q0-20.284 20.699-20.284h62.098q33.809 0 49.679-15.551t15.87-48.682v-16.903q0-33.131-15.87-48.682t-49.679-15.551q-17.595 0-37.259 0.676l-31.739 1.352q-35.189 1.69-72.793 4.733zM522.273 336.128q-76.933-6.761-127.647-6.761-33.809 0-49.679 15.551t-15.87 48.682v108.181q0 35.497 16.215 51.386 16.56 16.227 52.784 16.227h124.197v-47.329h-110.397q-20.699 0-20.699-20.284v-108.181q0-7.776 4.485-12.508 4.83-4.395 12.075-4.395t15.87 0q8.625 0.338 17.94 0.676t18.629 0.676q9.66 0.338 24.494 1.352 15.18 1.014 37.604 2.366zM668.015 332.748h-124.197v47.329h31.049v141.988h-31.049v47.329h124.197v-47.329h-31.049v-141.988h31.049zM910.354 464.594l-48.299-84.517h-48.299l-48.299 84.517v-131.846h-62.098v236.647h65.548l68.998-125.085 68.998 125.085h65.548v-236.647h-62.098z" />
-<glyph unicode="&#xe97b;" glyph-name="upgrade-icon" horiz-adv-x="972" d="M953.157 315.975c-12.881 6.44-25.761 6.44-38.642 6.44l-167.447-64.403c-19.321-6.44-32.201-32.201-25.761-51.522s32.201-32.201 51.522-25.761l64.403 25.761c-77.283-109.484-218.969-186.767-367.094-186.767-180.327 0-334.893 109.484-392.855 276.931-6.44 25.761-32.201 32.201-51.522 25.761s-32.201-32.201-25.761-51.522c70.843-199.648 257.61-334.893 470.138-334.893 161.006 0 322.013 77.283 418.616 199.648v-77.283c0-19.321 19.321-38.642 38.642-38.642s38.642 19.321 38.642 38.642v225.409c6.44 12.881 0 25.761-12.881 32.201v0zM509.007 225.425c-2.044 0-4.088 0-4.088 0h-36.792c-24.528 0-44.97 20.44-44.97 44.969v40.881c-20.44 6.131-40.88 14.307-59.277 24.527l-30.661-30.659c-20.438-16.354-47.012-16.354-63.364 0l-26.571 26.571c-8.178 8.176-12.266 20.439-12.266 32.704s4.088 24.529 12.266 32.704l30.658 30.662c-10.218 18.396-18.394 38.836-24.527 59.276h-44.968c-24.529 0-44.969 20.44-44.969 44.968v38.837c0 24.529 20.44 44.968 44.969 44.968h40.879c6.133 20.44 14.309 40.881 24.529 59.277l-28.616 30.66c-16.352 16.354-16.352 47.013 2.045 63.367l26.571 26.571c16.352 16.352 47.013 16.352 63.364 0l28.617-30.66c18.395 10.219 38.836 18.396 59.277 24.528v42.923c0 24.529 20.439 44.969 44.969 44.969h38.836c24.528 0 44.968-20.439 44.968-44.969v-40.878c20.44-6.134 40.881-14.309 59.277-24.53l30.662 28.616c20.439 16.353 47.012 16.353 63.364 0l26.571-26.572c8.178-8.177 12.266-20.439 12.266-32.705 0-12.264-4.088-24.527-12.266-32.703l-30.659-30.661c10.22-18.397 18.396-38.836 24.527-59.276h40.881c24.528 0 44.969-20.442 44.969-44.97v-38.836c0-24.529-20.44-44.969-44.969-44.969h-40.881c-6.131-20.438-14.307-40.88-24.527-59.277l30.659-30.66c8.178-8.176 12.266-20.441 12.266-32.704 0-12.265-4.088-24.529-12.266-32.703l-26.571-26.575c-16.352-16.351-47.013-16.351-63.364 0l-30.662 30.662c-18.396-10.22-38.837-18.397-59.277-24.529v-40.88c0-12.266-6.131-24.528-14.309-32.703-8.173-6.133-18.396-10.221-26.57-10.221zM485.746 707.954c-87.339 0-158.143-70.792-158.143-158.12s70.804-158.12 158.143-158.12c80.554 0 147.039 60.219 156.886 138.090 0.611 4.734 1.001 9.538 1.158 14.401 0.066 1.868 0.099 3.745 0.099 5.629 0 87.328-70.803 158.12-158.143 158.12z" />
+<glyph unicode="&#xe97b;" glyph-name="upgrade" horiz-adv-x="972" d="M953.157 315.975c-12.881 6.44-25.761 6.44-38.642 6.44l-167.447-64.403c-19.321-6.44-32.201-32.201-25.761-51.522s32.201-32.201 51.522-25.761l64.403 25.761c-77.283-109.484-218.969-186.767-367.094-186.767-180.327 0-334.893 109.484-392.855 276.931-6.44 25.761-32.201 32.201-51.522 25.761s-32.201-32.201-25.761-51.522c70.843-199.648 257.61-334.893 470.138-334.893 161.006 0 322.013 77.283 418.616 199.648v-77.283c0-19.321 19.321-38.642 38.642-38.642s38.642 19.321 38.642 38.642v225.409c6.44 12.881 0 25.761-12.881 32.201v0zM509.007 225.425c-2.044 0-4.088 0-4.088 0h-36.792c-24.528 0-44.97 20.44-44.97 44.969v40.881c-20.44 6.131-40.88 14.307-59.277 24.527l-30.661-30.659c-20.438-16.354-47.012-16.354-63.364 0l-26.571 26.571c-8.178 8.176-12.266 20.439-12.266 32.704s4.088 24.529 12.266 32.704l30.658 30.662c-10.218 18.396-18.394 38.836-24.527 59.276h-44.968c-24.529 0-44.969 20.44-44.969 44.968v38.837c0 24.529 20.44 44.968 44.969 44.968h40.879c6.133 20.44 14.309 40.881 24.529 59.277l-28.616 30.66c-16.352 16.354-16.352 47.013 2.045 63.367l26.571 26.571c16.352 16.352 47.013 16.352 63.364 0l28.617-30.66c18.395 10.219 38.836 18.396 59.277 24.528v42.923c0 24.529 20.439 44.969 44.969 44.969h38.836c24.528 0 44.968-20.439 44.968-44.969v-40.878c20.44-6.134 40.881-14.309 59.277-24.53l30.662 28.616c20.439 16.353 47.012 16.353 63.364 0l26.571-26.572c8.178-8.177 12.266-20.439 12.266-32.705 0-12.264-4.088-24.527-12.266-32.703l-30.659-30.661c10.22-18.397 18.396-38.836 24.527-59.276h40.881c24.528 0 44.969-20.442 44.969-44.97v-38.836c0-24.529-20.44-44.969-44.969-44.969h-40.881c-6.131-20.438-14.307-40.88-24.527-59.277l30.659-30.66c8.178-8.176 12.266-20.441 12.266-32.704 0-12.265-4.088-24.529-12.266-32.703l-26.571-26.575c-16.352-16.351-47.013-16.351-63.364 0l-30.662 30.662c-18.396-10.22-38.837-18.397-59.277-24.529v-40.88c0-12.266-6.131-24.528-14.309-32.703-8.173-6.133-18.396-10.221-26.57-10.221zM485.746 707.954c-87.339 0-158.143-70.792-158.143-158.12s70.804-158.12 158.143-158.12c80.554 0 147.039 60.219 156.886 138.090 0.611 4.734 1.001 9.538 1.158 14.401 0.066 1.868 0.099 3.745 0.099 5.629 0 87.328-70.803 158.12-158.143 158.12z" />
+<glyph unicode="&#xe97c;" glyph-name="front-doot-icon-logo" d="M509.754-26.573c-19.088 0-34.358 3.818-49.628 7.635l-41.993 15.27c-190.877 68.716-324.491 251.958-324.491 454.288v293.951c-3.818 30.54 15.27 61.081 41.993 72.533 122.161 49.628 244.323 72.533 374.119 72.533s251.958-22.905 374.119-72.533c26.723-11.453 45.811-41.993 45.811-72.533v-290.133c-3.818-206.147-133.614-389.389-328.309-454.288l-41.993-15.27c-15.27-7.635-30.54-11.453-49.628-11.453zM128 744.571v-290.133c3.818-187.060 122.161-358.849 301.586-419.93l41.993-15.27c22.905-7.635 49.628-7.635 76.351 0l41.993 15.27c179.425 61.081 297.768 232.87 301.586 419.93v290.133c0 15.27-7.635 30.54-22.905 34.358-114.526 49.628-236.688 72.533-358.849 72.533s-244.323-22.905-358.849-68.716c-15.27-7.635-22.905-22.905-22.905-38.175zM405.423 702.548c23.474 5.015 51.604 6.572 84.645 6.572h51.978c33.040 0 61.156-1.557 84.645-6.572 23.759-5.030 44.358-13.878 60.422-29.672 16.049-15.779 25.061-36.050 30.166-59.419 5.105-23.085 6.677-50.841 6.677-83.237v-210.833c0-14.147-11.602-25.555-25.989-25.555s-25.989 11.408-25.989 25.555v210.833c0 31.394-1.662 54.853-5.479 72.473-3.803 17.336-9.372 27.471-16.138 34.044-6.782 6.572-16.992 12.141-34.627 15.884-17.905 3.833-41.768 5.389-73.686 5.389h-51.978c-31.933 0-55.781-1.647-73.701-5.389-17.636-3.743-27.935-9.222-34.612-15.884-6.692-6.662-12.351-16.707-16.153-34.044-3.892-17.621-5.479-41.080-5.479-72.473v-210.833c0-14.147-11.602-25.555-25.989-25.555s-25.989 11.408-25.989 25.555v210.833c0 32.502 1.587 60.153 6.692 83.237 5.105 23.369 14.102 43.64 30.166 59.419 16.049 15.794 36.663 24.642 60.422 29.672zM581.030 402.444c21.528 0 38.969 17.156 38.969 38.325 0 21.184-17.441 38.34-38.969 38.34-21.543 0-38.984-17.156-38.984-38.34 0-21.169 17.441-38.325 38.984-38.325zM256.359 239.697c1.856 13.968 14.941 23.818 29.238 22.007 76.111-9.866 153.795-12.605 230.46-12.605s154.349 2.65 230.46 12.605c14.192 1.811 27.277-7.949 29.133-22.007s-8.069-26.828-22.366-28.744c-78.327-10.135-158.241-12.965-237.227-12.965s-158.9 2.829-237.331 12.965c-14.192 1.916-24.223 14.776-22.366 28.744z" />
+<glyph unicode="&#xe97d;" glyph-name="profile" d="M332 568c0-99.252 80.748-180 180-180s180 80.748 180 180-80.748 180-180 180-180-80.748-180-180zM652 568c0-77.196-62.804-140-140-140s-140 62.804-140 140 62.804 140 140 140 140-62.804 140-140zM900 776c0-11.046-8.954-20-20-20s-20 8.954-20 20c0 11.046 8.954 20 20 20s20-8.954 20-20zM512-64c283.808 0 512 229.854 512 512 0 93.938-25.612 185.768-74.062 265.564-5.732 9.44-18.030 12.446-27.476 6.716-9.442-5.734-12.448-18.034-6.714-27.476 44.65-73.538 68.252-158.19 68.252-244.804 0-136.856-57.542-263.792-158.952-353.366-30.872 145.618-159.992 253.366-313.048 253.366s-282.19-107.76-313.030-253.384c-101.422 89.584-158.97 216.526-158.97 353.384 0 260.262 211.738 472 472 472 105.978 0 206.062-34.23 289.432-98.992 8.722-6.776 21.288-5.196 28.064 3.526s5.198 21.288-3.526 28.064c-90.452 70.264-199.022 107.402-313.97 107.402-136.872 0-265.476-53.232-362.126-149.888-96.648-96.652-149.874-225.252-149.874-362.112 0-282.858 228.918-512 512-512zM512 308c141.394 0 258.762-103.28 277.444-242.014-80.91-58.906-176.586-89.986-277.444-89.986-100.848 0-196.512 31.084-277.422 89.992 18.656 138.732 136.012 242.008 277.422 242.008z" />
+<glyph unicode="&#xe97e;" glyph-name="clear" d="M874 810c-96.6 96.8-225.2 150-362 150s-265.4-53.2-362-150-150-225.2-150-362 53.2-265.4 150-362 225.2-150 362-150 265.4 53.2 362 150 150 225.2 150 362-53.2 265.4-150 362zM733.4 297.2c19.6-19.6 19.6-51.2 0-70.8-9.8-9.8-22.6-14.6-35.4-14.6s-25.6 4.8-35.4 14.6l-150.6 150.8-150.8-150.8c-9.8-9.8-22.6-14.6-35.4-14.6s-25.6 4.8-35.4 14.6c-19.6 19.6-19.6 51.2 0 70.8l150.8 150.8-150.8 150.8c-19.6 19.6-19.6 51.2 0 70.8s51.2 19.6 70.8 0l150.8-150.8 150.8 150.8c19.6 19.6 51.2 19.6 70.8 0s19.6-51.2 0-70.8l-150.8-150.8 150.6-150.8z" />
+<glyph unicode="&#xe97f;" glyph-name="hash" horiz-adv-x="1097" d="M771.046 713.137c46.723 0 112.754-7.105 198.092-21.335 85.328-14.22 127.997-32.514 127.997-54.852 0-30.477-71.119-45.72-213.326-45.72l-149.332 3.051c-22.358-83.301-35.565-139.177-39.629-167.626 12.203-2.027 40.632-5.067 85.328-9.132s83.813-12.203 117.33-24.385c33.538-12.182 54.35-29.453 62.478-51.811l-9.142-36.558c-16.247-16.267-50.787-24.385-103.612-24.385s-109.714 6.091-176.758 18.294c-6.091-30.477-10.155-57.923-12.182-82.288-12.203-83.301-25.911-150.847-41.144-202.658-15.243-51.811-37.080-77.722-65.529-77.722s-46.713 11.179-54.852 33.538c-8.128 22.338-12.182 49.764-12.182 82.277 0 67.055 13.206 153.396 39.608 259.046-62.98 8.128-134.089 12.182-213.326 12.182-4.064-36.578-13.206-70.607-27.426-102.087-14.22-31.49-34.541-47.235-60.943-47.235-48.76 0-73.146 31.49-73.146 94.48 0 14.22 2.027 31.49 6.091 51.811h-33.517c-34.541 0-59.94-1.024-76.186-3.051l-21.335 21.335c0 12.182 10.667 22.338 32.002 30.466 21.335 8.139 43.181 14.742 65.519 19.809 22.338 5.088 37.581 8.64 45.72 10.667 14.22 67.055 33.517 135.112 57.892 204.194-34.531 0-59.94-1.024-76.186-3.051l-76.186-3.040c-22.358 0-46.723 5.067-73.146 15.223 0 18.294 20.823 33.026 62.478 44.205 41.645 11.159 82.277 19.799 121.906 25.89 39.608 6.112 65.519 10.166 77.701 12.203 24.385 52.825 56.899 110.215 97.531 172.182 40.601 61.956 77.179 92.945 109.683 92.945 22.358 0 33.538-12.203 33.538-36.578l-24.385-60.963c-24.385-69.082-44.696-119.869-60.963-152.373 109.714 4.064 193.015 6.091 249.904 6.091 6.091 22.338 26.412 58.916 60.963 109.703 34.541 50.808 59.94 76.186 76.186 76.186l27.426-21.314c0-18.294-9.142-48.76-27.426-91.44-18.284-42.669-29.453-68.048-33.517-76.186v0zM380.962 603.434c-18.294-50.808-34.541-110.737-48.771-179.809 67.055 8.128 142.227 12.182 225.518 12.182l60.963 164.565-170.667 3.051h-67.034z" />
+<glyph unicode="&#xe980;" glyph-name="qr" d="M512 840v-80h-80v80zM432 370v-114h80v114zM672-64v80h-80v80h-80v-160zM832 530h-240v-80h240zM832 370h112v80h-112zM832 256v-80h192v194h-80v-114zM592 960h-80v-120h80zM512 600h80v160h-80v-80h-80v-230h80zM0 530v-160h80v80h120v80zM592 370v80h-80v-80zM752 290h80v80h-80zM944 450h80v80h-80zM672 370h-80v-114h-80v-80h160zM432 96h80v80h-80zM672 176v-80h160v80zM912 16v80h-80v-80zM1024-64v80h-112v-80zM752-64h80v80h-80zM360 450v80h-80v-80h-80v-80h232v80zM360 600h-360v360h360zM280 880h-200v-200h200zM220 820h-80v-80h80zM1024 960v-360h-360v360zM944 880h-200v-200h200zM884 820h-80v-80h80zM0 296h360v-360h-360zM80 16h200v200h-200zM140 76h80v80h-80z" />
 <glyph unicode="&#xea70;" glyph-name="table" d="M0 768v-704h1024v704h-1024zM384 320v128h256v-128h-256zM640 256v-128h-256v128h256zM640 640v-128h-256v128h256zM320 640v-128h-256v128h256zM64 448h256v-128h-256v128zM704 448h256v-128h-256v128zM704 512v128h256v-128h-256zM64 256h256v-128h-256v128zM704 128v128h256v-128h-256z" />
 <glyph unicode="&#xea71;" glyph-name="table2" d="M0 896v-896h1024v896h-1024zM384 320v192h256v-192h-256zM640 256v-192h-256v192h256zM640 768v-192h-256v192h256zM320 768v-192h-256v192h256zM64 512h256v-192h-256v192zM704 512h256v-192h-256v192zM704 576v192h256v-192h-256zM64 256h256v-192h-256v192zM704 64v192h256v-192h-256z" />
 </font></defs></svg>

package/assets/styles/global.scss

@@ -1,6 +1,26 @@
 @import 'node_modules/vanilla-jsoneditor/themes/jse-theme-dark.css';
 
+@font-face {
+  font-family: 'Russo One';
+  src: url('../../assets/fonts/RussoOne-Regular.woff2') format('woff2'),
+  url('../../assets/fonts/RussoOne-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../../assets/fonts/OpenSans-Regular.woff2') format('woff2'),
+  url('../../assets/fonts/OpenSans-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
 body {
+  --mainBackground: #ffffff;
+  --navigationOpaque: rgba(236, 238, 242, 0.85);
   --highlighted: #f5a93d;
   --highlightedOpaque: #f5d73dab;
   --red: #ff104b;
@@ -13,12 +33,14 @@ body {
   --shaded: #f6f7fb;
   --formBackground: #f6f7fb;
   --backgroundMuted: #eaeef1;
+  --filterBarBackground: #eceef3;
   --visualizerBackground: #ffffff80;
   --background: #ffffff;
   --navigation: #ffffff;
   --placeholder: #c6ccd7;
   --text: #000;
-  --tableText: #000;
+  --tableText: #22222a;
+  --groupText: #78859f;
   --table: #ffffff;
   --redShadow: rgba(255, 13, 73, 0.3);
   --redText: #9c0027;
@@ -27,23 +49,35 @@ body {
   --shadowColor: rgba(0,0,0,0.08);
   --transition: 0.5s;
   --offWhite: #FCFCFC;
+  --offWhite_ALWAYS: #FCFCFC;
   --dark: #28292B;
   --formBase: #919ca5;
   --formGroup: #232f3e;
   --formSubGroup: #707985;
   --offWhiteButton: #eff0f1;
 
+  --headerHeight: 4.0625rem;
+  --sideBarMargin: 0rem;
+  --navItemPadding: 0.9375rem;
+  --navItemMargin: 0.625rem;
+  --navItemBorderRadius: var(--defaultBorderRadius);
+  --navContainerBorderWidth: 0.125rem;
+  --navContainerBackground: var(--mainBackground);
+  --navHeaderPadding: var(--paddingXXL);
+  --navItemSelectedColor  : #DEE2F8;
+  --headerButtonColor: #22222a;
+
   --buttonHeightSmall: 1.5625rem;
   --buttonImageSizeSmall: 1.25rem;
   --buttonImagePaddingSmall: 2.1875rem;
   --buttonImagePositionSmall: left calc(var(--paddingSmall) + 0.1875rem) center;
-  --modalBorderRadius: 0.9375rem;
 
   --paddingSmall: 0.3125rem;
   --paddingMedium: 0.625rem;
   --paddingLarge: 0.625rem;
   --paddingXL: 0.9375rem;
   --paddingXXL: 1.25rem;
+  --paddingXXXL: 1.8875rem;
 
   --marginSmall: 0.3125rem;
   --marginMedium: 0.625rem;
@@ -58,11 +92,21 @@ body {
 
   --defaultInputHeight: 2.6875rem;
   --defaultLineHeight: 0.9375rem;
-  --inputBorderRadius: 0.4375rem;
+  --inputBorderRadius: 0.25rem;
+  --formFieldBorderRadius: var(--inputBorderRadius);
+  --toggleBorderRadius: var(--inputBorderRadius);
+  --filterBorderRadius: var(--inputBorderRadius);
+  --podBorderRadius: var(--inputBorderRadius);
+  --modalBorderRadius: var(--inputBorderRadius);
+  --formHeaderToggleRadius: 0.325rem;
   --inputBorderWidth: 0.125rem;
   --formFieldBorder: none;
   --jsonEditorBorder: 0.125rem solid var(--stroke);
 
+  --formFieldBoxShaddow: 0rem 0.1875rem 0.3125rem 0.0625rem var(--boxShadow);
+  --sideNavigatorBoxShadow: none;
+  --brightnessDark: .5;
+
   --spinnerSizeMedium: 1.25rem;
   --spinnerSizeLarge: 2rem;
   --spinnerBorderTopMedium: 0.125rem solid var(--stroke);
@@ -74,15 +118,57 @@ body {
   --spinnerBorderBottomLarge: 0.175rem solid transparent;
   --spinnerBorderLeftLarge: 0.175rem solid transparent;
   --appLoaderSize: 10.5rem;
+
+  --checkboxHeightWidth: 1.325rem;
+
+  --logoLight: url(/assets/svgs/logo.svg);
+  --logoDark: url(/assets/svgs/logo-dark.svg);
 }
 
 body {
-  overflow: hidden;
+  &.ziti-admin-console {
+    overflow: hidden;
+    font-family: "Open Sans";
+    font-size: 0.875rem;
+    color: var(--text);
+    margin: 0rem;
+    color: var(--text);
+    background-color: var(--background);
+    font-size: 0.875rem;
+    height: 100%;
+    overflow-x: hidden;
+    -webkit-font-smoothing: antialiased;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+}
+
+div {
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  background-repeat: no-repeat;
 }
 
 textarea,
 select,
 input {
+  font-weight: 400;
+  font-family: 'Open Sans', Arial, sans-serif;
+  height: var(--defaultInputHeight);
+  width: 100%;
+  border-color: var(--stroke);
+  border-style: solid;
+  border-width: var(--inputBorderWidth);
+  border-radius: var(--inputBorderRadius);
+  padding-left: 0.4375rem;
+  padding-right: 0.4375rem;
+  outline: none;
+  box-sizing: border-box;
+  font-size: 0.875rem;
+  background-color: var(--navigation) !important;
+  color: var(--text);
+  -webkit-appearance: none;
+
   &.error {
     border-color: var(--red);
     background-color: var(--lightRed) !important;
@@ -93,6 +179,162 @@ input {
   }
 }
 
+label {
+  color: var(--dark);
+  text-transform: uppercase;
+  margin-top: 0.625rem;
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  margin-bottom: 0.1875rem;
+  font-size: 0.875rem;
+  white-space: nowrap;
+  font-weight: 600;
+  font-family: 'Open Sans';
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: var(--defaultLineHeight);
+}
+
+a {
+  color: var(--tableText);
+  font-weight: bold;
+  transition: var(--transition);
+
+  &:focus-visible {
+    outline: none;
+  }
+}
+
+a,
+a:hover {
+  text-decoration: none !important;
+  text-decoration-line: none !important;
+  text-decoration-thickness: initial !important;
+  text-decoration-style: initial !important;
+  text-decoration-color: initial !important;
+}
+
+.button {
+  font-size: 0.6875rem;
+  font-weight: 400;
+  font-family: 'Open Sans';
+  font-weight: 600;
+  display: inline-block;
+  min-width: 9.375rem;
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  clear: both;
+  overflow: hidden;
+  padding-right: 1.25rem;
+  height: 2.5rem;
+  padding: 0.4375rem;
+  width: fit-content;
+  text-transform: uppercase;
+  text-align: center;
+  border-radius: var(--inputBorderRadius);
+  line-height: 1.5625rem;
+  position: relative;
+  border: 0;
+  background: var(--secondary);
+  color: white;
+  white-space: nowrap;
+  transition: all 150ms ease;
+  cursor: pointer;
+  box-shadow: var(--shadow);
+}
+
+.primary-button {
+  display: inline-block;
+  padding: 0rem;
+  line-height: 2.5rem;
+  height: 3.125rem;
+  border: none;
+  vertical-align: middle;
+  text-align: center;
+  position: relative;
+  z-index: 1;
+  backface-visibility: hidden;
+  overflow: hidden;
+  transition: color 0.2s;
+  font-size: 0.875rem;
+  font-weight: 600;
+  font-family: "Open Sans";
+  border-radius: 0.5rem;
+  cursor: pointer;
+  color: white;
+  background-color: var(--primaryColor);
+  border-radius: var(--inputBorderRadius);
+}
+
+.linkButton {
+  color: var(--menu);
+  line-height: 2.5rem;
+  cursor: pointer;
+  transition: var(--transition);
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.title {
+  font-family: 'Russo One';
+  color: var(--primary);
+  -webkit-filter: brightness(50%);
+  filter: brightness(50%);
+  font-size: 1.875rem;
+  text-transform: uppercase;
+  font-weight: 400;
+}
+
+.circle {
+  display: inline-block;
+  width: 0.625rem;
+  height: 0.625rem;
+  background-color: var(--stroke);
+  border-radius: 0.625rem;
+  margin-right: 0.125rem;
+  &.true {
+    background-color: var(--green);
+  }
+}
+
+.hashtag,
+.attag {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+  background-color: var(--primary);
+  color: transparent;
+  position: absolute;
+  float: left;
+  line-height: 1.875rem;
+  border-radius: var(--inputBorderRadius);
+  margin-left: 0.125rem;
+  margin-bottom: 0.625rem;
+  margin-top: 0.625rem;
+  transition: var(--transition);
+}
+
+.attag {
+  background-color: var(--secondary);
+  filter: brightness(90%);
+  position: absolute;
+}
+
+.tag-name {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+  color: #FFF;
+  position: relative;
+  float: left;
+  line-height: 1.875rem;
+  border-radius: var(--inputBorderRadius);
+  margin-left: 0.125rem;
+  margin-bottom: 0.625rem;
+  margin-top: 0.625rem;
+  transition: var(--transition);
+}
+
 .tagError {
   border-color: var(--red);
   background-color: var(--lightRed) !important;
@@ -102,6 +344,22 @@ input {
   }
 }
 
+.copy-text {
+  position: absolute;
+  right: 0.875rem;
+  top: 1rem;
+  font-size: 1.25rem;
+  cursor: pointer;
+  transition: var(--transition);
+  z-index: 150;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: auto;
+  grid-gap: 0.1875rem;
+}
+
 .modal.box.full {
   bottom: unset !important;
   left: 100% !important;
@@ -277,6 +535,10 @@ input {
   background-color: var(--formBackground);
   overflow: hidden;
 
+  &.projectable-form-hidden {
+    opacity: 0;
+  }
+
   .projectable-form-container {
     display: flex;
     flex-direction: column;
@@ -619,7 +881,7 @@ input {
     position: absolute;
     border: 0.125rem dashed var(--primary);
     top: 0rem;
-    border-radius: 0.625rem;
+    border-radius: var(--formFieldBorderRadius);
     bottom: 0rem;
     left: 0rem;
     right: 0rem;
@@ -654,7 +916,7 @@ lib-form-field-container {
   text-transform: uppercase;
 }
 
-.icon-copy.copy {
+.icon-copy.copy-text {
   right: 0.625rem;
   top: 0.3125rem;
   width: 1.25rem;
@@ -667,6 +929,7 @@ lib-form-field-container {
   &:hover {
     filter: brightness(1.2);
     transform: scale(1.10);
+    color: var(--primary);
   }
 
   &:active {
@@ -675,7 +938,7 @@ lib-form-field-container {
 }
 
 .api-call-container {
-  .icon-copy.copy {
+  .icon-copy.copy-text {
     background-color: var(--navigation);
   }
 }
@@ -746,7 +1009,7 @@ a {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
-    width: 2.8125rem;
+    width: 3.8125rem;
     background-size: contain;
     background-repeat: no-repeat;
   }
@@ -758,14 +1021,6 @@ a {
       content: "\e958";
     }
   }
-
-  .tap-to-download {
-    font-family: zac !important;
-    margin-right: var(--marginMedium);
-    &:before {
-      content: "\e92d";
-    }
-  }
 }
 
 .form-title-container {
@@ -961,32 +1216,67 @@ a {
     cursor: pointer;
     position: relative;
     float: left;
-    border-radius: 0.8125rem;
+    border-radius: var(--toggleBorderRadius);
     &.on {
       background-color: var(--green);
+
+      .switch {
+        left: 2.3275rem;
+      }
     }
     .switch {
       width: 1.25rem;
       height: 1.25rem;
-      border-radius: 0.625rem;
+      border-radius: var(--toggleBorderRadius);
       background-color: var(--offWhite_ALWAYS);
       transition: var(--transition);
       position: absolute;
       top: 0.1875rem;
       z-index: 10;
       &.on {
-        left: 2.1875rem;
+        left: 2.2275rem;
       }
     }
     .on-label {
       margin-left: 0.4375rem;
     }
     .off-label {
-      margin-left: 1.6875rem;
+      margin-left: 2.0874rem;
     }
   }
 }
 
+.toggle {
+  width: 3.75rem;
+  height: 1.875rem;
+  background-color: var(--black);
+  color: var(--white);
+  cursor: pointer;
+  border-radius: 6.25rem;
+  position: relative;
+  display: inline-block;
+  margin-top: 0.625rem;
+  transition: var(--transition);
+  float: left;
+  margin-right: 1.25rem;
+}
+
+.toggle .switch {
+  width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 0.625rem;
+  background-color: var(--white);
+  transition: var(--transition);
+  position: absolute;
+  left: 0.3125rem;
+  top: 0.3125rem;
+  z-index: 10;
+}
+
+.toggle.on .switch {
+  left: 2.1875rem;
+}
+
 .page {
   .p-element {
     .p-chips.p-component {
@@ -1020,11 +1310,22 @@ a {
 
 .icon-close {
   &.close {
-    font-size: 1.5625rem;
-    top: 0.9375rem;
-    right: 0.9375rem;
+    font-size: 1.725rem;
+    top: var(--marginLarge);
+    right: var(--marginLarge);
     width: 2.1875rem;
     font-weight: 600;
+    position: absolute;
+    z-index: 10;
+    height: 2.5rem;
+    line-height: 2.5rem;
+    cursor: pointer;
+    color: var(--stroke);
+    transition: var(--transition);
+
+    &:hover {
+      color: var(--text);
+    }
   }
 }
 
@@ -1057,7 +1358,7 @@ lib-tag-selector {
     flex-direction: row;
     width: 1.875rem;
     height: 1.125rem;
-    border-radius: 0.625rem;
+    border-radius: var(--formHeaderToggleRadius);
     border-color: var(--inputBorder);
     border-style: solid;
     border-width: var(--inputBorderWidth);
@@ -1784,6 +2085,69 @@ a {
   }
 }
 
+///////
+// Tabel Cell Renderers
+///////
+
+.os {
+  cursor: pointer;
+  width: 1.875rem;
+  height: 1.875rem;
+  position: relative;
+  display: inline-block;
+  top: 0.3125rem;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+  transition: var(--transition);
+
+  &.windows {
+    background-image: url(/assets/images/windows.png);
+  }
+  &.apple {
+    background-image: url(/assets/images/apple.png);
+  }
+  &.android {
+    background-image: url(/assets/images/android.png);
+  }
+  &.linux {
+    background-image: url(/assets/images/linux.png);
+  }
+  &.other {
+    background-image: url(/assets/images/other.png);
+  }
+}
+
+.cert {
+  cursor: pointer;
+  width: 1.875rem;
+  height: 1.875rem;
+  position: relative;
+  display: inline-block;
+  top: 0.3125rem;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-image: url(/assets/svgs/cert.svg);
+  transition: var(--transition);
+}
+
+.qr {
+  cursor: pointer;
+  width: 1.875rem;
+  height: 1.875rem;
+  position: relative;
+  display: inline-block;
+  top: 0.125rem;
+  transition: var(--transition);
+  font-size: 1.75rem;
+  margin-left: 0.3125rem;
+  line-height: 1.75rem;
+  text-align: center;
+  color: var(--black);
+  text-align: center;
+}
+
 ///////
 // Simple Service Form
 ///////
@@ -1884,3 +2248,46 @@ p-calendar {
   }
 }
 
+
+////////
+/// Icon Fonts
+////////
+
+.icon-endpoints:before {
+  content: '\e92e';
+}
+
+.icon-dashboard:before {
+  content: '\e916';
+}
+
+.icon-identity:before {
+  content: '\e92e';
+}
+.icon-policies:before {
+  content: '\e968';
+}
+
+.icon-close:before {
+  content: "\e905";
+}
+
+.icon-add:before {
+  content: "\e901";
+}
+
+.icon-plus:before {
+  content: "\e901";
+}
+
+.icon-minus:before {
+  content: "\e903";
+}
+
+.icon-delete:before {
+  content: "\e903";
+}
+
+.icon-clear:before {
+  content: "\e97e";
+}