[GH-ISSUE #27] Feature: Ability to filter by EntryPoint, Middleware, Services in the Route Map page #26

Closed
opened 2026-05-06 12:22:46 +02:00 by BreizhHardware · 18 comments

Originally created by @counterf on GitHub (Apr 18, 2026).
Original GitHub issue: https://github.com/chr0nzz/traefik-manager/issues/27

Originally assigned to: @chr0nzz on GitHub.

The route map page is awesome, it makes it easy to visualize all the different routes. By hovering the mouse over the route, the map automatically filters entrypoint, middleware and service associated with it.

It is not possible, however, to hover the mouse over an entrypoint, and get the same view, with routes, middlewares and services filterered to that entrypoint.

Use case: Traefik-manager identified an entrypoint that I was not aware, but I have too many routes and it is hard to figure out, via map, what routes are related to that Entrypoint.
I am also curious to know what routes are NOT using a specific middleware. I cannot easily answer these questions via the route map.

Originally created by @counterf on GitHub (Apr 18, 2026). Original GitHub issue: https://github.com/chr0nzz/traefik-manager/issues/27 Originally assigned to: @chr0nzz on GitHub. The route map page is awesome, it makes it easy to visualize all the different routes. By hovering the mouse over the route, the map automatically filters entrypoint, middleware and service associated with it. It is not possible, however, to hover the mouse over an entrypoint, and get the same view, with routes, middlewares and services filterered to that entrypoint. Use case: Traefik-manager identified an entrypoint that I was not aware, but I have too many routes and it is hard to figure out, via map, what routes are related to that Entrypoint. I am also curious to know what routes are NOT using a specific middleware. I cannot easily answer these questions via the route map.
BreizhHardware 2026-05-06 12:22:46 +02:00
Author
Owner

@chr0nzz commented on GitHub (Apr 18, 2026):

Thanks for the suggestion! This is a great idea - the current hover behavior is one-directional (route -> connected nodes) and making it symmetric makes a lot of sense, especially for the use case you described.

This will be implemented in the upcoming v1.0.0 release. Hovering any entrypoint, middleware, or service node will highlight all connected routes and bring them into alignment - same visual behavior as hovering a route today.

<!-- gh-comment-id:4273967036 --> @chr0nzz commented on GitHub (Apr 18, 2026): Thanks for the suggestion! This is a great idea - the current hover behavior is one-directional (route -> connected nodes) and making it symmetric makes a lot of sense, especially for the use case you described. This will be implemented in the upcoming v1.0.0 release. Hovering any entrypoint, middleware, or service node will highlight all connected routes and bring them into alignment - same visual behavior as hovering a route today.
Author
Owner

@chr0nzz commented on GitHub (Apr 19, 2026):

v1 beta 1 is out if u wanna test it
https://beta-tm.xyzlab.dev

<!-- gh-comment-id:4277058285 --> @chr0nzz commented on GitHub (Apr 19, 2026): v1 beta 1 is out if u wanna test it https://beta-tm.xyzlab.dev
Author
Owner

@counterf commented on GitHub (Apr 20, 2026):

The beta install script seems to be limited to docker installs. are you not support systemd installs?

<!-- gh-comment-id:4281281837 --> @counterf commented on GitHub (Apr 20, 2026): The beta install script seems to be limited to docker installs. are you not support systemd installs?
Author
Owner

@chr0nzz commented on GitHub (Apr 20, 2026):

if you chose to install traefik + traefik manager it will install in docker
if you chose to install traefik manager only you have an option to pick docker or systemd

<!-- gh-comment-id:4281346163 --> @chr0nzz commented on GitHub (Apr 20, 2026): if you chose to install traefik + traefik manager it will install in docker if you chose to install traefik manager only you have an option to pick docker or systemd
Author
Owner

@counterf commented on GitHub (Apr 20, 2026):

okay, so I got beta installed on my linux LXC
Few things:

  • the dashboard still displays v0.12.1 as installed. I wonder if the script is pulling the beta release.
  • the router map still only filters by router.
    I am wondering if I am actually running the beta version. I suspect the beta install script is somehow using the latest 0.X release.
<!-- gh-comment-id:4281500860 --> @counterf commented on GitHub (Apr 20, 2026): okay, so I got beta installed on my linux LXC Few things: - the dashboard still displays v0.12.1 as installed. I wonder if the script is pulling the beta release. - the router map still only filters by router. I am wondering if I am actually running the beta version. I suspect the beta install script is somehow using the latest 0.X release.
Author
Owner

@chr0nzz commented on GitHub (Apr 20, 2026):

it should show v1.0.0-beta1 if you are on the beta img.
are you using docker? if so is the image: ghcr.io/chr0nzz/traefik-manager:beta or using the :latest?
if you are using systemd Linux - I made a mistake and forgot to point the cloning to the v1 beta branch. Run it again, I've updated it.

<!-- gh-comment-id:4281609438 --> @chr0nzz commented on GitHub (Apr 20, 2026): it should show v1.0.0-beta1 if you are on the beta img. are you using docker? if so is the image: ghcr.io/chr0nzz/traefik-manager:beta or using the :latest? if you are using systemd Linux - I made a mistake and forgot to point the cloning to the v1 beta branch. Run it again, I've updated it.
Author
Owner

@counterf commented on GitHub (Apr 20, 2026):

I got the beta installed now. Thanks!

One thing Id suggest for systemd installs is to tune the script for these installs. This part of the script is probably not needed for systemd installs. It asks for container name (no container in systemd installs).

---- snippet from install on lxc traefik
-- Static Config Editor --
ℹ Choose how TM should restart Traefik after saving static config changes.
Restart method
1) Poison pill (recommended - signal file, no Docker socket needed)
2) Direct Docker socket (requires TM user to have Docker group access)
Choice [1]: 1
Traefik container name [traefik]: traefik-internal
Signal file path [/var/lib/traefik-manager/signals/restart.sig]: /opt/traefik/restart.sig

<!-- gh-comment-id:4281825858 --> @counterf commented on GitHub (Apr 20, 2026): I got the beta installed now. Thanks! One thing Id suggest for systemd installs is to tune the script for these installs. This part of the script is probably not needed for systemd installs. It asks for container name (no container in systemd installs). ---- snippet from install on lxc traefik -- Static Config Editor -- ℹ Choose how TM should restart Traefik after saving static config changes. Restart method 1) Poison pill (recommended - signal file, no Docker socket needed) 2) Direct Docker socket (requires TM user to have Docker group access) Choice [1]: 1 Traefik container name [traefik]: traefik-internal Signal file path [/var/lib/traefik-manager/signals/restart.sig]: /opt/traefik/restart.sig
Author
Owner

@chr0nzz commented on GitHub (Apr 20, 2026):

the script now handles how traefik is run and will provide the correct setup.

https://github.com/chr0nzz/traefik-manager/releases/tag/v1.0.0-beta1.1

<!-- gh-comment-id:4282399223 --> @chr0nzz commented on GitHub (Apr 20, 2026): the script now handles how traefik is run and will provide the correct setup. https://github.com/chr0nzz/traefik-manager/releases/tag/v1.0.0-beta1.1
Author
Owner

@counterf commented on GitHub (Apr 20, 2026):

The page breaks when I move the mouse over an entrypoint with many routes.

Image Same issue with a middleware: Image

When there is 1 to many relationship, the page breaks.

<!-- gh-comment-id:4283612197 --> @counterf commented on GitHub (Apr 20, 2026): The page breaks when I move the mouse over an entrypoint with many routes. <img width="1288" height="682" alt="Image" src="https://github.com/user-attachments/assets/586342af-33fa-4482-841b-1def9a0f611c" /> Same issue with a middleware: <img width="1376" height="525" alt="Image" src="https://github.com/user-attachments/assets/8b2f687f-a9a5-4ee5-a8d0-7e383f6f554a" /> When there is 1 to many relationship, the page breaks.
Author
Owner

@chr0nzz commented on GitHub (Apr 20, 2026):

Can u press f12 and take a screenshot of the errors u see in the console.

<!-- gh-comment-id:4283665646 --> @chr0nzz commented on GitHub (Apr 20, 2026): Can u press f12 and take a screenshot of the errors u see in the console.
Author
Owner

@counterf commented on GitHub (Apr 20, 2026):

There is no error there. This is not really a functional error. It is more of a layout / visualization limitation in the Route Map interaction logic. The page is doing what it thinks it thinks it needs to do.
The Route Map behaves well when highlighting a router, because a single router usually maps to a manageable number of middlewares and services. In that case, re-aligning related nodes works nicely.

The problem appears when highlighting an entrypoint or a middleware that is connected to many routers. The current layout logic tries to vertically align all related routers around the selected entrypoint or middleware. When there are too many related routers, some are pushed above the visible canvas area, including into the page header region, so they become partially or fully hidden. As a result, it is not possible to see all routers associated with that entrypoint or middleware.

Why this happens
The visualization strategy that works well for router-focused exploration does not scale well for entrypoints or middlewares with many router connections. Instead of preserving visibility, the map centers the linked routers around the selected node, which can push part of the graph outside the visible area.

Actual behavior
Hovering an entrypoint or middleware connected to many routers causes the related routers to be repositioned vertically around that node. If there are enough routers, some are rendered outside the visible map area and get cut off near the top of the page.

Expected behavior
All related routers should remain visible when highlighting an entrypoint or middleware, even when there are many of them. The map should avoid positioning nodes outside the visible canvas.

Possible improvements
Instead of centering all linked routers around the selected entrypoint or middleware, the UI could:

-constrain repositioning to the visible canvas
-add scroll/pan support for overflowed nodes
-reduce or disable aggressive re-alignment when too many routers are linked
-use a different highlight mode for high-fanout nodes like entrypoints and middlewares

<!-- gh-comment-id:4283753556 --> @counterf commented on GitHub (Apr 20, 2026): There is no error there. This is not really a functional error. It is more of a layout / visualization limitation in the Route Map interaction logic. The page is doing what it thinks it thinks it needs to do. The Route Map behaves well when highlighting a router, because a single router usually maps to a manageable number of middlewares and services. In that case, re-aligning related nodes works nicely. The problem appears when highlighting an entrypoint or a middleware that is connected to many routers. The current layout logic tries to vertically align all related routers around the selected entrypoint or middleware. When there are too many related routers, some are pushed above the visible canvas area, including into the page header region, so they become partially or fully hidden. As a result, it is not possible to see all routers associated with that entrypoint or middleware. Why this happens The visualization strategy that works well for router-focused exploration does not scale well for entrypoints or middlewares with many router connections. Instead of preserving visibility, the map centers the linked routers around the selected node, which can push part of the graph outside the visible area. Actual behavior Hovering an entrypoint or middleware connected to many routers causes the related routers to be repositioned vertically around that node. If there are enough routers, some are rendered outside the visible map area and get cut off near the top of the page. Expected behavior All related routers should remain visible when highlighting an entrypoint or middleware, even when there are many of them. The map should avoid positioning nodes outside the visible canvas. Possible improvements Instead of centering all linked routers around the selected entrypoint or middleware, the UI could: -constrain repositioning to the visible canvas -add scroll/pan support for overflowed nodes -reduce or disable aggressive re-alignment when too many routers are linked -use a different highlight mode for high-fanout nodes like entrypoints and middlewares
Author
Owner

@chr0nzz commented on GitHub (Apr 20, 2026):

please update

https://github.com/chr0nzz/traefik-manager/releases/tag/v1.0.0-beta1.2

<!-- gh-comment-id:4284130845 --> @chr0nzz commented on GitHub (Apr 20, 2026): please update https://github.com/chr0nzz/traefik-manager/releases/tag/v1.0.0-beta1.2
Author
Owner

@counterf commented on GitHub (Apr 20, 2026):

Image
<!-- gh-comment-id:4284225609 --> @counterf commented on GitHub (Apr 20, 2026): <img width="640" height="450" alt="Image" src="https://github.com/user-attachments/assets/579ba073-eebd-4bb6-be95-430ebb03210a" />
Author
Owner

@chr0nzz commented on GitHub (Apr 21, 2026):

working on fix will be out in the next beta release

<!-- gh-comment-id:4290377449 --> @chr0nzz commented on GitHub (Apr 21, 2026): working on fix will be out in the next beta release
Author
Owner

@chr0nzz commented on GitHub (Apr 22, 2026):

please update to beta2 and let me know if it fixes the issues. thanks for all the feedback

<!-- gh-comment-id:4299565273 --> @chr0nzz commented on GitHub (Apr 22, 2026): please update to beta2 and let me know if it fixes the issues. thanks for all the feedback
Author
Owner

@counterf commented on GitHub (Apr 22, 2026):

Almost there. If i move mouse over the routes, any route without middleware gets a line over the middleware. It is just a cosmetic issue

Image
<!-- gh-comment-id:4299991580 --> @counterf commented on GitHub (Apr 22, 2026): Almost there. If i move mouse over the routes, any route without middleware gets a line over the middleware. It is just a cosmetic issue <img width="1245" height="839" alt="Image" src="https://github.com/user-attachments/assets/38dddc3a-f7a4-45d0-83ba-265e8e499c9f" />
Author
Owner

@chr0nzz commented on GitHub (Apr 26, 2026):

please check beta3 with new and improved route map and please let me know how its working for you. thanks

<!-- gh-comment-id:4321262848 --> @chr0nzz commented on GitHub (Apr 26, 2026): please check beta3 with new and improved route map and please let me know how its working for you. thanks
Author
Owner

@counterf commented on GitHub (Apr 26, 2026):

just played with it. I liked it
I dont see any issues.

<!-- gh-comment-id:4323338139 --> @counterf commented on GitHub (Apr 26, 2026): just played with it. I liked it I dont see any issues.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/traefik-manager#26
No description provided.