Design Work: Auto-detection of Schema

[joepavitt]

Just dropping in some first drafts here:

Proposal 1:

Expanding on the existing "Hierarchy" view, two new sections have been added:

• Topic Inspector
  • Provides details on the latest received payload
  • I think there is opportunity here to display topic settings too, e.g. QoS, but less important in our use cases
• Payload Schema
  • Area where automated suggestions are provided for a given topic selected

Points to Note:

• "Open Schema" button in line with the topic hierarchy.
• The to-left highlight section for the select topic still looks like an accordion/expandable area which it isn't
• Need to check on how we display our schema, given the underlying content will be Async API
• Pros:
  • Easy to switch between different topics in the hierarchy
• Cons:
  • Not clear to the user where the suggestions need to be reviewed
  • Real estate congestion is a concern

Proposal 2:

Introduced the use of a pill here to make it clearer that there are items to review.

Points to Note:

• Pros:
  • Easy to switch between different topics in the hierarchy
  • Clearer "actions" that need reviewing by the user, which can be toggled on/off if the feature is not relevant to them.
• Cons:
  • Real estate congestion is a concern