@iblai/iblai-js 1.4.14 → 1.4.15

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

@@ -55609,17 +55609,27 @@ var Close$1 = DialogClose$2;
 
 const Dialog$2 = Root$c;
 const DialogPortal$2 = Portal$7;
-const DialogOverlay$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay$2, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+const DialogOverlay$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay$2, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props })));
 DialogOverlay$2.displayName = Overlay$2.displayName;
-const DialogContent$2 = React.forwardRef(({ className, children, ...props }, ref) => (jsxs(DialogPortal$2, { children: [jsx(DialogOverlay$2, {}), jsxs(Content$4, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props, children: [children, jsxs(Close$1, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [jsx(X$1, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+const DialogContent$2 = React.forwardRef(({ className, children, onInteractOutside, ...props }, ref) => {
+    const handleInteractOutside = (event) => {
+        const target = event.target;
+        if (target instanceof Element && target.closest('[data-iblai-dialog-interaction-layer]')) {
+            event.preventDefault();
+            return;
+        }
+        onInteractOutside === null || onInteractOutside === void 0 ? void 0 : onInteractOutside(event);
+    };
+    return (jsxs(DialogPortal$2, { children: [jsx(DialogOverlay$2, {}), jsxs(Content$4, { ref: ref, className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className), onInteractOutside: handleInteractOutside, ...props, children: [children, jsxs(Close$1, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [jsx(X$1, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
+});
 DialogContent$2.displayName = Content$4.displayName;
-const DialogHeader = ({ className, ...props }) => (jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
-DialogHeader.displayName = "DialogHeader";
-const DialogFooter = ({ className, ...props }) => (jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
-DialogFooter.displayName = "DialogFooter";
-const DialogTitle$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Title$1, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
+const DialogHeader = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className), ...props }));
+DialogHeader.displayName = 'DialogHeader';
+const DialogFooter = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
+DialogFooter.displayName = 'DialogFooter';
+const DialogTitle$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Title$1, { ref: ref, className: cn('text-lg font-semibold leading-none tracking-tight', className), ...props })));
 DialogTitle$2.displayName = Title$1.displayName;
-const DialogDescription$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Description$1, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+const DialogDescription$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Description$1, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props })));
 DialogDescription$2.displayName = Description$1.displayName;
 
 const Security = ({ email, onAccountDeleted, }) => {
@@ -118413,7 +118423,13 @@ var Content2$1 = PopoverContent$1;
 
 const Popover = Root2$1;
 const PopoverTrigger = Trigger$1;
-const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (jsx(Portal$3, { children: jsx(Content2$1, { ref: ref, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }) })));
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalled = true, container, ...props }, ref) => {
+    const content = (jsx(Content2$1, { ref: ref, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
+    if (!portalled) {
+        return content;
+    }
+    return jsx(Portal$3, { container: container, children: content });
+});
 PopoverContent.displayName = Content2$1.displayName;
 
 const offsetFormatCache = {};
@@ -188145,6 +188161,19 @@ const formatDateToYYYYMMDD = (date) => {
         return undefined;
     return date.toISOString().split('T')[0];
 };
+// Maps the integer codes the backend filter accepts to the string action
+// values it returns in the response. Used as a client-side safety net: the
+// backend's create-filter (action=0) is currently broken (the value is
+// falsy-checked server-side and skipped), so we re-filter the response to
+// drop entries whose action doesn't match what the user asked for. Update
+// (1) and Delete (2) filters work server-side, so this is a no-op for
+// those — but applying it uniformly keeps the UI consistent if any other
+// filter regresses the same way.
+const ACTION_NAME_BY_CODE = {
+    0: 'create',
+    1: 'update',
+    2: 'delete',
+};
 const useAuditLog = ({ tenantKey, userId, mentorId, }) => {
     const [page, setPage] = useState(1);
     const [limit] = useState(20);
@@ -188165,9 +188194,19 @@ const useAuditLog = ({ tenantKey, userId, mentorId, }) => {
         userId,
         params,
     });
-    const totalPages = data ? Math.ceil(data.count / limit) : 0;
+    const filteredData = useMemo(() => {
+        if (!data)
+            return data;
+        if (actionFilter === undefined)
+            return data;
+        const expectedAction = ACTION_NAME_BY_CODE[actionFilter];
+        if (!expectedAction)
+            return data;
+        return { ...data, results: data.results.filter((e) => e.action === expectedAction) };
+    }, [data, actionFilter]);
+    const totalPages = filteredData ? Math.ceil(filteredData.count / limit) : 0;
     return {
-        data,
+        data: filteredData,
         isLoading,
         isFetching,
         error,
@@ -188195,21 +188234,141 @@ const ACTION_FILTER_OPTIONS = [
     { label: 'Update', value: '1' },
     { label: 'Delete', value: '2' },
 ];
-function summarizeChanges(entry) {
-    const action = ACTION_LABELS[entry.action] || entry.action;
-    const resourceType = entry.resource_type === 'mentorsettings' ? 'mentor settings' : entry.resource_type;
-    if (entry.action === 'create') {
-        return `${action} ${resourceType} "${entry.resource_repr}"`;
+// Backend resource_repr values end with the mentor's unique id in parens
+// (e.g. "Settings for Foo (fbac00ea-4788-4a2a-9d59-e59f64874f51)").
+// We keep the full UUID so mentors with the same name stay distinguishable.
+const TRAILING_UUID_RE = /\s*\(([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})\)\s*$/i;
+const RESOURCE_TYPE_LABELS = {
+    mentorsettings: 'mentor settings',
+};
+function humanizeResourceType(type) {
+    var _a;
+    return (_a = RESOURCE_TYPE_LABELS[type]) !== null && _a !== void 0 ? _a : type.replace(/_/g, ' ');
+}
+function splitReprAndUniqueId(repr) {
+    const match = repr.match(TRAILING_UUID_RE);
+    if (!match) {
+        return { name: repr.trim(), uniqueId: null };
     }
-    if (entry.action === 'delete') {
-        return `${action} ${resourceType} "${entry.resource_repr}"`;
+    return {
+        name: repr.slice(0, match.index).trim(),
+        uniqueId: match[1].toLowerCase(),
+    };
+}
+// Labels for fields that appear in mentor / mentorsettings audit changes.
+// Raw field names like `enable_multi_query_rag` or `llm_name` read poorly
+// when just underscore-replaced, so we map the common ones explicitly.
+const FIELD_LABELS = {
+    align_mentor_bubble: 'mentor bubble alignment',
+    allow_anonymous: 'anonymous access',
+    can_use_tools: 'tools',
+    display_name: 'display name',
+    embed_custom_image: 'embed image',
+    enable_code_interpreter: 'code interpreter',
+    enable_image_generation: 'image generation',
+    enable_moderation: 'moderation',
+    enable_multi_query_rag: 'multi-query RAG',
+    enable_web_browsing: 'web browsing',
+    forkable: 'forkable',
+    is_lti_accessible: 'LTI access',
+    llm_name: 'LLM model',
+    llm_provider: 'LLM provider',
+    mentor_bubble_color: 'mentor bubble color',
+    mentor_visibility: 'visibility',
+    profile_image: 'profile image',
+    system_prompt: 'system prompt',
+    theme: 'theme',
+    uploaded_profile_image: 'uploaded profile image',
+    user_message_color: 'user message color',
+};
+// Tokens we want to keep uppercase when they appear as standalone words.
+// Keeps fallbacks like `lti_access` → "LTI access" instead of "lti access".
+const FIELD_ABBREVIATIONS = new Set([
+    'ai',
+    'api',
+    'css',
+    'html',
+    'id',
+    'json',
+    'lms',
+    'lti',
+    'llm',
+    'ml',
+    'rag',
+    'sdk',
+    'sso',
+    'ui',
+    'url',
+    'uri',
+    'ux',
+]);
+const VERB_PREFIX_RE = /^(enable_|allow_|can_|is_|has_)/i;
+// Defensive humanizer for field names not in FIELD_LABELS. Splits both
+// snake_case and camelCase, drops empty tokens, uppercases known
+// abbreviations, and falls back to a generic phrase if nothing readable
+// remains — so the user never sees "" or "  flag" in the UI.
+function humanizeUnknownField(field) {
+    const stripped = field.replace(VERB_PREFIX_RE, '');
+    const words = stripped
+        .replace(/([a-z0-9])([A-Z])/g, '$1_$2') // wordBoundary → word_Boundary
+        .replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2') // URLRouter → URL_Router
+        .toLowerCase()
+        .split(/[^a-z0-9]+/)
+        .filter(Boolean);
+    if (words.length === 0)
+        return 'a setting';
+    return words.map((w) => (FIELD_ABBREVIATIONS.has(w) ? w.toUpperCase() : w)).join(' ');
+}
+function humanizeField(field) {
+    var _a;
+    return (_a = FIELD_LABELS[field]) !== null && _a !== void 0 ? _a : humanizeUnknownField(field);
+}
+// Backend serializes booleans as the Python strings "True" / "False".
+const BOOL_STRINGS = new Set(['True', 'False', 'true', 'false']);
+function booleanDirection(newValue) {
+    if (newValue === 'True' || newValue === 'true')
+        return 'Enabled';
+    if (newValue === 'False' || newValue === 'false')
+        return 'Disabled';
+    return null;
+}
+function formatResourceTarget(entry) {
+    const { name, uniqueId } = splitReprAndUniqueId(entry.resource_repr);
+    const typeLabel = humanizeResourceType(entry.resource_type);
+    if (!name) {
+        return `${typeLabel} #${entry.resource_id}`;
+    }
+    // If the repr already mentions the resource type anywhere in the string
+    // (e.g. "Settings for E2E Mentor" for mentorsettings, or "E2E Mentor 123"
+    // for mentor), skip the prefix so we don't repeat words like
+    // `mentor "E2E Mentor 123"`.
+    const reprLower = name.toLowerCase();
+    const mentionsType = typeLabel
+        .toLowerCase()
+        .split(/\s+/)
+        .some((word) => word.length > 2 && reprLower.includes(word));
+    const base = mentionsType ? name : `${typeLabel} "${name}"`;
+    return uniqueId ? `${base} (${uniqueId})` : base;
+}
+function summarizeChanges(entry) {
+    var _a, _b;
+    const action = (_a = ACTION_LABELS[entry.action]) !== null && _a !== void 0 ? _a : entry.action;
+    const target = formatResourceTarget(entry);
+    const changedEntries = Object.entries((_b = entry.changes) !== null && _b !== void 0 ? _b : {});
+    if (entry.action === 'update' && changedEntries.length === 1) {
+        const [field, change] = changedEntries[0];
+        const newValue = Array.isArray(change) ? change[1] : undefined;
+        if (typeof newValue === 'string' && BOOL_STRINGS.has(newValue)) {
+            const verb = booleanDirection(newValue);
+            if (verb)
+                return `${verb} ${humanizeField(field)} on ${target}`;
+        }
     }
-    const changedFields = Object.keys(entry.changes || {});
-    if (changedFields.length === 0) {
-        return `${action} ${resourceType} "${entry.resource_repr}"`;
+    if (entry.action === 'update' && changedEntries.length > 0) {
+        const fieldNames = changedEntries.map(([f]) => humanizeField(f)).join(', ');
+        return `${action} ${fieldNames} on ${target}`;
     }
-    const fieldNames = changedFields.map((f) => f.replace(/_/g, ' ')).join(', ');
-    return `${action} ${fieldNames} on ${resourceType} "${entry.resource_repr}"`;
+    return `${action} ${target}`;
 }
 function AnalyticsAuditLogStats({ tenantKey, mentorId, userId, selectedMentorId, }) {
     var _a;
@@ -188232,7 +188391,7 @@ function AnalyticsAuditLogStats({ tenantKey, mentorId, userId, selectedMentorId,
     if (is403) {
         return (jsx(Card, { className: "bg-white rounded-lg border border-gray-100 shadow-sm", children: jsx(CardContent, { className: "p-8 text-center", children: jsx("p", { className: "text-gray-500", children: "You do not have permission to view audit logs." }) }) }));
     }
-    return (jsxs("div", { className: "space-y-6", children: [jsx("div", { className: "border rounded-lg p-4 bg-white", children: jsxs("div", { className: "flex flex-col lg:flex-row gap-3", children: [jsx("div", { className: "relative flex-1 min-w-[200px]", children: jsxs(Popover, { modal: true, open: actorOpen, onOpenChange: setActorOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": actorOpen, "aria-label": "Search for User", className: "w-full justify-between font-normal bg-white h-9", children: [actorFilter || 'Search for User', jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), jsx(PopoverContent, { className: "w-full p-0", align: "start", children: jsxs(Command, { children: [jsx(CommandInput, { placeholder: "Search user..." }), jsxs(CommandList, { children: [jsx(CommandEmpty, { children: "No users found." }), jsxs(CommandGroup, { children: [jsxs(CommandItem, { value: "", onSelect: () => {
+    return (jsxs("div", { className: "space-y-6", children: [jsx("div", { className: "border rounded-lg p-4 bg-white", children: jsxs("div", { className: "flex flex-col lg:flex-row gap-3", children: [jsx("div", { className: "relative flex-1 min-w-[200px]", children: jsxs(Popover, { open: actorOpen, onOpenChange: setActorOpen, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", role: "combobox", "aria-expanded": actorOpen, "aria-label": "Search for User", className: "w-full justify-between font-normal bg-white h-9", children: [actorFilter || 'Search for User', jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), jsx(PopoverContent, { className: "w-full p-0", align: "start", portalled: false, children: jsxs(Command, { children: [jsx(CommandInput, { placeholder: "Search user..." }), jsxs(CommandList, { children: [jsx(CommandEmpty, { children: "No users found." }), jsxs(CommandGroup, { children: [jsxs(CommandItem, { value: "", onSelect: () => {
                                                                         setActorFilter('');
                                                                         setActorOpen(false);
                                                                         setPage(1);
@@ -188242,7 +188401,7 @@ function AnalyticsAuditLogStats({ tenantKey, mentorId, userId, selectedMentorId,
                                                                         setPage(1);
                                                                     }, children: [jsx(Check, { className: cn('mr-2 h-4 w-4', actorFilter === actor ? 'opacity-100' : 'opacity-0') }), jsx("span", { className: "font-medium text-gray-700", children: actor })] }, actor)))] })] })] }) })] }) }), jsxs(Popover, { modal: true, children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", className: "flex items-center gap-2 whitespace-nowrap font-normal bg-white w-full lg:w-auto h-9", children: [jsx(Calendar$1, { className: "h-4 w-4" }), (dateRange === null || dateRange === void 0 ? void 0 : dateRange.from) && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.to)
                                                 ? `${format$1(dateRange.from, 'MMM dd')} - ${format$1(dateRange.to, 'MMM dd')}`
-                                                : 'Pick a Date Range'] }) }), jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: jsx(Calendar, { mode: "range", selected: dateRange, onSelect: (range) => {
+                                                : 'Pick a Date Range'] }) }), jsx(PopoverContent, { "data-iblai-dialog-interaction-layer": true, className: "z-[60] w-auto p-0", align: "start", children: jsx(Calendar, { mode: "range", selected: dateRange, onSelect: (range) => {
                                             setDateRange(range ? { from: range.from, to: range.to } : undefined);
                                             setPage(1);
                                         }, numberOfMonths: 2 }) })] }), jsx("div", { className: "min-w-[160px]", children: jsxs(Select$1, { value: actionFilter !== undefined ? String(actionFilter) : 'all', onValueChange: (val) => {

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

@@ -55392,17 +55392,27 @@ var Close$1 = DialogClose$2;
 const Dialog$1 = Root$9;
 const DialogTrigger$2 = Trigger$4;
 const DialogPortal$2 = Portal$6;
-const DialogOverlay$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay$2, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+const DialogOverlay$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay$2, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props })));
 DialogOverlay$2.displayName = Overlay$2.displayName;
-const DialogContent$2 = React.forwardRef(({ className, children, ...props }, ref) => (jsxs(DialogPortal$2, { children: [jsx(DialogOverlay$2, {}), jsxs(Content$4, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props, children: [children, jsxs(Close$1, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [jsx(X$1, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+const DialogContent$2 = React.forwardRef(({ className, children, onInteractOutside, ...props }, ref) => {
+    const handleInteractOutside = (event) => {
+        const target = event.target;
+        if (target instanceof Element && target.closest('[data-iblai-dialog-interaction-layer]')) {
+            event.preventDefault();
+            return;
+        }
+        onInteractOutside === null || onInteractOutside === void 0 ? void 0 : onInteractOutside(event);
+    };
+    return (jsxs(DialogPortal$2, { children: [jsx(DialogOverlay$2, {}), jsxs(Content$4, { ref: ref, className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className), onInteractOutside: handleInteractOutside, ...props, children: [children, jsxs(Close$1, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [jsx(X$1, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
+});
 DialogContent$2.displayName = Content$4.displayName;
-const DialogHeader = ({ className, ...props }) => (jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
-DialogHeader.displayName = "DialogHeader";
-const DialogFooter = ({ className, ...props }) => (jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
-DialogFooter.displayName = "DialogFooter";
-const DialogTitle$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Title$1, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
+const DialogHeader = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col space-y-1.5 text-center sm:text-left', className), ...props }));
+DialogHeader.displayName = 'DialogHeader';
+const DialogFooter = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
+DialogFooter.displayName = 'DialogFooter';
+const DialogTitle$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Title$1, { ref: ref, className: cn('text-lg font-semibold leading-none tracking-tight', className), ...props })));
 DialogTitle$2.displayName = Title$1.displayName;
-const DialogDescription$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Description$1, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+const DialogDescription$2 = React.forwardRef(({ className, ...props }, ref) => (jsx(Description$1, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props })));
 DialogDescription$2.displayName = Description$1.displayName;
 
 const Security = ({ email, onAccountDeleted, }) => {
@@ -107843,7 +107853,13 @@ var Content2$1 = PopoverContent$1;
 
 const Popover = Root2;
 const PopoverTrigger = Trigger$1;
-const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (jsx(Portal$3, { children: jsx(Content2$1, { ref: ref, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }) })));
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalled = true, container, ...props }, ref) => {
+    const content = (jsx(Content2$1, { ref: ref, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
+    if (!portalled) {
+        return content;
+    }
+    return jsx(Portal$3, { container: container, children: content });
+});
 PopoverContent.displayName = Content2$1.displayName;
 
 const offsetFormatCache = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "1.4.14",
+  "version": "1.4.15",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -61,10 +61,10 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
-    "@iblai/data-layer": "1.3.7",
+    "@iblai/data-layer": "1.3.8",
     "@iblai/mcp": "1.3.2",
-    "@iblai/web-containers": "1.3.11",
-    "@iblai/web-utils": "1.2.12"
+    "@iblai/web-containers": "1.3.14",
+    "@iblai/web-utils": "1.2.11"
   },
   "peerDependencies": {
     "@iblai/iblai-api": "4.166.0-ai",