Feat/explainer prediction redesign#643
Open
Creylay wants to merge 20 commits into
Open
Conversation
…mproved layout and usability
…ons count fetching
…oad and delete functionality
… DatasetTable component Co-authored-by: Copilot <copilot@github.com>
…Results component
…onents with improved state management and UI elements
… components with improved state management and UI elements
… changes and predictions more effectively
…oved delete confirmation UI
…omponents with local storage persistence
… with borders and background adjustments
Co-authored-by: Copilot <copilot@github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
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
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. AddedautoExpandbehavior 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 expandableresults table, CSV download, delete confirmation, and running state indicator.
components/models/DatasetPredictionPanel.jsx: New panel for running predictions over a full dataset, withdataset selector and state callbacks for parent-controlled submit button.
components/models/ManualPredictionPanel.jsx: New panel for manual row-by-row predictions, with improvedrow change handling and state callbacks.
components/explainers/ExplainersCard.jsx: Replaced inlineDialogwithDeleteConfirmationModal. Addedcompact mode used inside
RunResults.components/explainers/ExplainersPlot.jsx: Fixed empty/error state handling. Added border and backgroundstyling to the plot container. Refetch now triggers on
explainer.idchange 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: Supportingcomponents for the new prediction panels.
components/notebooks/dataset/DatasetTable.jsx: AddedshowBorderprop (defaulttrue) to allow callersto suppress the table's own border when it is already inside a styled container.
utils/plotlyTheme.js: Simplifiedbgcolorassignment and updated font color to use theme text color forTesting (optional)
refresh.
page reload.