Skip to content

33 Narrow Layout

KepCup 开发助理 edited this page Oct 24, 2026 · 1 revision

33 Narrow Layout

Source: docs/design/33-narrow-layout.md

Status: implemented (2026-10-11, D82)

When content width < 640px (open interval vs Tailwind sm:), switch to phone-style single column:

  • Bottom tabs: Chats / Contacts / Extensions / Me
  • Detail layers (conversation / Bot) hide tabs and show back (chat.leaveCurrent clears view only — not launch-restore memory)
  • Reuses wide components (AppSidebar, ChatsArea, RightPanel) full-width

Reference navigation model for a future mobile client. Later revisions cover grouping and project-create entry points.

Clone this wiki locally