feat(latest-queries): enhance "Answer" column with word wrapping in L…

…atestQueries component
HUBioDataLab · Feb 13, 2025 · d5451a8 · d5451a8
1 parent 01783cd
commit d5451a8
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/crossbar_llm/frontend/src/components/LatestQueries.js b/crossbar_llm/frontend/src/components/LatestQueries.js
@@ -8,7 +8,16 @@ function LatestQueries({ queries, onSelectQuery }) {
     { field: 'query', headerName: 'Query', flex: 2 },
     { field: 'type', headerName: 'Type', flex: 1 },
     { field: 'llmType', headerName: 'LLM', flex: 1 },
-    { field: 'naturalAnswer', headerName: 'Answer', flex: 2 } // Added new column
+    { 
+      field: 'naturalAnswer', 
+      headerName: 'Answer', 
+      flex: 2,
+      renderCell: (params) => (
+        <div style={{ whiteSpace: 'normal', wordWrap: 'break-word' }}>
+          {params.value}
+        </div>
+      )
+    } // updated "Answer" column
   ];
 
   const rows = queries.slice().reverse().map((item, index) => ({