last function check. works well

Signed-off-by: Kama Huang <kamahuan@amazon.com>

Author: Kama Huang

public/pages/workflow_detail/left_nav/left_nav.tsx

@@ -59,7 +59,6 @@ import {
   reduceToTemplate,
   sleep,
   uiConfigToFormik,
-  USE_NEW_HOME_PAGE,
   useDataSourceVersion,
   useMissingDataSourceVersion,
 } from '../../../utils';
@@ -699,6 +698,7 @@ export function LeftNav(props: LeftNavProps) {
               .unwrap()
               .then((resp: SimulateIngestPipelineResponseVerbose) => {
                 const ingestPipelineErrors = getIngestPipelineErrors(resp);
+
                 // The errors map may be empty; in which case, this dispatch will clear
                 // any older errors.
                 dispatch(

public/pages/workflow_detail/resizable_workspace.tsx

@@ -35,7 +35,6 @@ import {
 } from '../../../common';
 import {
   aggregateConsoleErrors,
-  formatProcessorError,
   isValidUiWorkflow,
   reduceToTemplate,
 } from '../../utils';
@@ -80,21 +79,9 @@ export function ResizableWorkspace(props: ResizableWorkspaceProps) {
     }
   }, [props.uiConfig?.ingest?.enabled]);
 
-  // const [currentWorkflowId, setCurrentWorkflowId] = useState<
-  //   string | undefined
-  // >(props.workflow?.id);
-
   // Always start with console closed when workflow changes
   const [isConsolePanelOpen, setIsConsolePanelOpen] = useState<boolean>(false);
 
-  // Reset console state when workflow changes - ensure it's always closed initially
-  // useEffect(() => {
-  //   if (props.workflow?.id !== currentWorkflowId) {
-  //     setCurrentWorkflowId(props.workflow?.id);
-  //     setIsConsolePanelOpen(false); // Always close on workflow change
-  //   }
-  // }, [props.workflow?.id, currentWorkflowId]);
-
   useEffect(() => {
     setIsConsolePanelOpen(false);
   }, [props.workflow?.id]);

public/pages/workflow_detail/tools/console/console.tsx

@@ -32,11 +32,11 @@ export function Console(props: ConsoleProps) {
     const bodyColor = window.getComputedStyle(document.body).color;
     const colorValues = bodyColor.match(/\d+/g);
     const isDarkMode = colorValues && parseInt(colorValues[0]) > 150;
-    
+
     return {
       backgroundColor: isDarkMode ? '#1a1a1a' : '#ffffff',
       textColor: isDarkMode ? '#ffffff' : '#000000',
-      isDarkMode
+      isDarkMode,
     };
   };
 
@@ -56,7 +56,9 @@ export function Console(props: ConsoleProps) {
   };
 
   const showHeader = () => {
-    const injectedStyle = document.getElementById('console-fullscreen-hide-header');
+    const injectedStyle = document.getElementById(
+      'console-fullscreen-hide-header'
+    );
     if (injectedStyle) {
       injectedStyle.remove();
     }
@@ -276,10 +278,8 @@ export function Console(props: ConsoleProps) {
         </EuiFlexGroup>
       </div>
 
-      {/* Simple Fullscreen for Responses */}
       {fullscreenMode === 'responses' && (
         <>
-          {/* Main fullscreen container */}
           <div
             style={{
               position: 'fixed',
@@ -296,7 +296,6 @@ export function Console(props: ConsoleProps) {
             }}
             onClick={(e) => e.stopPropagation()}
           >
-            {/* Pure text only */}
             <pre
               style={{
                 marginTop: '0px',
@@ -316,8 +315,7 @@ export function Console(props: ConsoleProps) {
               {props.ingestResponse}
             </pre>
           </div>
-          
-          {/* Separate close button overlay */}
+
           <div
             style={{
               position: 'fixed',
@@ -343,10 +341,8 @@ export function Console(props: ConsoleProps) {
         </>
       )}
 
-      {/* Simple Fullscreen for Errors */}
       {fullscreenMode === 'errors' && (
         <>
-          {/* Main fullscreen container */}
           <div
             style={{
               position: 'fixed',
@@ -363,7 +359,6 @@ export function Console(props: ConsoleProps) {
             }}
             onClick={(e) => e.stopPropagation()}
           >
-            {/* Pure text only */}
             <div style={{ marginTop: '0px' }}>
               {props.errorMessages.map((errorMessage, idx) => (
                 <pre
@@ -387,8 +382,7 @@ export function Console(props: ConsoleProps) {
               ))}
             </div>
           </div>
-          
-          {/* Separate close button overlay */}
+
           <div
             style={{
               position: 'fixed',
@@ -415,4 +409,4 @@ export function Console(props: ConsoleProps) {
       )}
     </>
   );
-}
+}