Skip to content

Commit f6418bd

Browse files
committed
cli UI rework
1 parent 7611326 commit f6418bd

File tree

14 files changed

+64
-0
lines changed

14 files changed

+64
-0
lines changed
203 KB
Loading
271 KB
Loading
123 KB
Loading
128 KB
Loading
183 KB
Loading
185 KB
Loading
317 KB
Loading
282 KB
Loading
126 KB
Loading
Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
---
2+
layout: :theme/post
3+
title: "Network Observability On Demand UI Refactor"
4+
description: Enhanced command-line interface in NetObserv 1.10
5+
tags: CLI,Monitoring,Troubleshooting
6+
authors: [jpinsonneau]
7+
---
8+
9+
# Network Observability On Demand UI Refactor
10+
11+
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).
12+
13+
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.
14+
15+
![tview](tview.gif)<br>
16+
Figure 1: Tview examples
17+
18+
# Key Capabilities
19+
20+
## Table View Enhancements
21+
22+
The flow and packet capture keeps the same abilities, showing the flow table, cycling between `displays` and `enrichments` and applying `live filters`.
23+
24+
![table](table.png)<br>
25+
Figure 2: Flow table view
26+
27+
New in 1.10:
28+
- *Customizable Columns*: Click the `Manage Columns` button to select which columns to display and tailor the table to your needs.<br><br>
29+
![manage columns](columns.png)<br>
30+
Figure 3: Column selection popup
31+
32+
- *Smart Filtering*: Live filters now include auto-suggestions, making it easier to select the right keys and values.<br><br>
33+
![live filters](filters.png)<br>
34+
Figure 4: Live filters suggestions
35+
36+
- *Packet Preview*: When capturing packets, simply click a row to inspect the pcap content directly.<br><br>
37+
![packet content](packet.png)<br>
38+
Figure 5: Packet content display
39+
40+
## Terminal-Based Line Charts
41+
42+
Metrics visualization takes a leap forward with real-time graphs rendered directly in the CLI.
43+
![graphs](graphs.png)<br>
44+
Figure 6: Metrics graphs
45+
46+
Features include:
47+
- *Panel Selection*: Choose from predefined views or build your own dashboard via the `Manage Panels` popup.
48+
- *Time Range Control*: Use the dropdown to select a time window up to the last 6 hours of data.
49+
50+
![panels](panels.png)<br>
51+
Figure 7: Panel management popup
52+
53+
And of course, the full `NetObserv / On Demand` dashboard remains available in the OpenShift Console for deeper insights.
54+
55+
# UI Gallery
56+
57+
A visual tour of the new CLI experience:
58+
59+
![gallery 1](gallery1.png)<br><br>
60+
![gallery 2](gallery2.png)<br><br>
61+
![gallery 3](gallery3.png)<br><br>
62+
![gallery 4](gallery4.png)<br><br>
63+
![gallery 5](gallery5.png)<br><br>
64+
![gallery 6](gallery6.png)<br><br>

0 commit comments

Comments
 (0)