@uipath/apollo-react 6.51.0 → 6.53.0

package/dist/canvas/components/Guardrails/__fixtures__/guardrail-palette.fixtures.d.ts

@@ -0,0 +1,10 @@
+import type { GuardrailPaletteDefinition } from '../palette-types';
+export declare const PII_DEFINITION: GuardrailPaletteDefinition;
+export declare const PROMPT_ATTACKS_DEFINITION: GuardrailPaletteDefinition;
+export declare const UNAUTHORIZED_DEFINITION: GuardrailPaletteDefinition;
+export declare const BYO_FOLDER_DEFINITION: GuardrailPaletteDefinition;
+export declare const BYO_SECOND_CONNECTION_DEFINITION: GuardrailPaletteDefinition;
+export declare const BYO_CONNECTOR_ONLY_DEFINITION: GuardrailPaletteDefinition;
+export declare const UIPATH_DEFINITIONS: GuardrailPaletteDefinition[];
+export declare const MIXED_DEFINITIONS: GuardrailPaletteDefinition[];
+//# sourceMappingURL=guardrail-palette.fixtures.d.ts.map

package/dist/canvas/components/Guardrails/__fixtures__/guardrail-palette.fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-palette.fixtures.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/__fixtures__/guardrail-palette.fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAQnE,eAAO,MAAM,cAAc,EAAE,0BAK5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,0BAKvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,0BAKrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,0BASnC,CAAC;AAGF,eAAO,MAAM,gCAAgC,EAAE,0BAK9C,CAAC;AAGF,eAAO,MAAM,6BAA6B,EAAE,0BAO3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,0BAA0B,EAG1D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,0BAA0B,EAKzD,CAAC"}

package/dist/canvas/components/Guardrails/components/guardrail-palette-item.cjs

@@ -0,0 +1,73 @@
+"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__, {
+    GuardrailPaletteItem: ()=>GuardrailPaletteItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_react_namespaceObject = require("react");
+const GuardrailPaletteItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ name, description, chips, icon, disabled = false, onSelect, className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+        ref: ref,
+        type: "button",
+        "data-slot": "guardrail-palette-item",
+        "aria-disabled": disabled || void 0,
+        className: (0, apollo_wind_namespaceObject.cn)('flex w-full items-start gap-2 rounded-md p-2 text-left ring-offset-background transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer hover:bg-accent hover:text-accent-foreground', className),
+        onClick: disabled ? void 0 : onSelect,
+        ...props,
+        children: [
+            icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-4",
+                children: icon
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                className: "flex min-w-0 flex-1 flex-col gap-0.5",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                        className: "flex flex-wrap items-center gap-1.5",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                className: "text-sm font-medium",
+                                children: name
+                            }),
+                            chips
+                        ]
+                    }),
+                    description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "whitespace-normal break-words text-xs text-muted-foreground",
+                        children: description
+                    })
+                ]
+            })
+        ]
+    }));
+GuardrailPaletteItem.displayName = 'GuardrailPaletteItem';
+exports.GuardrailPaletteItem = __webpack_exports__.GuardrailPaletteItem;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GuardrailPaletteItem"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/components/guardrail-palette-item.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface GuardrailPaletteItemProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'children' | 'disabled' | 'onSelect' | 'onClick'> {
+    name: string;
+    description?: string;
+    chips?: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    onSelect: () => void;
+}
+declare const GuardrailPaletteItem: React.ForwardRefExoticComponent<GuardrailPaletteItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { GuardrailPaletteItem };
+//# sourceMappingURL=guardrail-palette-item.d.ts.map

package/dist/canvas/components/Guardrails/components/guardrail-palette-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-palette-item.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/components/guardrail-palette-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,yBACf,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAExC,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACjD;IACD,IAAI,EAAE,MAAM,CAAC;IAEb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAKvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,QAAA,MAAM,oBAAoB,qGAiCzB,CAAC;AAGF,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/canvas/components/Guardrails/components/guardrail-palette-item.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@uipath/apollo-wind";
+import { forwardRef } from "react";
+const GuardrailPaletteItem = /*#__PURE__*/ forwardRef(({ name, description, chips, icon, disabled = false, onSelect, className, ...props }, ref)=>/*#__PURE__*/ jsxs("button", {
+        ref: ref,
+        type: "button",
+        "data-slot": "guardrail-palette-item",
+        "aria-disabled": disabled || void 0,
+        className: cn('flex w-full items-start gap-2 rounded-md p-2 text-left ring-offset-background transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer hover:bg-accent hover:text-accent-foreground', className),
+        onClick: disabled ? void 0 : onSelect,
+        ...props,
+        children: [
+            icon && /*#__PURE__*/ jsx("span", {
+                className: "mt-0.5 shrink-0 text-muted-foreground [&_svg]:size-4",
+                children: icon
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                className: "flex min-w-0 flex-1 flex-col gap-0.5",
+                children: [
+                    /*#__PURE__*/ jsxs("span", {
+                        className: "flex flex-wrap items-center gap-1.5",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm font-medium",
+                                children: name
+                            }),
+                            chips
+                        ]
+                    }),
+                    description && /*#__PURE__*/ jsx("span", {
+                        className: "whitespace-normal break-words text-xs text-muted-foreground",
+                        children: description
+                    })
+                ]
+            })
+        ]
+    }));
+GuardrailPaletteItem.displayName = 'GuardrailPaletteItem';
+export { GuardrailPaletteItem };

package/dist/canvas/components/Guardrails/guardrail-palette-utils.cjs

@@ -0,0 +1,84 @@
+"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__, {
+    getGuardrailPaletteItemId: ()=>getGuardrailPaletteItemId,
+    groupGuardrailsForPalette: ()=>groupGuardrailsForPalette
+});
+const external_definitions_enrich_cjs_namespaceObject = require("./definitions-enrich.cjs");
+function getGuardrailPaletteItemId(definition) {
+    return void 0 === definition.byoValidatorName ? definition.validator : `${definition.byoValidatorName}:${definition.byoGuardrailConnectionId ?? ''}`;
+}
+function groupGuardrailsForPalette(definitions, uipathGroupLabel) {
+    if (!definitions.some(external_definitions_enrich_cjs_namespaceObject.isByoGuardrailDefinition)) return 0 === definitions.length ? [] : [
+        {
+            key: '__all__',
+            header: null,
+            isByo: false,
+            definitions: [
+                ...definitions
+            ]
+        }
+    ];
+    const byoGroups = new Map();
+    const uipathDefinitions = [];
+    for (const definition of definitions)if ((0, external_definitions_enrich_cjs_namespaceObject.isByoGuardrailDefinition)(definition)) {
+        const key = definition.folderPath ?? definition.byoConnectorName;
+        const existing = byoGroups.get(key);
+        if (existing) existing.push(definition);
+        else byoGroups.set(key, [
+            definition
+        ]);
+    } else uipathDefinitions.push(definition);
+    const byDisplayName = (a, b)=>a.displayName.localeCompare(b.displayName);
+    const groups = [
+        ...byoGroups.entries()
+    ].sort(([a], [b])=>(a ?? '').localeCompare(b ?? '')).map(([key, list])=>({
+            key: key ?? '__byo__',
+            header: key ?? null,
+            isByo: true,
+            definitions: [
+                ...list
+            ].sort(byDisplayName)
+        }));
+    if (uipathDefinitions.length > 0) groups.push({
+        key: '__uipath__',
+        header: uipathGroupLabel,
+        isByo: false,
+        definitions: [
+            ...uipathDefinitions
+        ].sort(byDisplayName)
+    });
+    return groups;
+}
+exports.getGuardrailPaletteItemId = __webpack_exports__.getGuardrailPaletteItemId;
+exports.groupGuardrailsForPalette = __webpack_exports__.groupGuardrailsForPalette;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getGuardrailPaletteItemId",
+    "groupGuardrailsForPalette"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/guardrail-palette-utils.d.ts

@@ -0,0 +1,4 @@
+import type { GuardrailPaletteDefinition, GuardrailPaletteGroup } from './palette-types';
+export declare function getGuardrailPaletteItemId(definition: GuardrailPaletteDefinition): string;
+export declare function groupGuardrailsForPalette<T extends GuardrailPaletteDefinition>(definitions: readonly T[], uipathGroupLabel: string): Array<GuardrailPaletteGroup<T>>;
+//# sourceMappingURL=guardrail-palette-utils.d.ts.map

package/dist/canvas/components/Guardrails/guardrail-palette-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-palette-utils.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Guardrails/guardrail-palette-utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAQzF,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,0BAA0B,GAAG,MAAM,CAIxF;AAQD,wBAAgB,yBAAyB,CAAC,CAAC,SAAS,0BAA0B,EAC5E,WAAW,EAAE,SAAS,CAAC,EAAE,EACzB,gBAAgB,EAAE,MAAM,GACvB,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CA2CjC"}

package/dist/canvas/components/Guardrails/guardrail-palette-utils.js

@@ -0,0 +1,47 @@
+import { isByoGuardrailDefinition } from "./definitions-enrich.js";
+function getGuardrailPaletteItemId(definition) {
+    return void 0 === definition.byoValidatorName ? definition.validator : `${definition.byoValidatorName}:${definition.byoGuardrailConnectionId ?? ''}`;
+}
+function groupGuardrailsForPalette(definitions, uipathGroupLabel) {
+    if (!definitions.some(isByoGuardrailDefinition)) return 0 === definitions.length ? [] : [
+        {
+            key: '__all__',
+            header: null,
+            isByo: false,
+            definitions: [
+                ...definitions
+            ]
+        }
+    ];
+    const byoGroups = new Map();
+    const uipathDefinitions = [];
+    for (const definition of definitions)if (isByoGuardrailDefinition(definition)) {
+        const key = definition.folderPath ?? definition.byoConnectorName;
+        const existing = byoGroups.get(key);
+        if (existing) existing.push(definition);
+        else byoGroups.set(key, [
+            definition
+        ]);
+    } else uipathDefinitions.push(definition);
+    const byDisplayName = (a, b)=>a.displayName.localeCompare(b.displayName);
+    const groups = [
+        ...byoGroups.entries()
+    ].sort(([a], [b])=>(a ?? '').localeCompare(b ?? '')).map(([key, list])=>({
+            key: key ?? '__byo__',
+            header: key ?? null,
+            isByo: true,
+            definitions: [
+                ...list
+            ].sort(byDisplayName)
+        }));
+    if (uipathDefinitions.length > 0) groups.push({
+        key: '__uipath__',
+        header: uipathGroupLabel,
+        isByo: false,
+        definitions: [
+            ...uipathDefinitions
+        ].sort(byDisplayName)
+    });
+    return groups;
+}
+export { getGuardrailPaletteItemId, groupGuardrailsForPalette };

package/dist/canvas/components/Guardrails/guardrail-palette.cjs

@@ -0,0 +1,193 @@
+"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__, {
+    GuardrailPalette: ()=>GuardrailPalette
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const guardrail_palette_item_cjs_namespaceObject = require("./components/guardrail-palette-item.cjs");
+const guardrail_status_banner_cjs_namespaceObject = require("./components/guardrail-status-banner.cjs");
+const guardrail_status_chip_cjs_namespaceObject = require("./components/guardrail-status-chip.cjs");
+const external_guardrail_palette_utils_cjs_namespaceObject = require("./guardrail-palette-utils.cjs");
+const external_i18n_cjs_namespaceObject = require("./i18n.cjs");
+function definitionChips(definition, labels, previewChip) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            void 0 !== definition.byoConnectorName && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(guardrail_status_chip_cjs_namespaceObject.GuardrailStatusChip, {
+                tone: "success",
+                children: definition.byoConnectorName
+            }),
+            previewChip && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(guardrail_status_chip_cjs_namespaceObject.GuardrailStatusChip, {
+                tone: "info",
+                children: labels.preview
+            }),
+            'Unauthorised' === definition.status && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(guardrail_status_chip_cjs_namespaceObject.GuardrailStatusChip, {
+                tone: "warning",
+                children: labels.statusUnauthorized
+            })
+        ]
+    });
+}
+function GuardrailPalette({ ootbDefinitions, onSelectOotb, onCreateCustom, isLoading = false, error = null, previewChip = false, labels: labelOverrides, className }) {
+    const labels = (0, external_i18n_cjs_namespaceObject.useGuardrailPaletteLabels)(labelOverrides);
+    const headerIdPrefix = (0, external_react_namespaceObject.useId)();
+    const rootRef = (0, external_react_namespaceObject.useRef)(null);
+    const [activeEntry, setActiveEntry] = (0, external_react_namespaceObject.useState)(0);
+    const groups = (0, external_react_namespaceObject.useMemo)(()=>(0, external_guardrail_palette_utils_cjs_namespaceObject.groupGuardrailsForPalette)(ootbDefinitions, labels.uipathGroup), [
+        ootbDefinitions,
+        labels.uipathGroup
+    ]);
+    const isEmpty = 0 === groups.length && void 0 === onCreateCustom;
+    const groupOffsets = (0, external_react_namespaceObject.useMemo)(()=>{
+        let offset = onCreateCustom ? 1 : 0;
+        return groups.map((group)=>{
+            const start = offset;
+            offset += group.definitions.length;
+            return start;
+        });
+    }, [
+        groups,
+        onCreateCustom
+    ]);
+    const entryCount = (onCreateCustom ? 1 : 0) + groups.reduce((total, group)=>total + group.definitions.length, 0);
+    const rovingEntry = activeEntry < entryCount ? activeEntry : 0;
+    const entryElements = ()=>Array.from(rootRef.current?.querySelectorAll('[data-slot="guardrail-palette-item"]') ?? []);
+    const handleKeyDown = (event)=>{
+        const entries = entryElements();
+        const focused = event.target;
+        const current = entries.indexOf(focused);
+        if (-1 === current) return;
+        let next;
+        switch(event.key){
+            case 'ArrowDown':
+                next = current + 1;
+                break;
+            case 'ArrowUp':
+                next = current - 1;
+                break;
+            case 'Home':
+                next = 0;
+                break;
+            case 'End':
+                next = entries.length - 1;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        const target = Math.min(Math.max(next, 0), entries.length - 1);
+        setActiveEntry(target);
+        entries[target]?.focus();
+    };
+    const handleFocus = (event)=>{
+        const focused = event.target;
+        const index = entryElements().findIndex((entry)=>entry === focused);
+        if (-1 !== index) setActiveEntry(index);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: rootRef,
+        "data-slot": "guardrail-palette",
+        role: "group",
+        "aria-label": labels.listAriaLabel,
+        className: (0, apollo_wind_namespaceObject.cn)('flex flex-col gap-2', className),
+        onKeyDown: handleKeyDown,
+        onFocus: handleFocus,
+        children: [
+            error && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(guardrail_status_banner_cjs_namespaceObject.GuardrailStatusBanner, {
+                tone: "error",
+                message: labels.loadError
+            }),
+            isLoading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("output", {
+                className: "flex items-center gap-2 px-2 py-3 text-sm text-muted-foreground",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Loader2, {
+                        className: "size-4 animate-spin",
+                        "aria-hidden": "true"
+                    }),
+                    labels.loading
+                ]
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                children: [
+                    onCreateCustom && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(guardrail_palette_item_cjs_namespaceObject.GuardrailPaletteItem, {
+                        name: labels.createCustom,
+                        description: labels.createCustomDescription,
+                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
+                            "aria-hidden": "true"
+                        }),
+                        tabIndex: 0 === rovingEntry ? 0 : -1,
+                        onSelect: onCreateCustom
+                    }),
+                    isEmpty && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                        className: "px-2 py-1 text-sm text-muted-foreground",
+                        children: labels.empty
+                    }),
+                    groups.map((group, groupIndex)=>{
+                        const headerId = `${headerIdPrefix}-${groupIndex}`;
+                        const groupOffset = groupOffsets[groupIndex] ?? 0;
+                        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            role: "group",
+                            "aria-labelledby": null !== group.header ? headerId : void 0,
+                            className: "flex flex-col gap-1",
+                            children: [
+                                null !== group.header && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                    id: headerId,
+                                    className: "flex items-center gap-1.5 px-2 py-1 text-xs font-semibold text-muted-foreground",
+                                    children: [
+                                        group.isByo && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.FolderOpen, {
+                                            className: "size-3.5",
+                                            "aria-hidden": "true"
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                            className: "truncate",
+                                            children: group.header
+                                        })
+                                    ]
+                                }),
+                                group.definitions.map((definition, definitionIndex)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(guardrail_palette_item_cjs_namespaceObject.GuardrailPaletteItem, {
+                                        name: definition.displayName,
+                                        description: definition.description,
+                                        chips: definitionChips(definition, labels, previewChip),
+                                        disabled: 'Unauthorised' === definition.status,
+                                        tabIndex: rovingEntry === groupOffset + definitionIndex ? 0 : -1,
+                                        onSelect: ()=>onSelectOotb(definition)
+                                    }, (0, external_guardrail_palette_utils_cjs_namespaceObject.getGuardrailPaletteItemId)(definition)))
+                            ]
+                        }, group.key);
+                    })
+                ]
+            })
+        ]
+    });
+}
+exports.GuardrailPalette = __webpack_exports__.GuardrailPalette;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GuardrailPalette"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/guardrail-palette.d.ts

@@ -0,0 +1,14 @@
+import { type GuardrailPaletteLabels } from './i18n';
+import type { GuardrailPaletteDefinition } from './palette-types';
+export interface GuardrailPaletteProps<T extends GuardrailPaletteDefinition = GuardrailPaletteDefinition> {
+    ootbDefinitions: T[];
+    onSelectOotb: (definition: T) => void;
+    onCreateCustom?: () => void;
+    isLoading?: boolean;
+    error?: Error | null;
+    previewChip?: boolean;
+    labels?: Partial<GuardrailPaletteLabels>;
+    className?: string;
+}
+export declare function GuardrailPalette<T extends GuardrailPaletteDefinition>({ ootbDefinitions, onSelectOotb, onCreateCustom, isLoading, error, previewChip, labels: labelOverrides, className, }: GuardrailPaletteProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=guardrail-palette.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-palette.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Guardrails/guardrail-palette.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,sBAAsB,EAA6B,MAAM,QAAQ,CAAC;AAChF,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAElE,MAAM,WAAW,qBAAqB,CACpC,CAAC,SAAS,0BAA0B,GAAG,0BAA0B;IAMjE,eAAe,EAAE,CAAC,EAAE,CAAC;IAErB,YAAY,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,IAAI,CAAC;IAKtC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,0BAA0B,EAAE,EACrE,eAAe,EACf,YAAY,EACZ,cAAc,EACd,SAAiB,EACjB,KAAY,EACZ,WAAmB,EACnB,MAAM,EAAE,cAAc,EACtB,SAAS,GACV,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAuJ1B"}

package/dist/canvas/components/Guardrails/guardrail-palette.js

@@ -0,0 +1,159 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@uipath/apollo-wind";
+import { FolderOpen, Loader2, Plus } from "lucide-react";
+import { useId, useMemo, useRef, useState } from "react";
+import { GuardrailPaletteItem } from "./components/guardrail-palette-item.js";
+import { GuardrailStatusBanner } from "./components/guardrail-status-banner.js";
+import { GuardrailStatusChip } from "./components/guardrail-status-chip.js";
+import { getGuardrailPaletteItemId, groupGuardrailsForPalette } from "./guardrail-palette-utils.js";
+import { useGuardrailPaletteLabels } from "./i18n.js";
+function definitionChips(definition, labels, previewChip) {
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            void 0 !== definition.byoConnectorName && /*#__PURE__*/ jsx(GuardrailStatusChip, {
+                tone: "success",
+                children: definition.byoConnectorName
+            }),
+            previewChip && /*#__PURE__*/ jsx(GuardrailStatusChip, {
+                tone: "info",
+                children: labels.preview
+            }),
+            'Unauthorised' === definition.status && /*#__PURE__*/ jsx(GuardrailStatusChip, {
+                tone: "warning",
+                children: labels.statusUnauthorized
+            })
+        ]
+    });
+}
+function GuardrailPalette({ ootbDefinitions, onSelectOotb, onCreateCustom, isLoading = false, error = null, previewChip = false, labels: labelOverrides, className }) {
+    const labels = useGuardrailPaletteLabels(labelOverrides);
+    const headerIdPrefix = useId();
+    const rootRef = useRef(null);
+    const [activeEntry, setActiveEntry] = useState(0);
+    const groups = useMemo(()=>groupGuardrailsForPalette(ootbDefinitions, labels.uipathGroup), [
+        ootbDefinitions,
+        labels.uipathGroup
+    ]);
+    const isEmpty = 0 === groups.length && void 0 === onCreateCustom;
+    const groupOffsets = useMemo(()=>{
+        let offset = onCreateCustom ? 1 : 0;
+        return groups.map((group)=>{
+            const start = offset;
+            offset += group.definitions.length;
+            return start;
+        });
+    }, [
+        groups,
+        onCreateCustom
+    ]);
+    const entryCount = (onCreateCustom ? 1 : 0) + groups.reduce((total, group)=>total + group.definitions.length, 0);
+    const rovingEntry = activeEntry < entryCount ? activeEntry : 0;
+    const entryElements = ()=>Array.from(rootRef.current?.querySelectorAll('[data-slot="guardrail-palette-item"]') ?? []);
+    const handleKeyDown = (event)=>{
+        const entries = entryElements();
+        const focused = event.target;
+        const current = entries.indexOf(focused);
+        if (-1 === current) return;
+        let next;
+        switch(event.key){
+            case 'ArrowDown':
+                next = current + 1;
+                break;
+            case 'ArrowUp':
+                next = current - 1;
+                break;
+            case 'Home':
+                next = 0;
+                break;
+            case 'End':
+                next = entries.length - 1;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        const target = Math.min(Math.max(next, 0), entries.length - 1);
+        setActiveEntry(target);
+        entries[target]?.focus();
+    };
+    const handleFocus = (event)=>{
+        const focused = event.target;
+        const index = entryElements().findIndex((entry)=>entry === focused);
+        if (-1 !== index) setActiveEntry(index);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ref: rootRef,
+        "data-slot": "guardrail-palette",
+        role: "group",
+        "aria-label": labels.listAriaLabel,
+        className: cn('flex flex-col gap-2', className),
+        onKeyDown: handleKeyDown,
+        onFocus: handleFocus,
+        children: [
+            error && /*#__PURE__*/ jsx(GuardrailStatusBanner, {
+                tone: "error",
+                message: labels.loadError
+            }),
+            isLoading ? /*#__PURE__*/ jsxs("output", {
+                className: "flex items-center gap-2 px-2 py-3 text-sm text-muted-foreground",
+                children: [
+                    /*#__PURE__*/ jsx(Loader2, {
+                        className: "size-4 animate-spin",
+                        "aria-hidden": "true"
+                    }),
+                    labels.loading
+                ]
+            }) : /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    onCreateCustom && /*#__PURE__*/ jsx(GuardrailPaletteItem, {
+                        name: labels.createCustom,
+                        description: labels.createCustomDescription,
+                        icon: /*#__PURE__*/ jsx(Plus, {
+                            "aria-hidden": "true"
+                        }),
+                        tabIndex: 0 === rovingEntry ? 0 : -1,
+                        onSelect: onCreateCustom
+                    }),
+                    isEmpty && /*#__PURE__*/ jsx("p", {
+                        className: "px-2 py-1 text-sm text-muted-foreground",
+                        children: labels.empty
+                    }),
+                    groups.map((group, groupIndex)=>{
+                        const headerId = `${headerIdPrefix}-${groupIndex}`;
+                        const groupOffset = groupOffsets[groupIndex] ?? 0;
+                        return /*#__PURE__*/ jsxs("div", {
+                            role: "group",
+                            "aria-labelledby": null !== group.header ? headerId : void 0,
+                            className: "flex flex-col gap-1",
+                            children: [
+                                null !== group.header && /*#__PURE__*/ jsxs("div", {
+                                    id: headerId,
+                                    className: "flex items-center gap-1.5 px-2 py-1 text-xs font-semibold text-muted-foreground",
+                                    children: [
+                                        group.isByo && /*#__PURE__*/ jsx(FolderOpen, {
+                                            className: "size-3.5",
+                                            "aria-hidden": "true"
+                                        }),
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "truncate",
+                                            children: group.header
+                                        })
+                                    ]
+                                }),
+                                group.definitions.map((definition, definitionIndex)=>/*#__PURE__*/ jsx(GuardrailPaletteItem, {
+                                        name: definition.displayName,
+                                        description: definition.description,
+                                        chips: definitionChips(definition, labels, previewChip),
+                                        disabled: 'Unauthorised' === definition.status,
+                                        tabIndex: rovingEntry === groupOffset + definitionIndex ? 0 : -1,
+                                        onSelect: ()=>onSelectOotb(definition)
+                                    }, getGuardrailPaletteItemId(definition)))
+                            ]
+                        }, group.key);
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { GuardrailPalette };