+ return hasBlockElement ? ( + <>{children} + ) : ( +
+ {children} +
+ ); + }, + a: ({ children, ...props }) => { + return ( + //@ts-ignore + + {children} + + ); + }, + table: ({ children, ...props }) => { + return ( +
+ {cleanCode}
+
+ ) : (
+ {cleanCode};
+ }
+};
+
+export default CodeRender;
diff --git a/ProductivitySuite/ui/react/src/components/Chat_Markdown/CodeRender/codeRender.module.scss b/ProductivitySuite/ui/react/src/components/Chat_Markdown/CodeRender/codeRender.module.scss
new file mode 100644
index 0000000000..596004846e
--- /dev/null
+++ b/ProductivitySuite/ui/react/src/components/Chat_Markdown/CodeRender/codeRender.module.scss
@@ -0,0 +1,36 @@
+.code {
+ margin: 7px 0px;
+
+ .codeHead {
+ padding: 0px 10px !important;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-items: center;
+ justify-content: space-between;
+
+ .codeTitle {
+ }
+
+ .codeActionGroup {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-items: center;
+ justify-content: flex-start;
+ }
+ }
+
+ .codeHighlighterDiv {
+ margin: 0px !important;
+ white-space: pre-wrap !important;
+
+ code {
+ white-space: pre-wrap !important;
+ }
+ }
+}
+
+.inlineCode {
+ background: #fff;
+}
diff --git a/ProductivitySuite/ui/react/src/components/Chat_Markdown/markdown.module.scss b/ProductivitySuite/ui/react/src/components/Chat_Markdown/markdown.module.scss
new file mode 100644
index 0000000000..e86902eed3
--- /dev/null
+++ b/ProductivitySuite/ui/react/src/components/Chat_Markdown/markdown.module.scss
@@ -0,0 +1,29 @@
+.tableDiv {
+ &:first-of-type {
+ padding-top: 0px !important;
+ }
+
+ table,
+ th,
+ td {
+ border: 1px solid black;
+ border-collapse: collapse;
+ padding: 5px;
+ }
+}
+
+.md {
+ li {
+ margin-left: 35px; /* Adjust the value based on your preference */
+ }
+}
+
+.markdownWrapper {
+ > p:first-of-type {
+ margin-top: 0.25rem;
+ }
+
+ > p:last-of-type {
+ margin-bottom: 0.25rem;
+ }
+}
diff --git a/ProductivitySuite/ui/react/src/components/Chat_SettingsModal/ChatSettingsModal.module.scss b/ProductivitySuite/ui/react/src/components/Chat_SettingsModal/ChatSettingsModal.module.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/ProductivitySuite/ui/react/src/components/Chat_SettingsModal/ChatSettingsModal.tsx b/ProductivitySuite/ui/react/src/components/Chat_SettingsModal/ChatSettingsModal.tsx
new file mode 100644
index 0000000000..732e5a2123
--- /dev/null
+++ b/ProductivitySuite/ui/react/src/components/Chat_SettingsModal/ChatSettingsModal.tsx
@@ -0,0 +1,43 @@
+import * as React from "react";
+import {
+ Box,
+ Typography,
+ Modal,
+ IconButton,
+ styled,
+ Tooltip,
+} from "@mui/material";
+import SettingsApplicationsOutlinedIcon from "@mui/icons-material/SettingsApplicationsOutlined";
+import PromptSettings from "@components/PromptSettings/PromptSettings";
+import { Close } from "@mui/icons-material";
+import ModalBox from "@root/shared/ModalBox/ModalBox";
+
+const ChatSettingsModal = () => {
+ const [open, setOpen] = React.useState(false);
+ const handleOpen = () => setOpen(true);
+ const handleClose = () => setOpen(false);
+
+ return (
+