I am not sure what framework mitmproxy uses for frontend, but I've done a little search and I found some stuff that may will help:

• https://mui.com/material-ui/react-tree-view/ (react component that resolves the tree view)
• https://stackoverflow.com/questions/65464890/how-to-convert-an-array-of-urls-into-a-tree-folder-structure-data (some js algorithm that resolves the "given a URL transform this in a folder structured data)

Sounds like a great idea!

I am not sure what framework mitmproxy uses for frontend

React. Code and instruction are here if you want to contribute https://github.com/mitmproxy/mitmproxy/tree/main/web

Hi there, I would like to give this a try.

go ahead @raychanks I would do, but go ahead....

@reisraff Oh I thought no one is working on this at the moment. If you're already on it, I can try to find other issues to contribute to 👍🏼. Don't want to waste your effort if there's already WIP, what do you say?

@raychanks go ahead.. I am not in this.

@reisraff @raychanks if none of you are woking on this i would take this issue and give a PR

@RG7279805 I totally forgot about this. I haven't work on this yet, feel free to take it:+1:

Could I have a look at this?

Could I have a look at this?

There is already a PR #5996
Would be great if you can check it out locally and leave feedback on it.

Could I have a look at this?

There is already a PR #5996 Would be great if you can check it out locally and leave feedback on it.

Hi, @Prinzhorn . yes I saw it and I am taking inspiration from it. However, the logic to filter the flows is missing. My idea for that consists in reusing the component FlowTable. So basically we group the flows by host and then inject a FlowTable for each group. makes sense?