update playground icon

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

@@ -316,11 +316,11 @@ export default function CollectionCardComponent({
                           });
                         }
                       }}
-                      data-testid={`like-${data.name}`}
+                      data-testid={`playground-${data.name}`}
                     >
                       {!loadingPlayground ? (
                         <IconComponent
-                          name="MonitorPlay"
+                          name="BotMessageSquareIcon"
                           className={cn(
                             "h-5 w-5 select-none",
                             !authorized ? " text-ring" : ""
@@ -462,7 +462,7 @@ export default function CollectionCardComponent({
               >
                 {!loadingPlayground ? (
                   <IconComponent
-                    name="MonitorPlay"
+                    name="BotMessageSquareIcon"
                     className="h-4 w-4 select-none"
                   />
                 ) : (

src/frontend/src/components/chatComponent/index.tsx

@@ -92,7 +92,7 @@ export default function FlowToolbar(): JSX.Element {
                 <IOModal open={open} setOpen={setOpen} disable={!hasIO}>
                   <div className="relative inline-flex w-full items-center justify-center   gap-1 px-5 py-3 text-sm font-semibold transition-all duration-500 ease-in-out hover:bg-hover">
                     <ForwardedIconComponent
-                      name="MonitorPlay"
+                      name="BotMessageSquareIcon"
                       className={" h-5 w-5 transition-all"}
                     />
                     Playground

src/frontend/src/utils/styleUtils.ts

@@ -136,7 +136,7 @@ import {
   X,
   XCircle,
   Zap,
-  MonitorPlay
+  PlaySquare
 } from "lucide-react";
 import { FaApple, FaGithub } from "react-icons/fa";
 import { AWSIcon } from "../icons/AWS";
@@ -145,7 +145,7 @@ import { AnthropicIcon } from "../icons/Anthropic";
 import { AstraDBIcon } from "../icons/AstraDB";
 import { AzureIcon } from "../icons/Azure";
 import { BingIcon } from "../icons/Bing";
-import { BotMessageSquareIcon } from "../icons/BotMessageSquare";
+import { BotMessageSquareIcon} from "../icons/BotMessageSquare";
 import { ChromaIcon } from "../icons/ChromaIcon";
 import { CohereIcon } from "../icons/Cohere";
 import { ElasticsearchIcon } from "../icons/ElasticsearchStore";
@@ -293,7 +293,8 @@ export const nodeIconsLucide: iconsType = {
   ListFlows: Group,
   ClearMessageHistory: FileClock,
   Python: PythonIcon,
-  ChatOutput: BotMessageSquareIcon,
+  ChatOutput: MessagesSquare,
+  BotMessageSquareIcon,
   ChatInput: MessagesSquare,
   inputs: Download,
   outputs: Upload,
@@ -505,7 +506,6 @@ export const nodeIconsLucide: iconsType = {
   Bot,
   Delete,
   Command,
-  MonitorPlay,
   ArrowBigUp,
   Dot,
 };