From e3dafb8c19ef62153ba57e0731760bd8680d2125 Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Wed, 25 Feb 2026 13:48:48 -0500
Subject: [PATCH] feat: show source flow name in StepDetailModal for synced
 steps

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/components/step-library/StepDetailModal.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/step-library/StepDetailModal.tsx b/frontend/src/components/step-library/StepDetailModal.tsx
index b09dfaa8..e7f88449 100644
--- a/frontend/src/components/step-library/StepDetailModal.tsx
+++ b/frontend/src/components/step-library/StepDetailModal.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react'
-import { X, Star, Copy, Check, HelpCircle, Zap, CheckCircle, User, Calendar } from 'lucide-react'
+import { X, Star, Copy, Check, HelpCircle, Zap, CheckCircle, User, Calendar, GitBranch } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { MarkdownContent } from '@/components/ui/MarkdownContent'
 import { stepsApi } from '@/api/steps'
@@ -283,6 +283,12 @@ export function StepDetailModal({ stepId, onClose, onInsert }: StepDetailModalPr
                     <span className="text-muted-foreground">Author:</span>
                     <span className="ml-2 font-medium text-foreground">{step.author_name || 'Unknown'}</span>
                   </div>
+                  {step.is_flow_synced && step.source_tree_name && (
+                    <div className="col-span-2 flex items-center gap-1.5 text-muted-foreground">
+                      <GitBranch className="h-3.5 w-3.5 shrink-0" />
+                      <span>Sourced from <span className="font-medium text-foreground">{step.source_tree_name}</span></span>
+                    </div>
+                  )}
                   <div>
                     <span className="text-muted-foreground">Usage Count:</span>
                     <span className="ml-2 font-medium text-foreground">{step.usage_count}</span>