@uipath/apollo-react 6.62.0 → 6.63.0

package/dist/canvas/components/Guardrails/custom-guardrail-builder.cjs

@@ -0,0 +1,273 @@
+"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__, {
+    CustomGuardrailBuilder: ()=>CustomGuardrailBuilder
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
+const external_react_namespaceObject = require("react");
+const guardrail_action_section_cjs_namespaceObject = require("./components/guardrail-action-section.cjs");
+const guardrail_evals_toggle_cjs_namespaceObject = require("./components/guardrail-evals-toggle.cjs");
+const guardrail_name_fields_cjs_namespaceObject = require("./components/guardrail-name-fields.cjs");
+const mixed_scopes_banner_cjs_namespaceObject = require("./components/mixed-scopes-banner.cjs");
+const external_custom_builder_utils_cjs_namespaceObject = require("./custom-builder-utils.cjs");
+const external_guardrail_filter_field_selector_cjs_namespaceObject = require("./guardrail-filter-field-selector.cjs");
+const external_guardrail_form_layout_cjs_namespaceObject = require("./guardrail-form-layout.cjs");
+const external_guardrail_rules_section_cjs_namespaceObject = require("./guardrail-rules-section.cjs");
+const external_i18n_cjs_namespaceObject = require("./i18n.cjs");
+const external_use_guardrail_form_errors_cjs_namespaceObject = require("./use-guardrail-form-errors.cjs");
+const external_use_swallow_enter_cjs_namespaceObject = require("./use-swallow-enter.cjs");
+const CUSTOM_BUILDER_ERROR_MERGES = {
+    perRule: {
+        merge: (internal, host)=>Array.from({
+                length: Math.max(internal?.length ?? 0, host.length)
+            }, (_, index)=>{
+                const fromHost = host[index];
+                const own = internal?.[index];
+                if (!fromHost) return own;
+                return {
+                    fields: fromHost.fields ?? own?.fields,
+                    value: fromHost.value ?? own?.value
+                };
+            }),
+        hasMessage: (host)=>host.some((rule)=>rule?.fields !== void 0 || rule?.value !== void 0)
+    }
+};
+function CustomGuardrailBuilder({ open, guardrail, defaultName, existingNames, toolName, fields, filterFields, onSave, onCancel, onSaveAsNew, otherAppliedScopes = null, inline = false, hideHeader = false, dialogMaxWidth = 800, title, evalsTogglePlacement = 'form', renderRecipientSearch, renderStaticRecipient, renderAppPicker, escalateHelp, renderFieldSelector, selectionChips = false, confirmAlwaysEnforce, docsHref, onDocsLinkClick, errors: hostErrors, saveDisabled: hostSaveDisabled = false, labels: labelOverrides, className }) {
+    const labels = (0, external_i18n_cjs_namespaceObject.useCustomGuardrailBuilderLabels)(labelOverrides);
+    const uid = (0, external_react_namespaceObject.useId)();
+    const [formData, setFormData] = (0, external_react_namespaceObject.useState)(()=>{
+        const data = (0, external_custom_builder_utils_cjs_namespaceObject.initCustomGuardrailBuilderFormData)(guardrail, toolName);
+        if (!guardrail && defaultName) data.name = defaultName;
+        return data;
+    });
+    const rootRef = (0, external_react_namespaceObject.useRef)(null);
+    (0, external_use_swallow_enter_cjs_namespaceObject.useSwallowEnter)(rootRef);
+    const updateField = (0, external_react_namespaceObject.useCallback)((field, value)=>{
+        setFormData((prev)=>({
+                ...prev,
+                [field]: value
+            }));
+    }, []);
+    const handleActionChange = (0, external_react_namespaceObject.useCallback)((action)=>updateField('action', 'filter' === action.$actionType ? {
+            $actionType: 'filter',
+            fields: []
+        } : action), [
+        updateField
+    ]);
+    const handleRequestAlwaysEnforce = (0, external_react_namespaceObject.useCallback)((next)=>{
+        if (!confirmAlwaysEnforce) return;
+        const answer = confirmAlwaysEnforce();
+        if ('boolean' == typeof answer) {
+            if (answer) updateField('rules', next);
+            return;
+        }
+        answer.then((confirmed)=>{
+            if (confirmed) updateField('rules', next);
+        });
+    }, [
+        confirmAlwaysEnforce,
+        updateField
+    ]);
+    const guardrailResult = (0, external_react_namespaceObject.useMemo)(()=>({
+            id: formData.id,
+            $guardrailType: 'custom',
+            name: formData.name,
+            description: formData.description || void 0,
+            selector: formData.selector,
+            action: formData.action,
+            enabledForEvals: formData.enabledForEvals,
+            rules: formData.rules
+        }), [
+        formData
+    ]);
+    const internalErrors = (0, external_react_namespaceObject.useMemo)(()=>{
+        const failing = (0, external_custom_builder_utils_cjs_namespaceObject.getCustomGuardrailErrorFields)(formData, existingNames);
+        const e = {};
+        if (failing.name) e.name = 'required' === failing.name ? labels.nameRequiredError : labels.nameDuplicateError;
+        const [rulesField] = failing.rules;
+        if (rulesField) e.rules = ({
+            required: labels.rulesRequiredError,
+            alwaysCombined: labels.rulesAlwaysCombinedError,
+            invalidRules: labels.rulesInvalidError
+        })[rulesField];
+        if (failing.perRule.some((ruleFields)=>ruleFields.length > 0)) e.perRule = failing.perRule.map((ruleFields)=>0 === ruleFields.length ? void 0 : {
+                fields: ruleFields.includes('fields') ? labels.ruleFieldsRequiredError : void 0,
+                value: ruleFields.includes('value') ? labels.ruleValueRequiredError : void 0
+            });
+        for (const field of failing.action)e[field] = ({
+            blockReason: labels.blockReasonRequiredError,
+            filterFields: labels.filterFieldsRequiredError,
+            recipient: labels.recipientRequiredError,
+            actionApp: labels.actionAppRequiredError
+        })[field];
+        return e;
+    }, [
+        formData,
+        existingNames,
+        labels
+    ]);
+    const { displayErrors, isValid, revealErrors } = (0, external_use_guardrail_form_errors_cjs_namespaceObject.useGuardrailFormErrors)(internalErrors, hostErrors, CUSTOM_BUILDER_ERROR_MERGES);
+    const handleSave = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (!isValid) return void revealErrors();
+        onSave(guardrailResult);
+    }, [
+        guardrailResult,
+        onSave,
+        isValid,
+        revealErrors
+    ]);
+    const handleSaveAsNew = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (!onSaveAsNew) return;
+        if (!isValid) return void revealErrors();
+        onSaveAsNew(guardrailResult);
+    }, [
+        guardrailResult,
+        onSaveAsNew,
+        isValid,
+        revealErrors
+    ]);
+    const evalsToggle = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(guardrail_evals_toggle_cjs_namespaceObject.GuardrailEvalsToggle, {
+        idPrefix: `${uid}-custom`,
+        checked: formData.enabledForEvals,
+        onCheckedChange: (checked)=>updateField('enabledForEvals', checked),
+        labels: labels
+    });
+    const [docsBefore, docsAfter] = labels.helpDocs.split('{{docsLink}}');
+    const formBody = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ref: rootRef,
+        "data-slot": "custom-guardrail-builder",
+        className: (0, apollo_wind_namespaceObject.cn)('space-y-4 py-4', className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
+                "data-slot": "custom-guardrail-builder-help",
+                className: "text-sm text-muted-foreground",
+                children: [
+                    labels.helpText,
+                    void 0 !== docsHref && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                        children: [
+                            ' ',
+                            docsBefore,
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+                                href: docsHref,
+                                target: "_blank",
+                                rel: "noopener noreferrer",
+                                className: "text-primary hover:underline",
+                                onClick: onDocsLinkClick,
+                                children: labels.docsLink
+                            }),
+                            docsAfter
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(guardrail_name_fields_cjs_namespaceObject.GuardrailNameFields, {
+                idPrefix: `${uid}-custom`,
+                name: formData.name,
+                description: formData.description,
+                onNameChange: (name)=>updateField('name', name),
+                onDescriptionChange: (description)=>updateField("description", description),
+                nameError: displayErrors.name,
+                labels: labels
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_guardrail_rules_section_cjs_namespaceObject.GuardrailRulesSection, {
+                rules: formData.rules,
+                onRulesChange: (rules)=>updateField('rules', rules),
+                fields: fields,
+                onRequestAlwaysEnforce: confirmAlwaysEnforce ? handleRequestAlwaysEnforce : void 0,
+                renderFieldSelector: renderFieldSelector,
+                selectionChips: selectionChips,
+                errors: {
+                    rules: displayErrors.rules,
+                    perRule: displayErrors.perRule
+                }
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Separator, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "space-y-3",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(guardrail_action_section_cjs_namespaceObject.GuardrailActionSection, {
+                    action: formData.action,
+                    onActionChange: handleActionChange,
+                    showFilter: true,
+                    filterContent: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_guardrail_filter_field_selector_cjs_namespaceObject.GuardrailFilterFieldSelector, {
+                        fields: filterFields,
+                        value: 'filter' === formData.action.$actionType ? formData.action.fields : [],
+                        onChange: (picked)=>updateField('action', {
+                                $actionType: 'filter',
+                                fields: picked
+                            }),
+                        error: displayErrors.filterFields,
+                        selectionChips: selectionChips
+                    }),
+                    errors: {
+                        blockReason: displayErrors.blockReason,
+                        recipient: displayErrors.recipient,
+                        actionApp: displayErrors.actionApp
+                    },
+                    renderRecipientSearch: renderRecipientSearch,
+                    renderStaticRecipient: renderStaticRecipient,
+                    renderAppPicker: renderAppPicker,
+                    escalateHelp: escalateHelp
+                })
+            }),
+            'form' === evalsTogglePlacement && evalsToggle,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(mixed_scopes_banner_cjs_namespaceObject.MixedScopesBanner, {
+                otherAppliedScopes: otherAppliedScopes,
+                labels: labels
+            })
+        ]
+    });
+    const secondaryAction = onSaveAsNew ? {
+        label: labels.saveAsNew,
+        onClick: handleSaveAsNew,
+        disabled: hostSaveDisabled
+    } : void 0;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_guardrail_form_layout_cjs_namespaceObject.GuardrailFormLayout, {
+        open: open,
+        title: title ?? (guardrail ? labels.editTitle : labels.addTitle),
+        onSave: handleSave,
+        onCancel: onCancel,
+        inline: inline,
+        hideHeader: hideHeader,
+        dialogMaxWidth: dialogMaxWidth,
+        secondaryAction: secondaryAction,
+        saveDisabled: hostSaveDisabled,
+        footerStart: 'footer' === evalsTogglePlacement ? evalsToggle : void 0,
+        labels: {
+            cancel: labels.cancel,
+            save: labels.save
+        },
+        children: formBody
+    });
+}
+CustomGuardrailBuilder.displayName = 'CustomGuardrailBuilder';
+exports.CustomGuardrailBuilder = __webpack_exports__.CustomGuardrailBuilder;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "CustomGuardrailBuilder"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/custom-guardrail-builder.d.ts

@@ -0,0 +1,44 @@
+import { type ReactNode } from 'react';
+import type { GuardrailAppPickerContext, GuardrailRecipientSearchContext, GuardrailStaticRecipientContext } from './builder-types';
+import type { CustomGuardrailBuilderErrors, CustomGuardrailBuilderValue } from './custom-builder-types';
+import { type CustomGuardrailBuilderLabels } from './i18n';
+import type { GuardrailFieldGroup, GuardrailRuleFieldSelectorRenderer, GuardrailRuleFields } from './rules-types';
+export interface CustomGuardrailBuilderProps {
+    open: boolean;
+    guardrail?: CustomGuardrailBuilderValue;
+    defaultName?: string;
+    existingNames?: string[];
+    toolName?: string;
+    fields?: GuardrailRuleFields;
+    filterFields?: GuardrailFieldGroup | null;
+    onSave: (guardrail: CustomGuardrailBuilderValue) => void;
+    onCancel: () => void;
+    onSaveAsNew?: (guardrail: CustomGuardrailBuilderValue) => void;
+    otherAppliedScopes?: {
+        scopes: string[];
+        tools: string[];
+    } | null;
+    inline?: boolean;
+    hideHeader?: boolean;
+    dialogMaxWidth?: number;
+    title?: ReactNode;
+    evalsTogglePlacement?: 'form' | 'footer';
+    renderRecipientSearch?: (ctx: GuardrailRecipientSearchContext) => ReactNode;
+    renderStaticRecipient?: (ctx: GuardrailStaticRecipientContext) => ReactNode | undefined;
+    renderAppPicker?: (ctx: GuardrailAppPickerContext) => ReactNode;
+    escalateHelp?: ReactNode;
+    renderFieldSelector?: GuardrailRuleFieldSelectorRenderer;
+    selectionChips?: boolean;
+    confirmAlwaysEnforce?: () => boolean | Promise<boolean>;
+    docsHref?: string;
+    onDocsLinkClick?: () => void;
+    errors?: Partial<CustomGuardrailBuilderErrors>;
+    saveDisabled?: boolean;
+    labels?: Partial<CustomGuardrailBuilderLabels>;
+    className?: string;
+}
+export declare function CustomGuardrailBuilder({ open, guardrail, defaultName, existingNames, toolName, fields, filterFields, onSave, onCancel, onSaveAsNew, otherAppliedScopes, inline, hideHeader, dialogMaxWidth, title, evalsTogglePlacement, renderRecipientSearch, renderStaticRecipient, renderAppPicker, escalateHelp, renderFieldSelector, selectionChips, confirmAlwaysEnforce, docsHref, onDocsLinkClick, errors: hostErrors, saveDisabled: hostSaveDisabled, labels: labelOverrides, className, }: CustomGuardrailBuilderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CustomGuardrailBuilder {
+    var displayName: string;
+}
+//# sourceMappingURL=custom-guardrail-builder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom-guardrail-builder.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Guardrails/custom-guardrail-builder.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAiD,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAEV,yBAAyB,EACzB,+BAA+B,EAC/B,+BAA+B,EAChC,MAAM,iBAAiB,CAAC;AAKzB,OAAO,KAAK,EACV,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAShC,OAAO,EAAE,KAAK,4BAA4B,EAAmC,MAAM,QAAQ,CAAC;AAC5F,OAAO,KAAK,EACV,mBAAmB,EAGnB,kCAAkC,EAClC,mBAAmB,EACpB,MAAM,eAAe,CAAC;AAsBvB,MAAM,WAAW,2BAA2B;IAK1C,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,2BAA2B,CAAC;IAExC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAKlB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAE7B,YAAY,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC1C,MAAM,EAAE,CAAC,SAAS,EAAE,2BAA2B,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAC;IAYrB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,2BAA2B,KAAK,IAAI,CAAC;IAE/D,kBAAkB,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,GAAG,IAAI,CAAC;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,oBAAoB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,+BAA+B,KAAK,SAAS,CAAC;IAK5E,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,+BAA+B,KAAK,SAAS,GAAG,SAAS,CAAC;IACxF,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,yBAAyB,KAAK,SAAS,CAAC;IAEhE,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,mBAAmB,CAAC,EAAE,kCAAkC,CAAC;IAEzD,cAAc,CAAC,EAAE,OAAO,CAAC;IAKzB,oBAAoB,CAAC,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAExD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAK7B,MAAM,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAK/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,SAAS,EACT,WAAW,EACX,aAAa,EACb,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,kBAAyB,EACzB,MAAc,EACd,UAAkB,EAClB,cAAoB,EACpB,KAAK,EACL,oBAA6B,EAC7B,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,cAAsB,EACtB,oBAAoB,EACpB,QAAQ,EACR,eAAe,EACf,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,gBAAwB,EACtC,MAAM,EAAE,cAAc,EACtB,SAAS,GACV,EAAE,2BAA2B,2CAyP7B;yBAvRe,sBAAsB"}

package/dist/canvas/components/Guardrails/custom-guardrail-builder.js

@@ -0,0 +1,239 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Separator, cn } from "@uipath/apollo-wind";
+import { useCallback, useId, useMemo, useRef, useState } from "react";
+import { GuardrailActionSection } from "./components/guardrail-action-section.js";
+import { GuardrailEvalsToggle } from "./components/guardrail-evals-toggle.js";
+import { GuardrailNameFields } from "./components/guardrail-name-fields.js";
+import { MixedScopesBanner } from "./components/mixed-scopes-banner.js";
+import { getCustomGuardrailErrorFields, initCustomGuardrailBuilderFormData } from "./custom-builder-utils.js";
+import { GuardrailFilterFieldSelector } from "./guardrail-filter-field-selector.js";
+import { GuardrailFormLayout } from "./guardrail-form-layout.js";
+import { GuardrailRulesSection } from "./guardrail-rules-section.js";
+import { useCustomGuardrailBuilderLabels } from "./i18n.js";
+import { useGuardrailFormErrors } from "./use-guardrail-form-errors.js";
+import { useSwallowEnter } from "./use-swallow-enter.js";
+const CUSTOM_BUILDER_ERROR_MERGES = {
+    perRule: {
+        merge: (internal, host)=>Array.from({
+                length: Math.max(internal?.length ?? 0, host.length)
+            }, (_, index)=>{
+                const fromHost = host[index];
+                const own = internal?.[index];
+                if (!fromHost) return own;
+                return {
+                    fields: fromHost.fields ?? own?.fields,
+                    value: fromHost.value ?? own?.value
+                };
+            }),
+        hasMessage: (host)=>host.some((rule)=>rule?.fields !== void 0 || rule?.value !== void 0)
+    }
+};
+function CustomGuardrailBuilder({ open, guardrail, defaultName, existingNames, toolName, fields, filterFields, onSave, onCancel, onSaveAsNew, otherAppliedScopes = null, inline = false, hideHeader = false, dialogMaxWidth = 800, title, evalsTogglePlacement = 'form', renderRecipientSearch, renderStaticRecipient, renderAppPicker, escalateHelp, renderFieldSelector, selectionChips = false, confirmAlwaysEnforce, docsHref, onDocsLinkClick, errors: hostErrors, saveDisabled: hostSaveDisabled = false, labels: labelOverrides, className }) {
+    const labels = useCustomGuardrailBuilderLabels(labelOverrides);
+    const uid = useId();
+    const [formData, setFormData] = useState(()=>{
+        const data = initCustomGuardrailBuilderFormData(guardrail, toolName);
+        if (!guardrail && defaultName) data.name = defaultName;
+        return data;
+    });
+    const rootRef = useRef(null);
+    useSwallowEnter(rootRef);
+    const updateField = useCallback((field, value)=>{
+        setFormData((prev)=>({
+                ...prev,
+                [field]: value
+            }));
+    }, []);
+    const handleActionChange = useCallback((action)=>updateField('action', 'filter' === action.$actionType ? {
+            $actionType: 'filter',
+            fields: []
+        } : action), [
+        updateField
+    ]);
+    const handleRequestAlwaysEnforce = useCallback((next)=>{
+        if (!confirmAlwaysEnforce) return;
+        const answer = confirmAlwaysEnforce();
+        if ('boolean' == typeof answer) {
+            if (answer) updateField('rules', next);
+            return;
+        }
+        answer.then((confirmed)=>{
+            if (confirmed) updateField('rules', next);
+        });
+    }, [
+        confirmAlwaysEnforce,
+        updateField
+    ]);
+    const guardrailResult = useMemo(()=>({
+            id: formData.id,
+            $guardrailType: 'custom',
+            name: formData.name,
+            description: formData.description || void 0,
+            selector: formData.selector,
+            action: formData.action,
+            enabledForEvals: formData.enabledForEvals,
+            rules: formData.rules
+        }), [
+        formData
+    ]);
+    const internalErrors = useMemo(()=>{
+        const failing = getCustomGuardrailErrorFields(formData, existingNames);
+        const e = {};
+        if (failing.name) e.name = 'required' === failing.name ? labels.nameRequiredError : labels.nameDuplicateError;
+        const [rulesField] = failing.rules;
+        if (rulesField) e.rules = ({
+            required: labels.rulesRequiredError,
+            alwaysCombined: labels.rulesAlwaysCombinedError,
+            invalidRules: labels.rulesInvalidError
+        })[rulesField];
+        if (failing.perRule.some((ruleFields)=>ruleFields.length > 0)) e.perRule = failing.perRule.map((ruleFields)=>0 === ruleFields.length ? void 0 : {
+                fields: ruleFields.includes('fields') ? labels.ruleFieldsRequiredError : void 0,
+                value: ruleFields.includes('value') ? labels.ruleValueRequiredError : void 0
+            });
+        for (const field of failing.action)e[field] = ({
+            blockReason: labels.blockReasonRequiredError,
+            filterFields: labels.filterFieldsRequiredError,
+            recipient: labels.recipientRequiredError,
+            actionApp: labels.actionAppRequiredError
+        })[field];
+        return e;
+    }, [
+        formData,
+        existingNames,
+        labels
+    ]);
+    const { displayErrors, isValid, revealErrors } = useGuardrailFormErrors(internalErrors, hostErrors, CUSTOM_BUILDER_ERROR_MERGES);
+    const handleSave = useCallback(()=>{
+        if (!isValid) return void revealErrors();
+        onSave(guardrailResult);
+    }, [
+        guardrailResult,
+        onSave,
+        isValid,
+        revealErrors
+    ]);
+    const handleSaveAsNew = useCallback(()=>{
+        if (!onSaveAsNew) return;
+        if (!isValid) return void revealErrors();
+        onSaveAsNew(guardrailResult);
+    }, [
+        guardrailResult,
+        onSaveAsNew,
+        isValid,
+        revealErrors
+    ]);
+    const evalsToggle = /*#__PURE__*/ jsx(GuardrailEvalsToggle, {
+        idPrefix: `${uid}-custom`,
+        checked: formData.enabledForEvals,
+        onCheckedChange: (checked)=>updateField('enabledForEvals', checked),
+        labels: labels
+    });
+    const [docsBefore, docsAfter] = labels.helpDocs.split('{{docsLink}}');
+    const formBody = /*#__PURE__*/ jsxs("div", {
+        ref: rootRef,
+        "data-slot": "custom-guardrail-builder",
+        className: cn('space-y-4 py-4', className),
+        children: [
+            /*#__PURE__*/ jsxs("p", {
+                "data-slot": "custom-guardrail-builder-help",
+                className: "text-sm text-muted-foreground",
+                children: [
+                    labels.helpText,
+                    void 0 !== docsHref && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            ' ',
+                            docsBefore,
+                            /*#__PURE__*/ jsx("a", {
+                                href: docsHref,
+                                target: "_blank",
+                                rel: "noopener noreferrer",
+                                className: "text-primary hover:underline",
+                                onClick: onDocsLinkClick,
+                                children: labels.docsLink
+                            }),
+                            docsAfter
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(GuardrailNameFields, {
+                idPrefix: `${uid}-custom`,
+                name: formData.name,
+                description: formData.description,
+                onNameChange: (name)=>updateField('name', name),
+                onDescriptionChange: (description)=>updateField("description", description),
+                nameError: displayErrors.name,
+                labels: labels
+            }),
+            /*#__PURE__*/ jsx(GuardrailRulesSection, {
+                rules: formData.rules,
+                onRulesChange: (rules)=>updateField('rules', rules),
+                fields: fields,
+                onRequestAlwaysEnforce: confirmAlwaysEnforce ? handleRequestAlwaysEnforce : void 0,
+                renderFieldSelector: renderFieldSelector,
+                selectionChips: selectionChips,
+                errors: {
+                    rules: displayErrors.rules,
+                    perRule: displayErrors.perRule
+                }
+            }),
+            /*#__PURE__*/ jsx(Separator, {}),
+            /*#__PURE__*/ jsx("div", {
+                className: "space-y-3",
+                children: /*#__PURE__*/ jsx(GuardrailActionSection, {
+                    action: formData.action,
+                    onActionChange: handleActionChange,
+                    showFilter: true,
+                    filterContent: /*#__PURE__*/ jsx(GuardrailFilterFieldSelector, {
+                        fields: filterFields,
+                        value: 'filter' === formData.action.$actionType ? formData.action.fields : [],
+                        onChange: (picked)=>updateField('action', {
+                                $actionType: 'filter',
+                                fields: picked
+                            }),
+                        error: displayErrors.filterFields,
+                        selectionChips: selectionChips
+                    }),
+                    errors: {
+                        blockReason: displayErrors.blockReason,
+                        recipient: displayErrors.recipient,
+                        actionApp: displayErrors.actionApp
+                    },
+                    renderRecipientSearch: renderRecipientSearch,
+                    renderStaticRecipient: renderStaticRecipient,
+                    renderAppPicker: renderAppPicker,
+                    escalateHelp: escalateHelp
+                })
+            }),
+            'form' === evalsTogglePlacement && evalsToggle,
+            /*#__PURE__*/ jsx(MixedScopesBanner, {
+                otherAppliedScopes: otherAppliedScopes,
+                labels: labels
+            })
+        ]
+    });
+    const secondaryAction = onSaveAsNew ? {
+        label: labels.saveAsNew,
+        onClick: handleSaveAsNew,
+        disabled: hostSaveDisabled
+    } : void 0;
+    return /*#__PURE__*/ jsx(GuardrailFormLayout, {
+        open: open,
+        title: title ?? (guardrail ? labels.editTitle : labels.addTitle),
+        onSave: handleSave,
+        onCancel: onCancel,
+        inline: inline,
+        hideHeader: hideHeader,
+        dialogMaxWidth: dialogMaxWidth,
+        secondaryAction: secondaryAction,
+        saveDisabled: hostSaveDisabled,
+        footerStart: 'footer' === evalsTogglePlacement ? evalsToggle : void 0,
+        labels: {
+            cancel: labels.cancel,
+            save: labels.save
+        },
+        children: formBody
+    });
+}
+CustomGuardrailBuilder.displayName = 'CustomGuardrailBuilder';
+export { CustomGuardrailBuilder };