From 783f4bef42df9544989a0aa042d52ddd1e09a1e3 Mon Sep 17 00:00:00 2001
From: Abhimanyu Saharan <asaharan@onemindservices.com>
Date: Wed, 11 Feb 2026 11:48:26 +0530
Subject: [PATCH] feat: integrate Markdown component for enhanced event message
 rendering

---
 frontend/src/app/agents/[agentId]/page.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/agents/[agentId]/page.tsx b/frontend/src/app/agents/[agentId]/page.tsx
index b5a153e0..8e739a46 100644
--- a/frontend/src/app/agents/[agentId]/page.tsx
+++ b/frontend/src/app/agents/[agentId]/page.tsx
@@ -32,6 +32,7 @@ import type {
   AgentRead,
   BoardRead,
 } from "@/api/generated/model";
+import { Markdown } from "@/components/atoms/Markdown";
 import { StatusPill } from "@/components/atoms/StatusPill";
 import { DashboardSidebar } from "@/components/organisms/DashboardSidebar";
 import { DashboardShell } from "@/components/templates/DashboardShell";
@@ -338,9 +339,18 @@ export default function AgentDetailPage() {
                           key={event.id}
                           className="rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] p-4 text-sm text-muted"
                         >
-                          <p className="font-medium text-strong">
-                            {event.message ?? event.event_type}
-                          </p>
+                          {event.message?.trim() ? (
+                            <div className="select-text cursor-text leading-relaxed text-strong break-words">
+                              <Markdown
+                                content={event.message}
+                                variant="comment"
+                              />
+                            </div>
+                          ) : (
+                            <p className="font-medium text-strong">
+                              {event.event_type}
+                            </p>
+                          )}
                           <p className="mt-1 text-xs text-quiet">
                             {formatTimestamp(event.created_at)}
                           </p>