From f01bcf60eeee6b6034ca064282f5710cc98390f2 Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Fri, 3 Apr 2026 14:59:45 +0530
Subject: [PATCH] [AI] Fix record chips not rendering inside markdown tables in
 AI chat (#19260)

closes
https://discord.com/channels/1130383047699738754/1480976327204016131

before -

<img width="778" height="1259" alt="CleanShot 2026-04-02 at 18 33 03"
src="https://github.com/user-attachments/assets/66ee2fc7-a116-458e-86a6-2aa6806b9407"
/>


after -


<img width="758" height="1291" alt="CleanShot 2026-04-02 at 18 32 21"
src="https://github.com/user-attachments/assets/9e303ff5-d8f4-4c9e-83e7-9a8e6427673a"
/>
---
 .../ai/components/LazyMarkdownRenderer.tsx    | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/twenty-front/src/modules/ai/components/LazyMarkdownRenderer.tsx b/packages/twenty-front/src/modules/ai/components/LazyMarkdownRenderer.tsx
index 40c005d1142..51cc1fb56b8 100644
--- a/packages/twenty-front/src/modules/ai/components/LazyMarkdownRenderer.tsx
+++ b/packages/twenty-front/src/modules/ai/components/LazyMarkdownRenderer.tsx
@@ -10,7 +10,13 @@ import {
   StyledSkeletonContainer,
   StyledTableScrollContainer,
 } from '@/ai/components/LazyMarkdownRendererStyledComponents';
-import { lazy, Suspense, useContext } from 'react';
+import {
+  cloneElement,
+  isValidElement,
+  lazy,
+  Suspense,
+  useContext,
+} from 'react';
 import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
 import { isDefined } from 'twenty-shared/utils';
 import { ThemeContext } from 'twenty-ui/theme-constants';
@@ -64,6 +70,16 @@ const processChildrenForRecordLinks = (
     ));
   }
 
+  if (isValidElement<{ children?: React.ReactNode }>(children)) {
+    const childProps = children.props;
+
+    if (isDefined(childProps.children)) {
+      return cloneElement(children, {
+        children: processChildrenForRecordLinks(childProps.children),
+      });
+    }
+  }
+
   return children;
 };
 
@@ -96,6 +112,12 @@ const MarkdownRenderer = lazy(async () => {
               {processChildrenForRecordLinks(children)}
             </ParagraphComponent>
           ),
+          td: ({ children }) => (
+            <td>{processChildrenForRecordLinks(children)}</td>
+          ),
+          th: ({ children }) => (
+            <th>{processChildrenForRecordLinks(children)}</th>
+          ),
           li: ({ children }) => (
             <li>{processChildrenForRecordLinks(children)}</li>
           ),