@iblai/iblai-js 2.3.4 → 2.3.5

package/dist/web-containers/source/next/index.esm.js

@@ -264146,6 +264146,31 @@ function BasicSubTab({ form, labels, mentor, isDisabled, categories }) {
     const { mentorId, enableRBAC } = useAgentSettings();
     const fileInputRef = React__default.useRef(null);
     const { copy, status: copyStatus } = useCopyToClipboard(1000);
+    // Host dialog to portal the category list into. Resolved from the trigger
+    // rather than assumed, because this sub-tab is not always inside a dialog.
+    // Falling back to `null` matters: a null container makes Radix portal to
+    // document.body, and this SDK bundles its own react-dismissable-layer, so
+    // body-portaled content never receives the compensating pointer-events:
+    // auto and is left inert. `portalled` below is driven off this, so the
+    // no-dialog case renders in place instead of reaching the body.
+    // Resolved from the field wrapper, not the trigger: the trigger is rendered
+    // through PopoverTrigger `asChild`, which composes its own ref onto the
+    // Button, and ours did not survive that — leaving the container null and the
+    // list rendering in place. A callback ref on a plain div is unambiguous.
+    const [categoryPortalContainer, setCategoryPortalContainer] = React__default.useState(null);
+    const categoryFieldRef = React__default.useRef(null);
+    // Resolved when the popover opens, not on mount. Mount-time lookups came back
+    // null — the field commits before the dialog is a usable ancestor — which
+    // silently left the list rendering in place and still clipped.
+    const resolveCategoryPortalContainer = React__default.useCallback(() => {
+        var _a, _b;
+        const host = (_b = (_a = categoryFieldRef.current) === null || _a === void 0 ? void 0 : _a.closest('[role="dialog"]')) !== null && _b !== void 0 ? _b : 
+        // Fallback for hosts that render the field outside the dialog subtree.
+        // Still never document.body: this SDK bundles its own dismissable-layer,
+        // so body-portaled content is left inert.
+        document.querySelector('[role="dialog"]');
+        setCategoryPortalContainer(host !== null && host !== void 0 ? host : null);
+    }, []);
     return (jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-[1fr_200px]", children: [jsxs("div", { className: "order-2 space-y-6 sm:order-1", children: [jsx(WithFormPermissions, { name: "mentor_name", 
                         // @ts-expect-error permissions field type is opaque
                         permissions: (_a = mentor === null || mentor === void 0 ? void 0 : mentor.permissions) === null || _a === void 0 ? void 0 : _a.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsx(form.Field, { name: "mentor_name", children: (field) => {
@@ -264166,10 +264191,34 @@ function BasicSubTab({ form, labels, mentor, isDisabled, categories }) {
                         // @ts-expect-error permissions field type is opaque
                         permissions: (_c = mentor === null || mentor === void 0 ? void 0 : mentor.permissions) === null || _c === void 0 ? void 0 : _c.field, enableRBAC: enableRBAC, children: ({ disabled }) => (jsx(form.Field, { name: "categories", children: (field) => {
                                 var _a;
-                                return (jsxs("div", { className: "space-y-2", children: [jsxs(Label$1, { className: "flex items-center text-sm font-medium text-[#646464]", children: [labels.fields.category.label, jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsxs(Popover, { children: [jsx(PopoverTrigger, { asChild: true, "aria-label": t('tabsSettingsTab.categorySelectAriaLabel'), children: jsxs(Button$1, { variant: "outline", role: "combobox", className: "w-full justify-between", disabled: isDisabled || disabled, children: [field.state.value
+                                return (jsxs("div", { className: "space-y-2", ref: categoryFieldRef, children: [jsxs(Label$1, { className: "flex items-center text-sm font-medium text-[#646464]", children: [labels.fields.category.label, jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsxs(Popover, { onOpenChange: (isOpen) => {
+                                                if (isOpen)
+                                                    resolveCategoryPortalContainer();
+                                            }, children: [jsx(PopoverTrigger, { asChild: true, "aria-label": t('tabsSettingsTab.categorySelectAriaLabel'), children: jsxs(Button$1, { variant: "outline", role: "combobox", className: "w-full justify-between", disabled: isDisabled || disabled, children: [field.state.value
                                                                 ? (_a = categories === null || categories === void 0 ? void 0 : categories.find((category) => category.id === field.state.value)) === null || _a === void 0 ? void 0 : _a.name
-                                                                : labels.fields.category.triggerPlaceholder, jsx(ChevronsUpDown, { className: "opacity-50" })] }) }), jsx(PopoverContent, { className: "w-full max-w-[490px] p-0 sm:w-[400px] lg:w-[490px]", align: "start", portalled: false, children: jsxs(Command, { children: [jsx(CommandInput, { placeholder: labels.fields.category.searchPlaceholder, className: "h-9" }), jsxs(CommandList, { children: [jsx(CommandEmpty, { children: labels.fields.category.emptyState }), jsx(CommandGroup, { children: categories === null || categories === void 0 ? void 0 : categories.map((category) => (jsxs(CommandItem, { value: category.id.toString(), onSelect: (currentValue) => {
-                                                                                field.handleChange(Number(currentValue));
+                                                                : labels.fields.category.triggerPlaceholder, jsx(ChevronsUpDown, { className: "opacity-50" })] }) }), jsx(PopoverContent, { className: "flex w-full max-w-[490px] flex-col overflow-hidden p-0 sm:w-[400px] lg:w-[490px]", 
+                                                    // Inline rather than a Tailwind arbitrary value: consuming
+                                                    // apps generate their CSS by scanning their own sources, so
+                                                    // a class that only ever appears inside this bundle is
+                                                    // never emitted and the cap silently does nothing. Radix
+                                                    // sets this variable on the content, and it is the room
+                                                    // left inside collisionBoundary — so the list shrinks and
+                                                    // scrolls instead of overhanging the dialog.
+                                                    style: { maxHeight: 'var(--radix-popover-content-available-height)' }, align: "start", portalled: categoryPortalContainer !== null, container: categoryPortalContainer, 
+                                                    // Collide against the dialog, not the viewport. The dialog
+                                                    // is the containing block (it is transformed) and clips its
+                                                    // own overflow, so viewport-based measurements let the list
+                                                    // run past its bottom edge and get cut off. Bounding it here
+                                                    // is what makes --radix-popover-content-available-height
+                                                    // reflect the space actually visible.
+                                                    collisionBoundary: categoryPortalContainer, collisionPadding: 12, children: jsxs(Command, { className: "flex min-h-0 flex-1 flex-col", children: [jsx(CommandInput, { placeholder: labels.fields.category.searchPlaceholder, className: "h-9" }), jsxs(CommandList, { className: "max-h-none min-h-0 flex-1", children: [jsx(CommandEmpty, { children: labels.fields.category.emptyState }), jsx(CommandGroup, { children: categories === null || categories === void 0 ? void 0 : categories.map((category) => (jsxs(CommandItem, { 
+                                                                            // Command runs with cmdk's default filtering, which scores the
+                                                                            // typed query against this value. It must be the name the user
+                                                                            // can see and type — an id matches only digits, so searching by
+                                                                            // name hid every option behind CommandEmpty. The id comes from
+                                                                            // the closure instead of round-tripping through onSelect.
+                                                                            value: category.name, onSelect: () => {
+                                                                                field.handleChange(category.id);
                                                                             }, children: [category.name, jsx(Check, { className: cn('ml-auto', field.state.value === category.id ? 'opacity-100' : 'opacity-0') })] }, category.id))) })] })] }) })] })] }));
                             } })) })] }), jsx(WithFormPermissions, { name: "profile_image", 
                 // @ts-expect-error permissions field type is opaque

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.3.4",
+  "version": "2.3.5",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -77,9 +77,9 @@
     "dotenv": "16.6.1",
     "winston": "3.19.0",
     "@iblai/mcp": "1.8.8",
-    "@iblai/web-containers": "1.16.2",
+    "@iblai/data-layer": "1.12.0",
     "@iblai/web-utils": "2.1.10",
-    "@iblai/data-layer": "1.12.0"
+    "@iblai/web-containers": "1.16.3"
   },
   "peerDependencies": {
     "@iblai/iblai-api": "4.166.0-ai",