feat(ui): Add workflow alias to workbench navbar

TracecatHQ · Dec 28, 2024 · 0cd5b15 · 0cd5b15
1 parent 4948349
commit 0cd5b15
Showing 1 changed file with 11 additions and 1 deletion.
diff --git 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>