Skip to content

fix(settings): replace custom sidebar mockups with real previews - #16569

Merged
teamleaderleo merged 4 commits into
mainfrom
feat/sidebar-real-previews-captures
Oct 2, 2026
Merged

teamleaderleo merged 4 commits into
mainfrom
feat/sidebar-real-previews-captures

Conversation

@teamleaderleo

@teamleaderleo teamleaderleo commented Oct 2, 2026 •

Copy link
Copy Markdown
Collaborator

What changed

The custom sidebar gallery now ships real cmux captures for all six built-in templates in light and dark appearance. Each asset is a 640x360 crop of the sidebar only, with sanitized demo workspaces, agent sessions, and todos. The package resource copy rule is restored alongside the PNGs so the app bundle includes them.

The stopgap in #16518 removed the generated cards while this work was prepared. This PR restores the gallery images with real captures.

The agents-board.js header now documents the manifest's left-sidebar command:

cmux left-sidebar set custom agents-board

Before and after

Before, the gallery used generated placeholder art:

Before: generated sidebar placeholder

After, the same template uses a real cmux sidebar capture:

After: real cmux sidebar capture

Asset audit

I checked PNGs added by teamleaderleo commits since 2026-09-17. There are no other generated preview or screenshot PNG additions under Resources after excluding the custom-sidebar placeholders. Broader generated-looking assets outside Resources remain unchanged and are listed here for follow-up: footer-before-after.png, density-levels.png, real-vs-mock.png, ui-lab/compact-status-dark.png, ui-lab/compact-status-light.png, ui-lab/gpu-spinner.png, 15264/ui-lab-empty-pane-art-light.png, 15264/ui-lab-empty-pane-art-dark.png, 15264/thunderdome-*.png, and 15210/preview-*.png.

Validation

  • All 12 PNGs are 640x360 and contain only the cropped sidebar.
  • git diff --check and conflict-marker checks pass.
  • Fleet capture checks showed idle CPU around 78 to 86%, stable wired and compressed memory over a 10-second interval, and bounded disk use: 36% root usage with 21 GiB free, 269 MiB capture archive, 714 MiB extracted app, 68 KiB sidebar config, and 113 MiB logs.
  • Tagged fleet build job d8791367a767557cde75a65d is running for this exact head; the merge was gated on green ci-status and macOS compile admission.

teamleaderleo and others added 3 commits October 1, 2026 17:24
Capture each built-in template in cmux in light and dark mode at 640x360, with generic workspace content and no personal data. Restore the package resource copy alongside the assets.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@cursor

cursor Bot commented Oct 2, 2026

Copy link
Copy Markdown

Bugbot is paused — on-demand spend limit reached

Bugbot uses usage-based billing for this team and has hit its on-demand spend limit.

A team admin can raise the spend limit in the Cursor dashboard, or wait for the next billing cycle to continue.

@coderabbitai

coderabbitai Bot commented Oct 2, 2026 •

Copy link
Copy Markdown

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 1 minute.

Check out review usage here.

View limit details

Limit details: You’ve used all 10 included reviews currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Repository: manaflow-ai/cmux/.coderabbit.yaml

Review profile: ASSERTIVE

Plan: Advanced

Run ID: 4e161a91-1563-4c2c-8135-d217bc4c519d

📥 Commits

Reviewing files that changed from the base of the PR and between 6c22525 and 4c9941e.

⛔ Files ignored due to path filters (12)
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/agents-board-dark.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/agents-board-light.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/btop-agents-dark.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/btop-agents-light.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/panel-sessions-dark.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/panel-sessions-light.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/panel-subagents-dark.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/panel-subagents-light.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/panel-todo-dark.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/panel-todo-light.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/workspaces-dark.png is excluded by !**/*.png
  • Packages/macOS/CmuxSettingsUI/Sources/CmuxSettingsUI/Resources/CustomSidebarTemplatePreviews/workspaces-light.png is excluded by !**/*.png
📒 Files selected for processing (2)
  • Examples/CustomSidebars/agents-board.js
  • Packages/macOS/CmuxSettingsUI/Package.swift
  • Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Autopilot is currently an internal CodeRabbit preview.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actions

github-actions Bot commented Oct 2, 2026

Copy link
Copy Markdown
Contributor

All contributors have signed the CLA ✍️ ✅
Posted by the CLA Assistant Lite bot.

@cubic-dev-ai cubic-dev-ai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

No issues found across 14 files

You’re at about 91% of the monthly reviewed-line limit. You may want to disable incremental reviews to conserve quota. Reviews will continue until that limit is exceeded. If you need help avoiding interruptions, please contact contact@cubic.dev.

Re-trigger cubic

@github-actions

github-actions Bot commented Oct 2, 2026

Copy link
Copy Markdown
Contributor

Dogfood tours of 4c9941e5

conversations-sidebar-tour at 4c9941e5: not run

skipped: CI built this head on a runner pool whose products the UI test Macs cannot load, and media never compiles one; gh workflow run pr-media.yml -f pr=&lt;n&gt; -f allow_compile=true does

Tours are picked by the paths globs in dogfood/scenarios/*.json; a Dogfood-tours: a, b line in the description picks them instead (none turns this off). Look at every frame before merging: a green tour only means no step failed.

@teamleaderleo
teamleaderleo merged commit 456edeb into main Oct 2, 2026
70 checks passed
@teamleaderleo
teamleaderleo deleted the feat/sidebar-real-previews-captures branch October 2, 2026 01:03
@github-actions

github-actions Bot commented Oct 2, 2026

Copy link
Copy Markdown
Contributor

Merge receipt for 4c9941e505: every check was green at merge (19 verified; 20 skipped by policy). Full suite runs on main after merge.

rustybret pushed a commit to rustybret/bmux that referenced this pull request Oct 2, 2026
0bfd027 test(cloud): fix the Cloud header and moved-panel focus tests that never ran (manaflow-ai#16539)
c5c4345 localization: accept numbered placeholders in any order (manaflow-ai#16376)
456edeb fix(settings): replace custom sidebar mockups with real previews (manaflow-ai#16569)
98dc3ab Prototype: cmux Cloud as a remote MCP server (manaflow-ai#16568)
6c22525 test(remote): isolate tmux stale-surface fixture (manaflow-ai#16566)
3ec9918 Re-land "fix(coderouter): initialize Cloud VM account pools (manaflow-ai#16397)" (manaflow-ai#16572)
2b895a5 Fix browser paste routing with terminal text box beta (manaflow-ai#6380) (manaflow-ai#16560)
2bd3455 localization: check Swift defaultValue literals against their catalog en value (manaflow-ai#16396)
c43086e test(cli): expect --mark-read to mark every listed inbox message (manaflow-ai#16537)
fcda4f0 test(feed): wait for zero-wait Codex permission acceptance before checking attention (manaflow-ai#16536)
7d57a03 fix(remote): evict stale persistent SSH bridge leases (manaflow-ai#16558)
d630cb8 docs: add protected-folder diagnostics for tmux sessions (manaflow-ai#12219)
7dceaac test: create cwd fixtures that new terminals now resolve on disk (manaflow-ai#16538)
28cc575 docs: cover surface resume binding CLI contract (manaflow-ai#16473)
5c7dca1 Fix idle zsh PR probes triggering chpwd hooks (manaflow-ai#16553)

# Conflicts:
#	.github/workflows/ci-guards.yml
teamleaderleo added a commit that referenced this pull request Oct 2, 2026
…preview generator (#16595)

* fix(sidebars): make both agents-board copies name a real command

#16535 changed the bundled copy's install comment to `cmux sidebar set custom`
and #16569 changed the Examples copy to `cmux left-sidebar set custom`, so
bundledManifestMatchesExamplesFolder failed. Neither command exists; use
`cmux sidebar open agents-board`, which the Examples README documents.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

* test(cloud): assert the machine name's truncation mode without NSTextField

The row renders its name with SwiftUI Text, which AppKit does not back with
an NSTextField, so the test added in #16202 could never find a field. Expose
the truncation mode the view applies and assert it directly.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

* docs(sidebars): drop the mockup preview generator

#16569 replaced the generated mockup cards with real captures; running the
generator would overwrite them with mockups again.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 5.5 <noreply@anthropic.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