Skip to content

Feat/explainer prediction redesign#643

Open
Creylay wants to merge 20 commits into
developfrom
feat/explainer-prediction-redesign
Open

Feat/explainer prediction redesign#643
Creylay wants to merge 20 commits into
developfrom
feat/explainer-prediction-redesign

Conversation

@Creylay
Copy link
Copy Markdown
Collaborator

@Creylay Creylay commented May 22, 2026

Summary

This PR redesigns the explainer and prediction experience within the model run view. The main goals were to
improve usability of the run results panel — adding inline prediction workflows, a dedicated explainer creation
flow, persistent UI state, and consistent visual styling across cards, plots, and tables.

Modal dialogs were added for creating new dataset predictions, manual predictions, and explainers directly from
the run results panel, without leaving the current view or triggering a full page reload.


Type of Change

  • Backend change
  • Frontend change
  • CI / Workflow change
  • Build / Packaging change
  • Bug fix
  • Documentation

Changes (by file)

  • components/models/RunCard.jsx: Added inline edit dialog for run parameters (name, hyperparameters,
    optimizer, goal metric). Added results visibility toggle persisted in localStorage. Added autoExpand
    behavior when training starts.
  • components/models/RunResults.jsx: Full redesign of the results panel. Added tabbed layout (Live Metrics,
    Explainability, Predictions, Hyperparameters). Added inline dataset and manual prediction dialogs. Added
    collapsible sections for global/local explainers and dataset/manual predictions. Results visibility and
    active tab are persisted in localStorage.
  • components/models/PredictionCard.jsx: New component displaying individual predictions with expandable
    results table, CSV download, delete confirmation, and running state indicator.
  • components/models/DatasetPredictionPanel.jsx: New panel for running predictions over a full dataset, with
    dataset selector and state callbacks for parent-controlled submit button.
  • components/models/ManualPredictionPanel.jsx: New panel for manual row-by-row predictions, with improved
    row change handling and state callbacks.
  • components/explainers/ExplainersCard.jsx: Replaced inline Dialog with DeleteConfirmationModal. Added
    compact mode used inside RunResults.
  • components/explainers/ExplainersPlot.jsx: Fixed empty/error state handling. Added border and background
    styling to the plot container. Refetch now triggers on explainer.id change in addition to status.
  • components/explainers/InlineExplainerCreator.jsx / ConfigureExplainerStep.jsx /
    SetNameAndExplainerStep.jsx: New inline explainer creation flow embedded directly in the run results panel.
  • components/custom/ComponentSelector.jsx: Redesigned as a card-based selector with icon, description,
    selected state highlight, and hover transitions.
  • components/predictions/DatasetSelector.jsx / ManualInput.jsx / ManualInputForm.jsx: Supporting
    components for the new prediction panels.
  • components/notebooks/dataset/DatasetTable.jsx: Added showBorder prop (default true) to allow callers
    to suppress the table's own border when it is already inside a styled container.
  • utils/plotlyTheme.js: Simplified bgcolor assignment and updated font color to use theme text color for

Testing (optional)

  • Verify that run results expand/collapse and that the active tab and visibility are remembered after page
    refresh.
    page reload.
  • Run a dataset prediction and a manual prediction; confirm the result table renders and CSV download works.
  • Confirm that editing run parameters shows the retrain warning when explainers or predictions already exist.
  • Check dark and light mode for plot and table styling (border, background, padding).

Creylay and others added 20 commits May 19, 2026 17:00
… DatasetTable component

Co-authored-by: Copilot <copilot@github.com>
…onents with improved state management and UI elements
… components with improved state management and UI elements
Co-authored-by: Copilot <copilot@github.com>
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.

1 participant