netobserv · jpinsonneau · Aug 28, 2025 · leandroberetta · Sep 3, 2025 · jpinsonneau
diff --git a/content/posts/2025-08-27-cli_ui_refactor/columns.png b/content/posts/2025-08-27-cli_ui_refactor/columns.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/filters.png b/content/posts/2025-08-27-cli_ui_refactor/filters.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/gallery1.png b/content/posts/2025-08-27-cli_ui_refactor/gallery1.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/gallery2.png b/content/posts/2025-08-27-cli_ui_refactor/gallery2.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/gallery3.png b/content/posts/2025-08-27-cli_ui_refactor/gallery3.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/gallery4.png b/content/posts/2025-08-27-cli_ui_refactor/gallery4.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/gallery5.png b/content/posts/2025-08-27-cli_ui_refactor/gallery5.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/gallery6.png b/content/posts/2025-08-27-cli_ui_refactor/gallery6.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/graphs.png b/content/posts/2025-08-27-cli_ui_refactor/graphs.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/index.md b/content/posts/2025-08-27-cli_ui_refactor/index.md
@@ -0,0 +1,62 @@
+---
+layout: :theme/post
+title: "Network Observability On Demand UI Refactor"
+description: Enhanced command-line interface in NetObserv 1.10
+tags: CLI,Monitoring,Troubleshooting
+authors: [jpinsonneau]
+---
+
+The NetObserv 1.10 release introduces a sleek, interactive command-line interface powered by the excellent [tview library](https://github.com/rivo/tview) and one of its extension [tvxwidgets](https://github.com/navidys/tvxwidgets).
+
+These open-source Go packages bring a rich set of UI components such as buttons, dropdowns, popups and tables, all seamlessly integrated into your terminal.
+
+![tview](tview.gif)<br>
+Figure 1: Tview examples
+
+# Key Capabilities
+
+## Table View Enhancements
+
+The flow and packet capture keeps the same abilities, showing the flow table, cycling between `displays` and `enrichments` and applying `live filters`.
+
+![table](table.png)<br>
+Figure 2: Flow table view
+
+New in 1.10:
+- *Customizable Columns*: Click the `Manage Columns` button to select which columns to display and tailor the table to your needs.<br><br>
+![manage columns](columns.png)<br>
+Figure 3: Column selection popup
+
+- *Smart Filtering*: Live filters now include auto-suggestions, making it easier to select the right keys and values.<br><br>
+![live filters](filters.png)<br>
+Figure 4: Live filters suggestions
+
+- *Packet Preview*: When capturing packets, simply click a row to inspect the pcap content directly.<br><br>
+![packet content](packet.png)<br>
+Figure 5: Packet content display
+
+## Terminal-Based Line Charts
+
+Metrics visualization takes a leap forward with real-time graphs rendered directly in the CLI.
+![graphs](graphs.png)<br>
+Figure 6: Metrics graphs
+
+Features include:
+- *Panel Selection*: Choose from predefined views or build your own dashboard via the `Manage Panels` popup.
+- *Time Range Control*: Use the dropdown to select a time window up to the last 6 hours of data.
+
+![panels](panels.png)<br>
+Figure 7: Panel management popup
+
+And of course, the full `NetObserv / On Demand` dashboard remains available in the OpenShift Console for deeper insights.
+
+# UI Gallery
+
+A visual tour of the new CLI experience:
+
+![gallery 1](gallery1.png)<br><br>
+![gallery 2](gallery2.png)<br><br>
+![gallery 3](gallery3.png)<br><br>
+![gallery 4](gallery4.png)<br><br>
+![gallery 5](gallery5.png)<br><br>
+![gallery 6](gallery6.png)<br><br>
diff --git a/content/posts/2025-08-27-cli_ui_refactor/packet.png b/content/posts/2025-08-27-cli_ui_refactor/packet.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/panels.png b/content/posts/2025-08-27-cli_ui_refactor/panels.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/table.png b/content/posts/2025-08-27-cli_ui_refactor/table.png
diff --git a/content/posts/2025-08-27-cli_ui_refactor/tview.gif b/content/posts/2025-08-27-cli_ui_refactor/tview.gif