Function FileBreadcrumb

web/components/tools/ToolFileRead.tsx:23–41

({ filePath }: { filePath: string })

}

function FileBreadcrumb({ filePath }: { filePath: string }) {
  const parts = filePath.replace(/^\//, "").split("/");
  return (
    <div className="flex items-center gap-1 font-mono text-xs text-surface-400 flex-wrap">
      {parts.map((part, i) => (
        <span key={i} className="flex items-center gap-1">
          {i > 0 && <ChevronRight className="w-3 h-3 text-surface-600" />}
          <span
            className={
              i === parts.length - 1 ? "text-surface-200 font-medium" : ""
            }
          >
            {part}
          </span>
        </span>
      ))}
    </div>
  );
}

const MAX_LINES_COLLAPSED = 40;