Skip to content

Commit 8fd8dd5

Browse files
committed
cli UI rework
1 parent 7611326 commit 8fd8dd5

File tree

14 files changed

+62
-0
lines changed

14 files changed

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

0 commit comments

Comments
 (0)