From 3b5e074f00dcafd182b9b43dce21e9202a491cf3 Mon Sep 17 00:00:00 2001
From: Ishaan Jaffer <ishaanjaffer0324@gmail.com>
Date: Fri, 13 Feb 2026 19:04:44 -0800
Subject: [PATCH] Add pipeline display section to policy info view

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

diff --git a/ui/litellm-dashboard/src/components/policies/policy_info.tsx b/ui/litellm-dashboard/src/components/policies/policy_info.tsx
index 1ef8aa0530d..bcd5a842fa6 100644
--- a/ui/litellm-dashboard/src/components/policies/policy_info.tsx
+++ b/ui/litellm-dashboard/src/components/policies/policy_info.tsx
@@ -3,6 +3,7 @@ import { Card, Badge, Button } from "@tremor/react";
 import { ArrowLeftIcon, PencilIcon } from "@heroicons/react/outline";
 import { Descriptions, Tag, Spin, Divider, Typography, Alert } from "antd";
 import { Policy } from "./types";
+import { PipelineInfoDisplay } from "./pipeline_flow_builder";
 import { getResolvedGuardrails } from "../networking";
 
 const { Title, Text } = Typography;
@@ -127,6 +128,21 @@ const PolicyInfoView: React.FC<PolicyInfoViewProps> = ({
           </Descriptions.Item>
         </Descriptions>
 
+        {policy.pipeline && (
+          <>
+            <Divider orientation="left">
+              <Text strong>Pipeline Flow</Text>
+            </Divider>
+            <Alert
+              message={`Pipeline (${policy.pipeline.mode} mode, ${policy.pipeline.steps.length} step${policy.pipeline.steps.length !== 1 ? "s" : ""})`}
+              type="info"
+              showIcon
+              style={{ marginBottom: 16 }}
+            />
+            <PipelineInfoDisplay pipeline={policy.pipeline} />
+          </>
+        )}
+
         <Divider orientation="left">
           <Text strong>Guardrails Configuration</Text>
         </Divider>