DIFF(+15,607): https://github.com/TKanX/bio-forge/pull/26/changes

Summary:

Introduces the official BioForge Web Application, a high-performance, browser-based interface for molecular structure preparation. Built with Next.js 15, React 19, and Tailwind CSS, this application leverages the bio-forge-wasm crate to perform all heavy computations client-side, ensuring data privacy and zero-latency feedback. It features a fully integrated 3D viewer (Mol*), a reactive pipeline configuration system, and a robust state management architecture utilizing Zustand.

Changes:

• WASM Integration & Core Logic:

  • Implemented a singleton WASM loader in core/wasm to ensure the heavy binary is initialized only once.
  • Developed a PipelineExecutor (core/pipeline) that orchestrates the execution of Clean, Repair, Hydro, Solvate, and Topology operations directly in the browser thread.
  • Created a robust file parser (core/file) capable of handling PDB, mmCIF, and MOL2 templates, converting them into managed FileEntry objects with live WASM structure references.

• User Interface & Experience:

  • Design System: Created a comprehensive set of UI primitives (Buttons, Inputs, Sliders, Cards, Badges) styled with Tailwind CSS and oklch color spaces for a modern, accessible dark mode aesthetic.
  • Pipeline Panel: Built interactive configuration forms for every operation (e.g., pH sliders for hydrogenation, ion selection for solvation).
  • 3D Visualization: Integrated Mol (molstar)* for high-performance 3D rendering of structures. The viewer supports instant updates between processing steps without reloading the page.
  • Interactive File List: Implemented file cards with expandable details, real-time status indicators, and batch processing actions.