@uipath/apollo-react 4.0.0 → 4.1.1

package/dist/canvas/components/AgentCanvas/components/TimelinePlayer.stories.cjs

@@ -1,246 +0,0 @@
-"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__, {
-    ShortExecution: ()=>ShortExecution,
-    default: ()=>TimelinePlayer_stories,
-    LongExecution: ()=>LongExecution,
-    Default: ()=>Default,
-    WithAgentFlow: ()=>WithAgentFlow
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const index_cjs_namespaceObject = require("../../../layouts/index.cjs");
-const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
-const external_react_namespaceObject = require("react");
-const external_types_cjs_namespaceObject = require("../../../types.cjs");
-const external_AgentFlow_cjs_namespaceObject = require("../AgentFlow.cjs");
-const external_TimelinePlayer_cjs_namespaceObject = require("./TimelinePlayer.cjs");
-const meta = {
-    title: 'Canvas/TimelinePlayer',
-    component: external_TimelinePlayer_cjs_namespaceObject.TimelinePlayer,
-    parameters: {
-        layout: 'fullscreen'
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                style: {
-                    position: 'absolute',
-                    top: 0,
-                    left: 0,
-                    width: '100%',
-                    height: '100%',
-                    backgroundColor: 'var(--uix-canvas-background)',
-                    color: 'var(--uix-canvas-foreground)'
-                },
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Story, {})
-            })
-    ]
-};
-const TimelinePlayer_stories = meta;
-const createMockSpan = (id, parentId, spanType, name, startTime, endTime, status, updatedAt)=>({
-        Id: id,
-        ParentId: parentId,
-        SpanType: spanType,
-        Name: name,
-        StartTime: startTime,
-        EndTime: endTime,
-        Status: status,
-        UpdatedAt: updatedAt || startTime,
-        Attributes: JSON.stringify({
-            type: spanType
-        })
-    });
-const baseTime = new Date('2024-01-15T10:00:00.000Z');
-const createTimestamp = (offsetMs)=>new Date(baseTime.getTime() + offsetMs).toISOString();
-const sampleSpans = [
-    createMockSpan('agent-run-1', void 0, 'agentRun', 'Process Insurance Claim', createTimestamp(0), createTimestamp(45000), 1),
-    createMockSpan('context-load-1', 'agent-run-1', 'contextLoad', 'Load User Profile', createTimestamp(100), createTimestamp(2500), 1),
-    createMockSpan('tool-call-1', 'agent-run-1', 'toolCall', 'Validate Claim Data', createTimestamp(2500), createTimestamp(8000), 1),
-    createMockSpan('completion-1', 'agent-run-1', 'completion', 'Generate Initial Response', createTimestamp(8000), createTimestamp(12000), 1),
-    createMockSpan('tool-call-2', 'agent-run-1', 'toolCall', 'Check Policy Status', createTimestamp(12000), createTimestamp(20000), 2),
-    createMockSpan('tool-call-3', 'agent-run-1', 'toolCall', 'Calculate Payout Amount', createTimestamp(20000), createTimestamp(28000), 1),
-    createMockSpan('escalation-1', 'agent-run-1', 'escalation', 'Manager Approval Required', createTimestamp(28100), createTimestamp(44000), 1)
-];
-const shortSpans = [
-    createMockSpan('agent-run-short', void 0, 'agentRun', 'Quick Query Response', createTimestamp(0), createTimestamp(8000), 1),
-    createMockSpan('context-load-short', 'agent-run-short', 'contextLoad', 'Load Session Context', createTimestamp(100), createTimestamp(1000), 1),
-    createMockSpan('completion-short', 'agent-run-short', 'completion', 'Generate Response', createTimestamp(1000), createTimestamp(7500), 1)
-];
-const complexSpans = [
-    createMockSpan('agent-run-complex', void 0, 'agentRun', 'Multi-step Document Processing', createTimestamp(0), createTimestamp(120000), 1),
-    createMockSpan('tool-doc-parse', 'agent-run-complex', 'toolCall', 'Parse PDF Document', createTimestamp(500), createTimestamp(15000), 1),
-    createMockSpan('tool-ocr', 'agent-run-complex', 'toolCall', 'OCR Text Extraction', createTimestamp(15000), createTimestamp(35000), 2),
-    createMockSpan('tool-validate', 'agent-run-complex', 'toolCall', 'Validate Extracted Data', createTimestamp(35000), createTimestamp(48000), 1),
-    createMockSpan('completion-validation', 'agent-run-complex', 'completion', 'Validation Results', createTimestamp(48000), createTimestamp(56000), 1),
-    createMockSpan('tool-api-1', 'agent-run-complex', 'toolCall', 'Check Customer Database', createTimestamp(56000), createTimestamp(68000), 1),
-    createMockSpan('tool-api-2', 'agent-run-complex', 'toolCall', 'Verify Identity', createTimestamp(68000), createTimestamp(82000), 2),
-    createMockSpan('completion-decision', 'agent-run-complex', 'completion', 'Process Decision Logic', createTimestamp(83000), createTimestamp(95000), 1),
-    createMockSpan('tool-email', 'agent-run-complex', 'toolCall', 'Send Notification Email', createTimestamp(96000), createTimestamp(105000), 1),
-    createMockSpan('tool-database', 'agent-run-complex', 'toolCall', 'Update Records', createTimestamp(106000), createTimestamp(115000), 1),
-    createMockSpan('completion-final', 'agent-run-complex', 'completion', 'Generate Final Report', createTimestamp(116000), createTimestamp(119000), 1)
-];
-const sampleResources = [
-    {
-        id: 'context-load-short',
-        type: 'context',
-        name: 'Load Session Context',
-        description: 'Current session information',
-        hasBreakpoint: false,
-        isCurrentBreakpoint: false,
-        hasGuardrails: false
-    },
-    {
-        id: 'completion-short',
-        type: 'tool',
-        name: 'Generate Response',
-        description: 'AI completion generation',
-        iconUrl: '',
-        hasBreakpoint: false,
-        isCurrentBreakpoint: false,
-        hasGuardrails: false,
-        projectType: external_types_cjs_namespaceObject.ProjectType.Internal
-    }
-];
-const sampleDefinition = {
-    name: 'Quick Query Agent',
-    version: '1.0',
-    settings: {
-        model: 'gpt-4',
-        engine: 'openai'
-    },
-    tools: [],
-    resources: []
-};
-const AgentFlowWithTimeline = ({ spans, enableTimelinePlayer = true, activeResourceIds = [] })=>{
-    const [resources] = (0, external_react_namespaceObject.useState)(sampleResources);
-    const [_selectedResourceId, setSelectedResourceId] = (0, external_react_namespaceObject.useState)(null);
-    const handleSelectResource = (0, external_react_namespaceObject.useCallback)((resourceId)=>{
-        setSelectedResourceId(resourceId);
-    }, []);
-    const handleAddResourceRequest = (0, external_react_namespaceObject.useCallback)((_type)=>{}, []);
-    const handleRemoveResource = (0, external_react_namespaceObject.useCallback)((_resource)=>{}, []);
-    const handleAddBreakpoint = (0, external_react_namespaceObject.useCallback)((_resourceId, _resource)=>{}, []);
-    const handleRemoveBreakpoint = (0, external_react_namespaceObject.useCallback)((_resourceId, _resource)=>{}, []);
-    const handleAddGuardrail = (0, external_react_namespaceObject.useCallback)((_resourceId, _resource)=>{}, []);
-    const setSpanForSelectedNode = (0, external_react_namespaceObject.useCallback)((_node)=>{}, []);
-    const getNodeFromSelectedSpan = (0, external_react_namespaceObject.useCallback)((_nodes)=>null, []);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.ReactFlowProvider, {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Row, {
-            w: "100%",
-            h: "100%",
-            style: {
-                position: 'relative'
-            },
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                style: {
-                    flex: 1,
-                    position: 'relative'
-                },
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_AgentFlow_cjs_namespaceObject.AgentFlow, {
-                    allowDragging: false,
-                    definition: sampleDefinition,
-                    spans: spans,
-                    name: "Quick Query Agent",
-                    description: "Processes quick queries with context loading and response generation",
-                    mode: "view",
-                    resources: resources,
-                    activeResourceIds: activeResourceIds,
-                    setSpanForSelectedNode: setSpanForSelectedNode,
-                    getNodeFromSelectedSpan: getNodeFromSelectedSpan,
-                    onAddBreakpoint: handleAddBreakpoint,
-                    onRemoveBreakpoint: handleRemoveBreakpoint,
-                    onAddGuardrail: handleAddGuardrail,
-                    onAddResource: handleAddResourceRequest,
-                    onRemoveResource: handleRemoveResource,
-                    onSelectResource: handleSelectResource,
-                    enableTimelinePlayer: enableTimelinePlayer
-                })
-            })
-        })
-    });
-};
-const CenteredTimelinePlayer = ({ spans, enableTimelinePlayer = true, scale = 1 })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        style: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            width: '100%',
-            height: '100vh',
-            padding: '20px'
-        },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            style: {
-                transform: `scale(${scale})`,
-                transformOrigin: 'center center'
-            },
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TimelinePlayer_cjs_namespaceObject.TimelinePlayer, {
-                spans: spans,
-                enableTimelinePlayer: enableTimelinePlayer
-            })
-        })
-    });
-const Default = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CenteredTimelinePlayer, {
-            spans: sampleSpans,
-            enableTimelinePlayer: true
-        })
-};
-const ShortExecution = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CenteredTimelinePlayer, {
-            spans: shortSpans,
-            enableTimelinePlayer: true
-        })
-};
-const LongExecution = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CenteredTimelinePlayer, {
-            spans: complexSpans,
-            enableTimelinePlayer: true
-        })
-};
-const WithAgentFlow = {
-    render: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AgentFlowWithTimeline, {
-            spans: shortSpans,
-            enableTimelinePlayer: true,
-            activeResourceIds: [
-                'context-load-short',
-                'completion-short'
-            ]
-        })
-};
-exports.Default = __webpack_exports__.Default;
-exports.LongExecution = __webpack_exports__.LongExecution;
-exports.ShortExecution = __webpack_exports__.ShortExecution;
-exports.WithAgentFlow = __webpack_exports__.WithAgentFlow;
-exports["default"] = __webpack_exports__["default"];
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Default",
-    "LongExecution",
-    "ShortExecution",
-    "WithAgentFlow",
-    "default"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/canvas/components/AgentCanvas/components/TimelinePlayer.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { TimelinePlayer } from './TimelinePlayer';
-declare const meta: Meta<typeof TimelinePlayer>;
-export default meta;
-type Story = StoryObj<typeof TimelinePlayer>;
-export declare const Default: Story;
-export declare const ShortExecution: Story;
-export declare const LongExecution: Story;
-export declare const WithAgentFlow: Story;
-//# sourceMappingURL=TimelinePlayer.stories.d.ts.map

package/dist/canvas/components/AgentCanvas/components/TimelinePlayer.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelinePlayer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/components/TimelinePlayer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAa5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAuBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AA0Z7C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAE5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC"}

package/dist/canvas/components/AgentCanvas/components/TimelinePlayer.stories.js

@@ -1,200 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Row } from "../../../layouts/index.js";
-import { ReactFlowProvider } from "../../../xyflow/react.js";
-import { useCallback, useState } from "react";
-import { ProjectType } from "../../../types.js";
-import { AgentFlow } from "../AgentFlow.js";
-import { TimelinePlayer } from "./TimelinePlayer.js";
-const meta = {
-    title: 'Canvas/TimelinePlayer',
-    component: TimelinePlayer,
-    parameters: {
-        layout: 'fullscreen'
-    },
-    decorators: [
-        (Story)=>/*#__PURE__*/ jsx("div", {
-                style: {
-                    position: 'absolute',
-                    top: 0,
-                    left: 0,
-                    width: '100%',
-                    height: '100%',
-                    backgroundColor: 'var(--uix-canvas-background)',
-                    color: 'var(--uix-canvas-foreground)'
-                },
-                children: /*#__PURE__*/ jsx(Story, {})
-            })
-    ]
-};
-const TimelinePlayer_stories = meta;
-const createMockSpan = (id, parentId, spanType, name, startTime, endTime, status, updatedAt)=>({
-        Id: id,
-        ParentId: parentId,
-        SpanType: spanType,
-        Name: name,
-        StartTime: startTime,
-        EndTime: endTime,
-        Status: status,
-        UpdatedAt: updatedAt || startTime,
-        Attributes: JSON.stringify({
-            type: spanType
-        })
-    });
-const baseTime = new Date('2024-01-15T10:00:00.000Z');
-const createTimestamp = (offsetMs)=>new Date(baseTime.getTime() + offsetMs).toISOString();
-const sampleSpans = [
-    createMockSpan('agent-run-1', void 0, 'agentRun', 'Process Insurance Claim', createTimestamp(0), createTimestamp(45000), 1),
-    createMockSpan('context-load-1', 'agent-run-1', 'contextLoad', 'Load User Profile', createTimestamp(100), createTimestamp(2500), 1),
-    createMockSpan('tool-call-1', 'agent-run-1', 'toolCall', 'Validate Claim Data', createTimestamp(2500), createTimestamp(8000), 1),
-    createMockSpan('completion-1', 'agent-run-1', 'completion', 'Generate Initial Response', createTimestamp(8000), createTimestamp(12000), 1),
-    createMockSpan('tool-call-2', 'agent-run-1', 'toolCall', 'Check Policy Status', createTimestamp(12000), createTimestamp(20000), 2),
-    createMockSpan('tool-call-3', 'agent-run-1', 'toolCall', 'Calculate Payout Amount', createTimestamp(20000), createTimestamp(28000), 1),
-    createMockSpan('escalation-1', 'agent-run-1', 'escalation', 'Manager Approval Required', createTimestamp(28100), createTimestamp(44000), 1)
-];
-const shortSpans = [
-    createMockSpan('agent-run-short', void 0, 'agentRun', 'Quick Query Response', createTimestamp(0), createTimestamp(8000), 1),
-    createMockSpan('context-load-short', 'agent-run-short', 'contextLoad', 'Load Session Context', createTimestamp(100), createTimestamp(1000), 1),
-    createMockSpan('completion-short', 'agent-run-short', 'completion', 'Generate Response', createTimestamp(1000), createTimestamp(7500), 1)
-];
-const complexSpans = [
-    createMockSpan('agent-run-complex', void 0, 'agentRun', 'Multi-step Document Processing', createTimestamp(0), createTimestamp(120000), 1),
-    createMockSpan('tool-doc-parse', 'agent-run-complex', 'toolCall', 'Parse PDF Document', createTimestamp(500), createTimestamp(15000), 1),
-    createMockSpan('tool-ocr', 'agent-run-complex', 'toolCall', 'OCR Text Extraction', createTimestamp(15000), createTimestamp(35000), 2),
-    createMockSpan('tool-validate', 'agent-run-complex', 'toolCall', 'Validate Extracted Data', createTimestamp(35000), createTimestamp(48000), 1),
-    createMockSpan('completion-validation', 'agent-run-complex', 'completion', 'Validation Results', createTimestamp(48000), createTimestamp(56000), 1),
-    createMockSpan('tool-api-1', 'agent-run-complex', 'toolCall', 'Check Customer Database', createTimestamp(56000), createTimestamp(68000), 1),
-    createMockSpan('tool-api-2', 'agent-run-complex', 'toolCall', 'Verify Identity', createTimestamp(68000), createTimestamp(82000), 2),
-    createMockSpan('completion-decision', 'agent-run-complex', 'completion', 'Process Decision Logic', createTimestamp(83000), createTimestamp(95000), 1),
-    createMockSpan('tool-email', 'agent-run-complex', 'toolCall', 'Send Notification Email', createTimestamp(96000), createTimestamp(105000), 1),
-    createMockSpan('tool-database', 'agent-run-complex', 'toolCall', 'Update Records', createTimestamp(106000), createTimestamp(115000), 1),
-    createMockSpan('completion-final', 'agent-run-complex', 'completion', 'Generate Final Report', createTimestamp(116000), createTimestamp(119000), 1)
-];
-const sampleResources = [
-    {
-        id: 'context-load-short',
-        type: 'context',
-        name: 'Load Session Context',
-        description: 'Current session information',
-        hasBreakpoint: false,
-        isCurrentBreakpoint: false,
-        hasGuardrails: false
-    },
-    {
-        id: 'completion-short',
-        type: 'tool',
-        name: 'Generate Response',
-        description: 'AI completion generation',
-        iconUrl: '',
-        hasBreakpoint: false,
-        isCurrentBreakpoint: false,
-        hasGuardrails: false,
-        projectType: ProjectType.Internal
-    }
-];
-const sampleDefinition = {
-    name: 'Quick Query Agent',
-    version: '1.0',
-    settings: {
-        model: 'gpt-4',
-        engine: 'openai'
-    },
-    tools: [],
-    resources: []
-};
-const AgentFlowWithTimeline = ({ spans, enableTimelinePlayer = true, activeResourceIds = [] })=>{
-    const [resources] = useState(sampleResources);
-    const [_selectedResourceId, setSelectedResourceId] = useState(null);
-    const handleSelectResource = useCallback((resourceId)=>{
-        setSelectedResourceId(resourceId);
-    }, []);
-    const handleAddResourceRequest = useCallback((_type)=>{}, []);
-    const handleRemoveResource = useCallback((_resource)=>{}, []);
-    const handleAddBreakpoint = useCallback((_resourceId, _resource)=>{}, []);
-    const handleRemoveBreakpoint = useCallback((_resourceId, _resource)=>{}, []);
-    const handleAddGuardrail = useCallback((_resourceId, _resource)=>{}, []);
-    const setSpanForSelectedNode = useCallback((_node)=>{}, []);
-    const getNodeFromSelectedSpan = useCallback((_nodes)=>null, []);
-    return /*#__PURE__*/ jsx(ReactFlowProvider, {
-        children: /*#__PURE__*/ jsx(Row, {
-            w: "100%",
-            h: "100%",
-            style: {
-                position: 'relative'
-            },
-            children: /*#__PURE__*/ jsx("div", {
-                style: {
-                    flex: 1,
-                    position: 'relative'
-                },
-                children: /*#__PURE__*/ jsx(AgentFlow, {
-                    allowDragging: false,
-                    definition: sampleDefinition,
-                    spans: spans,
-                    name: "Quick Query Agent",
-                    description: "Processes quick queries with context loading and response generation",
-                    mode: "view",
-                    resources: resources,
-                    activeResourceIds: activeResourceIds,
-                    setSpanForSelectedNode: setSpanForSelectedNode,
-                    getNodeFromSelectedSpan: getNodeFromSelectedSpan,
-                    onAddBreakpoint: handleAddBreakpoint,
-                    onRemoveBreakpoint: handleRemoveBreakpoint,
-                    onAddGuardrail: handleAddGuardrail,
-                    onAddResource: handleAddResourceRequest,
-                    onRemoveResource: handleRemoveResource,
-                    onSelectResource: handleSelectResource,
-                    enableTimelinePlayer: enableTimelinePlayer
-                })
-            })
-        })
-    });
-};
-const CenteredTimelinePlayer = ({ spans, enableTimelinePlayer = true, scale = 1 })=>/*#__PURE__*/ jsx("div", {
-        style: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            width: '100%',
-            height: '100vh',
-            padding: '20px'
-        },
-        children: /*#__PURE__*/ jsx("div", {
-            style: {
-                transform: `scale(${scale})`,
-                transformOrigin: 'center center'
-            },
-            children: /*#__PURE__*/ jsx(TimelinePlayer, {
-                spans: spans,
-                enableTimelinePlayer: enableTimelinePlayer
-            })
-        })
-    });
-const Default = {
-    render: ()=>/*#__PURE__*/ jsx(CenteredTimelinePlayer, {
-            spans: sampleSpans,
-            enableTimelinePlayer: true
-        })
-};
-const ShortExecution = {
-    render: ()=>/*#__PURE__*/ jsx(CenteredTimelinePlayer, {
-            spans: shortSpans,
-            enableTimelinePlayer: true
-        })
-};
-const LongExecution = {
-    render: ()=>/*#__PURE__*/ jsx(CenteredTimelinePlayer, {
-            spans: complexSpans,
-            enableTimelinePlayer: true
-        })
-};
-const WithAgentFlow = {
-    render: ()=>/*#__PURE__*/ jsx(AgentFlowWithTimeline, {
-            spans: shortSpans,
-            enableTimelinePlayer: true,
-            activeResourceIds: [
-                'context-load-short',
-                'completion-short'
-            ]
-        })
-};
-export { Default, LongExecution, ShortExecution, WithAgentFlow, TimelinePlayer_stories as default };