Bundle web-ui v3.1.0a7

2026-10-22 10:52:21 +03:00 · 2026-10-21 15:24:00 +07:00 · 2026-10-21 15:24:00 +07:00 · 179e7e0d17
commit 179e7e0d17
parent c1fdd55cb3
58 changed files with 4717 additions and 38446 deletions
--- a/gns3server/static/web-ui/assets/console-ui.css
+++ b/gns3server/static/web-ui/assets/console-ui.css
@ -0,0 +1,26 @@
+/* Shared local typography for standalone console chrome. Remote framebuffer
+   pixels and terminal font preferences remain owned by the remote session. */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('fonts/roboto/roboto-latin-400.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('fonts/roboto/roboto-latin-500.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('fonts/roboto/roboto-latin-700.woff2') format('woff2');
+}
+:root {
+  --gns3-font-code: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
+}
--- a/gns3server/static/web-ui/assets/fonts/roboto/roboto-latin-400.woff2
+++ b/gns3server/static/web-ui/assets/fonts/roboto/roboto-latin-400.woff2
--- a/gns3server/static/web-ui/assets/fonts/roboto/roboto-latin-500.woff2
+++ b/gns3server/static/web-ui/assets/fonts/roboto/roboto-latin-500.woff2
--- a/gns3server/static/web-ui/assets/fonts/roboto/roboto-latin-700.woff2
+++ b/gns3server/static/web-ui/assets/fonts/roboto/roboto-latin-700.woff2
--- a/gns3server/static/web-ui/assets/vnc-console/index.html
+++ b/gns3server/static/web-ui/assets/vnc-console/index.html
@ -5,6 +5,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
    <title>VNC Console</title>
+    <link rel="stylesheet" href="../console-ui.css" />
    <style>
      * {
        margin: 0;
@ -15,7 +16,7 @@
      body {
        overflow: hidden;
        background: #000;
-        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+        font-family: 'Roboto', sans-serif;
      }

      #vnc-container {
@ -456,7 +457,7 @@
        color: #fff;
        font-size: 32px;
        font-weight: bold;
-        font-family: monospace;
+        font-family: var(--gns3-font-code);
        display: none;
        align-items: center;
        gap: 8px;
@ -550,7 +551,9 @@
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
-        min-width: 400px;
+        width: min(400px, calc(100vw - 32px));
+        max-height: calc(100dvh - 32px);
+        overflow: auto;
        z-index: 1002;
        display: none;
      }
@ -569,7 +572,7 @@
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        padding: 12px;
-        font-family: monospace;
+        font-family: var(--gns3-font-code);
        font-size: 13px;
        resize: vertical;
        margin-bottom: 16px;
@ -616,6 +619,34 @@
        z-index: 1001;
        display: none;
      }
+      button,
+      input,
+      select {
+        font-family: inherit;
+      }
+
+      button:focus-visible,
+      input:focus-visible,
+      select:focus-visible,
+      textarea:focus-visible {
+        outline: 2px solid #90caf9;
+        outline-offset: 2px;
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        #vnc-container,
+        #status-bar,
+        #vnc-toolbar,
+        button,
+        .dropdown-menu {
+          transition: none;
+        }
+        .dropdown-menu.show,
+        #vnc-toolbar button.recording,
+        #recording-indicator .recording-dot {
+          animation: none;
+        }
+      }
    </style>
  </head>
  <body>
--- a/gns3server/static/web-ui/assets/xpra-html5/js/Menu.js
+++ b/gns3server/static/web-ui/assets/xpra-html5/js/Menu.js
@ -42,6 +42,27 @@ SOFTWARE.
  const MENU_CLASS_NAME = "Menu";
  const VISIBLE_CLASS_NAME = "-visible";

+  function positionToolbarMenu(ul) {
+    if (!ul.closest("#menu_list")) return;
+
+    // Measure without the opening animation or a previous edge correction.
+    ul.style.left = "";
+    ul.style.right = "";
+    const viewportWidth = document.documentElement.clientWidth;
+    let bounds = ul.getBoundingClientRect();
+    if (bounds.right > viewportWidth && ul.id !== "menu_list") {
+      ul.style.left = "auto";
+      ul.style.right = "100%";
+      bounds = ul.getBoundingClientRect();
+    }
+
+    const shift = Math.max(0, -bounds.left) + Math.min(0, viewportWidth - bounds.right);
+    if (shift) {
+      ul.style.left = `${ul.offsetLeft + shift}px`;
+      ul.style.right = "auto";
+    }
+  }
+
  function showMenu() {
    const menu = this;
    const ul = $("ul", menu)[0];
@ -61,8 +82,10 @@ SOFTWARE.
    }

    menu.classList.add(ACTIVE_CLASS_NAME);
-    ul.classList.add(ANIMATING_CLASS_NAME);
+    ul.classList.remove(ANIMATING_CLASS_NAME);
    ul.classList.add(VISIBLE_CLASS_NAME);
+    positionToolbarMenu(ul);
+    ul.classList.add(ANIMATING_CLASS_NAME);
    setTimeout(function() {
      ul.classList.remove(ANIMATING_CLASS_NAME);
    }, 25);
--- a/gns3server/static/web-ui/chunk-2EU4MCU2.js
+++ b/gns3server/static/web-ui/chunk-2EU4MCU2.js
--- a/gns3server/static/web-ui/chunk-2MJLPLTV.js
+++ b/gns3server/static/web-ui/chunk-2MJLPLTV.js
--- a/gns3server/static/web-ui/chunk-2WSNHQFF.js
+++ b/gns3server/static/web-ui/chunk-2WSNHQFF.js
--- a/gns3server/static/web-ui/chunk-ETQHA42W.js
+++ b/gns3server/static/web-ui/chunk-ETQHA42W.js
--- a/gns3server/static/web-ui/chunk-JPY5KHMK.js
+++ b/gns3server/static/web-ui/chunk-JPY5KHMK.js
--- a/gns3server/static/web-ui/chunk-YK4BK3GN.js
+++ b/gns3server/static/web-ui/chunk-YK4BK3GN.js
--- a/gns3server/static/web-ui/index.html
+++ b/gns3server/static/web-ui/index.html
--- a/gns3server/static/web-ui/main-2SCMRH5O.js
+++ b/gns3server/static/web-ui/main-2SCMRH5O.js
--- a/gns3server/static/web-ui/main-D46BBTLD.js
+++ b/gns3server/static/web-ui/main-D46BBTLD.js
--- a/gns3server/static/web-ui/media/NotoSans-Bold-5GE4CF2E.ttf
+++ b/gns3server/static/web-ui/media/NotoSans-Bold-5GE4CF2E.ttf
--- a/gns3server/static/web-ui/media/NotoSans-Bold-RBKCPTHN.woff
+++ b/gns3server/static/web-ui/media/NotoSans-Bold-RBKCPTHN.woff
--- a/gns3server/static/web-ui/media/NotoSans-Bold-SMQDUQ54.svg
+++ b/gns3server/static/web-ui/media/NotoSans-Bold-SMQDUQ54.svg
--- a/gns3server/static/web-ui/media/NotoSans-Bold-U6VRRGSF.eot
+++ b/gns3server/static/web-ui/media/NotoSans-Bold-U6VRRGSF.eot
--- a/gns3server/static/web-ui/media/NotoSans-BoldItalic-F3VJXIBO.ttf
+++ b/gns3server/static/web-ui/media/NotoSans-BoldItalic-F3VJXIBO.ttf
--- a/gns3server/static/web-ui/media/NotoSans-BoldItalic-FOXTHNRZ.woff
+++ b/gns3server/static/web-ui/media/NotoSans-BoldItalic-FOXTHNRZ.woff
--- a/gns3server/static/web-ui/media/NotoSans-BoldItalic-I2S65SI5.svg
+++ b/gns3server/static/web-ui/media/NotoSans-BoldItalic-I2S65SI5.svg
--- a/gns3server/static/web-ui/media/NotoSans-BoldItalic-P7PPOO2H.eot
+++ b/gns3server/static/web-ui/media/NotoSans-BoldItalic-P7PPOO2H.eot
--- a/gns3server/static/web-ui/media/NotoSans-Italic-EGPORDS3.ttf
+++ b/gns3server/static/web-ui/media/NotoSans-Italic-EGPORDS3.ttf
--- a/gns3server/static/web-ui/media/NotoSans-Italic-HVXXZ53S.svg
+++ b/gns3server/static/web-ui/media/NotoSans-Italic-HVXXZ53S.svg
--- a/gns3server/static/web-ui/media/NotoSans-Italic-O7GTQGFV.woff
+++ b/gns3server/static/web-ui/media/NotoSans-Italic-O7GTQGFV.woff
--- a/gns3server/static/web-ui/media/NotoSans-Italic-QUMULBNO.eot
+++ b/gns3server/static/web-ui/media/NotoSans-Italic-QUMULBNO.eot
--- a/gns3server/static/web-ui/media/NotoSans-Regular-4YJZZMLG.ttf
+++ b/gns3server/static/web-ui/media/NotoSans-Regular-4YJZZMLG.ttf
--- a/gns3server/static/web-ui/media/NotoSans-Regular-CVVXLBAZ.eot
+++ b/gns3server/static/web-ui/media/NotoSans-Regular-CVVXLBAZ.eot
--- a/gns3server/static/web-ui/media/NotoSans-Regular-LFPD6WDW.woff
+++ b/gns3server/static/web-ui/media/NotoSans-Regular-LFPD6WDW.woff
--- a/gns3server/static/web-ui/media/NotoSans-Regular-XM4E3356.svg
+++ b/gns3server/static/web-ui/media/NotoSans-Regular-XM4E3356.svg
--- a/gns3server/static/web-ui/media/roboto-latin-100-KOPQVFVU.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-100-KOPQVFVU.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-100-LOUZJWWD.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-100-LOUZJWWD.woff
--- a/gns3server/static/web-ui/media/roboto-latin-100italic-2YPH5CYH.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-100italic-2YPH5CYH.woff
--- a/gns3server/static/web-ui/media/roboto-latin-100italic-IG5GIIM4.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-100italic-IG5GIIM4.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-300-JWHYBBRD.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-300-JWHYBBRD.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-300-NQN4IYIE.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-300-NQN4IYIE.woff
--- a/gns3server/static/web-ui/media/roboto-latin-300italic-HJJJOUNF.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-300italic-HJJJOUNF.woff
--- a/gns3server/static/web-ui/media/roboto-latin-300italic-IULEMQ5T.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-300italic-IULEMQ5T.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-400-DYWU2ORH.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-400-DYWU2ORH.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-400-PZFAIW4T.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-400-PZFAIW4T.woff
--- a/gns3server/static/web-ui/media/roboto-latin-400italic-NBBRDGPF.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-400italic-NBBRDGPF.woff
--- a/gns3server/static/web-ui/media/roboto-latin-400italic-XM6GSVOE.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-400italic-XM6GSVOE.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-500-4IP6S76S.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-500-4IP6S76S.woff
--- a/gns3server/static/web-ui/media/roboto-latin-500-DX54HW7Y.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-500-DX54HW7Y.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-500italic-OVB2IKYS.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-500italic-OVB2IKYS.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-500italic-VL7WQZYV.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-500italic-VL7WQZYV.woff
--- a/gns3server/static/web-ui/media/roboto-latin-700-AJRTAAYS.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-700-AJRTAAYS.woff
--- a/gns3server/static/web-ui/media/roboto-latin-700-CKETX7AH.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-700-CKETX7AH.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-700italic-4UYGFYT4.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-700italic-4UYGFYT4.woff
--- a/gns3server/static/web-ui/media/roboto-latin-700italic-XRYXTYAE.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-700italic-XRYXTYAE.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-900-FAV2O762.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-900-FAV2O762.woff2
--- a/gns3server/static/web-ui/media/roboto-latin-900-JFROQEGL.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-900-JFROQEGL.woff
--- a/gns3server/static/web-ui/media/roboto-latin-900italic-EOKBGSTY.woff
+++ b/gns3server/static/web-ui/media/roboto-latin-900italic-EOKBGSTY.woff
--- a/gns3server/static/web-ui/media/roboto-latin-900italic-TQPYBBAD.woff2
+++ b/gns3server/static/web-ui/media/roboto-latin-900italic-TQPYBBAD.woff2
--- a/gns3server/static/web-ui/styles-2FY4FSR3.css
+++ b/gns3server/static/web-ui/styles-2FY4FSR3.css
--- a/gns3server/static/web-ui/styles-NJDCODEZ.css
+++ b/gns3server/static/web-ui/styles-NJDCODEZ.css
--- a/gns3server/static/web-ui/worker-457ML2XE.js
+++ b/gns3server/static/web-ui/worker-457ML2XE.js