This is an automated email from the ASF dual-hosted git repository. davsclaus pushed a commit to branch blog/camel-tui in repository https://gitbox.apache.org/repos/asf/camel-website.git
commit 014b5e0ba760b52f3c1ec76e827c65d3f4f59bc2 Author: Claus Ibsen <[email protected]> AuthorDate: Mon Jul 27 15:14:02 2026 +0200 blog: Add screenshots and publish Camel TUI blog post Add four AI-generated screenshots (overview, diagram, inspect, send message) captured via the TUI's embedded MCP server. Set post to published, and add a closing section explaining how the screenshots were generated by AI. Co-Authored-By: Claude Opus 4.6 <[email protected]> Signed-off-by: Claus Ibsen <[email protected]> --- .../blog/2026/07/camel-tui/camel-tui-diagram.png | Bin 0 -> 345044 bytes .../blog/2026/07/camel-tui/camel-tui-inspect.png | Bin 0 -> 391083 bytes .../blog/2026/07/camel-tui/camel-tui-overview.png | Bin 0 -> 486534 bytes content/blog/2026/07/camel-tui/camel-tui-send.png | Bin 0 -> 127798 bytes content/blog/2026/07/camel-tui/index.md | 20 +++++++++++++++----- 5 files changed, 15 insertions(+), 5 deletions(-) diff --git a/content/blog/2026/07/camel-tui/camel-tui-diagram.png b/content/blog/2026/07/camel-tui/camel-tui-diagram.png new file mode 100644 index 00000000..c1a295a9 Binary files /dev/null and b/content/blog/2026/07/camel-tui/camel-tui-diagram.png differ diff --git a/content/blog/2026/07/camel-tui/camel-tui-inspect.png b/content/blog/2026/07/camel-tui/camel-tui-inspect.png new file mode 100644 index 00000000..a938e82f Binary files /dev/null and b/content/blog/2026/07/camel-tui/camel-tui-inspect.png differ diff --git a/content/blog/2026/07/camel-tui/camel-tui-overview.png b/content/blog/2026/07/camel-tui/camel-tui-overview.png new file mode 100644 index 00000000..5889aac4 Binary files /dev/null and b/content/blog/2026/07/camel-tui/camel-tui-overview.png differ diff --git a/content/blog/2026/07/camel-tui/camel-tui-send.png b/content/blog/2026/07/camel-tui/camel-tui-send.png new file mode 100644 index 00000000..fd4bf6eb Binary files /dev/null and b/content/blog/2026/07/camel-tui/camel-tui-send.png differ diff --git a/content/blog/2026/07/camel-tui/index.md b/content/blog/2026/07/camel-tui/index.md index 47da8b52..59028eb3 100644 --- a/content/blog/2026/07/camel-tui/index.md +++ b/content/blog/2026/07/camel-tui/index.md @@ -1,7 +1,7 @@ --- title: "Introducing Camel TUI — A Terminal Dashboard for Apache Camel" date: 2026-07-27 -draft: true +draft: false authors: [davsclaus] categories: ["Features"] keywords: ["apache camel", "TUI", "terminal user interface", "camel cli", "developer tools", "observability", "camel 4.21"] @@ -60,7 +60,7 @@ running in the background and the TUI selects it automatically. If the example n infrastructure — Kafka, a database, a message broker — the TUI starts the required Docker containers for you. -<!-- TODO: add overview screenshot (camel-tui-overview.png) --> + ## What You See @@ -90,7 +90,7 @@ multi-route flows and find your way back. Press **e** to cycle external endpoints — off, edges only, or fully connected — to see how your routes interact with Kafka brokers, HTTP services, and databases. -<!-- TODO: add diagram screenshot (camel-tui-diagram.png) --> + ### Message Insight @@ -110,7 +110,7 @@ processor and an info panel shows the exchange state. Values that changed from t step are highlighted in yellow. This is especially powerful for understanding complex multi-route flows where messages hop between routes through direct, seda, or Kafka endpoints. -<!-- TODO: add inspect screenshot (camel-tui-inspect.png) --> + ### Errors @@ -135,7 +135,7 @@ The TUI is not just a viewer. The **F2 actions menu** gives you quick access to: Convert to animated GIF with [agg](https://github.com/asciinema/agg) or [VHS](https://github.com/charmbracelet/vhs). -<!-- TODO: add send-message screenshot (camel-tui-send.png) --> + ## AI Integration @@ -178,3 +178,13 @@ camel tui ``` For the full reference, see the [Camel TUI documentation](/manual/camel-jbang-tui.html). + +## About the screenshots + +Every screenshot in this blog post was generated by an AI agent (Claude Code) controlling the +TUI through its embedded MCP server. The agent started the TUI with `camel tui --mcp`, connected +as an MCP client, then navigated tabs, selected routes, typed text into input fields, and +triggered the built-in screenshot action — all programmatically, without a human touching +the keyboard. The TUI saved each screenshot as SVG, and the agent converted them to PNG. + +This is exactly the kind of AI-assisted workflow the TUI was designed to enable.
