[SIEP] Security Insights Editor / Wizard UI

[scovetta]

Proposal Summary

Create a simple website to walk users through creating or editing Security Insights files

Detailed Design

I'd like to propose a website where users can create (through a "wizard" or field-by-field) a Security Insights file, or edit one that already exists. The website should handle things like validation and be user-friendly. It can be added to the GitHub Pages deployment as another tab and run entirely client-side.

I put together an initial version, screenshots below. Happy to send a PR, but wanted to get your thoughts first.

Impact

It'll make it easier for users to create and maintain security-insights.yml files.

Compatibility

Most of the website could be rendered dynamically from the .cue file, so when that updates, everything else does. The wizard might need some tweaks since the sections are hardcoded. We could also have multiple versions in a dropdown so depending on which one the user selects, they'd get a slightly different experience.

Alternatives

N/A - current state is editing manually, IIRC.

Open Questions

N/A

Sponsoring Maintainer Assigned

{"label" => "No Sponsor Yet", "value" => "None"}

[jmeridth]

UPDATE: Changes were made. Thank you @scovetta

I'll reiterate what I said in slack:

Looks awesome. Definitely a better user experience.

2 small nits:

- shrink gap between menu items and submenus. currently that gap causes the
  submenu to close if you're not quick enough.
- Utilize the full width of the screen. The editor seems a bit squished IMO. 

Thank you very much for this. Definitely let @Eddie Knight chime in.

Having this auto update when the schema changes is awesome.

[eddie-knight]

This SIEP has sufficient consensus (here, in ORBIT WG meetings, and via Slack).

We can nitpick the PR details, but I'm happy to say this is a well-received proposal.

Let's leave this SIEP issue open until an implementation PR is merged.

[trumant]

Love this!