feat: integrate Markdown component for enhanced event message rendering
This commit is contained in:
@@ -32,6 +32,7 @@ import type {
|
|||||||
AgentRead,
|
AgentRead,
|
||||||
BoardRead,
|
BoardRead,
|
||||||
} from "@/api/generated/model";
|
} from "@/api/generated/model";
|
||||||
|
import { Markdown } from "@/components/atoms/Markdown";
|
||||||
import { StatusPill } from "@/components/atoms/StatusPill";
|
import { StatusPill } from "@/components/atoms/StatusPill";
|
||||||
import { DashboardSidebar } from "@/components/organisms/DashboardSidebar";
|
import { DashboardSidebar } from "@/components/organisms/DashboardSidebar";
|
||||||
import { DashboardShell } from "@/components/templates/DashboardShell";
|
import { DashboardShell } from "@/components/templates/DashboardShell";
|
||||||
@@ -338,9 +339,18 @@ export default function AgentDetailPage() {
|
|||||||
key={event.id}
|
key={event.id}
|
||||||
className="rounded-lg border border-[color:var(--border)] bg-[color:var(--surface)] p-4 text-sm text-muted"
|
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?.trim() ? (
|
||||||
{event.message ?? event.event_type}
|
<div className="select-text cursor-text leading-relaxed text-strong break-words">
|
||||||
</p>
|
<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">
|
<p className="mt-1 text-xs text-quiet">
|
||||||
{formatTimestamp(event.created_at)}
|
{formatTimestamp(event.created_at)}
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user