METAL for iPhone

Read AI news in the METAL app.

Download METAL and discover fresh AI stories every day.

Download on the App Store

For iPhone · Free download

Search for METAL AI Magazine in the App Store on your iPhone.

METAL

Vercel v0 redesigns sidebar with real-time task status in chat

AI coding tool v0 adds project-based chat grouping and git branch previews to its sidebar

Vercel v0 redesigns sidebar with real-time task status in chat

Summary

  • v0 redesigned its sidebar to group chats by project
  • Real-time status indicators for streaming, waiting, and completed states were added
  • Hover cards now show website previews, changed files, and git branches
Video from the source

Why a single chat window wasn't enough

Vercel's AI coding tool v0 has reworked its sidebar. Developers juggling multiple projects at once know a familiar problem: when chats pile up in simple chronological order, it takes time to figure out which conversation belongs to which service. With this update, v0 now groups chats by project.

What changed

There are three key changes. Chats are now grouped by project, and each chat carries a real-time status indicator showing whether the task is currently streaming, waiting, or completed. Hovering over a chat brings up a hover card showing a website preview for that project, a list of changed files, and the connected git branch.

FeatureDescription
Chat groupingConversations organized by project
Real-time status indicatorThree states: streaming, waiting, completed
Hover cardWebsite preview, changed files, git branch

The attached image shows only the text "Chats" on a black background, suggesting it was released as a short teaser image previewing the redesigned sidebar screen.

What is v0

v0 is a generative UI development tool built by Vercel. Users describe the screen they want in natural language, and v0 generates working web components and page code. It initially only produced a single frontend screen, but through subsequent versions it has expanded into a workflow that manages multiple files simultaneously and connects with git repositories all the way through to actual deployment. This sidebar redesign is an extension of that trajectory. As the number of projects grows, the need to check "which branch is this code currently on" directly within the chatbot UI has grown as well.

Coding agents increasingly resemble IDEs

AI coding tools are moving beyond simple chat windows and absorbing the functions of integrated development environments (IDEs) one by one. Showing real-time task status is part of that shift. The sensation of waiting for a compile to finish while writing code has now been carried over to how AI agents generate files and prepare deployments. Exposing git branch information in the chat list also appears to be designed around a collaborative step in which humans review and merge the results an agent has produced.

So what does this actually change

With this redesign, v0 users can now scan the progress of multiple projects at a glance without opening each chat window individually. This is especially useful for workflows running several tasks at once, where simply distinguishing which chats are still streaming and which have completed reduces the management burden. Vercel has previously moved to improve accessibility and collaboration across its developer tools, such as opening up public access to its container registry, and this sidebar redesign for v0 can be seen as part of that same trend.

Comments