moved utils file to utils folder

src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx

@@ -17,11 +17,6 @@ import { PopUpContext } from "../../../../contexts/popUpContext";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import { typesContext } from "../../../../contexts/typesContext";
 import { ParameterComponentType } from "../../../../types/components";
-import {
-  classNames,
-  getRandomKeyByssmm,
-  groupByFamily,
-} from "../../../../utils";
 import {
   cleanEdges,
   isValidConnection,
@@ -31,6 +26,11 @@ import {
   nodeIconsLucide,
   nodeNames,
 } from "../../../../utils/styleUtils";
+import {
+  classNames,
+  getRandomKeyByssmm,
+  groupByFamily,
+} from "../../../../utils/utils";
 
 export default function ParameterComponent({
   left,

src/frontend/src/CustomNodes/GenericNode/index.tsx

@@ -10,8 +10,8 @@ import { typesContext } from "../../contexts/typesContext";
 import NodeModal from "../../modals/NodeModal";
 import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
 import { NodeDataType } from "../../types/flow";
-import { classNames, toTitleCase } from "../../utils";
 import { nodeColors, nodeIconsLucide } from "../../utils/styleUtils";
+import { classNames, toTitleCase } from "../../utils/utils";
 import ParameterComponent from "./components/parameterComponent";
 
 export default function GenericNode({

src/frontend/src/components/ExtraSidebarComponent/index.tsx

@@ -2,7 +2,7 @@ import { Disclosure } from "@headlessui/react";
 import { useContext } from "react";
 import { Link } from "react-router-dom";
 import { locationContext } from "../../contexts/locationContext";
-import { classNames } from "../../utils";
+import { classNames } from "../../utils/utils";
 
 export default function ExtraSidebar() {
   const {

src/frontend/src/components/ReactTooltipComponent/index.tsx

@@ -3,7 +3,7 @@ import type { FC } from "react";
 import React from "react";
 import { Tooltip as ReactTooltip } from "react-tooltip";
 import "react-tooltip/dist/react-tooltip.css";
-import { classNames } from "../../utils";
+import { classNames } from "../../utils/utils";
 
 type TooltipProps = {
   selector: string;

src/frontend/src/components/dropdownComponent/index.tsx

@@ -3,7 +3,7 @@ import { Check, ChevronsUpDown } from "lucide-react";
 import { Fragment, useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { DropDownComponentType } from "../../types/components";
-import { classNames } from "../../utils";
+import { classNames } from "../../utils/utils";
 
 export default function Dropdown({
   value,

src/frontend/src/components/inputComponent/index.tsx

@@ -2,7 +2,7 @@ import { useContext, useEffect, useState } from "react";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { TabsContext } from "../../contexts/tabsContext";
 import { InputComponentType } from "../../types/components";
-import { classNames } from "../../utils";
+import { classNames } from "../../utils/utils";
 
 export default function InputComponent({
   value,

src/frontend/src/components/toggleComponent/index.tsx

@@ -1,7 +1,7 @@
 import { Switch } from "@headlessui/react";
 import { useEffect } from "react";
 import { ToggleComponentType } from "../../types/components";
-import { classNames } from "../../utils";
+import { classNames } from "../../utils/utils";
 
 export default function ToggleComponent({
   enabled,

src/frontend/src/components/ui/accordion.tsx

@@ -3,7 +3,7 @@
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDownIcon } from "@radix-ui/react-icons";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const Accordion = AccordionPrimitive.Root;
 

src/frontend/src/components/ui/badge.tsx

@@ -1,6 +1,6 @@
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const badgeVariants = cva(
   "inline-flex items-center border rounded-full px-2.5 font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",

src/frontend/src/components/ui/button.tsx

@@ -1,7 +1,7 @@
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background",

src/frontend/src/components/ui/card.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const Card = React.forwardRef<
   HTMLDivElement,

src/frontend/src/components/ui/checkbox.tsx

@@ -3,7 +3,7 @@
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,

src/frontend/src/components/ui/dialog.tsx

@@ -1,7 +1,7 @@
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const Dialog = DialogPrimitive.Root;
 

src/frontend/src/components/ui/dropdown-menu.tsx

@@ -3,7 +3,7 @@
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const DropdownMenu = DropdownMenuPrimitive.Root;
 

src/frontend/src/components/ui/input.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 export interface InputProps
   extends React.InputHTMLAttributes<HTMLInputElement> {}

src/frontend/src/components/ui/label.tsx

@@ -3,7 +3,7 @@
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"

src/frontend/src/components/ui/menubar.tsx

@@ -4,7 +4,7 @@ import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import * as React from "react";
 
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const MenubarMenu = MenubarPrimitive.Menu;
 

src/frontend/src/components/ui/progress.tsx

@@ -2,7 +2,7 @@
 
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const Progress = React.forwardRef<
   React.ElementRef<typeof ProgressPrimitive.Root>,

src/frontend/src/components/ui/rename-label.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 export default function RenameLabel(props) {
   const [internalState, setInternalState] = useState(false);

src/frontend/src/components/ui/separator.tsx

@@ -2,7 +2,7 @@
 
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,

src/frontend/src/components/ui/switch.tsx

@@ -2,7 +2,7 @@
 
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,

src/frontend/src/components/ui/table.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const Table = React.forwardRef<
   HTMLTableElement,

src/frontend/src/components/ui/tabs.tsx

@@ -2,7 +2,7 @@
 
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const Tabs = TabsPrimitive.Root;
 

src/frontend/src/components/ui/textarea.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 export interface TextareaProps
   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}

src/frontend/src/components/ui/tooltip.tsx

@@ -2,7 +2,7 @@
 
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as React from "react";
-import { cn } from "../../utils";
+import { cn } from "../../utils/utils";
 
 const TooltipProvider = TooltipPrimitive.Provider;
 

src/frontend/src/constants.ts

@@ -4,8 +4,8 @@ import { MessageSquare } from "lucide-react";
 import { IVarHighlightType } from "./types/components";
 import { FlowType } from "./types/flow";
 import { TabsState } from "./types/tabs";
-import { buildInputs } from "./utils";
 import { buildTweaks } from "./utils/reactflowUtils";
+import { buildInputs } from "./utils/utils";
 
 /**
  * constants fpr programming languages box on chat form

src/frontend/src/contexts/tabsContext.tsx

@@ -20,8 +20,8 @@ import {
 import { APIClassType, APITemplateType } from "../types/api";
 import { FlowType, NodeType } from "../types/flow";
 import { TabsContextType, TabsState } from "../types/tabs";
-import { getRandomDescription, getRandomName } from "../utils";
 import { updateIds, updateTemplate } from "../utils/reactflowUtils";
+import { getRandomDescription, getRandomName } from "../utils/utils";
 import { alertContext } from "./alertContext";
 import { typesContext } from "./typesContext";
 

src/frontend/src/modals/ApiModal/index.tsx

@@ -51,8 +51,8 @@ import {
 import { darkContext } from "../../contexts/darkContext";
 import { TabsContext } from "../../contexts/tabsContext";
 import { FlowType } from "../../types/flow/index";
-import { classNames } from "../../utils";
 import { buildTweaks } from "../../utils/reactflowUtils";
+import { classNames } from "../../utils/utils";
 export default function ApiModal({ flow }: { flow: FlowType }) {
   const [open, setOpen] = useState(true);
   const { dark } = useContext(darkContext);

src/frontend/src/modals/EditNodeModal/index.tsx

@@ -34,7 +34,7 @@ import { PopUpContext } from "../../contexts/popUpContext";
 import { TabsContext } from "../../contexts/tabsContext";
 import { typesContext } from "../../contexts/typesContext";
 import { NodeDataType } from "../../types/flow";
-import { classNames } from "../../utils";
+import { classNames } from "../../utils/utils";
 
 export default function EditNodeModal({ data }: { data: NodeDataType }) {
   const [open, setOpen] = useState(true);

src/frontend/src/modals/NodeModal/components/ModalField/index.tsx

@@ -9,7 +9,7 @@ import IntComponent from "../../../../components/intComponent";
 import PromptAreaComponent from "../../../../components/promptComponent";
 import TextAreaComponent from "../../../../components/textAreaComponent";
 import ToggleComponent from "../../../../components/toggleComponent";
-import { classNames } from "../../../../utils";
+import { classNames } from "../../../../utils/utils";
 
 export default function ModalField({
   data,

src/frontend/src/modals/NodeModal/index.tsx

@@ -5,8 +5,8 @@ import { limitScrollFieldsModal } from "../../constants";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { typesContext } from "../../contexts/typesContext";
 import { NodeDataType } from "../../types/flow";
-import { classNames, toTitleCase } from "../../utils";
 import { nodeColors, nodeIconsLucide } from "../../utils/styleUtils";
+import { classNames, toTitleCase } from "../../utils/utils";
 import ModalField from "./components/ModalField";
 
 export default function NodeModal({ data }: { data: NodeDataType }) {

src/frontend/src/modals/formModal/chatInput/index.tsx

@@ -1,6 +1,6 @@
 import { Lock, LucideSend, Sparkles } from "lucide-react";
 import { useEffect } from "react";
-import { classNames } from "../../../utils";
+import { classNames } from "../../../utils/utils";
 
 export default function ChatInput({
   lockChat,

src/frontend/src/modals/formModal/chatMessage/index.tsx

@@ -10,7 +10,7 @@ import Robot from "../../../assets/robot.png";
 import SanitizedHTMLWrapper from "../../../components/SanitizedHTMLWrapper";
 import { THOUGHTS_ICON } from "../../../constants";
 import { ChatMessageType } from "../../../types/chat";
-import { classNames } from "../../../utils";
+import { classNames } from "../../../utils/utils";
 import FileCard from "../fileComponent";
 import { CodeBlock } from "./codeBlock";
 export default function ChatMessage({

src/frontend/src/modals/formModal/index.tsx

@@ -5,7 +5,7 @@ import { typesContext } from "../../contexts/typesContext";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import { FlowType } from "../../types/flow";
-import { classNames } from "../../utils";
+import { classNames } from "../../utils/utils";
 import ChatInput from "./chatInput";
 import ChatMessage from "./chatMessage";
 

src/frontend/src/modals/genericModal/index.tsx

@@ -20,7 +20,7 @@ import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { postValidatePrompt } from "../../controllers/API";
 import { APIClassType } from "../../types/api";
-import { classNames, getRandomKeyByssmm } from "../../utils";
+import { classNames, getRandomKeyByssmm } from "../../utils/utils";
 import BaseModal from "../baseModal";
 
 export default function GenericModal({

src/frontend/src/modals/importModal/buttonBox/index.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { classNames } from "../../../utils";
+import { classNames } from "../../../utils/utils";
 
 export default function ButtonBox({
   onClick,

src/frontend/src/modals/importModal/index.tsx

@@ -21,7 +21,7 @@ import { PopUpContext } from "../../contexts/popUpContext";
 import { TabsContext } from "../../contexts/tabsContext";
 import { getExamples } from "../../controllers/API";
 import { FlowType } from "../../types/flow";
-import { classNames } from "../../utils";
+import { classNames } from "../../utils/utils";
 import ButtonBox from "./buttonBox";
 
 export default function ImportModal() {

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx

@@ -9,12 +9,12 @@ import { typesContext } from "../../../../contexts/typesContext";
 import ApiModal from "../../../../modals/ApiModal";
 import ExportModal from "../../../../modals/exportModal";
 import { APIClassType, APIObjectType } from "../../../../types/api";
-import { classNames } from "../../../../utils";
 import {
   nodeColors,
   nodeIconsLucide,
   nodeNames,
 } from "../../../../utils/styleUtils";
+import { classNames } from "../../../../utils/utils";
 import DisclosureComponent from "../DisclosureComponent";
 
 export default function ExtraSidebar() {

src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx

@@ -4,7 +4,7 @@ import { useReactFlow } from "reactflow";
 import ShadTooltip from "../../../../components/ShadTooltipComponent";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import EditNodeModal from "../../../../modals/EditNodeModal";
-import { classNames } from "../../../../utils";
+import { classNames } from "../../../../utils/utils";
 
 const NodeToolbarComponent = (props) => {
   const [nodeLength, setNodeLength] = useState(

src/frontend/src/utils/reactflowUtils.ts

@@ -3,7 +3,7 @@ import { Connection, ReactFlowInstance } from "reactflow";
 import { APITemplateType } from "../types/api";
 import { FlowType, NodeType } from "../types/flow";
 import { cleanEdgesType } from "../types/utils/reactflowUtils";
-import { toNormalCase } from "../utils";
+import { toNormalCase } from "./utils";
 
 export function cleanEdges({
   flow: { edges, nodes },

src/frontend/src/utils/utils.ts

@@ -1,6 +1,6 @@
 import clsx, { ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./flow_constants";
+import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "../flow_constants";
 
 export function classNames(...classes: Array<string>) {
   return classes.filter(Boolean).join(" ");