Update HTML view

[martindurant]

There is a very minimalist HTML view of a project, which shows up typically in jupyter notebooks. Since the jupyter and vscode frontends are showing some better design, the following should be done:

• remove "specs", "_contents", "_artifacts" nodes and move their respective children up
• use coloud coding to differentiate between the types
• maybe include info (i) button, which creates a popup with doc and link

[passionworkeer]

I’d implement this in the HTML tree serializer rather than post-processing the DOM. Flatten specs / _contents / _artifacts during traversal so their children are emitted at the parent level, which keeps expand/collapse behavior simpler. Then add a small type->CSS class map for color-coding instead of inline styles. For the info button, a lightweight

Details

/popover fed by each node’s doc/link metadata would work well and degrade cleanly in notebook renderers.

[martindurant]

Agreed, working on the python dicts before rendering is far better than manipulating the HTML. That's what I mean to say.

[martindurant]

The "details" panels used for the various IDE extensions will supersede the current HTML view. Since you can embed JS in jupyter output, this will be fine.