@uipath/apollo-react 6.45.3 → 6.46.0

package/dist/canvas/components/Guardrails/components/guardrail-scope-selector.d.ts

@@ -0,0 +1,15 @@
+import type { GuardrailScope, GuardrailSelector } from '../builder-types';
+import type { GuardrailBuilderLabels } from '../i18n';
+export interface GuardrailScopeSelectorProps {
+    selector: GuardrailSelector;
+    onChange: (selector: GuardrailSelector) => void;
+    availableToolNames?: string[];
+    allowedScopes?: GuardrailScope[];
+    errors?: {
+        scopes?: string;
+        toolNames?: string;
+    };
+    labels: GuardrailBuilderLabels;
+}
+export declare function GuardrailScopeSelector({ selector, onChange, availableToolNames, allowedScopes, errors, labels, }: GuardrailScopeSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=guardrail-scope-selector.d.ts.map

package/dist/canvas/components/Guardrails/components/guardrail-scope-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-scope-selector.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/components/guardrail-scope-selector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAMtD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAEhD,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE9B,aAAa,CAAC,EAAE,cAAc,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,MAAM,EAAE,sBAAsB,CAAC;CAChC;AAMD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,kBAAuB,EACvB,aAAa,EACb,MAAM,EACN,MAAM,GACP,EAAE,2BAA2B,2CAkK7B"}

package/dist/canvas/components/Guardrails/components/guardrail-scope-selector.js

@@ -0,0 +1,183 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormField, FormFieldError, Label, RequiredIndicator } from "@uipath/apollo-wind";
+import { Check, Plus } from "lucide-react";
+import { useCallback, useEffect, useId, useMemo } from "react";
+import { FieldShell } from "./field-shell.js";
+import { GuardrailChip } from "./guardrail-chip.js";
+const ALL_SCOPES = [
+    'Agent',
+    'Llm',
+    'Tool'
+];
+function GuardrailScopeSelector({ selector, onChange, availableToolNames = [], allowedScopes, errors, labels }) {
+    const uid = useId();
+    const scopeLabels = useMemo(()=>({
+            Agent: labels.scopeAgentLabel,
+            Llm: labels.scopeLlmLabel,
+            Tool: labels.scopeToolLabel
+        }), [
+        labels
+    ]);
+    const selectedScopes = useMemo(()=>selector.scopes ?? [], [
+        selector.scopes
+    ]);
+    const hasTools = availableToolNames.length > 0;
+    const visibleScopes = useMemo(()=>{
+        const scopes = allowedScopes ?? ALL_SCOPES;
+        return hasTools ? scopes : scopes.filter((s)=>'Tool' !== s);
+    }, [
+        allowedScopes,
+        hasTools
+    ]);
+    useEffect(()=>{
+        if (!hasTools && selectedScopes.includes('Tool')) {
+            const cleaned = selectedScopes.filter((s)=>'Tool' !== s);
+            onChange({
+                scopes: cleaned
+            });
+        }
+    }, [
+        hasTools,
+        selectedScopes,
+        onChange
+    ]);
+    const handleToggleScope = useCallback((scope)=>{
+        const isSelected = selectedScopes.includes(scope);
+        const newScopes = isSelected ? selectedScopes.filter((s)=>s !== scope) : [
+            ...selectedScopes,
+            scope
+        ];
+        const hasToolScope = newScopes.includes('Tool');
+        if (hasToolScope) isSelected || 'Tool' !== scope ? onChange({
+            scopes: newScopes,
+            matchNames: selector.matchNames ?? [
+                ...availableToolNames
+            ]
+        }) : onChange({
+            scopes: newScopes,
+            matchNames: [
+                ...availableToolNames
+            ]
+        });
+        else onChange({
+            scopes: newScopes
+        });
+    }, [
+        selectedScopes,
+        selector.matchNames,
+        availableToolNames,
+        onChange
+    ]);
+    const handleToggleTool = useCallback((toolName)=>{
+        const current = selector.matchNames ?? [];
+        const isSelected = current.includes(toolName);
+        const newMatchNames = isSelected ? current.filter((n)=>n !== toolName) : [
+            ...current,
+            toolName
+        ];
+        onChange({
+            ...selector,
+            matchNames: newMatchNames
+        });
+    }, [
+        selector,
+        onChange
+    ]);
+    const selectedTools = useMemo(()=>selector.matchNames ?? [], [
+        selector.matchNames
+    ]);
+    const hasToolScope = selectedScopes.includes('Tool');
+    const targetedTools = useMemo(()=>selectedTools.filter((name)=>availableToolNames.includes(name)), [
+        selectedTools,
+        availableToolNames
+    ]);
+    const addableTools = useMemo(()=>availableToolNames.filter((name)=>!selectedTools.includes(name)), [
+        availableToolNames,
+        selectedTools
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "guardrail-scope-selector",
+        className: "space-y-3",
+        children: [
+            /*#__PURE__*/ jsxs(FormField, {
+                children: [
+                    /*#__PURE__*/ jsxs(Label, {
+                        id: `${uid}-scopes-label`,
+                        children: [
+                            labels.scopesLabel,
+                            /*#__PURE__*/ jsx(RequiredIndicator, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(FieldShell, {
+                        invalid: Boolean(errors?.scopes),
+                        children: /*#__PURE__*/ jsx("div", {
+                            role: "group",
+                            "aria-labelledby": `${uid}-scopes-label`,
+                            "aria-invalid": errors?.scopes ? true : void 0,
+                            "aria-describedby": errors?.scopes ? `${uid}-scopes-error` : void 0,
+                            className: "flex flex-wrap gap-1.5",
+                            children: visibleScopes.map((scope)=>/*#__PURE__*/ jsx(GuardrailChip, {
+                                    pressed: selectedScopes.includes(scope),
+                                    onPressedChange: ()=>handleToggleScope(scope),
+                                    children: scopeLabels[scope]
+                                }, scope))
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(FormFieldError, {
+                        id: `${uid}-scopes-error`,
+                        children: errors?.scopes
+                    })
+                ]
+            }),
+            hasToolScope && availableToolNames.length > 0 && /*#__PURE__*/ jsxs(FormField, {
+                children: [
+                    /*#__PURE__*/ jsxs(Label, {
+                        id: `${uid}-tools-label`,
+                        children: [
+                            labels.toolsLabel,
+                            /*#__PURE__*/ jsx(RequiredIndicator, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(FieldShell, {
+                        invalid: Boolean(errors?.toolNames),
+                        children: /*#__PURE__*/ jsxs("div", {
+                            role: "group",
+                            "aria-labelledby": `${uid}-tools-label`,
+                            "aria-invalid": errors?.toolNames ? true : void 0,
+                            "aria-describedby": errors?.toolNames ? `${uid}-tools-error` : void 0,
+                            className: "flex flex-wrap gap-1.5",
+                            children: [
+                                targetedTools.map((name)=>/*#__PURE__*/ jsxs(GuardrailChip, {
+                                        pressed: true,
+                                        onPressedChange: ()=>handleToggleTool(name),
+                                        children: [
+                                            /*#__PURE__*/ jsx(Check, {
+                                                "aria-hidden": "true"
+                                            }),
+                                            name
+                                        ]
+                                    }, `targeted-${name}`)),
+                                addableTools.map((name)=>/*#__PURE__*/ jsxs(GuardrailChip, {
+                                        appearance: "addable",
+                                        pressed: false,
+                                        onPressedChange: ()=>handleToggleTool(name),
+                                        children: [
+                                            /*#__PURE__*/ jsx(Plus, {
+                                                "aria-hidden": "true"
+                                            }),
+                                            name
+                                        ]
+                                    }, `addable-${name}`))
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(FormFieldError, {
+                        id: `${uid}-tools-error`,
+                        children: errors?.toolNames
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { GuardrailScopeSelector };

package/dist/canvas/components/Guardrails/components/guardrail-status-banner.cjs

@@ -0,0 +1,61 @@
+"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__, {
+    GuardrailStatusBanner: ()=>GuardrailStatusBanner
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_lucide_react_namespaceObject = require("lucide-react");
+function GuardrailStatusBanner({ tone, message }) {
+    if ('error' === tone) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Alert, {
+        variant: "destructive",
+        "data-slot": "guardrail-status-banner",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertCircle, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.AlertDescription, {
+                children: message
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Alert, {
+        variant: "warning",
+        role: "status",
+        "data-slot": "guardrail-status-banner",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertTriangle, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.AlertDescription, {
+                children: message
+            })
+        ]
+    });
+}
+exports.GuardrailStatusBanner = __webpack_exports__.GuardrailStatusBanner;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GuardrailStatusBanner"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/components/guardrail-status-banner.d.ts

@@ -0,0 +1,6 @@
+export interface GuardrailStatusBannerProps {
+    tone: 'error' | 'warning';
+    message: string;
+}
+export declare function GuardrailStatusBanner({ tone, message }: GuardrailStatusBannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=guardrail-status-banner.d.ts.map

package/dist/canvas/components/Guardrails/components/guardrail-status-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-status-banner.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/components/guardrail-status-banner.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB;AAGD,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,0BAA0B,2CAiBlF"}

package/dist/canvas/components/Guardrails/components/guardrail-status-banner.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Alert, AlertDescription } from "@uipath/apollo-wind";
+import { AlertCircle, AlertTriangle } from "lucide-react";
+function GuardrailStatusBanner({ tone, message }) {
+    if ('error' === tone) return /*#__PURE__*/ jsxs(Alert, {
+        variant: "destructive",
+        "data-slot": "guardrail-status-banner",
+        children: [
+            /*#__PURE__*/ jsx(AlertCircle, {}),
+            /*#__PURE__*/ jsx(AlertDescription, {
+                children: message
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsxs(Alert, {
+        variant: "warning",
+        role: "status",
+        "data-slot": "guardrail-status-banner",
+        children: [
+            /*#__PURE__*/ jsx(AlertTriangle, {}),
+            /*#__PURE__*/ jsx(AlertDescription, {
+                children: message
+            })
+        ]
+    });
+}
+export { GuardrailStatusBanner };

package/dist/canvas/components/Guardrails/components/map-enum-field.cjs

@@ -0,0 +1,116 @@
+"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__, {
+    MapEnumField: ()=>MapEnumField
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_react_namespaceObject = require("react");
+const external_parameter_label_cjs_namespaceObject = require("./parameter-label.cjs");
+function MapEnumField(props) {
+    const { value, onChange, error } = props;
+    const paramDef = props.paramDef;
+    const sourceDef = props.sourceDef;
+    const labels = props.labels;
+    const sourceSelection = props.sourceSelection;
+    const watchedSelection = (0, apollo_wind_namespaceObject.useWatch)({
+        name: paramDef.keySource ?? '__guardrail-no-key-source'
+    });
+    const keys = (Array.isArray(watchedSelection) ? watchedSelection : void 0) ?? sourceSelection ?? sourceDef?.defaultValue ?? [];
+    const currentMap = (0, external_react_namespaceObject.useMemo)(()=>(value && 'object' == typeof value && !Array.isArray(value) ? value : paramDef.defaultValue) ?? {}, [
+        value,
+        paramDef.defaultValue
+    ]);
+    const defaults = (0, external_react_namespaceObject.useMemo)(()=>paramDef.defaultValue ?? {}, [
+        paramDef.defaultValue
+    ]);
+    const handleThresholdChange = (0, external_react_namespaceObject.useCallback)((key, threshold)=>{
+        onChange({
+            ...currentMap,
+            [key]: threshold
+        });
+    }, [
+        currentMap,
+        onChange
+    ]);
+    if (0 === keys.length) {
+        if (!error) return null;
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.FormField, {
+            "data-slot": "guardrail-map-enum-field",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_parameter_label_cjs_namespaceObject.ParameterLabel, {
+                    paramDef: paramDef,
+                    labels: labels
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldError, {
+                    children: error
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.FormField, {
+        "data-slot": "guardrail-map-enum-field",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_parameter_label_cjs_namespaceObject.ParameterLabel, {
+                paramDef: paramDef,
+                labels: labels
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "grid gap-1.5",
+                children: keys.map((key)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex items-center gap-3",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Label, {
+                                variant: "muted",
+                                className: "w-1/3 truncate",
+                                children: sourceDef?.optionLabels?.[key] ?? key
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Input, {
+                                "aria-label": `${paramDef.label}: ${sourceDef?.optionLabels?.[key] ?? key}`,
+                                type: "number",
+                                value: currentMap[key] ?? defaults[key] ?? paramDef.min ?? 0,
+                                onChange: (e)=>handleThresholdChange(key, Number.parseFloat(e.target.value) || 0),
+                                min: paramDef.min,
+                                max: paramDef.max,
+                                step: paramDef.step,
+                                className: "flex-1"
+                            })
+                        ]
+                    }, key))
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldError, {
+                children: error
+            })
+        ]
+    });
+}
+exports.MapEnumField = __webpack_exports__.MapEnumField;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "MapEnumField"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/components/map-enum-field.d.ts

@@ -0,0 +1,3 @@
+import type { CustomFieldComponentProps } from '@uipath/apollo-wind';
+export declare function MapEnumField(props: CustomFieldComponentProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=map-enum-field.d.ts.map

package/dist/canvas/components/Guardrails/components/map-enum-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-enum-field.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/components/map-enum-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAgBrE,wBAAgB,YAAY,CAAC,KAAK,EAAE,yBAAyB,kDAgF5D"}

package/dist/canvas/components/Guardrails/components/map-enum-field.js

@@ -0,0 +1,82 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormField, FormFieldError, Input, Label, useWatch } from "@uipath/apollo-wind";
+import { useCallback, useMemo } from "react";
+import { ParameterLabel } from "./parameter-label.js";
+function MapEnumField(props) {
+    const { value, onChange, error } = props;
+    const paramDef = props.paramDef;
+    const sourceDef = props.sourceDef;
+    const labels = props.labels;
+    const sourceSelection = props.sourceSelection;
+    const watchedSelection = useWatch({
+        name: paramDef.keySource ?? '__guardrail-no-key-source'
+    });
+    const keys = (Array.isArray(watchedSelection) ? watchedSelection : void 0) ?? sourceSelection ?? sourceDef?.defaultValue ?? [];
+    const currentMap = useMemo(()=>(value && 'object' == typeof value && !Array.isArray(value) ? value : paramDef.defaultValue) ?? {}, [
+        value,
+        paramDef.defaultValue
+    ]);
+    const defaults = useMemo(()=>paramDef.defaultValue ?? {}, [
+        paramDef.defaultValue
+    ]);
+    const handleThresholdChange = useCallback((key, threshold)=>{
+        onChange({
+            ...currentMap,
+            [key]: threshold
+        });
+    }, [
+        currentMap,
+        onChange
+    ]);
+    if (0 === keys.length) {
+        if (!error) return null;
+        return /*#__PURE__*/ jsxs(FormField, {
+            "data-slot": "guardrail-map-enum-field",
+            children: [
+                /*#__PURE__*/ jsx(ParameterLabel, {
+                    paramDef: paramDef,
+                    labels: labels
+                }),
+                /*#__PURE__*/ jsx(FormFieldError, {
+                    children: error
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsxs(FormField, {
+        "data-slot": "guardrail-map-enum-field",
+        children: [
+            /*#__PURE__*/ jsx(ParameterLabel, {
+                paramDef: paramDef,
+                labels: labels
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "grid gap-1.5",
+                children: keys.map((key)=>/*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-3",
+                        children: [
+                            /*#__PURE__*/ jsx(Label, {
+                                variant: "muted",
+                                className: "w-1/3 truncate",
+                                children: sourceDef?.optionLabels?.[key] ?? key
+                            }),
+                            /*#__PURE__*/ jsx(Input, {
+                                "aria-label": `${paramDef.label}: ${sourceDef?.optionLabels?.[key] ?? key}`,
+                                type: "number",
+                                value: currentMap[key] ?? defaults[key] ?? paramDef.min ?? 0,
+                                onChange: (e)=>handleThresholdChange(key, Number.parseFloat(e.target.value) || 0),
+                                min: paramDef.min,
+                                max: paramDef.max,
+                                step: paramDef.step,
+                                className: "flex-1"
+                            })
+                        ]
+                    }, key))
+            }),
+            /*#__PURE__*/ jsx(FormFieldError, {
+                children: error
+            })
+        ]
+    });
+}
+export { MapEnumField };

package/dist/canvas/components/Guardrails/components/mixed-scopes-banner.cjs

@@ -0,0 +1,69 @@
+"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__, {
+    MixedScopesBanner: ()=>MixedScopesBanner
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_lucide_react_namespaceObject = require("lucide-react");
+function MixedScopesBanner({ otherAppliedScopes, labels }) {
+    if (!otherAppliedScopes) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Alert, {
+        variant: "info",
+        "data-slot": "guardrail-mixed-scopes-banner",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertCircle, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.AlertDescription, {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                        children: labels.mixedScopesAlsoApplied
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("ul", {
+                        className: "list-disc pl-5 mt-1",
+                        children: [
+                            otherAppliedScopes.scopes.map((scope)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                                    children: scope
+                                }, `scope:${scope}`)),
+                            otherAppliedScopes.tools.map((tool)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+                                    children: tool
+                                }, `tool:${tool}`))
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                        children: labels.mixedScopesSaveAsNewHint
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.MixedScopesBanner = __webpack_exports__.MixedScopesBanner;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "MixedScopesBanner"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/components/mixed-scopes-banner.d.ts

@@ -0,0 +1,10 @@
+import type { GuardrailBuilderLabels } from '../i18n';
+export interface MixedScopesBannerProps {
+    otherAppliedScopes: {
+        scopes: string[];
+        tools: string[];
+    } | null;
+    labels: Pick<GuardrailBuilderLabels, 'mixedScopesAlsoApplied' | 'mixedScopesSaveAsNewHint'>;
+}
+export declare function MixedScopesBanner({ otherAppliedScopes, labels }: MixedScopesBannerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=mixed-scopes-banner.d.ts.map

package/dist/canvas/components/Guardrails/components/mixed-scopes-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixed-scopes-banner.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/components/mixed-scopes-banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IAErC,kBAAkB,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,IAAI,CAAC;IACjE,MAAM,EAAE,IAAI,CAAC,sBAAsB,EAAE,wBAAwB,GAAG,0BAA0B,CAAC,CAAC;CAC7F;AAMD,wBAAgB,iBAAiB,CAAC,EAAE,kBAAkB,EAAE,MAAM,EAAE,EAAE,sBAAsB,kDAuBvF"}

package/dist/canvas/components/Guardrails/components/mixed-scopes-banner.js

@@ -0,0 +1,35 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Alert, AlertDescription } from "@uipath/apollo-wind";
+import { AlertCircle } from "lucide-react";
+function MixedScopesBanner({ otherAppliedScopes, labels }) {
+    if (!otherAppliedScopes) return null;
+    return /*#__PURE__*/ jsxs(Alert, {
+        variant: "info",
+        "data-slot": "guardrail-mixed-scopes-banner",
+        children: [
+            /*#__PURE__*/ jsx(AlertCircle, {}),
+            /*#__PURE__*/ jsxs(AlertDescription, {
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        children: labels.mixedScopesAlsoApplied
+                    }),
+                    /*#__PURE__*/ jsxs("ul", {
+                        className: "list-disc pl-5 mt-1",
+                        children: [
+                            otherAppliedScopes.scopes.map((scope)=>/*#__PURE__*/ jsx("li", {
+                                    children: scope
+                                }, `scope:${scope}`)),
+                            otherAppliedScopes.tools.map((tool)=>/*#__PURE__*/ jsx("li", {
+                                    children: tool
+                                }, `tool:${tool}`))
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        children: labels.mixedScopesSaveAsNewHint
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { MixedScopesBanner };