From 0f5a5875727dbf04172007499f949ae69de2ce41 Mon Sep 17 00:00:00 2001
From: Jan Beitner <jan.beitner@inflexion.com>
Date: Wed, 10 Apr 2024 09:41:55 +0100
Subject: [PATCH 1/2] allow html in text element

---
 frontend/src/components/atoms/elements/Text.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/atoms/elements/Text.tsx b/frontend/src/components/atoms/elements/Text.tsx
index a4fbea745a..bf4ecf51e5 100644
--- a/frontend/src/components/atoms/elements/Text.tsx
+++ b/frontend/src/components/atoms/elements/Text.tsx
@@ -1,3 +1,5 @@
+import { useRecoilValue } from 'recoil';
+
 import Box from '@mui/material/Box';
 
 import { Markdown } from 'components/molecules/Markdown';
@@ -5,6 +7,7 @@ import { Markdown } from 'components/molecules/Markdown';
 import { useFetch } from 'hooks/useFetch';
 
 import { type ITextElement } from 'client-types/';
+import { projectSettingsState } from '@chainlit/app/src/state/project';
 
 interface Props {
   element: ITextElement;
@@ -12,6 +15,9 @@ interface Props {
 
 const TextElement = ({ element }: Props) => {
   const { data, error, isLoading } = useFetch(element.url || null);
+  const projectSettings = useRecoilValue(projectSettingsState);
+  const allowHtml = projectSettings?.features?.unsafe_allow_html;
+  const latex = projectSettings?.features?.latex;
 
   let content = '';
 
@@ -29,7 +35,7 @@ const TextElement = ({ element }: Props) => {
 
   return (
     <Box sx={{ fontFamily: (theme) => theme.typography.fontFamily }}>
-      <Markdown>{content}</Markdown>
+      <Markdown allowHtml={allowHtml} latex={latex}>{content}</Markdown>
     </Box>
   );
 };

From 085244d0ac0957363d40d009885315dc22b3a33c Mon Sep 17 00:00:00 2001
From: Jan Beitner <jan.beitner@inflexion.com>
Date: Fri, 19 Apr 2024 09:27:12 +0100
Subject: [PATCH 2/2] fix import

---
 frontend/src/components/atoms/elements/Text.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/atoms/elements/Text.tsx b/frontend/src/components/atoms/elements/Text.tsx
index bf4ecf51e5..9f018cfc8f 100644
--- a/frontend/src/components/atoms/elements/Text.tsx
+++ b/frontend/src/components/atoms/elements/Text.tsx
@@ -7,7 +7,7 @@ import { Markdown } from 'components/molecules/Markdown';
 import { useFetch } from 'hooks/useFetch';
 
 import { type ITextElement } from 'client-types/';
-import { projectSettingsState } from '@chainlit/app/src/state/project';
+import { projectSettingsState } from 'state/project';
 
 interface Props {
   element: ITextElement;