dishui 0.0.47 → 0.0.49

package/dist/components/pro/Flow/panels/AIPanel.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function AIPanelContent(): React.JSX.Element;

package/dist/components/pro/Flow/panels/AIPanel.js

@@ -0,0 +1,498 @@
+import C from "../../../Button/index.js";
+import E from "../../../Input/index.js";
+import O from "../../../Label/index.js";
+import le from "../../../Select/index.js";
+import { DEFAULT_EDGE_DATA as re, DEFAULT_NODE_DATA as ie, ROOT_CANVAS_ID as K } from "../constants.js";
+import { useFlowContext as ce } from "../context/FlowContext.js";
+import { useFlowAI as de } from "../context/FlowAIContext.js";
+import { completeAIChatStream as ue } from "../nodes/aiClient.js";
+import { useCallback as w, useEffect as W, useRef as A, useState as h } from "react";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+var me = `You are a diagramming assistant for a flowchart editor. Convert the user's request (a description, or an uploaded diagram image to reproduce) into a flow document.
+
+Reply with ONE fenced \`\`\`json code block and nothing else. The JSON must match:
+{
+  "canvases": {
+    "root": {
+      "nodes": [
+        { "id": "n1", "type": "shapeRoundRect", "position": {"x": 80, "y": 80}, "width": 160, "height": 64,
+          "data": { "label": "Start" } }
+      ],
+      "edges": [
+        { "id": "e1", "source": "n1", "target": "n2", "type": "smoothstep",
+          "data": { "labelText": "yes" } }
+      ],
+      "lines": []
+    }
+  },
+  "stack": ["root"]
+}
+
+Rules:
+- Node "type" is one of: shapeRect, shapeRoundRect, shapeEllipse, shapeDiamond, shapeParallelogram, shapeDocument, shapeHexagon. Use shapeDiamond for decisions, shapeRoundRect for processes, shapeEllipse for start/end.
+- Give every node a unique "id". Every edge "source"/"target" must reference an existing node id.
+- Lay nodes out on a readable grid (top-to-bottom or left-to-right), spacing ~180px, no overlaps. Widths ~140-180, heights ~56-72 (diamonds ~120x100).
+- Put a short "label" on each node. Optional edge label goes in data.labelText.
+- Do NOT include colors; the editor themes them automatically.
+- Output ONLY the JSON code block.`;
+function pe(i) {
+  let o = i.trim();
+  const d = /```(?:json)?\s*([\s\S]*?)```/i.exec(o);
+  if (d) o = d[1].trim();
+  else {
+    const n = o.indexOf("{"), u = o.lastIndexOf("}");
+    n >= 0 && u > n && (o = o.slice(n, u + 1));
+  }
+  try {
+    const n = JSON.parse(o);
+    return !n || typeof n != "object" || !n.canvases ? null : n;
+  } catch {
+    return null;
+  }
+}
+function he(i) {
+  const o = i.canvases ?? {}, d = o[i.stack?.[i.stack.length - 1] ?? "root"] ?? o.root ?? {
+    nodes: [],
+    edges: [],
+    lines: []
+  }, n = (d.nodes ?? []).map((t, m) => ({
+    id: t.id ?? `n${m + 1}`,
+    type: t.type ?? "shapeRoundRect",
+    position: {
+      x: Number(t.position?.x ?? 80),
+      y: Number(t.position?.y ?? 80 + m * 120)
+    },
+    width: Number(t.width ?? 160),
+    height: Number(t.height ?? 64),
+    zIndex: t.zIndex ?? m,
+    data: {
+      ...ie,
+      ...t.data ?? {},
+      label: t.data?.label ?? t.label ?? "Node"
+    }
+  })), u = new Map(n.map((t) => [t.id, t])), v = (d.edges ?? []).map((t, m) => ({
+    id: t.id ?? `e${m + 1}`,
+    source: t.source,
+    target: t.target,
+    type: t.type ?? "smoothstep",
+    data: {
+      ...re,
+      ...t.data ?? {}
+    }
+  })).filter((t) => t.source && t.target).map((t) => fe(t, u));
+  return {
+    canvases: { [K]: {
+      nodes: n,
+      edges: v,
+      lines: []
+    } },
+    stack: [K]
+  };
+}
+function fe(i, o) {
+  const d = o.get(i.source), n = o.get(i.target);
+  if (!d || !n || d === n) return i;
+  const u = n.position.x + n.width / 2 - (d.position.x + d.width / 2), v = n.position.y + n.height / 2 - (d.position.y + d.height / 2);
+  if (Math.abs(u) >= Math.abs(v)) {
+    const m = u >= 0;
+    return {
+      ...i,
+      sourceHandle: m ? "r_0.5" : "l_0.5",
+      targetHandle: m ? "l_0.5" : "r_0.5"
+    };
+  }
+  const t = v >= 0;
+  return {
+    ...i,
+    sourceHandle: t ? "b_0.5" : "t_0.5",
+    targetHandle: t ? "t_0.5" : "b_0.5"
+  };
+}
+var ge = [{
+  value: "openai",
+  label: "OpenAI 兼容"
+}, {
+  value: "anthropic",
+  label: "Anthropic"
+}], we = 2e4;
+function Oe() {
+  const { setDoc: i } = ce(), { aiConfig: o, setAIConfig: d, showAIConfig: n } = de(), [u, v] = h(""), [t, m] = h(null), [D, L] = h(!1), [S, R] = h(null), [M, y] = h(null), [_, Y] = h(!1), [q, F] = h(!1), [f, N] = h(null), [V, U] = h(0), T = A(null), H = A(null), $ = A(null), j = A(null), k = A(""), I = w((e) => {
+    d({
+      ...o,
+      ...e
+    });
+  }, [o, d]), Q = w((e) => {
+    const s = e.target.files?.[0];
+    if (e.target.value = "", !s) return;
+    const r = new FileReader();
+    r.onload = () => m(r.result), r.readAsDataURL(s);
+  }, []), J = w((e) => {
+    const s = e.clipboardData?.items;
+    if (s) {
+      for (const r of s) if (r.type.startsWith("image/")) {
+        const p = r.getAsFile();
+        if (p) {
+          e.preventDefault();
+          const x = new FileReader();
+          x.onload = () => m(x.result), x.readAsDataURL(p);
+          return;
+        }
+      }
+    }
+  }, []);
+  W(() => {
+    const e = window.setInterval(() => {
+      U((s) => {
+        const r = k.current.length;
+        return s >= r ? s : s + Math.max(8, Math.ceil((r - s) / 8));
+      });
+    }, 40);
+    return () => window.clearInterval(e);
+  }, []);
+  const b = k.current.slice(0, V);
+  W(() => {
+    const e = $.current;
+    e && (e.scrollTop = e.scrollHeight);
+    const s = j.current;
+    s && (s.scrollTop = s.scrollHeight);
+  }, [b, _]);
+  const X = w(async () => {
+    if (D) return;
+    if (!o.gateway || !o.model) {
+      R("请先配置 AI 接口地址与模型");
+      return;
+    }
+    if (!u.trim() && !t) {
+      R("请输入需求描述，或上传一张流程图");
+      return;
+    }
+    R(null), y("正在生成…"), k.current = "", U(0), F(!1), N(null), L(!0);
+    const e = new AbortController();
+    T.current = e;
+    try {
+      const s = await ue(o, u.trim() || "请根据这张图片复刻出对应的流程图。", {
+        imageDataUrl: t ?? void 0,
+        systemPrompt: me,
+        signal: e.signal,
+        onDelta: (p) => {
+          k.current = p;
+        }
+      });
+      F(!0);
+      const r = pe(s);
+      if (!r) {
+        R("AI 返回内容无法解析为流程图，请重试或调整描述"), y(null);
+        return;
+      }
+      N(he(r)), y(null);
+    } catch (s) {
+      s?.name !== "AbortError" && R(s?.message ?? "生成失败"), y(null);
+    } finally {
+      L(!1), T.current = null;
+    }
+  }, [
+    D,
+    o,
+    u,
+    t
+  ]), Z = w(() => T.current?.abort(), []), ee = w(() => {
+    if (!f) return;
+    const e = f.canvases.root ?? {
+      nodes: [],
+      edges: [],
+      lines: []
+    };
+    i((s) => {
+      const r = s.stack[s.stack.length - 1] ?? "root", p = s.canvases[r] ?? {
+        nodes: [],
+        edges: [],
+        lines: []
+      }, x = /* @__PURE__ */ new Set([
+        ...p.nodes.map((l) => l.id),
+        ...p.edges.map((l) => l.id),
+        ...p.lines.map((l) => l.id)
+      ]), G = (l) => {
+        let g = l, ne = 1;
+        for (; x.has(g); ) g = `${l}_${ne++}`;
+        return x.add(g), g;
+      }, P = /* @__PURE__ */ new Map(), se = e.nodes.map((l) => {
+        const g = G(l.id);
+        return P.set(l.id, g), {
+          ...l,
+          id: g
+        };
+      }), oe = e.edges.map((l) => ({
+        ...l,
+        id: G(l.id),
+        source: P.get(l.source) ?? l.source,
+        target: P.get(l.target) ?? l.target
+      }));
+      return {
+        ...s,
+        canvases: {
+          ...s.canvases,
+          [r]: {
+            nodes: [...p.nodes, ...se],
+            edges: [...p.edges, ...oe],
+            lines: p.lines
+          }
+        }
+      };
+    }), N(null), y("已插入流程图");
+  }, [f, i]), te = w(() => {
+    if (!f) return;
+    const e = f.canvases.root ?? {
+      nodes: [],
+      edges: [],
+      lines: []
+    };
+    i((s) => {
+      const r = s.stack[s.stack.length - 1] ?? "root";
+      return {
+        ...s,
+        canvases: {
+          ...s.canvases,
+          [r]: {
+            nodes: e.nodes,
+            edges: e.edges,
+            lines: []
+          }
+        }
+      };
+    }), N(null), y("已替换画布");
+  }, [f, i]), z = b.length, ae = z >= k.current.length, B = q && ae ? 100 : Math.min(99, Math.floor(z / we * 99));
+  return /* @__PURE__ */ c("div", {
+    className: "flow-ai-panel",
+    onPaste: J,
+    children: [
+      n && /* @__PURE__ */ c("div", {
+        className: "flow-ai-section",
+        children: [
+          /* @__PURE__ */ a("div", {
+            className: "flow-ai-section-title",
+            children: "模型配置"
+          }),
+          /* @__PURE__ */ c("div", {
+            className: "flow-inspector-row",
+            children: [/* @__PURE__ */ a(O, {
+              size: "xs",
+              className: "flow-inspector-label",
+              children: "协议"
+            }), /* @__PURE__ */ a(le, {
+              options: ge,
+              value: o.protocol,
+              onChange: (e) => I({ protocol: e }),
+              style: { fontSize: 12 }
+            })]
+          }),
+          /* @__PURE__ */ c("div", {
+            className: "flow-inspector-row",
+            children: [/* @__PURE__ */ a(O, {
+              size: "xs",
+              className: "flow-inspector-label",
+              children: "接口地址"
+            }), /* @__PURE__ */ a(E, {
+              size: "xs",
+              value: o.gateway,
+              placeholder: "https://api.moonshot.cn/v1",
+              onChange: (e) => I({ gateway: e.target.value })
+            })]
+          }),
+          /* @__PURE__ */ c("div", {
+            className: "flow-inspector-row",
+            children: [/* @__PURE__ */ a(O, {
+              size: "xs",
+              className: "flow-inspector-label",
+              children: "模型"
+            }), /* @__PURE__ */ a(E, {
+              size: "xs",
+              value: o.model,
+              placeholder: "gpt-4o-mini",
+              onChange: (e) => I({ model: e.target.value })
+            })]
+          }),
+          /* @__PURE__ */ c("div", {
+            className: "flow-inspector-row",
+            children: [/* @__PURE__ */ a(O, {
+              size: "xs",
+              className: "flow-inspector-label",
+              children: "API Key"
+            }), /* @__PURE__ */ a(E, {
+              size: "xs",
+              type: "password",
+              value: o.apiKey ?? "",
+              placeholder: "sk-…",
+              onChange: (e) => I({ apiKey: e.target.value })
+            })]
+          })
+        ]
+      }),
+      /* @__PURE__ */ c("div", {
+        className: "flow-ai-section",
+        children: [
+          /* @__PURE__ */ a("div", {
+            className: "flow-ai-section-title",
+            children: "生成流程图"
+          }),
+          /* @__PURE__ */ a("textarea", {
+            className: "flow-ai-textarea",
+            value: u,
+            placeholder: "描述你想要的流程，例如：用户注册流程，包含邮箱校验、发送验证码、创建账号等步骤（可直接粘贴图片）",
+            onChange: (e) => v(e.target.value),
+            onPaste: J,
+            onPointerDown: (e) => e.stopPropagation()
+          }),
+          /* @__PURE__ */ c("div", {
+            className: "flow-ai-image-row",
+            children: [
+              /* @__PURE__ */ a("input", {
+                ref: H,
+                type: "file",
+                accept: "image/*",
+                style: { display: "none" },
+                onChange: Q
+              }),
+              t ? /* @__PURE__ */ c("div", {
+                className: "flow-ai-image-preview",
+                children: [/* @__PURE__ */ a("img", {
+                  src: t,
+                  alt: "参考图"
+                }), /* @__PURE__ */ a("button", {
+                  type: "button",
+                  className: "flow-ai-image-remove",
+                  title: "移除图片",
+                  onClick: () => m(null),
+                  children: "×"
+                })]
+              }) : /* @__PURE__ */ a(C, {
+                size: "xs",
+                variant: "ghost",
+                onClick: () => H.current?.click(),
+                children: "上传流程图图片"
+              }),
+              /* @__PURE__ */ a("span", {
+                className: "flow-ai-hint",
+                children: "或粘贴图片 (Ctrl/⌘+V)"
+              })
+            ]
+          }),
+          /* @__PURE__ */ a("div", {
+            className: "flow-ai-actions",
+            children: D ? /* @__PURE__ */ a(C, {
+              size: "xs",
+              variant: "ghost",
+              onClick: Z,
+              children: "停止"
+            }) : /* @__PURE__ */ a(C, {
+              size: "xs",
+              variant: "primary",
+              onClick: X,
+              children: "生成流程图"
+            })
+          }),
+          (D || b) && /* @__PURE__ */ c("div", {
+            className: "flow-ai-stream",
+            children: [
+              /* @__PURE__ */ c("div", {
+                className: "flow-ai-progress",
+                children: [/* @__PURE__ */ a("div", {
+                  className: "flow-ai-progress-track",
+                  children: /* @__PURE__ */ a("div", {
+                    className: "flow-ai-progress-bar",
+                    style: { width: `${B}%` }
+                  })
+                }), /* @__PURE__ */ c("span", {
+                  className: "flow-ai-progress-label",
+                  children: [B, "%"]
+                })]
+              }),
+              /* @__PURE__ */ c("button", {
+                type: "button",
+                className: "flow-ai-stream-header",
+                onClick: () => Y((e) => !e),
+                children: [
+                  /* @__PURE__ */ a("span", {
+                    className: `flow-ai-stream-chevron${_ ? " flow-ai-stream-chevron--open" : ""}`,
+                    children: "▸"
+                  }),
+                  /* @__PURE__ */ a("span", { children: "返回内容" }),
+                  /* @__PURE__ */ c("span", {
+                    className: "flow-ai-stream-count",
+                    children: [z.toLocaleString(), " 字符"]
+                  })
+                ]
+              }),
+              _ ? /* @__PURE__ */ a("pre", {
+                ref: $,
+                className: "flow-ai-stream-body",
+                children: b || "等待返回…"
+              }) : b && /* @__PURE__ */ a("pre", {
+                ref: j,
+                className: "flow-ai-stream-tail",
+                children: b
+              })
+            ]
+          }),
+          M && !S && /* @__PURE__ */ a("div", {
+            className: "flow-ai-status",
+            children: M
+          }),
+          S && /* @__PURE__ */ a("div", {
+            className: "flow-media-error",
+            children: S
+          })
+        ]
+      }),
+      f && /* @__PURE__ */ a("div", {
+        className: "flow-ai-dialog-overlay",
+        onClick: () => N(null),
+        children: /* @__PURE__ */ c("div", {
+          className: "flow-ai-dialog",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": "流程图已生成",
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ a("div", {
+              className: "flow-ai-dialog-title",
+              children: "流程图已生成"
+            }),
+            /* @__PURE__ */ a("div", {
+              className: "flow-ai-dialog-desc",
+              children: "插入：将生成内容追加到当前画布；替换：清空当前画布后再插入。"
+            }),
+            /* @__PURE__ */ c("div", {
+              className: "flow-ai-dialog-actions",
+              children: [
+                /* @__PURE__ */ a(C, {
+                  size: "xs",
+                  variant: "ghost",
+                  onClick: () => N(null),
+                  children: "取消"
+                }),
+                /* @__PURE__ */ a(C, {
+                  size: "xs",
+                  variant: "neutral",
+                  outline: !0,
+                  onClick: ee,
+                  children: "插入"
+                }),
+                /* @__PURE__ */ a(C, {
+                  size: "xs",
+                  variant: "primary",
+                  onClick: te,
+                  children: "替换"
+                })
+              ]
+            })
+          ]
+        })
+      })
+    ]
+  });
+}
+export {
+  Oe as AIPanelContent
+};
+
+//# sourceMappingURL=AIPanel.js.map

package/dist/components/pro/Flow/panels/AIPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIPanel.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/AIPanel.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport Button from '../../../Button';\nimport Input from '../../../Input';\nimport Select from '../../../Select';\nimport Label from '../../../Label';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowAI } from '../context/FlowAIContext';\nimport { completeAIChatStream } from '../nodes/aiClient';\nimport { ROOT_CANVAS_ID, DEFAULT_NODE_DATA, DEFAULT_EDGE_DATA } from '../constants';\nimport type { FlowAIConfig, FlowDocument } from '../types';\n\n/**\n * System prompt that constrains the model to emit a FlowDocument JSON so the\n * result can be parsed and loaded directly onto the canvas.\n */\nconst SYSTEM_PROMPT = `You are a diagramming assistant for a flowchart editor. Convert the user's request (a description, or an uploaded diagram image to reproduce) into a flow document.\n\nReply with ONE fenced \\`\\`\\`json code block and nothing else. The JSON must match:\n{\n  \"canvases\": {\n    \"root\": {\n      \"nodes\": [\n        { \"id\": \"n1\", \"type\": \"shapeRoundRect\", \"position\": {\"x\": 80, \"y\": 80}, \"width\": 160, \"height\": 64,\n          \"data\": { \"label\": \"Start\" } }\n      ],\n      \"edges\": [\n        { \"id\": \"e1\", \"source\": \"n1\", \"target\": \"n2\", \"type\": \"smoothstep\",\n          \"data\": { \"labelText\": \"yes\" } }\n      ],\n      \"lines\": []\n    }\n  },\n  \"stack\": [\"root\"]\n}\n\nRules:\n- Node \"type\" is one of: shapeRect, shapeRoundRect, shapeEllipse, shapeDiamond, shapeParallelogram, shapeDocument, shapeHexagon. Use shapeDiamond for decisions, shapeRoundRect for processes, shapeEllipse for start/end.\n- Give every node a unique \"id\". Every edge \"source\"/\"target\" must reference an existing node id.\n- Lay nodes out on a readable grid (top-to-bottom or left-to-right), spacing ~180px, no overlaps. Widths ~140-180, heights ~56-72 (diamonds ~120x100).\n- Put a short \"label\" on each node. Optional edge label goes in data.labelText.\n- Do NOT include colors; the editor themes them automatically.\n- Output ONLY the JSON code block.`;\n\n/** Extract and parse the first JSON object from an AI reply. */\nfunction parseFlowJson(text: string): FlowDocument | null {\n  let raw = text.trim();\n  const fence = /```(?:json)?\\s*([\\s\\S]*?)```/i.exec(raw);\n  if (fence) raw = fence[1].trim();\n  else {\n    const start = raw.indexOf('{');\n    const end = raw.lastIndexOf('}');\n    if (start >= 0 && end > start) raw = raw.slice(start, end + 1);\n  }\n  try {\n    const parsed = JSON.parse(raw);\n    if (!parsed || typeof parsed !== 'object' || !parsed.canvases) return null;\n    return parsed as FlowDocument;\n  } catch {\n    return null;\n  }\n}\n\n/** Normalize an AI-produced document: fill defaults, ensure a root canvas. */\nfunction normalizeAIDocument(doc: FlowDocument): FlowDocument {\n  const canvases = doc.canvases ?? {};\n  const rootKey = doc.stack?.[doc.stack.length - 1] ?? ROOT_CANVAS_ID;\n  const canvas = canvases[rootKey] ?? canvases[ROOT_CANVAS_ID] ?? { nodes: [], edges: [], lines: [] };\n  const nodes = (canvas.nodes ?? []).map((n: any, i: number) => ({\n    id: n.id ?? `n${i + 1}`,\n    type: n.type ?? 'shapeRoundRect',\n    position: { x: Number(n.position?.x ?? 80), y: Number(n.position?.y ?? 80 + i * 120) },\n    width: Number(n.width ?? 160),\n    height: Number(n.height ?? 64),\n    zIndex: n.zIndex ?? i,\n    data: { ...DEFAULT_NODE_DATA, ...(n.data ?? {}), label: n.data?.label ?? n.label ?? 'Node' },\n  }));\n  const nodeById = new Map<string, any>(nodes.map((n) => [n.id, n]));\n  const edges = (canvas.edges ?? []).map((e: any, i: number) => ({\n    id: e.id ?? `e${i + 1}`,\n    source: e.source,\n    target: e.target,\n    type: e.type ?? 'smoothstep',\n    data: { ...DEFAULT_EDGE_DATA, ...(e.data ?? {}) },\n  })).filter((e: any) => e.source && e.target)\n    .map((e: any) => pinEdgeToSideMidpoints(e, nodeById));\n  return {\n    canvases: { [ROOT_CANVAS_ID]: { nodes, edges, lines: [] } },\n    stack: [ROOT_CANVAS_ID],\n  };\n}\n\n/**\n * Pin an AI-generated edge to the midpoint handles of the facing node sides\n * (`r_0.5` / `l_0.5` / `t_0.5` / `b_0.5`) so connections attach at the center\n * of each side instead of sliding along the side toward the other node.\n */\nfunction pinEdgeToSideMidpoints(edge: any, nodeById: Map<string, any>): any {\n  const s = nodeById.get(edge.source);\n  const t = nodeById.get(edge.target);\n  if (!s || !t || s === t) return edge;\n  const dx = (t.position.x + t.width / 2) - (s.position.x + s.width / 2);\n  const dy = (t.position.y + t.height / 2) - (s.position.y + s.height / 2);\n  if (Math.abs(dx) >= Math.abs(dy)) {\n    const forward = dx >= 0;\n    return {\n      ...edge,\n      sourceHandle: forward ? 'r_0.5' : 'l_0.5',\n      targetHandle: forward ? 'l_0.5' : 'r_0.5',\n    };\n  }\n  const forward = dy >= 0;\n  return {\n    ...edge,\n    sourceHandle: forward ? 'b_0.5' : 't_0.5',\n    targetHandle: forward ? 't_0.5' : 'b_0.5',\n  };\n}\n\nconst PROTOCOL_OPTIONS = [\n  { value: 'openai', label: 'OpenAI 兼容' },\n  { value: 'anthropic', label: 'Anthropic' },\n];\n\n/** Char count at which the simulated progress bar saturates (99%). */\nconst PROGRESS_FULL_CHARS = 20000;\n\nexport function AIPanelContent() {\n  const { setDoc } = useFlowContext();\n  const { aiConfig, setAIConfig, showAIConfig } = useFlowAI();\n\n  const [prompt, setPrompt] = useState('');\n  const [imageDataUrl, setImageDataUrl] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [status, setStatus] = useState<string | null>(null);\n  const [streamOpen, setStreamOpen] = useState(false);\n  const [finished, setFinished] = useState(false);\n  const [pendingDoc, setPendingDoc] = useState<FlowDocument | null>(null);\n  const [displayLen, setDisplayLen] = useState(0);\n  const abortRef = useRef<AbortController | null>(null);\n  const fileRef = useRef<HTMLInputElement>(null);\n  const streamBodyRef = useRef<HTMLPreElement>(null);\n  const streamTailRef = useRef<HTMLPreElement>(null);\n  /** Full text received from the model so far (grows on every SSE delta). */\n  const targetRef = useRef('');\n\n  const updateConfig = useCallback((patch: Partial<FlowAIConfig>) => {\n    setAIConfig({ ...aiConfig, ...patch });\n  }, [aiConfig, setAIConfig]);\n\n  const onPickImage = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    e.target.value = '';\n    if (!file) return;\n    const reader = new FileReader();\n    reader.onload = () => setImageDataUrl(reader.result as string);\n    reader.readAsDataURL(file);\n  }, []);\n\n  // Accept an image pasted from the clipboard (Ctrl/Cmd+V) anywhere in the panel\n  // or into the textarea. Falls through to normal text paste otherwise.\n  const onPaste = useCallback((e: React.ClipboardEvent) => {\n    const items = e.clipboardData?.items;\n    if (!items) return;\n    for (const item of items) {\n      if (item.type.startsWith('image/')) {\n        const file = item.getAsFile();\n        if (file) {\n          e.preventDefault();\n          const reader = new FileReader();\n          reader.onload = () => setImageDataUrl(reader.result as string);\n          reader.readAsDataURL(file);\n          return;\n        }\n      }\n    }\n  }, []);\n\n  // Progressive reveal: SSE deltas land in `targetRef` (often several chunks\n  // per network read, which React would batch into a single paint), and this\n  // timer types the text out with an exponential catch-up so the panel always\n  // shows the reply growing character-by-character.\n  useEffect(() => {\n    const timer = window.setInterval(() => {\n      setDisplayLen((len) => {\n        const target = targetRef.current.length;\n        if (len >= target) return len;\n        return len + Math.max(8, Math.ceil((target - len) / 8));\n      });\n    }, 40);\n    return () => window.clearInterval(timer);\n  }, []);\n\n  const streamText = targetRef.current.slice(0, displayLen);\n\n  // Keep the streaming output pinned to the latest chunk while visible.\n  useEffect(() => {\n    const el = streamBodyRef.current;\n    if (el) el.scrollTop = el.scrollHeight;\n    const tail = streamTailRef.current;\n    if (tail) tail.scrollTop = tail.scrollHeight;\n  }, [streamText, streamOpen]);\n\n  const generate = useCallback(async () => {\n    if (busy) return;\n    if (!aiConfig.gateway || !aiConfig.model) {\n      setError('请先配置 AI 接口地址与模型');\n      return;\n    }\n    if (!prompt.trim() && !imageDataUrl) {\n      setError('请输入需求描述，或上传一张流程图');\n      return;\n    }\n    setError(null);\n    setStatus('正在生成…');\n    targetRef.current = '';\n    setDisplayLen(0);\n    setFinished(false);\n    setPendingDoc(null);\n    setBusy(true);\n    const ac = new AbortController();\n    abortRef.current = ac;\n    try {\n      const text = await completeAIChatStream(\n        aiConfig,\n        prompt.trim() || '请根据这张图片复刻出对应的流程图。',\n        {\n          imageDataUrl: imageDataUrl ?? undefined,\n          systemPrompt: SYSTEM_PROMPT,\n          signal: ac.signal,\n          onDelta: (accumulated) => { targetRef.current = accumulated; },\n        },\n      );\n      setFinished(true);\n      const parsed = parseFlowJson(text);\n      if (!parsed) {\n        setError('AI 返回内容无法解析为流程图，请重试或调整描述');\n        setStatus(null);\n        return;\n      }\n      setPendingDoc(normalizeAIDocument(parsed));\n      setStatus(null);\n    } catch (err: any) {\n      if (err?.name !== 'AbortError') setError(err?.message ?? '生成失败');\n      setStatus(null);\n    } finally {\n      setBusy(false);\n      abortRef.current = null;\n    }\n  }, [busy, aiConfig, prompt, imageDataUrl]);\n\n  const cancel = useCallback(() => abortRef.current?.abort(), []);\n\n  /** Merge the generated canvas into the current canvas, remapping ids. */\n  const applyInsert = useCallback(() => {\n    if (!pendingDoc) return;\n    const gen = pendingDoc.canvases[ROOT_CANVAS_ID] ?? { nodes: [], edges: [], lines: [] };\n    setDoc((prev) => {\n      const canvasId = prev.stack[prev.stack.length - 1] ?? ROOT_CANVAS_ID;\n      const cur = prev.canvases[canvasId] ?? { nodes: [], edges: [], lines: [] };\n      const used = new Set([\n        ...cur.nodes.map((n) => n.id),\n        ...cur.edges.map((e) => e.id),\n        ...cur.lines.map((l) => l.id),\n      ]);\n      const fresh = (id: string) => {\n        let next = id;\n        let i = 1;\n        while (used.has(next)) next = `${id}_${i++}`;\n        used.add(next);\n        return next;\n      };\n      const idMap = new Map<string, string>();\n      const nodes = gen.nodes.map((n) => {\n        const id = fresh(n.id);\n        idMap.set(n.id, id);\n        return { ...n, id };\n      });\n      const edges = gen.edges.map((e) => ({\n        ...e,\n        id: fresh(e.id),\n        source: idMap.get(e.source) ?? e.source,\n        target: idMap.get(e.target) ?? e.target,\n      }));\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [canvasId]: { nodes: [...cur.nodes, ...nodes], edges: [...cur.edges, ...edges], lines: cur.lines },\n        },\n      };\n    });\n    setPendingDoc(null);\n    setStatus('已插入流程图');\n  }, [pendingDoc, setDoc]);\n\n  /** Clear the current canvas, then place the generated content onto it. */\n  const applyReplace = useCallback(() => {\n    if (!pendingDoc) return;\n    const gen = pendingDoc.canvases[ROOT_CANVAS_ID] ?? { nodes: [], edges: [], lines: [] };\n    setDoc((prev) => {\n      const canvasId = prev.stack[prev.stack.length - 1] ?? ROOT_CANVAS_ID;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [canvasId]: { nodes: gen.nodes, edges: gen.edges, lines: [] },\n        },\n      };\n    });\n    setPendingDoc(null);\n    setStatus('已替换画布');\n  }, [pendingDoc, setDoc]);\n\n  const charCount = streamText.length;\n  const fullyRevealed = charCount >= targetRef.current.length;\n  const progress = finished && fullyRevealed\n    ? 100\n    : Math.min(99, Math.floor((charCount / PROGRESS_FULL_CHARS) * 99));\n\n  return (\n    <div className=\"flow-ai-panel\" onPaste={onPaste}>\n      {showAIConfig && (\n        <div className=\"flow-ai-section\">\n          <div className=\"flow-ai-section-title\">模型配置</div>\n          <div className=\"flow-inspector-row\">\n            <Label size=\"xs\" className=\"flow-inspector-label\">协议</Label>\n            <Select\n              options={PROTOCOL_OPTIONS}\n              value={aiConfig.protocol}\n              onChange={(v) => updateConfig({ protocol: v as FlowAIConfig['protocol'] })}\n              style={{ fontSize: 12 }}\n            />\n          </div>\n          <div className=\"flow-inspector-row\">\n            <Label size=\"xs\" className=\"flow-inspector-label\">接口地址</Label>\n            <Input\n              size=\"xs\"\n              value={aiConfig.gateway}\n              placeholder=\"https://api.moonshot.cn/v1\"\n              onChange={(e) => updateConfig({ gateway: e.target.value })}\n            />\n          </div>\n          <div className=\"flow-inspector-row\">\n            <Label size=\"xs\" className=\"flow-inspector-label\">模型</Label>\n            <Input\n              size=\"xs\"\n              value={aiConfig.model}\n              placeholder=\"gpt-4o-mini\"\n              onChange={(e) => updateConfig({ model: e.target.value })}\n            />\n          </div>\n          <div className=\"flow-inspector-row\">\n            <Label size=\"xs\" className=\"flow-inspector-label\">API Key</Label>\n            <Input\n              size=\"xs\"\n              type=\"password\"\n              value={aiConfig.apiKey ?? ''}\n              placeholder=\"sk-…\"\n              onChange={(e) => updateConfig({ apiKey: e.target.value })}\n            />\n          </div>\n        </div>\n      )}\n\n      <div className=\"flow-ai-section\">\n        <div className=\"flow-ai-section-title\">生成流程图</div>\n        <textarea\n          className=\"flow-ai-textarea\"\n          value={prompt}\n          placeholder=\"描述你想要的流程，例如：用户注册流程，包含邮箱校验、发送验证码、创建账号等步骤（可直接粘贴图片）\"\n          onChange={(e) => setPrompt(e.target.value)}\n          onPaste={onPaste}\n          onPointerDown={(e) => e.stopPropagation()}\n        />\n\n        <div className=\"flow-ai-image-row\">\n          <input\n            ref={fileRef}\n            type=\"file\"\n            accept=\"image/*\"\n            style={{ display: 'none' }}\n            onChange={onPickImage}\n          />\n          {imageDataUrl ? (\n            <div className=\"flow-ai-image-preview\">\n              <img src={imageDataUrl} alt=\"参考图\" />\n              <button\n                type=\"button\"\n                className=\"flow-ai-image-remove\"\n                title=\"移除图片\"\n                onClick={() => setImageDataUrl(null)}\n              >×</button>\n            </div>\n          ) : (\n            <Button size=\"xs\" variant=\"ghost\" onClick={() => fileRef.current?.click()}>\n              上传流程图图片\n            </Button>\n          )}\n          <span className=\"flow-ai-hint\">或粘贴图片 (Ctrl/⌘+V)</span>\n        </div>\n\n        <div className=\"flow-ai-actions\">\n          {busy ? (\n            <Button size=\"xs\" variant=\"ghost\" onClick={cancel}>停止</Button>\n          ) : (\n            <Button size=\"xs\" variant=\"primary\" onClick={generate}>生成流程图</Button>\n          )}\n        </div>\n\n        {(busy || streamText) && (\n          <div className=\"flow-ai-stream\">\n            <div className=\"flow-ai-progress\">\n              <div className=\"flow-ai-progress-track\">\n                <div className=\"flow-ai-progress-bar\" style={{ width: `${progress}%` }} />\n              </div>\n              <span className=\"flow-ai-progress-label\">{progress}%</span>\n            </div>\n            <button\n              type=\"button\"\n              className=\"flow-ai-stream-header\"\n              onClick={() => setStreamOpen((open) => !open)}\n            >\n              <span className={`flow-ai-stream-chevron${streamOpen ? ' flow-ai-stream-chevron--open' : ''}`}>▸</span>\n              <span>返回内容</span>\n              <span className=\"flow-ai-stream-count\">{charCount.toLocaleString()} 字符</span>\n            </button>\n            {streamOpen ? (\n              <pre ref={streamBodyRef} className=\"flow-ai-stream-body\">{streamText || '等待返回…'}</pre>\n            ) : (\n              streamText && <pre ref={streamTailRef} className=\"flow-ai-stream-tail\">{streamText}</pre>\n            )}\n          </div>\n        )}\n\n        {status && !error && <div className=\"flow-ai-status\">{status}</div>}\n        {error && <div className=\"flow-media-error\">{error}</div>}\n      </div>\n\n      {pendingDoc && (\n        <div className=\"flow-ai-dialog-overlay\" onClick={() => setPendingDoc(null)}>\n          <div\n            className=\"flow-ai-dialog\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-label=\"流程图已生成\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            <div className=\"flow-ai-dialog-title\">流程图已生成</div>\n            <div className=\"flow-ai-dialog-desc\">\n              插入：将生成内容追加到当前画布；替换：清空当前画布后再插入。\n            </div>\n            <div className=\"flow-ai-dialog-actions\">\n              <Button size=\"xs\" variant=\"ghost\" onClick={() => setPendingDoc(null)}>取消</Button>\n              <Button size=\"xs\" variant=\"neutral\" outline onClick={applyInsert}>插入</Button>\n              <Button size=\"xs\" variant=\"primary\" onClick={applyReplace}>替换</Button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}