Function graphSignature

tools/debug-console/components/FlowGraph.tsx:47–70

* 「结构签名」——只在图的结构（节点 / 边 / 工具状态 / 思考步骤标题）真正变化时改变； * 正文逐字增长（text-delta）不改变签名。 * * 用途：流式期间 message 每个增量都是新对象，若直接用它当 useMemo 依赖，会导致 * 每个字符都重建 + 重新布局整张图 → 节点/连线持续抖动。改用结构签名当依赖后， * 只有「真正多了一个节点 / 工具状态翻转 / 新的思考步骤」时才重排，推理图保持稳定。

(
  msg: UIMessage | null | undefined,
  userQuery?: string | null,
)

 * 只有「真正多了一个节点 / 工具状态翻转 / 新的思考步骤」时才重排，推理图保持稳定。
 */
function graphSignature(
  msg: UIMessage | null | undefined,
  userQuery?: string | null,
): string {
  const sig: string[] = [`q:${userQuery?.trim() ? 1 : 0}`];
  for (const part of msg?.parts ?? []) {
    if (part.kind === "tool-call") {
      const r = part.call.result;
      const st = r ? (r.ok ? "ok" : "err") : "pend";
      sig.push(
        `t:${part.call.id}:${part.call.name}:${st}:${part.call.synthetic ? 1 : 0}`,
      );
    } else if (part.kind === "text") {
      // 只取 【TYPE】标题行（不含正文）——正文逐字增长不进签名、不触发重排
      const re = /【([A-Za-z]+)】([^\n]*)/g;
      let m: RegExpExecArray | null;
      while ((m = re.exec(part.text)) !== null) {
        sig.push(`h:${m[1].toUpperCase()}:${m[2].replace(/\*\*/g, "").trim()}`);
      }
    }
    // reasoning 段不进流程图，忽略
  }
  return sig.join(";");
}

interface Props {
  message: UIMessage | null;