feat: Catching errors with IndentedTree #2247 (#2380)

### What problem does this PR solve?

feat: Catching errors with IndentedTree #2247

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/search/index.less

@@ -57,15 +57,22 @@
 
 .content {
   height: 100%;
-  .main {
-    width: 60%;
-    // background-color: aqua;
+  .hide {
+    display: none;
+  }
+
+  .mainMixin() {
     overflow: auto;
     padding: 20px 10px 10px;
-    .chunks {
-      // overflow: auto;
-      // height: 60vh;
-    }
+  }
+
+  .largeMain {
+    width: 100%;
+    .mainMixin();
+  }
+  .main {
+    width: 60%;
+    .mainMixin();
   }
 
   .graph {
@@ -111,6 +118,9 @@
 }
 .partialInput {
   width: 100%;
+  position: sticky;
+  top: 0;
+  z-index: 1;
   .input();
 }
 

web/src/pages/search/index.tsx

@@ -20,7 +20,7 @@ import {
   Space,
   Tag,
 } from 'antd';
-import { useState } from 'react';
+import { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import MarkdownContent from '../chat/markdown-content';
 import { useFetchBackgroundImage, useSendQuestion } from './hooks';
@@ -35,7 +35,6 @@ const SearchPage = () => {
   const { t } = useTranslation();
   const [checkedList, setCheckedList] = useState<string[]>([]);
   const { chunks, total } = useSelectTestingResult();
-  // const appConf = useFetchAppConf();
   const {
     sendQuestion,
     handleClickRelatedQuestion,
@@ -62,6 +61,14 @@ const SearchPage = () => {
     handleTestChunk(selectedDocumentIds, pageNumber, pageSize);
   };
 
+  const isMindMapEmpty = useMemo(() => {
+    return (
+      !mindMapLoading &&
+      ((Array.isArray(mindMap?.children) && mindMap.children.length === 0) ||
+        !Array.isArray(mindMap?.children))
+    );
+  }, [mindMap, mindMapLoading]);
+
   const InputSearch = (
     <Search
       value={searchStr}
@@ -103,7 +110,9 @@ const SearchPage = () => {
               </Flex>
             ) : (
               <Flex className={styles.content}>
-                <section className={styles.main}>
+                <section
+                  className={isMindMapEmpty ? styles.largeMain : styles.main}
+                >
                   {InputSearch}
                   {answer.answer && (
                     <div className={styles.answerWrapper}>
@@ -165,7 +174,9 @@ const SearchPage = () => {
                     onChange={onChange}
                   />
                 </section>
-                <section className={styles.graph}>
+                <section
+                  className={isMindMapEmpty ? styles.hide : styles.graph}
+                >
                   {mindMapLoading ? (
                     <Skeleton active />
                   ) : (