Multiple Tabs and Split View in Flow

[Summary of Idea]

Currently, navigating through the Flow menu introduces noticeable loading delays (e.g., transitioning from the Search sub-menu to Canvas loads a new URL). Furthermore, sub-menus like Canvas and Chart only allow a single instance to be open at a time. To eliminate these workflow bottlenecks, we propose introducing multi-tab navigation, side-by-side split view comparison, and SPA-based routing optimizations within Flow.

[Pain Points]

• Loading Delay during Navigation:

  • Moving between sub-menus (such as Search and Canvas) triggers full URL reloads, slowing down overall navigation speed.

• Single-Instance Limitation:

  • Sub-menus like Canvas and Chart restrict users to viewing only one item at a time, hindering multitasking.

• Inefficient Data Comparison:

  • For instance, if a user has saved separate charts for Equipment A and Equipment B, comparing them side-by-side currently requires manually combining them into a single chart or constantly toggling back and forth between tabs, causing unnecessary friction.

[Proposed Solutions]

① Multi-Tab Support within Sub-menus

• Enable browser-like tabs inside sub-menus (Canvas, Chart, etc.) so users can open, close, and switch between multiple items seamlessly.

• Implement a Single Page Application (SPA)-style routing architecture to eliminate full-page reloads when switching tabs or menus.

② Split View for Side-by-Side Comparison

• Provide a split-screen option (left/right or top/bottom layout) to view two different tabs simultaneously.

• Use Case: Users can display the chart for "Equipment A" on the left pane and "Equipment B" on the right pane to cross-analyze data in real time without altering individual configurations.

③ Independent Session and Configuration Management

• Ensure that filters, settings, and states remain independent across different tabs and split panes without interfering with one another.

[Expected Benefits]

• Enhanced User Experience & Speed: Significantly reduces loading overhead during navigation.

• Boosted Analytical Productivity: Empowers engineers and operators to perform side-by-side comparisons instantly, accelerating root-cause analysis and decision-making.

• Expanded Operational Scenarios: Elevates Flow from a basic single-view tool to a robust workspace capable of handling advanced multi-tasking and monitoring workflows.