@uipath/apollo-react 7.2.1 → 7.3.0

package/dist/canvas/components/Guardrails/classifier-question-picker.cjs

@@ -0,0 +1,316 @@
+"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__, {
+    ClassifierQuestionPicker: ()=>ClassifierQuestionPicker
+});
+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_classifier_utils_cjs_namespaceObject = require("./classifier-utils.cjs");
+const classifier_threshold_slider_cjs_namespaceObject = require("./components/classifier-threshold-slider.cjs");
+const parameter_label_cjs_namespaceObject = require("./components/parameter-label.cjs");
+const external_i18n_cjs_namespaceObject = require("./i18n.cjs");
+const levelToThreshold = (level, count)=>count <= 1 ? 1 : level / (count - 1);
+const thresholdToLevel = (threshold, count)=>count <= 1 ? 1 : Math.min(count - 1, Math.max(1, Math.ceil(threshold * (count - 1) - 1e-9)));
+const MIDDLE_TIERS = [
+    'severityLow',
+    'severityModerate',
+    'severityHigh'
+];
+function tierKey(level, count) {
+    if (level >= count - 1) return 'severityCritical';
+    const position = count - 2 > 1 ? (level - 1) / (count - 3) : 0;
+    return MIDDLE_TIERS[Math.round(position * (MIDDLE_TIERS.length - 1))] ?? 'severityLow';
+}
+const isScore = (question)=>'score' === question.type && (question.levels?.length ?? 0) > 1;
+const ROW_HOVER_CHECKBOX = 'group-hover/row:border-muted-foreground';
+function ClassifierQuestionPicker({ parameter, categories, selectedQuestions, questionThresholds, onChange, error, labels: labelOverrides, className }) {
+    const labels = (0, external_i18n_cjs_namespaceObject.useGuardrailClassifierLabels)(labelOverrides);
+    const uid = (0, external_react_namespaceObject.useId)();
+    const [search, setSearch] = (0, external_react_namespaceObject.useState)('');
+    const [expanded, setExpanded] = (0, external_react_namespaceObject.useState)(()=>new Set());
+    const selected = (0, external_react_namespaceObject.useMemo)(()=>new Set(selectedQuestions), [
+        selectedQuestions
+    ]);
+    const query = search.trim().toLowerCase();
+    const visibleCategories = categories.map((category)=>({
+            ...category,
+            questions: category.questions.filter((q)=>q.question.toLowerCase().includes(query))
+        })).filter((category)=>category.questions.length > 0);
+    const toggle = (names, checked)=>{
+        if (checked) return void onChange([
+            ...selectedQuestions,
+            ...names.filter((n)=>!selected.has(n))
+        ], {
+            ...questionThresholds
+        });
+        const removed = new Set(names);
+        onChange(selectedQuestions.filter((n)=>!removed.has(n)), Object.fromEntries(Object.entries(questionThresholds).filter(([n])=>!removed.has(n))));
+    };
+    const setThreshold = (name, threshold)=>onChange([
+            ...selectedQuestions
+        ], {
+            ...questionThresholds,
+            [name]: threshold
+        });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.FormField, {
+        "data-slot": "classifier-question-picker",
+        className: (0, apollo_wind_namespaceObject.cn)('gap-3', className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "grid gap-0.5",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(parameter_label_cjs_namespaceObject.ParameterLabel, {
+                        id: `${uid}-label`,
+                        paramDef: parameter,
+                        labels: labels,
+                        asTextHeader: true
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                        className: "text-xs text-muted-foreground",
+                        children: (0, external_i18n_cjs_namespaceObject.formatGuardrailFormMessage)(labels.pickerSummary, {
+                            count: selectedQuestions.length
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Search, {
+                value: search,
+                onChange: setSearch,
+                placeholder: labels.searchPlaceholder,
+                "aria-label": labels.searchLabel,
+                showClearButton: false
+            }),
+            '' !== query && 0 === visibleCategories.length && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                className: "text-xs text-muted-foreground",
+                children: labels.noMatches
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("fieldset", {
+                "aria-labelledby": `${uid}-label`,
+                "aria-describedby": error ? `${uid}-error` : void 0,
+                className: "m-0 grid min-w-0 border-0 p-0",
+                children: visibleCategories.map((category, index)=>{
+                    const names = category.questions.map((q)=>q.name);
+                    const count = names.filter((n)=>selected.has(n)).length;
+                    const open = '' !== query || expanded.has(category.id);
+                    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Collapsible, {
+                        open: open,
+                        onOpenChange: ()=>setExpanded((previous)=>{
+                                const next = new Set(previous);
+                                if (!next.delete(category.id)) next.add(category.id);
+                                return next;
+                            }),
+                        className: (0, apollo_wind_namespaceObject.cn)(index > 0 && 'mt-2 border-t border-border pt-2'),
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "group/row flex items-center gap-2 rounded-md px-1 hover:bg-accent",
+                                children: [
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Checkbox, {
+                                        className: ROW_HOVER_CHECKBOX,
+                                        checked: count === names.length ? true : count > 0 ? 'indeterminate' : false,
+                                        "aria-label": (0, external_i18n_cjs_namespaceObject.formatGuardrailFormMessage)(labels.selectAllInCategory, {
+                                            category: category.label
+                                        }),
+                                        onCheckedChange: (checked)=>toggle(names, true === checked)
+                                    }),
+                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.CollapsibleTrigger, {
+                                        className: "flex min-h-8 flex-1 items-center gap-2 rounded-sm text-left text-sm font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                                        children: [
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                                                children: [
+                                                    category.label,
+                                                    ' ',
+                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                                                        className: "text-xs font-normal text-muted-foreground",
+                                                        children: [
+                                                            count,
+                                                            "/",
+                                                            names.length
+                                                        ]
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                                                "aria-hidden": "true",
+                                                className: (0, apollo_wind_namespaceObject.cn)('ml-auto size-4 shrink-0 text-muted-foreground transition-transform', open && 'rotate-180')
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.CollapsibleContent, {
+                                children: category.questions.map((question)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(QuestionRow, {
+                                        id: `${uid}-question-${question.name}`,
+                                        question: question,
+                                        selected: selected.has(question.name),
+                                        threshold: questionThresholds[question.name] ?? external_classifier_utils_cjs_namespaceObject.CLASSIFIER_DEFAULT_THRESHOLD,
+                                        labels: labels,
+                                        onToggle: (checked)=>toggle([
+                                                question.name
+                                            ], checked),
+                                        onThreshold: (threshold)=>setThreshold(question.name, threshold)
+                                    }, question.name))
+                            })
+                        ]
+                    }, category.id);
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.FormFieldError, {
+                id: `${uid}-error`,
+                children: error
+            })
+        ]
+    });
+}
+function QuestionRow({ id, question, selected, threshold, labels, onToggle, onThreshold }) {
+    const levels = question.levels ?? [];
+    const tier = (level)=>labels[tierKey(level, levels.length)];
+    const level = thresholdToLevel(threshold, levels.length);
+    const named = (template)=>(0, external_i18n_cjs_namespaceObject.formatGuardrailFormMessage)(template, {
+            name: question.name
+        });
+    const details = isScore(question) ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                className: "text-muted-foreground",
+                children: labels.levelsIntro
+            }),
+            levels.map((text, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                    children: index > 0 ? `${tier(index)} — ${text}` : text
+                }, text))
+        ]
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
+                children: [
+                    labels.criteriaYes,
+                    " ",
+                    question.criteriaTrue
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("p", {
+                children: [
+                    labels.criteriaNo,
+                    " ",
+                    question.criteriaFalse
+                ]
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "group/row grid grid-cols-[auto_minmax(0,1fr)] items-center gap-x-2 rounded-md py-1 pr-1 pl-7 hover:bg-accent",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.Checkbox, {
+                id: id,
+                className: ROW_HOVER_CHECKBOX,
+                checked: selected,
+                onCheckedChange: (checked)=>onToggle(true === checked)
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex min-w-0 items-center gap-2",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("label", {
+                        htmlFor: id,
+                        className: "min-w-0 flex-1 cursor-pointer text-sm",
+                        children: question.question
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.InfoTooltip, {
+                        "aria-label": named(labels.questionDetails),
+                        content: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            className: "grid gap-0.5 text-xs",
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                                    className: "mb-1 font-semibold",
+                                    children: question.question
+                                }),
+                                details
+                            ]
+                        })
+                    })
+                ]
+            }),
+            selected && isScore(question) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "col-span-2 flex flex-wrap items-center gap-x-2 gap-y-1 pt-1 pb-1.5",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "text-xs text-muted-foreground",
+                        children: labels.severityCutoffLabel
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(apollo_wind_namespaceObject.Select, {
+                        value: String(level),
+                        onValueChange: (next)=>onThreshold(levelToThreshold(Number(next), levels.length)),
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectTrigger, {
+                                className: "min-w-32 flex-1",
+                                "aria-label": named(labels.severityCutoff),
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectValue, {
+                                    children: tier(level)
+                                })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectContent, {
+                                className: "max-w-sm",
+                                children: levels.slice(1).map((text, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(apollo_wind_namespaceObject.SelectItem, {
+                                        value: String(index + 1),
+                                        textValue: tier(index + 1),
+                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                                            className: "grid gap-0.5 whitespace-normal",
+                                            children: [
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                    className: "font-semibold",
+                                                    children: tier(index + 1)
+                                                }),
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                    className: "text-xs text-muted-foreground",
+                                                    children: text
+                                                })
+                                            ]
+                                        })
+                                    }, text))
+                            })
+                        ]
+                    })
+                ]
+            }),
+            selected && !isScore(question) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "col-span-2 pt-1",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(classifier_threshold_slider_cjs_namespaceObject.ClassifierThresholdSlider, {
+                    value: threshold,
+                    ariaLabel: named(labels.questionStrictness),
+                    labels: labels,
+                    onChange: onThreshold
+                })
+            })
+        ]
+    });
+}
+exports.ClassifierQuestionPicker = __webpack_exports__.ClassifierQuestionPicker;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ClassifierQuestionPicker"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/Guardrails/classifier-question-picker.d.ts

@@ -0,0 +1,15 @@
+import { type GuardrailClassifierLabels } from './i18n';
+import type { GuardrailParameterDefinition } from './types';
+import type { ClassifierQuestionCategory } from './use-classifier-questions';
+export interface ClassifierQuestionPickerProps {
+    parameter: GuardrailParameterDefinition;
+    categories: readonly ClassifierQuestionCategory[];
+    selectedQuestions: readonly string[];
+    questionThresholds: Readonly<Record<string, number>>;
+    onChange: (selectedQuestions: string[], questionThresholds: Record<string, number>) => void;
+    error?: string;
+    labels?: Partial<GuardrailClassifierLabels>;
+    className?: string;
+}
+export declare function ClassifierQuestionPicker({ parameter, categories, selectedQuestions, questionThresholds, onChange, error, labels: labelOverrides, className, }: ClassifierQuestionPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=classifier-question-picker.d.ts.map

package/dist/canvas/components/Guardrails/classifier-question-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classifier-question-picker.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Guardrails/classifier-question-picker.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAEL,KAAK,yBAAyB,EAE/B,MAAM,QAAQ,CAAC;AAChB,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,KAAK,EAAsB,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAEjG,MAAM,WAAW,6BAA6B;IAE5C,SAAS,EAAE,4BAA4B,CAAC;IAExC,UAAU,EAAE,SAAS,0BAA0B,EAAE,CAAC;IAClD,iBAAiB,EAAE,SAAS,MAAM,EAAE,CAAC;IAErC,kBAAkB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAErD,QAAQ,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,EAAE,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,KAAK,EACL,MAAM,EAAE,cAAc,EACtB,SAAS,GACV,EAAE,6BAA6B,2CAuH/B"}

package/dist/canvas/components/Guardrails/classifier-question-picker.js

@@ -0,0 +1,282 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, FormField, FormFieldError, InfoTooltip, Search, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, cn } from "@uipath/apollo-wind";
+import { ChevronDown } from "lucide-react";
+import { useId, useMemo, useState } from "react";
+import { CLASSIFIER_DEFAULT_THRESHOLD } from "./classifier-utils.js";
+import { ClassifierThresholdSlider } from "./components/classifier-threshold-slider.js";
+import { ParameterLabel } from "./components/parameter-label.js";
+import { formatGuardrailFormMessage, useGuardrailClassifierLabels } from "./i18n.js";
+const levelToThreshold = (level, count)=>count <= 1 ? 1 : level / (count - 1);
+const thresholdToLevel = (threshold, count)=>count <= 1 ? 1 : Math.min(count - 1, Math.max(1, Math.ceil(threshold * (count - 1) - 1e-9)));
+const MIDDLE_TIERS = [
+    'severityLow',
+    'severityModerate',
+    'severityHigh'
+];
+function tierKey(level, count) {
+    if (level >= count - 1) return 'severityCritical';
+    const position = count - 2 > 1 ? (level - 1) / (count - 3) : 0;
+    return MIDDLE_TIERS[Math.round(position * (MIDDLE_TIERS.length - 1))] ?? 'severityLow';
+}
+const isScore = (question)=>'score' === question.type && (question.levels?.length ?? 0) > 1;
+const ROW_HOVER_CHECKBOX = 'group-hover/row:border-muted-foreground';
+function ClassifierQuestionPicker({ parameter, categories, selectedQuestions, questionThresholds, onChange, error, labels: labelOverrides, className }) {
+    const labels = useGuardrailClassifierLabels(labelOverrides);
+    const uid = useId();
+    const [search, setSearch] = useState('');
+    const [expanded, setExpanded] = useState(()=>new Set());
+    const selected = useMemo(()=>new Set(selectedQuestions), [
+        selectedQuestions
+    ]);
+    const query = search.trim().toLowerCase();
+    const visibleCategories = categories.map((category)=>({
+            ...category,
+            questions: category.questions.filter((q)=>q.question.toLowerCase().includes(query))
+        })).filter((category)=>category.questions.length > 0);
+    const toggle = (names, checked)=>{
+        if (checked) return void onChange([
+            ...selectedQuestions,
+            ...names.filter((n)=>!selected.has(n))
+        ], {
+            ...questionThresholds
+        });
+        const removed = new Set(names);
+        onChange(selectedQuestions.filter((n)=>!removed.has(n)), Object.fromEntries(Object.entries(questionThresholds).filter(([n])=>!removed.has(n))));
+    };
+    const setThreshold = (name, threshold)=>onChange([
+            ...selectedQuestions
+        ], {
+            ...questionThresholds,
+            [name]: threshold
+        });
+    return /*#__PURE__*/ jsxs(FormField, {
+        "data-slot": "classifier-question-picker",
+        className: cn('gap-3', className),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "grid gap-0.5",
+                children: [
+                    /*#__PURE__*/ jsx(ParameterLabel, {
+                        id: `${uid}-label`,
+                        paramDef: parameter,
+                        labels: labels,
+                        asTextHeader: true
+                    }),
+                    /*#__PURE__*/ jsx("p", {
+                        className: "text-xs text-muted-foreground",
+                        children: formatGuardrailFormMessage(labels.pickerSummary, {
+                            count: selectedQuestions.length
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Search, {
+                value: search,
+                onChange: setSearch,
+                placeholder: labels.searchPlaceholder,
+                "aria-label": labels.searchLabel,
+                showClearButton: false
+            }),
+            '' !== query && 0 === visibleCategories.length && /*#__PURE__*/ jsx("p", {
+                className: "text-xs text-muted-foreground",
+                children: labels.noMatches
+            }),
+            /*#__PURE__*/ jsx("fieldset", {
+                "aria-labelledby": `${uid}-label`,
+                "aria-describedby": error ? `${uid}-error` : void 0,
+                className: "m-0 grid min-w-0 border-0 p-0",
+                children: visibleCategories.map((category, index)=>{
+                    const names = category.questions.map((q)=>q.name);
+                    const count = names.filter((n)=>selected.has(n)).length;
+                    const open = '' !== query || expanded.has(category.id);
+                    return /*#__PURE__*/ jsxs(Collapsible, {
+                        open: open,
+                        onOpenChange: ()=>setExpanded((previous)=>{
+                                const next = new Set(previous);
+                                if (!next.delete(category.id)) next.add(category.id);
+                                return next;
+                            }),
+                        className: cn(index > 0 && 'mt-2 border-t border-border pt-2'),
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "group/row flex items-center gap-2 rounded-md px-1 hover:bg-accent",
+                                children: [
+                                    /*#__PURE__*/ jsx(Checkbox, {
+                                        className: ROW_HOVER_CHECKBOX,
+                                        checked: count === names.length ? true : count > 0 ? 'indeterminate' : false,
+                                        "aria-label": formatGuardrailFormMessage(labels.selectAllInCategory, {
+                                            category: category.label
+                                        }),
+                                        onCheckedChange: (checked)=>toggle(names, true === checked)
+                                    }),
+                                    /*#__PURE__*/ jsxs(CollapsibleTrigger, {
+                                        className: "flex min-h-8 flex-1 items-center gap-2 rounded-sm text-left text-sm font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                                        children: [
+                                            /*#__PURE__*/ jsxs("span", {
+                                                children: [
+                                                    category.label,
+                                                    ' ',
+                                                    /*#__PURE__*/ jsxs("span", {
+                                                        className: "text-xs font-normal text-muted-foreground",
+                                                        children: [
+                                                            count,
+                                                            "/",
+                                                            names.length
+                                                        ]
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsx(ChevronDown, {
+                                                "aria-hidden": "true",
+                                                className: cn('ml-auto size-4 shrink-0 text-muted-foreground transition-transform', open && 'rotate-180')
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(CollapsibleContent, {
+                                children: category.questions.map((question)=>/*#__PURE__*/ jsx(QuestionRow, {
+                                        id: `${uid}-question-${question.name}`,
+                                        question: question,
+                                        selected: selected.has(question.name),
+                                        threshold: questionThresholds[question.name] ?? CLASSIFIER_DEFAULT_THRESHOLD,
+                                        labels: labels,
+                                        onToggle: (checked)=>toggle([
+                                                question.name
+                                            ], checked),
+                                        onThreshold: (threshold)=>setThreshold(question.name, threshold)
+                                    }, question.name))
+                            })
+                        ]
+                    }, category.id);
+                })
+            }),
+            /*#__PURE__*/ jsx(FormFieldError, {
+                id: `${uid}-error`,
+                children: error
+            })
+        ]
+    });
+}
+function QuestionRow({ id, question, selected, threshold, labels, onToggle, onThreshold }) {
+    const levels = question.levels ?? [];
+    const tier = (level)=>labels[tierKey(level, levels.length)];
+    const level = thresholdToLevel(threshold, levels.length);
+    const named = (template)=>formatGuardrailFormMessage(template, {
+            name: question.name
+        });
+    const details = isScore(question) ? /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("p", {
+                className: "text-muted-foreground",
+                children: labels.levelsIntro
+            }),
+            levels.map((text, index)=>/*#__PURE__*/ jsx("p", {
+                    children: index > 0 ? `${tier(index)} — ${text}` : text
+                }, text))
+        ]
+    }) : /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("p", {
+                children: [
+                    labels.criteriaYes,
+                    " ",
+                    question.criteriaTrue
+                ]
+            }),
+            /*#__PURE__*/ jsxs("p", {
+                children: [
+                    labels.criteriaNo,
+                    " ",
+                    question.criteriaFalse
+                ]
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        className: "group/row grid grid-cols-[auto_minmax(0,1fr)] items-center gap-x-2 rounded-md py-1 pr-1 pl-7 hover:bg-accent",
+        children: [
+            /*#__PURE__*/ jsx(Checkbox, {
+                id: id,
+                className: ROW_HOVER_CHECKBOX,
+                checked: selected,
+                onCheckedChange: (checked)=>onToggle(true === checked)
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex min-w-0 items-center gap-2",
+                children: [
+                    /*#__PURE__*/ jsx("label", {
+                        htmlFor: id,
+                        className: "min-w-0 flex-1 cursor-pointer text-sm",
+                        children: question.question
+                    }),
+                    /*#__PURE__*/ jsx(InfoTooltip, {
+                        "aria-label": named(labels.questionDetails),
+                        content: /*#__PURE__*/ jsxs("div", {
+                            className: "grid gap-0.5 text-xs",
+                            children: [
+                                /*#__PURE__*/ jsx("p", {
+                                    className: "mb-1 font-semibold",
+                                    children: question.question
+                                }),
+                                details
+                            ]
+                        })
+                    })
+                ]
+            }),
+            selected && isScore(question) && /*#__PURE__*/ jsxs("div", {
+                className: "col-span-2 flex flex-wrap items-center gap-x-2 gap-y-1 pt-1 pb-1.5",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "text-xs text-muted-foreground",
+                        children: labels.severityCutoffLabel
+                    }),
+                    /*#__PURE__*/ jsxs(Select, {
+                        value: String(level),
+                        onValueChange: (next)=>onThreshold(levelToThreshold(Number(next), levels.length)),
+                        children: [
+                            /*#__PURE__*/ jsx(SelectTrigger, {
+                                className: "min-w-32 flex-1",
+                                "aria-label": named(labels.severityCutoff),
+                                children: /*#__PURE__*/ jsx(SelectValue, {
+                                    children: tier(level)
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(SelectContent, {
+                                className: "max-w-sm",
+                                children: levels.slice(1).map((text, index)=>/*#__PURE__*/ jsx(SelectItem, {
+                                        value: String(index + 1),
+                                        textValue: tier(index + 1),
+                                        children: /*#__PURE__*/ jsxs("span", {
+                                            className: "grid gap-0.5 whitespace-normal",
+                                            children: [
+                                                /*#__PURE__*/ jsx("span", {
+                                                    className: "font-semibold",
+                                                    children: tier(index + 1)
+                                                }),
+                                                /*#__PURE__*/ jsx("span", {
+                                                    className: "text-xs text-muted-foreground",
+                                                    children: text
+                                                })
+                                            ]
+                                        })
+                                    }, text))
+                            })
+                        ]
+                    })
+                ]
+            }),
+            selected && !isScore(question) && /*#__PURE__*/ jsx("div", {
+                className: "col-span-2 pt-1",
+                children: /*#__PURE__*/ jsx(ClassifierThresholdSlider, {
+                    value: threshold,
+                    ariaLabel: named(labels.questionStrictness),
+                    labels: labels,
+                    onChange: onThreshold
+                })
+            })
+        ]
+    });
+}
+export { ClassifierQuestionPicker };