Function ReasoningBlock

tools/debug-console/components/MessageBubble.tsx:59–87

* 思考过程区块 — 推理模型（DeepSeek deepseek-v4 等）的 reasoning_content。 * 默认展开（思考时让用户看到「在想」），可手动折叠；与正文 text 分开渲染。

({ text, live }: { text: string; live: boolean })

 * 默认展开（思考时让用户看到「在想」），可手动折叠；与正文 text 分开渲染。
 */
function ReasoningBlock({ text, live }: { text: string; live: boolean }) {
  const t = useT();
  const [open, setOpen] = useState(true);
  return (
    <div className="mb-3 max-w-[68ch] border-l-2 border-[var(--line)] pl-3">
      <button
        onClick={() => setOpen((v) => !v)}
        className="flex items-center gap-2 text-[10.5px] uppercase tracking-[0.16em] text-[var(--paper-mute)] transition-colors hover:text-[var(--paper-dim)]"
      >
        {live ? (
          <span className="k-thinking">
            <span />
            <span />
            <span />
          </span>
        ) : (
          <span className="text-[var(--amber)]">💭</span>
        )}
        <span>{live ? t("msg.reasoning_live") : t("msg.reasoning_title")}</span>
        <span className="font-mono">{open ? "[−]" : "[+]"}</span>
      </button>
      {open && (
        <div className="mt-2 whitespace-pre-wrap text-[12px] italic leading-relaxed text-[var(--paper-mute)]">
          {text}
        </div>
      )}
    </div>
  );
}

export function MessageBubble({
  msg,