@sim-design/training 1.0.0 → 1.1.0

package/dist/DialoguePlugin-CO7Nzv0K.js

@@ -0,0 +1,596 @@
+import { k as Z, j as e, l as ne, i as re, a as te, r as N } from "./CaseDetailContent-Y7Q430MG.js";
+import { Drawer as se, Segmented as de, Empty as J, Badge as k, Tooltip as U, Input as ie, Button as G, message as ae } from "antd";
+import { u as ce } from "./useDialogueLogic-D1lkUKUZ.js";
+import { a as fe } from "./judgement-xTGXlDcn.js";
+import ge, { useState as P, useRef as xe, useEffect as pe, useMemo as A } from "react";
+import { a as D, e as he, f as ue, r as be } from "./TrainingModelContainer-DqCsdC7C.js";
+const ye = {
+  info: {
+    color: "#1677ff",
+    bg: "#e6f4ff",
+    border: "#91caff",
+    icon: /* @__PURE__ */ e.jsx(ne, {}),
+    label: "提示"
+  },
+  warning: {
+    color: "#faad14",
+    bg: "#fffbe6",
+    border: "#ffe58f",
+    icon: /* @__PURE__ */ e.jsx(ue, {}),
+    label: "警告"
+  },
+  error: {
+    color: "#ff4d4f",
+    bg: "#fff2f0",
+    border: "#ffccc7",
+    icon: /* @__PURE__ */ e.jsx(he, {}),
+    label: "错误"
+  }
+};
+function me(o) {
+  const r = new Date(o);
+  return `${r.getHours().toString().padStart(2, "0")}:${r.getMinutes().toString().padStart(2, "0")}:${r.getSeconds().toString().padStart(2, "0")}`;
+}
+const je = ({
+  item: o,
+  index: r,
+  total: f
+}) => {
+  const i = ye[o.severity], u = r === f - 1;
+  return /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 12, paddingBottom: u ? 0 : 20 }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", flexShrink: 0 }, children: [
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          style: {
+            width: 28,
+            height: 28,
+            borderRadius: "50%",
+            background: i.bg,
+            border: `1.5px solid ${i.border}`,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: i.color,
+            fontSize: 13,
+            flexShrink: 0
+          },
+          children: i.icon
+        }
+      ),
+      !u && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          style: {
+            width: 1,
+            flex: 1,
+            marginTop: 4,
+            background: "#f0f0f0",
+            minHeight: 16
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { style: { flex: 1, minWidth: 0, paddingTop: 4 }, children: [
+      /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 8 }, children: [
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            style: {
+              fontSize: 12,
+              padding: "2px 9px",
+              borderRadius: 4,
+              background: i.bg,
+              color: i.color,
+              border: `1px solid ${i.border}`,
+              fontWeight: 600
+            },
+            children: i.label
+          }
+        ),
+        o.fieldName && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            style: {
+              fontSize: 12,
+              padding: "2px 9px",
+              borderRadius: 4,
+              background: "#f5f5f5",
+              color: "#595959",
+              border: "1px solid #d9d9d9"
+            },
+            children: o.fieldName
+          }
+        ),
+        /* @__PURE__ */ e.jsx("span", { style: { fontSize: 12, color: "#bfbfbf", marginLeft: "auto" }, children: me(o.timestamp) })
+      ] }),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          style: {
+            padding: "12px 14px",
+            borderRadius: 8,
+            background: o.dismissed ? "#fafafa" : "#fff",
+            border: `1px solid ${o.dismissed ? "#f0f0f0" : i.border}`,
+            opacity: o.dismissed ? 0.6 : 1
+          },
+          children: [
+            /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                style: {
+                  fontSize: 16,
+                  color: "#1f1f1f",
+                  lineHeight: 1.7,
+                  marginBottom: o.suggestion ? 8 : 0
+                },
+                children: o.message
+              }
+            ),
+            o.suggestion && /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                style: {
+                  fontSize: 15,
+                  color: "#3f10ebff",
+                  lineHeight: 1.65,
+                  paddingTop: 8,
+                  borderTop: "1px dashed #f0f0f0"
+                },
+                children: [
+                  "💡 ",
+                  o.suggestion
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+}, ve = ({ open: o, onClose: r }) => {
+  const f = Z((s) => s.items), [i, u] = P("all"), g = {
+    all: f.length,
+    info: f.filter((s) => s.severity === "info").length,
+    warning: f.filter((s) => s.severity === "warning").length,
+    error: f.filter((s) => s.severity === "error").length
+  }, b = i === "all" ? [...f].reverse() : [...f].filter((s) => s.severity === i).reverse(), w = [
+    { label: /* @__PURE__ */ e.jsxs("span", { children: [
+      "全部 ",
+      /* @__PURE__ */ e.jsx(k, { count: g.all, size: "small", style: { backgroundColor: "#8c8c8c" } })
+    ] }), value: "all" },
+    { label: /* @__PURE__ */ e.jsxs("span", { children: [
+      "提示 ",
+      /* @__PURE__ */ e.jsx(k, { count: g.info, size: "small", style: { backgroundColor: "#1677ff" } })
+    ] }), value: "info" },
+    { label: /* @__PURE__ */ e.jsxs("span", { children: [
+      "警告 ",
+      /* @__PURE__ */ e.jsx(k, { count: g.warning, size: "small", style: { backgroundColor: "#faad14" } })
+    ] }), value: "warning" },
+    { label: /* @__PURE__ */ e.jsxs("span", { children: [
+      "错误 ",
+      /* @__PURE__ */ e.jsx(k, { count: g.error, size: "small", style: { backgroundColor: "#ff4d4f" } })
+    ] }), value: "error" }
+  ];
+  return /* @__PURE__ */ e.jsxs(
+    se,
+    {
+      title: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ e.jsx(D, { style: { color: "#faad14" } }),
+        /* @__PURE__ */ e.jsx("span", { children: "实时指导记录" }),
+        /* @__PURE__ */ e.jsx(
+          k,
+          {
+            count: g.all,
+            style: { backgroundColor: "#1677ff", marginLeft: 4 }
+          }
+        )
+      ] }),
+      placement: "right",
+      width: 420,
+      open: o,
+      onClose: r,
+      styles: {
+        body: { padding: "20px 24px" },
+        header: { borderBottom: "1px solid #f0f0f0" }
+      },
+      children: [
+        /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(
+          de,
+          {
+            options: w,
+            value: i,
+            onChange: (s) => u(s),
+            size: "small",
+            style: { width: "100%" }
+          }
+        ) }),
+        b.length === 0 ? /* @__PURE__ */ e.jsx(
+          J,
+          {
+            image: J.PRESENTED_IMAGE_SIMPLE,
+            description: /* @__PURE__ */ e.jsx("span", { style: { fontSize: 14, color: "#8c8c8c" }, children: g.all === 0 ? "暂无指导记录" : "该类型暂无记录" }),
+            style: { marginTop: 40 }
+          }
+        ) : /* @__PURE__ */ e.jsx("div", { children: b.map((s, a) => /* @__PURE__ */ e.jsx(
+          je,
+          {
+            item: s,
+            index: a,
+            total: b.length
+          },
+          s.id
+        )) })
+      ]
+    }
+  );
+}, { TextArea: Se } = ie;
+function X(o) {
+  const r = new Date(o);
+  return `${r.getHours().toString().padStart(2, "0")}:${r.getMinutes().toString().padStart(2, "0")}`;
+}
+function ke(o) {
+  switch (o) {
+    case "happy":
+      return { bg: "#f0fdf4", border: "#bbf7d0" };
+    case "confused":
+      return { bg: "#fff7ed", border: "#fed7aa" };
+    case "angry":
+      return { bg: "#fef2f2", border: "#fca5a5" };
+    default:
+      return { bg: "#f6f7f9", border: "#e8e8e8" };
+  }
+}
+function we(o) {
+  switch (o) {
+    case "happy":
+      return { val: 16, label: "平静", color: "#16a34a", bg: "#dcfce7" };
+    case "confused":
+      return { val: 60, label: "困惑", color: "#f59e0b", bg: "#fff7ed" };
+    case "angry":
+      return { val: 90, label: "不满", color: "#ef4444", bg: "#fef2f2" };
+    default:
+      return { val: 38, label: "平和", color: "#16a34a", bg: "#dcfce7" };
+  }
+}
+function ze(o) {
+  switch (o) {
+    case "excellent":
+      return { label: "优秀", color: "#16a34a", bg: "#f0fdf4", badgeBg: "#dcfce7" };
+    case "good":
+      return { label: "良好", color: "#16a34a", bg: "#f0fdf4", badgeBg: "#dcfce7" };
+    case "average":
+      return { label: "合格", color: "#ea580c", bg: "#fff7ed", badgeBg: "#fed7aa" };
+    case "poor":
+      return { label: "待改进", color: "#dc2626", bg: "#fef2f2", badgeBg: "#fecaca" };
+    default:
+      return { label: "已点评", color: "#ea580c", bg: "#fff7ed", badgeBg: "#fed7aa" };
+  }
+}
+const Ie = ({
+  messages: o,
+  input: r,
+  aiResponding: f,
+  aiError: i,
+  dialogueLogCount: u,
+  scenario: g,
+  dialogueGoals: b,
+  tellerRoleName: w,
+  customerRoleName: s,
+  customerProfile: a,
+  tellerProfile: y,
+  uiConfig: x,
+  onInputChange: I,
+  onSend: T,
+  onComplete: R,
+  phases: p,
+  currentPhaseId: j,
+  phaseHistory: t = []
+}) => {
+  var Q;
+  const M = be(x.theme), d = x.tellerBubbleColor || M.primaryColor, z = x.showAvatar !== !1, C = x.showTimestamp !== !1, W = x.inputPlaceholder || "输入你的回复，Enter 发送 / Shift+Enter 换行...", $ = x.submitButtonText || "完成对话", [h, B] = P(!1), v = Z((l) => l.items.length), q = xe(null);
+  pe(() => {
+    var l;
+    (l = q.current) == null || l.scrollIntoView({ behavior: "smooth" });
+  }, [o, f]);
+  const S = (a == null ? void 0 : a.name) || s, H = (y == null ? void 0 : y.name) || w, V = A(() => {
+    var l;
+    if (p && p.length) {
+      const c = p.findIndex((m) => m.id === j), n = c >= 0 ? p[c] : p[0];
+      return ((l = n == null ? void 0 : n.goals) == null ? void 0 : l.join("；")) || "";
+    }
+    return (b == null ? void 0 : b.join("；")) || "";
+  }, [p, j, b]), ee = /* @__PURE__ */ e.jsxs("div", { style: { flex: "0 0 64%", display: "flex", flexDirection: "column", background: "#fff", borderRight: "1px solid #e8e8e8", minWidth: 0 }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { padding: "12px 20px", background: "#fafbfc", borderBottom: "1px solid #e8e8e8", display: "flex", alignItems: "center", gap: 12, flexShrink: 0 }, children: [
+      /* @__PURE__ */ e.jsx("span", { style: { background: d, color: "#fff", padding: "3px 12px", borderRadius: 12, fontSize: 12, fontWeight: 600, flexShrink: 0 }, children: "场景" }),
+      /* @__PURE__ */ e.jsx(U, { title: g || "对话场景", placement: "bottomLeft", children: /* @__PURE__ */ e.jsx("span", { style: { fontSize: 15, fontWeight: 600, color: "#1a1a2e", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", minWidth: 0 }, children: g || "对话场景" }) })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "dialogue-chat-area", style: { flex: 1, overflowY: "auto", padding: 24, display: "flex", flexDirection: "column", gap: 16, minHeight: 0 }, children: [
+      o.map((l, c) => {
+        const n = l.role === "teller", m = ke(l.emotion);
+        return /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 10, alignItems: "flex-start", maxWidth: "86%", alignSelf: n ? "flex-end" : "flex-start", flexDirection: n ? "row-reverse" : "row" }, children: [
+          z && /* @__PURE__ */ e.jsx("div", { style: { width: 40, height: 40, borderRadius: "50%", flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center", fontSize: 15, fontWeight: 700, color: "#fff", background: n ? d : "#f59e0b" }, children: (n ? H : S)[0] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { minWidth: 0 }, children: [
+            /* @__PURE__ */ e.jsx("div", { style: {
+              padding: "11px 16px",
+              fontSize: 15,
+              lineHeight: 1.7,
+              color: "#1a1a2e",
+              wordBreak: "break-word",
+              background: n ? `${d}14` : m.bg,
+              border: n ? `1px solid ${d}33` : `1px solid ${m.border}`,
+              borderRadius: 8,
+              borderBottomRightRadius: n ? 2 : 8,
+              borderBottomLeftRadius: n ? 8 : 2,
+              animation: "dlgFadeIn 0.3s ease both"
+            }, children: l.content }),
+            /* @__PURE__ */ e.jsxs("div", { style: { fontSize: 12, color: "#bbb", marginTop: 4, textAlign: n ? "right" : "left" }, children: [
+              n ? H : S,
+              C ? ` · ${X(l.timestamp)}` : ""
+            ] })
+          ] })
+        ] }, c);
+      }),
+      f && /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 10, alignItems: "flex-start", alignSelf: "flex-start" }, children: [
+        z && /* @__PURE__ */ e.jsx("div", { style: { width: 40, height: 40, borderRadius: "50%", flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center", fontSize: 15, fontWeight: 700, color: "#fff", background: "#f59e0b" }, children: S[0] }),
+        /* @__PURE__ */ e.jsx("div", { style: { padding: "12px 18px", borderRadius: "8px 8px 8px 2px", background: "#fff", border: "1px solid #e8e8e8" }, children: /* @__PURE__ */ e.jsx("div", { style: { display: "flex", gap: 4 }, children: [0, 1, 2].map((l) => /* @__PURE__ */ e.jsx("span", { style: { width: 7, height: 7, borderRadius: "50%", background: d, opacity: 0.4, display: "inline-block", animation: `dlgTyping 1.4s infinite ${l * 0.2}s` } }, l)) }) })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { ref: q })
+    ] }),
+    i && /* @__PURE__ */ e.jsxs("div", { style: { margin: "0 20px 8px", padding: "8px 12px", background: "#fff7ed", border: "1px solid #fed7aa", borderRadius: 8, fontSize: 13, color: "#92400e", flexShrink: 0 }, children: [
+      "⚠️ AI服务异常：",
+      i,
+      "（将使用模拟回复）"
+    ] }),
+    V && /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12, padding: "10px 20px", background: `${d}0d`, borderTop: `1px solid ${d}1f`, borderBottom: `1px solid ${d}1f`, flexShrink: 0 }, children: [
+      /* @__PURE__ */ e.jsx("div", { style: { width: 32, height: 32, borderRadius: 8, background: `${d}1f`, display: "flex", alignItems: "center", justifyContent: "center", fontSize: 16, flexShrink: 0 }, children: "🎯" }),
+      /* @__PURE__ */ e.jsxs("div", { style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ e.jsx("div", { style: { fontSize: 11, color: d, fontWeight: 700, letterSpacing: 0.5 }, children: "当前环节目标" }),
+        /* @__PURE__ */ e.jsx("div", { style: { fontSize: 14, color: "#1a1a2e", fontWeight: 500 }, children: V })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: { padding: "16px 20px", borderTop: "1px solid #e8e8e8", flexShrink: 0 }, children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 10, alignItems: "flex-end" }, children: [
+      /* @__PURE__ */ e.jsx(
+        Se,
+        {
+          value: r,
+          onChange: (l) => I(l.target.value),
+          onPressEnter: (l) => {
+            l.shiftKey || (l.preventDefault(), T());
+          },
+          placeholder: W,
+          autoSize: { minRows: 1, maxRows: 4 },
+          disabled: f,
+          style: { flex: 1, fontSize: 15, lineHeight: 1.5, padding: "9px 14px", borderRadius: 8, resize: "none" }
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        G,
+        {
+          type: "primary",
+          onClick: T,
+          disabled: !r.trim() || f,
+          loading: f,
+          style: { height: "auto", padding: "9px 24px", fontSize: 15, fontWeight: 600, lineHeight: 1.5, borderRadius: 8, background: d, borderColor: d },
+          children: "发送"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(k, { count: v, size: "small", offset: [-6, 2], children: /* @__PURE__ */ e.jsx(
+        G,
+        {
+          icon: /* @__PURE__ */ e.jsx(D, {}),
+          onClick: () => B(!0),
+          title: "查看指导记录",
+          style: { height: "auto", padding: "9px 16px", fontSize: 15, lineHeight: 1.5, borderRadius: 8, color: "#8c8c8c", borderColor: "#d9d9d9" },
+          children: "指导记录"
+        }
+      ) })
+    ] }) })
+  ] }), oe = A(() => {
+    for (let l = o.length - 1; l >= 0; l--)
+      if (o[l].role === "customer") return o[l].emotion;
+  }, [o]), E = we(oe), Y = f || ((Q = o[o.length - 1]) == null ? void 0 : Q.role) === "customer", K = A(() => {
+    const l = [];
+    for (let c = 0; c < o.length; c++) {
+      const n = o[c];
+      if (n.role === "customer" && n.feedback) {
+        let m = "";
+        for (let L = c - 1; L >= 0; L--)
+          if (o[L].role === "teller") {
+            m = o[L].content;
+            break;
+          }
+        l.push({ tellerText: m, feedback: n.feedback, quality: n.talkQuality, time: n.timestamp });
+      }
+    }
+    return l.reverse();
+  }, [o]), F = A(() => !p || p.length === 0 ? [] : p.map((l, c) => {
+    const n = l.id === j || !j && c === 0, m = t.includes(l.id) && !n;
+    return { id: l.id, name: l.name, goals: l.goals, status: m ? "done" : n ? "active" : "pending" };
+  }), [p, j, t]), O = { background: "#fff", borderRadius: 12, padding: 16, boxShadow: "0 2px 8px rgba(0,0,0,0.06)" }, _ = (l, c) => /* @__PURE__ */ e.jsxs("div", { style: { fontSize: 15, fontWeight: 700, color: "#1a1a2e", marginBottom: 12, display: "flex", alignItems: "center", gap: 8 }, children: [
+    /* @__PURE__ */ e.jsx("span", { style: { fontSize: 18 }, children: l }),
+    c
+  ] }), le = /* @__PURE__ */ e.jsxs("div", { style: { flex: "0 0 36%", background: "#f8f9fa", display: "flex", flexDirection: "column", minWidth: 0, minHeight: 0 }, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "dialogue-info-panel", style: { flex: 1, overflowY: "auto", padding: 14, display: "flex", flexDirection: "column", gap: 12, minHeight: 0 }, children: [
+      /* @__PURE__ */ e.jsxs("div", { style: O, children: [
+        _("👥", "角色与情绪"),
+        /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+          /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: 12, padding: 12, background: "#fafbfc", borderRadius: 8 }, children: [
+            /* @__PURE__ */ e.jsx("div", { style: { width: 46, height: 46, borderRadius: "50%", background: "#f59e0b", color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", fontSize: 19, fontWeight: 700, flexShrink: 0 }, children: S[0] }),
+            /* @__PURE__ */ e.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6, flexWrap: "wrap" }, children: [
+                /* @__PURE__ */ e.jsx("span", { style: { fontSize: 15, fontWeight: 700, color: "#1a1a2e" }, children: S }),
+                /* @__PURE__ */ e.jsx("span", { style: { fontSize: 11, color: "#ea580c", background: "#fff7ed", padding: "1px 8px", borderRadius: 10, fontWeight: 600 }, children: "AI 角色" }),
+                (a == null ? void 0 : a.trait) && /* @__PURE__ */ e.jsx("span", { style: { fontSize: 11, color: "#4f46e5", background: "#eef2ff", padding: "1px 8px", borderRadius: 10, fontWeight: 600 }, children: a.trait })
+              ] }),
+              (a == null ? void 0 : a.desc) && /* @__PURE__ */ e.jsx("div", { style: { fontSize: 12, color: "#888", marginTop: 4, lineHeight: 1.5 }, children: a.desc }),
+              /* @__PURE__ */ e.jsx("div", { style: { display: "inline-flex", alignItems: "center", gap: 4, fontSize: 12, padding: "3px 8px", borderRadius: 4, marginTop: 6, background: Y ? "#dcfce7" : "#f1f5f9", color: Y ? "#16a34a" : "#64748b" }, children: Y ? "正在发言" : "等待回应" })
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: 12, padding: 12, background: "#fafbfc", borderRadius: 8 }, children: [
+            /* @__PURE__ */ e.jsx("div", { style: { width: 46, height: 46, borderRadius: "50%", background: d, color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", fontSize: 19, fontWeight: 700, flexShrink: 0 }, children: H[0] }),
+            /* @__PURE__ */ e.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ e.jsxs("div", { style: { fontSize: 15, fontWeight: 700, color: "#1a1a2e" }, children: [
+                "你 — ",
+                H
+              ] }),
+              (y == null ? void 0 : y.desc) && /* @__PURE__ */ e.jsx("div", { style: { fontSize: 12, color: "#888", marginTop: 4, lineHeight: 1.5 }, children: y.desc })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginTop: 12, paddingTop: 12, borderTop: "1px solid #e8e8e8" }, children: [
+          /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 13, fontWeight: 600, color: "#f59e0b", flexShrink: 0 }, children: [
+            S,
+            "情绪"
+          ] }),
+          /* @__PURE__ */ e.jsx("span", { style: { fontSize: 11, color: "#888", flexShrink: 0 }, children: "平静" }),
+          /* @__PURE__ */ e.jsx("div", { style: { flex: 1, height: 8, background: "#e5e7eb", borderRadius: 4, overflow: "hidden" }, children: /* @__PURE__ */ e.jsx("div", { style: { height: "100%", borderRadius: 4, width: `${E.val}%`, background: "linear-gradient(90deg,#22c55e,#eab308,#f59e0b,#ef4444)", transition: "width 0.5s ease" } }) }),
+          /* @__PURE__ */ e.jsx("span", { style: { fontSize: 11, color: "#888", flexShrink: 0 }, children: "愤怒" }),
+          /* @__PURE__ */ e.jsx("span", { style: { fontSize: 12, fontWeight: 600, padding: "2px 6px", borderRadius: 4, minWidth: 32, textAlign: "center", color: E.color, background: E.bg, flexShrink: 0 }, children: E.label })
+        ] })
+      ] }),
+      F.length > 0 && /* @__PURE__ */ e.jsxs("div", { style: O, children: [
+        _("🎯", "对话进程"),
+        /* @__PURE__ */ e.jsx("div", { style: { display: "flex", alignItems: "flex-start", padding: "4px 0" }, children: F.map((l, c) => {
+          var n;
+          return /* @__PURE__ */ e.jsxs(ge.Fragment, { children: [
+            /* @__PURE__ */ e.jsx(U, { title: ((n = l.goals) == null ? void 0 : n.join("、")) || "", children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 7, flex: "0 0 auto", minWidth: 56 }, children: [
+              /* @__PURE__ */ e.jsx("div", { style: {
+                width: 34,
+                height: 34,
+                borderRadius: "50%",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                fontSize: 14,
+                fontWeight: 700,
+                transition: "all 0.3s",
+                background: l.status === "done" ? "#16a34a" : l.status === "active" ? d : "#fff",
+                color: l.status === "pending" ? "#888" : "#fff",
+                border: l.status === "pending" ? "2px solid #d1d5db" : "none",
+                boxShadow: l.status === "active" ? `0 0 0 4px ${d}26` : "none"
+              }, children: l.status === "done" ? "✓" : c + 1 }),
+              /* @__PURE__ */ e.jsx("div", { style: { fontSize: 12, textAlign: "center", lineHeight: 1.3, maxWidth: 60, fontWeight: l.status === "active" ? 700 : 500, color: l.status === "done" ? "#16a34a" : l.status === "active" ? d : "#888" }, children: l.name })
+            ] }) }),
+            c < F.length - 1 && /* @__PURE__ */ e.jsx("div", { style: { flex: 1, height: 3, marginTop: 16, minWidth: 16, borderRadius: 2, background: l.status === "done" ? "#16a34a" : "#e5e7eb" } })
+          ] }, l.id);
+        }) })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { style: { ...O, flex: 1, display: "flex", flexDirection: "column", minHeight: 160 }, children: [
+        _("💬", "逐句评价"),
+        /* @__PURE__ */ e.jsx("div", { style: { flex: 1, overflowY: "auto", display: "flex", flexDirection: "column", gap: 8 }, children: K.length === 0 ? /* @__PURE__ */ e.jsx("div", { style: { textAlign: "center", color: "#888", fontSize: 13, padding: "20px 0" }, children: "对话开始后，系统将对你的每句话实时点评" }) : K.map((l, c) => {
+          const n = ze(l.quality);
+          return /* @__PURE__ */ e.jsxs("div", { style: { padding: "10px 12px", borderRadius: 8, fontSize: 13, lineHeight: 1.5, background: n.bg, borderLeft: `3px solid ${n.color}` }, children: [
+            /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
+              /* @__PURE__ */ e.jsx("span", { style: { fontSize: 11, fontWeight: 700, color: n.color, background: n.badgeBg, padding: "1px 8px", borderRadius: 4 }, children: n.label }),
+              /* @__PURE__ */ e.jsx("span", { style: { fontSize: 11, color: "#888", marginLeft: "auto" }, children: X(l.time) })
+            ] }),
+            l.tellerText && /* @__PURE__ */ e.jsxs("div", { style: { color: "#888", fontSize: 12, margin: "2px 0" }, children: [
+              "「",
+              l.tellerText.length > 28 ? `${l.tellerText.slice(0, 28)}…` : l.tellerText,
+              "」"
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { style: { color: "#555" }, children: l.feedback })
+          ] }, c);
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: { padding: "12px 14px", borderTop: "1px solid #e8e8e8", background: "#fff", flexShrink: 0 }, children: /* @__PURE__ */ e.jsx(G, { type: "primary", block: !0, icon: /* @__PURE__ */ e.jsx(re, {}), onClick: R, disabled: u === 0, style: { height: 42, borderRadius: 8, background: d, borderColor: d, fontWeight: 600 }, children: $ }) })
+  ] });
+  return /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", height: "100%", minHeight: 560, background: "#f0f2f5", overflow: "hidden", ...x.styleOverrides }, children: [
+    ee,
+    le,
+    /* @__PURE__ */ e.jsx(ve, { open: h, onClose: () => B(!1) }),
+    /* @__PURE__ */ e.jsx("style", { children: `
+        @keyframes dlgTyping { 0%, 60%, 100% { opacity: 0.3; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-4px); } }
+        @keyframes dlgFadeIn { 0% { opacity: 0; transform: translateY(6px); } 100% { opacity: 1; transform: translateY(0); } }
+        .dialogue-chat-area::-webkit-scrollbar, .dialogue-info-panel::-webkit-scrollbar { width: 6px; }
+        .dialogue-chat-area::-webkit-scrollbar-thumb, .dialogue-info-panel::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
+        .dialogue-chat-area, .dialogue-info-panel { scrollbar-width: thin; }
+      ` })
+  ] });
+}, He = ({
+  initData: o,
+  runtimeRules: r,
+  onFinish: f,
+  onRealtimeData: i
+}) => {
+  var d, z, C, W, $;
+  const u = (o == null ? void 0 : o.tellerRoleName) || (o == null ? void 0 : o.targetPosition) || "柜员", g = ((d = o == null ? void 0 : o.roleConfig) == null ? void 0 : d.角色名称) || (o == null ? void 0 : o.customerRoleName) || "客户", b = (o == null ? void 0 : o.uiConfig) || {}, w = o == null ? void 0 : o.caseData, { filledData: s } = te(), a = { ...w || {}, ...o || {} }, y = N((o == null ? void 0 : o.scenario) || "", a, s), x = r == null ? void 0 : r.phases, I = x != null && x.length ? x.flatMap((h) => h.goals || []).map((h) => N(h, a, s)) : (z = o == null ? void 0 : o.dialogueGoals) == null ? void 0 : z.map((h) => N(h, a, s)), T = (o == null ? void 0 : o.roleConfig) || {}, R = (h) => {
+    for (const B of h) {
+      const v = T[B];
+      if (v != null && v !== "" && typeof v != "object") return String(v);
+    }
+  }, p = {
+    name: g,
+    trait: R(["性格", "性格特点", "情绪状态", "态度", "情绪"]),
+    desc: R(["背景", "人物背景", "角色背景", "描述", "简介", "身份"]) || N(
+      ((W = (C = o == null ? void 0 : o.caseData) == null ? void 0 : C.customerInfo) == null ? void 0 : W.purpose) || (($ = o == null ? void 0 : o.customerInfo) == null ? void 0 : $.purpose) || "",
+      a,
+      s
+    ) || void 0
+  }, j = {
+    name: u,
+    desc: `本次对话中你扮演「${u}」，需主导沟通、达成对话目标`
+  }, t = ce(o, {
+    onRealtimeData: i,
+    enableRealtimeGuidance: !0,
+    runtimeRules: r,
+    dialogueGoals: I
+  }), M = () => {
+    const h = t.checkCompletion(r);
+    if (!h.canComplete) {
+      ae.warning(h.reason || "请完成所有必要对话");
+      return;
+    }
+    f({
+      stepId: (o == null ? void 0 : o.stepId) || "unknown",
+      operationType: "dialogue",
+      operationData: {
+        dialogueHistory: t.messages,
+        dialogueLog: t.dialogueLog,
+        totalMessages: t.messages.length,
+        mustConfirmResult: r != null && r.mustConfirm ? t.isConfirmed() : void 0
+      },
+      operationLog: t.dialogueLog,
+      timestamp: Date.now(),
+      evidenceSummary: fe({
+        sourceStepId: (o == null ? void 0 : o.stepId) || "unknown",
+        sourceStepName: (o == null ? void 0 : o.stepName) || "对话交互",
+        sourceType: "dialogue",
+        title: `${(o == null ? void 0 : o.stepName) || "对话交互"}摘要`,
+        summary: `完成 ${t.messages.length} 条消息的对话交互。`,
+        keyFacts: [
+          { label: "消息总数", value: String(t.messages.length) },
+          { label: "对话轮数", value: String(Math.ceil(t.messages.length / 2)) }
+        ]
+      })
+    });
+  };
+  return /* @__PURE__ */ e.jsx(
+    Ie,
+    {
+      messages: t.messages,
+      input: t.input,
+      aiResponding: t.aiResponding,
+      aiError: t.aiError,
+      dialogueLogCount: t.dialogueLog.length,
+      scenario: y,
+      dialogueGoals: I,
+      tellerRoleName: u,
+      customerRoleName: g,
+      customerProfile: p,
+      tellerProfile: j,
+      uiConfig: b,
+      onInputChange: t.setInput,
+      onSend: t.handleSend,
+      onComplete: M,
+      phases: t.phases,
+      currentPhaseId: t.currentPhaseId,
+      phaseHistory: t.phaseHistory
+    }
+  );
+};
+export {
+  He as default
+};