@uipath/apollo-react 6.49.0 → 6.51.0

package/dist/canvas/components/CaseFlow/case-flow.manifest.d.ts

@@ -24,7 +24,7 @@ export declare const caseFlowManifest: {
             canvasLabel?: string | undefined;
             description?: string | undefined;
             icon?: string | undefined;
-            shape?: "square" | "circle" | "container" | "rectangle" | undefined;
+            shape?: "document" | "square" | "circle" | "container" | "rectangle" | "pill" | "clipped" | undefined;
             color?: string | undefined;
             background?: string | undefined;
             iconBackground?: string | undefined;
@@ -97,7 +97,7 @@ export declare const caseFlowManifest: {
                     requiresPermissions?: string[] | undefined;
                     hideOnExecution?: boolean | undefined;
                     nodeTypes?: string[] | undefined;
-                    shapes?: ("square" | "circle" | "container" | "rectangle")[] | undefined;
+                    shapes?: ("document" | "square" | "circle" | "container" | "rectangle" | "pill" | "clipped")[] | undefined;
                     handles?: {
                         handleType: "input" | "output" | "artifact";
                         type?: "target" | "source" | undefined;
@@ -113,7 +113,7 @@ export declare const caseFlowManifest: {
                     requiresPermissions?: string[] | undefined;
                     hideOnExecution?: boolean | undefined;
                     nodeTypes?: string[] | undefined;
-                    shapes?: ("square" | "circle" | "container" | "rectangle")[] | undefined;
+                    shapes?: ("document" | "square" | "circle" | "container" | "rectangle" | "pill" | "clipped")[] | undefined;
                     handles?: {
                         handleType: "input" | "output" | "artifact";
                         type?: "target" | "source" | undefined;

package/dist/canvas/components/Guardrails/__fixtures__/dnd-geometry.d.ts

@@ -0,0 +1,3 @@
+export declare function layoutRowsVertically(container: HTMLElement, selector?: string): void;
+export declare function flushDndFrame(): Promise<void>;
+//# sourceMappingURL=dnd-geometry.d.ts.map

package/dist/canvas/components/Guardrails/__fixtures__/dnd-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dnd-geometry.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/__fixtures__/dnd-geometry.ts"],"names":[],"mappings":"AAsCA,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,QAAQ,SAAqC,GAC5C,IAAI,CAUN;AAUD,wBAAsB,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAInD"}

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

@@ -0,0 +1,9 @@
+import type { GuardrailListDefinition, GuardrailListItem } from '../list-types';
+export declare const PII_GUARDRAIL: GuardrailListItem;
+export declare const BYO_GUARDRAIL: GuardrailListItem;
+export declare const CUSTOM_GUARDRAIL: GuardrailListItem;
+export declare const GUARDRAILS: GuardrailListItem[];
+export declare const PII_DEFINITION: GuardrailListDefinition;
+export declare const BYO_DEFINITION: GuardrailListDefinition;
+export declare const DEFINITIONS: GuardrailListDefinition[];
+//# sourceMappingURL=guardrail-list.fixtures.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-list.fixtures.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/__fixtures__/guardrail-list.fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQhF,eAAO,MAAM,aAAa,EAAE,iBAQ3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAQ3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,iBAM9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,iBAAiB,EAAqD,CAAC;AAEhG,eAAO,MAAM,cAAc,EAAE,uBAG5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,uBAK5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,uBAAuB,EAAqC,CAAC"}

package/dist/canvas/components/Guardrails/components/guardrail-list-row.cjs

@@ -0,0 +1,218 @@
+"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__, {
+    GuardrailListRow: ()=>GuardrailListRow
+});
+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 external_guardrail_list_utils_cjs_namespaceObject = require("../guardrail-list-utils.cjs");
+const external_i18n_cjs_namespaceObject = require("../i18n.cjs");
+const external_guardrail_status_chip_cjs_namespaceObject = require("./guardrail-status-chip.cjs");
+const GuardrailListRow = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ item, id, index, state, labels, disabled = false, handle, administration, statusChips = false, previewChip = false, byoChip = false, rowActivatesEdit = false, onEdit, onRemove, renderItemActions, renderRowTooltip, formatScopes, formatAction, className, ...props }, ref)=>{
+    const handleEdit = onEdit && !disabled ? ()=>onEdit(item) : void 0;
+    const handleRemove = onRemove && !disabled ? ()=>onRemove(item) : void 0;
+    const chips = statusChips ? (0, external_guardrail_list_utils_cjs_namespaceObject.getGuardrailListChips)({
+        status: state.status,
+        administration
+    }, labels) : [];
+    const isBuiltInValidator = 'builtInValidator' === item.$guardrailType;
+    const rowName = item.name.trim();
+    const nameRow = (template, generic)=>rowName ? (0, external_i18n_cjs_namespaceObject.formatGuardrailFormMessage)(template, {
+            name: rowName
+        }) : generic;
+    const scopes = item.selector?.scopes ?? [];
+    const scopesContent = formatScopes ? formatScopes(item) : scopes.join(', ') || null;
+    const actionContent = formatAction ? formatAction(item) : item.action?.$actionType ?? labels.actionUnknown;
+    const defaultActions = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            onEdit && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
+                type: "button",
+                variant: "ghost",
+                size: "3xs",
+                icon: true,
+                disabled: disabled,
+                "aria-label": nameRow(labels.editRow, labels.editItem),
+                onClick: handleEdit,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Pencil, {})
+            }),
+            onRemove && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Button, {
+                type: "button",
+                variant: "ghost",
+                size: "3xs",
+                icon: true,
+                disabled: disabled,
+                "aria-label": nameRow(labels.removeRow, labels.removeItem),
+                className: "text-destructive future:text-destructive hover:text-destructive future:hover:text-destructive",
+                onClick: handleRemove,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Trash2, {})
+            })
+        ]
+    });
+    const actions = renderItemActions ? renderItemActions({
+        item,
+        id,
+        index,
+        disabled,
+        onEdit: handleEdit,
+        onRemove: handleRemove,
+        defaultActions
+    }) : defaultActions;
+    const tooltip = renderRowTooltip?.(item);
+    const activatable = rowActivatesEdit && void 0 !== handleEdit;
+    const bodyId = external_react_namespaceObject.useId();
+    const chipId = (chip)=>`${bodyId}-chip-${chip}`;
+    const byoDisabledId = `${bodyId}-byo-disabled`;
+    const byoUnavailableId = `${bodyId}-byo-unavailable`;
+    const descriptionId = `${bodyId}-description`;
+    const describedBy = activatable ? [
+        ...chips.map((chip)=>chipId(chip.id)),
+        state.byoDisabled ? byoDisabledId : void 0,
+        state.byoUnavailable ? byoUnavailableId : void 0,
+        item.description ? descriptionId : void 0
+    ].filter(Boolean).join(' ') : '';
+    const bodyProps = activatable ? {
+        role: 'button',
+        tabIndex: 0,
+        'aria-label': nameRow(labels.editRow, labels.editItem),
+        ...describedBy ? {
+            'aria-describedby': describedBy
+        } : {},
+        onClick: handleEdit,
+        onKeyDown: (event)=>{
+            if ('Enter' === event.key || ' ' === event.key) {
+                event.preventDefault();
+                handleEdit?.();
+            }
+        }
+    } : tooltip ? {
+        tabIndex: 0
+    } : {};
+    const body = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, apollo_wind_namespaceObject.cn)('min-w-0 flex-1', activatable && 'cursor-pointer rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'),
+        ...bodyProps,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex items-center gap-2",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "truncate text-sm font-medium",
+                        children: item.name
+                    }),
+                    byoChip && state.isByo && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_guardrail_status_chip_cjs_namespaceObject.GuardrailStatusChip, {
+                        tone: "success",
+                        children: labels.byo
+                    }),
+                    previewChip && isBuiltInValidator && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_guardrail_status_chip_cjs_namespaceObject.GuardrailStatusChip, {
+                        tone: "info",
+                        children: labels.preview
+                    }),
+                    chips.map((chip)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_guardrail_status_chip_cjs_namespaceObject.GuardrailStatusChip, {
+                            id: chipId(chip.id),
+                            tone: chip.tone,
+                            children: chip.label
+                        }, chip.id))
+                ]
+            }),
+            state.byoDisabled && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                id: byoDisabledId,
+                className: "whitespace-normal break-words text-xs text-error",
+                role: "alert",
+                children: labels.byoDisabledNotice
+            }),
+            state.byoUnavailable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                id: byoUnavailableId,
+                className: "whitespace-normal break-words text-xs text-error",
+                role: "alert",
+                children: labels.byoUnavailableNotice
+            }),
+            item.description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                id: descriptionId,
+                className: "truncate text-xs text-muted-foreground",
+                children: item.description
+            }),
+            void 0 !== state.provider && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "truncate text-xs text-muted-foreground",
+                children: [
+                    labels.provider,
+                    ": ",
+                    state.provider
+                ]
+            }),
+            (actionContent || scopesContent) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "mt-1 flex flex-wrap items-center gap-1.5",
+                children: [
+                    actionContent && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Badge, {
+                        variant: "secondary",
+                        className: (0, apollo_wind_namespaceObject.cn)('border-border bg-muted/60 text-xs text-muted-foreground', !formatAction && 'capitalize'),
+                        children: actionContent
+                    }),
+                    scopesContent && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-xs text-muted-foreground",
+                        children: scopesContent
+                    })
+                ]
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: ref,
+        "data-slot": "guardrail-list-row",
+        "data-guardrail-id": id,
+        className: (0, apollo_wind_namespaceObject.cn)('flex items-center gap-2', '-mx-1 rounded-md p-1 transition-colors hover:bg-accent', className),
+        ...props,
+        children: [
+            handle,
+            tooltip ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TooltipProvider, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Tooltip, {
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TooltipTrigger, {
+                            asChild: true,
+                            children: body
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.TooltipContent, {
+                            children: tooltip
+                        })
+                    ]
+                })
+            }) : body,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                "data-slot": "guardrail-list-row-actions",
+                className: "flex shrink-0 items-center gap-0",
+                children: actions
+            })
+        ]
+    });
+});
+GuardrailListRow.displayName = 'GuardrailListRow';
+exports.GuardrailListRow = __webpack_exports__.GuardrailListRow;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "GuardrailListRow"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/components/guardrail-list-row.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { type GuardrailListLabels } from '../i18n';
+import type { GuardrailListAdministration, GuardrailListItem, GuardrailListItemActionsContext, GuardrailListItemState, GuardrailRowTooltipRenderer } from '../list-types';
+export interface GuardrailListRowProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
+    item: GuardrailListItem;
+    id: string;
+    index: number;
+    state: GuardrailListItemState;
+    labels: GuardrailListLabels;
+    disabled?: boolean;
+    handle?: React.ReactNode;
+    administration?: GuardrailListAdministration;
+    statusChips?: boolean;
+    previewChip?: boolean;
+    byoChip?: boolean;
+    rowActivatesEdit?: boolean;
+    onEdit?: (item: GuardrailListItem) => void;
+    onRemove?: (item: GuardrailListItem) => void;
+    renderItemActions?: (ctx: GuardrailListItemActionsContext) => React.ReactNode;
+    renderRowTooltip?: GuardrailRowTooltipRenderer;
+    formatScopes?: (item: GuardrailListItem) => React.ReactNode;
+    formatAction?: (item: GuardrailListItem) => React.ReactNode;
+}
+declare const GuardrailListRow: React.ForwardRefExoticComponent<GuardrailListRowProps & React.RefAttributes<HTMLDivElement>>;
+export { GuardrailListRow };
+//# sourceMappingURL=guardrail-list-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"guardrail-list-row.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Guardrails/components/guardrail-list-row.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA8B,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC/E,OAAO,KAAK,EACV,2BAA2B,EAC3B,iBAAiB,EACjB,+BAA+B,EAC/B,sBAAsB,EACtB,2BAA2B,EAC5B,MAAM,eAAe,CAAC;AAGvB,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/D,IAAI,EAAE,iBAAiB,CAAC;IAExB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,KAAK,EAAE,sBAAsB,CAAC;IAC9B,MAAM,EAAE,mBAAmB,CAAC;IAE5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,+BAA+B,KAAK,KAAK,CAAC,SAAS,CAAC;IAE9E,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7D;AASD,QAAA,MAAM,gBAAgB,8FAqQrB,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/canvas/components/Guardrails/components/guardrail-list-row.js

@@ -0,0 +1,184 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Badge, Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn } from "@uipath/apollo-wind";
+import { Pencil, Trash2 } from "lucide-react";
+import { forwardRef, useId } from "react";
+import { getGuardrailListChips } from "../guardrail-list-utils.js";
+import { formatGuardrailFormMessage } from "../i18n.js";
+import { GuardrailStatusChip } from "./guardrail-status-chip.js";
+const GuardrailListRow = /*#__PURE__*/ forwardRef(({ item, id, index, state, labels, disabled = false, handle, administration, statusChips = false, previewChip = false, byoChip = false, rowActivatesEdit = false, onEdit, onRemove, renderItemActions, renderRowTooltip, formatScopes, formatAction, className, ...props }, ref)=>{
+    const handleEdit = onEdit && !disabled ? ()=>onEdit(item) : void 0;
+    const handleRemove = onRemove && !disabled ? ()=>onRemove(item) : void 0;
+    const chips = statusChips ? getGuardrailListChips({
+        status: state.status,
+        administration
+    }, labels) : [];
+    const isBuiltInValidator = 'builtInValidator' === item.$guardrailType;
+    const rowName = item.name.trim();
+    const nameRow = (template, generic)=>rowName ? formatGuardrailFormMessage(template, {
+            name: rowName
+        }) : generic;
+    const scopes = item.selector?.scopes ?? [];
+    const scopesContent = formatScopes ? formatScopes(item) : scopes.join(', ') || null;
+    const actionContent = formatAction ? formatAction(item) : item.action?.$actionType ?? labels.actionUnknown;
+    const defaultActions = /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            onEdit && /*#__PURE__*/ jsx(Button, {
+                type: "button",
+                variant: "ghost",
+                size: "3xs",
+                icon: true,
+                disabled: disabled,
+                "aria-label": nameRow(labels.editRow, labels.editItem),
+                onClick: handleEdit,
+                children: /*#__PURE__*/ jsx(Pencil, {})
+            }),
+            onRemove && /*#__PURE__*/ jsx(Button, {
+                type: "button",
+                variant: "ghost",
+                size: "3xs",
+                icon: true,
+                disabled: disabled,
+                "aria-label": nameRow(labels.removeRow, labels.removeItem),
+                className: "text-destructive future:text-destructive hover:text-destructive future:hover:text-destructive",
+                onClick: handleRemove,
+                children: /*#__PURE__*/ jsx(Trash2, {})
+            })
+        ]
+    });
+    const actions = renderItemActions ? renderItemActions({
+        item,
+        id,
+        index,
+        disabled,
+        onEdit: handleEdit,
+        onRemove: handleRemove,
+        defaultActions
+    }) : defaultActions;
+    const tooltip = renderRowTooltip?.(item);
+    const activatable = rowActivatesEdit && void 0 !== handleEdit;
+    const bodyId = useId();
+    const chipId = (chip)=>`${bodyId}-chip-${chip}`;
+    const byoDisabledId = `${bodyId}-byo-disabled`;
+    const byoUnavailableId = `${bodyId}-byo-unavailable`;
+    const descriptionId = `${bodyId}-description`;
+    const describedBy = activatable ? [
+        ...chips.map((chip)=>chipId(chip.id)),
+        state.byoDisabled ? byoDisabledId : void 0,
+        state.byoUnavailable ? byoUnavailableId : void 0,
+        item.description ? descriptionId : void 0
+    ].filter(Boolean).join(' ') : '';
+    const bodyProps = activatable ? {
+        role: 'button',
+        tabIndex: 0,
+        'aria-label': nameRow(labels.editRow, labels.editItem),
+        ...describedBy ? {
+            'aria-describedby': describedBy
+        } : {},
+        onClick: handleEdit,
+        onKeyDown: (event)=>{
+            if ('Enter' === event.key || ' ' === event.key) {
+                event.preventDefault();
+                handleEdit?.();
+            }
+        }
+    } : tooltip ? {
+        tabIndex: 0
+    } : {};
+    const body = /*#__PURE__*/ jsxs("div", {
+        className: cn('min-w-0 flex-1', activatable && 'cursor-pointer rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'),
+        ...bodyProps,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-2",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "truncate text-sm font-medium",
+                        children: item.name
+                    }),
+                    byoChip && state.isByo && /*#__PURE__*/ jsx(GuardrailStatusChip, {
+                        tone: "success",
+                        children: labels.byo
+                    }),
+                    previewChip && isBuiltInValidator && /*#__PURE__*/ jsx(GuardrailStatusChip, {
+                        tone: "info",
+                        children: labels.preview
+                    }),
+                    chips.map((chip)=>/*#__PURE__*/ jsx(GuardrailStatusChip, {
+                            id: chipId(chip.id),
+                            tone: chip.tone,
+                            children: chip.label
+                        }, chip.id))
+                ]
+            }),
+            state.byoDisabled && /*#__PURE__*/ jsx("div", {
+                id: byoDisabledId,
+                className: "whitespace-normal break-words text-xs text-error",
+                role: "alert",
+                children: labels.byoDisabledNotice
+            }),
+            state.byoUnavailable && /*#__PURE__*/ jsx("div", {
+                id: byoUnavailableId,
+                className: "whitespace-normal break-words text-xs text-error",
+                role: "alert",
+                children: labels.byoUnavailableNotice
+            }),
+            item.description && /*#__PURE__*/ jsx("div", {
+                id: descriptionId,
+                className: "truncate text-xs text-muted-foreground",
+                children: item.description
+            }),
+            void 0 !== state.provider && /*#__PURE__*/ jsxs("div", {
+                className: "truncate text-xs text-muted-foreground",
+                children: [
+                    labels.provider,
+                    ": ",
+                    state.provider
+                ]
+            }),
+            (actionContent || scopesContent) && /*#__PURE__*/ jsxs("div", {
+                className: "mt-1 flex flex-wrap items-center gap-1.5",
+                children: [
+                    actionContent && /*#__PURE__*/ jsx(Badge, {
+                        variant: "secondary",
+                        className: cn('border-border bg-muted/60 text-xs text-muted-foreground', !formatAction && 'capitalize'),
+                        children: actionContent
+                    }),
+                    scopesContent && /*#__PURE__*/ jsx("span", {
+                        className: "text-xs text-muted-foreground",
+                        children: scopesContent
+                    })
+                ]
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        "data-slot": "guardrail-list-row",
+        "data-guardrail-id": id,
+        className: cn('flex items-center gap-2', '-mx-1 rounded-md p-1 transition-colors hover:bg-accent', className),
+        ...props,
+        children: [
+            handle,
+            tooltip ? /*#__PURE__*/ jsx(TooltipProvider, {
+                children: /*#__PURE__*/ jsxs(Tooltip, {
+                    children: [
+                        /*#__PURE__*/ jsx(TooltipTrigger, {
+                            asChild: true,
+                            children: body
+                        }),
+                        /*#__PURE__*/ jsx(TooltipContent, {
+                            children: tooltip
+                        })
+                    ]
+                })
+            }) : body,
+            /*#__PURE__*/ jsx("div", {
+                "data-slot": "guardrail-list-row-actions",
+                className: "flex shrink-0 items-center gap-0",
+                children: actions
+            })
+        ]
+    });
+});
+GuardrailListRow.displayName = 'GuardrailListRow';
+export { GuardrailListRow };

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

@@ -36,6 +36,7 @@ function GuardrailStatusBanner({ tone, message }) {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertCircle, {}),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.AlertDescription, {
+                className: "mt-0",
                 children: message
             })
         ]
@@ -47,6 +48,7 @@ function GuardrailStatusBanner({ tone, message }) {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertTriangle, {}),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.AlertDescription, {
+                className: "mt-0",
                 children: message
             })
         ]

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

@@ -1 +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"}
+{"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;AASD,wBAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,0BAA0B,2CAiBlF"}

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

@@ -8,6 +8,7 @@ function GuardrailStatusBanner({ tone, message }) {
         children: [
             /*#__PURE__*/ jsx(AlertCircle, {}),
             /*#__PURE__*/ jsx(AlertDescription, {
+                className: "mt-0",
                 children: message
             })
         ]
@@ -19,6 +20,7 @@ function GuardrailStatusBanner({ tone, message }) {
         children: [
             /*#__PURE__*/ jsx(AlertTriangle, {}),
             /*#__PURE__*/ jsx(AlertDescription, {
+                className: "mt-0",
                 children: message
             })
         ]

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

@@ -37,6 +37,7 @@ function MixedScopesBanner({ otherAppliedScopes, labels }) {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.AlertCircle, {}),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.AlertDescription, {
+                className: "mt-0",
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
                         children: labels.mixedScopesAlsoApplied

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

@@ -1 +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"}
+{"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,kDAwBvF"}

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

@@ -9,6 +9,7 @@ function MixedScopesBanner({ otherAppliedScopes, labels }) {
         children: [
             /*#__PURE__*/ jsx(AlertCircle, {}),
             /*#__PURE__*/ jsxs(AlertDescription, {
+                className: "mt-0",
                 children: [
                     /*#__PURE__*/ jsx("p", {
                         children: labels.mixedScopesAlsoApplied

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

@@ -0,0 +1,103 @@
+"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__, {
+    getGuardrailListChips: ()=>getGuardrailListChips,
+    getGuardrailListItemId: ()=>getGuardrailListItemId,
+    matchesGuardrailListDefinition: ()=>matchesGuardrailListDefinition,
+    resolveGuardrailListItemState: ()=>resolveGuardrailListItemState
+});
+function getGuardrailListItemId(item) {
+    return item.id ?? item.name;
+}
+function matchesGuardrailListDefinition(definition, item) {
+    return void 0 === item.byoValidatorName ? void 0 === definition.byoValidatorName && definition.validator === item.validatorType : definition.byoValidatorName === item.byoValidatorName;
+}
+function resolveGuardrailListItemState(item, definitions = []) {
+    const isByo = void 0 !== item.byoValidatorName;
+    const definition = definitions.find((candidate)=>matchesGuardrailListDefinition(candidate, item));
+    const byoUnavailable = isByo && definitions.length > 0 && void 0 === definition;
+    const byoDisabled = isByo && definition?.status === 'Disabled';
+    return {
+        definition,
+        status: byoUnavailable ? 'Unavailable' : definition?.status,
+        isByo,
+        provider: definition?.byoConnectorName,
+        byoDisabled,
+        byoUnavailable
+    };
+}
+function getGuardrailListChips(input, labels) {
+    const chips = [];
+    const statusChip = (()=>{
+        switch(input.status){
+            case 'FeatureDisabled':
+                return {
+                    tone: 'warning',
+                    label: labels.statusFeatureDisabled
+                };
+            case 'Unauthorised':
+                return {
+                    tone: 'warning',
+                    label: labels.statusUnauthorized
+                };
+            case 'Disabled':
+                return {
+                    tone: 'error',
+                    label: labels.statusDisabled
+                };
+            case 'Unavailable':
+                return {
+                    tone: 'error',
+                    label: labels.statusUnavailable
+                };
+            default:
+                return;
+        }
+    })();
+    if (statusChip) chips.push({
+        id: 'status',
+        ...statusChip
+    });
+    if ('governance' === input.administration) chips.push({
+        id: 'administration',
+        tone: 'neutral',
+        label: labels.administrationGovernance
+    });
+    return chips;
+}
+exports.getGuardrailListChips = __webpack_exports__.getGuardrailListChips;
+exports.getGuardrailListItemId = __webpack_exports__.getGuardrailListItemId;
+exports.matchesGuardrailListDefinition = __webpack_exports__.matchesGuardrailListDefinition;
+exports.resolveGuardrailListItemState = __webpack_exports__.resolveGuardrailListItemState;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getGuardrailListChips",
+    "getGuardrailListItemId",
+    "matchesGuardrailListDefinition",
+    "resolveGuardrailListItemState"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});