fix: misc

src/components/options/SelectWithDesc.tsx

@@ -24,7 +24,11 @@ const SelectWithDesc = <T extends string | boolean>({
   description: string;
 }) => {
   const handleChange = (event: SelectChangeEvent<T>) => {
-    onChange(event.target.value as T);
+    const newValue =
+      typeof selected === 'boolean'
+        ? event.target.value === 'true'
+        : event.target.value;
+    onChange(newValue as T);
   };
 
   return (

src/components/result/ToolTextResult.tsx

@@ -1,8 +1,9 @@
 import { Box, TextField } from '@mui/material';
-import React, { useContext } from 'react';
+import React, { useContext, useEffect } from 'react';
 import { CustomSnackBarContext } from '../../contexts/CustomSnackBarContext';
 import InputHeader from '../InputHeader';
 import ResultFooter from './ResultFooter';
+import { replaceSpecialCharacters } from '../../utils/string';
 
 export default function ToolTextResult({
   title = 'Result',
@@ -37,7 +38,7 @@ export default function ToolTextResult({
     <Box>
       <InputHeader title={title} />
       <TextField
-        value={value}
+        value={replaceSpecialCharacters(value)}
         fullWidth
         multiline
         rows={10}