diff --git a/public/pages/workflow_detail/components/header.tsx b/public/pages/workflow_detail/components/header.tsx index e319a458..4f6e4952 100644 --- a/public/pages/workflow_detail/components/header.tsx +++ b/public/pages/workflow_detail/components/header.tsx @@ -108,10 +108,6 @@ export function WorkflowDetailHeader(props: WorkflowDetailHeaderProps) { }; }, [setHeaderVariant, USE_NEW_HOME_PAGE]); - const onExportButtonClick = () => { - setIsExportModalOpen(true); - }; - const onExitButtonClick = () => { history.replace( constructUrlWithParams(APP_PATH.WORKFLOWS, undefined, dataSourceId) @@ -302,13 +298,6 @@ export function WorkflowDetailHeader(props: WorkflowDetailHeaderProps) { controlType: 'icon', disabled: saveDisabled, } as TopNavMenuIconData, - { - iconType: 'exportAction', - tooltip: 'Export', - ariaLabel: 'Export', - run: onExportButtonClick, - controlType: 'icon', - } as TopNavMenuIconData, { iconType: 'exit', tooltip: 'Return to projects', @@ -353,10 +342,23 @@ export function WorkflowDetailHeader(props: WorkflowDetailHeaderProps) { ), }, { - text: `Last updated: ${workflowLastUpdated}`, + text: `Last saved: ${workflowLastUpdated}`, color: 'subdued', className: 'workflow-detail-last-updated', } as TopNavControlData, + { + renderComponent: ( + { + setIsExportModalOpen(true); + }} + data-testid="exportButton" + > + Export + + ), + }, ]} /> @@ -411,7 +413,7 @@ export function WorkflowDetailHeader(props: WorkflowDetailHeaderProps) { }} />, - {`Last updated: ${workflowLastUpdated}`} + {`Last saved: ${workflowLastUpdated}`} , -

{PANEL_TITLE}

+

{PANEL_TITLE}

diff --git a/public/pages/workflow_detail/workflow_detail.test.tsx b/public/pages/workflow_detail/workflow_detail.test.tsx index 34fc1c81..3e7bd535 100644 --- a/public/pages/workflow_detail/workflow_detail.test.tsx +++ b/public/pages/workflow_detail/workflow_detail.test.tsx @@ -78,10 +78,10 @@ describe('WorkflowDetail Page with create ingestion option', () => { } = renderWithRouter(workflowId, workflowName, type); expect(getAllByText(workflowName).length).toBeGreaterThan(0); - expect(getAllByText('Inspector').length).toBeGreaterThan(0); - expect(getAllByText('Preview').length).toBeGreaterThan(0); + expect(getAllByText('Inspect pipeline').length).toBeGreaterThan(0); + expect(getAllByText('Preview pipeline').length).toBeGreaterThan(0); expect( - getAllByText((content) => content.startsWith('Last updated:')).length + getAllByText((content) => content.startsWith('Last saved:')).length ).toBeGreaterThan(0); expect(getByText('Close')).toBeInTheDocument(); expect(getByText('Export')).toBeInTheDocument(); diff --git a/public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs/modals/configure_expression_modal.tsx b/public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs/modals/configure_expression_modal.tsx index 9dbad4da..fb2fcfd2 100644 --- a/public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs/modals/configure_expression_modal.tsx +++ b/public/pages/workflow_detail/workflow_inputs/processor_inputs/ml_processor_inputs/modals/configure_expression_modal.tsx @@ -23,6 +23,7 @@ import { EuiSpacer, EuiIconTip, EuiPopover, + EuiBadge, } from '@elastic/eui'; import { customStringify, @@ -562,7 +563,20 @@ export function ConfigureExpressionModal(props: ConfigureExpressionModalProps) { )} - Source data + + + Sample of source data + + + {`${ + oneToOne ? 'One' : 'Many' + } to one processing`} + + )} - Source data + Sample of model output - Prompt preview + Preview )} - Source data + + + Sample of source data + + + {`${ + oneToOne ? 'One' : 'Many' + } to one processing`} + + -

Preview

+

{PANEL_TITLE}