import { useState } from "react";
import { useConsole } from "../../context";
import { Bar } from "../../components/ui";
import { TRACE_TERMINAL } from "../../api/types";

// Detail actions + fork only. Continue/followup input lives in
// ContinuePanel (shared ChatInput), not in a second form here.
export default function DetailActions() {
  const ctx = useConsole();
  const t = ctx.currentTask;
  const [forkMsg, setForkMsg] = useState("");
  if (!t) return null;
  const terminal = TRACE_TERMINAL.includes(t.status);
  const retryOk = ["failed", "interrupted", "merge-failed"].includes(t.status);
  // 旁聊（Muse 角色对齐 P2）：无 worktree/分支，后端 /fork /merge
  // /pr 一律 409，这里只留重试/取消/查成本，不渲染那三处入口。
  const isSide = t.kind === "side";
  return (
    <>
      <Bar>
        <button disabled={!retryOk} title={retryOk ? "" : "仅 failed/interrupted/merge-failed 可重试"} onClick={() => ctx.doAction("retry")}>重试</button>
        <button className="danger" disabled={terminal} title={terminal ? "终态任务不可取消" : ""} onClick={() => ctx.doAction("cancel")}>取消</button>
        {isSide ? null : (<>
          <button disabled={t.status !== "completed"} title={t.status !== "completed" ? "仅 completed 可合并" : ""} onClick={() => ctx.doAction("merge")}>合并（completed → merged）</button>
          <button disabled={t.status !== "merged"} title={t.status !== "merged" ? "仅 merged 可提 PR" : ""} onClick={() => ctx.doAction("pr")}>提 PR（须 merged）</button>
        </>)}
        {terminal && !isSide ? <button onClick={() => ctx.setForkVisible(true)}>分支</button> : null}
        <button onClick={ctx.taskCost}>查成本</button>
        <span className="muted">{ctx.actionMsg} {ctx.actionReasons}</span>
      </Bar>
      {ctx.forkVisible && !isSide ? (
        <div>
          <input type="text" placeholder="分支首轮消息（必填，带历史的新会话）" style={{ width: "100%", boxSizing: "border-box", margin: "6px 0" }} value={forkMsg} onChange={(e) => setForkMsg(e.target.value)} />
          <Bar><button className="seal" onClick={async () => { await ctx.forkTask(forkMsg); setForkMsg(""); }}>创建分支任务</button><span className="muted">{ctx.forkMsg}</span></Bar>
        </div>
      ) : null}
    </>
  );
}