Skip to content

Complete compact output visualizations for PR #287 - #303

Merged
martin-raden merged 7 commits into
feat/286-wasm-webinterfacefrom
feat/287-plotly-gui-review
Oct 26, 2026
Merged

martin-raden merged 7 commits into
feat/286-wasm-webinterfacefrom
feat/287-plotly-gui-review

Conversation

@Alexander-Mitrofanov

Copy link
Copy Markdown
Collaborator

Summary

  • compact and left-align parameter rows while preserving scientific groupings and bottom-aligning wrapped labels
  • move CSV sorting and column selection into a dedicated tab between Output and Model & Energy
  • add descriptive content/use tooltips to every auxiliary output format
  • visualize minimum-energy and interaction-probability files with local Plotly profiles, heatmaps, and selected-spot bars
  • identify native filenames and sequence pairs in file headers, retain original content/downloads, and add 1400 × 850 PNG export
  • pin and checksum the Plotly Cartesian bundle and static same-origin styles while retaining the strict CSP

Validation

  • npm test --prefix gui — 25/25 tests pass
  • full real-WASM browser suite passes with Playwright 1.64.0 on Chromium 156 and Firefox 157 using the matching revision 7378801 engine
  • browser coverage checks compact desktop/mobile layout, CSV tab, all output tooltips, Plotly rendering, sequence names, native-file downloads, valid PNG signatures, and zero CSP console errors
  • desktop/mobile screenshots and the completed Plotly output were visually reviewed; 390 px has no document overflow
  • bash -n scripts/wasm/stage.sh
  • python3 -m py_compile scripts/wasm/test-browser.py
  • workflow YAML parse, pinned asset SHA-256 checks, and git diff --check

No scientific engine code or compiled WASM assets are changed.

Addresses the latest review on #287: #287 (comment)

Base: feat/286-wasm-webinterface

@martin-raden

Copy link
Copy Markdown
Member

@Alexander-Mitrofanov

thanks, please extend.

(gui) Seed

  • move "explicit seeds" input to first row right of "seed constraint" dropdown
  • narrow "Seed constraint" dropdown width to half

(gui) CSV

  • reduce dropdown width of "CSV download sort column" to half

(gui) examples per tool

  • make the example dropdown selection tool specific, ie. independent example lists for "Prediction" and "Evaluation"

(gui) result CSV table

  • reduce the number of shown entries in the CSV table to 10 rows (or max 500px if more simple) and activate vertical scrollbar if the table is longer

(gui) result visualization

  • use the same tab highlighting style as for tabs in input (ie. dark background for the selected tab)

Refine GUI controls and result views after PR #303 review
@martin-raden
martin-raden merged commit 79d60c4 into feat/286-wasm-webinterface Oct 26, 2026
4 of 5 checks passed
@martin-raden
martin-raden deleted the feat/287-plotly-gui-review branch October 26, 2026 17:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants