fix: unify connection toolbar visibility (#1357)

src/ui/features/guacamole/GuacamoleApp.tsx

@@ -174,7 +174,7 @@ interface GuacamoleAppInnerProps {
     | "rdpPassword"
     | "vncUser"
     | "vncPassword"
-  >;
+  > & { enableTerminalToolbar?: boolean };
   hostName: string;
   tabId?: string;
   protocol?: "rdp" | "vnc" | "telnet";
@@ -208,6 +208,7 @@ const GuacamoleAppInner = React.forwardRef<
   const [displayZoom, setDisplayZoom] = useState(1);
   const [filesystem, setFilesystem] = useState<Guacamole.Object | null>(null);
   const [fileBrowserOpen, setFileBrowserOpen] = useState(false);
+  const [toolbarHidden, setToolbarHidden] = useState(false);
   const [pendingUploads, setPendingUploads] = useState<File[]>([]);
 
   const guacConfig = parseGuacamoleConfig(hostConfig.guacamoleConfig);
@@ -586,16 +587,19 @@ const GuacamoleAppInner = React.forwardRef<
           onClose={() => setFileBrowserOpen(false)}
         />
       )}
-      <GuacamoleToolbar
-        displayRef={displayRef}
-        protocol={resolvedProtocol}
-        touchMode={touchMode}
-        hasFilesystem={filesystem !== null}
-        fileBrowserOpen={fileBrowserOpen}
-        onToggleFileBrowser={() => setFileBrowserOpen((open) => !open)}
-        onTouchModeChange={setTouchMode}
-        zoom={displayZoom}
-      />
+      {hostConfig.enableTerminalToolbar !== false && !toolbarHidden && (
+        <GuacamoleToolbar
+          displayRef={displayRef}
+          protocol={resolvedProtocol}
+          touchMode={touchMode}
+          hasFilesystem={filesystem !== null}
+          fileBrowserOpen={fileBrowserOpen}
+          onToggleFileBrowser={() => setFileBrowserOpen((open) => !open)}
+          onTouchModeChange={setTouchMode}
+          zoom={displayZoom}
+          onHide={() => setToolbarHidden(true)}
+        />
+      )}
       {shareModalOpen && guacamoleConnectionId && (
         <ShareSessionModal
           open={shareModalOpen}

src/ui/features/guacamole/GuacamoleToolbar.tsx

@@ -19,6 +19,7 @@ import {
   ZoomIn,
   ZoomOut,
   Scan,
+  X,
 } from "lucide-react";
 import {
   Tooltip,
@@ -42,6 +43,7 @@ interface GuacamoleToolbarProps {
   onToggleFileBrowser?: () => void;
   onTouchModeChange?: (mode: GuacamoleTouchMode) => void;
   zoom?: number;
+  onHide?: () => void;
 }
 
 const MODIFIER_KEYSYMS = {
@@ -130,6 +132,7 @@ export const GuacamoleToolbar: React.FC<GuacamoleToolbarProps> = ({
   onToggleFileBrowser,
   onTouchModeChange,
   zoom = 1,
+  onHide,
 }) => {
   const { t } = useTranslation();
   const [position, setPosition] = useState({ x: 0, y: 12 });
@@ -569,6 +572,14 @@ export const GuacamoleToolbar: React.FC<GuacamoleToolbarProps> = ({
                 {t("guacamole.toolbar.collapse")}
               </TooltipContent>
             </Tooltip>
+            {onHide && (
+              <TipIconBtn
+                tooltip={t("guacamole.toolbar.hide")}
+                onClick={onHide}
+              >
+                <X className="size-3.5" />
+              </TipIconBtn>
+            )}
           </div>
         )}
       </div>