feat: update dataset embedding error message display

web/app/components/datasets/create/embedding-process/index.tsx

@@ -29,6 +29,7 @@ import UpgradeBtn from '@/app/components/billing/upgrade-btn'
 import { useProviderContext } from '@/context/provider-context'
 import { sleep } from '@/utils'
 import { RETRIEVE_METHOD } from '@/types/app'
+import Tooltip from '@/app/components/base/tooltip'
 
 type Props = {
   datasetId: string
@@ -295,12 +296,15 @@ const EmbeddingProcess: FC<Props> = ({ datasetId, batchId, documents = [], index
                 <div className="shrink-0 text-xs">{`${getSourcePercent(indexingStatusDetail)}%`}</div>
               )}
               {indexingStatusDetail.indexing_status === 'error' && (
-                <>
+                <Tooltip
-                  <span className="flex items-center max-w-[200px] text-xs text-text-destructive truncate" title={indexingStatusDetail.error || ''}>
+                  popupClassName='px-4 py-[14px] max-w-60 text-sm leading-4 text-text-secondary border-[0.5px] border-components-panel-border rounded-xl'
-                    {indexingStatusDetail.error || 'Error'}
+                  offset={4}
+                  popupContent={indexingStatusDetail.error}
+                >
+                  <span>
+                    <RiErrorWarningFill className='shrink-0 size-4 text-text-destructive' />
                   </span>
-                  <RiErrorWarningFill className='shrink-0 size-4 text-text-destructive' />
+                </Tooltip>
-                </>
               )}
               {indexingStatusDetail.indexing_status === 'completed' && (
                 <RiCheckboxCircleFill className='shrink-0 size-4 text-text-success' />