This is an automated email from the ASF dual-hosted git repository. davsclaus pushed a commit to branch blog/camel-tui-editor in repository https://gitbox.apache.org/repos/asf/camel-website.git
commit 15e70ac12ffbef1d393c66686a970165f4e6e834 Author: Claus Ibsen <[email protected]> AuthorDate: Sat Aug 8 20:38:16 2026 +0200 blog: Add TUI editor screenshots to follow-up blog post Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]> --- .../2026/08/camel-tui-editor/camel-tui-ai-panel.png | Bin 0 -> 244446 bytes .../2026/08/camel-tui-editor/camel-tui-quick-docs.png | Bin 0 -> 514843 bytes .../camel-tui-editor/camel-tui-tab-completion-eip.png | Bin 0 -> 472817 bytes .../camel-tui-tab-completion-kafka.png | Bin 0 -> 474731 bytes .../08/camel-tui-editor/camel-tui-validation-error.png | Bin 0 -> 455051 bytes content/blog/2026/08/camel-tui-editor/index.md | 17 ++++++++++------- 6 files changed, 10 insertions(+), 7 deletions(-) diff --git a/content/blog/2026/08/camel-tui-editor/camel-tui-ai-panel.png b/content/blog/2026/08/camel-tui-editor/camel-tui-ai-panel.png new file mode 100644 index 00000000..8afa0681 Binary files /dev/null and b/content/blog/2026/08/camel-tui-editor/camel-tui-ai-panel.png differ diff --git a/content/blog/2026/08/camel-tui-editor/camel-tui-quick-docs.png b/content/blog/2026/08/camel-tui-editor/camel-tui-quick-docs.png new file mode 100644 index 00000000..0269f7f1 Binary files /dev/null and b/content/blog/2026/08/camel-tui-editor/camel-tui-quick-docs.png differ diff --git a/content/blog/2026/08/camel-tui-editor/camel-tui-tab-completion-eip.png b/content/blog/2026/08/camel-tui-editor/camel-tui-tab-completion-eip.png new file mode 100644 index 00000000..6db71428 Binary files /dev/null and b/content/blog/2026/08/camel-tui-editor/camel-tui-tab-completion-eip.png differ diff --git a/content/blog/2026/08/camel-tui-editor/camel-tui-tab-completion-kafka.png b/content/blog/2026/08/camel-tui-editor/camel-tui-tab-completion-kafka.png new file mode 100644 index 00000000..9fb69367 Binary files /dev/null and b/content/blog/2026/08/camel-tui-editor/camel-tui-tab-completion-kafka.png differ diff --git a/content/blog/2026/08/camel-tui-editor/camel-tui-validation-error.png b/content/blog/2026/08/camel-tui-editor/camel-tui-validation-error.png new file mode 100644 index 00000000..8776f825 Binary files /dev/null and b/content/blog/2026/08/camel-tui-editor/camel-tui-validation-error.png differ diff --git a/content/blog/2026/08/camel-tui-editor/index.md b/content/blog/2026/08/camel-tui-editor/index.md index 08528af5..99015212 100644 --- a/content/blog/2026/08/camel-tui-editor/index.md +++ b/content/blog/2026/08/camel-tui-editor/index.md @@ -8,13 +8,6 @@ keywords: ["apache camel", "tui", "terminal", "yaml", "editor", "low-code", "tab preview: "The Camel TUI now includes a built-in YAML DSL editor with intelligent Tab completion, validation on save, and support for four AI providers in the AI prompt panel." --- -<!-- TODO: Add screenshots before publishing: - 1. Tab completion popup showing EIP or component names - 2. Validation error popup on save - 3. Inline quick docs overlay - 4. AI prompt panel (F8) in action ---> - Two weeks ago we [introduced the Camel TUI](/blog/2026/07/camel-tui/) -- a terminal dashboard for monitoring and managing Apache Camel integrations. Since then, development has continued at a rapid pace. This post covers the latest additions landing in Camel 4.22. @@ -42,6 +35,10 @@ routes and `application.properties` files. Press **Tab** anywhere in a YAML route file, and the editor offers context-aware completions: + + + + - **EIP names** -- `choice`, `split`, `aggregate`, `filter`, and all other EIPs. The autocomplete popup shows the EIP category label (routing, transformation, error handling, etc.) to help you pick the right one. @@ -65,6 +62,8 @@ When you save a file (Ctrl+S), the editor validates the content: - **YAML route files** are validated against the Camel YAML DSL schema. Errors are shown in a popup with the line number and description. + + - **`application.properties`** files have their `camel.*` keys validated against the catalog, catching typos in property names. @@ -74,6 +73,8 @@ The editor also includes: - **Inline quick docs** -- press `i` to toggle inline documentation for the component or EIP under the cursor. + + - **Cross-route navigation** -- jump indicators show where routes connect to each other (via `direct`, `seda`, etc.), and you can jump between them. - **Confirm before discard** -- pressing Esc with unsaved changes prompts for confirmation. @@ -95,6 +96,8 @@ The F8 AI prompt panel now supports a wide range of LLM providers: - **IBM watsonx.ai** -- auto-detected when `WATSONX_API_KEY` and `WATSONX_PROJECT_ID` are set. - **Ollama** -- for local models, auto-detected when Ollama is running on localhost. + + The panel auto-detects which provider to use based on your environment variables, so you just set the key and start chatting. You can also switch providers on the fly from within the panel. Token usage is tracked per conversation with cumulative cost estimates.
