@iblai/iblai-js 2.39.0 → 2.40.0

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

@@ -256448,6 +256448,35 @@ function trimTrailingSlashes(value) {
         end -= 1;
     return end === value.length ? value : value.slice(0, end);
 }
+/**
+ * Point a backend media link at the DM mount it is actually served from. When
+ * DM sits behind a path prefix on the host app (`https://os.ibl.ai/backend/dm`),
+ * the backend builds media URLs from the proxied request and drops that prefix
+ * (`https://os.ibl.ai/media/...`, or a bare `/media/...`), which 404s. Only
+ * `/media/` links on the DM host are rewritten; everything else passes through.
+ */
+function resolveDmMediaUrl(url, dmUrl) {
+    if (!url || !dmUrl)
+        return url;
+    const isRootRelative = url.startsWith('/') && !url.startsWith('//');
+    if (!isRootRelative && !/^https?:\/\//i.test(url))
+        return url;
+    let dm;
+    let target;
+    try {
+        dm = new URL(dmUrl);
+        target = new URL(url, dm.origin);
+    }
+    catch (_a) {
+        return url;
+    }
+    // Host, not origin: behind a TLS-terminating proxy the backend may build http:// links.
+    if (target.host !== dm.host || !target.pathname.startsWith('/media/'))
+        return url;
+    target.protocol = dm.protocol;
+    target.pathname = `${trimTrailingSlashes(dm.pathname)}${target.pathname}`;
+    return target.href;
+}
 
 // Pure logic behind the application form (questions) editor. No React here so
 // it stays unit testable. The backend validates schemas on save and remains
@@ -260860,6 +260889,7 @@ function AgentSettingsProvider({ children, ...value }) {
         value.rbacPermissions,
         value.executeGatedAction,
         value.visibilityOptions,
+        value.dmUrl,
     ]);
     return jsx(AgentSettingsContext.Provider, { value: ctx, children: children });
 }
@@ -285443,6 +285473,7 @@ const OutsideButtons = ({
 const UploadMenu = ({ onFileInputTrigger, onCameraTrigger, disabled = false, mentorId, tenantKey, isPublicRoute, }) => {
     const t = useChatT();
     const host = useChatHost();
+    const cameraPickedRef = useRef(false);
     const showAttachment = useShowAttachment({
         mentorId: mentorId || host.mentorId,
         tenantKey: tenantKey || host.tenantKey,
@@ -285458,7 +285489,9 @@ const UploadMenu = ({ onFileInputTrigger, onCameraTrigger, disabled = false, men
         {
             labelKey: 'camera',
             icon: jsx(Camera, { className: "h-5 w-5 text-gray-600" }),
-            action: onCameraTrigger,
+            action: () => {
+                cameraPickedRef.current = true;
+            },
             isEnabled: host.features.camera,
         },
         // {
@@ -285488,7 +285521,16 @@ const UploadMenu = ({ onFileInputTrigger, onCameraTrigger, disabled = false, men
     if (!showAttachment || uploadMenuItems.length === 0) {
         return null;
     }
-    return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: jsxs(Button$1, { variant: "ghost", size: "icon", disabled: disabled, "aria-label": t('chat.chatInputFormUploadMenu.attachFile'), className: "h-8 w-8 rounded-lg text-gray-600 transition-all duration-200 hover:border hover:border-[#38A1E5] hover:bg-[#F5F8FF] disabled:cursor-not-allowed disabled:opacity-50", children: [jsx(Plus, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: t('chat.chatInputFormUploadMenu.attachFile') })] }) }), jsx(DropdownMenuContent, { align: "start", className: "z-50 w-56 p-2", children: uploadMenuItems.map((item) => (jsxs(DropdownMenuItem, { onClick: item.action, className: "flex cursor-pointer items-center gap-3 rounded-lg p-3 hover:border-[#38A1E5] hover:bg-gray-50", children: [item.icon, jsx("span", { className: "text-gray-700", children: t(`chat.chatInputFormUploadMenu.${item.labelKey}`) })] }, item.labelKey))) })] }));
+    return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: jsxs(Button$1, { variant: "ghost", size: "icon", disabled: disabled, "aria-label": t('chat.chatInputFormUploadMenu.attachFile'), className: "h-8 w-8 rounded-lg text-gray-600 transition-all duration-200 hover:border hover:border-[#38A1E5] hover:bg-[#F5F8FF] disabled:cursor-not-allowed disabled:opacity-50", children: [jsx(Plus, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: t('chat.chatInputFormUploadMenu.attachFile') })] }) }), jsx(DropdownMenuContent, { align: "start", className: "z-50 w-56 p-2", 
+                // Opening the camera dialog (a separate Radix copy) while this menu is
+                // mounted leaves <body> stuck at `pointer-events: none`; this fires after
+                // the menu has unmounted.
+                onCloseAutoFocus: () => {
+                    if (!cameraPickedRef.current)
+                        return;
+                    cameraPickedRef.current = false;
+                    onCameraTrigger();
+                }, children: uploadMenuItems.map((item) => (jsxs(DropdownMenuItem, { onClick: item.action, className: "flex cursor-pointer items-center gap-3 rounded-lg p-3 hover:border-[#38A1E5] hover:bg-gray-50", children: [item.icon, jsx("span", { className: "text-gray-700", children: t(`chat.chatInputFormUploadMenu.${item.labelKey}`) })] }, item.labelKey))) })] }));
 };
 
 const CameraCaptureDialog = ({ open, onOpenChange, onCapture, facingMode = 'user', }) => {
@@ -286524,6 +286566,7 @@ function ComposerPlusMenu({ isMobile, disabled = false, attachDisabled = false,
     const [memoryOpen, setMemoryOpen] = useState(false);
     const [sheetPage, setSheetPage] = useState(null);
     const [sheetProvider, setSheetProvider] = useState(null);
+    const cameraPickedRef = useRef(false);
     const showAttach = showUpload || showCamera;
     const showTools = tools.length > 0;
     const showSkills = skills.length > 0;
@@ -286583,7 +286626,19 @@ function ComposerPlusMenu({ isMobile, disabled = false, attachDisabled = false,
     }
     // --------------------------------------------------------------- desktop
     const hasListAfterAttach = showTools || showSkills || showModel || showPrompts || showMemory;
-    return (jsxs(Popover, { open: memoryOpen, onOpenChange: setMemoryOpen, children: [jsx(PopoverAnchor, { asChild: true, children: jsx("div", { className: "flex shrink-0", children: jsxs(DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen, children: [jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: trigger }), jsxs(DropdownMenuContent, { align: "start", sideOffset: 8, collisionPadding: 8, "data-testid": "composer-plus-menu", className: cn(POP_CLASS, 'flex w-[248px] flex-col gap-0.5'), children: [showUpload && (jsxs(DropdownMenuItem, { className: ROW_CLASS, disabled: attachDisabled, onSelect: onUploadFile, children: [jsx(Paperclip, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), jsx("span", { className: "flex-1", children: t('chat.chatInputFormUploadMenu.uploadFile') })] })), showCamera && (jsxs(DropdownMenuItem, { className: ROW_CLASS, disabled: attachDisabled, onSelect: onCamera, children: [jsx(Camera, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), jsx("span", { className: "flex-1", children: t('chat.chatInputFormUploadMenu.camera') })] })), showAttach && hasListAfterAttach && (jsx(DropdownMenuSeparator, { className: "mx-1.5 my-1 bg-gray-200" })), showTools && (jsxs(DropdownMenuSub, { children: [jsx(SubTrigger, { icon: jsx(SlidersHorizontal, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), label: t('chat.chatComposer.tools'), count: activeToolCount, countLabel: t('chat.chatComposer.activeCount', { count: activeToolCount }), testId: "composer-tools-trigger" }), jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsxs(DropdownMenuSubContent, { sideOffset: 6, alignOffset: -7, collisionPadding: 8, "data-testid": "composer-tools-menu", "aria-label": t('chat.chatComposer.tools'), className: cn(POP_CLASS, 'flex max-h-[min(70vh,30rem)] w-56 flex-col gap-0.5 overflow-y-auto'), children: [modes.map((tool) => (jsx(ToolCheckboxItem, { tool: tool, label: toolLabel(tool) }, tool.key))), modes.length > 0 && plainTools.length > 0 && (jsx(DropdownMenuSeparator, { className: "mx-1.5 my-1 bg-gray-200" })), plainTools.map((tool) => (jsx(ToolCheckboxItem, { tool: tool, label: toolLabel(tool) }, tool.key)))] }) })] })), showSkills && (jsxs(DropdownMenuSub, { children: [jsx(SubTrigger, { icon: jsx(Zap, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), label: t('chat.chatInputFormInsideButtons.skills'), count: activeSkillCount, countLabel: t('chat.chatComposer.activeCount', { count: activeSkillCount }), testId: "skills-menu-trigger" }), jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsxs(DropdownMenuSubContent, { sideOffset: 6, alignOffset: -7, collisionPadding: 8, "data-testid": "skills-menu-content", "aria-label": t('chat.chatInputFormInsideButtons.skills'), onScroll: handleSkillsScroll, className: cn(POP_CLASS, 'flex max-h-[min(60vh,20rem)] w-56 flex-col gap-0.5 overflow-y-auto'), children: [skills.map((skill) => {
+    return (jsxs(Popover, { open: memoryOpen, onOpenChange: setMemoryOpen, children: [jsx(PopoverAnchor, { asChild: true, children: jsx("div", { className: "flex shrink-0", children: jsxs(DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen, children: [jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: trigger }), jsxs(DropdownMenuContent, { align: "start", sideOffset: 8, collisionPadding: 8, "data-testid": "composer-plus-menu", className: cn(POP_CLASS, 'flex w-[248px] flex-col gap-0.5'), 
+                                // The camera dialog's DismissableLayer is a separate Radix copy from
+                                // this menu's: opened while the menu is mounted it records the menu's
+                                // `pointer-events: none` on <body> as the original and restores it on
+                                // close, freezing the page. This fires after the menu has unmounted.
+                                onCloseAutoFocus: () => {
+                                    if (!cameraPickedRef.current)
+                                        return;
+                                    cameraPickedRef.current = false;
+                                    onCamera();
+                                }, children: [showUpload && (jsxs(DropdownMenuItem, { className: ROW_CLASS, disabled: attachDisabled, onSelect: onUploadFile, children: [jsx(Paperclip, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), jsx("span", { className: "flex-1", children: t('chat.chatInputFormUploadMenu.uploadFile') })] })), showCamera && (jsxs(DropdownMenuItem, { className: ROW_CLASS, disabled: attachDisabled, onSelect: () => {
+                                            cameraPickedRef.current = true;
+                                        }, children: [jsx(Camera, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), jsx("span", { className: "flex-1", children: t('chat.chatInputFormUploadMenu.camera') })] })), showAttach && hasListAfterAttach && (jsx(DropdownMenuSeparator, { className: "mx-1.5 my-1 bg-gray-200" })), showTools && (jsxs(DropdownMenuSub, { children: [jsx(SubTrigger, { icon: jsx(SlidersHorizontal, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), label: t('chat.chatComposer.tools'), count: activeToolCount, countLabel: t('chat.chatComposer.activeCount', { count: activeToolCount }), testId: "composer-tools-trigger" }), jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsxs(DropdownMenuSubContent, { sideOffset: 6, alignOffset: -7, collisionPadding: 8, "data-testid": "composer-tools-menu", "aria-label": t('chat.chatComposer.tools'), className: cn(POP_CLASS, 'flex max-h-[min(70vh,30rem)] w-56 flex-col gap-0.5 overflow-y-auto'), children: [modes.map((tool) => (jsx(ToolCheckboxItem, { tool: tool, label: toolLabel(tool) }, tool.key))), modes.length > 0 && plainTools.length > 0 && (jsx(DropdownMenuSeparator, { className: "mx-1.5 my-1 bg-gray-200" })), plainTools.map((tool) => (jsx(ToolCheckboxItem, { tool: tool, label: toolLabel(tool) }, tool.key)))] }) })] })), showSkills && (jsxs(DropdownMenuSub, { children: [jsx(SubTrigger, { icon: jsx(Zap, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), label: t('chat.chatInputFormInsideButtons.skills'), count: activeSkillCount, countLabel: t('chat.chatComposer.activeCount', { count: activeSkillCount }), testId: "skills-menu-trigger" }), jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsxs(DropdownMenuSubContent, { sideOffset: 6, alignOffset: -7, collisionPadding: 8, "data-testid": "skills-menu-content", "aria-label": t('chat.chatInputFormInsideButtons.skills'), onScroll: handleSkillsScroll, className: cn(POP_CLASS, 'flex max-h-[min(60vh,20rem)] w-56 flex-col gap-0.5 overflow-y-auto'), children: [skills.map((skill) => {
                                                             const armed = activeSkillSlugs.has(skill.slug);
                                                             return (jsxs(CheckboxItem2, { checked: armed, "data-testid": `skills-menu-item-${skill.slug}`, title: `/${skill.slug}`, className: cn(ROW_CLASS, 'h-auto min-h-9 py-1.5'), onSelect: () => onToggleSkill(skill), children: [jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [jsx("span", { "data-testid": "skills-menu-item-name", className: "break-words", children: skill.name }), jsxs("span", { "data-testid": "skills-menu-item-slug", className: "text-xs break-all text-gray-500", children: ["/", skill.slug] })] }), armed && (jsx(Check, { className: "h-4 w-4 text-[#2563eb]", "aria-hidden": "true" }))] }, skill.unique_id));
                                                         }), loadingMoreRow] }) })] })), models && (jsxs(DropdownMenuSub, { children: [jsxs(DropdownMenuSubTrigger, { "data-testid": "composer-model-trigger", className: cn(ROW_CLASS, '[&>svg:last-child]:h-3.5 [&>svg:last-child]:w-3.5 [&>svg:last-child]:text-gray-500'), children: [jsx(Cpu, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), jsx("span", { className: "flex-1", children: t('chat.chatComposer.model') }), jsx("span", { className: "max-w-[96px] truncate text-[13px] text-gray-500", children: models.current.label })] }), jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsxs(DropdownMenuSubContent, { sideOffset: 6, alignOffset: -7, collisionPadding: 8, "data-testid": "composer-model-providers", "aria-label": t('chat.chatComposer.modelForThisChat'), className: cn(POP_CLASS, 'flex max-h-[min(70vh,30rem)] w-[272px] flex-col gap-0.5 overflow-y-auto'), children: [jsxs("div", { className: "shrink-0 px-2.5 pt-2 pb-1.5", children: [jsx("div", { className: "text-sm font-semibold text-gray-900", children: t('chat.chatComposer.modelForThisChat') }), jsx("div", { className: "text-xs text-gray-600", children: t('chat.chatComposer.newChatsUseDefault', {
@@ -287660,7 +287715,7 @@ const ProjectFilesModal$1 = lazy(() => Promise.resolve().then(function () { retu
 const AddMentorToProjectModal$1 = lazy(() => Promise.resolve().then(function () { return addMentorToProjectModal; }).then((mod) => ({
     default: mod.AddMentorToProjectModal,
 })));
-function ProjectLandingPage({ project, mentorName, sessionId, onSubmit, onScreenSharingClick, isScreenSharingModalOpen, onPhoneCallClick, stopGenerating, tenantKey, username, enableSafetyDisclaimer, enableWebBrowsing, isStreaming, updateSessionTools, setSessionTools, activeTools, screenSharing, deepResearch, studyMode, imageGeneration, codeInterpreter, promptsIsEnabled, isPreviewMode, setMessage, mentorId, mentorUniqueId, projectId, googleSlidesIsEnabled, googleDocumentIsEnabled, artifactsEnabled, userIsStudent, isPublicRoute, navigateToProject, showExploreMentors = false, disabledResourceTypes, maxUploadSizeMb, dropboxExtensions, }) {
+function ProjectLandingPage({ project, mentorName, sessionId, onSubmit, onScreenSharingClick, isScreenSharingModalOpen, onPhoneCallClick, stopGenerating, tenantKey, username, enableSafetyDisclaimer, enableWebBrowsing, isStreaming, updateSessionTools, setSessionTools, activeTools, screenSharing, deepResearch, studyMode, imageGeneration, codeInterpreter, promptsIsEnabled, isPreviewMode, setMessage, mentorId, mentorUniqueId, projectId, googleSlidesIsEnabled, googleDocumentIsEnabled, artifactsEnabled, userIsStudent, isPublicRoute, navigateToProject, showExploreMentors = false, disabledResourceTypes, maxUploadSizeMb, dropboxExtensions, dmUrl, }) {
     const [isInstructionsModalOpen, setIsInstructionsModalOpen] = useState(false);
     const [isFilesModalOpen, setIsFilesModalOpen] = useState(false);
     const [isAddMentorModalOpen, setIsAddMentorModalOpen] = useState(false);
@@ -287686,7 +287741,7 @@ function ProjectLandingPage({ project, mentorName, sessionId, onSubmit, onScreen
             jsxs("div", { className: "flex h-full w-full flex-col", "data-testid": "project-landing-page", children: [jsxs("div", { className: "scrollbar-none flex min-h-0 flex-1 flex-col justify-center-safe gap-5 overflow-y-auto px-2 pt-2 pb-4", children: [header, context] }), jsx("div", { className: "w-full shrink-0", children: composer })] })) : (
             // Desktop: one centred 640px column — header, disclaimer + composer, then
             // the project's files, instructions and agents.
-            jsxs("div", { className: "scrollbar-none flex h-full w-full flex-col items-center justify-center-safe overflow-y-auto px-4 py-6", "data-testid": "project-landing-page", children: [header, jsx("div", { className: "w-full max-w-[640px] shrink-0", children: composer }), jsx("div", { className: "mt-5 flex w-full max-w-[640px] shrink-0 flex-col gap-7", children: context })] })), isInstructionsModalOpen && (jsx(Suspense, { fallback: null, children: jsx(ProjectInstructionsModal$1, { isOpen: isInstructionsModalOpen, onClose: () => setIsInstructionsModalOpen(false), tenantKey: tenantKey, projectId: projectId, username: username }) })), isFilesModalOpen && (jsx(Suspense, { fallback: null, children: jsx(ProjectFilesModal$1, { isOpen: isFilesModalOpen, onClose: () => setIsFilesModalOpen(false), tenantKey: tenantKey, mentorId: mentorId, username: username, disabledResourceTypes: disabledResourceTypes, maxUploadSizeMb: maxUploadSizeMb, dropboxExtensions: dropboxExtensions }) })), isAddMentorModalOpen && (jsx(Suspense, { fallback: null, children: jsx(AddMentorToProjectModal$1, { isOpen: isAddMentorModalOpen, onClose: () => setIsAddMentorModalOpen(false), projectName: project.name, tenantKey: tenantKey, projectId: projectId, username: username, isPublicRoute: isPublicRoute }) }))] }));
+            jsxs("div", { className: "scrollbar-none flex h-full w-full flex-col items-center justify-center-safe overflow-y-auto px-4 py-6", "data-testid": "project-landing-page", children: [header, jsx("div", { className: "w-full max-w-[640px] shrink-0", children: composer }), jsx("div", { className: "mt-5 flex w-full max-w-[640px] shrink-0 flex-col gap-7", children: context })] })), isInstructionsModalOpen && (jsx(Suspense, { fallback: null, children: jsx(ProjectInstructionsModal$1, { isOpen: isInstructionsModalOpen, onClose: () => setIsInstructionsModalOpen(false), tenantKey: tenantKey, projectId: projectId, username: username }) })), isFilesModalOpen && (jsx(Suspense, { fallback: null, children: jsx(ProjectFilesModal$1, { isOpen: isFilesModalOpen, onClose: () => setIsFilesModalOpen(false), tenantKey: tenantKey, mentorId: mentorId, username: username, disabledResourceTypes: disabledResourceTypes, maxUploadSizeMb: maxUploadSizeMb, dropboxExtensions: dropboxExtensions, dmUrl: dmUrl }) })), isAddMentorModalOpen && (jsx(Suspense, { fallback: null, children: jsx(AddMentorToProjectModal$1, { isOpen: isAddMentorModalOpen, onClose: () => setIsAddMentorModalOpen(false), projectName: project.name, tenantKey: tenantKey, projectId: projectId, username: username, isPublicRoute: isPublicRoute }) }))] }));
 }
 
 function MinimumMentorAlert({ open, onOpenChange }) {
@@ -287984,7 +288039,7 @@ function DatasetItem({ dataset, onSelect, isSelected, labels }) {
     const [isDeleteDatasetModalOpen, setIsDeleteDatasetModalOpen] = React__default.useState(false);
     const [isRetrainScheduleModalOpen, setIsRetrainScheduleModalOpen] = React__default.useState(false);
     const [isTrainOrDeleteModalOpen, setIsTrainOrDeleteModalOpen] = React__default.useState(false);
-    const { tenantKey, username } = useAgentSettings();
+    const { tenantKey, username, dmUrl } = useAgentSettings();
     const [editTrainingDocument, { isLoading: isEditTrainingDocumentLoading }] = useEditTrainingDocumentMutation();
     const handleEditTrainingDocument = async (data, callback) => {
         try {
@@ -288030,7 +288085,7 @@ function DatasetItem({ dataset, onSelect, isSelected, labels }) {
     };
     return (jsxs(Fragment$1, { children: [jsxs(TableRow, { className: `border-b last:border-0 ${onSelect ? 'hover:bg-muted/50 cursor-pointer' : ''} ${isSelected ? 'bg-blue-50' : ''}`, onClick: onSelect ? () => onSelect(dataset) : undefined, children: [jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(TableCell, { className: "max-w-[200px] truncate p-3 font-medium whitespace-nowrap text-[#646464]", children: jsx(WithFormPermissions, { name: ['document_name', 'url'], 
                                         // @ts-ignore
-                                        permissions: (_a = dataset === null || dataset === void 0 ? void 0 : dataset.permissions) === null || _a === void 0 ? void 0 : _a.field, children: () => (jsx("a", { href: dataset.url, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800 hover:underline", children: dataset.document_name || dataset.url })) }) }) }), jsx(TooltipContent, { className: "bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300", children: jsx("p", { children: dataset.document_name || dataset.url }) })] }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: jsx(WithFormPermissions, { name: "document_type", 
+                                        permissions: (_a = dataset === null || dataset === void 0 ? void 0 : dataset.permissions) === null || _a === void 0 ? void 0 : _a.field, children: () => (jsx("a", { href: resolveDmMediaUrl(dataset.url, dmUrl), target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800 hover:underline", children: dataset.document_name || dataset.url })) }) }) }), jsx(TooltipContent, { className: "bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300", children: jsx("p", { children: dataset.document_name || dataset.url }) })] }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: jsx(WithFormPermissions, { name: "document_type", 
                             // @ts-ignore
                             permissions: (_b = dataset === null || dataset === void 0 ? void 0 : dataset.permissions) === null || _b === void 0 ? void 0 : _b.field, children: () => {
                                 var _a, _b;
@@ -289641,7 +289696,7 @@ const PROJECT_FILES_DATASET_LABELS = resolveDatasetsTabLabels({
     table: { emptyState: 'No files found' },
 });
 function ProjectFilesModal(props) {
-    return (jsx(AgentSettingsProvider, { tenantKey: props.tenantKey, mentorId: props.mentorId, username: props.username, enableRBAC: false, children: jsx(ProjectFilesModalInner, { ...props }) }));
+    return (jsx(AgentSettingsProvider, { tenantKey: props.tenantKey, mentorId: props.mentorId, username: props.username, enableRBAC: false, dmUrl: props.dmUrl, children: jsx(ProjectFilesModalInner, { ...props }) }));
 }
 function ProjectFilesModalInner({ isOpen, onClose, disabledResourceTypes, maxUploadSizeMb, dropboxExtensions, }) {
     var _a;

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

@@ -288317,6 +288317,35 @@ function trimTrailingSlashes(value) {
         end -= 1;
     return end === value.length ? value : value.slice(0, end);
 }
+/**
+ * Point a backend media link at the DM mount it is actually served from. When
+ * DM sits behind a path prefix on the host app (`https://os.ibl.ai/backend/dm`),
+ * the backend builds media URLs from the proxied request and drops that prefix
+ * (`https://os.ibl.ai/media/...`, or a bare `/media/...`), which 404s. Only
+ * `/media/` links on the DM host are rewritten; everything else passes through.
+ */
+function resolveDmMediaUrl(url, dmUrl) {
+    if (!url || !dmUrl)
+        return url;
+    const isRootRelative = url.startsWith('/') && !url.startsWith('//');
+    if (!isRootRelative && !/^https?:\/\//i.test(url))
+        return url;
+    let dm;
+    let target;
+    try {
+        dm = new URL(dmUrl);
+        target = new URL(url, dm.origin);
+    }
+    catch (_a) {
+        return url;
+    }
+    // Host, not origin: behind a TLS-terminating proxy the backend may build http:// links.
+    if (target.host !== dm.host || !target.pathname.startsWith('/media/'))
+        return url;
+    target.protocol = dm.protocol;
+    target.pathname = `${trimTrailingSlashes(dm.pathname)}${target.pathname}`;
+    return target.href;
+}
 
 // Pure logic behind the application form (questions) editor. No React here so
 // it stays unit testable. The backend validates schemas on save and remains
@@ -292645,6 +292674,7 @@ function AgentSettingsProvider({ children, ...value }) {
         value.rbacPermissions,
         value.executeGatedAction,
         value.visibilityOptions,
+        value.dmUrl,
     ]);
     return jsx(AgentSettingsContext.Provider, { value: ctx, children: children });
 }
@@ -304920,6 +304950,7 @@ const OutsideButtons = ({
 const UploadMenu = ({ onFileInputTrigger, onCameraTrigger, disabled = false, mentorId, tenantKey, isPublicRoute, }) => {
     const t = useChatT();
     const host = useChatHost();
+    const cameraPickedRef = useRef(false);
     const showAttachment = useShowAttachment({
         mentorId: mentorId || host.mentorId,
         tenantKey: tenantKey || host.tenantKey,
@@ -304935,7 +304966,9 @@ const UploadMenu = ({ onFileInputTrigger, onCameraTrigger, disabled = false, men
         {
             labelKey: 'camera',
             icon: jsx(Camera, { className: "h-5 w-5 text-gray-600" }),
-            action: onCameraTrigger,
+            action: () => {
+                cameraPickedRef.current = true;
+            },
             isEnabled: host.features.camera,
         },
         // {
@@ -304965,7 +304998,16 @@ const UploadMenu = ({ onFileInputTrigger, onCameraTrigger, disabled = false, men
     if (!showAttachment || uploadMenuItems.length === 0) {
         return null;
     }
-    return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: jsxs(Button$1, { variant: "ghost", size: "icon", disabled: disabled, "aria-label": t('chat.chatInputFormUploadMenu.attachFile'), className: "h-8 w-8 rounded-lg text-gray-600 transition-all duration-200 hover:border hover:border-[#38A1E5] hover:bg-[#F5F8FF] disabled:cursor-not-allowed disabled:opacity-50", children: [jsx(Plus, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: t('chat.chatInputFormUploadMenu.attachFile') })] }) }), jsx(DropdownMenuContent, { align: "start", className: "z-50 w-56 p-2", children: uploadMenuItems.map((item) => (jsxs(DropdownMenuItem, { onClick: item.action, className: "flex cursor-pointer items-center gap-3 rounded-lg p-3 hover:border-[#38A1E5] hover:bg-gray-50", children: [item.icon, jsx("span", { className: "text-gray-700", children: t(`chat.chatInputFormUploadMenu.${item.labelKey}`) })] }, item.labelKey))) })] }));
+    return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: jsxs(Button$1, { variant: "ghost", size: "icon", disabled: disabled, "aria-label": t('chat.chatInputFormUploadMenu.attachFile'), className: "h-8 w-8 rounded-lg text-gray-600 transition-all duration-200 hover:border hover:border-[#38A1E5] hover:bg-[#F5F8FF] disabled:cursor-not-allowed disabled:opacity-50", children: [jsx(Plus, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: t('chat.chatInputFormUploadMenu.attachFile') })] }) }), jsx(DropdownMenuContent, { align: "start", className: "z-50 w-56 p-2", 
+                // Opening the camera dialog (a separate Radix copy) while this menu is
+                // mounted leaves <body> stuck at `pointer-events: none`; this fires after
+                // the menu has unmounted.
+                onCloseAutoFocus: () => {
+                    if (!cameraPickedRef.current)
+                        return;
+                    cameraPickedRef.current = false;
+                    onCameraTrigger();
+                }, children: uploadMenuItems.map((item) => (jsxs(DropdownMenuItem, { onClick: item.action, className: "flex cursor-pointer items-center gap-3 rounded-lg p-3 hover:border-[#38A1E5] hover:bg-gray-50", children: [item.icon, jsx("span", { className: "text-gray-700", children: t(`chat.chatInputFormUploadMenu.${item.labelKey}`) })] }, item.labelKey))) })] }));
 };
 
 const CameraCaptureDialog = ({ open, onOpenChange, onCapture, facingMode = 'user', }) => {
@@ -306597,6 +306639,7 @@ function ComposerPlusMenu({ isMobile, disabled = false, attachDisabled = false,
     const [memoryOpen, setMemoryOpen] = useState(false);
     const [sheetPage, setSheetPage] = useState(null);
     const [sheetProvider, setSheetProvider] = useState(null);
+    const cameraPickedRef = useRef(false);
     const showAttach = showUpload || showCamera;
     const showTools = tools.length > 0;
     const showSkills = skills.length > 0;
@@ -306656,7 +306699,19 @@ function ComposerPlusMenu({ isMobile, disabled = false, attachDisabled = false,
     }
     // --------------------------------------------------------------- desktop
     const hasListAfterAttach = showTools || showSkills || showModel || showPrompts || showMemory;
-    return (jsxs(Popover, { open: memoryOpen, onOpenChange: setMemoryOpen, children: [jsx(PopoverAnchor, { asChild: true, children: jsx("div", { className: "flex shrink-0", children: jsxs(DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen, children: [jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: trigger }), jsxs(DropdownMenuContent, { align: "start", sideOffset: 8, collisionPadding: 8, "data-testid": "composer-plus-menu", className: cn(POP_CLASS, 'flex w-[248px] flex-col gap-0.5'), children: [showUpload && (jsxs(DropdownMenuItem, { className: ROW_CLASS, disabled: attachDisabled, onSelect: onUploadFile, children: [jsx(Paperclip, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), jsx("span", { className: "flex-1", children: t('chat.chatInputFormUploadMenu.uploadFile') })] })), showCamera && (jsxs(DropdownMenuItem, { className: ROW_CLASS, disabled: attachDisabled, onSelect: onCamera, children: [jsx(Camera, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), jsx("span", { className: "flex-1", children: t('chat.chatInputFormUploadMenu.camera') })] })), showAttach && hasListAfterAttach && (jsx(DropdownMenuSeparator, { className: "mx-1.5 my-1 bg-gray-200" })), showTools && (jsxs(DropdownMenuSub, { children: [jsx(SubTrigger, { icon: jsx(SlidersHorizontal, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), label: t('chat.chatComposer.tools'), count: activeToolCount, countLabel: t('chat.chatComposer.activeCount', { count: activeToolCount }), testId: "composer-tools-trigger" }), jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsxs(DropdownMenuSubContent, { sideOffset: 6, alignOffset: -7, collisionPadding: 8, "data-testid": "composer-tools-menu", "aria-label": t('chat.chatComposer.tools'), className: cn(POP_CLASS, 'flex max-h-[min(70vh,30rem)] w-56 flex-col gap-0.5 overflow-y-auto'), children: [modes.map((tool) => (jsx(ToolCheckboxItem, { tool: tool, label: toolLabel(tool) }, tool.key))), modes.length > 0 && plainTools.length > 0 && (jsx(DropdownMenuSeparator, { className: "mx-1.5 my-1 bg-gray-200" })), plainTools.map((tool) => (jsx(ToolCheckboxItem, { tool: tool, label: toolLabel(tool) }, tool.key)))] }) })] })), showSkills && (jsxs(DropdownMenuSub, { children: [jsx(SubTrigger, { icon: jsx(Zap, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), label: t('chat.chatInputFormInsideButtons.skills'), count: activeSkillCount, countLabel: t('chat.chatComposer.activeCount', { count: activeSkillCount }), testId: "skills-menu-trigger" }), jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsxs(DropdownMenuSubContent, { sideOffset: 6, alignOffset: -7, collisionPadding: 8, "data-testid": "skills-menu-content", "aria-label": t('chat.chatInputFormInsideButtons.skills'), onScroll: handleSkillsScroll, className: cn(POP_CLASS, 'flex max-h-[min(60vh,20rem)] w-56 flex-col gap-0.5 overflow-y-auto'), children: [skills.map((skill) => {
+    return (jsxs(Popover, { open: memoryOpen, onOpenChange: setMemoryOpen, children: [jsx(PopoverAnchor, { asChild: true, children: jsx("div", { className: "flex shrink-0", children: jsxs(DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen, children: [jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: trigger }), jsxs(DropdownMenuContent, { align: "start", sideOffset: 8, collisionPadding: 8, "data-testid": "composer-plus-menu", className: cn(POP_CLASS, 'flex w-[248px] flex-col gap-0.5'), 
+                                // The camera dialog's DismissableLayer is a separate Radix copy from
+                                // this menu's: opened while the menu is mounted it records the menu's
+                                // `pointer-events: none` on <body> as the original and restores it on
+                                // close, freezing the page. This fires after the menu has unmounted.
+                                onCloseAutoFocus: () => {
+                                    if (!cameraPickedRef.current)
+                                        return;
+                                    cameraPickedRef.current = false;
+                                    onCamera();
+                                }, children: [showUpload && (jsxs(DropdownMenuItem, { className: ROW_CLASS, disabled: attachDisabled, onSelect: onUploadFile, children: [jsx(Paperclip, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), jsx("span", { className: "flex-1", children: t('chat.chatInputFormUploadMenu.uploadFile') })] })), showCamera && (jsxs(DropdownMenuItem, { className: ROW_CLASS, disabled: attachDisabled, onSelect: () => {
+                                            cameraPickedRef.current = true;
+                                        }, children: [jsx(Camera, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), jsx("span", { className: "flex-1", children: t('chat.chatInputFormUploadMenu.camera') })] })), showAttach && hasListAfterAttach && (jsx(DropdownMenuSeparator, { className: "mx-1.5 my-1 bg-gray-200" })), showTools && (jsxs(DropdownMenuSub, { children: [jsx(SubTrigger, { icon: jsx(SlidersHorizontal, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), label: t('chat.chatComposer.tools'), count: activeToolCount, countLabel: t('chat.chatComposer.activeCount', { count: activeToolCount }), testId: "composer-tools-trigger" }), jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsxs(DropdownMenuSubContent, { sideOffset: 6, alignOffset: -7, collisionPadding: 8, "data-testid": "composer-tools-menu", "aria-label": t('chat.chatComposer.tools'), className: cn(POP_CLASS, 'flex max-h-[min(70vh,30rem)] w-56 flex-col gap-0.5 overflow-y-auto'), children: [modes.map((tool) => (jsx(ToolCheckboxItem, { tool: tool, label: toolLabel(tool) }, tool.key))), modes.length > 0 && plainTools.length > 0 && (jsx(DropdownMenuSeparator, { className: "mx-1.5 my-1 bg-gray-200" })), plainTools.map((tool) => (jsx(ToolCheckboxItem, { tool: tool, label: toolLabel(tool) }, tool.key)))] }) })] })), showSkills && (jsxs(DropdownMenuSub, { children: [jsx(SubTrigger, { icon: jsx(Zap, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), label: t('chat.chatInputFormInsideButtons.skills'), count: activeSkillCount, countLabel: t('chat.chatComposer.activeCount', { count: activeSkillCount }), testId: "skills-menu-trigger" }), jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsxs(DropdownMenuSubContent, { sideOffset: 6, alignOffset: -7, collisionPadding: 8, "data-testid": "skills-menu-content", "aria-label": t('chat.chatInputFormInsideButtons.skills'), onScroll: handleSkillsScroll, className: cn(POP_CLASS, 'flex max-h-[min(60vh,20rem)] w-56 flex-col gap-0.5 overflow-y-auto'), children: [skills.map((skill) => {
                                                             const armed = activeSkillSlugs.has(skill.slug);
                                                             return (jsxs(CheckboxItem2, { checked: armed, "data-testid": `skills-menu-item-${skill.slug}`, title: `/${skill.slug}`, className: cn(ROW_CLASS, 'h-auto min-h-9 py-1.5'), onSelect: () => onToggleSkill(skill), children: [jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [jsx("span", { "data-testid": "skills-menu-item-name", className: "break-words", children: skill.name }), jsxs("span", { "data-testid": "skills-menu-item-slug", className: "text-xs break-all text-gray-500", children: ["/", skill.slug] })] }), armed && (jsx(Check, { className: "h-4 w-4 text-[#2563eb]", "aria-hidden": "true" }))] }, skill.unique_id));
                                                         }), loadingMoreRow] }) })] })), models && (jsxs(DropdownMenuSub, { children: [jsxs(DropdownMenuSubTrigger, { "data-testid": "composer-model-trigger", className: cn(ROW_CLASS, '[&>svg:last-child]:h-3.5 [&>svg:last-child]:w-3.5 [&>svg:last-child]:text-gray-500'), children: [jsx(Cpu, { className: "h-4 w-4 text-gray-600", "aria-hidden": "true" }), jsx("span", { className: "flex-1", children: t('chat.chatComposer.model') }), jsx("span", { className: "max-w-[96px] truncate text-[13px] text-gray-500", children: models.current.label })] }), jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsxs(DropdownMenuSubContent, { sideOffset: 6, alignOffset: -7, collisionPadding: 8, "data-testid": "composer-model-providers", "aria-label": t('chat.chatComposer.modelForThisChat'), className: cn(POP_CLASS, 'flex max-h-[min(70vh,30rem)] w-[272px] flex-col gap-0.5 overflow-y-auto'), children: [jsxs("div", { className: "shrink-0 px-2.5 pt-2 pb-1.5", children: [jsx("div", { className: "text-sm font-semibold text-gray-900", children: t('chat.chatComposer.modelForThisChat') }), jsx("div", { className: "text-xs text-gray-600", children: t('chat.chatComposer.newChatsUseDefault', {
@@ -307733,7 +307788,7 @@ const ProjectFilesModal$1 = lazy(() => Promise.resolve().then(function () { retu
 const AddMentorToProjectModal$1 = lazy(() => Promise.resolve().then(function () { return addMentorToProjectModal; }).then((mod) => ({
     default: mod.AddMentorToProjectModal,
 })));
-function ProjectLandingPage({ project, mentorName, sessionId, onSubmit, onScreenSharingClick, isScreenSharingModalOpen, onPhoneCallClick, stopGenerating, tenantKey, username, enableSafetyDisclaimer, enableWebBrowsing, isStreaming, updateSessionTools, setSessionTools, activeTools, screenSharing, deepResearch, studyMode, imageGeneration, codeInterpreter, promptsIsEnabled, isPreviewMode, setMessage, mentorId, mentorUniqueId, projectId, googleSlidesIsEnabled, googleDocumentIsEnabled, artifactsEnabled, userIsStudent, isPublicRoute, navigateToProject, showExploreMentors = false, disabledResourceTypes, maxUploadSizeMb, dropboxExtensions, }) {
+function ProjectLandingPage({ project, mentorName, sessionId, onSubmit, onScreenSharingClick, isScreenSharingModalOpen, onPhoneCallClick, stopGenerating, tenantKey, username, enableSafetyDisclaimer, enableWebBrowsing, isStreaming, updateSessionTools, setSessionTools, activeTools, screenSharing, deepResearch, studyMode, imageGeneration, codeInterpreter, promptsIsEnabled, isPreviewMode, setMessage, mentorId, mentorUniqueId, projectId, googleSlidesIsEnabled, googleDocumentIsEnabled, artifactsEnabled, userIsStudent, isPublicRoute, navigateToProject, showExploreMentors = false, disabledResourceTypes, maxUploadSizeMb, dropboxExtensions, dmUrl, }) {
     const [isInstructionsModalOpen, setIsInstructionsModalOpen] = useState(false);
     const [isFilesModalOpen, setIsFilesModalOpen] = useState(false);
     const [isAddMentorModalOpen, setIsAddMentorModalOpen] = useState(false);
@@ -307759,7 +307814,7 @@ function ProjectLandingPage({ project, mentorName, sessionId, onSubmit, onScreen
             jsxs("div", { className: "flex h-full w-full flex-col", "data-testid": "project-landing-page", children: [jsxs("div", { className: "scrollbar-none flex min-h-0 flex-1 flex-col justify-center-safe gap-5 overflow-y-auto px-2 pt-2 pb-4", children: [header, context] }), jsx("div", { className: "w-full shrink-0", children: composer })] })) : (
             // Desktop: one centred 640px column — header, disclaimer + composer, then
             // the project's files, instructions and agents.
-            jsxs("div", { className: "scrollbar-none flex h-full w-full flex-col items-center justify-center-safe overflow-y-auto px-4 py-6", "data-testid": "project-landing-page", children: [header, jsx("div", { className: "w-full max-w-[640px] shrink-0", children: composer }), jsx("div", { className: "mt-5 flex w-full max-w-[640px] shrink-0 flex-col gap-7", children: context })] })), isInstructionsModalOpen && (jsx(Suspense, { fallback: null, children: jsx(ProjectInstructionsModal$1, { isOpen: isInstructionsModalOpen, onClose: () => setIsInstructionsModalOpen(false), tenantKey: tenantKey, projectId: projectId, username: username }) })), isFilesModalOpen && (jsx(Suspense, { fallback: null, children: jsx(ProjectFilesModal$1, { isOpen: isFilesModalOpen, onClose: () => setIsFilesModalOpen(false), tenantKey: tenantKey, mentorId: mentorId, username: username, disabledResourceTypes: disabledResourceTypes, maxUploadSizeMb: maxUploadSizeMb, dropboxExtensions: dropboxExtensions }) })), isAddMentorModalOpen && (jsx(Suspense, { fallback: null, children: jsx(AddMentorToProjectModal$1, { isOpen: isAddMentorModalOpen, onClose: () => setIsAddMentorModalOpen(false), projectName: project.name, tenantKey: tenantKey, projectId: projectId, username: username, isPublicRoute: isPublicRoute }) }))] }));
+            jsxs("div", { className: "scrollbar-none flex h-full w-full flex-col items-center justify-center-safe overflow-y-auto px-4 py-6", "data-testid": "project-landing-page", children: [header, jsx("div", { className: "w-full max-w-[640px] shrink-0", children: composer }), jsx("div", { className: "mt-5 flex w-full max-w-[640px] shrink-0 flex-col gap-7", children: context })] })), isInstructionsModalOpen && (jsx(Suspense, { fallback: null, children: jsx(ProjectInstructionsModal$1, { isOpen: isInstructionsModalOpen, onClose: () => setIsInstructionsModalOpen(false), tenantKey: tenantKey, projectId: projectId, username: username }) })), isFilesModalOpen && (jsx(Suspense, { fallback: null, children: jsx(ProjectFilesModal$1, { isOpen: isFilesModalOpen, onClose: () => setIsFilesModalOpen(false), tenantKey: tenantKey, mentorId: mentorId, username: username, disabledResourceTypes: disabledResourceTypes, maxUploadSizeMb: maxUploadSizeMb, dropboxExtensions: dropboxExtensions, dmUrl: dmUrl }) })), isAddMentorModalOpen && (jsx(Suspense, { fallback: null, children: jsx(AddMentorToProjectModal$1, { isOpen: isAddMentorModalOpen, onClose: () => setIsAddMentorModalOpen(false), projectName: project.name, tenantKey: tenantKey, projectId: projectId, username: username, isPublicRoute: isPublicRoute }) }))] }));
 }
 
 function MinimumMentorAlert({ open, onOpenChange }) {
@@ -308057,7 +308112,7 @@ function DatasetItem({ dataset, onSelect, isSelected, labels }) {
     const [isDeleteDatasetModalOpen, setIsDeleteDatasetModalOpen] = React__default.useState(false);
     const [isRetrainScheduleModalOpen, setIsRetrainScheduleModalOpen] = React__default.useState(false);
     const [isTrainOrDeleteModalOpen, setIsTrainOrDeleteModalOpen] = React__default.useState(false);
-    const { tenantKey, username } = useAgentSettings();
+    const { tenantKey, username, dmUrl } = useAgentSettings();
     const [editTrainingDocument, { isLoading: isEditTrainingDocumentLoading }] = useEditTrainingDocumentMutation();
     const handleEditTrainingDocument = async (data, callback) => {
         try {
@@ -308103,7 +308158,7 @@ function DatasetItem({ dataset, onSelect, isSelected, labels }) {
     };
     return (jsxs(Fragment$1, { children: [jsxs(TableRow, { className: `border-b last:border-0 ${onSelect ? 'hover:bg-muted/50 cursor-pointer' : ''} ${isSelected ? 'bg-blue-50' : ''}`, onClick: onSelect ? () => onSelect(dataset) : undefined, children: [jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsx(TableCell, { className: "max-w-[200px] truncate p-3 font-medium whitespace-nowrap text-[#646464]", children: jsx(WithFormPermissions, { name: ['document_name', 'url'], 
                                         // @ts-ignore
-                                        permissions: (_a = dataset === null || dataset === void 0 ? void 0 : dataset.permissions) === null || _a === void 0 ? void 0 : _a.field, children: () => (jsx("a", { href: dataset.url, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800 hover:underline", children: dataset.document_name || dataset.url })) }) }) }), jsx(TooltipContent, { className: "bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300", children: jsx("p", { children: dataset.document_name || dataset.url }) })] }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: jsx(WithFormPermissions, { name: "document_type", 
+                                        permissions: (_a = dataset === null || dataset === void 0 ? void 0 : dataset.permissions) === null || _a === void 0 ? void 0 : _a.field, children: () => (jsx("a", { href: resolveDmMediaUrl(dataset.url, dmUrl), target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800 hover:underline", children: dataset.document_name || dataset.url })) }) }) }), jsx(TooltipContent, { className: "bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300", children: jsx("p", { children: dataset.document_name || dataset.url }) })] }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: jsx(WithFormPermissions, { name: "document_type", 
                             // @ts-ignore
                             permissions: (_b = dataset === null || dataset === void 0 ? void 0 : dataset.permissions) === null || _b === void 0 ? void 0 : _b.field, children: () => {
                                 var _a, _b;
@@ -309714,7 +309769,7 @@ const PROJECT_FILES_DATASET_LABELS = resolveDatasetsTabLabels({
     table: { emptyState: 'No files found' },
 });
 function ProjectFilesModal(props) {
-    return (jsx(AgentSettingsProvider, { tenantKey: props.tenantKey, mentorId: props.mentorId, username: props.username, enableRBAC: false, children: jsx(ProjectFilesModalInner, { ...props }) }));
+    return (jsx(AgentSettingsProvider, { tenantKey: props.tenantKey, mentorId: props.mentorId, username: props.username, enableRBAC: false, dmUrl: props.dmUrl, children: jsx(ProjectFilesModalInner, { ...props }) }));
 }
 function ProjectFilesModalInner({ isOpen, onClose, disabledResourceTypes, maxUploadSizeMb, dropboxExtensions, }) {
     var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.39.0",
+  "version": "2.40.0",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -76,9 +76,9 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
+    "@iblai/mcp": "1.31.0",
+    "@iblai/web-containers": "1.44.0",
     "@iblai/data-layer": "1.30.1",
-    "@iblai/mcp": "1.30.0",
-    "@iblai/web-containers": "1.43.0",
     "@iblai/web-utils": "2.9.0"
   },
   "peerDependencies": {