npm - @botonic/react - Versions diffs - 0.45.0 → 0.46.0-alpha-3 - Mend

@botonic/react 0.45.0 → 0.46.0-alpha-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (75) hide show

package/lib/cjs/components/system-debug-trace/events/ai-agent.js DELETED Viewed

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAiAgentEventConfig = exports.AiAgent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const context_1 = require("../../../webchat/context");
-const use_knowledge_base_info_1 = require("../hooks/use-knowledge-base-info");
-const icons_1 = require("../icons");
-const styles_1 = require("../styles");
-const components_1 = require("./components");
-const constants_1 = require("./constants");
-const AiAgent = (props) => {
-    const { previewUtils } = (0, react_1.useContext)(context_1.WebchatContext);
-    // Collect all sources IDs, chunk IDs and query from all tools
-    const { allSourcesIds, allChunksIds, query } = (0, react_1.useMemo)(() => {
-        const allSourcesIds = [];
-        const allChunksIds = [];
-        let query;
-        props.tools_executed.forEach(tool => {
-            if (tool.tool_arguments?.query &&
-                typeof tool.tool_arguments.query === 'string') {
-                query = tool.tool_arguments.query;
-            }
-            if (tool.knowledgebase_sources_ids) {
-                allSourcesIds.push(...tool.knowledgebase_sources_ids);
-            }
-            if (tool.knowledgebase_chunks_ids) {
-                allChunksIds.push(...tool.knowledgebase_chunks_ids);
-            }
-        });
-        return { allSourcesIds, allChunksIds, query };
-    }, [props.tools_executed]);
-    const { sources: allSources, chunks: allChunks, chunksWithSources, getIconForSourceType, } = (0, use_knowledge_base_info_1.useKnowledgeBaseInfo)({
-        sourceIds: allSourcesIds,
-        chunkIds: allChunksIds,
-        messageId: props.messageId,
-        existingChunksWithSources: props.knowledge_base_chunks_with_sources,
-    });
-    const handleSeeChunks = () => {
-        if (previewUtils?.onClickOpenChunks) {
-            previewUtils.onClickOpenChunks(chunksWithSources);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [query && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.QUERY }), (0, jsx_runtime_1.jsxs)(styles_1.StyledDebugValue, { children: ["\"", query, "\""] })] })), (0, jsx_runtime_1.jsx)(components_1.SourcesSection, { sources: allSources, chunks: allChunks, getIconForSourceType: getIconForSourceType, onSeeChunks: handleSeeChunks, label: constants_1.LABELS.KNOWLEDGE_GATHERED }), props.tools_executed.length > 0 && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.EXECUTED_TOOLS }), props.tools_executed.map((tool, index) => ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugItemWithIcon, { children: [(0, jsx_runtime_1.jsx)(icons_1.ScrewdriverWrenchSvg, {}), tool.tool_name] }, `${tool.tool_name}-${index}`)))] })), props.tools_executed.length === 0 && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.NO_TOOLS_EXECUTED }) })), (0, jsx_runtime_1.jsx)(components_1.GuardrailList, { keyPrefix: 'input', guardrails: props.input_guardrails_triggered }), (0, jsx_runtime_1.jsx)(components_1.GuardrailList, { keyPrefix: 'output', guardrails: props.output_guardrails_triggered, "$isLastItem": !props.exit && !props.error }), props.exit && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.EXIT }) })), props.error && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.ERROR }) }))] }));
-};
-exports.AiAgent = AiAgent;
-const getAiAgentEventConfig = (data) => {
-    const title = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["AI Agent triggered ", (0, jsx_runtime_1.jsxs)("span", { children: ["- ", data.flow_node_content_id] })] }));
-    return {
-        action: core_1.EventAction.AiAgent,
-        title,
-        component: exports.AiAgent,
-        icon: (0, jsx_runtime_1.jsx)(icons_1.WandSvg, {}),
-        collapsible: true,
-    };
-};
-exports.getAiAgentEventConfig = getAiAgentEventConfig;
-//# sourceMappingURL=ai-agent.js.map

package/lib/cjs/components/system-debug-trace/events/ai-agent.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ai-agent.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/ai-agent.tsx"],"names":[],"mappings":"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"}

package/lib/esm/components/system-debug-trace/events/ai-agent.js DELETED Viewed

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAiAgentEventConfig = exports.AiAgent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const context_1 = require("../../../webchat/context");
-const use_knowledge_base_info_1 = require("../hooks/use-knowledge-base-info");
-const icons_1 = require("../icons");
-const styles_1 = require("../styles");
-const components_1 = require("./components");
-const constants_1 = require("./constants");
-const AiAgent = (props) => {
-    const { previewUtils } = (0, react_1.useContext)(context_1.WebchatContext);
-    // Collect all sources IDs, chunk IDs and query from all tools
-    const { allSourcesIds, allChunksIds, query } = (0, react_1.useMemo)(() => {
-        const allSourcesIds = [];
-        const allChunksIds = [];
-        let query;
-        props.tools_executed.forEach(tool => {
-            if (tool.tool_arguments?.query &&
-                typeof tool.tool_arguments.query === 'string') {
-                query = tool.tool_arguments.query;
-            }
-            if (tool.knowledgebase_sources_ids) {
-                allSourcesIds.push(...tool.knowledgebase_sources_ids);
-            }
-            if (tool.knowledgebase_chunks_ids) {
-                allChunksIds.push(...tool.knowledgebase_chunks_ids);
-            }
-        });
-        return { allSourcesIds, allChunksIds, query };
-    }, [props.tools_executed]);
-    const { sources: allSources, chunks: allChunks, chunksWithSources, getIconForSourceType, } = (0, use_knowledge_base_info_1.useKnowledgeBaseInfo)({
-        sourceIds: allSourcesIds,
-        chunkIds: allChunksIds,
-        messageId: props.messageId,
-        existingChunksWithSources: props.knowledge_base_chunks_with_sources,
-    });
-    const handleSeeChunks = () => {
-        if (previewUtils?.onClickOpenChunks) {
-            previewUtils.onClickOpenChunks(chunksWithSources);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [query && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.QUERY }), (0, jsx_runtime_1.jsxs)(styles_1.StyledDebugValue, { children: ["\"", query, "\""] })] })), (0, jsx_runtime_1.jsx)(components_1.SourcesSection, { sources: allSources, chunks: allChunks, getIconForSourceType: getIconForSourceType, onSeeChunks: handleSeeChunks, label: constants_1.LABELS.KNOWLEDGE_GATHERED }), props.tools_executed.length > 0 && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.EXECUTED_TOOLS }), props.tools_executed.map((tool, index) => ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugItemWithIcon, { children: [(0, jsx_runtime_1.jsx)(icons_1.ScrewdriverWrenchSvg, {}), tool.tool_name] }, `${tool.tool_name}-${index}`)))] })), props.tools_executed.length === 0 && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.NO_TOOLS_EXECUTED }) })), (0, jsx_runtime_1.jsx)(components_1.GuardrailList, { keyPrefix: 'input', guardrails: props.input_guardrails_triggered }), (0, jsx_runtime_1.jsx)(components_1.GuardrailList, { keyPrefix: 'output', guardrails: props.output_guardrails_triggered, "$isLastItem": !props.exit && !props.error }), props.exit && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.EXIT }) })), props.error && ((0, jsx_runtime_1.jsx)(styles_1.StyledDebugDetail, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.ERROR }) }))] }));
-};
-exports.AiAgent = AiAgent;
-const getAiAgentEventConfig = (data) => {
-    const title = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["AI Agent triggered ", (0, jsx_runtime_1.jsxs)("span", { children: ["- ", data.flow_node_content_id] })] }));
-    return {
-        action: core_1.EventAction.AiAgent,
-        title,
-        component: exports.AiAgent,
-        icon: (0, jsx_runtime_1.jsx)(icons_1.WandSvg, {}),
-        collapsible: true,
-    };
-};
-exports.getAiAgentEventConfig = getAiAgentEventConfig;
-//# sourceMappingURL=ai-agent.js.map

package/lib/esm/components/system-debug-trace/events/ai-agent.js.map DELETED Viewed

@@ -1 +0,0 @@

package/src/components/system-debug-trace/events/ai-agent.tsx DELETED Viewed

@@ -1,158 +0,0 @@
-import { EventAction } from '@botonic/core'
-import { useContext, useMemo } from 'react'
-import { WebchatContext } from '../../../webchat/context'
-import { useKnowledgeBaseInfo } from '../hooks/use-knowledge-base-info'
-import { ScrewdriverWrenchSvg, WandSvg } from '../icons'
-import {
-  StyledDebugDetail,
-  StyledDebugItemWithIcon,
-  StyledDebugLabel,
-  StyledDebugValue,
-} from '../styles'
-import type { DebugEventConfig } from '../types'
-import { GuardrailList, SourcesSection } from './components'
-import { LABELS } from './constants'
-import type { ChunkIdsGroupedBySourceData } from './knowledge-bases-types'
-interface ToolExecuted {
-  tool_name: string
-  tool_arguments: Record<string, unknown>
-  knowledgebase_sources_ids?: string[]
-  knowledgebase_chunks_ids?: string[]
-}
-export interface AiAgentDebugEvent {
-  action: EventAction.AiAgent
-  flow_node_content_id: string
-  user_input?: string
-  tools_executed: ToolExecuted[]
-  input_guardrails_triggered: string[]
-  output_guardrails_triggered: string[]
-  exit: boolean
-  error: boolean
-  knowledge_base_chunks_with_sources?: ChunkIdsGroupedBySourceData[]
-  messageId?: string
-}
-export const AiAgent = (props: AiAgentDebugEvent) => {
-  const { previewUtils } = useContext(WebchatContext)
-  // Collect all sources IDs, chunk IDs and query from all tools
-  const { allSourcesIds, allChunksIds, query } = useMemo(() => {
-    const allSourcesIds: string[] = []
-    const allChunksIds: string[] = []
-    let query: string | undefined
-    props.tools_executed.forEach(tool => {
-      if (
-        tool.tool_arguments?.query &&
-        typeof tool.tool_arguments.query === 'string'
-      ) {
-        query = tool.tool_arguments.query
-      }
-      if (tool.knowledgebase_sources_ids) {
-        allSourcesIds.push(...tool.knowledgebase_sources_ids)
-      }
-      if (tool.knowledgebase_chunks_ids) {
-        allChunksIds.push(...tool.knowledgebase_chunks_ids)
-      }
-    })
-    return { allSourcesIds, allChunksIds, query }
-  }, [props.tools_executed])
-  const {
-    sources: allSources,
-    chunks: allChunks,
-    chunksWithSources,
-    getIconForSourceType,
-  } = useKnowledgeBaseInfo({
-    sourceIds: allSourcesIds,
-    chunkIds: allChunksIds,
-    messageId: props.messageId,
-    existingChunksWithSources: props.knowledge_base_chunks_with_sources,
-  })
-  const handleSeeChunks = () => {
-    if (previewUtils?.onClickOpenChunks) {
-      previewUtils.onClickOpenChunks(chunksWithSources)
-    }
-  }
-  return (
-    <>
-      {query && (
-        <StyledDebugDetail>
-          <StyledDebugLabel>{LABELS.QUERY}</StyledDebugLabel>
-          <StyledDebugValue>&quot;{query}&quot;</StyledDebugValue>
-        </StyledDebugDetail>
-      )}
-      <SourcesSection
-        sources={allSources}
-        chunks={allChunks}
-        getIconForSourceType={getIconForSourceType}
-        onSeeChunks={handleSeeChunks}
-        label={LABELS.KNOWLEDGE_GATHERED}
-      />
-      {props.tools_executed.length > 0 && (
-        <StyledDebugDetail>
-          <StyledDebugLabel>{LABELS.EXECUTED_TOOLS}</StyledDebugLabel>
-          {props.tools_executed.map((tool, index) => (
-            <StyledDebugItemWithIcon key={`${tool.tool_name}-${index}`}>
-              <ScrewdriverWrenchSvg />
-              {tool.tool_name}
-            </StyledDebugItemWithIcon>
-          ))}
-        </StyledDebugDetail>
-      )}
-      {props.tools_executed.length === 0 && (
-        <StyledDebugDetail>
-          <StyledDebugLabel>{LABELS.NO_TOOLS_EXECUTED}</StyledDebugLabel>
-        </StyledDebugDetail>
-      )}
-      <GuardrailList
-        keyPrefix='input'
-        guardrails={props.input_guardrails_triggered}
-      />
-      <GuardrailList
-        keyPrefix='output'
-        guardrails={props.output_guardrails_triggered}
-        $isLastItem={!props.exit && !props.error}
-      />
-      {props.exit && (
-        <StyledDebugDetail>
-          <StyledDebugLabel>{LABELS.EXIT}</StyledDebugLabel>
-        </StyledDebugDetail>
-      )}
-      {props.error && (
-        <StyledDebugDetail>
-          <StyledDebugLabel>{LABELS.ERROR}</StyledDebugLabel>
-        </StyledDebugDetail>
-      )}
-    </>
-  )
-}
-export const getAiAgentEventConfig = (
-  data: AiAgentDebugEvent
-): DebugEventConfig => {
-  const title = (
-    <>
-      AI Agent triggered <span>- {data.flow_node_content_id}</span>
-    </>
-  )
-  return {
-    action: EventAction.AiAgent,
-    title,
-    component: AiAgent,
-    icon: <WandSvg />,
-    collapsible: true,
-  }
-}