paul-ai-assistant 0.1.16

package/es/components/LlmTraceV3/components/TraceContentComponents/TaskPlanning/index.js

@@ -0,0 +1,28 @@
+/**
+ * TaskPlanning 任务规划组件
+ * 展示有序的任务计划列表
+ */
+
+import React from 'react';
+import classNames from 'classnames';
+var TaskPlanning = function TaskPlanning(props) {
+  var tasks = props.tasks;
+  if (!tasks || tasks.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "trace-v3-task-planning"
+  }, /*#__PURE__*/React.createElement("ol", {
+    className: "task-list"
+  }, tasks.map(function (task) {
+    return /*#__PURE__*/React.createElement("li", {
+      key: task.id,
+      className: classNames('task-item', {
+        'task-pending': task.status === 'pending',
+        'task-in-progress': task.status === 'in_progress',
+        'task-completed': task.status === 'completed'
+      })
+    }, task.description);
+  })));
+};
+export default /*#__PURE__*/React.memo(TaskPlanning);

package/es/components/LlmTraceV3/components/TraceContentComponents/ToolCall/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ToolCall 工具调用组件
+ * 展示工具调用的代码和参数
+ */
+import React from 'react';
+import type { IToolCallResult } from '../../../types';
+import './index.scss';
+export interface IToolCallProps extends IToolCallResult {
+    dialogId?: string;
+    ctx?: any;
+}
+declare const _default: React.NamedExoticComponent<IToolCallProps>;
+export default _default;

package/es/components/LlmTraceV3/components/TraceContentComponents/ToolCall/index.js

@@ -0,0 +1,46 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * ToolCall 工具调用组件
+ * 展示工具调用的代码和参数
+ */
+
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import { CSECustomIcon } from "../../../../../utils/CSEIconTool";
+import "./index.scss";
+var ToolCall = function ToolCall(props) {
+  var toolName = props.toolName,
+    code = props.code,
+    params = props.params,
+    _props$collapsed = props.collapsed,
+    defaultCollapsed = _props$collapsed === void 0 ? true : _props$collapsed;
+  var _useState = useState(defaultCollapsed),
+    _useState2 = _slicedToArray(_useState, 2),
+    collapsed = _useState2[0],
+    setCollapsed = _useState2[1];
+  var handleToggle = function handleToggle() {
+    setCollapsed(!collapsed);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "trace-v3-tool-call"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "tool-name"
+  }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconcode-o",
+    className: "tool-name-icon"
+  }), /*#__PURE__*/React.createElement("span", null, toolName)), code && /*#__PURE__*/React.createElement("div", {
+    className: classNames('code-block', 'collapsible'),
+    onClick: handleToggle
+  }, !collapsed ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("pre", null, code), /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconchakangengduo",
+    className: classNames('collapse-icon', 'collapse-icon-transform')
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, code.slice(0, 50), code.length > 50 ? '...' : ''), /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconchakangengduo",
+    className: "collapse-icon"
+  }))), params && Object.keys(params).length > 0 && !collapsed && /*#__PURE__*/React.createElement("div", {
+    className: "tool-params"
+  }, /*#__PURE__*/React.createElement("strong", null, "\u53C2\u6570\uFF1A"), /*#__PURE__*/React.createElement("pre", {
+    className: "code-block"
+  }, JSON.stringify(params, null, 2))));
+};
+export default /*#__PURE__*/React.memo(ToolCall);

package/es/components/LlmTraceV3/components/TraceContentComponents/ToolCall/index.scss

@@ -0,0 +1,70 @@
+/**
+ * ToolCall 工具调用组件样式
+ */
+
+// ==================== 样式变量 ====================
+$trace-gap: 4px;
+$trace-small-radius: 2px;
+$trace-title-color: #171a1d;
+$trace-subtitle-color: #717579;
+$trace-collapse-duration: 0.2s;
+$trace-collapse-timing: ease-in-out;
+
+// ==================== ToolCall 工具调用 ====================
+.trace-v3-tool-call {
+  .tool-name {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 12px;
+    background-color: #fff;
+    border-radius: $trace-small-radius;
+    font-size: 12px;
+    color: $trace-title-color;
+    font-weight: 500;
+    margin-bottom: $trace-gap;
+
+    .tool-name-icon {
+      width: 14px;
+      height: 14px;
+      flex-shrink: 0;
+    }
+  }
+
+  .tool-params {
+    margin-top: $trace-gap;
+
+    strong {
+      color: $trace-title-color;
+      display: block;
+      margin-bottom: $trace-gap;
+    }
+
+    .code-block {
+      background-color: #fff;
+      margin: 0;
+    }
+  }
+
+  .code-block.collapsible {
+    background-color: #fff;
+    position: relative;
+    cursor: pointer;
+    padding-right: 32px;
+
+    .collapse-icon {
+      position: absolute;
+      right: 12px;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 12px;
+      height: 12px;
+      color: $trace-subtitle-color;
+      transition: transform $trace-collapse-duration $trace-collapse-timing;
+    }
+
+    .collapse-icon.collapse-icon-transform {
+      transform: translateY(-50%) rotate(180deg);
+    }
+  }
+}

package/es/components/LlmTraceV3/components/TraceContentComponents/ToolResult/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ToolResult 工具结果组件
+ * 展示工具调用的返回结果
+ */
+import React from 'react';
+import type { IToolResultResult } from '../../../types';
+import './index.scss';
+export interface IToolResultProps extends IToolResultResult {
+    dialogId?: string;
+    ctx?: any;
+}
+declare const _default: React.NamedExoticComponent<IToolResultProps>;
+export default _default;

package/es/components/LlmTraceV3/components/TraceContentComponents/ToolResult/index.js

@@ -0,0 +1,72 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * ToolResult 工具结果组件
+ * 展示工具调用的返回结果
+ */
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import { CSECustomIcon } from "../../../../../utils/CSEIconTool";
+import "./index.scss";
+var ToolResult = function ToolResult(props) {
+  var toolName = props.toolName,
+    result = props.result,
+    _props$resultType = props.resultType,
+    resultType = _props$resultType === void 0 ? 'text' : _props$resultType,
+    _props$collapsed = props.collapsed,
+    defaultCollapsed = _props$collapsed === void 0 ? true : _props$collapsed;
+  var _useState = useState(defaultCollapsed),
+    _useState2 = _slicedToArray(_useState, 2),
+    collapsed = _useState2[0],
+    setCollapsed = _useState2[1];
+  var handleToggle = function handleToggle() {
+    setCollapsed(!collapsed);
+  };
+  var renderResult = function renderResult() {
+    if (!result) return null;
+    switch (resultType) {
+      case 'json':
+        return /*#__PURE__*/React.createElement("pre", {
+          className: "code-block"
+        }, typeof result === 'string' ? result : JSON.stringify(result, null, 2));
+      case 'html':
+        return /*#__PURE__*/React.createElement("div", {
+          className: "html-result",
+          dangerouslySetInnerHTML: {
+            __html: result
+          }
+        });
+      case 'text':
+      default:
+        return /*#__PURE__*/React.createElement("div", {
+          className: "text-result"
+        }, _typeof(result) === 'object' ? JSON.stringify(result) : String(result));
+    }
+  };
+  var getPreviewText = function getPreviewText() {
+    var text = _typeof(result) === 'object' ? JSON.stringify(result) : String(result);
+    return text.slice(0, 100) + (text.length > 100 ? '...' : '');
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "trace-v3-tool-result"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "result-header",
+    onClick: handleToggle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "result-title-wrapper"
+  }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconcode-o",
+    className: "result-title-icon"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "result-title"
+  }, toolName, " \u6267\u884C\u7ED3\u679C")), /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconchakangengduo",
+    className: classNames('collapse-icon', collapsed ? '' : 'collapse-icon-transform')
+  })), collapsed ? /*#__PURE__*/React.createElement("div", {
+    className: "result-preview",
+    onClick: handleToggle
+  }, getPreviewText()) : /*#__PURE__*/React.createElement("div", {
+    className: "result-content"
+  }, renderResult()));
+};
+export default /*#__PURE__*/React.memo(ToolResult);

package/es/components/LlmTraceV3/components/TraceContentComponents/ToolResult/index.scss

@@ -0,0 +1,90 @@
+/**
+ * ToolResult 工具结果组件样式
+ */
+
+// ==================== 样式变量 ====================
+$trace-gap: 4px;
+$trace-small-radius: 2px;
+$trace-font-size: 12px;
+$trace-title-color: #171a1d;
+$trace-subtitle-color: #717579;
+$trace-content-color: #474a52;
+$trace-border-color: #dcdee0;
+$trace-collapse-duration: 0.2s;
+$trace-collapse-timing: ease-in-out;
+
+// ==================== ToolResult 工具结果 ====================
+.trace-v3-tool-result {
+  background-color: #fff;
+  border-radius: $trace-small-radius;
+  padding: 8px 12px;
+
+  .result-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    cursor: pointer;
+    user-select: none;
+    padding-bottom: $trace-gap;
+
+    &:hover {
+      opacity: 0.85;
+    }
+
+    .result-title-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+
+      .result-title-icon {
+        width: 14px;
+        height: 14px;
+        flex-shrink: 0;
+      }
+
+      .result-title {
+        font-size: 12px;
+        color: $trace-title-color;
+        font-weight: 500;
+      }
+    }
+
+    .collapse-icon {
+      transition: transform $trace-collapse-duration $trace-collapse-timing;
+      width: 12px;
+      height: 12px;
+      color: $trace-subtitle-color;
+    }
+
+    .collapse-icon-transform {
+      transform: rotate(180deg);
+    }
+  }
+
+  .result-preview {
+    font-size: $trace-font-size;
+    color: $trace-subtitle-color;
+    line-height: 20px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .result-content {
+    padding-top: $trace-gap;
+    border-top: 1px solid $trace-border-color;
+
+    .code-block,
+    .text-result,
+    .html-result {
+      font-size: $trace-font-size;
+      color: $trace-content-color;
+      line-height: 20px;
+    }
+
+    .code-block {
+      background-color: #f5f5f5;
+      margin: 0;
+    }
+  }
+}

package/es/components/LlmTraceV3/components/TraceContentComponents/const.d.ts

@@ -0,0 +1,32 @@
+/**
+ * TraceV3 组件类型映射配置
+ * 将组件类型枚举映射到具体的 React 组件
+ */
+/// <reference types="react" />
+import { TRACE_V3_TYPE_COMPONENT_ENUM } from '../../types';
+/**
+ * TraceV3 组件类型映射
+ * 包含 V2 的所有组件 + V3 新增组件
+ */
+export declare const TRACE_V3_COMPONENT_MAP: {
+    deepThinking: import("react").NamedExoticComponent<import("./DeepThinking").IDeepThinkingProps>;
+    taskPlanning: import("react").NamedExoticComponent<import("./TaskPlanning").ITaskPlanningProps>;
+    searchResults: import("react").NamedExoticComponent<import("./SearchResults").ISearchResultsProps>;
+    toolCall: import("react").NamedExoticComponent<import("./ToolCall").IToolCallProps>;
+    toolResult: import("react").NamedExoticComponent<import("./ToolResult").IToolResultProps>;
+    businessFlow: import("react").NamedExoticComponent<import("./BusinessFlow").IBusinessFlowProps>;
+    infoMissing: import("react").NamedExoticComponent<import("./InfoMissing").IInfoMissingProps>;
+    codeBlock: import("react").NamedExoticComponent<import("./CodeBlock").ICodeBlockProps>;
+    linkList: import("react").NamedExoticComponent<import("./LinkList").ILinkListProps>;
+    rewrite: (props: import("../../../LlmTraceComponents/Rewrite").IRewriteProps) => import("react").JSX.Element;
+    questionDisassemble: (props: import("../../../LlmTraceComponents/Disassemble").IDisassembleProps) => import("react").JSX.Element;
+    markdown: (props: import("../../../LlmTraceComponents/TraceMarkDown").ITraceMarkDownProps) => import("react").JSX.Element;
+    readResource: (props: import("../../../LlmTraceComponents/ReadResource").ITraceMarkDownProps) => import("react").JSX.Element;
+    TraceMarkdownWithCard: ({ title, result }: {
+        title?: string;
+        result?: string;
+    }) => import("react").JSX.Element;
+    TraceWithAgent: import("react").FC<import("../../../TraceWithAgent").TraceWithAgentProps>;
+    InspectionCard: import("react").FC<import("../../../InspectionCard").InspectionCardProps>;
+};
+export { TRACE_V3_TYPE_COMPONENT_ENUM };

package/es/components/LlmTraceV3/components/TraceContentComponents/const.js

@@ -0,0 +1,27 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+/**
+ * TraceV3 组件类型映射配置
+ * 将组件类型枚举映射到具体的 React 组件
+ */
+
+import { TRACE_TYPE_COMPONENT_MAP as V2_COMPONENT_MAP } from "../../../LlmTraceComponents/const";
+import { TRACE_V3_TYPE_COMPONENT_ENUM } from "../../types";
+
+// 导入新增组件
+import DeepThinking from "./DeepThinking";
+import TaskPlanning from "./TaskPlanning";
+import SearchResults from "./SearchResults";
+import ToolCall from "./ToolCall";
+import ToolResult from "./ToolResult";
+import BusinessFlow from "./BusinessFlow";
+import InfoMissing from "./InfoMissing";
+import CodeBlock from "./CodeBlock";
+import LinkList from "./LinkList";
+
+/**
+ * TraceV3 组件类型映射
+ * 包含 V2 的所有组件 + V3 新增组件
+ */
+export var TRACE_V3_COMPONENT_MAP = _objectSpread(_objectSpread({}, V2_COMPONENT_MAP), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TRACE_V3_TYPE_COMPONENT_ENUM.deepThinking, DeepThinking), TRACE_V3_TYPE_COMPONENT_ENUM.taskPlanning, TaskPlanning), TRACE_V3_TYPE_COMPONENT_ENUM.searchResults, SearchResults), TRACE_V3_TYPE_COMPONENT_ENUM.toolCall, ToolCall), TRACE_V3_TYPE_COMPONENT_ENUM.toolResult, ToolResult), TRACE_V3_TYPE_COMPONENT_ENUM.businessFlow, BusinessFlow), TRACE_V3_TYPE_COMPONENT_ENUM.infoMissing, InfoMissing), TRACE_V3_TYPE_COMPONENT_ENUM.codeBlock, CodeBlock), TRACE_V3_TYPE_COMPONENT_ENUM.linkList, LinkList));
+export { TRACE_V3_TYPE_COMPONENT_ENUM };

package/es/components/LlmTraceV3/components/TraceGroup/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * TraceGroup 组件
+ * 展示分组标题和内容区域
+ */
+import React from 'react';
+import type { ITraceGroupProps } from '../../types';
+declare const _default: React.NamedExoticComponent<ITraceGroupProps>;
+export default _default;

package/es/components/LlmTraceV3/components/TraceGroup/index.js

@@ -0,0 +1,81 @@
+/**
+ * TraceGroup 组件
+ * 展示分组标题和内容区域
+ */
+import React from 'react';
+import classNames from 'classnames';
+import { CSECustomIcon } from "../../../../utils/CSEIconTool";
+import { shouldShowCollapseIcon } from "../../utils/collapseLogic";
+import { generateItemKey, normalizeResultToArray } from "../../utils/traceHelpers";
+import TraceItem from "../TraceItem";
+import TraceStatusIcon from "../TraceStatusIcon";
+var TraceGroup = function TraceGroup(props) {
+  var showTitle = props.showTitle,
+    status = props.status,
+    result = props.result,
+    isLast = props.isLast,
+    groupIndex = props.groupIndex,
+    groupKey = props.groupKey,
+    collapsed = props.collapsed,
+    onToggle = props.onToggle,
+    dialogId = props.dialogId,
+    originData = props.originData,
+    traceExternalRenderType = props.traceExternalRenderType,
+    traceFinished = props.traceFinished,
+    itemCollapseMap = props.itemCollapseMap,
+    onToggleItem = props.onToggleItem;
+
+  // 将 result 标准化为数组
+  var resultArray = normalizeResultToArray(result);
+
+  // 判断是否有内容
+  var hasContent = resultArray.length > 0 && resultArray.some(function (item) {
+    return shouldShowCollapseIcon(item.result);
+  });
+
+  // 处理点击事件
+  var handleToggle = function handleToggle(e) {
+    e.stopPropagation();
+    if (hasContent) {
+      onToggle(groupKey);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "trace-v3-group"
+  }, showTitle && /*#__PURE__*/React.createElement("div", {
+    className: "trace-v3-group-title",
+    onClick: handleToggle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "trace-v3-group-title-left"
+  }, status && /*#__PURE__*/React.createElement(TraceStatusIcon, {
+    status: status,
+    size: "medium",
+    traceFinished: traceFinished
+  }), /*#__PURE__*/React.createElement("span", null, showTitle)), hasContent && /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconchakangengduo",
+    className: classNames('trace-v3-group-collapse-icon', collapsed ? '' : 'trace-group-collapse-icon-transform')
+  })), !collapsed && /*#__PURE__*/React.createElement("div", {
+    className: "trace-v3-group-content"
+  }, resultArray.map(function (item, itemIndex) {
+    var _itemCollapseMap$item;
+    var itemKey = generateItemKey(groupIndex, itemIndex);
+    var isCollapsed = (_itemCollapseMap$item = itemCollapseMap[itemKey]) !== null && _itemCollapseMap$item !== void 0 ? _itemCollapseMap$item : true;
+    return /*#__PURE__*/React.createElement(TraceItem, {
+      key: itemKey,
+      showTitle: item.showTitle,
+      type: item.type,
+      result: item.result,
+      status: item.status,
+      itemKey: itemKey,
+      collapsed: isCollapsed,
+      onToggle: onToggleItem,
+      dialogId: dialogId,
+      originData: originData,
+      traceExternalRenderType: traceExternalRenderType,
+      traceFinished: traceFinished
+    });
+  })));
+};
+export default /*#__PURE__*/React.memo(TraceGroup, function (prevProps, nextProps) {
+  return prevProps.showTitle === nextProps.showTitle && prevProps.status === nextProps.status && prevProps.result === nextProps.result && prevProps.isLast === nextProps.isLast && prevProps.groupIndex === nextProps.groupIndex && prevProps.collapsed === nextProps.collapsed && prevProps.traceFinished === nextProps.traceFinished && prevProps.itemCollapseMap === nextProps.itemCollapseMap;
+});

package/es/components/LlmTraceV3/components/TraceHeader/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * TraceHeader 组件
+ * 展示思考过程的标题、状态、耗时、折叠按钮
+ */
+import React from 'react';
+import type { ITraceHeaderProps } from '../../types';
+declare const _default: React.NamedExoticComponent<ITraceHeaderProps>;
+export default _default;

package/es/components/LlmTraceV3/components/TraceHeader/index.js

@@ -0,0 +1,64 @@
+/**
+ * TraceHeader 组件
+ * 展示思考过程的标题、状态、耗时、折叠按钮
+ */
+import React from 'react';
+import classNames from 'classnames';
+import { TRACE_STATUS_ENUM, TRACE_STATUS_MAP } from "../../../../constants/traceDataStatus";
+import { CSECustomIcon } from "../../../../utils/CSEIconTool";
+import { formatCost } from "../../utils/traceHelpers";
+var TraceHeader = function TraceHeader(props) {
+  var status = props.status,
+    cost = props.cost,
+    traceName = props.traceName,
+    collapsed = props.collapsed,
+    onToggle = props.onToggle;
+  var statusConfig = TRACE_STATUS_MAP[status];
+  var displayText = traceName || (statusConfig === null || statusConfig === void 0 ? void 0 : statusConfig.collapseTraceText) || '思考过程';
+  var displayCost = formatCost(cost);
+
+  // 渲染主容器的状态图标
+  var renderStatusIcon = function renderStatusIcon() {
+    var iconSize = 14;
+
+    // RUNNING 状态使用 GIF 图片
+    if (status === TRACE_STATUS_ENUM.RUNNING) {
+      return /*#__PURE__*/React.createElement("img", {
+        src: "https://img.alicdn.com/imgextra/i1/O1CN01PIOaLg1a35QxHlGd7_!!6000000003273-1-tps-64-64.gif",
+        alt: "loading",
+        className: "trace-v3-status-icon",
+        style: {
+          width: "".concat(iconSize, "px"),
+          height: "".concat(iconSize, "px")
+        }
+      });
+    }
+
+    // 其他状态使用 iconThinking-o 图标
+    return /*#__PURE__*/React.createElement(CSECustomIcon, {
+      type: "iconThinking-o",
+      className: "trace-v3-status-icon",
+      style: {
+        fontSize: "".concat(iconSize, "px")
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "trace-v3-header",
+    onClick: onToggle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "trace-v3-header-left"
+  }, renderStatusIcon(), /*#__PURE__*/React.createElement("span", {
+    className: "trace-v3-title-text"
+  }, displayText), displayCost && /*#__PURE__*/React.createElement("span", {
+    className: "trace-v3-cost"
+  }, "(", displayCost, ")")), /*#__PURE__*/React.createElement("div", {
+    className: "trace-v3-header-right"
+  }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconchakangengduo",
+    className: classNames('trace-v3-collapse-icon', collapsed ? '' : 'trace-collapse-icon-transform')
+  })));
+};
+export default /*#__PURE__*/React.memo(TraceHeader, function (prevProps, nextProps) {
+  return prevProps.status === nextProps.status && prevProps.cost === nextProps.cost && prevProps.traceName === nextProps.traceName && prevProps.collapsed === nextProps.collapsed;
+});

package/es/components/LlmTraceV3/components/TraceItem/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * TraceItem 组件
+ * 展示单个 Trace 项，管理自身折叠状态
+ */
+import React from 'react';
+import type { ITraceItemProps } from '../../types';
+declare const _default: React.NamedExoticComponent<ITraceItemProps>;
+export default _default;