Visbol section

[zane-perry]

Closes #932

[zane-perry]

Closes #932

[Copilot]

Pull request overview

Adds a new “Visualization” viewing section and wires it into the side panel/page rendering flow for ComponentDefinition and ModuleDefinition pages.

Changes:

• Insert “Visualization” into the section order for ComponentDefinition/ModuleDefinition in the side panel.
• Add a new Visualization section that fetches visualization HTML and renders it in an iframe.
• Update plugin/section imports and route “Visualization” page rendering through GenericContent.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 6 comments.

File	Description
frontend/components/Viewing/SidePanel.js	Prepends “Visualization” into the section order for relevant types.
frontend/components/Viewing/Sections/Visualization.js	New visualization section: fetches visualization content and renders via iframe/srcDoc with resize/navigation handling.
frontend/components/Viewing/Sections/Plugin.js	Fixes import paths and refactors HTML parser options placement.
frontend/components/Viewing/PageJSON/Rendering/GenericContent.js	Updates Plugin import path and adds rendering branch for “Visualization”.

Comments suppressed due to low confidence (1)

frontend/components/Viewing/Sections/Plugin.js:236

• options is defined at module scope but references properties (e.g., properties.plugin.name), which is only defined inside the Plugin component. This will throw a ReferenceError at runtime. Move options inside Plugin, or make it a factory that takes the needed values (e.g., pluginName) and returns the options object so it doesn’t rely on out-of-scope variables.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.