@sim-design/training 1.0.0

package/dist/DialogueFormPlugin-C9ssnVMr.js

@@ -0,0 +1,959 @@
+import { c as he, j as o, e as ue, i as be, a as xe, r as le } from "./RadarChart-C5ZM0kWt.js";
+import { useRef as W, useState as P, useEffect as H, useMemo as A } from "react";
+import { Tag as D, Card as ye, Input as se, Button as ee, Form as re, InputNumber as Ce, Select as ne, message as B } from "antd";
+import { u as ve } from "./useDialogueLogic-IHELcN3X.js";
+import { C as je, u as we } from "./CustomLayoutRenderer--rnQrqQ2.js";
+import { a as Se } from "./judgement-D_9i7x9S.js";
+import { P as $e } from "./PluginHeader-B-GESJmT.js";
+const { TextArea: oe } = se, { Option: ke } = ne, Fe = {
+  happy: { emoji: "😊", label: "开心", color: "#52c41a" },
+  confused: { emoji: "😕", label: "困惑", color: "#faad14" },
+  angry: { emoji: "😠", label: "不满", color: "#ff4d4f" }
+};
+function Ie(e) {
+  const d = new Date(e);
+  return `${d.getHours().toString().padStart(2, "0")}:${d.getMinutes().toString().padStart(2, "0")}`;
+}
+const Te = ({
+  messages: e,
+  input: d,
+  aiResponding: v,
+  aiError: t,
+  scenario: m,
+  objectives: j,
+  tellerRoleName: S,
+  customerRoleName: $,
+  formTemplate: y,
+  formData: c,
+  validationErrors: s,
+  highlightedFields: k,
+  formInstance: C,
+  uiConfig: p,
+  stableFormData: z,
+  stableOnValueChange: u,
+  forceRenderKey: E,
+  onInputChange: N,
+  onSend: F,
+  onFieldChange: L,
+  onComplete: b
+}) => {
+  var G, K, U, X, Q, Z;
+  const r = he(p.theme), g = p.layout || "horizontal", h = p.dialogueWidth || "500px", i = ((G = p.dialogueConfig) == null ? void 0 : G.showAvatar) !== !1;
+  (K = p.dialogueConfig) != null && K.chatBubbleStyle;
+  const w = ((U = p.dialogueConfig) == null ? void 0 : U.showTimestamp) !== !1, I = ((X = p.formConfig) == null ? void 0 : X.showTitle) !== !1, O = ((Q = p.formConfig) == null ? void 0 : Q.showDescription) !== !1, M = ((Z = p.formConfig) == null ? void 0 : Z.labelAlign) || "top", a = r.borderRadius, V = W(null), R = W(null), Y = W(null), [q, J] = P(!1), [te, ae] = P(8);
+  H(() => {
+    const l = R.current, x = Y.current;
+    if (!l || !x) return;
+    const n = () => {
+      const _ = l.scrollWidth, pe = x.clientWidth;
+      _ > pe ? (J(!0), ae(Math.max(12, _ / 100 * 3))) : J(!1);
+    }, f = requestAnimationFrame(n), T = new ResizeObserver(n);
+    return T.observe(x), () => {
+      cancelAnimationFrame(f), T.disconnect();
+    };
+  }, [j]), H(() => {
+    var l;
+    (l = V.current) == null || l.scrollIntoView({ behavior: "smooth" });
+  }, [e, v]);
+  const de = () => /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        // 占满父容器高度
+        overflow: "hidden"
+        // 防止溢出
+      },
+      children: [
+        /* @__PURE__ */ o.jsxs(
+          "div",
+          {
+            className: "dialogue-form-chat-area",
+            style: {
+              flex: 1,
+              minHeight: 0,
+              // 关键：允许滚动容器收缩
+              borderRadius: a,
+              overflowY: "auto",
+              marginBottom: 12,
+              padding: 16,
+              backgroundColor: r.surfaceColor,
+              border: `1px solid ${r.borderColor}`
+            },
+            children: [
+              e.map((l, x) => {
+                const n = l.role === "teller", f = l.emotion && l.emotion !== "neutral" ? Fe[l.emotion] : null;
+                return /* @__PURE__ */ o.jsxs(
+                  "div",
+                  {
+                    style: {
+                      marginBottom: 16,
+                      display: "flex",
+                      flexDirection: n ? "row-reverse" : "row",
+                      alignItems: "flex-start",
+                      gap: 10
+                    },
+                    children: [
+                      i && /* @__PURE__ */ o.jsx(
+                        "div",
+                        {
+                          style: {
+                            width: 36,
+                            height: 36,
+                            borderRadius: "50%",
+                            backgroundColor: n ? r.primaryColor : "#bfbfbf",
+                            color: "#fff",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            fontSize: 14,
+                            fontWeight: 600,
+                            flexShrink: 0
+                          },
+                          children: n ? S[0] : $[0]
+                        }
+                      ),
+                      /* @__PURE__ */ o.jsxs("div", { style: { maxWidth: "70%" }, children: [
+                        /* @__PURE__ */ o.jsxs(
+                          "div",
+                          {
+                            style: {
+                              fontSize: 12,
+                              color: "#8c8c8c",
+                              marginBottom: 4,
+                              textAlign: n ? "right" : "left",
+                              fontFamily: "'Inter', sans-serif",
+                              fontWeight: 500,
+                              letterSpacing: "0.3px"
+                            },
+                            children: [
+                              n ? S : $,
+                              f && /* @__PURE__ */ o.jsxs(
+                                D,
+                                {
+                                  color: f.color,
+                                  style: {
+                                    marginLeft: 6,
+                                    fontSize: 11,
+                                    lineHeight: "18px",
+                                    padding: "0 6px"
+                                  },
+                                  children: [
+                                    f.emoji,
+                                    " ",
+                                    f.label
+                                  ]
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ o.jsx(
+                          "div",
+                          {
+                            style: {
+                              padding: "12px 16px",
+                              borderRadius: n ? `${a}px 2px ${a}px ${a}px` : `2px ${a}px ${a}px ${a}px`,
+                              backgroundColor: n ? r.primaryColor : r.surfaceLightColor,
+                              color: n ? "#fff" : "#262626",
+                              boxShadow: n ? "0 2px 8px rgba(0,0,0,0.12)" : "0 1px 4px rgba(0,0,0,0.08)",
+                              border: n ? void 0 : `1px solid ${r.borderColor}`,
+                              lineHeight: 1.65,
+                              fontSize: 14,
+                              fontFamily: "'Inter', sans-serif",
+                              letterSpacing: "0.2px"
+                            },
+                            children: l.content
+                          }
+                        ),
+                        w && /* @__PURE__ */ o.jsx(
+                          "div",
+                          {
+                            style: {
+                              fontSize: 11,
+                              color: "#bfbfbf",
+                              marginTop: 4,
+                              textAlign: n ? "right" : "left"
+                            },
+                            children: Ie(l.timestamp)
+                          }
+                        )
+                      ] })
+                    ]
+                  },
+                  x
+                );
+              }),
+              v && /* @__PURE__ */ o.jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "flex-start",
+                    gap: 10,
+                    marginBottom: 16
+                  },
+                  children: [
+                    i && /* @__PURE__ */ o.jsx(
+                      "div",
+                      {
+                        style: {
+                          width: 36,
+                          height: 36,
+                          borderRadius: "50%",
+                          backgroundColor: "#bfbfbf",
+                          color: "#fff",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          fontSize: 14,
+                          fontWeight: 600,
+                          flexShrink: 0
+                        },
+                        children: $[0]
+                      }
+                    ),
+                    /* @__PURE__ */ o.jsx(
+                      "div",
+                      {
+                        style: {
+                          padding: "12px 18px",
+                          borderRadius: `2px ${a}px ${a}px ${a}px`,
+                          backgroundColor: r.surfaceLightColor,
+                          border: `1px solid ${r.borderColor}`,
+                          boxShadow: "0 1px 4px rgba(0,0,0,0.08)"
+                        },
+                        children: /* @__PURE__ */ o.jsx("div", { style: { display: "flex", gap: 4, alignItems: "center" }, children: [0, 1, 2].map((l) => /* @__PURE__ */ o.jsx(
+                          "span",
+                          {
+                            style: {
+                              width: 7,
+                              height: 7,
+                              borderRadius: "50%",
+                              backgroundColor: r.primaryColor,
+                              opacity: 0.4,
+                              display: "inline-block",
+                              animation: `dialogueFormTyping 1.4s infinite ${l * 0.2}s`
+                            }
+                          },
+                          l
+                        )) })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ o.jsx("div", { ref: V })
+            ]
+          }
+        ),
+        j && j.length > 0 && (() => {
+          const l = {
+            borderColor: r.primaryColor,
+            color: r.primaryColor,
+            borderRadius: 20,
+            padding: "4px 14px",
+            fontSize: 12,
+            background: `${r.primaryColor}08`,
+            border: `1.5px solid ${r.primaryColor}`,
+            fontFamily: "'Inter', sans-serif",
+            fontWeight: 500,
+            letterSpacing: "0.2px",
+            cursor: "default",
+            marginRight: 0
+          }, x = () => j.map((n, f) => /* @__PURE__ */ o.jsxs(D, { style: l, children: [
+            f + 1,
+            ". ",
+            n
+          ] }, f));
+          return /* @__PURE__ */ o.jsxs(
+            "div",
+            {
+              className: "dialogue-objectives-bar",
+              style: {
+                flexShrink: 0,
+                marginBottom: 12,
+                padding: "8px 14px",
+                backgroundColor: r.surfaceLightColor,
+                borderRadius: a,
+                border: `1px solid ${r.borderColor}`,
+                display: "flex",
+                alignItems: "center",
+                gap: 10,
+                overflow: "hidden"
+              },
+              children: [
+                /* @__PURE__ */ o.jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: 13,
+                      fontWeight: 600,
+                      color: r.headerColor,
+                      fontFamily: "'Crimson Pro', serif",
+                      letterSpacing: "0.3px",
+                      whiteSpace: "nowrap",
+                      flexShrink: 0
+                    },
+                    children: "对话目标："
+                  }
+                ),
+                /* @__PURE__ */ o.jsxs(
+                  "div",
+                  {
+                    ref: Y,
+                    className: "objectives-scroll-container",
+                    style: {
+                      flex: 1,
+                      overflow: "hidden",
+                      position: "relative"
+                    },
+                    children: [
+                      /* @__PURE__ */ o.jsx(
+                        "div",
+                        {
+                          ref: R,
+                          style: { position: "absolute", visibility: "hidden", pointerEvents: "none", display: "inline-flex", gap: 8, whiteSpace: "nowrap" },
+                          children: x()
+                        }
+                      ),
+                      /* @__PURE__ */ o.jsxs(
+                        "div",
+                        {
+                          className: q ? "objectives-scroll-track scrolling" : "objectives-scroll-track",
+                          style: {
+                            display: "inline-flex",
+                            gap: 8,
+                            whiteSpace: "nowrap",
+                            alignItems: "center",
+                            animationDuration: `${te}s`
+                          },
+                          children: [
+                            x(),
+                            q && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                              /* @__PURE__ */ o.jsx("span", { style: { display: "inline-block", width: 60, flexShrink: 0 } }),
+                              x()
+                            ] })
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          );
+        })(),
+        t && /* @__PURE__ */ o.jsxs(
+          ye,
+          {
+            size: "small",
+            style: {
+              flexShrink: 0,
+              // 不允许收缩
+              marginBottom: 12,
+              backgroundColor: "#fff2e8",
+              borderColor: "#ffbb96",
+              borderRadius: a
+            },
+            children: [
+              /* @__PURE__ */ o.jsx("span", { style: { fontWeight: 600 }, children: "⚠️ AI服务异常：" }),
+              t
+            ]
+          }
+        ),
+        /* @__PURE__ */ o.jsxs(
+          "div",
+          {
+            style: {
+              flexShrink: 0,
+              // 不允许收缩
+              display: "flex",
+              gap: 10,
+              padding: 14,
+              backgroundColor: r.surfaceLightColor,
+              borderRadius: a,
+              border: `1.5px solid ${r.borderColor}`,
+              boxShadow: "0 2px 8px rgba(0,0,0,0.06)",
+              transition: "all 0.2s ease"
+            },
+            onMouseEnter: (l) => {
+              l.currentTarget.style.borderColor = r.primaryColor, l.currentTarget.style.boxShadow = `0 2px 12px ${r.primaryColor}20`;
+            },
+            onMouseLeave: (l) => {
+              l.currentTarget.style.borderColor = r.borderColor, l.currentTarget.style.boxShadow = "0 2px 8px rgba(0,0,0,0.06)";
+            },
+            children: [
+              /* @__PURE__ */ o.jsx(
+                oe,
+                {
+                  value: d,
+                  onChange: (l) => N(l.target.value),
+                  onPressEnter: (l) => {
+                    l.shiftKey || (l.preventDefault(), F());
+                  },
+                  placeholder: "输入您的话术... (Shift+Enter换行，Enter发送)",
+                  autoSize: { minRows: 2, maxRows: 4 },
+                  style: {
+                    flex: 1,
+                    border: "none",
+                    boxShadow: "none",
+                    resize: "none",
+                    backgroundColor: r.surfaceLightColor,
+                    fontFamily: "'Inter', sans-serif",
+                    fontSize: 14,
+                    lineHeight: 1.6
+                  },
+                  disabled: v
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                ee,
+                {
+                  type: "primary",
+                  icon: /* @__PURE__ */ o.jsx(ue, {}),
+                  onClick: F,
+                  disabled: !d.trim() || v,
+                  loading: v,
+                  style: {
+                    alignSelf: "center",
+                    borderRadius: a,
+                    backgroundColor: r.primaryColor,
+                    borderColor: r.primaryColor,
+                    fontFamily: "'Inter', sans-serif",
+                    fontWeight: 500,
+                    height: 38,
+                    paddingLeft: 20,
+                    paddingRight: 20,
+                    boxShadow: `0 2px 8px ${r.primaryColor}30`,
+                    transition: "all 0.2s ease"
+                  },
+                  onMouseEnter: (l) => {
+                    !d.trim() || v || (l.currentTarget.style.transform = "translateY(-1px)", l.currentTarget.style.boxShadow = `0 4px 12px ${r.primaryColor}40`);
+                  },
+                  onMouseLeave: (l) => {
+                    l.currentTarget.style.transform = "translateY(0)", l.currentTarget.style.boxShadow = `0 2px 8px ${r.primaryColor}30`;
+                  },
+                  children: "发送"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ), ce = () => {
+    if (!y)
+      return /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          style: {
+            height: "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: 20,
+            textAlign: "center",
+            color: "#8c8c8c",
+            backgroundColor: r.surfaceColor,
+            borderRadius: a,
+            border: `1px solid ${r.borderColor}`
+          },
+          children: "表单模板未配置"
+        }
+      );
+    const l = y.customLayoutCode;
+    if (l)
+      return /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          style: {
+            height: "100%",
+            display: "flex",
+            flexDirection: "column",
+            backgroundColor: r.surfaceColor,
+            borderRadius: a,
+            border: `1px solid ${r.borderColor}`,
+            overflow: "hidden"
+            // 防止内容溢出
+          },
+          children: /* @__PURE__ */ o.jsx(
+            "div",
+            {
+              className: "dialogue-form-area",
+              style: {
+                flex: 1,
+                overflowY: "auto",
+                padding: 16
+              },
+              children: /* @__PURE__ */ o.jsx(
+                je,
+                {
+                  code: l,
+                  scope: {
+                    theme: r,
+                    formData: { ...c },
+                    onValueChange: u,
+                    onSubmit: b
+                  }
+                }
+              )
+            }
+          )
+        }
+      );
+    const x = y.fields || [];
+    return /* @__PURE__ */ o.jsx(
+      "div",
+      {
+        style: {
+          height: "100%",
+          display: "flex",
+          flexDirection: "column",
+          backgroundColor: r.surfaceColor,
+          borderRadius: a,
+          border: `1px solid ${r.borderColor}`,
+          overflow: "hidden"
+          // 防止内容溢出
+        },
+        children: /* @__PURE__ */ o.jsxs(
+          "div",
+          {
+            className: "dialogue-form-area",
+            style: {
+              flex: 1,
+              overflowY: "auto",
+              padding: 16
+            },
+            children: [
+              I && y.title && /* @__PURE__ */ o.jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: 20,
+                    fontWeight: 700,
+                    color: r.headerColor,
+                    marginBottom: 6,
+                    fontFamily: "'Crimson Pro', serif",
+                    letterSpacing: "-0.3px",
+                    lineHeight: 1.3
+                  },
+                  children: y.title
+                }
+              ),
+              O && y.description && /* @__PURE__ */ o.jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: 13,
+                    color: "#8c8c8c",
+                    marginBottom: 20,
+                    fontFamily: "'Inter', sans-serif",
+                    lineHeight: 1.6,
+                    paddingBottom: 16,
+                    borderBottom: `1px solid ${r.borderColor}`
+                  },
+                  children: y.description
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                re,
+                {
+                  form: C,
+                  layout: M === "top" ? "vertical" : "horizontal",
+                  onValuesChange: (n) => {
+                    const f = Object.keys(n)[0], T = n[f];
+                    L(f, T);
+                  },
+                  children: x.map((n) => {
+                    const f = k.has(n.name), T = s[n.name];
+                    return /* @__PURE__ */ o.jsx(
+                      re.Item,
+                      {
+                        name: n.name,
+                        label: n.label,
+                        required: n.required,
+                        validateStatus: T ? "error" : void 0,
+                        help: T,
+                        style: {
+                          transition: "all 0.3s ease",
+                          backgroundColor: f ? `${r.primaryColor}15` : "transparent",
+                          padding: f ? "8px" : "0",
+                          borderRadius: f ? a : 0,
+                          border: f ? `2px solid ${r.primaryColor}` : "none"
+                        },
+                        children: ie(n)
+                      },
+                      n.name
+                    );
+                  })
+                }
+              ),
+              /* @__PURE__ */ o.jsx("div", { style: { marginTop: 24, textAlign: "center" }, children: /* @__PURE__ */ o.jsx(
+                ee,
+                {
+                  type: "primary",
+                  icon: /* @__PURE__ */ o.jsx(be, {}),
+                  onClick: b,
+                  size: "large",
+                  style: {
+                    backgroundColor: r.primaryColor,
+                    borderColor: r.primaryColor,
+                    borderRadius: a,
+                    paddingLeft: 32,
+                    paddingRight: 32,
+                    height: 44,
+                    fontSize: 15,
+                    fontWeight: 600,
+                    boxShadow: `0 4px 12px ${r.primaryColor}30`
+                  },
+                  children: "提交评估"
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    );
+  }, ie = (l) => {
+    var x;
+    switch (l.type) {
+      case "select":
+        return /* @__PURE__ */ o.jsx(ne, { placeholder: `请选择${l.label}`, children: (x = l.options) == null ? void 0 : x.map((n) => /* @__PURE__ */ o.jsx(ke, { value: n, children: n }, n)) });
+      case "number":
+        return /* @__PURE__ */ o.jsx(
+          Ce,
+          {
+            placeholder: `请输入${l.label}`,
+            min: l.min,
+            max: l.max,
+            style: { width: "100%" }
+          }
+        );
+      case "text":
+      default:
+        return l.maxLength && l.maxLength > 30 ? /* @__PURE__ */ o.jsx(
+          oe,
+          {
+            placeholder: `请输入${l.label}`,
+            maxLength: l.maxLength,
+            rows: 4,
+            showCount: !0
+          }
+        ) : /* @__PURE__ */ o.jsx(
+          se,
+          {
+            placeholder: `请输入${l.label}`,
+            maxLength: l.maxLength
+          }
+        );
+    }
+  }, me = g === "horizontal" ? {
+    display: "flex",
+    gap: 16,
+    height: "100%"
+    // 占满父容器高度
+  } : {
+    display: "flex",
+    flexDirection: "column",
+    gap: 16,
+    height: "100%"
+  }, ge = g === "horizontal" ? {
+    width: h,
+    flexShrink: 0,
+    height: "60vh"
+  } : {
+    width: "100%",
+    height: "60vh"
+  }, fe = g === "horizontal" ? {
+    flex: 1,
+    minWidth: 0,
+    height: "60vh"
+  } : {
+    width: "100%",
+    height: "60vh"
+  };
+  return /* @__PURE__ */ o.jsxs(
+    "div",
+    {
+      style: {
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        padding: "16px",
+        ...p.styleOverrides
+      },
+      children: [
+        m && /* @__PURE__ */ o.jsx("div", { style: { marginBottom: 12, flexShrink: 0 }, children: /* @__PURE__ */ o.jsx($e, { title: m, variant: "card", theme: r }) }),
+        /* @__PURE__ */ o.jsxs("div", { style: { ...me, flex: 1, minHeight: 0 }, children: [
+          /* @__PURE__ */ o.jsx("div", { style: ge, children: de() }),
+          /* @__PURE__ */ o.jsx("div", { style: fe, children: ce() })
+        ] }),
+        /* @__PURE__ */ o.jsx("style", { children: `
+        /* Google Fonts - Editorial 风格字体 */
+        @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');
+
+        @keyframes dialogueFormTyping {
+          0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
+          30% { opacity: 1; transform: translateY(-4px); }
+        }
+
+        /* 聊天区域滚动条 - 非激活时与背景融合 */
+        .dialogue-form-chat-area::-webkit-scrollbar {
+          width: 6px;
+        }
+        .dialogue-form-chat-area::-webkit-scrollbar-track {
+          background: transparent;
+        }
+        .dialogue-form-chat-area::-webkit-scrollbar-thumb {
+          background: ${r.borderColor};
+          border-radius: 3px;
+          transition: background 0.3s ease;
+        }
+        .dialogue-form-chat-area::-webkit-scrollbar-thumb:hover {
+          background: ${r.primaryColor}60;
+        }
+
+        /* 表单区域滚动条 - 非激活时与背景融合 */
+        .dialogue-form-area::-webkit-scrollbar {
+          width: 6px;
+        }
+        .dialogue-form-area::-webkit-scrollbar-track {
+          background: transparent;
+        }
+        .dialogue-form-area::-webkit-scrollbar-thumb {
+          background: ${r.borderColor};
+          border-radius: 3px;
+          transition: background 0.3s ease;
+        }
+        .dialogue-form-area::-webkit-scrollbar-thumb:hover {
+          background: ${r.primaryColor}60;
+        }
+
+        /* 对话目标自动滚动 */
+        .objectives-scroll-container {
+          mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
+          -webkit-mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
+        }
+        .objectives-scroll-track.scrolling {
+          animation: objectivesMarquee 8s linear infinite;
+        }
+        @keyframes objectivesMarquee {
+          0% { transform: translateX(0); }
+          100% { transform: translateX(-50%); }
+        }
+        .objectives-scroll-track.scrolling:hover {
+          animation-play-state: paused;
+        }
+
+        /* Firefox 滚动条支持 */
+        .dialogue-form-chat-area,
+        .dialogue-form-area {
+          scrollbar-width: thin;
+          scrollbar-color: ${r.borderColor} transparent;
+        }
+        .dialogue-objectives-bar {
+          scrollbar-width: thin;
+          scrollbar-color: ${r.borderColor} transparent;
+        }
+      ` })
+      ]
+    }
+  );
+}, Pe = ({
+  initData: e,
+  checkRules: d,
+  onFinish: v,
+  onRealtimeData: t
+}) => {
+  var F, L;
+  const m = (e == null ? void 0 : e.dialogue) || e, j = (e == null ? void 0 : e.form) || e, S = (e == null ? void 0 : e.tellerRoleName) || (e == null ? void 0 : e.targetPosition) || "柜员", $ = ((F = e == null ? void 0 : e.roleConfig) == null ? void 0 : F.角色名称) || (e == null ? void 0 : e.customerRoleName) || "客户", y = (e == null ? void 0 : e.domain) || "银行", c = ve(
+    {
+      ...m,
+      stepId: e == null ? void 0 : e.stepId,
+      botId: e == null ? void 0 : e.botId,
+      currentUser: e == null ? void 0 : e.currentUser,
+      tellerRoleName: S,
+      customerRoleName: $,
+      domain: y,
+      caseData: e == null ? void 0 : e.caseData,
+      roleConfig: e == null ? void 0 : e.roleConfig
+    },
+    {
+      onRealtimeData: t,
+      enableRealtimeGuidance: !0,
+      checkRules: d,
+      // 自定义 prompt：包含表单上下文
+      buildPrompt: (b, r, g) => Le(
+        b,
+        r,
+        s.formData,
+        e,
+        S,
+        $,
+        y,
+        z,
+        p
+      )
+    }
+  ), s = we(
+    {
+      ...j,
+      stepId: e == null ? void 0 : e.stepId
+    },
+    { onRealtimeData: t }
+  ), k = A(() => (e == null ? void 0 : e.uiConfig) || {}, [e == null ? void 0 : e.uiConfig]), C = A(() => (e == null ? void 0 : e.fieldMappings) || [], [e == null ? void 0 : e.fieldMappings]), { filledData: p } = xe(), z = A(() => ({ ...(e == null ? void 0 : e.caseData) || {}, ...e || {} }), [e]), [u, E] = P(/* @__PURE__ */ new Set());
+  H(() => {
+    if (c.messages.length === 0) return;
+    const b = c.messages[c.messages.length - 1];
+    if (b.role !== "customer") return;
+    const r = b.content;
+    C.forEach((g) => {
+      g.keywords.some((i) => r.includes(i)) && (k.highlightFieldOnMention !== !1 && (E((i) => new Set(i).add(g.fieldName)), setTimeout(() => {
+        E((i) => {
+          const w = new Set(i);
+          return w.delete(g.fieldName), w;
+        });
+      }, 3e3)), k.autoFillEnabled && g.extractRule && ze(r, g.extractRule));
+    });
+  }, [c.messages, C, k, s.stableOnValueChange]);
+  const N = async () => {
+    const b = d == null ? void 0 : d.dialogueRules, r = d == null ? void 0 : d.formRules, g = (d == null ? void 0 : d.completionMode) || "both", h = c.checkCompletion(b), i = s.checkCompletion(r);
+    let w = !1, I = "";
+    switch (g) {
+      case "both":
+        w = h.canComplete && i.canComplete, h.canComplete ? i.canComplete || (I = i.reason) : I = h.reason;
+        break;
+      case "dialogue-first":
+        w = h.canComplete, I = h.reason || "";
+        break;
+      case "form-first":
+        w = i.canComplete, I = i.reason || "";
+        break;
+      default:
+        w = !0;
+    }
+    if (!w) {
+      B.warning(I || "请完成所有必填项");
+      return;
+    }
+    try {
+      if (await s.form.validateFields(), Object.keys(s.validationErrors).some(
+        (a) => s.validationErrors[a] && !s.validationErrors[a].startsWith("⚠️")
+      )) {
+        B.error("请修正表单错误后再提交");
+        return;
+      }
+      const M = Object.keys(s.formData).filter((a) => s.formData[a] != null && s.formData[a] !== "");
+      v({
+        stepId: (e == null ? void 0 : e.stepId) || "unknown",
+        operationType: "dialogue-form",
+        operationData: {
+          dialogueHistory: c.messages,
+          dialogueLog: c.dialogueLog,
+          formData: s.formData,
+          totalMessages: c.messages.length,
+          mustConfirmResult: d != null && d.mustConfirm ? c.isConfirmed() : void 0
+        },
+        operationLog: [
+          ...c.dialogueLog,
+          {
+            action: "form-submit",
+            data: s.formData,
+            timestamp: Date.now()
+          }
+        ],
+        timestamp: Date.now(),
+        evidenceSummary: Se({
+          sourceStepId: (e == null ? void 0 : e.stepId) || "unknown",
+          sourceStepName: (e == null ? void 0 : e.stepName) || "对话式表单",
+          sourceType: "dialogue-form",
+          title: `${(e == null ? void 0 : e.stepName) || "对话式表单"}摘要`,
+          summary: `完成 ${c.messages.length} 条消息对话，填写 ${M.length} 个字段。`,
+          keyFacts: [
+            { label: "消息总数", value: String(c.messages.length) },
+            { label: "填写字段数", value: String(M.length) }
+          ]
+        })
+      });
+    } catch (O) {
+      console.error("表单验证失败:", O), B.error("表单验证失败");
+    }
+  };
+  return A(() => ({
+    theme: { primaryColor: "#1890ff" },
+    formData: { ...s.formData },
+    onValueChange: s.stableOnValueChange,
+    onSubmit: s.stableOnSubmit
+  }), [s.formData, s.stableOnValueChange, s.stableOnSubmit]), /* @__PURE__ */ o.jsx(
+    Te,
+    {
+      messages: c.messages,
+      input: c.input,
+      aiResponding: c.aiResponding,
+      aiError: c.aiError,
+      scenario: le((m == null ? void 0 : m.scenario) || "", z, p),
+      objectives: (m == null ? void 0 : m.dialogueGoals) || (m == null ? void 0 : m.objectives),
+      tellerRoleName: S,
+      customerRoleName: $,
+      formTemplate: s.resolvedTemplate ? {
+        ...s.resolvedTemplate,
+        customLayoutCode: (L = j == null ? void 0 : j.uiConfig) == null ? void 0 : L.customLayoutCode
+      } : null,
+      formData: s.formData,
+      validationErrors: s.validationErrors,
+      highlightedFields: u,
+      formInstance: s.form,
+      uiConfig: k,
+      stableFormData: s.stableFormData,
+      stableOnValueChange: s.stableOnValueChange,
+      onInputChange: c.setInput,
+      onSend: c.handleSend,
+      onFieldChange: s.handleFieldChange,
+      onComplete: N
+    }
+  );
+};
+function Le(e, d, v, t, m, j, S, $, y) {
+  if (d.some((g) => g.role === "teller"))
+    return `${m}: ${e}`;
+  const s = (t == null ? void 0 : t.dialogue) || t, k = (t == null ? void 0 : t.roleConfig) || {}, C = t == null ? void 0 : t.caseData, p = (s == null ? void 0 : s.scenario) || `${S}业务办理`, z = le(p, $ || C, y), u = (C == null ? void 0 : C.customerInfo) || (s == null ? void 0 : s.customerInfo) || {}, E = (C == null ? void 0 : C.businessData) || (t == null ? void 0 : t.businessData) || {}, N = (t == null ? void 0 : t.modelName) || "", F = (t == null ? void 0 : t.businessType) || "", L = (t == null ? void 0 : t.targetPosition) || "", b = (u == null ? void 0 : u.name) || (u == null ? void 0 : u.姓名) || (u == null ? void 0 : u.customerName), r = [];
+  return b && r.push(`- 姓名：${b}`), Object.entries(k).forEach(([g, h]) => {
+    if (g === "角色编号") return;
+    let i;
+    Array.isArray(h) ? i = h.join("、") : typeof h == "object" && h !== null ? i = JSON.stringify(h, null, 2) : i = String(h || ""), i && r.push(`- ${g}：${i}`);
+  }), `
+## 实训场景信息
+- 模型名称：${N}
+- 业务领域：${S}
+- 业务类型：${F}
+- 目标岗位：${L}
+- 场景描述：${z}
+
+## 角色设定
+- 你扮演的角色：${j}${b ? `，你的名字是"${b}"` : ""}
+- 学生扮演的角色：${m}
+${r.length > 0 ? r.join(`
+`) : "- （无特殊设定）"}
+
+## 客户信息
+${JSON.stringify(u, null, 2)}
+
+## 业务数据
+${JSON.stringify(E, null, 2)}
+
+## 表单填写状态
+当前表单已填写字段：${Object.keys(v).length > 0 ? JSON.stringify(v, null, 2) : "（尚未填写）"}
+
+## 对话开始
+${m}: ${e}
+  `.trim();
+}
+function ze(e, d) {
+  return null;
+}
+export {
+  Pe as default
+};