paul-ai-assistant 0.1.16

package/es/components/LlmTraceV3/utils/collapseLogic.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 折叠逻辑工具函数
+ */
+import type { ITraceSecondItem, ITraceThirdItem } from '../types';
+/**
+ * 计算单个 Item 的默认折叠状态
+ * @param item Item 数据
+ * @param _traceFinished 整体 trace 是否已完成（保留参数用于兼容性，当前未使用）
+ * @param hasInspectionCard 是否包含 InspectionCard
+ * @returns 是否折叠
+ */
+export declare const calculateItemCollapseState: (item: ITraceThirdItem, _traceFinished: boolean, hasInspectionCard: boolean) => boolean;
+/**
+ * 初始化所有 Item 的折叠状态
+ * @param traceData trace 数据
+ * @param traceFinished 整体 trace 是否已完成
+ * @param hasInspectionCard 是否包含 InspectionCard
+ * @returns Item 折叠状态 Map
+ */
+export declare const initializeItemCollapseMap: (traceData: ITraceSecondItem[], traceFinished: boolean, hasInspectionCard: boolean) => Record<string, boolean>;
+/**
+ * 判断是否应该展示折叠图标
+ * @param result Item 的 result
+ * @returns 是否展示
+ */
+export declare const shouldShowCollapseIcon: (result?: any) => boolean;

package/es/components/LlmTraceV3/utils/collapseLogic.js

@@ -0,0 +1,86 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+/**
+ * 折叠逻辑工具函数
+ */
+
+import { TRACE_STATUS_ENUM } from "../../../constants/traceDataStatus";
+import { checkHasInspectionCard } from "./traceHelpers";
+
+/**
+ * 计算单个 Item 的默认折叠状态
+ * @param item Item 数据
+ * @param _traceFinished 整体 trace 是否已完成（保留参数用于兼容性，当前未使用）
+ * @param hasInspectionCard 是否包含 InspectionCard
+ * @returns 是否折叠
+ */
+export var calculateItemCollapseState = function calculateItemCollapseState(item, _traceFinished, hasInspectionCard) {
+  // 包含 InspectionCard，默认展开
+  if (hasInspectionCard) {
+    return false;
+  }
+  var itemStatus = item === null || item === void 0 ? void 0 : item.status;
+
+  // 如果 item 没有 status，默认折叠
+  if (!itemStatus) {
+    return true;
+  }
+
+  // 如果 item 状态为 FAILED 或 STOP，默认展开
+  if (itemStatus === TRACE_STATUS_ENUM.FAILED || itemStatus === TRACE_STATUS_ENUM.STOP) {
+    return false;
+  }
+
+  // 如果 item 状态为 RUNNING，默认展开
+  if (itemStatus === TRACE_STATUS_ENUM.RUNNING) {
+    return false;
+  }
+
+  // SUCCESS 状态，默认折叠
+  return true;
+};
+
+/**
+ * 初始化所有 Item 的折叠状态
+ * @param traceData trace 数据
+ * @param traceFinished 整体 trace 是否已完成
+ * @param hasInspectionCard 是否包含 InspectionCard
+ * @returns Item 折叠状态 Map
+ */
+export var initializeItemCollapseMap = function initializeItemCollapseMap(traceData, traceFinished, hasInspectionCard) {
+  var map = {};
+  traceData === null || traceData === void 0 || traceData.forEach(function (group, groupIndex) {
+    var result = group === null || group === void 0 ? void 0 : group.result;
+    if (Array.isArray(result)) {
+      result.forEach(function (item, itemIndex) {
+        var key = "group-".concat(groupIndex, "-item-").concat(itemIndex);
+        var hasItemInspectionCard = checkHasInspectionCard(item);
+        map[key] = calculateItemCollapseState(item, traceFinished, hasInspectionCard || hasItemInspectionCard);
+      });
+    } else if (result) {
+      // 修复：即使 result 不是数组，也使用 item-0 的 key 格式
+      // 这样才能与 TraceGroup 中 normalizeResultToArray 后的 key 保持一致
+      var key = "group-".concat(groupIndex, "-item-0");
+      var hasItemInspectionCard = checkHasInspectionCard(result);
+      map[key] = calculateItemCollapseState(result, traceFinished, hasInspectionCard || hasItemInspectionCard);
+    }
+  });
+  return map;
+};
+
+/**
+ * 判断是否应该展示折叠图标
+ * @param result Item 的 result
+ * @returns 是否展示
+ */
+export var shouldShowCollapseIcon = function shouldShowCollapseIcon(result) {
+  if (!result) return false;
+
+  // 如果有内容就显示折叠图标
+  if (typeof result === 'string' && result.trim()) {
+    return true;
+  }
+  if (_typeof(result) === 'object') {
+    return true;
+  }
+  return false;
+};

package/es/components/LlmTraceV3/utils/traceHelpers.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Trace 辅助函数
+ */
+import type { ITraceSecondItem, ITraceThirdItem } from '../types';
+/**
+ * 检查节点树中是否包含 InspectionCard 类型
+ * @param node 节点数据
+ * @returns 是否包含 InspectionCard
+ */
+export declare const checkHasInspectionCard: (node: any) => boolean;
+/**
+ * 检查 trace 数据中是否包含特殊节点
+ * @param traceData trace 数据
+ * @returns 是否包含特殊节点
+ */
+export declare const hasSpecialNode: (traceData: ITraceSecondItem[]) => boolean;
+/**
+ * 生成唯一的 item key
+ * @param groupIndex 分组索引
+ * @param itemIndex item 索引
+ * @returns 唯一 key
+ */
+export declare const generateItemKey: (groupIndex: number, itemIndex?: number) => string;
+/**
+ * 浅比较两个对象是否相等
+ * @param obj1 对象1
+ * @param obj2 对象2
+ * @returns 是否相等
+ */
+export declare const isShallowEqual: (obj1: Record<string, any>, obj2: Record<string, any>) => boolean;
+/**
+ * 格式化耗时
+ * @param cost 耗时（ms）
+ * @returns 格式化后的字符串
+ */
+export declare const formatCost: (cost?: string | number) => string;
+/**
+ * 将 result 标准化为数组
+ * @param result 可能是数组或单个对象
+ * @returns 数组
+ */
+export declare const normalizeResultToArray: (result?: ITraceThirdItem[] | ITraceThirdItem) => ITraceThirdItem[];

package/es/components/LlmTraceV3/utils/traceHelpers.js

@@ -0,0 +1,94 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+/**
+ * Trace 辅助函数
+ */
+
+/**
+ * 检查节点树中是否包含 InspectionCard 类型
+ * @param node 节点数据
+ * @returns 是否包含 InspectionCard
+ */
+export var checkHasInspectionCard = function checkHasInspectionCard(node) {
+  // 检查当前节点
+  if ((node === null || node === void 0 ? void 0 : node.type) === 'InspectionCard') {
+    return true;
+  }
+
+  // 递归检查 result 数组
+  if (Array.isArray(node === null || node === void 0 ? void 0 : node.result)) {
+    return node.result.some(function (item) {
+      return checkHasInspectionCard(item);
+    });
+  }
+
+  // 递归检查 result 对象
+  if (node !== null && node !== void 0 && node.result && _typeof(node.result) === 'object') {
+    return checkHasInspectionCard(node.result);
+  }
+  return false;
+};
+
+/**
+ * 检查 trace 数据中是否包含特殊节点
+ * @param traceData trace 数据
+ * @returns 是否包含特殊节点
+ */
+export var hasSpecialNode = function hasSpecialNode(traceData) {
+  return (traceData === null || traceData === void 0 ? void 0 : traceData.some(function (item) {
+    return checkHasInspectionCard(item);
+  })) || false;
+};
+
+/**
+ * 生成唯一的 item key
+ * @param groupIndex 分组索引
+ * @param itemIndex item 索引
+ * @returns 唯一 key
+ */
+export var generateItemKey = function generateItemKey(groupIndex, itemIndex) {
+  if (itemIndex !== undefined) {
+    return "group-".concat(groupIndex, "-item-").concat(itemIndex);
+  }
+  return "group-".concat(groupIndex);
+};
+
+/**
+ * 浅比较两个对象是否相等
+ * @param obj1 对象1
+ * @param obj2 对象2
+ * @returns 是否相等
+ */
+export var isShallowEqual = function isShallowEqual(obj1, obj2) {
+  var keys1 = Object.keys(obj1);
+  var keys2 = Object.keys(obj2);
+  if (keys1.length !== keys2.length) {
+    return false;
+  }
+  return keys1.every(function (key) {
+    return obj1[key] === obj2[key];
+  });
+};
+
+/**
+ * 格式化耗时
+ * @param cost 耗时（ms）
+ * @returns 格式化后的字符串
+ */
+export var formatCost = function formatCost(cost) {
+  if (!cost) return '';
+  var costNum = typeof cost === 'string' ? parseFloat(cost) : cost;
+  if (costNum < 1000) {
+    return "".concat(costNum, "ms");
+  }
+  return "".concat((costNum / 1000).toFixed(2), "s");
+};
+
+/**
+ * 将 result 标准化为数组
+ * @param result 可能是数组或单个对象
+ * @returns 数组
+ */
+export var normalizeResultToArray = function normalizeResultToArray(result) {
+  if (!result) return [];
+  return Array.isArray(result) ? result : [result];
+};

package/es/components/MarkDown/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { MarkDownProps } from '@alife/magic-chat-ui';
+import 'katex/dist/katex.min.css';
+import './index.scss';
+export interface IProps extends MarkDownProps {
+    logKey?: string;
+    logParams?: Record<string, any>;
+    [key: string]: any;
+}
+declare const _default: ({ data, linkTarget, className, ...otherProps }: IProps) => React.JSX.Element;
+export default _default;

package/es/components/MarkDown/index.js

@@ -0,0 +1,222 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["inline", "className", "children"],
+  _excluded2 = ["data", "linkTarget", "className"],
+  _excluded3 = ["remarkPlugins", "rehypePlugins", "components"];
+import React, { useEffect, useRef } from 'react';
+import { previewImg } from '@alife/goc-utils';
+import { MarkDown } from '@alife/magic-chat-ui';
+import katex from 'katex';
+import mermaid from 'mermaid';
+import rehypeHighlight from 'rehype-highlight';
+import rehypeKatex from 'rehype-katex';
+import rehypeRaw from 'rehype-raw';
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import 'katex/dist/katex.min.css';
+import "./index.scss";
+// LaTeX 渲染组件
+var LatexBlock = function LatexBlock(_ref) {
+  var children = _ref.children;
+  var ref = useRef(null);
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    html = _React$useState2[0],
+    setHtml = _React$useState2[1];
+  useEffect(function () {
+    try {
+      var trimmedContent = String(children).trim();
+
+      // 使用 KaTeX 渲染 LaTeX 公式（块级显示）
+      var renderedHtml = katex.renderToString(trimmedContent, {
+        displayMode: true,
+        // 块级显示
+        throwOnError: false,
+        // 遇到错误不抛出异常
+        output: 'html'
+      });
+      setHtml(renderedHtml);
+    } catch (error) {
+      console.error('[LatexBlock] 渲染失败:', error);
+      setHtml("<div class=\"latex-error\">LaTeX \u6E32\u67D3\u9519\u8BEF: ".concat(error, "</div>"));
+    }
+  }, [children]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: "latex-wrapper",
+    dangerouslySetInnerHTML: {
+      __html: html
+    }
+  });
+};
+
+// Mermaid 渲染组件
+var MermaidBlock = function MermaidBlock(_ref2) {
+  var children = _ref2.children;
+  var ref = useRef(null);
+  var _React$useState3 = React.useState(''),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    svg = _React$useState4[0],
+    setSvg = _React$useState4[1];
+  var renderTimerRef = useRef(null); // 防抖定时器
+  var lastSuccessContentRef = useRef(''); // 上次成功渲染的内容
+
+  useEffect(function () {
+    var trimmedContent = String(children).trim();
+
+    // 清除之前的定时器
+    if (renderTimerRef.current) {
+      clearTimeout(renderTimerRef.current);
+    }
+
+    // 防抖：延迟渲染，避免流式输出时的频繁渲染
+    // 如果内容还在快速变化中（流式输出），等待 300ms 后再渲染
+    renderTimerRef.current = setTimeout(function () {
+      var renderMermaid = /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var id, _yield$mermaid$render, renderedSvg, bindFunctions;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                mermaid.initialize({
+                  startOnLoad: false,
+                  theme: 'default',
+                  securityLevel: 'loose',
+                  suppressErrorRendering: true,
+                  // 阻止 mermaid 在 DOM 中插入错误 SVG
+                  fontFamily: 'inherit',
+                  // 继承父元素字体
+                  logLevel: 'error' // 只输出错误日志，减少控制台噪音
+                });
+                id = "mermaid-".concat(Date.now(), "-").concat(Math.random().toString().replace('.', ''));
+                _context.next = 5;
+                return mermaid.render(id, trimmedContent);
+              case 5:
+                _yield$mermaid$render = _context.sent;
+                renderedSvg = _yield$mermaid$render.svg;
+                bindFunctions = _yield$mermaid$render.bindFunctions;
+                // 渲染成功：更新 SVG 和成功内容记录
+                setSvg(renderedSvg);
+                lastSuccessContentRef.current = trimmedContent;
+
+                // 绑定交互功能（如点击事件、工具提示等）
+                if (bindFunctions && ref.current) {
+                  try {
+                    bindFunctions(ref.current);
+                  } catch (bindError) {
+                    console.warn('[MermaidBlock] 绑定交互功能失败:', bindError);
+                  }
+                }
+                _context.next = 16;
+                break;
+              case 13:
+                _context.prev = 13;
+                _context.t0 = _context["catch"](0);
+                // 渲染异常：保持之前成功的渲染结果
+                console.warn('[MermaidBlock] 渲染失败（可能是流式输出中），保持之前的渲染结果:', _context.t0);
+                // 不调用 setSvg('')，保持之前的渲染结果
+              case 16:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee, null, [[0, 13]]);
+        }));
+        return function renderMermaid() {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+      renderMermaid();
+    }, 100); // 100ms 防抖延迟
+
+    // 清理函数：清除防抖定时器
+    return function () {
+      if (renderTimerRef.current) {
+        clearTimeout(renderTimerRef.current);
+      }
+    };
+  }, [children]);
+
+  // 只在有有效 SVG 内容时才渲染
+  if (!svg) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: "mermaid-wrapper",
+    dangerouslySetInnerHTML: {
+      __html: svg
+    }
+  });
+};
+
+// 自定义代码块组件
+var CodeBlock = function CodeBlock(_ref4) {
+  var inline = _ref4.inline,
+    className = _ref4.className,
+    children = _ref4.children,
+    props = _objectWithoutProperties(_ref4, _excluded);
+  var match = /language-(\w+)/.exec(className || '');
+  var language = match ? match[1] : '';
+
+  // 渲染 LaTeX 公式块
+  if (language === 'latex' && !inline) {
+    return /*#__PURE__*/React.createElement(LatexBlock, null, children);
+  }
+
+  // 渲染 Mermaid 图表
+  if (language === 'mermaid' && !inline) {
+    return /*#__PURE__*/React.createElement(MermaidBlock, null, children);
+  }
+
+  // 普通代码块，使用默认渲染
+  return /*#__PURE__*/React.createElement("code", _extends({
+    className: className
+  }, props), children);
+};
+export default (function (_ref5) {
+  var data = _ref5.data,
+    _ref5$linkTarget = _ref5.linkTarget,
+    linkTarget = _ref5$linkTarget === void 0 ? '_blank' : _ref5$linkTarget,
+    _ref5$className = _ref5.className,
+    className = _ref5$className === void 0 ? '' : _ref5$className,
+    otherProps = _objectWithoutProperties(_ref5, _excluded2);
+  // 从 otherProps 中提取并排除已处理的 props
+  var extraRemarkPlugins = otherProps.remarkPlugins,
+    extraRehypePlugins = otherProps.rehypePlugins,
+    extraComponents = otherProps.components,
+    restProps = _objectWithoutProperties(otherProps, _excluded3);
+  var finalRemarkPlugins = [[remarkGfm, {
+    singleTilde: false
+  }],
+  // 继承默认：GitHub Flavored Markdown
+  remarkMath].concat(_toConsumableArray(extraRemarkPlugins || []));
+  var finalRehypePlugins = [[rehypeHighlight, {
+    ignoreMissing: true,
+    detect: true
+  }],
+  // 继承默认：代码高亮
+  rehypeRaw,
+  // 继承默认：支持 HTML
+  rehypeKatex].concat(_toConsumableArray(extraRehypePlugins || []));
+  var finalComponents = _objectSpread({
+    code: CodeBlock
+  }, extraComponents || {});
+  return /*#__PURE__*/React.createElement(MarkDown, _extends({
+    hasOptions: true,
+    previewImg: previewImg,
+    linkTarget: linkTarget,
+    transformLinkUri: function transformLinkUri(url) {
+      return url;
+    },
+    className: "assist-chat-markdown-content ".concat(className),
+    remarkPlugins: finalRemarkPlugins,
+    rehypePlugins: finalRehypePlugins,
+    components: finalComponents
+  }, restProps), data);
+});

package/es/components/MarkDown/index.scss

@@ -0,0 +1,179 @@
+.assist-chat-markdown-content {
+  position: relative;
+  overflow: auto;
+  line-height: 1.8;
+
+  table {
+    display: table;
+    border: unset !important;
+    padding: unset !important;
+    border-collapse: separate; // 需要设置为 separate 才能应用圆角
+    border-spacing: 0; // 移除单元格间距
+    border-radius: 8px; // 为整个表格设置圆角
+    overflow: hidden; // 确保圆角效果可见
+
+    thead tr {
+      background: #f5f5f5;
+
+      th {
+        font-weight: 500;
+        font-size: 12px;
+        color: #474a52;
+        line-height: 18px;
+        padding: 9px 16px;
+
+        // 为表头单元格设置圆角
+        &:first-child {
+          border-top-left-radius: 8px;
+        }
+
+        &:last-child {
+          border-top-right-radius: 8px;
+        }
+      }
+    }
+
+    tbody tr {
+      // 为最后一行的单元格设置底部圆角
+      &:last-child {
+        td:first-child {
+          border-bottom-left-radius: 8px;
+        }
+
+        td:last-child {
+          border-bottom-right-radius: 8px;
+        }
+      }
+
+      td {
+        border-top: none;
+        font-weight: 400;
+        font-size: 12px;
+        color: #474a52;
+        line-height: 20px;
+        padding: 10px 16px;
+      }
+    }
+
+    tr,
+    td,
+    th {
+      border: 1px solid #e6e8eb;
+    }
+
+    thead tr th,
+    tbody tr td {
+      &:not(:first-child) {
+        border-left: none;
+      }
+    }
+
+    // 确保最后一行有底部边框
+    tbody:last-child tr:last-child td {
+      border-bottom: 1px solid #e6e8eb;
+    }
+  }
+
+  img {
+    max-width: 100% !important;
+  }
+
+  b,
+  strong {
+    color: #1f2024;
+  }
+
+  h1 {
+    font-size: 24px;
+  }
+
+  h2 {
+    font-size: 20px;
+  }
+
+  h3 {
+    font-size: 18px;
+  }
+
+  h4 {
+    font-size: 16px;
+  }
+
+  h5,
+  h6 {
+    font-size: 14px;
+  }
+
+  ol {
+    padding-left: 20px;
+  }
+
+  blockquote {
+    margin: 0 0 1em;
+  }
+
+  li {
+    padding-left: 0;
+    margin: 4px 0;
+  }
+
+  hr {
+    background: #e6e8eb;
+    height: 1px;
+    border: none;
+    margin: 14px 0;
+  }
+
+  // Mermaid 图表样式
+  .mermaid-wrapper {
+    margin: 16px 0;
+    text-align: center;
+    background: transparent;
+
+    svg {
+      max-width: 100%;
+      height: auto;
+      display: inline-block;
+    }
+  }
+
+  // LaTeX 代码块样式（```latex 格式）
+  .latex-wrapper {
+    margin: 0;
+    padding: 0;
+    background: transparent;
+    text-align: center;
+    overflow-x: auto;
+
+    .katex {
+      font-size: 1.1em;
+    }
+  }
+
+  // 移除 LaTeX 代码块父级 pre 标签的 border 和背景
+  pre:has(.latex-wrapper) {
+    border: none !important;
+    background: transparent !important;
+    padding: 0 !important;
+    margin: 0 !important;
+  }
+
+  // LaTeX 公式样式（$...$ 和 $$...$$ 格式）
+  .katex-display {
+    margin: 16px 0;
+    overflow: auto hidden;
+
+    > .katex {
+      text-align: center;
+    }
+  }
+
+  .katex {
+    font-size: 1.1em;
+  }
+
+  // 行内公式样式优化
+  p .katex {
+    font-size: 1em;
+  }
+}

package/es/components/ModelSelect/ModeDropdown.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @author qytan
+ * @description 模式选择的Dropdown
+ */
+import React from 'react';
+import './index.scss';
+declare const ModeDropdown: ({ item, featureConfig, setFeatureConfig }: any) => React.JSX.Element;
+export default ModeDropdown;