Skip to content

feat: snap zoom levels + terminal tile summaries - #60

Draft
serefyarar wants to merge 2 commits into
collabs-inc:mainfrom
serefyarar:feat/snap-zoom-summaries
Draft

feat: snap zoom levels + terminal tile summaries#60
serefyarar wants to merge 2 commits into
collabs-inc:mainfrom
serefyarar:feat/snap-zoom-summaries

Conversation

@serefyarar

Copy link
Copy Markdown

Summary

  • Replace free continuous canvas zoom with 4 snapping levels (33%, 50%, 75%, 100%) using ease-out-cubic animation
  • Show terminal tile summaries (heuristic + optional LLM) when zoomed out to 50% or 33%
  • Add PTY output capture, summary overlay UI with status-colored accents, and multi-tier display (detailed, reduced, compact)

Test plan

  • Ctrl/Cmd+scroll zooms between the 4 snap levels with smooth animation
  • Zoom indicator shows correct percentage at each level
  • Terminal tiles show summary overlays at 50% and 33% zoom
  • Summary overlays hide when zooming back to 75% or 100%
  • Pinch zoom from tile webviews also snaps correctly
  • Canvas state persists zoom level across reload

Made with Cursor

Replace free continuous zoom with snapping zoom levels and
ease-out-cubic transition animation.

Made-with: Cursor
Show heuristic + optional LLM-powered summaries on terminal tiles
when zoomed to 50% or 33%. Includes PTY output capture, summary
overlay UI with status-colored accents, and multi-tier display
(detailed, reduced, compact).

Made-with: Cursor
@serefyarar

Copy link
Copy Markdown
Author

Not sure about the exact zoom levels (33/50/75/100) yet, but the main idea is that zoom should snap to discrete steps rather than free-scrolling. There should be some control/limit on how many levels there are and what they are — open to adjusting these.

@serefyarar

serefyarar commented Mar 25, 2026

Copy link
Copy Markdown
Author

TODO: Zoom level information density

The idea is that each zoom level should serve a distinct purpose by showing different levels of information:

  • 100% — Full interactive view (current behavior, everything visible and usable -- code.)
  • 75% — Slightly pulled back, still usable but tiles show condensed chrome/UI
  • 50% — Overview mode: replace live content with rich summaries (terminal status, file previews, key metrics)
  • 33% — Bird's eye: minimal badges/labels only, focused on layout and spatial awareness

Each step out should trade interactivity for context — zooming out should feel like gaining a higher-level understanding of what's happening across all tiles.

@serefyarar

Copy link
Copy Markdown
Author

Bigger picture: zoom as a semantic interface

The deeper intent here is that zooming out should shift the interface from code/terminal-level interaction toward natural language driven building.

  • Zoomed in (100%) — you're hands-on, writing code, running commands, interacting with raw output
  • Zoomed out — the tiles become natural language representations of what's happening: summaries, status, intent, next steps — all in human-readable form

At the furthest zoom levels, you should be able to understand and direct the entire build process through language rather than reading terminal output or scanning code. The canvas becomes a high-level control surface where each tile communicates what it's doing and what it needs, and you can steer from there.

Zoom isn't just a visual scale — it's a shift in abstraction level.

@yiliush

yiliush commented Mar 25, 2026

Copy link
Copy Markdown
Contributor

Hey: this is a great idea that takes deep advantage of the unique interface of Collaborator. Will check out your PR. It's a big idea so it probably needs a bit of workshopping but it leads strongly in the direction I want to take this product, which is to help builders know what avenues to explore, not just help keep better track of the ones already set.

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.

2 participants