AI Chatbot Conversation Interface

A desktop browser mockup of an AI chatbot conversation interface in dark mode at 1280 px wide. Two-column layout: a narrow left sidebar lists recent conversation threads with truncated titles like "Summarize this PDF", "Marketing copy for...", "Explain quantum...", "Code review req..." with relative timestamps. The right main column shows an active conversation. The chat shows alternating message bubbles: user messages are right-aligned in a deep violet rounded rectangle; assistant messages are left-aligned, wider, in a dark gray #2A2D3A card with a subtle left-border violet line. The latest assistant message is a multi-paragraph response with a code block inset (monospaced font on darker background, syntax-highlighted). Below the chat, a sticky input bar shows a rounded text-area with placeholder "Ask me anything…", a paperclip attachment icon, a voice-input mic icon, and a send arrow button in violet. A thin top bar shows the product name "Synapse AI" and a "New Chat" button. Color palette: #0E1117 background, #1A1C2A sidebar, violet #7B5EA7 accents.

一张 1280px 宽深色模式 AI 聊天机器人对话界面截图。双栏布局：左侧窄边栏列出近期会话线程（「总结这个 PDF」、「营销文案...」等）；右侧主区显示当前对话，用户消息为右对齐深紫色圆角气泡，AI 消息为左对齐宽幅深灰卡片带紫色左边框，最新 AI 消息含语法高亮代码块插入。底部固定输入栏含占位符「随便问点什么…」、附件图标、麦克风图标和紫色发送按钮。顶部显示「Summarize this PDF」和「新对话」按钮。配色深黑背景、紫色强调。