From 0cd5b151ecbca6739b854450a24d0288d10d14a0 Mon Sep 17 00:00:00 2001
From: Daryl Lim <5508348+daryllimyt@users.noreply.github.com>
Date: Sat, 28 Dec 2024 23:03:36 +0700
Subject: [PATCH] feat(ui): Add workflow alias to workbench navbar

---
 frontend/src/components/nav/workbench-nav.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/nav/workbench-nav.tsx b/frontend/src/components/nav/workbench-nav.tsx
index d1671dc10..da656734c 100644
--- a/frontend/src/components/nav/workbench-nav.tsx
+++ b/frontend/src/components/nav/workbench-nav.tsx
@@ -134,7 +134,17 @@ export function WorkbenchNav() {
             <BreadcrumbSeparator className="shrink-0 font-semibold">
               {"/"}
             </BreadcrumbSeparator>
-            <BreadcrumbItem>{workflow.title}</BreadcrumbItem>
+            <BreadcrumbItem>
+              <span>{workflow.title}</span>
+              {workflow.alias && (
+                <Badge
+                  variant="secondary"
+                  className="font-mono text-xs font-normal tracking-tighter text-muted-foreground hover:cursor-default"
+                >
+                  {workflow.alias}
+                </Badge>
+              )}
+            </BreadcrumbItem>
           </BreadcrumbList>
         </Breadcrumb>
       </div>