From 317089d57f13f68a40f496d23174fb2d066e60cb Mon Sep 17 00:00:00 2001
From: Etienne Lescot <etiennelescot@gmail.com>
Date: Fri, 27 Mar 2026 14:04:04 +0100
Subject: [PATCH] fix: restore flex layout to ensure HUD renders in transparent
 Electron window

---
 src/components/launch/LaunchWindow.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/launch/LaunchWindow.tsx b/src/components/launch/LaunchWindow.tsx
index 54ea221..3c7f9c7 100644
--- a/src/components/launch/LaunchWindow.tsx
+++ b/src/components/launch/LaunchWindow.tsx
@@ -229,7 +229,9 @@ export function LaunchWindow() {
 	};
 
 	return (
-		<div className={`w-full h-full bg-transparent relative ${styles.electronDrag}`}>
+		<div
+			className={`w-full h-full flex items-end justify-center bg-transparent relative ${styles.electronDrag}`}
+		>
 			{/* Language switcher — top-left, beside traffic lights */}
 			<div
 				className={`absolute top-2 flex items-center gap-1 px-2 py-1 rounded-md text-white/50 hover:text-white/90 hover:bg-white/10 transition-all duration-150 ${isMac ? "left-[72px]" : "left-2"} ${styles.electronNoDrag}`}
@@ -252,7 +254,7 @@ export function LaunchWindow() {
 			{/* Device selectors — float above the HUD bar, anchored to the window */}
 			{(showMicControls || showWebcamControls) && (
 				<div
-					className={`absolute bottom-[68px] left-1/2 -translate-x-1/2 flex items-center gap-2 animate-mic-panel-in ${styles.electronNoDrag}`}
+					className={`absolute bottom-[60px] left-1/2 -translate-x-1/2 flex items-center gap-2 animate-mic-panel-in ${styles.electronNoDrag}`}
 				>
 					{/* Mic selector */}
 					{showMicControls && (
@@ -350,7 +352,7 @@ export function LaunchWindow() {
 
 			{/* HUD bar — always at bottom center, never moves */}
 			<div
-				className={`absolute bottom-4 left-1/2 -translate-x-1/2 flex items-center gap-1.5 px-2 py-1.5 rounded-full shadow-hud-bar bg-gradient-to-br from-[rgba(28,28,36,0.97)] to-[rgba(18,18,26,0.96)] backdrop-blur-[16px] backdrop-saturate-[140%] border border-[rgba(80,80,120,0.25)]`}
+				className={`mb-4 flex items-center gap-1.5 px-2 py-1.5 rounded-full shadow-hud-bar bg-gradient-to-br from-[rgba(28,28,36,0.97)] to-[rgba(18,18,26,0.96)] backdrop-blur-[16px] backdrop-saturate-[140%] border border-[rgba(80,80,120,0.25)]`}
 			>
 				{/* Drag handle */}
 				<div className={`flex items-center px-1 ${styles.electronDrag}`}>