diff --git a/packages/dashboard/app/components/TerminalModal.css b/packages/dashboard/app/components/TerminalModal.css
index 2f62a06ec2..1b8ac66d26 100644
--- a/packages/dashboard/app/components/TerminalModal.css
+++ b/packages/dashboard/app/components/TerminalModal.css
@@ -434,6 +434,12 @@ The floating-mode header is the move grip. `touch-action: none` is required so a
   margin-left: var(--space-xs);
 }
 
+/* FNXC:Terminal 2026-06-23-00:15: Icon-only pop-out/dock toggle — no visible text label, so render as a square icon button while keeping the same hover/border treatment as the other header controls. */
+.terminal-clear-btn--icon {
+  padding: 6px;
+  justify-content: center;
+}
+
 .terminal-log-container {
   flex: 1;
   overflow: hidden;
@@ -930,10 +936,15 @@ The shortcut bar (modifier keys + arrow keys) must sit on ONE line, not stack in
   justify-self: start;
 }
 
+/*
+FNXC:Terminal 2026-06-23-00:15:
+Footer reads left-to-right: text-size control, then the relocated Clear/Shortcuts/Preferences action cluster, then connection status / exit code / zoom-hint pushed to the right edge (margin-left:auto on the connection status). flex-wrap keeps the action cluster from clipping when the docked/floating panel is narrow; gap replaces the old space-between distribution.
+*/
 .terminal-status-bar {
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: var(--space-sm);
   padding: var(--space-sm) var(--space-lg);
   background: var(--surface);
   border-top: 1px solid var(--border);
@@ -941,8 +952,19 @@ The shortcut bar (modifier keys + arrow keys) must sit on ONE line, not stack in
   color: var(--text-muted);
 }
 
+/* FNXC:Terminal 2026-06-23-00:15: Grouped cluster of the relocated Clear/Shortcuts/Preferences buttons; scrolls horizontally as a unit on very narrow footers so the buttons stay reachable instead of clipping. */
+.terminal-footer-actions {
+  display: flex;
+  align-items: center;
+  gap: var(--space-xs);
+  min-width: 0;
+  overflow-x: auto;
+}
+
+/* FNXC:Terminal 2026-06-23-00:15: Connection status starts the right-aligned trailing group (status + exit code + zoom hint) so the left edge holds the text-size and action controls. */
 .terminal-connection-status {
   font-weight: 500;
+  margin-left: auto;
 }
 
 .terminal-connection-status.connected {
diff --git a/packages/dashboard/app/components/TerminalModal.tsx b/packages/dashboard/app/components/TerminalModal.tsx
index 74f9b68c38..f00533a962 100644
--- a/packages/dashboard/app/components/TerminalModal.tsx
+++ b/packages/dashboard/app/components/TerminalModal.tsx
@@ -1935,45 +1935,21 @@ export function TerminalModal({ isOpen, onClose, initialCommand, initialCommandG
                 <span className="terminal-action-label">{t("terminal.newSession", "New Session")}</span>
               </button>
             )}
-            <button
-              className="terminal-clear-btn"
-              onClick={handleClear}
-              data-testid="terminal-clear-btn"
-              title={t("terminal.clearTerminal", "Clear terminal")}
-            >
-              <Trash2 size={14} />
-              <span className="terminal-action-label">{t("terminal.clear", "Clear")}</span>
-            </button>
-            <button
-              className="terminal-clear-btn terminal-clear-btn--shortcut"
-              onClick={() => setShowShortcuts((current) => !current)}
-              data-testid="terminal-shortcut-toggle"
-              title={t("terminal.shortcuts", "Shortcuts")}
-              aria-pressed={showShortcuts}
-            >
-              <Keyboard size={14} />
-              <span className="terminal-action-label">{t("terminal.shortcuts", "Shortcuts")}</span>
-            </button>
-            <button
-              className="terminal-clear-btn terminal-clear-btn--shortcut"
-              onClick={() => setShowPreferences((current) => !current)}
-              data-testid="terminal-preferences-toggle"
-              title={t("terminal.preferences", "Preferences")}
-              aria-pressed={showPreferences}
-            >
-              <Settings size={14} />
-              <span className="terminal-action-label">{t("terminal.preferences", "Preferences")}</span>
-            </button>
+            {/*
+            FNXC:Terminal 2026-06-23-00:15:
+            Clear / Shortcuts / Preferences moved OUT of the header actions and DOWN into the bottom status bar (footer) next to the text-size control, so the header keeps only contextual reconnect/restart, the icon-only pop-out toggle, and close.
+            The pop-out/dock toggle is now ICON-ONLY (no visible "Pop out"/"Dock" text); the icon flips and the title/aria-label still announce the toggle target for accessibility.
+            */}
             {!isMobileTerminal && (
               <button
-                className="terminal-clear-btn terminal-clear-btn--shortcut"
+                className="terminal-clear-btn terminal-clear-btn--shortcut terminal-clear-btn--icon"
                 onClick={handleToggleDisplayMode}
                 data-testid="terminal-popout-toggle"
                 title={displayMode === "floating" ? t("terminal.dockTerminal", "Dock terminal") : t("terminal.popOutTerminal", "Pop out terminal")}
+                aria-label={displayMode === "floating" ? t("terminal.dockTerminal", "Dock terminal") : t("terminal.popOutTerminal", "Pop out terminal")}
                 aria-pressed={displayMode === "floating"}
               >
                 {displayMode === "floating" ? <Minimize2 size={14} /> : <Maximize2 size={14} />}
-                <span className="terminal-action-label">{displayMode === "floating" ? t("terminal.dock", "Dock") : t("terminal.popOut", "Pop out")}</span>
               </button>
             )}
             <button
@@ -2254,19 +2230,11 @@ export function TerminalModal({ isOpen, onClose, initialCommand, initialCommandG
           </div>
         )}
 
-        {/* Connection status bar */}
+        {/*
+        FNXC:Terminal 2026-06-23-00:15:
+        Footer is laid out left-to-right as a flex row: the text-size control sits at the LEFT, followed by the relocated Clear / Shortcuts / Preferences action buttons (a grouped cluster). The connection-status text and zoom-hint copy stay on the right and collapse first on narrow widths. The whole control cluster wraps/scrolls when the footer is too narrow so docked/floating/mobile layouts never clip the buttons.
+        */}
         <div className="terminal-status-bar" data-testid="terminal-status-bar">
-          <span className={`terminal-connection-status ${connectionStatus}`}>
-            {connectionStatus === "connected" && t("terminal.statusConnected", "Connected")}
-            {connectionStatus === "connecting" && t("terminal.statusConnecting", "Connecting...")}
-            {connectionStatus === "reconnecting" && t("terminal.statusReconnecting", "Reconnecting...")}
-            {connectionStatus === "disconnected" && t("terminal.statusDisconnected", "Disconnected")}
-          </span>
-          {exitCode !== null && (
-            <span className="terminal-exit-code" data-testid="terminal-exit-code">
-              {t("terminal.exitLabel", "Exit: {{code}}", { code: exitCode })}
-            </span>
-          )}
           <span className="terminal-font-size-controls">
             <button
               type="button"
@@ -2290,6 +2258,49 @@ export function TerminalModal({ isOpen, onClose, initialCommand, initialCommandG
               <Plus size={14} />
             </button>
           </span>
+          {/* FNXC:Terminal 2026-06-23-00:15: Clear / Shortcuts / Preferences relocated here from the header actions; same handlers, testids, and labels preserved. */}
+          <span className="terminal-footer-actions" data-testid="terminal-footer-actions">
+            <button
+              className="terminal-clear-btn"
+              onClick={handleClear}
+              data-testid="terminal-clear-btn"
+              title={t("terminal.clearTerminal", "Clear terminal")}
+            >
+              <Trash2 size={14} />
+              <span className="terminal-action-label">{t("terminal.clear", "Clear")}</span>
+            </button>
+            <button
+              className="terminal-clear-btn terminal-clear-btn--shortcut"
+              onClick={() => setShowShortcuts((current) => !current)}
+              data-testid="terminal-shortcut-toggle"
+              title={t("terminal.shortcuts", "Shortcuts")}
+              aria-pressed={showShortcuts}
+            >
+              <Keyboard size={14} />
+              <span className="terminal-action-label">{t("terminal.shortcuts", "Shortcuts")}</span>
+            </button>
+            <button
+              className="terminal-clear-btn terminal-clear-btn--shortcut"
+              onClick={() => setShowPreferences((current) => !current)}
+              data-testid="terminal-preferences-toggle"
+              title={t("terminal.preferences", "Preferences")}
+              aria-pressed={showPreferences}
+            >
+              <Settings size={14} />
+              <span className="terminal-action-label">{t("terminal.preferences", "Preferences")}</span>
+            </button>
+          </span>
+          <span className={`terminal-connection-status ${connectionStatus}`}>
+            {connectionStatus === "connected" && t("terminal.statusConnected", "Connected")}
+            {connectionStatus === "connecting" && t("terminal.statusConnecting", "Connecting...")}
+            {connectionStatus === "reconnecting" && t("terminal.statusReconnecting", "Reconnecting...")}
+            {connectionStatus === "disconnected" && t("terminal.statusDisconnected", "Disconnected")}
+          </span>
+          {exitCode !== null && (
+            <span className="terminal-exit-code" data-testid="terminal-exit-code">
+              {t("terminal.exitLabel", "Exit: {{code}}", { code: exitCode })}
+            </span>
+          )}
           <span className="terminal-shortcuts">
             {t("terminal.helpText", "Ctrl++/- zoom • ⌨ Shortcuts panel • Esc close")}
           </span>