You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@camel.apache.org by da...@apache.org on 2026/06/06 20:46:03 UTC
(camel) branch feature/CAMEL-23672-tui-documentation created (now c91b63ef1474)
This is an automated email from the ASF dual-hosted git repository.
davsclaus pushed a change to branch feature/CAMEL-23672-tui-documentation
in repository https://gitbox.apache.org/repos/asf/camel.git
at c91b63ef1474 CAMEL-23672: TUI - Convert demo recordings to animated GIF
This branch includes the following new commits:
new 7615a71a1bd9 CAMEL-23672: TUI - Add documentation page
new cc249d852eb0 CAMEL-23672: TUI - Update hello demo tape and add route topology demo
new fae31605058e CAMEL-23672: TUI - Re-record hello demo and add topology demo recordings
new c91b63ef1474 CAMEL-23672: TUI - Convert demo recordings to animated GIF
The 4 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails. The revisions
listed as "add" were already present in the repository and have only
been added to this reference.
(camel) 04/04: CAMEL-23672: TUI - Convert demo recordings to animated GIF
Posted by da...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
davsclaus pushed a commit to branch feature/CAMEL-23672-tui-documentation
in repository https://gitbox.apache.org/repos/asf/camel.git
commit c91b63ef14747b72523a18731b35a9c0eddbf188
Author: Claus Ibsen <cl...@gmail.com>
AuthorDate: Sat Jun 6 22:45:42 2026 +0200
CAMEL-23672: TUI - Convert demo recordings to animated GIF
Co-Authored-By: Claude <no...@anthropic.com>
Signed-off-by: Claus Ibsen <cl...@gmail.com>
---
.../docs/video/camel-tui-hello.gif | Bin 685576 -> 534179 bytes
.../docs/video/camel-tui-topology.gif | Bin 0 -> 1194553 bytes
2 files changed, 0 insertions(+), 0 deletions(-)
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.gif b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.gif
index 8026062396cf..953cd74fdc45 100644
Binary files a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.gif and b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.gif differ
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-topology.gif b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-topology.gif
new file mode 100644
index 000000000000..b2225b2922e2
Binary files /dev/null and b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-topology.gif differ
(camel) 02/04: CAMEL-23672: TUI - Update hello demo tape and add route topology demo
Posted by da...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
davsclaus pushed a commit to branch feature/CAMEL-23672-tui-documentation
in repository https://gitbox.apache.org/repos/asf/camel.git
commit cc249d852eb00ade6fa2397b3744dd322c9c4c5a
Author: Claus Ibsen <cl...@gmail.com>
AuthorDate: Sat Jun 6 22:42:22 2026 +0200
CAMEL-23672: TUI - Update hello demo tape and add route topology demo
Fix tab key numbering in hello world tape (tabs were renumbered).
Add new route-topology tape demonstrating diagram, drill-down,
external endpoints, errors, and multi-route statistics.
Co-Authored-By: Claude <no...@anthropic.com>
Signed-off-by: Claus Ibsen <cl...@gmail.com>
---
.../docs/video/camel-tui-hello.tape | 30 ++++---
.../docs/video/camel-tui-topology.tape | 92 ++++++++++++++++++++++
.../camel-jbang-plugin-tui/docs/video/readme.md | 3 +-
3 files changed, 108 insertions(+), 17 deletions(-)
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.tape b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.tape
index a0de446c05fc..debbc96962ea 100644
--- a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.tape
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.tape
@@ -16,39 +16,37 @@
#
# Overview tab shows running integrations
-Sleep 4s
+Sleep 3s
Screenshot screenshots/camel-tui-hello-overview.png
+# Log tab - see Hello World messages flowing
+Type "2"
+Sleep 3s
+Screenshot screenshots/camel-tui-hello-log.png
+
# Routes tab - see the timer route
-Type "3"
-Sleep 4s
+Type "4"
+Sleep 3s
Screenshot screenshots/camel-tui-hello-routes.png
-# Route diagram
-Type "D"
-Sleep 4s
+# Diagram tab - route visualization
+Type "3"
+Sleep 3s
Screenshot screenshots/camel-tui-hello-diagram.png
-Type "D"
-Sleep 1s
# Endpoints tab
Type "5"
-Sleep 4s
+Sleep 3s
Screenshot screenshots/camel-tui-hello-endpoints.png
-# Log tab - see Hello World messages flowing
-Type "2"
-Sleep 4s
-Screenshot screenshots/camel-tui-hello-log.png
-
# Health tab
Type "7"
-Sleep 4s
+Sleep 3s
Screenshot screenshots/camel-tui-hello-health.png
# Back to overview
Type "1"
-Sleep 4s
+Sleep 1s
# Quit
Type "q"
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-topology.tape b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-topology.tape
new file mode 100644
index 000000000000..00ef696e7651
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-topology.tape
@@ -0,0 +1,92 @@
+#
+# Licensed to the Apache Software Foundation (ASF) under one or more
+# contributor license agreements. See the NOTICE file distributed with
+# this work for additional information regarding copyright ownership.
+# The ASF licenses this file to You under the Apache License, Version 2.0
+# (the "License"); you may not use this file except in compliance with
+# the License. You may obtain a copy of the License at
+#
+# http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+# Overview - 7 interconnected routes
+Sleep 5s
+Screenshot screenshots/camel-tui-topology-overview.png
+
+# Diagram tab - topology view
+Type "3"
+Sleep 4s
+Screenshot screenshots/camel-tui-topology-diagram.png
+
+# Navigate to different routes
+Down
+Sleep 1s
+Down
+Sleep 1s
+Down
+Sleep 1s
+Screenshot screenshots/camel-tui-topology-diagram-navigate.png
+
+# Toggle external endpoints
+Type "e"
+Sleep 3s
+Screenshot screenshots/camel-tui-topology-diagram-external.png
+
+# Drill into a route
+Enter
+Sleep 3s
+Screenshot screenshots/camel-tui-topology-diagram-drilldown.png
+
+# Back to topology
+Escape
+Sleep 1s
+
+# Toggle external off
+Type "e"
+Sleep 1s
+
+# Routes tab - all 7 routes with statistics
+Type "4"
+Sleep 3s
+Screenshot screenshots/camel-tui-topology-routes.png
+
+# Errors tab - see failures
+Type "9"
+Sleep 3s
+Screenshot screenshots/camel-tui-topology-errors.png
+
+# Log tab
+Type "2"
+Sleep 3s
+Screenshot screenshots/camel-tui-topology-log.png
+
+# Health tab
+Type "7"
+Sleep 3s
+Screenshot screenshots/camel-tui-topology-health.png
+
+# Endpoints tab
+Type "5"
+Sleep 3s
+Screenshot screenshots/camel-tui-topology-endpoints.png
+
+# Back to overview
+Type "1"
+Sleep 2s
+
+# Fun caption to end the demo
+Ctrl+t
+Sleep 500ms
+Type "Thanks for watching! Happy integrating with Apache Camel!"
+Enter
+Sleep 4s
+Screenshot screenshots/camel-tui-topology-final.png
+
+# Quit
+Type "q"
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/readme.md b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/readme.md
index 5300152022be..ec063023a99d 100644
--- a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/readme.md
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/readme.md
@@ -139,7 +139,8 @@ terminal interactions (`Type`, `Sleep`, `Screenshot`, etc.).
| File | Description |
|------|-------------|
-| `camel-tui-hello.tape` | First impression — basic Hello World tour across all main tabs |
+| `camel-tui-hello.tape` | Quick tour (~25s) — Hello World timer-log across main tabs |
+| `camel-tui-topology.tape` | Full demo (~2 min) — Route topology with 7 routes, diagram drill-down, errors, and more |
## Output
(camel) 03/04: CAMEL-23672: TUI - Re-record hello demo and add topology demo recordings
Posted by da...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
davsclaus pushed a commit to branch feature/CAMEL-23672-tui-documentation
in repository https://gitbox.apache.org/repos/asf/camel.git
commit fae31605058ed0bec125c3456de297ba885251f1
Author: Claus Ibsen <cl...@gmail.com>
AuthorDate: Sat Jun 6 22:44:58 2026 +0200
CAMEL-23672: TUI - Re-record hello demo and add topology demo recordings
Co-Authored-By: Claude <no...@anthropic.com>
Signed-off-by: Claus Ibsen <cl...@gmail.com>
---
.../docs/video/camel-tui-hello.cast | 90 ++++++++--------------
.../docs/video/camel-tui-topology.cast | 50 ++++++++++++
.../video/screenshots/camel-tui-hello-diagram.png | 2 +-
.../screenshots/camel-tui-hello-endpoints.png | 2 +-
.../video/screenshots/camel-tui-hello-health.png | 2 +-
.../docs/video/screenshots/camel-tui-hello-log.png | 2 +-
.../video/screenshots/camel-tui-hello-overview.png | 2 +-
.../video/screenshots/camel-tui-hello-routes.png | 2 +-
.../camel-tui-topology-diagram-drilldown.png | 1 +
.../camel-tui-topology-diagram-external.png | 1 +
.../camel-tui-topology-diagram-navigate.png | 1 +
.../screenshots/camel-tui-topology-diagram.png | 1 +
.../screenshots/camel-tui-topology-endpoints.png | 1 +
.../screenshots/camel-tui-topology-errors.png | 1 +
.../video/screenshots/camel-tui-topology-final.png | 1 +
.../screenshots/camel-tui-topology-health.png | 1 +
.../video/screenshots/camel-tui-topology-log.png | 1 +
.../screenshots/camel-tui-topology-overview.png | 1 +
.../screenshots/camel-tui-topology-routes.png | 1 +
19 files changed, 98 insertions(+), 65 deletions(-)
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.cast b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.cast
index 4031c45820de..7d028f063027 100644
--- a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.cast
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-hello.cast
@@ -1,59 +1,31 @@
-{"version": 2, "width": 200, "height": 50, "timestamp": 1779272014, "env": {"TERM": "xterm-256color"}}
-[0.000000, "o", "\u001b[2J\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[0.140000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[0.406000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[0.680000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[1.602000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[1.734000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[2.270000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[2.527000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[2.662000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[2.795000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[3.330000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[3.457000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[3.717000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
-[4.148000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[4.678000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[5.734000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[6.648000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[7.681000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[7.812000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[8.191000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[8.981000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[9.646000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[10.703000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[11.881000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[12.119000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[12.254000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[12.788000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[13.169000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[13.439000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[13.809000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[14.444000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[14.834000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[15.484000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[15.849000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[16.650000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[16.913000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[17.150000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[17.283000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[17.650000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[18.830000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[19.757000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[20.820000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[21.223000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[25.297000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[25.559000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[25.686000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[25.929000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[26.289000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[26.527000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[26.770000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[27.009000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[27.415000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[27.544000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[27.815000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[28.081000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[28.478000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[28.739000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
-[29.134000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+{"version": 2, "width": 200, "height": 50, "timestamp": 1780778596, "env": {"TERM": "xterm-256color"}}
+[0.000000, "o", "\u001b[2J\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m0 integration(s)\u001b[0m \u001b[2;1H [...]
+[1.846000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[2.077000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[2.205000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[2.734000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[3.145000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[4.083000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[4.206000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[5.141000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[5.276000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[6.084000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[6.213000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[7.140000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[7.272000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[8.047000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[8.298000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[9.207000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[10.265000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[11.058000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[11.175000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[12.244000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[13.003000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[13.249000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[14.289000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[15.047000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[15.185000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[16.388000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[17.308000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[18.214000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: timer-log\u001b[0m \u001b[2;1H [...]
+[19.148000, "o", ""]
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-topology.cast b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-topology.cast
new file mode 100644
index 000000000000..f5cd2a840884
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/camel-tui-topology.cast
@@ -0,0 +1,50 @@
+{"version": 2, "width": 200, "height": 50, "timestamp": 1780778665, "env": {"TERM": "xterm-256color"}}
+[0.000000, "o", "\u001b[2J\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m0 integration(s)\u001b[0m \u001b[2;1H [...]
+[1.957000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[2.088000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[2.626000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[2.761000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[3.403000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[3.645000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[3.881000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[4.543000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[4.679000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[4.941000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[2;1H [...]
+[5.069000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[7.051000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[8.244000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[9.196000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[9.331000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[10.107000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[10.504000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[11.153000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[11.678000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[12.232000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[12.761000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[13.940000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[15.097000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[15.203000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[16.123000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[17.301000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[18.222000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[18.352000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[19.271000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[20.189000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[20.720000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[21.903000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[23.202000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[26.232000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[27.941000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[29.129000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[29.249000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[31.503000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[32.280000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[33.728000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[34.913000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[35.270000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[36.052000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[37.239000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[37.863000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[39.437000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[40.756000, "o", "\u001b[1;1H\u001b[0;38;2;246;145;35;1m Camel TUI\u001b[0m \u001b[0;32mv4.21.0-SNAPSHOT\u001b[0m \u001b[0;36m1 integration(s)\u001b[0m \u001b[0;33mselected: route-topology\u001b[0m \u001b[2;1H [...]
+[41.813000, "o", ""]
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-diagram.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-diagram.png
index cbf6e2c6d33f..c5bb4ec046b6 100644
--- a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-diagram.png
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-diagram.png
@@ -1 +1 @@
-<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-endpoints.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-endpoints.png
index 06d77b8b04de..2d85d2ac9843 100644
--- a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-endpoints.png
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-endpoints.png
@@ -1 +1 @@
-<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-health.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-health.png
index c482d7f802d0..c2d423715583 100644
--- a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-health.png
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-health.png
@@ -1 +1 @@
-<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-log.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-log.png
index 8d26ea7c1c0d..2c26b1f987ef 100644
--- a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-log.png
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-log.png
@@ -1 +1 @@
-<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-overview.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-overview.png
index a4c4e63ba82b..13c145d5585c 100644
--- a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-overview.png
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-overview.png
@@ -1 +1 @@
-<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-routes.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-routes.png
index c42cc6af06b3..b932d0811370 100644
--- a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-routes.png
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-hello-routes.png
@@ -1 +1 @@
-<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram-drilldown.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram-drilldown.png
new file mode 100644
index 000000000000..feb2806ffc5f
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram-drilldown.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram-external.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram-external.png
new file mode 100644
index 000000000000..09a04ee544ab
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram-external.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram-navigate.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram-navigate.png
new file mode 100644
index 000000000000..f82fc5646be0
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram-navigate.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram.png
new file mode 100644
index 000000000000..f562293f6b57
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-diagram.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-endpoints.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-endpoints.png
new file mode 100644
index 000000000000..8b4ec0a5822e
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-endpoints.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-errors.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-errors.png
new file mode 100644
index 000000000000..f4ed81b20432
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-errors.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-final.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-final.png
new file mode 100644
index 000000000000..a7b6a47390d6
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-final.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-health.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-health.png
new file mode 100644
index 000000000000..24a0c227567a
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-health.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-log.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-log.png
new file mode 100644
index 000000000000..270b3f11472c
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-log.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-overview.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-overview.png
new file mode 100644
index 000000000000..df52d1514bed
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-overview.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-routes.png b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-routes.png
new file mode 100644
index 000000000000..5d4a86062512
--- /dev/null
+++ b/dsl/camel-jbang/camel-jbang-plugin-tui/docs/video/screenshots/camel-tui-topology-routes.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
(camel) 01/04: CAMEL-23672: TUI - Add documentation page
Posted by da...@apache.org.
This is an automated email from the ASF dual-hosted git repository.
davsclaus pushed a commit to branch feature/CAMEL-23672-tui-documentation
in repository https://gitbox.apache.org/repos/asf/camel.git
commit 7615a71a1bd9e592470b12e02dcfa2365e92ff48
Author: Claus Ibsen <cl...@gmail.com>
AuthorDate: Sat Jun 6 22:32:00 2026 +0200
CAMEL-23672: TUI - Add documentation page
Co-Authored-By: Claude Opus 4.6 <no...@anthropic.com>
Signed-off-by: Claus Ibsen <cl...@gmail.com>
---
.../ROOT/images/jbang/camel-tui-hello-diagram.png | 1 +
.../ROOT/images/jbang/camel-tui-hello-overview.png | 1 +
docs/user-manual/modules/ROOT/nav.adoc | 1 +
.../modules/ROOT/pages/camel-jbang-tui.adoc | 163 +++++++++++++++++++++
4 files changed, 166 insertions(+)
diff --git a/docs/user-manual/modules/ROOT/images/jbang/camel-tui-hello-diagram.png b/docs/user-manual/modules/ROOT/images/jbang/camel-tui-hello-diagram.png
new file mode 100644
index 000000000000..cbf6e2c6d33f
--- /dev/null
+++ b/docs/user-manual/modules/ROOT/images/jbang/camel-tui-hello-diagram.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/docs/user-manual/modules/ROOT/images/jbang/camel-tui-hello-overview.png b/docs/user-manual/modules/ROOT/images/jbang/camel-tui-hello-overview.png
new file mode 100644
index 000000000000..a4c4e63ba82b
--- /dev/null
+++ b/docs/user-manual/modules/ROOT/images/jbang/camel-tui-hello-overview.png
@@ -0,0 +1 @@
+<svg class="rich-terminal" viewBox="0 0 2458 1270" xmlns="http://www.w3.org/2000/svg"> <!-- Generated with TamboUI --> <style> @font-face { font-family: "Fira Code"; src: local("FiraCode-Regular"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff"); font-style: normal; [...]
\ No newline at end of file
diff --git a/docs/user-manual/modules/ROOT/nav.adoc b/docs/user-manual/modules/ROOT/nav.adoc
index 83ae650487ec..9a7846cc9995 100644
--- a/docs/user-manual/modules/ROOT/nav.adoc
+++ b/docs/user-manual/modules/ROOT/nav.adoc
@@ -10,6 +10,7 @@
*** xref:camel-jbang-launcher.adoc[Camel JBang Launcher]
*** xref:camel-jbang-kubernetes.adoc[Camel JBang Kubernetes Plugin]
*** xref:camel-jbang-test.adoc[Camel JBang Testing Plugin]
+*** xref:camel-jbang-tui.adoc[Camel TUI]
*** xref:camel-jbang-mcp.adoc[Camel MCP Server]
** xref:camel-maven-plugin.adoc[Camel Maven Plugin]
*** xref:camel-component-maven-plugin.adoc[Camel Component Maven Plugin]
diff --git a/docs/user-manual/modules/ROOT/pages/camel-jbang-tui.adoc b/docs/user-manual/modules/ROOT/pages/camel-jbang-tui.adoc
new file mode 100644
index 000000000000..53d1a9acf79d
--- /dev/null
+++ b/docs/user-manual/modules/ROOT/pages/camel-jbang-tui.adoc
@@ -0,0 +1,163 @@
+= Camel TUI
+
+*Available as of Camel 4.21*
+
+Camel TUI is a live terminal dashboard for monitoring and interacting with running Camel integrations.
+It gives you real-time logs, route topology diagrams, message tracing, health checks, error tracking,
+and more -- all without leaving the terminal.
+
+The TUI discovers running Camel integrations automatically and lets you switch between them.
+Keyboard shortcuts are shown in the footer, and pressing *F1* opens context-sensitive help on any tab.
+
+NOTE: This module is in *Preview* status.
+
+== Getting Started
+
+=== Prerequisites
+
+* xref:camel-jbang.adoc[Camel JBang] installed
+
+=== Launching the TUI
+
+Start a Camel integration in one terminal:
+
+[source,bash]
+----
+camel run my-route.yaml
+----
+
+Then open the TUI in another terminal:
+
+[source,bash]
+----
+camel tui
+----
+
+The TUI auto-discovers running integrations. You can also target a specific integration by name or PID:
+
+[source,bash]
+----
+camel tui my-route
+----
+
+== Key Tabs
+
+The TUI organizes information into tabs, accessible with the number keys *1* through *9* (and *0* for more).
+
+=== Overview
+
+The Overview tab (key *1*) is the landing page. It lists all running Camel integrations with their
+uptime, throughput, and failure counts. Select an integration and press *Enter* to focus on it.
+From here you can restart, pause, stop, or view the source files of an integration.
+
+// TODO: update screenshots before release
+image::jbang/camel-tui-hello-overview.png[Overview tab showing running integrations]
+
+=== Diagram
+
+The Diagram tab (key *3*) renders the route topology as an interactive ASCII diagram.
+You can navigate between routes, drill into individual processors, and toggle the display of
+external endpoint connections. This gives you a visual map of how messages flow through your
+integration.
+
+image::jbang/camel-tui-hello-diagram.png[Diagram tab showing route topology]
+
+=== Inspect
+
+The Inspect tab (key *8*) provides message tracing and exchange inspection. It shows the path
+each message takes through your routes, including the message body, headers, exchange properties,
+and variables at each processing step. Use it to understand exactly what happens to a message
+as it flows through your integration.
+
+=== Errors
+
+The Errors tab (key *9*) tracks failures across your routes. It shows the exception type,
+stack trace, message body, and headers for each failed exchange, making it easy to diagnose
+problems without digging through log files.
+
+== More Tabs
+
+Beyond the primary tabs above, the TUI provides:
+
+* *Log* (key *2*) -- Real-time log viewer with search and level filtering
+* *Routes* (key *4*) -- Route statistics: state, message counts, throughput, last error
+* *Endpoints* (key *5*) -- Endpoint usage and throughput metrics
+* *HTTP* (key *6*) -- HTTP endpoint details
+* *Health* (key *7*) -- Health check status and results
+
+Press *0* to access extended tabs: Beans, Browse, Circuit Breaker, Classpath, Configuration,
+Consumers, Inflight, Memory, Metrics, Startup, and Threads.
+
+== AI Integration
+
+The TUI includes an embedded MCP (Model Context Protocol) server that lets AI coding assistants
+interact with the dashboard programmatically. Enable it with:
+
+[source,bash]
+----
+camel tui --mcp
+----
+
+This exposes tools for navigating tabs, reading screen content, inspecting traces, sending messages,
+controlling routes, and more -- allowing AI agents to monitor and debug your integrations
+through the TUI.
+
+See xref:camel-jbang-mcp.adoc[Camel MCP Server] for more about MCP and AI integration with Camel.
+
+== Recording Demos
+
+The TUI can record terminal sessions for demos and documentation.
+
+=== Live Recording
+
+Press *Ctrl+R* (or use the *F2* actions menu) to start recording your session as a `.tape` file.
+Press *Ctrl+R* again to stop. The tape captures your keystrokes with timing, producing a script
+that can be replayed or converted to an animated GIF.
+
+=== Scripted Recording
+
+Use the `--record` flag to replay a `.tape` file inside the TUI and produce an
+https://asciinema.org/[Asciinema] `.cast` recording:
+
+[source,bash]
+----
+camel tui --record=demo.tape
+----
+
+=== Converting to GIF
+
+Convert recordings using https://github.com/charmbracelet/vhs[VHS] (for `.tape` files) or
+https://github.com/asciinema/agg[agg] (for `.cast` files):
+
+[source,bash]
+----
+vhs demo.tape # .tape -> .gif
+agg recording.cast out.gif # .cast -> .gif
+----
+
+== Command Line Options
+
+[cols="2,5,1",options="header"]
+|===
+| Option | Description | Default
+
+| `[name\|pid]`
+| Name or PID of the Camel integration to monitor. When omitted, the TUI auto-discovers running integrations.
+|
+
+| `--mcp`
+| Enable the embedded MCP server for AI agent access to the TUI.
+| `false`
+
+| `--mcp-port`
+| Port for the embedded MCP server.
+| `8123`
+
+| `--refresh`
+| Screen refresh interval in milliseconds.
+| `100`
+
+| `--record`
+| Replay a `.tape` file and record the session to an Asciinema `.cast` file.
+|
+|===