@sim-design/training 1.0.0

package/dist/CharacterDialoguePanel-Bvdab3qj.js

@@ -0,0 +1,776 @@
+import { g as tr, f as ar, j as o, h as nr, e as lr, i as dr } from "./RadarChart-C5ZM0kWt.js";
+import cr, { useRef as W, useState as f, useEffect as A, useCallback as j } from "react";
+import { message as pr, Button as u, Tooltip as X, Input as xr } from "antd";
+import { a as gr } from "./TrainingModelContainer-DpW-uB8O.js";
+import { u as M, m as b, A as yr } from "./StrategyLabPlugin-DGeZsr_7.js";
+import { c as fr, d as q, e as ur } from "./WarningOutlined-5g1d66hO.js";
+import { R as br } from "./UndoOutlined-ChUQYUul.js";
+import { R as mr, a as jr } from "./ThunderboltOutlined-nH_FO_4A.js";
+const hr = {
+  adversarial: { icon: /* @__PURE__ */ o.jsx(jr, {}), label: "对抗推演", color: "#f5222d" },
+  collaborative: { icon: /* @__PURE__ */ o.jsx(q, {}), label: "群体决策", color: "#1890ff" },
+  "stress-test": { icon: /* @__PURE__ */ o.jsx(ur, {}), label: "压力测试", color: "#faad14" }
+}, zr = ({
+  stepId: h,
+  mode: m,
+  originalDecision: P,
+  characters: c,
+  scenario: E,
+  theme: r,
+  currentUser: J,
+  onSkip: B,
+  onRequestAdjust: Q
+}) => {
+  var K;
+  const O = M((e) => e.saveStrategyLab), Z = W(M.getState().getStrategyLab(h)), [g, L] = f(""), [p, S] = f(""), [v, T] = f(!1), [rr, H] = f("dialogue"), [k, or] = f({}), [n, F] = f(((K = Z.current) == null ? void 0 : K.characterDialogues) || {}), N = W(null), w = W(null), I = tr("ACTOR_AGENT"), { token: C } = gr(I, J), l = hr[m], x = cr.useMemo(() => {
+    const e = [];
+    return m === "adversarial" && c.adversary ? e.push(c.adversary) : m === "collaborative" && c.stakeholders ? c.stakeholders.forEach((i) => {
+      i.character && e.push(i.character);
+    }) : m === "stress-test" && c.narrator && e.push(c.narrator), e;
+  }, [m, c]);
+  A(() => {
+    !g && x.length > 0 && L(x[0].name);
+  }, [x, g]), A(() => {
+    if (Object.keys(n).length > 0) {
+      const e = M.getState().getStrategyLab(h);
+      O(h, {
+        ...e,
+        characterDialogues: n,
+        isInCharacterDialogue: !0
+      });
+    }
+  }, [n, h, O]), A(() => {
+    var e;
+    (e = N.current) == null || e.scrollIntoView({ behavior: "smooth" });
+  }, [n, g]);
+  const R = j(() => x.find((e) => e.name === g), [x, g]), _ = j((e, i, t) => {
+    var a;
+    return t.length === 0 ? `【角色设定】
+你是 ${e.name}，性格特征：${(a = e.personality) == null ? void 0 : a.join("、")}
+背景故事：${e.background}
+当前立场：${e.stance}
+
+【场景背景】
+${E}
+
+【用户决策方案】
+${P}
+
+【你的初始态度】
+${e.dialogue}
+
+【任务】
+用户现在想与你对话，试图说服你或了解你的想法。请保持角色一致性，自然回应用户的问题或观点。
+
+【用户消息】
+${i}` : i;
+  }, [E, P]), G = j(async () => {
+    var U;
+    if (!p.trim() || !C) return;
+    const e = R();
+    if (!e) return;
+    const i = e.name, t = n[i] || { messages: [], conversationId: null }, a = p.trim(), y = { role: "user", content: a, timestamp: Date.now() };
+    F((d) => {
+      var $;
+      return {
+        ...d,
+        [i]: {
+          ...d[i] || { messages: [], conversationId: null },
+          messages: [...(($ = d[i]) == null ? void 0 : $.messages) || [], y]
+        }
+      };
+    }), S(""), T(!0);
+    try {
+      const d = _(e, a, t.messages), { response: $, conversationId: ir } = await ar({
+        botId: I,
+        prompt: d,
+        token: C,
+        conversationId: t.conversationId || void 0,
+        autoSaveHistory: !0
+      });
+      F((D) => {
+        var V;
+        return {
+          ...D,
+          [i]: {
+            ...D[i],
+            messages: [
+              ...((V = D[i]) == null ? void 0 : V.messages) || [],
+              { role: "character", content: $, timestamp: Date.now() }
+            ],
+            conversationId: ir
+          }
+        };
+      });
+    } catch (d) {
+      console.error("[CharacterDialoguePanel] 发送消息失败:", d), pr.error(d.message || "发送消息失败");
+    } finally {
+      T(!1), (U = w.current) == null || U.focus();
+    }
+  }, [p, C, R, n, _, I]), Y = j(() => {
+    const e = {};
+    for (const [i, t] of Object.entries(n)) {
+      if (!t.messages || t.messages.length < 2) continue;
+      const a = [...t.messages].reverse().find((y) => y.role === "character");
+      a && (e[i] = a.content.length > 200 ? a.content.substring(0, 200) + "..." : a.content);
+    }
+    return e;
+  }, [n]), er = j(() => {
+    const e = Y();
+    or(e), H("summary");
+  }, [Y]), sr = Object.values(n).some(
+    (e) => e.messages && e.messages.length >= 2
+  ), s = R(), z = s ? n[s.name] || { messages: [] } : { messages: [] };
+  return /* @__PURE__ */ o.jsxs(
+    b.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: { duration: 0.3 },
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        background: "rgba(8, 12, 24, 0.88)",
+        backdropFilter: "blur(24px)",
+        zIndex: 1e3,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: [
+        /* @__PURE__ */ o.jsx("div", { style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundImage: `linear-gradient(${r.colors.primary}06 1px, transparent 1px), linear-gradient(90deg, ${r.colors.primary}06 1px, transparent 1px)`,
+          backgroundSize: "40px 40px",
+          pointerEvents: "none"
+        } }),
+        /* @__PURE__ */ o.jsxs(
+          b.div,
+          {
+            initial: { y: 40, opacity: 0, scale: 0.97 },
+            animate: { y: 0, opacity: 1, scale: 1 },
+            exit: { y: 40, opacity: 0, scale: 0.97 },
+            transition: { duration: 0.4, ease: [0.25, 0.1, 0.25, 1] },
+            style: {
+              position: "relative",
+              width: "88%",
+              maxWidth: 960,
+              height: "85vh",
+              display: "flex",
+              flexDirection: "column",
+              borderRadius: 16,
+              overflow: "hidden",
+              background: `linear-gradient(170deg, ${r.colors.bgCard}f2 0%, ${r.colors.bgPrimary}f5 100%)`,
+              border: `1px solid ${r.colors.border}`,
+              boxShadow: `0 32px 64px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.04), ${r.effects.glow}`
+            },
+            children: [
+              /* @__PURE__ */ o.jsxs("div", { style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                padding: "16px 24px",
+                borderBottom: `1px solid ${r.colors.border}`,
+                background: `linear-gradient(90deg, ${l.color}10 0%, transparent 60%)`,
+                flexShrink: 0
+              }, children: [
+                /* @__PURE__ */ o.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+                  /* @__PURE__ */ o.jsx("div", { style: {
+                    width: 36,
+                    height: 36,
+                    borderRadius: 10,
+                    background: `${l.color}20`,
+                    border: `1px solid ${l.color}40`,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    color: l.color,
+                    fontSize: 18
+                  }, children: l.icon }),
+                  /* @__PURE__ */ o.jsxs("div", { children: [
+                    /* @__PURE__ */ o.jsx("div", { style: { fontSize: 16, fontWeight: 600, color: r.colors.textPrimary, lineHeight: 1.2 }, children: l.label }),
+                    /* @__PURE__ */ o.jsx("div", { style: { fontSize: 12, color: r.colors.textMuted, marginTop: 2 }, children: "与 AI 角色互动，探索不同立场" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ o.jsx(
+                  u,
+                  {
+                    type: "text",
+                    icon: /* @__PURE__ */ o.jsx(fr, {}),
+                    onClick: B,
+                    style: {
+                      color: r.colors.textMuted,
+                      fontSize: 16,
+                      width: 40,
+                      height: 40,
+                      borderRadius: 10,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center"
+                    }
+                  }
+                )
+              ] }),
+              x.length > 1 && /* @__PURE__ */ o.jsx("div", { style: {
+                display: "flex",
+                gap: 4,
+                padding: "10px 24px",
+                borderBottom: `1px solid ${r.colors.border}`,
+                background: `${r.colors.bgSecondary}80`,
+                overflowX: "auto",
+                flexShrink: 0
+              }, children: x.map((e) => {
+                var a, y;
+                const i = e.name === g, t = ((y = (a = n[e.name]) == null ? void 0 : a.messages) == null ? void 0 : y.length) || 0;
+                return /* @__PURE__ */ o.jsxs(
+                  "button",
+                  {
+                    onClick: () => L(e.name),
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 8,
+                      padding: "8px 16px",
+                      borderRadius: 8,
+                      border: i ? `1px solid ${r.colors.primary}60` : "1px solid transparent",
+                      background: i ? `${r.colors.primary}15` : "transparent",
+                      color: i ? r.colors.primary : r.colors.textSecondary,
+                      cursor: "pointer",
+                      transition: "all 0.2s ease",
+                      whiteSpace: "nowrap",
+                      fontSize: 13,
+                      fontWeight: i ? 600 : 400
+                    },
+                    children: [
+                      /* @__PURE__ */ o.jsx("div", { style: {
+                        width: 26,
+                        height: 26,
+                        borderRadius: "50%",
+                        background: i ? r.colors.primary : r.colors.bgCard,
+                        border: `1.5px solid ${i ? r.colors.primary : r.colors.border}`,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        color: i ? "#fff" : r.colors.textMuted,
+                        fontSize: 12,
+                        fontWeight: 600
+                      }, children: e.name.charAt(0) }),
+                      e.name,
+                      t > 0 && /* @__PURE__ */ o.jsx("span", { style: {
+                        fontSize: 11,
+                        padding: "1px 6px",
+                        borderRadius: 10,
+                        background: i ? `${r.colors.primary}25` : `${r.colors.textMuted}20`,
+                        color: i ? r.colors.primary : r.colors.textMuted
+                      }, children: t })
+                    ]
+                  },
+                  e.name
+                );
+              }) }),
+              s && /* @__PURE__ */ o.jsxs("div", { style: {
+                padding: "16px 24px",
+                borderBottom: `1px solid ${r.colors.border}`,
+                background: `linear-gradient(135deg, ${r.colors.bgSecondary}60 0%, transparent 100%)`,
+                flexShrink: 0
+              }, children: [
+                /* @__PURE__ */ o.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 14 }, children: [
+                  /* @__PURE__ */ o.jsxs("div", { style: {
+                    position: "relative",
+                    width: 52,
+                    height: 52,
+                    borderRadius: 14,
+                    background: `linear-gradient(135deg, ${r.colors.primary}30 0%, ${r.colors.primaryDark}40 100%)`,
+                    border: `2px solid ${r.colors.primary}50`,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    flexShrink: 0
+                  }, children: [
+                    s.avatar ? /* @__PURE__ */ o.jsx(
+                      "img",
+                      {
+                        src: s.avatar,
+                        alt: s.name,
+                        style: { width: 48, height: 48, borderRadius: 12, objectFit: "cover" }
+                      }
+                    ) : /* @__PURE__ */ o.jsx("span", { style: { fontSize: 22, fontWeight: 700, color: r.colors.primary }, children: s.name.charAt(0) }),
+                    /* @__PURE__ */ o.jsx("div", { style: {
+                      position: "absolute",
+                      bottom: -2,
+                      right: -2,
+                      width: 14,
+                      height: 14,
+                      borderRadius: "50%",
+                      background: "#52c41a",
+                      border: `2px solid ${r.colors.bgCard}`
+                    } })
+                  ] }),
+                  /* @__PURE__ */ o.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ o.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 4 }, children: [
+                      /* @__PURE__ */ o.jsx("span", { style: { fontSize: 16, fontWeight: 600, color: r.colors.textPrimary }, children: s.name }),
+                      s.stance && /* @__PURE__ */ o.jsx(
+                        X,
+                        {
+                          title: s.stance.length > 20 ? s.stance : void 0,
+                          placement: "bottomLeft",
+                          overlayStyle: { maxWidth: 360 },
+                          children: /* @__PURE__ */ o.jsx("span", { style: {
+                            fontSize: 11,
+                            padding: "2px 8px",
+                            borderRadius: 4,
+                            background: `${l.color}15`,
+                            color: l.color,
+                            border: `1px solid ${l.color}30`,
+                            cursor: s.stance.length > 20 ? "pointer" : "default"
+                          }, children: s.stance.length > 20 ? s.stance.substring(0, 20) + "..." : s.stance })
+                        }
+                      )
+                    ] }),
+                    s.personality && s.personality.length > 0 && /* @__PURE__ */ o.jsx("div", { style: { display: "flex", gap: 4, flexWrap: "wrap" }, children: s.personality.map((e, i) => /* @__PURE__ */ o.jsx("span", { style: {
+                      fontSize: 11,
+                      padding: "1px 8px",
+                      borderRadius: 3,
+                      background: `${r.colors.primary}12`,
+                      color: r.colors.textSecondary,
+                      border: `1px solid ${r.colors.border}`
+                    }, children: e }, i)) })
+                  ] })
+                ] }),
+                s.background && /* @__PURE__ */ o.jsx("div", { style: {
+                  marginTop: 10,
+                  padding: "8px 12px",
+                  borderRadius: 8,
+                  background: `${r.colors.bgPrimary}80`,
+                  border: `1px solid ${r.colors.border}`,
+                  fontSize: 12,
+                  color: r.colors.textMuted,
+                  lineHeight: 1.6
+                }, children: s.background })
+              ] }),
+              /* @__PURE__ */ o.jsxs(
+                "div",
+                {
+                  style: {
+                    flex: 1,
+                    overflowY: "auto",
+                    padding: "20px 24px",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 16
+                  },
+                  className: "dialogue-messages-scroll",
+                  children: [
+                    z.messages.length === 0 && s && /* @__PURE__ */ o.jsxs(
+                      b.div,
+                      {
+                        initial: { opacity: 0, y: 16 },
+                        animate: { opacity: 1, y: 0 },
+                        transition: { duration: 0.5, delay: 0.2 },
+                        style: { textAlign: "center", padding: "40px 20px" },
+                        children: [
+                          /* @__PURE__ */ o.jsx("div", { style: {
+                            width: 72,
+                            height: 72,
+                            borderRadius: 20,
+                            margin: "0 auto 20px",
+                            background: `linear-gradient(135deg, ${r.colors.primary}25 0%, ${r.colors.primaryDark}35 100%)`,
+                            border: `2px solid ${r.colors.primary}40`,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            fontSize: 32,
+                            fontWeight: 700,
+                            color: r.colors.primary
+                          }, children: s.name.charAt(0) }),
+                          /* @__PURE__ */ o.jsxs("h3", { style: {
+                            fontSize: 18,
+                            fontWeight: 600,
+                            color: r.colors.textPrimary,
+                            margin: "0 0 8px 0"
+                          }, children: [
+                            "与 ",
+                            s.name,
+                            " 开始对话"
+                          ] }),
+                          /* @__PURE__ */ o.jsx("p", { style: {
+                            fontSize: 13,
+                            color: r.colors.textMuted,
+                            lineHeight: 1.6,
+                            maxWidth: 360,
+                            margin: "0 auto"
+                          }, children: s.dialogue || "尝试向对方表达你的观点，了解不同立场的看法" }),
+                          /* @__PURE__ */ o.jsx("div", { style: { display: "flex", gap: 8, justifyContent: "center", flexWrap: "wrap", marginTop: 20 }, children: [
+                            "请介绍一下你的立场",
+                            "你对这个方案怎么看？",
+                            "你最大的顾虑是什么？"
+                          ].map((e, i) => /* @__PURE__ */ o.jsx(
+                            "button",
+                            {
+                              onClick: () => {
+                                var t;
+                                S(e), (t = w.current) == null || t.focus();
+                              },
+                              style: {
+                                padding: "6px 14px",
+                                borderRadius: 20,
+                                background: `${r.colors.primary}10`,
+                                border: `1px solid ${r.colors.primary}30`,
+                                color: r.colors.primary,
+                                cursor: "pointer",
+                                fontSize: 12,
+                                transition: "all 0.2s ease"
+                              },
+                              children: e
+                            },
+                            i
+                          )) })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ o.jsx(yr, { initial: !1, children: z.messages.map((e, i) => {
+                      const t = e.role === "user";
+                      return /* @__PURE__ */ o.jsxs(
+                        b.div,
+                        {
+                          initial: { opacity: 0, y: 12, scale: 0.98 },
+                          animate: { opacity: 1, y: 0, scale: 1 },
+                          transition: { duration: 0.3, ease: "easeOut" },
+                          style: {
+                            display: "flex",
+                            flexDirection: t ? "row-reverse" : "row",
+                            alignItems: "flex-start",
+                            gap: 10
+                          },
+                          children: [
+                            /* @__PURE__ */ o.jsx("div", { style: {
+                              width: 36,
+                              height: 36,
+                              borderRadius: 10,
+                              flexShrink: 0,
+                              background: t ? `linear-gradient(135deg, ${r.colors.primary} 0%, ${r.colors.primaryDark} 100%)` : r.colors.bgSecondary,
+                              border: t ? "none" : `1px solid ${r.colors.border}`,
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "center",
+                              color: t ? "#fff" : r.colors.primary,
+                              fontSize: t ? 14 : 15,
+                              fontWeight: 600
+                            }, children: t ? /* @__PURE__ */ o.jsx(nr, {}) : s == null ? void 0 : s.name.charAt(0) }),
+                            /* @__PURE__ */ o.jsx("div", { style: {
+                              maxWidth: "72%",
+                              padding: "10px 16px",
+                              borderRadius: t ? "14px 4px 14px 14px" : "4px 14px 14px 14px",
+                              background: t ? `linear-gradient(135deg, ${r.colors.primary} 0%, ${r.colors.primaryDark} 100%)` : r.colors.bgCard,
+                              color: t ? "#fff" : r.colors.textPrimary,
+                              border: t ? "none" : `1px solid ${r.colors.border}`,
+                              boxShadow: t ? `0 4px 12px ${r.colors.primary}30` : r.effects.shadow,
+                              fontSize: 14,
+                              lineHeight: 1.7,
+                              whiteSpace: "pre-wrap",
+                              wordBreak: "break-word"
+                            }, children: e.content })
+                          ]
+                        },
+                        `${e.timestamp}-${i}`
+                      );
+                    }) }),
+                    v && /* @__PURE__ */ o.jsxs(
+                      b.div,
+                      {
+                        initial: { opacity: 0, y: 8 },
+                        animate: { opacity: 1, y: 0 },
+                        style: {
+                          display: "flex",
+                          alignItems: "flex-start",
+                          gap: 10
+                        },
+                        children: [
+                          /* @__PURE__ */ o.jsx("div", { style: {
+                            width: 36,
+                            height: 36,
+                            borderRadius: 10,
+                            flexShrink: 0,
+                            background: r.colors.bgSecondary,
+                            border: `1px solid ${r.colors.border}`,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            color: r.colors.primary,
+                            fontSize: 15,
+                            fontWeight: 600
+                          }, children: s == null ? void 0 : s.name.charAt(0) }),
+                          /* @__PURE__ */ o.jsxs("div", { style: {
+                            padding: "12px 18px",
+                            borderRadius: "4px 14px 14px 14px",
+                            background: r.colors.bgCard,
+                            border: `1px solid ${r.colors.border}`,
+                            display: "flex",
+                            alignItems: "center",
+                            gap: 8
+                          }, children: [
+                            /* @__PURE__ */ o.jsx(br, { style: { color: r.colors.primary, fontSize: 14 }, spin: !0 }),
+                            /* @__PURE__ */ o.jsxs("span", { style: { fontSize: 13, color: r.colors.textMuted }, children: [
+                              s == null ? void 0 : s.name,
+                              " 正在思考..."
+                            ] })
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ o.jsx("div", { ref: N })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ o.jsx("div", { style: {
+                padding: "16px 24px",
+                borderTop: `1px solid ${r.colors.border}`,
+                background: `${r.colors.bgSecondary}90`,
+                backdropFilter: "blur(12px)",
+                flexShrink: 0
+              }, children: rr === "dialogue" ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                /* @__PURE__ */ o.jsxs("div", { style: {
+                  display: "flex",
+                  alignItems: "flex-end",
+                  gap: 10,
+                  background: r.colors.bgCard,
+                  border: `1px solid ${v ? r.colors.border : r.colors.primary}40`,
+                  borderRadius: 14,
+                  padding: "10px 14px",
+                  transition: "border-color 0.2s ease"
+                }, children: [
+                  /* @__PURE__ */ o.jsx(
+                    xr.TextArea,
+                    {
+                      ref: w,
+                      value: p,
+                      onChange: (e) => S(e.target.value),
+                      onPressEnter: (e) => {
+                        e.shiftKey || (e.preventDefault(), G());
+                      },
+                      placeholder: s ? `向 ${s.name} 发送消息...` : "输入消息...",
+                      disabled: v,
+                      autoSize: { minRows: 1, maxRows: 4 },
+                      style: {
+                        flex: 1,
+                        border: "none",
+                        boxShadow: "none",
+                        background: "transparent",
+                        resize: "none",
+                        color: r.colors.textPrimary,
+                        fontSize: 14,
+                        padding: "4px 0"
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ o.jsx(
+                    u,
+                    {
+                      type: "primary",
+                      icon: /* @__PURE__ */ o.jsx(lr, {}),
+                      onClick: G,
+                      loading: v,
+                      disabled: !p.trim(),
+                      style: {
+                        borderRadius: 10,
+                        height: 38,
+                        width: 38,
+                        minWidth: 38,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        background: p.trim() ? `linear-gradient(135deg, ${r.colors.primary} 0%, ${r.colors.primaryDark} 100%)` : r.colors.bgSecondary,
+                        border: "none",
+                        boxShadow: p.trim() ? `0 2px 8px ${r.colors.primary}40` : "none",
+                        transition: "all 0.2s ease"
+                      }
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ o.jsxs("div", { style: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  marginTop: 8,
+                  padding: "0 4px"
+                }, children: [
+                  /* @__PURE__ */ o.jsx("span", { style: { fontSize: 11, color: r.colors.textMuted }, children: "Enter 发送 / Shift+Enter 换行" }),
+                  /* @__PURE__ */ o.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+                    /* @__PURE__ */ o.jsxs("span", { style: { fontSize: 11, color: r.colors.textMuted }, children: [
+                      "已对话 ",
+                      z.messages.length,
+                      " 条"
+                    ] }),
+                    sr && /* @__PURE__ */ o.jsx(
+                      u,
+                      {
+                        type: "text",
+                        size: "small",
+                        icon: /* @__PURE__ */ o.jsx(dr, {}),
+                        onClick: er,
+                        style: {
+                          fontSize: 12,
+                          color: r.colors.primary,
+                          borderRadius: 6,
+                          border: `1px solid ${r.colors.primary}40`,
+                          height: 26
+                        },
+                        children: "结束对话"
+                      }
+                    )
+                  ] })
+                ] })
+              ] }) : (
+                /* 立场总结阶段 */
+                /* @__PURE__ */ o.jsxs(
+                  b.div,
+                  {
+                    initial: { opacity: 0, y: 10 },
+                    animate: { opacity: 1, y: 0 },
+                    transition: { duration: 0.3 },
+                    children: [
+                      /* @__PURE__ */ o.jsxs("div", { style: {
+                        fontSize: 14,
+                        fontWeight: 600,
+                        color: r.colors.textPrimary,
+                        marginBottom: 12,
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 8
+                      }, children: [
+                        /* @__PURE__ */ o.jsx(q, { style: { color: r.colors.primary } }),
+                        "角色立场总结"
+                      ] }),
+                      /* @__PURE__ */ o.jsxs("div", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 8,
+                        maxHeight: 180,
+                        overflowY: "auto",
+                        marginBottom: 16
+                      }, children: [
+                        Object.entries(k).map(([e, i]) => /* @__PURE__ */ o.jsxs("div", { style: {
+                          display: "flex",
+                          alignItems: "flex-start",
+                          gap: 10,
+                          padding: "8px 12px",
+                          borderRadius: 10,
+                          background: `${r.colors.bgPrimary}80`,
+                          border: `1px solid ${r.colors.border}`
+                        }, children: [
+                          /* @__PURE__ */ o.jsx("div", { style: {
+                            width: 28,
+                            height: 28,
+                            borderRadius: "50%",
+                            flexShrink: 0,
+                            background: `${r.colors.primary}20`,
+                            border: `1.5px solid ${r.colors.primary}50`,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            color: r.colors.primary,
+                            fontSize: 12,
+                            fontWeight: 600
+                          }, children: e.charAt(0) }),
+                          /* @__PURE__ */ o.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+                            /* @__PURE__ */ o.jsx("div", { style: { fontSize: 13, fontWeight: 600, color: r.colors.textPrimary, marginBottom: 2 }, children: e }),
+                            /* @__PURE__ */ o.jsx(X, { title: i, placement: "topLeft", overlayStyle: { maxWidth: 400 }, children: /* @__PURE__ */ o.jsx("div", { style: {
+                              fontSize: 12,
+                              color: r.colors.textSecondary,
+                              lineHeight: 1.5,
+                              overflow: "hidden",
+                              textOverflow: "ellipsis",
+                              display: "-webkit-box",
+                              WebkitLineClamp: 2,
+                              WebkitBoxOrient: "vertical",
+                              cursor: "pointer"
+                            }, children: i }) })
+                          ] })
+                        ] }, e)),
+                        Object.keys(k).length === 0 && /* @__PURE__ */ o.jsx("div", { style: { fontSize: 12, color: r.colors.textMuted, textAlign: "center", padding: 12 }, children: "暂无角色立场记录" })
+                      ] }),
+                      /* @__PURE__ */ o.jsxs("div", { style: { display: "flex", gap: 10, justifyContent: "flex-end" }, children: [
+                        /* @__PURE__ */ o.jsx(
+                          u,
+                          {
+                            ghost: !0,
+                            onClick: () => {
+                              H("dialogue");
+                            },
+                            style: {
+                              borderRadius: 8,
+                              borderColor: r.colors.border,
+                              color: r.colors.textSecondary,
+                              height: 36
+                            },
+                            children: "继续对话"
+                          }
+                        ),
+                        /* @__PURE__ */ o.jsx(
+                          u,
+                          {
+                            ghost: !0,
+                            onClick: B,
+                            style: {
+                              borderRadius: 8,
+                              borderColor: r.colors.border,
+                              color: r.colors.textSecondary,
+                              height: 36
+                            },
+                            children: "返回结果"
+                          }
+                        ),
+                        /* @__PURE__ */ o.jsx(
+                          u,
+                          {
+                            type: "primary",
+                            icon: /* @__PURE__ */ o.jsx(mr, {}),
+                            onClick: () => Q(k),
+                            style: {
+                              borderRadius: 8,
+                              height: 36,
+                              background: `linear-gradient(135deg, ${r.colors.primary} 0%, ${r.colors.primaryDark} 100%)`,
+                              border: "none",
+                              boxShadow: `0 2px 8px ${r.colors.primary}40`
+                            },
+                            children: "调整我的决策"
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              ) }),
+              /* @__PURE__ */ o.jsx("style", { children: `
+          .dialogue-messages-scroll::-webkit-scrollbar {
+            width: 5px;
+          }
+          .dialogue-messages-scroll::-webkit-scrollbar-track {
+            background: transparent;
+          }
+          .dialogue-messages-scroll::-webkit-scrollbar-thumb {
+            background: ${r.colors.border};
+            border-radius: 3px;
+          }
+          .dialogue-messages-scroll::-webkit-scrollbar-thumb:hover {
+            background: ${r.colors.textMuted};
+          }
+        ` })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  zr as default
+};