Merge branch 'develop' into out-ss

src/components/action/action-settings/index.ts

@@ -1,7 +1,7 @@
-import { ScrollSettings } from './scroll';
-import { ScreenshotSettings } from "./screenshot";
-import { ScrapeSettings } from "./scrape";
-import { ScrapeSchemaSettings } from "./scrapeSchema";
+import { ScrollSettings } from './Scroll';
+import { ScreenshotSettings } from "./Screenshot";
+import { ScrapeSettings } from "./Scrape";
+import { ScrapeSchemaSettings } from "./ScrapeSchema";
 
 export {
   ScrollSettings,

src/components/browser/BrowserContent.tsx

@@ -130,7 +130,7 @@ export const BrowserContent = () => {
         }
       })
       .catch((error) => {
-        console.log("Fetching current url failed");
+        console.log(`Fetching current url failed: ${error}`);
       });
   }, []);
 

src/components/browser/BrowserNavBar.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import ReplayIcon from '@mui/icons-material/Replay';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
-import { NavBarButton } from '../ui/buttons/buttons';
+import { NavBarButton } from '../ui/buttons/Buttons';
 import { UrlForm } from './UrlForm';
 import { useCallback, useEffect } from "react";
 import { useSocketStore } from "../../context/socket";
@@ -63,7 +63,7 @@ const BrowserNavBar: FC<NavBarProps> = ({
         handleUrlChanged(response);
       }
     }).catch((error) => {
-      console.log("Fetching current url failed");
+      console.log(`Fetching current url failed: ${error}`);
     })
   }, []);
 

src/components/browser/BrowserWindow.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useSocketStore } from '../../context/socket';
 import { Button } from '@mui/material';
-import Canvas from "../recorder/canvas";
+import Canvas from "../recorder/Canvas";
 import { Highlighter } from "../recorder/Highlighter";
 import { GenericModal } from '../ui/GenericModal';
 import { useActionContext } from '../../context/browserActions';

src/components/browser/UrlForm.tsx

@@ -1,8 +1,8 @@
 import React, { useState, useEffect, useCallback, useRef } from 'react';
 import type { SyntheticEvent } from 'react';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
-import { NavBarForm, NavBarInput } from "../ui/form";
-import { UrlFormButton } from "../ui/buttons/buttons";
+import { NavBarForm, NavBarInput } from "../ui/Form";
+import { UrlFormButton } from "../ui/buttons/Buttons";
 import { useSocketStore } from '../../context/socket';
 import { Socket } from "socket.io-client";
 
@@ -40,7 +40,7 @@ export const UrlForm = ({
             lastSubmittedRef.current = url;  // Update the last submitted URL
         } catch (e) {
             //alert(`ERROR: ${url} is not a valid url!`);
-            console.log(e)
+            console.log(`Failed to submit form:`,e)
         }
     }, [setCurrentAddress]);
 

src/components/pickers/DatePicker.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from '../recorder/canvas';
+import { Coordinates } from '../recorder/Canvas';
 
 interface DatePickerProps {
   coordinates: Coordinates;

src/components/pickers/DateTimeLocalPicker.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from '../recorder/canvas';
+import { Coordinates } from '../recorder/Canvas';
 
 interface DateTimeLocalPickerProps {
   coordinates: Coordinates;

src/components/pickers/Dropdown.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from '../recorder/canvas';
+import { Coordinates } from '../recorder/Canvas';
 
 interface DropdownProps {
     coordinates: Coordinates;

src/components/pickers/TimePicker.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useSocketStore } from '../../context/socket';
-import { Coordinates } from '../recorder/canvas';
+import { Coordinates } from '../recorder/Canvas';
 
 interface TimePickerProps {
     coordinates: Coordinates;

src/components/recorder/Canvas.tsx

@@ -307,4 +307,4 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
 };
 
 
-export default memo(Canvas);
+export default memo(Canvas);

src/components/recorder/LeftSidePanel.tsx

@@ -19,7 +19,7 @@ const fetchWorkflow = (id: string, callback: (response: WorkflowFile) => void) =
         throw new Error("No workflow found");
       }
     }
-  ).catch((error) => { console.log(error.message) })
+  ).catch((error) => { console.log(`Failed to fetch workflow:`,error.message) })
 };
 
 interface LeftSidePanelProps {

src/components/recorder/RightSidePanel.tsx

@@ -32,7 +32,7 @@ const fetchWorkflow = (id: string, callback: (response: WorkflowFile) => void) =
         throw new Error("No workflow found");
       }
     }
-  ).catch((error) => { console.log(error.message) })
+  ).catch((error) => { console.log(`Failed to fetch workflow:`,error.message) })
 };
 
 interface RightSidePanelProps {
@@ -256,7 +256,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
           );
 
           updateListStepData(currentListId, extractedData);
-          console.log("✅ Client-side extraction completed:", extractedData);
+          console.log("✅ UI extraction completed:");
         } catch (error) {
           console.error("Error in client-side data extraction:", error);
           notify("error", "Failed to extract data client-side");
@@ -276,7 +276,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
             pagination: { type: "", selector: "" },
           });
 
-          console.log("📤 Sent extraction request to backend");
+          console.log("📤 Sent extraction request to server");
         } catch (error) {
           console.error("Error in backend data extraction:", error);
         }