fix: Minor fixes and feature flag removal (#4409)

* minor fixes in playground

* remove feature flag

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

src/frontend/src/App.css

@@ -194,3 +194,6 @@ body {
   border-radius: 20% !important;
 }
 
+code {
+  font-family: var(--font-mono)s !important;
+}

src/frontend/src/components/cardComponent/index.tsx

@@ -1,9 +1,6 @@
-import { ENABLE_NEW_IO_MODAL } from "@/customization/feature-flags";
 import { track } from "@/customization/utils/analytics";
 import { useState } from "react";
 import { Control } from "react-hook-form";
-import IOModalOld from "../../modals/IOModal";
-import IOModalNew from "../../modals/IOModal/newModal";
 import useAlertStore from "../../stores/alertStore";
 import useFlowsManagerStore from "../../stores/flowsManagerStore";
 import { FlowType } from "../../types/flow";
@@ -24,7 +21,6 @@ import { FormControl, FormField } from "../ui/form";
 import Loading from "../ui/loading";
 import useDragStart from "./hooks/use-on-drag-start";
 import { convertTestName } from "./utils/convert-test-name";
-const IOModal = ENABLE_NEW_IO_MODAL ? IOModalNew : IOModalOld;
 
 export default function CollectionCardComponent({
   data,

src/frontend/src/components/flowToolbarComponent/index.tsx

@@ -1,21 +1,18 @@
 import ShadTooltip from "@/components/shadTooltipComponent";
-import { ENABLE_API, ENABLE_NEW_IO_MODAL } from "@/customization/feature-flags";
+import { ENABLE_API } from "@/customization/feature-flags";
 import { track } from "@/customization/utils/analytics";
+import IOModal from "@/modals/IOModal/newModal";
 import { useEffect, useMemo, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { Panel } from "reactflow";
 import ApiModal from "../../modals/apiModal";
-import IOModalOld from "../../modals/IOModal";
-import IOModalNew from "../../modals/IOModal/newModal";
 import ShareModal from "../../modals/shareModal";
 import useFlowStore from "../../stores/flowStore";
 import { useShortcutsStore } from "../../stores/shortcuts";
 import { useStoreStore } from "../../stores/storeStore";
 import { classNames, isThereModal } from "../../utils/utils";
 import ForwardedIconComponent from "../genericIconComponent";
 
-const IOModal = ENABLE_NEW_IO_MODAL ? IOModalNew : IOModalOld;
-
 export default function FlowToolbar(): JSX.Element {
   const preventDefault = true;
   const [open, setOpen] = useState<boolean>(false);

src/frontend/src/components/storeCardComponent/index.tsx

@@ -1,5 +1,4 @@
 import { usePostLikeComponent } from "@/controllers/API/queries/store";
-import { ENABLE_NEW_IO_MODAL } from "@/customization/feature-flags";
 import { useState } from "react";
 import { getComponent } from "../../controllers/API";
 import IOModalOld from "../../modals/IOModal";
@@ -27,7 +26,6 @@ import Loading from "../ui/loading";
 import useDataEffect from "./hooks/use-data-effect";
 import useInstallComponent from "./hooks/use-handle-install";
 import { convertTestName } from "./utils/convert-test-name";
-const IOModal = ENABLE_NEW_IO_MODAL ? IOModalNew : IOModalOld;
 
 export default function StoreCardComponent({
   data,

src/frontend/src/components/ui/textAnimation.tsx

@@ -37,7 +37,7 @@ const defaultContainerVariants: Variants = {
   visible: {
     opacity: 1,
     transition: {
-      staggerChildren: 0.05,
+      staggerChildren: 0.025,
     },
   },
   exit: {

src/frontend/src/customization/feature-flags.ts

@@ -7,7 +7,6 @@ export const ENABLE_BRANDING = true;
 export const ENABLE_MVPS = false;
 export const ENABLE_CUSTOM_PARAM = false;
 export const ENABLE_INTEGRATIONS = false;
-export const ENABLE_NEW_IO_MODAL = true;
 export const ENABLE_NEW_LOGO = false;
 export const ENABLE_DATASTAX_LANGFLOW = false;
 export const ENABLE_HOMEPAGE = true;

src/frontend/src/modals/IOModal/newModal.tsx

@@ -307,7 +307,7 @@ export default function IOModal({
                           <Button
                             data-testid="new-chat"
                             variant="ghost"
-                            className="flex h-8 w-8 items-center justify-center !p-0"
+                            className="flex h-8 w-8 items-center justify-center !p-0 hover:bg-secondary-hover"
                             onClick={(_) => {
                               setvisibleSession(undefined);
                               setSelectedViewField(undefined);
@@ -447,6 +447,7 @@ export default function IOModal({
                 >
                   <ShadTooltip styleClasses="z-50" content="New Chat">
                     <Button
+                      className="h-[32px] w-[32px] hover:bg-secondary-hover"
                       variant="ghost"
                       size="icon"
                       onClick={(_) => {

src/frontend/src/pages/Playground/index.tsx

@@ -1,16 +1,13 @@
 import { useGetFlow } from "@/controllers/API/queries/flows/use-get-flow";
-import { ENABLE_NEW_IO_MODAL } from "@/customization/feature-flags";
 import { useCustomNavigate } from "@/customization/hooks/use-custom-navigate";
 import { track } from "@/customization/utils/analytics";
+import IOModal from "@/modals/IOModal/newModal";
 import { useStoreStore } from "@/stores/storeStore";
 import { useEffect } from "react";
 import { useParams } from "react-router-dom";
 import { getComponent } from "../../controllers/API";
-import IOModalOld from "../../modals/IOModal";
-import IOModalNew from "../../modals/IOModal/newModal";
 import useFlowsManagerStore from "../../stores/flowsManagerStore";
 import cloneFLowWithParent from "../../utils/storeUtils";
-const IOModal = ENABLE_NEW_IO_MODAL ? IOModalNew : IOModalOld;
 
 export default function PlaygroundPage() {
   const setCurrentFlow = useFlowsManagerStore((state) => state.setCurrentFlow);