Skip to content

Exemplar view modifications#214

Merged
Luke-Schreiber merged 18 commits into
mainfrom
exemplar-view-modifications
Apr 14, 2026
Merged

Exemplar view modifications#214
Luke-Schreiber merged 18 commits into
mainfrom
exemplar-view-modifications

Conversation

@Luke-Schreiber
Copy link
Copy Markdown

@Luke-Schreiber Luke-Schreiber commented Dec 22, 2025

Does this PR close any open issues?

Closes #

Give a longer description of what this PR addresses and why it's needed

  • Updated spacing for exemplar view. Histograms are shorter, distance between conditions is larger, spacing looks more professional.
  • Updated tooltip stylings
  • Fixed reactivity for cells and highlighting
  • Refactor and organization of files
  • Fix linting issues

@Luke-Schreiber Luke-Schreiber force-pushed the exemplar-view-modifications branch from 2272989 to ba1dabe Compare January 26, 2026 17:16
@Luke-Schreiber
Copy link
Copy Markdown
Author

Luke-Schreiber commented Feb 27, 2026

  • Clean this PR up
  • Double check performance

@Luke-Schreiber Luke-Schreiber requested a review from Dev-Lan March 3, 2026 20:40
@Luke-Schreiber Luke-Schreiber self-assigned this Mar 3, 2026
@Luke-Schreiber Luke-Schreiber added frontend Deals with Vue Frontend backend Deals with Django backend labels Mar 3, 2026
@Luke-Schreiber Luke-Schreiber moved this to In review in Loon Feature Planning Mar 3, 2026
@Luke-Schreiber Luke-Schreiber marked this pull request as ready for review March 3, 2026 21:18
@Luke-Schreiber Luke-Schreiber requested a review from Copilot March 3, 2026 21:18
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the Exemplar View UI/interaction behavior, focusing on layout/spacing tweaks, tooltip styling, and improved reactivity for snippet/selection highlighting, along with some refactoring/organization.

Changes:

  • Adjusts default exemplar view spacing and adds histogramConditionLabelWrapFactor configuration.
  • Adds a consolidated “Size” control in the settings toolbar and reorganizes settings sidebar sliders into accordion sections.
  • Refactors ExemplarView rendering/interaction logic, including a new DOM-based histogram tooltip and segmentation-based snippet cropping.

Reviewed changes

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

File Description
apps/client/src/stores/componentStores/ExemplarViewStore.ts Updates default sizing/spacing values and adds histogramConditionLabelWrapFactor to view configuration.
apps/client/src/components/exemplarView/ExemplarViewSettingsToolbar.vue Adds a combined size slider that scales snippet size and derived heights.
apps/client/src/components/exemplarView/ExemplarViewSettingsSidebar.vue Categorizes sliders and groups them into accordion sections.
apps/client/src/components/exemplarView/ExemplarView.vue Refactors rendering/hover/selection logic, introduces DOM histogram tooltip, and adds segmentation-based cropping.

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

You can also share your feedback on Copilot code review. Take the survey.

Comment thread apps/client/src/components/exemplarView/ExemplarView.vue
Comment thread apps/client/src/components/exemplarView/ExemplarView.vue
Comment thread apps/client/src/components/exemplarView/ExemplarView.vue Outdated
Comment thread apps/client/src/components/exemplarView/ExemplarView.vue Outdated
Comment thread apps/client/src/components/exemplarView/ExemplarView.vue
@Luke-Schreiber
Copy link
Copy Markdown
Author

Luke-Schreiber commented Mar 3, 2026

  • Cell Image Cropping errors
  • Fix between-exemplar-gap sizing - remove unneeded spaces, and large cells overlapping onto exemplars above
  • Investigate slight segmentation misplacements
  • Rendering bugs when resizing view
  • Rendering performance

@Dev-Lan

This comment was marked as outdated.

@Luke-Schreiber Luke-Schreiber marked this pull request as draft March 10, 2026 21:32
@Luke-Schreiber
Copy link
Copy Markdown
Author

  • we should add a min-height for small thumbnails

We will have this in another PR I think

@Luke-Schreiber Luke-Schreiber marked this pull request as ready for review March 20, 2026 19:07
@Luke-Schreiber
Copy link
Copy Markdown
Author

Luke-Schreiber commented Mar 26, 2026

  • Fix segmentation issues, finalize code!

@Luke-Schreiber
Copy link
Copy Markdown
Author

Luke-Schreiber commented Mar 26, 2026

Tick marks truncate, and add more vertical margin between exemplars

Screenshot 2026-03-26 at 1 11 17 PM

@Luke-Schreiber Luke-Schreiber merged commit 509a805 into main Apr 14, 2026
@Luke-Schreiber Luke-Schreiber deleted the exemplar-view-modifications branch April 14, 2026 18:46
@github-project-automation github-project-automation Bot moved this from In review to Done in Loon Feature Planning Apr 14, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backend Deals with Django backend frontend Deals with Vue Frontend

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

3 participants