Function SkillContent

agent-flow/src/components/llm/SkillForm.jsx:114–275

({toolOptions, disabled, dispatch, t})

 * @constructor
 */
export const SkillContent = ({toolOptions, disabled, dispatch, t}) => {
  const shape = useShapeContext();

  /**
   * 根据标签类型返回不同的Icon
   *
   * @param tags 工具标签
   */
  const getIcon = (tags) => {
    if (tags.includes(TOOL_TYPE.WATER_FLOW)) {
      return WorkflowIcon;
    } else {
      return ToolIcon;
    }
  };

  /**
   * 获取工具类型
   *
   * @param tags 工具标签
   * @returns {{}} 类型
   */
  const getType = (tags) => {
    if (tags.includes(TOOL_TYPE.WATER_FLOW)) {
      return 'workflow';
    } else {
      return 'tool';
    }
  };

  /**
   * 删除工具
   *
   * @param itemId 知识库id
   */
  const handleDelete = (itemId) => {
    dispatch({type: 'deleteTool', value: itemId});
  };

  /**
   * 查看工具详情
   *
   * @param item 条目，具体是一个工具的对象
   */
  const handleViewDetails = (e, item) => {
    e.preventDefault();
    e.stopPropagation(); // 阻止事件冒泡
    
    // 获取 appId 和 tenantId
    const appId = item.appId;
    const tenantId = item.tenantId;
    
    // 如果有 appId 和 tenantId，则跳转到工具流详情页
    if (appId && tenantId) {
      // 获取 endpoint 配置
      const config = shape?.graph?.configs?.find(node => node.node === 'llmNodeState');
      const endpoint = config?.urls?.endpoint || window.location.origin;