Debugger Mode

[Dammshine]

The issue

In the current codebase, there’re numbers of places where debugger view logic has implemented/addressed. However, there’s no unified way to turn on debugger mode on every component, also brings overhead to maintain debugger view feature.

Requirements (Prioritize by importance, do it in order)

1. Refactor debugger mode trigger out to GlobalStore

Design a unified way for the debugger mode, documenated. Make sure this feature can be easier re-used and implemented in the future.

2. Could be a semi-transparent text just above the component it want to debugger at.

3. For more complicanted ones, can be a transparent drop-down option.

Design an interactive way to trigger debugger mode in the frontend.