Merge remote-tracking branch 'origin/dev-liu-0211'

frontend/react-template/src/components/FlowChart/styles/FlowChart.module.css

@@ -43,6 +43,7 @@
   color: #333;
   font-size: 14px;
   cursor: pointer;
+  position: relative;
 }
 
 .controlButton:hover {

frontend/react-template/src/components/MainContent/MainContent.module.css

@@ -53,14 +53,15 @@
 
 .content {
   flex: 1;
-  overflow: auto;
+  overflow: hidden;
   background: #fafafa;
   display: flex;
-  align-items: center;
-  justify-content: center;
+  flex-direction: column;
+  position: relative;
 }
 
 .empty {
   color: #999;
   font-size: 14px;
+  margin: auto;
 }

frontend/react-template/src/components/MainContent/MainContent.tsx

@@ -15,8 +15,8 @@ interface MainContentProps {
 export const MainContent: FC<MainContentProps> = ({ traceId, onNodeClick }) => {
   const { trace, loading } = useTrace(traceId);
   const initialGoals = useMemo(() => trace?.goal_tree?.goals ?? [], [trace]);
-  const { goals, connected, msgGroups, messages } = useFlowChartData(traceId, initialGoals);
-  console.log("%c [ messages ]-19", "font-size:13px; background:pink; color:#bf2c9f;", messages);
+  const { goals, connected, msgGroups } = useFlowChartData(traceId, initialGoals);
+  console.log("%c [ MainContent-goals ]-19", "font-size:13px; background:pink; color:#bf2c9f;", goals);
 
   if (!traceId && !loading) {
     return (