feat: create recorder ui directory

src/components/molecules/action-settings/scrapeSchema.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
 import { WarningText } from "../../ui/texts";
 import InfoIcon from "@mui/icons-material/Info";
-import { KeyValueForm } from "../KeyValueForm";
+import { KeyValueForm } from "../../recorder/KeyValueForm";
 
 export const ScrapeSchemaSettings = forwardRef((props, ref) => {
   const keyValueFormRef = useRef<{ getObject: () => object }>(null);

src/components/recorder/KeyValueForm.tsx

@@ -1,5 +1,5 @@
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import { KeyValuePair } from "../atoms/KeyValuePair";
+import { KeyValuePair } from "./KeyValuePair";
 import { AddButton } from "../ui/buttons/AddButton";
 import { RemoveButton } from "../ui/buttons/RemoveButton";
 

src/components/recorder/LeftSidePanel.tsx

@@ -5,11 +5,11 @@ import { useSocketStore } from '../../context/socket';
 import { WhereWhatPair, WorkflowFile } from "maxun-core";
 import { SidePanelHeader } from "./SidePanelHeader";
 import { emptyWorkflow } from "../../shared/constants";
-import { LeftSidePanelContent } from "../molecules/LeftSidePanelContent";
+import { LeftSidePanelContent } from "./LeftSidePanelContent";
 import { useBrowserDimensionsStore } from "../../context/browserDimensions";
 import { useGlobalInfoStore } from "../../context/globalInfo";
 import { TabContext, TabPanel } from "@mui/lab";
-import { LeftSidePanelSettings } from "../molecules/LeftSidePanelSettings";
+import { LeftSidePanelSettings } from "./LeftSidePanelSettings";
 import { RunSettings } from "../run/RunSettings";
 
 const fetchWorkflow = (id: string, callback: (response: WorkflowFile) => void) => {

src/components/recorder/Pair.tsx

@@ -5,7 +5,7 @@ import { WorkflowFile } from "maxun-core";
 import { ClearButton } from "../ui/buttons/ClearButton";
 import { GenericModal } from "../ui/GenericModal";
 import { PairEditForm } from "./PairEditForm";
-import { PairDisplayDiv } from "../atoms/PairDisplayDiv";
+import { PairDisplayDiv } from "./PairDisplayDiv";
 import { EditButton } from "../ui/buttons/EditButton";
 import { BreakpointButton } from "../ui/buttons/BreakpointButton";
 import VisibilityIcon from '@mui/icons-material/Visibility';

src/components/robot/RobotDuplicate.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { GenericModal } from "../ui/GenericModal";
 import { TextField, Typography, Box, Button } from "@mui/material";
-import { modalStyle } from "../molecules/AddWhereCondModal";
+import { modalStyle } from "../recorder/AddWhereCondModal";
 import { useGlobalInfoStore } from '../../context/globalInfo';
 import { duplicateRecording, getStoredRecording } from '../../api/storage';
 import { WhereWhatPair } from 'maxun-core';

src/components/robot/RobotEdit.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { GenericModal } from "../ui/GenericModal";
 import { TextField, Typography, Box, Button } from "@mui/material";
-import { modalStyle } from "../molecules/AddWhereCondModal";
+import { modalStyle } from "../recorder/AddWhereCondModal";
 import { useGlobalInfoStore } from '../../context/globalInfo';
 import { getStoredRecording, updateRecording } from '../../api/storage';
 import { WhereWhatPair } from 'maxun-core';

src/components/robot/RobotSettings.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { GenericModal } from "../ui/GenericModal";
 import { TextField, Typography, Box } from "@mui/material";
-import { modalStyle } from "../molecules/AddWhereCondModal";
+import { modalStyle } from "../recorder/AddWhereCondModal";
 import { useGlobalInfoStore } from '../../context/globalInfo';
 import { getStoredRecording } from '../../api/storage';
 import { WhereWhatPair } from 'maxun-core';

src/components/run/ColapsibleRow.tsx

@@ -8,7 +8,7 @@ import { deleteRunFromStorage } from "../../api/storage";
 import { columns, Data } from "./RunsTable";
 import { RunContent } from "./RunContent";
 import { GenericModal } from "../ui/GenericModal";
-import { modalStyle } from "../molecules/AddWhereCondModal";
+import { modalStyle } from "../recorder/AddWhereCondModal";
 import { getUserById } from "../../api/auth";
 import { useTranslation } from "react-i18next";
 

src/components/run/RunSettings.tsx

@@ -3,7 +3,7 @@ import { GenericModal } from "../ui/GenericModal";
 import { MenuItem, TextField, Typography, Switch, FormControlLabel } from "@mui/material";
 import { Dropdown } from "../ui/DropdownMui";
 import Button from "@mui/material/Button";
-import { modalStyle } from "../molecules/AddWhereCondModal";
+import { modalStyle } from "../recorder/AddWhereCondModal";
 
 interface RunSettingsProps {
   isOpen: boolean;