tensorzero · GabrielBianconi · Dec 11, 2025 · Dec 11, 2025
diff --git a/ui/app/hooks/use-breadcrumbs.ts b/ui/app/hooks/use-breadcrumbs.ts
@@ -26,7 +26,12 @@ export function useBreadcrumbs(): {
               isIdentifier,
               // Only show a link for this crumb if it's the last/only breadcrumb for the segment
               // Example: evaluation run adds two crumbs: "Runs" and the run ID. "Runs" would not be a link, since there's no dedicated runs page.
-              href: i === arr.length - 1 ? match.pathname : undefined,
+              // Also skip link if noLink is explicitly set (for routes without an index page)
+              href:
+                i === arr.length - 1 &&
+                !(typeof crumb !== "string" && crumb.noLink)
+                  ? match.pathname
+                  : undefined,
             };
           }) ?? [],
       ),

diff --git a/ui/app/routes/datapoints/layout.tsx b/ui/app/routes/datapoints/layout.tsx
@@ -1,7 +1,7 @@
 import { Outlet, type RouteHandle } from "react-router";
 
 export const handle: RouteHandle = {
-  crumb: () => ["Datapoints"],
+  crumb: () => [{ label: "Datapoints", noLink: true }],
 };
 
 export default function DatapointsLayout() {

diff --git a/ui/app/types/breadcrumbs.ts b/ui/app/types/breadcrumbs.ts
@@ -3,6 +3,7 @@ import type { UIMatch } from "react-router";
 export interface CrumbItem {
   label: string;
   isIdentifier?: boolean;
+  noLink?: boolean;
 }
 
 declare module "react-router" {