[See Attached Image]

Currently, there is an issue within Studio, where:
1) What is shown on-Stage during Runtime
2) What is shown on-Stage during Edit Mode.
2) The values displayed in the Properties Panel.
3) The Items selected within Studio's Function Panels (ie a Visual State, a Storyboard, etc...)
....can all be at odds with each other.

This can result in incredible difficulty determining whether what is shown in the Studio UI and on the Stage:
a) Comes from the XAML
b) Comes from an influence (Animation Value, Setter Value, Visual State, etc...)

Furthermore, in the current UI/UX of Studio, there is also no way to set the special 'Design-Time' Property Values, which are visible overwrites in-Editor, but are not passed, or visible in the running Project. (this is currently only possible in the XAML by prefixing the 'd:' code to a line)

Therefore, the attached Proposal seeks to address these issues by allowing the user to filter their entire Studio UI (Stage and Panels), to one of three 'modes':
'Editor' shows what is written in the Page's base XAML.
'Run-Time' shows the 'calculated' values (ie inherited from animation, Setters, Visual States, etc...)
'Design-Time' allows Properties to be set in Studio only, but not in Play Mode / Runtime.