From f8117ede68b5d8e5cb830c0e9439f1c6cb468467 Mon Sep 17 00:00:00 2001
From: Jake Turner <jturner@cosmistack.com>
Date: Sun, 8 Feb 2026 13:13:05 -0800
Subject: [PATCH] fix(AI Assistant): inline code rendering

---
 .../components/chat/ChatMessageBubble.tsx     | 29 ++++++++++++++-----
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/admin/inertia/components/chat/ChatMessageBubble.tsx b/admin/inertia/components/chat/ChatMessageBubble.tsx
index 19e7934..a931c0c 100644
--- a/admin/inertia/components/chat/ChatMessageBubble.tsx
+++ b/admin/inertia/components/chat/ChatMessageBubble.tsx
@@ -25,14 +25,27 @@ export default function ChatMessageBubble({ message }: ChatMessageBubbleProps) {
           <ReactMarkdown
             remarkPlugins={[remarkGfm]}
             components={{
-              code: ({ node, className, children, ...props }) => (
-                <code
-                  className="block bg-gray-800 text-gray-100 p-3 rounded-lg overflow-x-auto font-mono text-sm"
-                  {...props}
-                >
-                  {children}
-                </code>
-              ),
+              code: ({ node, className, children, ...props }: any) => {
+                const isInline = !className?.includes('language-')
+                if (isInline) {
+                  return (
+                    <code
+                      className="bg-gray-800 text-gray-100 px-2 py-0.5 rounded font-mono text-sm"
+                      {...props}
+                    >
+                      {children}
+                    </code>
+                  )
+                }
+                return (
+                  <code
+                    className="block bg-gray-800 text-gray-100 p-3 rounded-lg overflow-x-auto font-mono text-sm my-2"
+                    {...props}
+                  >
+                    {children}
+                  </code>
+                )
+              },
               p: ({ children }) => <p className="mb-2 last:mb-0">{children}</p>,
               ul: ({ children }) => <ul className="list-disc pl-5 mb-2">{children}</ul>,
               ol: ({ children }) => <ol className="list-decimal pl-5 mb-2">{children}</ol>,