Skip to content

[DOCS-1921][DOCS-1927] Compare mode for media panels, updated fit & sizing settings, out of sync panel settings#2265

Open
mdlinville wants to merge 5 commits intomainfrom
DOCS-1921
Open

[DOCS-1921][DOCS-1927] Compare mode for media panels, updated fit & sizing settings, out of sync panel settings#2265
mdlinville wants to merge 5 commits intomainfrom
DOCS-1921

Conversation

@mdlinville
Copy link
Contributor

@mdlinville mdlinville commented Mar 10, 2026

Description

Compare mode for media panels, updated fit & sizing settings, out of sync panel settings

Resolves DOCS-1921
Resolves DOCS-1927

Testing

  • Verify UI
  • Local build succeeds without errors (mint dev)
  • Local link check succeeds without errors (mint broken-links)
  • PR tests succeed

@mdlinville mdlinville requested a review from a team as a code owner March 10, 2026 21:08
@mdlinville mdlinville requested a review from manishm-cw March 10, 2026 21:08
@github-actions
Copy link
Contributor

Images automagically compressed by Calibre's image-actions

Compression reduced images by 75.4%, saving 619.2 KB.

Filename Before After Improvement Visual comparison
images/models/media_compare_mode.png 821.1 KB 201.9 KB 75.4% View diff

@github-actions
Copy link
Contributor

github-actions bot commented Mar 10, 2026

📚 Mintlify Preview Links

🔗 View Full Preview

✨ Added (3 total)

🖼️ Images (3)

File Preview
images/models/compare-mode-fan-out-by-index.png View Compare Mode Fan Out By Index
images/models/compare-mode-fan-out-by-step.png View Compare Mode Fan Out By Step
images/models/compare-mode-fan-out-none.png View Compare Mode Fan Out None

📝 Changed (2 total)

📄 Pages (2)

File Preview
models/app/features/panels/media.mdx Media
models/track/log/media.mdx Media

🤖 Generated automatically when Mintlify deployment succeeds
📍 Deployment: ceb7185 at 2026-03-18 19:55:18 UTC

@github-actions
Copy link
Contributor

github-actions bot commented Mar 10, 2026

🔗 Link Checker Results

All links are valid!

No broken links were detected.

Checked against: https://wb-21fd5541-docs-1921.mintlify.app

@manishm-cw
Copy link

Should we add some info about the settings for the compare mode - Variable controls and Fan out.
image

@mdlinville
Copy link
Contributor Author

Should we add some info about the settings for the compare mode - Variable controls and Fan out. image

I added details about fan out mode, and also updated the details above about setting the panel mode, and the fit & sizing updates you requested in DOCS-1927. PTAL!

@mdlinville mdlinville changed the title [DOCS-1921] Compare mode for media panels [DOCS-1921][DOCS-1927] Compare mode for media panels, updated fit & sizing settings, out of sync panel settings Mar 12, 2026
@crossbizz
Copy link

LGTM

- **Images and videos**: Turn on or off display of full-size media.
- **Images**: When **Fit media** is turned on, resize the panel's media to fit the panel's size.
- **Images and videos**: Set **Panel mode**:
- **Gallery** (default): Specify the number of columns and whether shows a single item per step, run (default), or index.
Copy link
Contributor

@johndmulhausen johndmulhausen Mar 18, 2026

Choose a reason for hiding this comment

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

Whether what shows a single item per step?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Done

Comment on lines +62 to +63
- **Images and videos**: Turn on or off (default) **Use original size**.
- **Images and videos**: Turn on (default) or off **Fit to available space**.
Copy link
Contributor

@johndmulhausen johndmulhausen Mar 18, 2026

Choose a reason for hiding this comment

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

Why three bullet points that say "Images and videos""?? If we're doing separate bullet points for various capabilities for working with Images and Videos maybe a table would be better?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

This is a complicated area of settings. Basically, which settings you will see in section and workspace settings depends on what media you have already logged. If you only logged point clouds, you can't change workspace or section level settings for images and videos, including compare mode. If you only logged images and videos, you won't see the right-hand and left-hand system options that relate to point clouds. I'll see if there is a better way to present this.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

PTAL at the adjustments :)

Comment on lines +112 to +115
- **Fan out**: Control what a row represents.
- **None**: (default): No fan-out. For each run, each grid column shows a single logged item.
- **Step**: Fan out along the step axis. For each run, each grid row shows a single logged item at a given step.
- **Index**: Fan out along the index axis. When you log several items per step (for example, `run.log({"images": [img0, img1, img2, img3]})`), each item has an index. When you fan out by index, each grid row shows shows the item logged at a given step:index combination.
Copy link
Contributor

Choose a reason for hiding this comment

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

Honestly a bit hard to visualize; do we not have screenshots to help, here?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I replaced the single screenshot from before with three screenshots, each showing a fan-out mode and marked up to show the differences. PTAL

@github-actions
Copy link
Contributor

Images automagically compressed by Calibre's image-actions

Compression reduced images by 74.9%, saving 2.6 MB.

Filename Before After Improvement Visual comparison
images/models/compare-mode-fan-out-none.png 1.2 MB 316.0 KB 74.8% View diff
images/models/compare-mode-fan-out-by-index.png 1.2 MB 290.3 KB 75.4% View diff
images/models/compare-mode-fan-out-by-step.png 1.1 MB 287.2 KB 74.6% View diff

mdlinville and others added 4 commits March 18, 2026 12:43
- Remove single screenshot in favor of a screenshot per fan-out mode
  with a red box showing what the row represents in each case
- Improve explanation of fan-out modes
- Adjust organization of individual media-panel settings
  to lead with the setting name, then explain the types of media
  it applies to
- Improve explanation of grid density
- Note that Use original size and Fit to available space have no
  effect in Compare mode
@github-actions
Copy link
Contributor

Images automagically compressed by Calibre's image-actions

Compression reduced images by 74.9%, saving 2.6 MB.

Filename Before After Improvement Visual comparison
images/models/compare-mode-fan-out-none.png 1.2 MB 316.0 KB 74.8% View diff
images/models/compare-mode-fan-out-by-index.png 1.2 MB 290.3 KB 75.4% View diff
images/models/compare-mode-fan-out-by-step.png 1.1 MB 287.2 KB 74.6% View diff

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.

4 participants