feat: set height to 0.72 of browser size

src/components/browser/BrowserWindow.tsx

@@ -76,7 +76,7 @@ export const BrowserWindow = () => {
     const [attributeOptions, setAttributeOptions] = useState<AttributeOption[]>([]);
     const [selectedElement, setSelectedElement] = useState<{ selector: string, info: ElementInfo | null } | null>(null);
     const [currentListId, setCurrentListId] = useState<number | null>(null);
-    const [viewportInfo, setViewportInfo] = useState<ViewportInfo>({ width: window.innerWidth * 0.7, height: window.innerHeight * 0.64 });
+    const [viewportInfo, setViewportInfo] = useState<ViewportInfo>({ width: window.innerWidth * 0.7, height: window.innerHeight * 0.72 });
 
     const [listSelector, setListSelector] = useState<string | null>(null);
     const [fields, setFields] = useState<Record<string, TextStep>>({});
@@ -92,13 +92,13 @@ export const BrowserWindow = () => {
 
     const [dimensions, setDimensions] = useState({
         width: window.innerWidth * 0.7,
-        height: window.innerHeight * 0.64
+        height: window.innerHeight * 0.72
     });
     
     const handleResize = useCallback(() => {
         setDimensions({
             width: window.innerWidth * 0.7,
-            height: window.innerHeight * 0.64
+            height: window.innerHeight * 0.72
         });
     }, []);
     

src/components/recorder/RightSidePanel.tsx

@@ -55,7 +55,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
   const [isCaptureTextConfirmed, setIsCaptureTextConfirmed] = useState(false);
   const [isCaptureListConfirmed, setIsCaptureListConfirmed] = useState(false);
   const [panelDimensions, setPanelDimensions] = useState({
-    height: window.innerHeight * 0.64 + 137
+    height: window.innerHeight * 0.72 + 137
   });
 
   const { lastAction, notify, currentWorkflowActionsState, setCurrentWorkflowActionsState, resetInterpretationLog } = useGlobalInfoStore();
@@ -72,7 +72,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
   const handleResize = useCallback(() => {
     // Update panel dimensions
     setPanelDimensions({
-      height: window.innerHeight * 0.64 + 137
+      height: window.innerHeight * 0.72 + 137
     });
   }, []);
 

src/context/browserDimensions.tsx

@@ -8,7 +8,7 @@ interface BrowserDimensions {
 
 class BrowserDimensionsStore implements Partial<BrowserDimensions> {
   width: number = window.innerWidth * 0.7;
-  height: number = window.innerHeight * 0.64;
+  height: number = window.innerHeight * 0.72;
 };
 
 const browserDimensionsStore = new BrowserDimensionsStore();

src/helpers/coordinateMapper.ts

@@ -8,7 +8,7 @@ export class CoordinateMapper {
   
   constructor(
     canvasWidth: number = window.innerWidth * 0.7, 
-    canvasHeight: number = window.innerHeight * 0.64,
+    canvasHeight: number = window.innerHeight * 0.72,
     browserWidth: number = BROWSER_DEFAULT_WIDTH,
     browserHeight: number = BROWSER_DEFAULT_HEIGHT
   ) {