@xen-orchestra/web-core 0.6.0 → 0.7.0

package/lib/assets/not-found.svg

@@ -0,0 +1,129 @@
+<svg width="366" height="400" viewBox="0 0 366 400" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_1388_31563)">
+    <path
+      d="M254.356 81.1513C229.059 77.1209 200.251 74.9703 170.25 74.9703C142.793 74.9703 116.34 76.7688 92.6658 80.1599C92.6713 79.797 92.6766 79.434 92.6928 79.0711C93.3204 58.0035 102.178 38.0167 117.371 23.3826C132.565 8.74847 152.889 0.627966 174.001 0.756727C195.113 0.885488 215.336 9.2533 230.35 24.0717C245.363 38.89 253.975 58.9834 254.345 80.057C254.35 80.4254 254.356 80.7883 254.356 81.1513Z"
+      fill="#8F84FF"/>
+    <g opacity="0.1">
+      <path opacity="0.1"
+            d="M184.114 0.726619C172.885 -0.78751 161.463 0.0706538 150.588 3.24549C139.713 6.42032 129.628 11.841 120.985 19.1561C112.343 26.4713 105.337 35.5177 100.421 45.7091C95.5048 55.9005 92.7885 67.0094 92.4482 78.3159C92.4317 78.6789 92.4265 79.0418 92.4211 79.4048C99.4545 78.3973 106.738 77.534 114.215 76.813C115.13 57.9769 122.621 40.0549 135.389 26.1567C148.157 12.2586 165.395 3.26148 184.114 0.726619Z"
+            fill="white"/>
+    </g>
+    <path
+      d="M289.724 87.5543C278.079 84.4028 266.268 81.8999 254.345 80.057C234.803 77.0338 215.102 75.1436 195.34 74.396C187.109 74.0602 178.725 73.8868 170.25 73.8868C163.532 73.8868 156.868 73.9952 150.297 74.2119C131.021 74.7804 111.791 76.4026 92.6928 79.0711C78.5553 81.0145 64.5549 83.8479 50.7754 87.5543C18.6469 96.4222 0.952148 108.307 0.952148 121.016C0.952148 133.725 18.6469 145.61 50.7754 154.478C73.3702 160.719 101.228 164.971 131.583 166.921C144.112 167.734 157.064 168.145 170.25 168.145C183.479 168.145 196.474 167.728 209.042 166.916C236.666 165.134 262.224 161.444 283.614 156.081C283.728 156.049 283.836 156.022 283.95 155.995C285.394 155.637 286.815 155.263 288.221 154.89C288.725 154.749 289.224 154.613 289.724 154.478C289.752 154.466 289.781 154.457 289.81 154.451C290.288 154.321 290.76 154.185 291.232 154.055C292.176 153.785 293.109 153.519 294.026 153.243C294.07 153.232 294.108 153.221 294.146 153.21C294.943 152.972 295.725 152.734 296.501 152.495C297.136 152.295 297.765 152.1 298.389 151.899C298.845 151.753 299.296 151.607 299.74 151.461C300.066 151.352 300.386 151.249 300.701 151.141C301.13 151 301.558 150.854 301.981 150.708C302.16 150.648 302.34 150.588 302.513 150.523C302.92 150.388 303.316 150.247 303.712 150.106C304.141 149.955 304.57 149.798 304.993 149.646C305.346 149.521 305.698 149.391 306.045 149.261C306.338 149.147 306.626 149.039 306.919 148.931C307.717 148.633 308.498 148.324 309.269 148.021C309.654 147.864 310.039 147.712 310.419 147.555C310.793 147.403 311.173 147.246 311.542 147.089C312.15 146.834 312.747 146.58 313.333 146.325C313.615 146.195 313.903 146.071 314.179 145.951C314.391 145.854 314.597 145.762 314.809 145.664C314.961 145.599 315.113 145.529 315.259 145.458C315.807 145.209 316.35 144.955 316.882 144.7C318.922 143.725 320.827 142.728 322.595 141.71C333.692 135.366 339.547 128.329 339.547 121.016C339.547 108.307 321.852 96.4222 289.724 87.5543ZM289.431 153.438C266.809 159.684 238.875 163.936 208.439 165.87C196.062 166.656 183.267 167.062 170.25 167.062C157.275 167.062 144.524 166.661 132.185 165.876C101.7 163.947 73.7228 159.695 51.0684 153.438C19.45 144.705 2.03739 133.194 2.03739 121.016C2.03915 119.94 2.17406 118.868 2.43905 117.825C5.2062 106.839 22.2282 96.5577 51.0684 88.5944C64.7438 84.9169 78.6369 82.0999 92.6658 80.1599C111.879 77.4763 131.225 75.8487 150.617 75.2845C157.086 75.0732 163.63 74.9685 170.25 74.9703C178.611 74.9703 186.881 75.1382 195.009 75.4632C214.885 76.2041 234.701 78.1033 254.356 81.1512C266.176 82.9859 277.885 85.4708 289.431 88.5944C318.266 96.5577 335.282 106.834 338.055 117.815C338.324 118.861 338.461 119.936 338.462 121.016C338.462 133.194 321.049 144.705 289.431 153.438Z"
+      fill="#1A1B38"/>
+    <path
+      d="M339.238 121.509C339.238 128.746 333.263 135.594 322.595 141.71C320.821 142.728 318.911 143.725 316.882 144.7C316.35 144.955 315.807 145.209 315.259 145.458C315.113 145.529 314.961 145.599 314.809 145.664C314.597 145.762 314.391 145.854 314.18 145.951C313.903 146.071 313.615 146.195 313.333 146.325C312.747 146.58 312.15 146.834 311.542 147.089C311.173 147.246 310.793 147.403 310.419 147.555C310.039 147.712 309.654 147.864 309.269 148.021C308.498 148.324 307.717 148.633 306.919 148.931C306.626 149.039 306.339 149.147 306.046 149.261C305.698 149.391 305.346 149.521 304.993 149.646C304.57 149.797 304.141 149.955 303.712 150.106C303.316 150.247 302.92 150.388 302.513 150.523C302.34 150.588 302.161 150.648 301.981 150.708C301.558 150.854 301.13 151 300.701 151.141C300.386 151.249 300.066 151.352 299.74 151.461C299.295 151.607 298.845 151.753 298.389 151.899C297.765 152.1 297.136 152.295 296.501 152.495C295.725 152.734 294.944 152.972 294.146 153.21C294.108 153.221 294.07 153.232 294.027 153.243C293.11 153.519 292.176 153.785 291.232 154.055C290.76 154.185 290.288 154.321 289.81 154.451C289.781 154.457 289.752 154.466 289.724 154.478C289.224 154.613 288.725 154.749 288.221 154.89C286.821 155.258 285.394 155.632 283.95 155.995C283.836 156.022 283.728 156.049 283.614 156.081C262.804 161.271 237.274 165.052 209.02 166.878C196.643 167.674 183.739 168.097 170.483 168.097C157.108 168.097 144.095 167.669 131.621 166.856C57.1513 162.008 1.72827 143.546 1.72827 121.509C1.73413 120.168 1.93887 118.836 2.3358 117.555C2.36839 117.647 2.40098 117.733 2.43914 117.825C10.1821 138.129 65.1334 154.538 136.434 158.541C147.357 159.158 158.67 159.478 170.25 159.478C181.878 159.478 193.235 159.153 204.201 158.535C275.442 154.516 330.339 138.102 338.055 117.815C338.185 117.49 338.299 117.164 338.397 116.839C338.947 118.335 339.231 119.916 339.238 121.509Z"
+      fill="#1A1B38"/>
+    <path
+      d="M50.6937 115.678C41.663 115.678 32.0652 113.738 32.0652 110.143C32.0652 106.549 41.6631 104.609 50.6937 104.609C59.7243 104.609 69.3222 106.549 69.3222 110.143C69.3222 113.738 59.7244 115.678 50.6937 115.678ZM50.6937 105.692C40.3552 105.692 33.1504 108.038 33.1504 110.143C33.1504 112.249 40.3552 114.595 50.6937 114.595C61.0322 114.595 68.237 112.249 68.237 110.143C68.237 108.038 61.0322 105.692 50.6937 105.692Z"
+      fill="#1A1B38"/>
+    <path
+      d="M89.2195 141.139C80.1889 141.139 70.5911 139.199 70.5911 135.604C70.5911 132.009 80.1889 130.07 89.2195 130.07C98.2502 130.07 107.848 132.009 107.848 135.604C107.848 139.199 98.2502 141.139 89.2195 141.139ZM89.2195 131.153C78.8811 131.153 71.6763 133.499 71.6763 135.604C71.6763 137.709 78.8811 140.055 89.2195 140.055C99.558 140.055 106.763 137.709 106.763 135.604C106.763 133.499 99.558 131.153 89.2195 131.153Z"
+      fill="#1A1B38"/>
+    <path
+      d="M289.446 115.678C280.416 115.678 270.818 113.738 270.818 110.143C270.818 106.549 280.416 104.609 289.446 104.609C298.477 104.609 308.075 106.549 308.075 110.143C308.075 113.738 298.477 115.678 289.446 115.678ZM289.446 105.692C279.108 105.692 271.903 108.038 271.903 110.143C271.903 112.249 279.108 114.595 289.446 114.595C299.785 114.595 306.99 112.249 306.99 110.143C306.99 108.038 299.785 105.692 289.446 105.692Z"
+      fill="#1A1B38"/>
+    <path
+      d="M250.92 141.139C241.89 141.139 232.292 139.199 232.292 135.604C232.292 132.009 241.89 130.07 250.92 130.07C259.951 130.07 269.549 132.009 269.549 135.604C269.549 139.199 259.951 141.139 250.92 141.139ZM250.92 131.153C240.582 131.153 233.377 133.499 233.377 135.604C233.377 137.709 240.582 140.055 250.92 140.055C261.259 140.055 268.464 137.709 268.464 135.604C268.464 133.499 261.259 131.153 250.92 131.153Z"
+      fill="#1A1B38"/>
+    <path
+      d="M170.07 153.056C161.039 153.056 151.441 151.117 151.441 147.522C151.441 143.927 161.039 141.987 170.07 141.987C179.101 141.987 188.698 143.927 188.698 147.522C188.698 151.117 179.101 153.056 170.07 153.056ZM170.07 143.071C159.731 143.071 152.527 145.417 152.527 147.522C152.527 149.627 159.731 151.973 170.07 151.973C180.408 151.973 187.613 149.627 187.613 147.522C187.613 145.417 180.408 143.071 170.07 143.071Z"
+      fill="#1A1B38"/>
+    <path
+      d="M183.803 266.913C196.393 266.913 206.6 256.723 206.6 244.154C206.6 231.584 196.393 221.395 183.803 221.395C171.213 221.395 161.006 231.584 161.006 244.154C161.006 256.723 171.213 266.913 183.803 266.913Z"
+      fill="#5A5B6C"/>
+    <path d="M175.134 259.106L164.039 264.653L167.14 270.835L178.235 265.289L175.134 259.106Z" fill="#5A5B6C"/>
+    <path
+      d="M168.603 270.208C169.261 269.212 167.637 266.984 164.976 265.233C162.315 263.481 159.625 262.869 158.967 263.865C158.309 264.861 159.933 267.089 162.594 268.84C165.255 270.592 167.945 271.204 168.603 270.208Z"
+      fill="#5A5B6C"/>
+    <path d="M192.472 259.106L189.371 265.289L200.466 270.836L203.567 264.653L192.472 259.106Z" fill="#5A5B6C"/>
+    <path
+      d="M205.012 268.84C207.673 267.089 209.297 264.861 208.639 263.865C207.981 262.869 205.291 263.481 202.63 265.233C199.969 266.984 198.345 269.212 199.003 270.208C199.661 271.204 202.351 270.592 205.012 268.84Z"
+      fill="#5A5B6C"/>
+    <path
+      d="M182.207 246.365C186.51 246.365 189.998 242.883 189.998 238.587C189.998 234.291 186.51 230.809 182.207 230.809C177.904 230.809 174.416 234.291 174.416 238.587C174.416 242.883 177.904 246.365 182.207 246.365Z"
+      fill="white"/>
+    <path
+      d="M184.102 237.096C185.112 236.087 185.106 234.447 184.089 233.431C183.072 232.416 181.429 232.41 180.419 233.418C179.409 234.427 179.414 236.067 180.432 237.083C181.449 238.098 183.092 238.104 184.102 237.096Z"
+      fill="#1A1B38"/>
+    <path
+      d="M201.786 219.395C202.129 210.969 194.856 203.833 185.54 203.455C176.225 203.077 168.395 209.601 168.052 218.027C167.709 226.452 174.185 228.367 183.5 228.744C192.816 229.122 201.444 227.82 201.786 219.395Z"
+      fill="#8F84FF"/>
+    <path
+      d="M214.927 256.071C216.427 254.786 214.318 249.878 210.218 245.11C206.117 240.341 201.577 237.518 200.078 238.803C198.578 240.088 200.687 244.995 204.787 249.764C208.888 254.532 213.428 257.356 214.927 256.071Z"
+      fill="#5A5B6C"/>
+    <path
+      d="M162.883 249.764C166.983 244.995 169.092 240.088 167.592 238.803C166.093 237.518 161.553 240.341 157.452 245.11C153.352 249.878 151.243 254.786 152.743 256.071C154.242 257.356 158.782 254.532 162.883 249.764Z"
+      fill="#5A5B6C"/>
+    <path
+      d="M190.064 253.123C190.311 254.476 190.009 255.871 189.225 257.002C188.442 258.133 187.24 258.907 185.884 259.153C184.529 259.399 183.131 259.098 181.999 258.316C180.866 257.533 180.091 256.333 179.844 254.98L179.842 254.97C179.331 252.152 181.514 251.155 184.336 250.645C187.159 250.135 189.553 250.305 190.064 253.123Z"
+      fill="white"/>
+    <path
+      d="M145.289 268.363C145.001 268.363 144.725 268.249 144.522 268.046C144.318 267.842 144.204 267.567 144.204 267.28V203.357C144.204 203.07 144.318 202.794 144.522 202.591C144.725 202.388 145.001 202.274 145.289 202.274C145.577 202.274 145.853 202.388 146.056 202.591C146.26 202.794 146.374 203.07 146.374 203.357V267.28C146.374 267.567 146.26 267.842 146.056 268.046C145.853 268.249 145.577 268.363 145.289 268.363Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M129.01 325.785C128.722 325.785 128.446 325.671 128.243 325.467C128.039 325.264 127.925 324.989 127.925 324.701V278.114C127.925 277.826 128.039 277.551 128.243 277.348C128.446 277.145 128.722 277.03 129.01 277.03C129.298 277.03 129.574 277.145 129.778 277.348C129.981 277.551 130.096 277.826 130.096 278.114V324.701C130.096 324.989 129.981 325.264 129.778 325.467C129.574 325.671 129.298 325.785 129.01 325.785Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M170.792 287.323C170.504 287.323 170.228 287.209 170.025 287.006C169.821 286.802 169.707 286.527 169.707 286.24V222.317C169.707 222.03 169.821 221.754 170.025 221.551C170.228 221.348 170.504 221.234 170.792 221.234C171.08 221.234 171.356 221.348 171.56 221.551C171.763 221.754 171.878 222.03 171.878 222.317V286.24C171.877 286.527 171.763 286.802 171.56 287.006C171.356 287.209 171.08 287.323 170.792 287.323Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M155.056 333.369C154.768 333.369 154.492 333.255 154.289 333.052C154.085 332.848 153.971 332.573 153.971 332.286V306.283C153.971 305.996 154.085 305.72 154.289 305.517C154.492 305.314 154.768 305.2 155.056 305.2C155.344 305.2 155.62 305.314 155.824 305.517C156.027 305.72 156.141 305.996 156.141 306.283V332.286C156.141 332.573 156.027 332.848 155.824 333.052C155.62 333.255 155.344 333.369 155.056 333.369Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M177.304 200.107C177.016 200.107 176.74 199.993 176.536 199.789C176.333 199.586 176.218 199.311 176.218 199.023V173.021C176.218 172.734 176.333 172.458 176.536 172.255C176.74 172.052 177.016 171.937 177.304 171.937C177.591 171.937 177.867 172.052 178.071 172.255C178.274 172.458 178.389 172.734 178.389 173.021V199.023C178.389 199.311 178.274 199.586 178.071 199.789C177.867 199.993 177.591 200.107 177.304 200.107Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M123.042 211.483C122.754 211.483 122.478 211.369 122.274 211.165C122.071 210.962 121.957 210.687 121.957 210.399V184.397C121.957 184.11 122.071 183.834 122.274 183.631C122.478 183.428 122.754 183.314 123.042 183.314C123.33 183.314 123.606 183.428 123.809 183.631C124.013 183.834 124.127 184.11 124.127 184.397V210.399C124.127 210.687 124.013 210.962 123.809 211.165C123.606 211.369 123.33 211.483 123.042 211.483Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M217.458 214.191C217.17 214.191 216.894 214.077 216.69 213.874C216.487 213.671 216.372 213.395 216.372 213.108V187.106C216.372 186.818 216.487 186.543 216.69 186.339C216.894 186.136 217.17 186.022 217.458 186.022C217.745 186.022 218.021 186.136 218.225 186.339C218.428 186.543 218.543 186.818 218.543 187.106V213.108C218.543 213.395 218.428 213.671 218.225 213.874C218.021 214.077 217.745 214.191 217.458 214.191Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M215.287 295.449C214.999 295.449 214.723 295.335 214.52 295.131C214.316 294.928 214.202 294.653 214.202 294.365V262.946C214.202 262.658 214.316 262.383 214.52 262.18C214.723 261.976 214.999 261.862 215.287 261.862C215.575 261.862 215.851 261.976 216.055 262.18C216.258 262.383 216.372 262.658 216.372 262.946V294.365C216.372 294.653 216.258 294.928 216.055 295.131C215.851 295.335 215.575 295.449 215.287 295.449Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M193.582 323.076C193.294 323.076 193.018 322.962 192.815 322.759C192.611 322.556 192.497 322.28 192.497 321.993V275.405C192.497 275.118 192.611 274.842 192.815 274.639C193.018 274.436 193.294 274.322 193.582 274.322C193.87 274.322 194.146 274.436 194.349 274.639C194.553 274.842 194.667 275.118 194.667 275.405V321.993C194.667 322.28 194.553 322.556 194.349 322.759C194.146 322.962 193.87 323.076 193.582 323.076Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M197.923 243.444C197.635 243.444 197.359 243.33 197.156 243.127C196.952 242.923 196.838 242.648 196.838 242.361V178.438C196.838 178.151 196.952 177.875 197.156 177.672C197.359 177.469 197.635 177.355 197.923 177.355C198.211 177.355 198.487 177.469 198.69 177.672C198.894 177.875 199.008 178.151 199.008 178.438V242.361C199.008 242.648 198.894 242.923 198.69 243.127C198.487 243.33 198.211 243.444 197.923 243.444Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M330.97 379.467C332.523 378.169 330.424 373.112 326.281 368.172C322.139 363.233 317.521 360.281 315.968 361.579C314.414 362.878 316.514 367.934 320.656 372.874C324.799 377.814 329.417 380.766 330.97 379.467Z"
+      fill="#5A5B6C"/>
+    <path
+      d="M320.783 373.85C324.864 361.626 318.247 348.414 306.003 344.339C293.759 340.265 280.524 346.871 276.443 359.095C272.362 371.318 278.979 384.531 291.223 388.605C303.467 392.68 316.702 386.074 320.783 373.85Z"
+      fill="#5A5B6C"/>
+    <path d="M308.504 384.782H301.405V397.481H308.504V384.782Z" fill="#5A5B6C"/>
+    <path d="M294.305 384.782H287.206V397.481H294.305V384.782Z" fill="#5A5B6C"/>
+    <path
+      d="M302.588 399.844C305.856 399.844 308.504 398.852 308.504 397.629C308.504 396.405 305.856 395.414 302.588 395.414C299.321 395.414 296.672 396.405 296.672 397.629C296.672 398.852 299.321 399.844 302.588 399.844Z"
+      fill="#5A5B6C"/>
+    <path
+      d="M288.389 399.548C291.656 399.548 294.305 398.556 294.305 397.333C294.305 396.11 291.656 395.118 288.389 395.118C285.121 395.118 282.473 396.11 282.473 397.333C282.473 398.556 285.121 399.548 288.389 399.548Z"
+      fill="#5A5B6C"/>
+    <path
+      d="M291.275 337.146C293.362 328.756 302.573 323.819 311.848 326.118C321.124 328.418 326.952 337.083 324.865 345.472C322.778 353.862 315.855 353.889 306.58 351.59C297.304 349.29 289.188 345.535 291.275 337.146Z"
+      fill="#D0D0D5"/>
+    <path
+      d="M282.849 360.646C283.717 358.818 279.694 355.099 273.863 352.338C268.033 349.577 262.602 348.821 261.734 350.648C260.866 352.475 264.889 356.195 270.719 358.956C276.55 361.716 281.981 362.473 282.849 360.646Z"
+      fill="#5A5B6C"/>
+    <path
+      d="M295.119 369.328C299.422 369.328 302.91 365.845 302.91 361.549C302.91 357.254 299.422 353.771 295.119 353.771C290.816 353.771 287.328 357.254 287.328 361.549C287.328 365.845 290.816 369.328 295.119 369.328Z"
+      fill="white"/>
+    <path
+      d="M291.917 361.354C293.351 361.354 294.514 360.193 294.514 358.761C294.514 357.329 293.351 356.169 291.917 356.169C290.483 356.169 289.32 357.329 289.32 358.761C289.32 360.193 290.483 361.354 291.917 361.354Z"
+      fill="#1A1B38"/>
+    <path
+      d="M295.052 381.04C296.85 381.04 298.308 379.585 298.308 377.79C298.308 375.995 296.85 374.539 295.052 374.539C293.254 374.539 291.796 375.995 291.796 377.79C291.796 379.585 293.254 381.04 295.052 381.04Z"
+      fill="white"/>
+    <path
+      d="M365.339 400H237.28C237.137 400 236.998 399.943 236.897 399.841C236.795 399.74 236.738 399.602 236.738 399.458C236.738 399.315 236.795 399.177 236.897 399.075C236.998 398.974 237.137 398.917 237.28 398.917H365.339C365.483 398.917 365.621 398.974 365.722 399.075C365.824 399.177 365.881 399.315 365.881 399.458C365.881 399.602 365.824 399.74 365.722 399.841C365.621 399.943 365.483 400 365.339 400Z"
+      fill="#1A1B38"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_1388_31563">
+      <rect width="364.929" height="400" fill="white" transform="translate(0.952148)"/>
+    </clipPath>
+  </defs>
+</svg>

package/lib/components/card/VtsCardRowKeyValue.vue

@@ -0,0 +1,48 @@
+<template>
+  <div class="vts-card-row-key-value typo p3-regular">
+    <div class="key">
+      <slot name="key" />
+    </div>
+    <div v-tooltip class="value text-ellipsis">
+      <slot name="value" />
+    </div>
+    <div v-if="slots.addons" class="addons">
+      <slot name="addons" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { vTooltip } from '@core/directives/tooltip.directive'
+
+const slots = defineSlots<{
+  key(): any
+  value(): any
+  addons?(): any
+}>()
+</script>
+
+<style lang="postcss" scoped>
+.vts-card-row-key-value {
+  display: flex;
+  align-items: center;
+  gap: 0.8rem;
+
+  .key {
+    min-width: 12rem;
+    overflow-wrap: break-word;
+    color: var(--color-neutral-txt-secondary);
+  }
+
+  .value {
+    color: var(--color-neutral-txt-primary);
+  }
+
+  .addons {
+    display: flex;
+    gap: 0.8rem;
+    margin-left: auto;
+    font-size: 1.6rem;
+  }
+}
+</style>

package/lib/components/state-hero/VtsPageNotFoundHero.vue

@@ -0,0 +1,30 @@
+<template>
+  <VtsStateHero class="vts-page-not-found-hero" image="not-found" :type>
+    <span class="numeric">404</span><br />
+    {{ $t('page-not-found') }}
+  </VtsStateHero>
+</template>
+
+<script lang="ts" setup>
+import VtsStateHero, { type StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
+
+defineProps<{
+  type: StateHeroType
+}>()
+</script>
+
+<style lang="postcss" scoped>
+.vts-page-not-found-hero {
+  text-align: center;
+  margin-top: 4rem;
+
+  .numeric {
+    color: var(--color-info-txt-base);
+    font-size: 9.6rem;
+    font-weight: 900;
+    letter-spacing: 1em;
+    line-height: 100%;
+    margin-right: -1em;
+  }
+}
+</style>

package/lib/components/state-hero/VtsStateHero.vue

@@ -17,7 +17,7 @@ export type StateHeroType = 'page' | 'card' | 'panel'
 const props = defineProps<{
   type: StateHeroType
   busy?: boolean
-  image?: 'no-result' | 'under-construction' | 'no-data' | 'no-selection' | 'error' // TODO: 'offline' |  'not-found' | 'all-good' | 'all-done''
+  image?: 'no-result' | 'under-construction' | 'no-data' | 'no-selection' | 'error' | 'not-found' // TODO: 'offline' | 'all-good' | 'all-done''
 }>()
 
 const slots = defineSlots<{

package/lib/locales/de.json

@@ -29,6 +29,7 @@
   "network": "Netzwerk",
   "object-not-found": "Objekt {id} wurde nicht gefunden…",
   "open-console-in-new-tab": "Konsole in neuem Reiter öffnen",
+  "page-not-found": "Diese Seite wurde nicht gefunden…",
   "patches": "Patches",
   "power-on-vm-for-console": "Konsole ist nach Start der VM verfügbar",
   "power-on-host-for-console": "Konsole ist nach Start des Hosts verfügbar",

package/lib/locales/en.json

@@ -58,6 +58,7 @@
   "object-not-found": "Object {id} can't be found…",
   "open-console-in-new-tab": "Open console in new tab",
   "other": "Other",
+  "page-not-found": "This page is not to be found…",
   "patches": "Patches",
   "power-on-vm-for-console": "Power on your VM to access its console",
   "power-on-host-for-console": "Power on your host to access its console",

package/lib/locales/fa.json

@@ -40,6 +40,7 @@
   "master": "میزبان اصلی",
   "network": "شبکه",
   "open-console-in-new-tab": "باز کردن کنسول در برگه جدید",
+  "page-not-found": "این صفحه پیدا نمی شود…",
   "patches": "وصله ها",
   "power-on-vm-for-console": "ماشین مجازی خود را روشن کنید تا به کنسول آن دسترسی داشته باشید",
   "power-on-host-for-console": "هاست خود را برای دسترسی به کنسول آن روشن کنید",

package/lib/locales/fr.json

@@ -58,6 +58,7 @@
   "object-not-found": "L'objet {id} est introuvable…",
   "open-console-in-new-tab": "Ouvrir la console dans un nouvel onglet",
   "other": "Autre",
+  "page-not-found": "Cette page est introuvable…",
   "patches": "Patches",
   "power-on-vm-for-console": "Allumez votre VM pour accéder à sa console",
   "power-on-host-for-console": "Allumez votre hôte pour accéder à sa console",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xen-orchestra/web-core",
   "type": "module",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "private": false,
   "exports": {
     "./*": {