@uipath/apollo-react 4.5.0 → 4.5.2

package/dist/material/components/ap-tool-call/components/NestedValue.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { NestedValueProps } from '../ApToolCall.types';
+export declare const NestedValue: React.FC<NestedValueProps>;
+//# sourceMappingURL=NestedValue.d.ts.map

package/dist/material/components/ap-tool-call/components/NestedValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedValue.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-tool-call/components/NestedValue.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAwD5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0DlD,CAAC"}

package/dist/material/components/ap-tool-call/{ToolCallSection.cjs → components/ToolCallSection.cjs}

@@ -74,7 +74,7 @@ const SectionContent = (0, material_namespaceObject.styled)('div', {
         marginLeft: apollo_core_default().Spacing.SpacingXl,
         overflow: 'hidden',
         transition: 'max-height 0.2s ease',
-        maxHeight: expanded ? '220px' : '0'
+        maxHeight: expanded ? 'fit-content' : '0'
     }));
 const KeyValueContainer = (0, material_namespaceObject.styled)('div')({
     maxHeight: '180px',
@@ -181,6 +181,10 @@ const ToolCallSection = ({ title, isExpanded, onToggle, data, children })=>{
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(SectionContent, {
                 expanded: isExpanded,
+                "aria-hidden": !isExpanded,
+                ...!isExpanded && {
+                    inert: true
+                },
                 children: [
                     isStringData && data && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StringContent, {
                         children: data

package/dist/material/components/ap-tool-call/components/ToolCallSection.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { ToolCallSectionProps } from '../ApToolCall.types';
+export declare const ToolCallSection: React.FC<ToolCallSectionProps>;
+//# sourceMappingURL=ToolCallSection.d.ts.map

package/dist/material/components/ap-tool-call/components/ToolCallSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolCallSection.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-tool-call/components/ToolCallSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AA6HhE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyE1D,CAAC"}

package/dist/material/components/ap-tool-call/{ToolCallSection.js → components/ToolCallSection.js}

@@ -33,7 +33,7 @@ const SectionContent = styled('div', {
         marginLeft: apollo_core.Spacing.SpacingXl,
         overflow: 'hidden',
         transition: 'max-height 0.2s ease',
-        maxHeight: expanded ? '220px' : '0'
+        maxHeight: expanded ? 'fit-content' : '0'
     }));
 const KeyValueContainer = styled('div')({
     maxHeight: '180px',
@@ -140,6 +140,10 @@ const ToolCallSection = ({ title, isExpanded, onToggle, data, children })=>{
             }),
             /*#__PURE__*/ jsxs(SectionContent, {
                 expanded: isExpanded,
+                "aria-hidden": !isExpanded,
+                ...!isExpanded && {
+                    inert: true
+                },
                 children: [
                     isStringData && data && /*#__PURE__*/ jsx(StringContent, {
                         children: data

package/dist/material/components/ap-tool-call/index.cjs

@@ -33,17 +33,19 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    NestedValue: ()=>external_NestedValue_cjs_namespaceObject.NestedValue,
     ApToolCall: ()=>ApToolCall,
-    ToolCallSection: ()=>external_ToolCallSection_cjs_namespaceObject.ToolCallSection
+    NestedValue: ()=>NestedValue_cjs_namespaceObject.NestedValue,
+    ConversationalDisplayModeTypes: ()=>external_ApToolCall_types_cjs_namespaceObject.ConversationalDisplayModeTypes,
+    ToolCallSection: ()=>ToolCallSection_cjs_namespaceObject.ToolCallSection
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
 const index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_ApToolCall_cjs_namespaceObject = require("./ApToolCall.cjs");
-const external_NestedValue_cjs_namespaceObject = require("./NestedValue.cjs");
-const external_ToolCallSection_cjs_namespaceObject = require("./ToolCallSection.cjs");
+const external_ApToolCall_types_cjs_namespaceObject = require("./ApToolCall.types.cjs");
+const NestedValue_cjs_namespaceObject = require("./components/NestedValue.cjs");
+const ToolCallSection_cjs_namespaceObject = require("./components/ToolCallSection.cjs");
 const ApToolCall = /*#__PURE__*/ external_react_default().forwardRef(({ locale = 'en', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApI18nProvider, {
         component: "material/components/ap-tool-call",
         locale: locale,
@@ -54,10 +56,12 @@ const ApToolCall = /*#__PURE__*/ external_react_default().forwardRef(({ locale =
     }));
 ApToolCall.displayName = 'ApToolCall';
 exports.ApToolCall = __webpack_exports__.ApToolCall;
+exports.ConversationalDisplayModeTypes = __webpack_exports__.ConversationalDisplayModeTypes;
 exports.NestedValue = __webpack_exports__.NestedValue;
 exports.ToolCallSection = __webpack_exports__.ToolCallSection;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ApToolCall",
+    "ConversationalDisplayModeTypes",
     "NestedValue",
     "ToolCallSection"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];

package/dist/material/components/ap-tool-call/index.d.ts

@@ -5,7 +5,8 @@ export interface ApToolCallWithI18nProps extends ApToolCallProps {
     locale?: SupportedLocale;
 }
 export declare const ApToolCall: React.ForwardRefExoticComponent<ApToolCallWithI18nProps & React.RefAttributes<HTMLDivElement>>;
-export type { ApToolCallProps, ITreeNode, NestedValueProps, ToolCallSectionProps, ToolCallSectionType, TSpan, } from './ApToolCall.types';
-export { NestedValue } from './NestedValue';
-export { ToolCallSection } from './ToolCallSection';
+export { ConversationalDisplayModeTypes } from './ApToolCall.types';
+export type { ApToolCallProps, ConversationalDisplayMode, ITreeNode, NestedValueProps, ToolCallSectionProps, ToolCallSectionType, TSpan, } from './ApToolCall.types';
+export { NestedValue } from './components/NestedValue';
+export { ToolCallSection } from './components/ToolCallSection';
 //# sourceMappingURL=index.d.ts.map

package/dist/material/components/ap-tool-call/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-tool-call/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAK9D,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAKD,eAAO,MAAM,UAAU,gGAQtB,CAAC;AAIF,YAAY,EACV,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,GACN,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-tool-call/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAK9D,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAKD,eAAO,MAAM,UAAU,gGAQtB,CAAC;AAIF,OAAO,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AACpE,YAAY,EACV,eAAe,EACf,yBAAyB,EACzB,SAAS,EACT,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,GACN,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/material/components/ap-tool-call/index.js

@@ -2,8 +2,9 @@ import { jsx } from "react/jsx-runtime";
 import react from "react";
 import { ApI18nProvider } from "../../../i18n/index.js";
 import { ApToolCall } from "./ApToolCall.js";
-import { NestedValue } from "./NestedValue.js";
-import { ToolCallSection } from "./ToolCallSection.js";
+import { ConversationalDisplayModeTypes } from "./ApToolCall.types.js";
+import { NestedValue } from "./components/NestedValue.js";
+import { ToolCallSection } from "./components/ToolCallSection.js";
 const ap_tool_call_ApToolCall = /*#__PURE__*/ react.forwardRef(({ locale = 'en', ...props }, ref)=>/*#__PURE__*/ jsx(ApI18nProvider, {
         component: "material/components/ap-tool-call",
         locale: locale,
@@ -13,4 +14,4 @@ const ap_tool_call_ApToolCall = /*#__PURE__*/ react.forwardRef(({ locale = 'en',
         })
     }));
 ap_tool_call_ApToolCall.displayName = 'ApToolCall';
-export { ap_tool_call_ApToolCall as ApToolCall, NestedValue, ToolCallSection };
+export { ap_tool_call_ApToolCall as ApToolCall, ConversationalDisplayModeTypes, NestedValue, ToolCallSection };

package/dist/material/components/ap-tool-call/locales/en.cjs

@@ -26,7 +26,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     messages: ()=>messages
 });
-const messages = JSON.parse("{\"tool-call.errors\":[\"Errors\"],\"tool-call.escalation\":[\"Escalation\"],\"tool-call.execution\":[\"Execution\"],\"tool-call.input\":[\"Input\"],\"tool-call.output\":[\"Output\"],\"tool-call.ran\":[\"Ran \",[\"toolName\"],\" (\",[\"duration\"],\"s)\"],\"tool-call.running\":[\"Running \",[\"toolName\"],\"...\"]}");
+const messages = JSON.parse("{\"tool-call.errors\":[\"Errors\"],\"tool-call.escalation\":[\"Escalation\"],\"tool-call.input\":[\"Input\"],\"tool-call.output\":[\"Output\"],\"tool-call.ran\":[\"Ran \",[\"toolName\"],\" (\",[\"duration\"],\"s)\"],\"tool-call.running\":[\"Running \",[\"toolName\"],\"...\"],\"tool-call.traces\":[\"Traces\"]}");
 exports.messages = __webpack_exports__.messages;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "messages"

package/dist/material/components/ap-tool-call/locales/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-tool-call/locales/en.ts"],"names":[],"mappings":"AAAkB,OAAO,KAAI,EAAC,QAAQ,EAAC,MAAI,cAAc,CAAC;AAAA,eAAO,MAAM,QAAQ,EAA8U,QAAQ,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-tool-call/locales/en.ts"],"names":[],"mappings":"AAAkB,OAAO,KAAI,EAAC,QAAQ,EAAC,MAAI,cAAc,CAAC;AAAA,eAAO,MAAM,QAAQ,EAAwU,QAAQ,CAAC"}

package/dist/material/components/ap-tool-call/locales/en.js

@@ -1,2 +1,2 @@
-const messages = JSON.parse("{\"tool-call.errors\":[\"Errors\"],\"tool-call.escalation\":[\"Escalation\"],\"tool-call.execution\":[\"Execution\"],\"tool-call.input\":[\"Input\"],\"tool-call.output\":[\"Output\"],\"tool-call.ran\":[\"Ran \",[\"toolName\"],\" (\",[\"duration\"],\"s)\"],\"tool-call.running\":[\"Running \",[\"toolName\"],\"...\"]}");
+const messages = JSON.parse("{\"tool-call.errors\":[\"Errors\"],\"tool-call.escalation\":[\"Escalation\"],\"tool-call.input\":[\"Input\"],\"tool-call.output\":[\"Output\"],\"tool-call.ran\":[\"Ran \",[\"toolName\"],\" (\",[\"duration\"],\"s)\"],\"tool-call.running\":[\"Running \",[\"toolName\"],\"...\"],\"tool-call.traces\":[\"Traces\"]}");
 export { messages };

package/dist/material/components/ap-tool-call/utils/traceIconUtils.cjs

@@ -0,0 +1,254 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    getSpanIconSvg: ()=>getSpanIconSvg
+});
+const spanIcons_cjs_namespaceObject = require("../assets/spanIcons.cjs");
+const SPAN_FUNCTION_TYPES = [
+    'function_call_sync',
+    'function_call_async',
+    'function_call_generator_sync',
+    'function_call_generator_async'
+];
+const SPAN_ICON_MAP = new Map([
+    [
+        'TimeTrigger',
+        'time-trigger'
+    ],
+    [
+        'QueueTrigger',
+        'queue-trigger'
+    ],
+    [
+        'ApiTrigger',
+        'api-trigger'
+    ],
+    [
+        'processTool',
+        'process-tool'
+    ],
+    [
+        'agentTool',
+        'agent-tool'
+    ],
+    [
+        'agentRun',
+        'agent-run'
+    ],
+    [
+        'parser',
+        'parser-icon'
+    ],
+    [
+        'chain',
+        'link-icon'
+    ],
+    [
+        'AgentToolCall',
+        'agent-run'
+    ],
+    [
+        'licensing',
+        'lock-icon'
+    ],
+    [
+        'ProcessRun',
+        'process-run'
+    ],
+    [
+        'ElementRun',
+        'element-run'
+    ],
+    [
+        'eval',
+        'eval'
+    ],
+    [
+        'OpenTelemetry',
+        'settings-input-antenna-icon'
+    ],
+    [
+        'toolPreGovernance',
+        'pre-governance'
+    ],
+    [
+        'escalationTool',
+        'escalation-tool'
+    ],
+    [
+        'toolPostGovernance',
+        'post-governance'
+    ],
+    [
+        'contextGroundingTool',
+        'context-grounding-tool'
+    ],
+    [
+        'apiWorkflowRun',
+        'api-workflow-run'
+    ],
+    [
+        'MCP Server',
+        'mcp-server'
+    ],
+    [
+        'MCP response',
+        'mcp-response'
+    ],
+    [
+        'MCP request',
+        'mcp-request'
+    ],
+    [
+        'conversation',
+        'conversation-icon'
+    ],
+    [
+        'conversationExchange',
+        'conversation-exchange-icon'
+    ],
+    [
+        'conversationUserMessage',
+        'conversation-user-message-icon'
+    ],
+    [
+        'conversationAgentMessage',
+        'conversation-agent-message-icon'
+    ],
+    [
+        'conversationContentPart',
+        'conversation-content-part-icon'
+    ],
+    [
+        'conversationToolCall',
+        'conversation-tool-call-icon'
+    ],
+    [
+        'conversationCitation',
+        'conversation-citation-icon'
+    ],
+    [
+        'agentMemoryLookup',
+        'memory-space-icon'
+    ],
+    [
+        'applyDynamicFewShot',
+        'memory-space-icon'
+    ],
+    [
+        'agentMemoryStore',
+        'memory-space-icon'
+    ]
+]);
+const API_WORKFLOW_TASK_ICON_MAP = new Map([
+    [
+        'HTTP',
+        'http-icon'
+    ],
+    [
+        'Script',
+        "script-icon"
+    ],
+    [
+        'Connector',
+        'connector-icon'
+    ],
+    [
+        'If',
+        'if-icon'
+    ],
+    [
+        'ForEach',
+        'for-each-icon'
+    ],
+    [
+        'TryCatch',
+        'try-catch-icon'
+    ],
+    [
+        'Response',
+        'response-icon'
+    ],
+    [
+        'DoWhile',
+        'do-while-icon'
+    ],
+    [
+        'Break',
+        'break-icon'
+    ],
+    [
+        'Assign',
+        'assign-icon'
+    ],
+    [
+        'Wait',
+        'wait-icon'
+    ],
+    [
+        'WorkflowStart',
+        'workflow-start-icon'
+    ]
+]);
+function getAttributes(span) {
+    const attrs = span.attributes;
+    if ('string' == typeof attrs) try {
+        return JSON.parse(attrs);
+    } catch  {
+        return {};
+    }
+    return attrs ?? {};
+}
+function isFunctionSpan(type) {
+    return SPAN_FUNCTION_TYPES.includes(type);
+}
+function getIconKey(span) {
+    const spanType = span.type ?? '';
+    const simpleKey = SPAN_ICON_MAP.get(spanType);
+    if (simpleKey) return simpleKey;
+    const attrs = getAttributes(span);
+    switch(spanType){
+        case 'completion':
+        case 'agentOutput':
+            return attrs.model?.includes('gpt-') ? 'open-ai' : 'generic-ai';
+        case 'toolCall':
+            return 'Agent' === attrs.toolType ? 'agent-run' : 'process-tool';
+        case 'apiWorkflowTaskRun':
+            return API_WORKFLOW_TASK_ICON_MAP.get(attrs.taskType) ?? 'api-workflow-task-run';
+        default:
+            return isFunctionSpan(spanType) ? 'function-span' : 'default-trace-item';
+    }
+}
+function getSpanIconSvg(span) {
+    return spanIcons_cjs_namespaceObject.spanIconsMap.get(getIconKey(span)) ?? null;
+}
+exports.getSpanIconSvg = __webpack_exports__.getSpanIconSvg;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getSpanIconSvg"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/material/components/ap-tool-call/utils/traceIconUtils.d.ts

@@ -0,0 +1,3 @@
+import type { TSpan } from '../ApToolCall.types';
+export declare function getSpanIconSvg(span: TSpan): string | null;
+//# sourceMappingURL=traceIconUtils.d.ts.map

package/dist/material/components/ap-tool-call/utils/traceIconUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"traceIconUtils.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-tool-call/utils/traceIconUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAsGjD,wBAAgB,cAAc,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAEzD"}

package/dist/material/components/ap-tool-call/utils/traceIconUtils.js

@@ -0,0 +1,220 @@
+import { spanIconsMap } from "../assets/spanIcons.js";
+const SPAN_FUNCTION_TYPES = [
+    'function_call_sync',
+    'function_call_async',
+    'function_call_generator_sync',
+    'function_call_generator_async'
+];
+const SPAN_ICON_MAP = new Map([
+    [
+        'TimeTrigger',
+        'time-trigger'
+    ],
+    [
+        'QueueTrigger',
+        'queue-trigger'
+    ],
+    [
+        'ApiTrigger',
+        'api-trigger'
+    ],
+    [
+        'processTool',
+        'process-tool'
+    ],
+    [
+        'agentTool',
+        'agent-tool'
+    ],
+    [
+        'agentRun',
+        'agent-run'
+    ],
+    [
+        'parser',
+        'parser-icon'
+    ],
+    [
+        'chain',
+        'link-icon'
+    ],
+    [
+        'AgentToolCall',
+        'agent-run'
+    ],
+    [
+        'licensing',
+        'lock-icon'
+    ],
+    [
+        'ProcessRun',
+        'process-run'
+    ],
+    [
+        'ElementRun',
+        'element-run'
+    ],
+    [
+        'eval',
+        'eval'
+    ],
+    [
+        'OpenTelemetry',
+        'settings-input-antenna-icon'
+    ],
+    [
+        'toolPreGovernance',
+        'pre-governance'
+    ],
+    [
+        'escalationTool',
+        'escalation-tool'
+    ],
+    [
+        'toolPostGovernance',
+        'post-governance'
+    ],
+    [
+        'contextGroundingTool',
+        'context-grounding-tool'
+    ],
+    [
+        'apiWorkflowRun',
+        'api-workflow-run'
+    ],
+    [
+        'MCP Server',
+        'mcp-server'
+    ],
+    [
+        'MCP response',
+        'mcp-response'
+    ],
+    [
+        'MCP request',
+        'mcp-request'
+    ],
+    [
+        'conversation',
+        'conversation-icon'
+    ],
+    [
+        'conversationExchange',
+        'conversation-exchange-icon'
+    ],
+    [
+        'conversationUserMessage',
+        'conversation-user-message-icon'
+    ],
+    [
+        'conversationAgentMessage',
+        'conversation-agent-message-icon'
+    ],
+    [
+        'conversationContentPart',
+        'conversation-content-part-icon'
+    ],
+    [
+        'conversationToolCall',
+        'conversation-tool-call-icon'
+    ],
+    [
+        'conversationCitation',
+        'conversation-citation-icon'
+    ],
+    [
+        'agentMemoryLookup',
+        'memory-space-icon'
+    ],
+    [
+        'applyDynamicFewShot',
+        'memory-space-icon'
+    ],
+    [
+        'agentMemoryStore',
+        'memory-space-icon'
+    ]
+]);
+const API_WORKFLOW_TASK_ICON_MAP = new Map([
+    [
+        'HTTP',
+        'http-icon'
+    ],
+    [
+        'Script',
+        "script-icon"
+    ],
+    [
+        'Connector',
+        'connector-icon'
+    ],
+    [
+        'If',
+        'if-icon'
+    ],
+    [
+        'ForEach',
+        'for-each-icon'
+    ],
+    [
+        'TryCatch',
+        'try-catch-icon'
+    ],
+    [
+        'Response',
+        'response-icon'
+    ],
+    [
+        'DoWhile',
+        'do-while-icon'
+    ],
+    [
+        'Break',
+        'break-icon'
+    ],
+    [
+        'Assign',
+        'assign-icon'
+    ],
+    [
+        'Wait',
+        'wait-icon'
+    ],
+    [
+        'WorkflowStart',
+        'workflow-start-icon'
+    ]
+]);
+function getAttributes(span) {
+    const attrs = span.attributes;
+    if ('string' == typeof attrs) try {
+        return JSON.parse(attrs);
+    } catch  {
+        return {};
+    }
+    return attrs ?? {};
+}
+function isFunctionSpan(type) {
+    return SPAN_FUNCTION_TYPES.includes(type);
+}
+function getIconKey(span) {
+    const spanType = span.type ?? '';
+    const simpleKey = SPAN_ICON_MAP.get(spanType);
+    if (simpleKey) return simpleKey;
+    const attrs = getAttributes(span);
+    switch(spanType){
+        case 'completion':
+        case 'agentOutput':
+            return attrs.model?.includes('gpt-') ? 'open-ai' : 'generic-ai';
+        case 'toolCall':
+            return 'Agent' === attrs.toolType ? 'agent-run' : 'process-tool';
+        case 'apiWorkflowTaskRun':
+            return API_WORKFLOW_TASK_ICON_MAP.get(attrs.taskType) ?? 'api-workflow-task-run';
+        default:
+            return isFunctionSpan(spanType) ? 'function-span' : 'default-trace-item';
+    }
+}
+function getSpanIconSvg(span) {
+    return spanIconsMap.get(getIconKey(span)) ?? null;
+}
+export { getSpanIconSvg };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.5.0",
+  "version": "4.5.2",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -201,8 +201,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-wind": "2.1.1",
-    "@uipath/apollo-core": "5.9.0"
+    "@uipath/apollo-core": "5.9.0",
+    "@uipath/apollo-wind": "2.1.1"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.1.17",

package/dist/material/components/ap-tool-call/NestedValue.d.ts

@@ -1,4 +0,0 @@
-import type React from 'react';
-import type { NestedValueProps } from './ApToolCall.types';
-export declare const NestedValue: React.FC<NestedValueProps>;
-//# sourceMappingURL=NestedValue.d.ts.map

package/dist/material/components/ap-tool-call/NestedValue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NestedValue.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-tool-call/NestedValue.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAwD3D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0DlD,CAAC"}

package/dist/material/components/ap-tool-call/ToolCallSection.d.ts

@@ -1,4 +0,0 @@
-import type React from 'react';
-import type { ToolCallSectionProps } from './ApToolCall.types';
-export declare const ToolCallSection: React.FC<ToolCallSectionProps>;
-//# sourceMappingURL=ToolCallSection.d.ts.map

package/dist/material/components/ap-tool-call/ToolCallSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolCallSection.d.ts","sourceRoot":"","sources":["../../../../src/material/components/ap-tool-call/ToolCallSection.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AA6H/D,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqE1D,CAAC"}