/**
 * 对话区 —— 「对话流是**一切回环输入的唯一入口**」(OS 4.1)。
 *
 * 壳(`jc-tch` 题头 / 滚动区 / composer)照原型留着;气泡与卡族备在 `chat-bubbles.tsx`。
 * 空态文案从用人的角度写 —— 空对话是这一单刚开始时的**常态**,不是缺陷。
 */
import { Ico } from '@web-shared/Ico.tsx';

export function TaskChat() {
  return (
    <div className="jc-tch">
      <header className="jc-tch-head">
        <span className="jc-tch-mark">
          <Ico name="bot" s={15} />
        </span>
        <b className="jc-tch-name">任务助理</b>
        <em className="jc-tch-tag">Agent</em>
        <span className="jc-tch-desc">盯着这单推进 · 有事随时说</span>
      </header>

      <div className="jc-tch-scroll">
        <div className="jc-empty t-brand">
          <span className="jc-empty-art">
            <i className="r1" />
            <i className="r2" />
            <span className="jc-empty-ico">
              <Ico name="messages-square" s={26} />
            </span>
          </span>
          <b>还没有消息</b>
          <p>AI 有结论、要派工、或者要你拿个主意,都会在这里说。你也可以随时交代两句。</p>
        </div>
      </div>

      <div className="copilot-composer session-composer">
        <div className="composer-row">
          <textarea rows={2} disabled placeholder="有什么要补充或交代的?" />
          <button className="copilot-send" disabled>
            <Ico name="send" s={14} /> 发送
          </button>
        </div>
      </div>
    </div>
  );
}