From 189e9f3d39c0f35f56e101d1741b787132129ca5 Mon Sep 17 00:00:00 2001
From: Simon <10131203+gaomeng1900@users.noreply.github.com>
Date: Wed, 21 Jan 2026 17:14:51 +0800
Subject: [PATCH] feat(ext): display step index in event card

---
 .../src/entrypoints/sidepanel/components/cards/index.tsx      | 4 +++-
 packages/extension/src/messaging/protocol.ts                  | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/extension/src/entrypoints/sidepanel/components/cards/index.tsx b/packages/extension/src/entrypoints/sidepanel/components/cards/index.tsx
index 6ae94d0..f2ee023 100644
--- a/packages/extension/src/entrypoints/sidepanel/components/cards/index.tsx
+++ b/packages/extension/src/entrypoints/sidepanel/components/cards/index.tsx
@@ -163,7 +163,9 @@ export function EventCard({ event }: { event: HistoricalEvent }) {
 	if (event.type === 'step') {
 		return (
 			<div className="rounded-lg border-l-2 border-l-blue-500/50 border bg-muted/40 p-2.5">
-				<div className="text-[11px] font-semibold text-foreground tracking-wide mb-2">Step</div>
+				<div className="text-[11px] font-semibold text-foreground tracking-wide mb-2">
+					Step #{event.stepIndex! + 1}
+				</div>
 
 				{/* Reflection */}
 				{event.reflection && <ReflectionSection reflection={event.reflection} />}
diff --git a/packages/extension/src/messaging/protocol.ts b/packages/extension/src/messaging/protocol.ts
index 8206676..5bea49c 100644
--- a/packages/extension/src/messaging/protocol.ts
+++ b/packages/extension/src/messaging/protocol.ts
@@ -57,6 +57,7 @@ export type AgentActivity =
 export interface HistoricalEvent {
 	type: 'step' | 'observation' | 'user_takeover' | 'error'
 	// For 'step' type
+	stepIndex?: number
 	reflection?: {
 		evaluation_previous_goal?: string
 		memory?: string