Fixed success alert not appearing at front, and removed alert displayed at playground

src/frontend/src/App.tsx

@@ -222,8 +222,7 @@ export default function App() {
                   id={alert.id}
                   removeAlert={removeAlert}
                 />
-              ) : (
+              ) : alert.type === "notice" ? (
-                alert.type === "notice" && (
                 <NoticeAlert
                   key={alert.id}
                   title={alert.title}
@@ -231,25 +230,19 @@ export default function App() {
                   id={alert.id}
                   removeAlert={removeAlert}
                 />
+              ) : (
+                alert.type === "success" && (
+                  <SuccessAlert
+                    key={alert.id}
+                    title={alert.title}
+                    id={alert.id}
+                    removeAlert={removeAlert}
+                  />
                 )
               )}
             </div>
           ))}
         </div>
-        <div className="z-40 flex flex-col-reverse">
-          {tempNotificationList.map((alert) => (
-            <div key={alert.id}>
-              {alert.type === "success" && (
-                <SuccessAlert
-                  key={alert.id}
-                  title={alert.title}
-                  id={alert.id}
-                  removeAlert={removeAlert}
-                />
-              )}
-            </div>
-          ))}
-        </div>
       </div>
     </div>
   );

src/frontend/src/modals/IOModal/index.tsx

@@ -91,6 +91,7 @@ export default function IOModal({
       await buildFlow({
         input_value: chatValue,
         startNodeId: chatInput?.id,
+        silent: true,
       }).catch((err) => {
         console.error(err);
         setLockChat(false);

src/frontend/src/stores/flowStore.ts

@@ -430,10 +430,12 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
     startNodeId,
     stopNodeId,
     input_value,
+    silent,
   }: {
     startNodeId?: string;
     stopNodeId?: string;
     input_value?: string;
+    silent?: boolean;
   }) => {
     get().setIsBuilding(true);
     const currentFlow = useFlowsManagerStore.getState().currentFlow;
@@ -536,10 +538,13 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
       startNodeId,
       stopNodeId,
       onGetOrderSuccess: () => {
+        if (!silent) {
           setNoticeData({ title: "Running components" });
+        }
       },
       onBuildComplete: (allNodesValid) => {
         const nodeId = startNodeId || stopNodeId;
+        if (!silent) {
           if (nodeId && allNodesValid) {
             setSuccessData({
               title: `${
@@ -550,6 +555,7 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
           } else {
             setSuccessData({ title: FLOW_BUILD_SUCCESS_ALERT });
           }
+        }
         get().setIsBuilding(false);
       },
       onBuildUpdate: handleBuildUpdate,

src/frontend/src/types/zustand/flow/index.ts

@@ -106,11 +106,12 @@ export type FlowStoreType = {
     startNodeId,
     stopNodeId,
     input_value,
+    silent,
   }: {
-    nodeId?: string;
     startNodeId?: string;
     stopNodeId?: string;
     input_value?: string;
+    silent?: boolean;
   }) => Promise<void>;
   getFlow: () => { nodes: Node[]; edges: Edge[]; viewport: Viewport };
   updateVerticesBuild: (