e.stopPropagation()}>

编辑草稿 {data.head || "Reeve 拟的回复"} · 发给 {name}

Reeve 拟的回复 · 你可直接改

setText(e.target.value)} />
        <div className="ds-foot">
          <button className="ds-save" onClick={() => onApply(text, false)}>{dirty ? "存草稿" : "关闭"}</button>
          <button className="ds-send" onClick={() => onApply(text, true)} aria-label="用这版发送">用这版发送 <span className="ds-send-ic">↑</span></button>
        </div>
      </div>
    </div>);

}

/* ---------- reveal helpers ---------- */
function firstPendingIdx(msgs) {
  for (let i = 0; i < msgs.length; i++) if (msgs[i].t === "card" && !msgs[i].sent && !msgs[i].replaced) return i;
  return -1;
}
function cutFor(msgs) {const i = firstPendingIdx(msgs);return i < 0 ? msgs.length : i + 1;}

function initConvos() {
  const cs = JSON.parse(JSON.stringify(window.EMBER.im.conversations));
  cs.forEach((c) => {c.cut = cutFor(c.messages);});
  return cs;
}

/* ---------- scripted reply engine ---------- */
function matchScript(conv, input) {
  const lc = input.toLowerCase();
  return (conv.scripts || []).find((s) => s.match.some((k) => lc.includes(k.toLowerCase())));
}

/* ---------- the interactive app (tabs ⇄ conversation detail) ---------- */
function ReeveIMApp() {
  const [convos, setConvos] = useIM(initConvos);
  const [tab, setTab] = useIM("messages");
  const [view, setView] = useIM(null);
  const [entered, setEntered] = useIM(false);
  const [typingId, setTypingId] = useIM(null);
  const [confirmConv, setConfirmConv] = useIM(null);
  const [toast, setToast] = useIM(null);
  const [sheet, setSheet] = useIM(null);
  const [mailOpen, setMailOpen] = useIM(null); // mail id to open in 邮箱
  const [mailReply, setMailReply] = useIM(""); // reply text prefilled in 邮箱
  const [newOpen, setNewOpen] = useIM(false); // 新建会话 sheet（含附件/语音）
  const [drawer, setDrawer] = useIM(false); // 左侧抽屉
  const timers = useIMRef([]);

useIMEffect(() => () => timers.current.forEach(clearTimeout), []);
  useIMEffect(() => {
    if (view) {const id = requestAnimationFrame(() => setEntered(true));return () => cancelAnimationFrame(id);}
    setEntered(false);
  }, [view]);

/* approve the card at idx → reveal the next step */
  const approve = (id, idx) => {
    update(id, (c) => {
      c.messages = c.messages.map((m, i) => i === idx ? { ...m, sent: true, pending: false } : m);
      const next = firstPendingIdx(c.messages);
      c.cut = next < 0 ? c.messages.length : next + 1;
      if (next < 0) {
        c.status = "watch";c.badge = 0;
        c.preview = "已替你发出 · Reeve 盯着回复中";
      } else {
        c.preview = "已发一步 · 下一步草稿待你拍板";
      }
      return c;
    });
  };

/* user replies (typed or via a card chip) → Reeve answers, maybe revises the draft */
  const send = (id, input) => {
    update(id, (c) => {
      const at = c.cut;
      c.messages.splice(at, 0, { t: "me", text: input });
      c.cut = at + 1;
      return c;
    });
    setTypingId(id);
    const conv = convos.find((c) => c.id === id);
    const hit = matchScript(conv, input);
    const t = setTimeout(() => {
      setTypingId(null);
      update(id, (c) => {
        let at = c.cut;
        c.messages.splice(at, 0, { t: "reeve", text: hit ? hit.reeve : c.scriptDefault || "收到。" });
        c.cut = ++at;
        if (hit && hit.card) {
          const pend = firstPendingIdx(c.messages);
          const head = hit.card.head || pend >= 0 && c.messages[pend].head || "修订版回复";
          if (pend >= 0) c.messages[pend] = { ...c.messages[pend], replaced: true, sent: false };
          c.messages.splice(at, 0, { t: "card", pending: true, head, why: hit.card.why, draft: hit.card.draft, verb: hit.card.verb });
          c.cut = at + 1;
        }
        return c;
      });
    }, 950 + Math.min(input.length * 14, 700));
    timers.current.push(t);
  };

/* stop-following (delete) with two-step confirm */
  const stopFollow = (id) => {
    setConvos((cs) => cs.filter((c) => c.id !== id));
    setConfirmConv(null);
    setToast("已删除 · Reeve 不再跟进此 thread");
    const t = setTimeout(() => setToast(null), 2400);timers.current.push(t);
  };

/* 主动新建会话 — hand Reeve a task (text / voice / 附件); it picks it up */
  const startThread = (payload) => {
    setNewOpen(false);
    setTab("messages");
    const voice = payload && payload.voice;
    const hasAtt = payload && payload.atts && payload.atts.length;
    const note = voice ? "语音已转交 Reeve" : hasAtt ? "已交给 Reeve · 含附件" : "已交给 Reeve";
    setToast(note + " · 正在为你跟进，有进展就叫你");
    const t = setTimeout(() => setToast(null), 2600);timers.current.push(t);
  };

return (
    <React.Fragment>
      <div className={`push-base ${view ? "pushed" : ""}`}>
        <div className="im-app">
          {tab === "messages" ?
          <div className="im-tabscreen">
              <IMTopBar title="消息" onMenu={() => setDrawer(true)} onMe={goMe} />
              <ChatList conversations={convos} onOpen={open} onStop={(c) => setConfirmConv(c)} />
              <HomeComposer onSubmit={(t) => startThread({ text: t })} onExpand={() => setNewOpen(true)} />
            </div> :
          null}
          {tab === "mail" ? <MailboxScreen onMenu={() => setDrawer(true)} onMe={goMe} onOpenChat={openChat} initialOpen={mailOpen} prefillReply={mailReply} onConsumeOpen={() => {setMailOpen(null);setMailReply("");}} /> : null}
          {tab === "wiki" ? <WikiScreen onMenu={() => setDrawer(true)} onMe={goMe} /> : null}
          {tab === "me" ? <div className="im-tabscreen"><ProfileScreen onBack={() => setTab("messages")} /></div> : null}
        </div>
      </div>
      <IMDrawer open={drawer} tab={tab} onClose={() => setDrawer(false)} onNav={navTo} onMe={goMe}
      badge={badge} mailUnread={mailUnread} count={convos.length} />
      {cur ?
      <div className={`push-over ${entered ? "in" : ""}`}>
          <Conversation conv={cur} typing={typingId === cur.id} onBack={close}
        onApprove={approve} onSend={send} onInfo={(id) => setSheet(id)} onEditDraft={editDraftText} onRename={renameConv} />
        </div> :
      null}
      {sheetRaw ? <MailSheet open={!!sheet} onClose={() => setSheet(null)} raw={sheetRaw} /> : null}
      {confirmConv ? <ConvStopConfirm conv={confirmConv} onConfirm={() => stopFollow(confirmConv.id)} onClose={() => setConfirmConv(null)} /> : null}
      {newOpen ? <DarkComposer onClose={() => setNewOpen(false)} onSubmit={startThread} /> : null}
      {toast ? <div className="im-toast">{toast}</div> : null}
    </React.Fragment>);

}

Object.assign(window, {
  ReeveBubble, MeBubble, SysLine, IncomingBlock, DecisionCard, Typing,
  Conversation, ListRow, ChatList, ConvActionSheet, ConvStopConfirm, DraftEditSheet, ReeveIMApp
});