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