Merge beta into master for v24.54.0 release

Author: Paul C

Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "wolfstack"
-version = "24.53.1"
+version = "24.54.0"
 edition = "2024"
 authors = ["Wolf Software Systems Ltd"]
 description = "Server management platform for the Wolf software suite"

Cargo.toml

@@ -4482,6 +4482,10 @@ body.learn-drawer-open #task-log-footer { right: var(--learn-drawer-w) !importan
     background: var(--bg-primary);
     position: relative; /* anchor for the absolutely-positioned help popover */
 }
+/* When embedded in a sized host (the in-app Terminal panel / the pop-out
+   window body) the shell fills the host instead of the viewport. */
+.wtc-host { display: flex; flex-direction: column; min-height: 0; }
+.wtc-host .fleet-console-shell { height: 100%; min-height: 0; }
 .fc-tabstrip {
     display: flex;
     align-items: stretch;
@@ -4536,6 +4540,20 @@ body.learn-drawer-open #task-log-footer { right: var(--learn-drawer-w) !importan
 }
 .fc-tab-add:hover { color: var(--accent); border-color: var(--accent); }
 
+/* Always-visible split controls anchored to the right of the tab strip. */
+.fc-tabstrip-tools {
+    display: inline-flex; align-items: center; gap: 6px;
+    margin-left: auto; padding: 0 4px 6px;
+    flex-shrink: 0;
+}
+.fc-tool-btn {
+    display: inline-flex; align-items: center; gap: 4px;
+    padding: 6px 11px; border: 1px solid var(--border); border-radius: 8px;
+    background: var(--bg-card, var(--bg-secondary)); color: var(--text-secondary);
+    cursor: pointer; font-size: 12px; white-space: nowrap; line-height: 1;
+}
+.fc-tool-btn:hover { color: var(--accent); border-color: var(--accent); }
+
 .fc-stage { flex: 1 1 auto; min-height: 0; padding: 8px; overflow: hidden; }
 .fc-grid { display: flex; width: 100%; height: 100%; min-height: 0; gap: 0; }
 .fc-grid-single, .fc-grid-h { flex-direction: column; }
@@ -4578,6 +4596,10 @@ body.learn-drawer-open #task-log-footer { right: var(--learn-drawer-w) !importan
     background: rgba(10,10,10,0.86); backdrop-filter: blur(2px); z-index: 4;
     color: var(--text-secondary); font-size: 13px;
 }
+/* The class's display:flex outranks the UA [hidden] rule, so without this the
+   connecting/reconnect scrim stays permanently over a LIVE terminal — dimming
+   and blurring it. This makes hidden actually hide it. */
+.fc-pane-overlay[hidden] { display: none; }
 .fc-overlay-inner { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; padding: 16px; }
 .fc-overlay-spin {
     width: 30px; height: 30px; border: 3px solid rgba(127,127,127,0.25);
@@ -4652,15 +4674,6 @@ body.learn-drawer-open #task-log-footer { right: var(--learn-drawer-w) !importan
     color: var(--text-primary); background: rgba(127,127,127,0.12);
 }
 .fc-menu-btn .fc-caret { font-size: 9px; opacity: 0.55; }
-/* Terminal Console: a slim accent pill with white text — readable on every
-   theme, stands out as the primary action, single line. */
-.fc-menu-term-btn {
-    color: #fff; background: var(--accent); border: none; font-weight: 600;
-    white-space: nowrap; margin-left: 4px; padding: 6px 13px;
-}
-.fc-menu-term-btn:hover, .fc-menu-term-btn:focus {
-    color: #fff; background: var(--accent); filter: brightness(1.1); outline: none;
-}
 .fc-menu-dropdown {
     position: absolute; top: calc(100% + 6px); left: 0; min-width: 220px;
     background: var(--bg-card, var(--bg-secondary)); border: 1px solid var(--border);

web/console.html

@@ -84,6 +84,9 @@
     <script>document.getElementById('main-css').href='/css/style.css?v='+Date.now();</script>
     <script src="/js/vendor/xterm.min.js?v=15.10.7a" defer></script>
     <script src="/js/vendor/xterm-addon-fit.min.js?v=15.10.7a" defer></script>
+    <!-- Reusable KDE-Konsole-style terminal engine (window.WolfTermConsole).
+         Loaded before app.js so the per-node Terminal panel can mount it. -->
+    <script src="/js/terminal-console.js?v=15.10.7a" defer></script>
     <style>
         /* Map Styles */
         #world-map {
@@ -3109,14 +3112,6 @@ <h3>AI Analysis</h3>
              sync with the JS — no duplicated HTML/JS surface. -->
         <div id="page-inbox" class="page-view" style="display:none;"></div>
 
-        <!-- ═══ Fleet Terminal Console (byobu-style) ═══
-             Built/rendered by fleetConsoleInit() in app.js. The shell is
-             created once on first selectView('fleet-console') and then
-             KEPT LIVE — selectView hides page-views with display:none, so
-             the xterm + WebSocket instances persist across in-app
-             navigation. Do NOT dispose terminals when this page hides. -->
-        <div id="page-fleet-console" class="page-view" style="display:none; padding:0;"></div>
-
         <!-- ═══ Global WolfNet Page ═══ -->
         <div id="page-global-wolfnet" class="page-view" style="display:none;">
             <!-- Header -->
@@ -5093,7 +5088,7 @@ <h3>Terminal</h3>
                     <div style="display:flex; align-items:center; gap:8px;">
                         <span id="inline-term-status"
                             style="font-size:12px; padding:3px 10px; border-radius:12px; background:#333; color:#888;">Connecting...</span>
-                        <button class="btn btn-sm" onclick="openConsole(inlineTermType || 'host', inlineTermName || '')"
+                        <button class="btn btn-sm" onclick="inlineTermPopOut()"
                             title="Pop out to separate window">↗️ Pop Out</button>
                     </div>
                 </div>