@uipath/apollo-react 3.29.2 → 3.30.0-pr163.a99bafa

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 (47) hide show
  1. package/dist/canvas/components/AgentCanvas/nodes/AgentNode.cjs +42 -25
  2. package/dist/canvas/components/AgentCanvas/nodes/AgentNode.d.ts.map +1 -1
  3. package/dist/canvas/components/AgentCanvas/nodes/AgentNode.js +42 -25
  4. package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.cjs +52 -32
  5. package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.d.ts.map +1 -1
  6. package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.js +52 -32
  7. package/dist/canvas/components/BaseCanvas/BaseCanvas.cjs +2 -2
  8. package/dist/canvas/components/BaseCanvas/BaseCanvas.d.ts.map +1 -1
  9. package/dist/canvas/components/BaseCanvas/BaseCanvas.js +2 -2
  10. package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts +1 -0
  11. package/dist/canvas/components/BaseCanvas/BaseCanvas.types.d.ts.map +1 -1
  12. package/dist/canvas/components/BaseNode/BaseNode.cjs +19 -5
  13. package/dist/canvas/components/BaseNode/BaseNode.d.ts +3 -2
  14. package/dist/canvas/components/BaseNode/BaseNode.d.ts.map +1 -1
  15. package/dist/canvas/components/BaseNode/BaseNode.js +20 -6
  16. package/dist/canvas/components/BaseNode/BaseNode.types.d.ts +0 -28
  17. package/dist/canvas/components/BaseNode/BaseNode.types.d.ts.map +1 -1
  18. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.cjs +45 -0
  19. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts +31 -0
  20. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.d.ts.map +1 -0
  21. package/dist/canvas/components/BaseNode/BaseNodeConfigContext.js +8 -0
  22. package/dist/canvas/components/BaseNode/index.cjs +12 -3
  23. package/dist/canvas/components/BaseNode/index.d.ts +1 -0
  24. package/dist/canvas/components/BaseNode/index.d.ts.map +1 -1
  25. package/dist/canvas/components/BaseNode/index.js +1 -0
  26. package/dist/canvas/components/ButtonHandle/useButtonHandles.cjs +1 -4
  27. package/dist/canvas/components/ButtonHandle/useButtonHandles.d.ts.map +1 -1
  28. package/dist/canvas/components/ButtonHandle/useButtonHandles.js +1 -4
  29. package/dist/canvas/components/CodedAgent/CodedAgentFlow.cjs +112 -82
  30. package/dist/canvas/components/CodedAgent/CodedAgentFlow.d.ts.map +1 -1
  31. package/dist/canvas/components/CodedAgent/CodedAgentFlow.js +112 -82
  32. package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.cjs +24 -15
  33. package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.d.ts.map +1 -1
  34. package/dist/canvas/components/CollapseConfig/CollapseConfig.stories.js +24 -15
  35. package/dist/canvas/components/TriggerNode/TriggerNode.stories.d.ts.map +1 -1
  36. package/dist/canvas/hooks/ToolbarActionContext.cjs +1 -2
  37. package/dist/canvas/hooks/ToolbarActionContext.d.ts.map +1 -1
  38. package/dist/canvas/hooks/ToolbarActionContext.js +1 -2
  39. package/dist/canvas/utils/manifest-resolver.cjs +12 -7
  40. package/dist/canvas/utils/manifest-resolver.d.ts +3 -0
  41. package/dist/canvas/utils/manifest-resolver.d.ts.map +1 -1
  42. package/dist/canvas/utils/manifest-resolver.js +10 -5
  43. package/dist/canvas/utils/toolbar-resolver.cjs +2 -17
  44. package/dist/canvas/utils/toolbar-resolver.d.ts +1 -3
  45. package/dist/canvas/utils/toolbar-resolver.d.ts.map +1 -1
  46. package/dist/canvas/utils/toolbar-resolver.js +2 -17
  47. package/package.json +2 -2
@@ -34,11 +34,13 @@ const external_react_namespaceObject = require("react");
34
34
  const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../../FloatingCanvasPanel/index.cjs");
35
35
  const external_types_cjs_namespaceObject = require("../../../types.cjs");
36
36
  const BaseNode_cjs_namespaceObject = require("../../BaseNode/BaseNode.cjs");
37
+ const BaseNodeConfigContext_cjs_namespaceObject = require("../../BaseNode/BaseNodeConfigContext.cjs");
37
38
  const external_AgentFlow_constants_cjs_namespaceObject = require("../AgentFlow.constants.cjs");
38
39
  const agent_flow_store_cjs_namespaceObject = require("../store/agent-flow-store.cjs");
39
40
  const external_AgentNode_styles_cjs_namespaceObject = require("./AgentNode.styles.cjs");
40
41
  const HOVER_DELAY_MS = 500;
41
42
  const HOVER_HIDE_DELAY_MS = 300;
43
+ const alwaysShowNotches = ()=>true;
42
44
  const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
43
45
  const { id, data, selected = false, mode = 'design', hasMemory = false, hasContext = false, hasEscalation = false, hasTool = false, hasMcp = false, mcpEnabled = true, hasError = false, hasSuccess = false, hasRunning = false, onAddResource, onAddInstructions, translations, enableMemory, enableInstructions = false, healthScore, onHealthScoreClick, suggestionTranslations, suggestionGroupVersion, ...nodeProps } = props;
44
46
  const { actOnSuggestion } = (0, agent_flow_store_cjs_namespaceObject.useAgentFlowStore)();
@@ -446,35 +448,50 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
446
448
  translations,
447
449
  isConversational
448
450
  ]);
451
+ const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
452
+ executionStatusOverride: executionStatus,
453
+ suggestionType,
454
+ handleConfigurations,
455
+ toolbarConfig,
456
+ footerVariant,
457
+ iconComponent: agentIcon,
458
+ footerComponent: instructionsFooter,
459
+ subLabelComponent: subLabelWithHealthScore,
460
+ shouldShowAddButtonFn,
461
+ shouldShowButtonHandleNotchesFn: alwaysShowNotches
462
+ }), [
463
+ executionStatus,
464
+ suggestionType,
465
+ handleConfigurations,
466
+ toolbarConfig,
467
+ footerVariant,
468
+ agentIcon,
469
+ instructionsFooter,
470
+ subLabelWithHealthScore,
471
+ shouldShowAddButtonFn
472
+ ]);
449
473
  return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
450
474
  onMouseEnter: handleMouseEnter,
451
475
  onMouseLeave: handleMouseLeave,
452
476
  children: [
453
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
454
- ...nodeProps,
455
- id: id,
456
- type: isConversational ? 'uipath.agent.conversational' : 'uipath.agent.autonomous',
457
- data: {
458
- ...data,
459
- display: {
460
- label: name,
461
- subLabel: isConversational ? translations.conversationalAgent : translations.autonomousAgent,
462
- shape: 'rectangle',
463
- background: 'var(--uix-canvas-background)',
464
- iconBackground: 'var(--uix-canvas-background-secondary)'
465
- }
466
- },
467
- selected: selected,
468
- executionStatusOverride: executionStatus,
469
- suggestionType: suggestionType,
470
- handleConfigurations: handleConfigurations,
471
- toolbarConfig: toolbarConfig,
472
- footerVariant: footerVariant,
473
- iconComponent: agentIcon,
474
- footerComponent: instructionsFooter,
475
- subLabelComponent: subLabelWithHealthScore,
476
- shouldShowAddButtonFn: shouldShowAddButtonFn,
477
- shouldShowButtonHandleNotchesFn: ()=>true
477
+ /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
478
+ value: baseNodeConfig,
479
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
480
+ ...nodeProps,
481
+ id: id,
482
+ type: isConversational ? 'uipath.agent.conversational' : 'uipath.agent.autonomous',
483
+ data: {
484
+ ...data,
485
+ display: {
486
+ label: name,
487
+ subLabel: isConversational ? translations.conversationalAgent : translations.autonomousAgent,
488
+ shape: 'rectangle',
489
+ background: 'var(--uix-canvas-background)',
490
+ iconBackground: 'var(--uix-canvas-background-secondary)'
491
+ }
492
+ },
493
+ selected: selected
494
+ })
478
495
  }),
479
496
  /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_FloatingCanvasPanel_index_cjs_namespaceObject.FloatingCanvasPanel, {
480
497
  open: showSettingsPreview,
@@ -1 +1 @@
1
- {"version":3,"file":"AgentNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAKhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA0BlE,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,KAAK,IAAI,CAAC;IAC1F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AA8hBD,eAAO,MAAM,gBAAgB,8CApDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAoD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"AgentNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAKhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA8BlE,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,KAAK,IAAI,CAAC;IAC1F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAgjBD,eAAO,MAAM,gBAAgB,8CApDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAoD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
@@ -6,11 +6,13 @@ import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
6
6
  import { FloatingCanvasPanel } from "../../FloatingCanvasPanel/index.js";
7
7
  import { DefaultSuggestionTranslations } from "../../../types.js";
8
8
  import { BaseNode } from "../../BaseNode/BaseNode.js";
9
+ import { BaseNodeOverrideConfigProvider } from "../../BaseNode/BaseNodeConfigContext.js";
9
10
  import { ResourceNodeType } from "../AgentFlow.constants.js";
10
11
  import { useAgentFlowStore } from "../store/agent-flow-store.js";
11
12
  import { AddInstructionsButton, HealthScoreBadge, InstructionsLabel, InstructionsLine, InstructionsPreview, SettingsPreviewContainer, SettingsPreviewHeader, SettingsPreviewSubtitle, SettingsPreviewTitle, SettingsPromptBox, SettingsRow, SettingsRowLabel, SettingsRowValue, SettingsSection, SettingsSectionLabel, SettingsSectionValue, SubLabelContainer } from "./AgentNode.styles.js";
12
13
  const HOVER_DELAY_MS = 500;
13
14
  const HOVER_HIDE_DELAY_MS = 300;
15
+ const alwaysShowNotches = ()=>true;
14
16
  const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
15
17
  const { id, data, selected = false, mode = 'design', hasMemory = false, hasContext = false, hasEscalation = false, hasTool = false, hasMcp = false, mcpEnabled = true, hasError = false, hasSuccess = false, hasRunning = false, onAddResource, onAddInstructions, translations, enableMemory, enableInstructions = false, healthScore, onHealthScoreClick, suggestionTranslations, suggestionGroupVersion, ...nodeProps } = props;
16
18
  const { actOnSuggestion } = useAgentFlowStore();
@@ -418,35 +420,50 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
418
420
  translations,
419
421
  isConversational
420
422
  ]);
423
+ const baseNodeConfig = useMemo(()=>({
424
+ executionStatusOverride: executionStatus,
425
+ suggestionType,
426
+ handleConfigurations,
427
+ toolbarConfig,
428
+ footerVariant,
429
+ iconComponent: agentIcon,
430
+ footerComponent: instructionsFooter,
431
+ subLabelComponent: subLabelWithHealthScore,
432
+ shouldShowAddButtonFn,
433
+ shouldShowButtonHandleNotchesFn: alwaysShowNotches
434
+ }), [
435
+ executionStatus,
436
+ suggestionType,
437
+ handleConfigurations,
438
+ toolbarConfig,
439
+ footerVariant,
440
+ agentIcon,
441
+ instructionsFooter,
442
+ subLabelWithHealthScore,
443
+ shouldShowAddButtonFn
444
+ ]);
421
445
  return /*#__PURE__*/ jsxs("div", {
422
446
  onMouseEnter: handleMouseEnter,
423
447
  onMouseLeave: handleMouseLeave,
424
448
  children: [
425
- /*#__PURE__*/ jsx(BaseNode, {
426
- ...nodeProps,
427
- id: id,
428
- type: isConversational ? 'uipath.agent.conversational' : 'uipath.agent.autonomous',
429
- data: {
430
- ...data,
431
- display: {
432
- label: name,
433
- subLabel: isConversational ? translations.conversationalAgent : translations.autonomousAgent,
434
- shape: 'rectangle',
435
- background: 'var(--uix-canvas-background)',
436
- iconBackground: 'var(--uix-canvas-background-secondary)'
437
- }
438
- },
439
- selected: selected,
440
- executionStatusOverride: executionStatus,
441
- suggestionType: suggestionType,
442
- handleConfigurations: handleConfigurations,
443
- toolbarConfig: toolbarConfig,
444
- footerVariant: footerVariant,
445
- iconComponent: agentIcon,
446
- footerComponent: instructionsFooter,
447
- subLabelComponent: subLabelWithHealthScore,
448
- shouldShowAddButtonFn: shouldShowAddButtonFn,
449
- shouldShowButtonHandleNotchesFn: ()=>true
449
+ /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
450
+ value: baseNodeConfig,
451
+ children: /*#__PURE__*/ jsx(BaseNode, {
452
+ ...nodeProps,
453
+ id: id,
454
+ type: isConversational ? 'uipath.agent.conversational' : 'uipath.agent.autonomous',
455
+ data: {
456
+ ...data,
457
+ display: {
458
+ label: name,
459
+ subLabel: isConversational ? translations.conversationalAgent : translations.autonomousAgent,
460
+ shape: 'rectangle',
461
+ background: 'var(--uix-canvas-background)',
462
+ iconBackground: 'var(--uix-canvas-background-secondary)'
463
+ }
464
+ },
465
+ selected: selected
466
+ })
450
467
  }),
451
468
  /*#__PURE__*/ jsx(FloatingCanvasPanel, {
452
469
  open: showSettingsPreview,
@@ -34,9 +34,11 @@ const components_index_cjs_namespaceObject = require("../../../../material/compo
34
34
  const external_react_namespaceObject = require("react");
35
35
  const external_types_cjs_namespaceObject = require("../../../types.cjs");
36
36
  const BaseNode_cjs_namespaceObject = require("../../BaseNode/BaseNode.cjs");
37
+ const BaseNodeConfigContext_cjs_namespaceObject = require("../../BaseNode/BaseNodeConfigContext.cjs");
37
38
  const ExecutionStatusIcon_cjs_namespaceObject = require("../../ExecutionStatusIcon/ExecutionStatusIcon.cjs");
38
39
  const ToolResourceIcon_index_cjs_namespaceObject = require("../components/ToolResourceIcon/index.cjs");
39
40
  const agent_flow_store_cjs_namespaceObject = require("../store/agent-flow-store.cjs");
41
+ const alwaysShowNotches = ()=>true;
40
42
  const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ data, selected, id, mode, hasError = false, hasSuccess = false, hasRunning = false, onEnable, onDisable, onAddBreakpoint, onRemoveBreakpoint, onAddGuardrail, onGoToSource, translations, suggestionTranslations, suggestionGroupVersion, ...nodeProps })=>{
41
43
  const { nodes: _nodes, deleteNode, actOnSuggestion } = (0, agent_flow_store_cjs_namespaceObject.useAgentFlowStore)();
42
44
  const edges = (0, agent_flow_store_cjs_namespaceObject.useEdges)();
@@ -431,38 +433,56 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
431
433
  return 'uipath.resource.tool';
432
434
  }
433
435
  };
434
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
435
- ...nodeProps,
436
- type: getResourceNodeType(),
437
- data: {
438
- ...data,
439
- display: {
440
- iconBackground: 'var(--uix-canvas-background-secondary)',
441
- label: data.name,
442
- subLabel: data.originalName,
443
- shape: 'circle'
444
- }
445
- },
446
- id: id,
447
- selected: selected,
448
- draggable: false,
449
- selectable: true,
450
- deletable: !isSuggestion,
451
- labelTooltip: displayTooltips ? data.description : void 0,
452
- labelBackgroundColor: "var(--uix-canvas-background-secondary)",
453
- disabled: isDisabled,
454
- executionStatusOverride: executionStatus,
455
- suggestionType: suggestionType,
456
- iconComponent: resourceIcon,
457
- handleConfigurations: handleConfigurations,
458
- toolbarConfig: toolbarConfig,
459
- adornments: {
460
- topLeft: breakpointAdornment,
461
- topRight: statusAdornment,
462
- bottomLeft: suggestionAdornment,
463
- bottomRight: guardrailsAdornment
464
- },
465
- shouldShowButtonHandleNotchesFn: ()=>true
436
+ const baseNodeConfig = (0, external_react_namespaceObject.useMemo)(()=>({
437
+ labelTooltip: displayTooltips ? data.description : void 0,
438
+ labelBackgroundColor: 'var(--uix-canvas-background-secondary)',
439
+ disabled: isDisabled,
440
+ executionStatusOverride: executionStatus,
441
+ suggestionType,
442
+ iconComponent: resourceIcon,
443
+ handleConfigurations,
444
+ toolbarConfig,
445
+ adornments: {
446
+ topLeft: breakpointAdornment,
447
+ topRight: statusAdornment,
448
+ bottomLeft: suggestionAdornment,
449
+ bottomRight: guardrailsAdornment
450
+ },
451
+ shouldShowButtonHandleNotchesFn: alwaysShowNotches
452
+ }), [
453
+ displayTooltips,
454
+ data.description,
455
+ isDisabled,
456
+ executionStatus,
457
+ suggestionType,
458
+ resourceIcon,
459
+ handleConfigurations,
460
+ toolbarConfig,
461
+ breakpointAdornment,
462
+ statusAdornment,
463
+ suggestionAdornment,
464
+ guardrailsAdornment
465
+ ]);
466
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNodeConfigContext_cjs_namespaceObject.BaseNodeOverrideConfigProvider, {
467
+ value: baseNodeConfig,
468
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseNode_cjs_namespaceObject.BaseNode, {
469
+ ...nodeProps,
470
+ type: getResourceNodeType(),
471
+ data: {
472
+ ...data,
473
+ display: {
474
+ iconBackground: 'var(--uix-canvas-background-secondary)',
475
+ label: data.name,
476
+ subLabel: data.originalName,
477
+ shape: 'circle'
478
+ }
479
+ },
480
+ id: id,
481
+ selected: selected,
482
+ draggable: false,
483
+ selectable: true,
484
+ deletable: !isSuggestion
485
+ })
466
486
  });
467
487
  });
468
488
  exports.ResourceNode = __webpack_exports__.ResourceNode;
@@ -1 +1 @@
1
- {"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC5B,MAAM,gBAAgB,CAAC;AASxB,UAAU,iBAAkB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAClE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACnF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACjF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,2QAmBpB,iBAAiB,6CA+ZrB,CAAC"}
1
+ {"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC5B,MAAM,gBAAgB,CAAC;AAexB,UAAU,iBAAkB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAClE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACnF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACjF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,2QAmBpB,iBAAiB,6CAmbrB,CAAC"}
@@ -6,9 +6,11 @@ import { ApIcon } from "../../../../material/components/index.js";
6
6
  import { memo, useCallback, useMemo } from "react";
7
7
  import { DefaultSuggestionTranslations } from "../../../types.js";
8
8
  import { BaseNode } from "../../BaseNode/BaseNode.js";
9
+ import { BaseNodeOverrideConfigProvider } from "../../BaseNode/BaseNodeConfigContext.js";
9
10
  import { ExecutionStatusIcon } from "../../ExecutionStatusIcon/ExecutionStatusIcon.js";
10
11
  import { ToolResourceIcon } from "../components/ToolResourceIcon/index.js";
11
12
  import { useAgentFlowStore, useEdges } from "../store/agent-flow-store.js";
13
+ const alwaysShowNotches = ()=>true;
12
14
  const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError = false, hasSuccess = false, hasRunning = false, onEnable, onDisable, onAddBreakpoint, onRemoveBreakpoint, onAddGuardrail, onGoToSource, translations, suggestionTranslations, suggestionGroupVersion, ...nodeProps })=>{
13
15
  const { nodes: _nodes, deleteNode, actOnSuggestion } = useAgentFlowStore();
14
16
  const edges = useEdges();
@@ -403,38 +405,56 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
403
405
  return 'uipath.resource.tool';
404
406
  }
405
407
  };
406
- return /*#__PURE__*/ jsx(BaseNode, {
407
- ...nodeProps,
408
- type: getResourceNodeType(),
409
- data: {
410
- ...data,
411
- display: {
412
- iconBackground: 'var(--uix-canvas-background-secondary)',
413
- label: data.name,
414
- subLabel: data.originalName,
415
- shape: 'circle'
416
- }
417
- },
418
- id: id,
419
- selected: selected,
420
- draggable: false,
421
- selectable: true,
422
- deletable: !isSuggestion,
423
- labelTooltip: displayTooltips ? data.description : void 0,
424
- labelBackgroundColor: "var(--uix-canvas-background-secondary)",
425
- disabled: isDisabled,
426
- executionStatusOverride: executionStatus,
427
- suggestionType: suggestionType,
428
- iconComponent: resourceIcon,
429
- handleConfigurations: handleConfigurations,
430
- toolbarConfig: toolbarConfig,
431
- adornments: {
432
- topLeft: breakpointAdornment,
433
- topRight: statusAdornment,
434
- bottomLeft: suggestionAdornment,
435
- bottomRight: guardrailsAdornment
436
- },
437
- shouldShowButtonHandleNotchesFn: ()=>true
408
+ const baseNodeConfig = useMemo(()=>({
409
+ labelTooltip: displayTooltips ? data.description : void 0,
410
+ labelBackgroundColor: 'var(--uix-canvas-background-secondary)',
411
+ disabled: isDisabled,
412
+ executionStatusOverride: executionStatus,
413
+ suggestionType,
414
+ iconComponent: resourceIcon,
415
+ handleConfigurations,
416
+ toolbarConfig,
417
+ adornments: {
418
+ topLeft: breakpointAdornment,
419
+ topRight: statusAdornment,
420
+ bottomLeft: suggestionAdornment,
421
+ bottomRight: guardrailsAdornment
422
+ },
423
+ shouldShowButtonHandleNotchesFn: alwaysShowNotches
424
+ }), [
425
+ displayTooltips,
426
+ data.description,
427
+ isDisabled,
428
+ executionStatus,
429
+ suggestionType,
430
+ resourceIcon,
431
+ handleConfigurations,
432
+ toolbarConfig,
433
+ breakpointAdornment,
434
+ statusAdornment,
435
+ suggestionAdornment,
436
+ guardrailsAdornment
437
+ ]);
438
+ return /*#__PURE__*/ jsx(BaseNodeOverrideConfigProvider, {
439
+ value: baseNodeConfig,
440
+ children: /*#__PURE__*/ jsx(BaseNode, {
441
+ ...nodeProps,
442
+ type: getResourceNodeType(),
443
+ data: {
444
+ ...data,
445
+ display: {
446
+ iconBackground: 'var(--uix-canvas-background-secondary)',
447
+ label: data.name,
448
+ subLabel: data.originalName,
449
+ shape: 'circle'
450
+ }
451
+ },
452
+ id: id,
453
+ selected: selected,
454
+ draggable: false,
455
+ selectable: true,
456
+ deletable: !isSuggestion
457
+ })
438
458
  });
439
459
  });
440
460
  export { ResourceNode };
@@ -39,7 +39,7 @@ const external_usePreventBackNavigation_cjs_namespaceObject = require("./usePrev
39
39
  const BaseCanvasInnerComponent = (props)=>{
40
40
  const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
41
41
  const fitViewOptions = fitViewOptionsProps ?? external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.fitViewOptions;
42
- const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
42
+ const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.pro, connectionMode = react_cjs_namespaceObject.ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = external_BaseCanvas_constants_cjs_namespaceObject.BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, collapsed, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
43
43
  const isInteractive = 'readonly' !== mode;
44
44
  const isDesignMode = 'design' === mode;
45
45
  const [reactFlowInstance, setReactFlowInstance] = (0, external_react_namespaceObject.useState)();
@@ -47,7 +47,7 @@ const BaseCanvasInnerComponent = (props)=>{
47
47
  const { ensureNodesInView, ensureAllNodesInView, centerNode } = (0, external_BaseCanvas_hooks_cjs_namespaceObject.useEnsureNodesInView)();
48
48
  (0, external_usePreventBackNavigation_cjs_namespaceObject.usePreventBackNavigation)();
49
49
  (0, external_BaseCanvas_hooks_cjs_namespaceObject.useMaintainNodesInView)(maintainNodesInView, fitViewOptions);
50
- (0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints);
50
+ (0, ToolbarActionContext_cjs_namespaceObject.useToolbarActionStore)(mode, onToolbarAction, breakpoints, collapsed);
51
51
  const handleInit = (0, external_react_namespaceObject.useCallback)((instance)=>{
52
52
  setReactFlowInstance(instance);
53
53
  onInit?.(instance);
@@ -1 +1 @@
1
- {"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAuMzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}
1
+ {"version":3,"file":"BaseCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAqB,MAAM,0CAA0C,CAAC;AAE9F,OAAO,EAIL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAwMzE,eAAO,MAAM,UAAU,EAKjB,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC/D,KAAK,EAAE,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;CACpD,KACE,YAAY,CAAC"}
@@ -11,7 +11,7 @@ import { usePreventBackNavigation } from "./usePreventBackNavigation.js";
11
11
  const BaseCanvasInnerComponent = (props)=>{
12
12
  const { innerRef, fitViewOptions: fitViewOptionsProps, ...canvasProps } = props;
13
13
  const fitViewOptions = fitViewOptionsProps ?? BASE_CANVAS_DEFAULTS.fitViewOptions;
14
- const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
14
+ const { nodes = [], edges = [], nodeTypes, edgeTypes, children, mode = 'view', showBackground = true, backgroundColor = BASE_CANVAS_DEFAULTS.background.color, backgroundSecondaryColor = BASE_CANVAS_DEFAULTS.background.bgColor, backgroundVariant = BASE_CANVAS_DEFAULTS.background.variant, backgroundGap = BASE_CANVAS_DEFAULTS.background.gap, backgroundSize = BASE_CANVAS_DEFAULTS.background.size, isDarkMode, minZoom = BASE_CANVAS_DEFAULTS.zoom.min, maxZoom = BASE_CANVAS_DEFAULTS.zoom.max, defaultViewport = BASE_CANVAS_DEFAULTS.defaultViewport, defaultEdgeOptions = BASE_CANVAS_DEFAULTS.edge, onNodesChange, onEdgesChange, onConnect, onConnectStart, onConnectEnd, onNodeClick, onNodeDragStart, onNodeDrag, onNodeDragStop, onPaneClick, onInit, onSelectionChange, proOptions = BASE_CANVAS_DEFAULTS.pro, connectionMode = ConnectionMode.Loose, connectionLineComponent, connectionLineStyle, deleteKeyCode = null, selectNodesOnDrag = true, nodesDraggable = true, nodesConnectable = true, elementsSelectable = true, onlyRenderVisibleElements = true, zoomOnDoubleClick = true, snapToGrid = BASE_CANVAS_DEFAULTS.snapToGrid, snapGrid = BASE_CANVAS_DEFAULTS.snapGrid, initialAutoLayout, maintainNodesInView, onToolbarAction, breakpoints, collapsed, panShortcutTeachingUIMessage = 'Hold Space and drag to pan around the canvas!', ...reactFlowProps } = canvasProps;
15
15
  const isInteractive = 'readonly' !== mode;
16
16
  const isDesignMode = 'design' === mode;
17
17
  const [reactFlowInstance, setReactFlowInstance] = useState();
@@ -19,7 +19,7 @@ const BaseCanvasInnerComponent = (props)=>{
19
19
  const { ensureNodesInView, ensureAllNodesInView, centerNode } = useEnsureNodesInView();
20
20
  usePreventBackNavigation();
21
21
  useMaintainNodesInView(maintainNodesInView, fitViewOptions);
22
- useToolbarActionStore(mode, onToolbarAction, breakpoints);
22
+ useToolbarActionStore(mode, onToolbarAction, breakpoints, collapsed);
23
23
  const handleInit = useCallback((instance)=>{
24
24
  setReactFlowInstance(instance);
25
25
  onInit?.(instance);
@@ -28,6 +28,7 @@ export interface BaseCanvasProps<NodeType extends Node = Node, EdgeType extends
28
28
  onToolbarAction?: ToolbarActionHandler;
29
29
  breakpoints?: Set<string>;
30
30
  isDarkMode?: boolean;
31
+ collapsed?: Set<string>;
31
32
  }
32
33
  export interface EnsureNodesInViewOptions {
33
34
  padding?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}
1
+ {"version":3,"file":"BaseCanvas.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseCanvas/BaseCanvas.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,iBAAiB,EACjB,cAAc,EACf,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,MAAM,WAAW,wBAAwB;IAOvC,OAAO,CAAC,EACJ,MAAM,GACN;QACE,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IAON,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AASD,MAAM,WAAW,eAAe,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI,CACzF,SAAQ,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAe1C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAOtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAOrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAOlC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAOtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAOvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAcxB,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAkB/C,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM/B,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAUtC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAK1C,eAAe,CAAC,EAAE,oBAAoB,CAAC;IAMvC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAW1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAMrB,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAMD,MAAM,WAAW,wBAAwB;IAKvC,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,OAAO,CAAC,EAAE,MAAM,CAAC;IAMjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAOjB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AASD,MAAM,WAAW,aAAa,CAAC,QAAQ,SAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,SAAS,IAAI,GAAG,IAAI;IAgBvF,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAa/E,oBAAoB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAiB/D,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAyBrE,SAAS,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC;CAC9D"}
@@ -46,10 +46,12 @@ const SmartHandle_cjs_namespaceObject = require("../ButtonHandle/SmartHandle.cjs
46
46
  const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
47
47
  const external_Toolbar_index_cjs_namespaceObject = require("../Toolbar/index.cjs");
48
48
  const external_BaseNode_styles_cjs_namespaceObject = require("./BaseNode.styles.cjs");
49
+ const external_BaseNodeConfigContext_cjs_namespaceObject = require("./BaseNodeConfigContext.cjs");
49
50
  const external_NodeLabel_cjs_namespaceObject = require("./NodeLabel.cjs");
50
51
  const selectIsConnecting = (state)=>!!state.connectionClickStartHandle;
51
52
  const BaseNodeComponent = (props)=>{
52
- const { type, data, selected, id, dragging, width, height, onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = props;
53
+ const { type, data, selected, id, dragging, width, height } = props;
54
+ const { onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
53
55
  const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
54
56
  const { updateNodeData, updateNode } = (0, react_cjs_namespaceObject.useReactFlow)();
55
57
  const containerRef = (0, external_react_namespaceObject.useRef)(null);
@@ -63,6 +65,7 @@ const BaseNodeComponent = (props)=>{
63
65
  const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
64
66
  const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
65
67
  const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
68
+ const { collapsed } = (0, external_hooks_index_cjs_namespaceObject.getToolbarActionStore)();
66
69
  const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
67
70
  type,
68
71
  nodeTypeRegistry
@@ -86,9 +89,15 @@ const BaseNodeComponent = (props)=>{
86
89
  const shouldShowAddButtonFn = shouldShowAddButtonFnProp;
87
90
  const shouldShowButtonHandleNotchesFn = shouldShowButtonHandleNotchesFnProp;
88
91
  const executionStatus = executionStatusOverride ?? ('string' == typeof executionState ? executionState : executionState?.status);
89
- const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, data.display), [
92
+ const display = (0, external_react_namespaceObject.useMemo)(()=>(0, manifest_resolver_cjs_namespaceObject.resolveDisplay)(manifest?.display, {
93
+ ...data.display,
94
+ nodeId: id,
95
+ collapsed
96
+ }), [
90
97
  manifest,
91
- data.display
98
+ data.display,
99
+ id,
100
+ collapsed
92
101
  ]);
93
102
  const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
94
103
  if (void 0 !== iconComponent) return iconComponent;
@@ -101,7 +110,11 @@ const BaseNodeComponent = (props)=>{
101
110
  const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
102
111
  if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;
103
112
  if (!manifest) return [];
104
- const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, data);
113
+ const resolved = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, {
114
+ ...data,
115
+ nodeId: id,
116
+ collapsed
117
+ });
105
118
  return resolved.map((group)=>({
106
119
  position: group.position,
107
120
  handles: group.handles.map((h)=>({
@@ -126,7 +139,8 @@ const BaseNodeComponent = (props)=>{
126
139
  }, [
127
140
  toolbarConfigProp,
128
141
  manifest,
129
- statusContext
142
+ statusContext,
143
+ collapsed
130
144
  ]);
131
145
  const adornments = (0, external_react_namespaceObject.useMemo)(()=>{
132
146
  const adornmentsFromProps = adornmentsProp ?? {};
@@ -1,3 +1,4 @@
1
- import type { BaseNodeComponentProps } from './BaseNode.types';
2
- export declare const BaseNode: import("react").MemoExoticComponent<(props: BaseNodeComponentProps) => import("react/jsx-runtime").JSX.Element>;
1
+ import type { Node, NodeProps } from '../../xyflow/react.ts';
2
+ import type { BaseNodeData } from './BaseNode.types';
3
+ export declare const BaseNode: import("react").MemoExoticComponent<(props: NodeProps<Node<BaseNodeData>>) => import("react/jsx-runtime").JSX.Element>;
3
4
  //# sourceMappingURL=BaseNode.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EACV,sBAAsB,EAIvB,MAAM,kBAAkB,CAAC;AAkgB1B,eAAO,MAAM,QAAQ,8CA7fa,sBAAsB,6CA6fT,CAAC"}
1
+ {"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAkChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAggB1B,eAAO,MAAM,QAAQ,8CA3fa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CA2fhB,CAAC"}