From 862e6937d2b044622f47c4edba9eb83c00da46ff Mon Sep 17 00:00:00 2001
From: Ishaan Jaffer <ishaanjaffer0324@gmail.com>
Date: Thu, 19 Feb 2026 15:41:59 -0800
Subject: [PATCH] feat(ui): show latency overhead badge in AI policy
 suggestions

---
 .../src/components/policies/ai_suggestion_modal.tsx   | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/ui/litellm-dashboard/src/components/policies/ai_suggestion_modal.tsx b/ui/litellm-dashboard/src/components/policies/ai_suggestion_modal.tsx
index 60b49a7755e..bd6c9e5fdbf 100644
--- a/ui/litellm-dashboard/src/components/policies/ai_suggestion_modal.tsx
+++ b/ui/litellm-dashboard/src/components/policies/ai_suggestion_modal.tsx
@@ -331,6 +331,17 @@ const AiSuggestionModal: React.FC<AiSuggestionModalProps> = ({
                           {template.complexity}
                         </span>
                       )}
+                      {template.estimated_latency_ms != null && (
+                        <Tooltip title="Estimated latency overhead added to each request">
+                          <span className={`px-2 py-0.5 rounded-full text-[10px] font-medium border ${
+                            template.estimated_latency_ms <= 1
+                              ? "bg-green-50 text-green-600 border-green-200"
+                              : "bg-amber-50 text-amber-600 border-amber-200"
+                          }`}>
+                            +{template.estimated_latency_ms <= 1 ? "<1" : template.estimated_latency_ms}ms latency
+                          </span>
+                        </Tooltip>
+                      )}
                     </div>
                     <p className="text-xs text-gray-500 leading-relaxed">
                       {template.description}