fix: formatted dataframe output in chatoutput (#6717)

* Updated Chat Output to handle Dataframe without displaying other metadata

* Updated starter examples

* [autofix.ci] apply automated fixes

* [autofix.ci] apply automated fixes (attempt 2/3)

* Reverted change to allow md table to be displayed

* Added html support to md renderer

* added min width to markdown tables

* Fixed chat component markdown rendering

* Fixed starter examples

* [autofix.ci] apply automated fixes

* Updated versions

* Fixed rehypeRaw

* [autofix.ci] apply automated fixes

* [autofix.ci] apply automated fixes

* fix: update get_all_flows_similar_to_project function signature and return type

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Edwin Jose <edwin.jose@datastax.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>

src/frontend/package.json

@@ -76,6 +76,7 @@
     "react18-json-view": "^0.2.8",
     "reactflow": "^11.11.3",
     "rehype-mathjax": "^4.0.3",
+    "rehype-raw": "^6.1.1",
     "remark-gfm": "3.0.1",
     "remark-math": "^6.0.0",
     "shadcn-ui": "^0.9.4",

src/frontend/src/modals/IOModal/components/chatView/chatMessage/components/edit-message.tsx

@@ -1,8 +1,8 @@
-import { cn } from "@/utils/utils";
-
 import { EMPTY_OUTPUT_SEND_MESSAGE } from "@/constants/constants";
+import { cn } from "@/utils/utils";
 import Markdown from "react-markdown";
 import rehypeMathjax from "rehype-mathjax";
+import rehypeRaw from "rehype-raw";
 import remarkGfm from "remark-gfm";
 import CodeTabsComponent from "../../../../../../components/core/codeTabsComponent/ChatCodeTabComponent";
 
@@ -22,9 +22,9 @@ export const MarkdownField = ({
   return (
     <div className="w-full items-baseline gap-2">
       <Markdown
-        remarkPlugins={[remarkGfm]}
+        remarkPlugins={[remarkGfm as any]}
         linkTarget="_blank"
-        rehypePlugins={[rehypeMathjax]}
+        rehypePlugins={[rehypeMathjax, rehypeRaw]}
         className={cn(
           "markdown prose flex w-fit max-w-full flex-col items-baseline text-[14px] font-normal word-break-break-word dark:prose-invert",
           isEmpty ? "text-muted-foreground" : "text-primary",

src/frontend/src/style/classes.css

@@ -282,3 +282,7 @@ input[type="search"]::-webkit-search-cancel-button {
 .react-flow__background pattern circle {
   fill: hsl(var(--canvas-dot)) !important;
 }
+
+.markdown td {
+  min-width: 78px;
+}