TLDR Design · OPINIONS & TUTORIALS
AN ALTERNATIVE CHAT UI LAYOUT
Summary from the TLDR Design newsletter
This post proposes a dual-scroll pane layout for AI chat interfaces to address usability issues posed by agentic features such as thinking traces and tool calls. The design separates user instructions and AI process in one column from results in another, keeping both in context without excessive scrolling. This approach aims to solve the problem of long AI monologues pushing initial messages off-screen, particularly in narrow side panels.