@underpostnet/underpost 2.97.1 → 2.97.5

package/src/client/components/core/Panel.js

@@ -17,6 +17,8 @@ import { Content } from './Content.js';
 import { DocumentService } from '../../services/document/document.service.js';
 import { NotificationManager } from './NotificationManager.js';
 import { getApiBaseUrl } from '../../services/core/core.service.js';
+import { getProxyPath, setQueryPath, navigateToProfile } from './Router.js';
+import { PublicProfile } from './PublicProfile.js';
 
 const logger = loggerFactory(import.meta);
 
@@ -197,7 +199,7 @@ const Panel = {
 
           // Clear previous form values then populate with the current item's data
           Input.cleanValues(formData);
-          Input.setValues(formData, obj, foundOrigin, foundFiles);
+          await Input.setValues(formData, obj, foundOrigin, foundFiles);
           if (options.on.initEdit) await options.on.initEdit({ data: obj });
         });
         s(`.a-${payload._id}`).onclick = async (e) => {
@@ -240,6 +242,32 @@ const Panel = {
           // Register theme change handler
           const profileThemeHandlerId = `${id}-creator-profile-theme`;
           ThemeEvents[profileThemeHandlerId] = updateCreatorProfileTheme;
+
+          // Add click handlers for public profile links
+          setTimeout(() => {
+            const links = sa(`.creator-profile-link-${id}`);
+            links.forEach((link) => {
+              link.onclick = async (e) => {
+                e.preventDefault();
+                const username = link.getAttribute('data-id');
+                // Check if public profile modal is already open
+                const currentModal = s('.modal-public-profile');
+                if (currentModal) {
+                  // Modal is already open, update the profile content dynamically
+                  // Navigate to clean URL without intermediate ?cid= in history
+                  navigateToProfile(username, { replace: false });
+                  await PublicProfile.Update({
+                    idModal: 'modal-public-profile',
+                    user: { username },
+                  });
+                } else {
+                  // Modal is not open, navigate to clean URL and open modal
+                  navigateToProfile(username, { replace: false });
+                  if (s('.main-btn-public-profile')) s('.main-btn-public-profile').click();
+                }
+              };
+            });
+          });
         }
       });
       if (s(`.${idPanel}-${id}`)) s(`.${idPanel}-${id}`).remove();
@@ -287,37 +315,46 @@ const Panel = {
                   ? 'rgba(255,255,255,0.02)'
                   : 'rgba(0,0,0,0.02)'}; border-radius: 4px 4px 0 0;"
               >
-                ${obj.userInfo.profileImageId && obj.userInfo.profileImageId._id
-                  ? html`<img
-                      class="creator-avatar"
-                      src="${getApiBaseUrl({ id: obj.userInfo.profileImageId._id, endpoint: 'file/blob' })}"
-                      alt="${obj.userInfo.username || obj.userInfo.email}"
-                      style="width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid ${darkTheme
-                        ? 'rgba(102, 126, 234, 0.5)'
-                        : 'rgba(102, 126, 234, 0.3)'}; flex-shrink: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.15);"
-                      title="${obj.userInfo.email || obj.userInfo.username}"
-                    />`
-                  : html`<div
-                      class="creator-avatar"
-                      style="width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 16px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.15);"
-                      title="${obj.userInfo.email || obj.userInfo.username}"
-                    >
-                      ${(obj.userInfo.username || obj.userInfo.email || 'U').charAt(0).toUpperCase()}
-                    </div>`}
+                <a
+                  href="${getProxyPath()}u/${obj.userInfo.username}"
+                  class="creator-profile-link-${id}"
+                  data-id="${obj.userInfo.username}"
+                  style="display: flex;"
+                >
+                  ${obj.userInfo.profileImageId && obj.userInfo.profileImageId._id
+                    ? html`<img
+                        class="creator-avatar"
+                        src="${getApiBaseUrl({ id: obj.userInfo.profileImageId._id, endpoint: 'file/blob' })}"
+                        alt="${obj.userInfo.username}"
+                        style="width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid ${darkTheme
+                          ? 'rgba(102, 126, 234, 0.5)'
+                          : 'rgba(102, 126, 234, 0.3)'}; flex-shrink: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.15);"
+                        title="${obj.userInfo.username}"
+                      />`
+                    : html`<div
+                        class="creator-avatar"
+                        style="width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 16px; flex-shrink: 0; box-shadow: 0 2px 8px rgba(0,0,0,0.15);"
+                        title="${obj.userInfo.username}"
+                      >
+                        ${(obj.userInfo.username || 'U').charAt(0).toUpperCase()}
+                      </div>`}
+                </a>
                 <div style="display: flex; flex-direction: column; min-width: 0; flex: 1;">
-                  <span
-                    class="creator-username"
+                  <a
+                    href="${getProxyPath()}u/${obj.userInfo.username}"
+                    class="creator-username creator-profile-link-${id}"
+                    data-id="${obj.userInfo.username}"
                     style="font-size: 14px; font-weight: 600; color: ${darkTheme
                       ? 'rgba(255,255,255,0.9)'
                       : 'rgba(0,0,0,0.85)'}; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
                   >
                     ${obj.userInfo.username || obj.userInfo.email || 'Unknown'}
-                  </span>
+                  </a>
                   <span
                     style="font-size: 11px; color: ${darkTheme
                       ? 'rgba(255,255,255,0.5)'
                       : 'rgba(0,0,0,0.45)'}; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500;"
-                    >Creator</span
+                    >${obj.userInfo.briefDescription || 'Uploader'}</span
                   >
                 </div>
               </div>`
@@ -718,15 +755,16 @@ const Panel = {
       s(`.btn-${idPanel}-clean`).onclick = () => {
         Input.cleanValues(formData);
       };
-      s(`.btn-${idPanel}-clean-file`).onclick = () => {
-        // Clear file input specifically
-        const fileFormData = formData.find((f) => f.inputType === 'file');
-        if (fileFormData && s(`.${fileFormData.id}`)) {
-          s(`.${fileFormData.id}`).value = '';
-          s(`.${fileFormData.id}`).inputFiles = null;
-          htmls(`.file-name-render-${fileFormData.id}`, `${fileNameInputExtDefaultContent}`);
-        }
-      };
+      if (s(`.btn-${idPanel}-clean-file`))
+        s(`.btn-${idPanel}-clean-file`).onclick = () => {
+          // Clear file input specifically
+          const fileFormData = formData.find((f) => f.inputType === 'file');
+          if (fileFormData && s(`.${fileFormData.id}`)) {
+            s(`.${fileFormData.id}`).value = '';
+            s(`.${fileFormData.id}`).inputFiles = null;
+            htmls(`.file-name-render-${fileFormData.id}`, `${fileNameInputExtDefaultContent}`);
+          }
+        };
       s(`.btn-${idPanel}-close`).onclick = (e) => {
         e.preventDefault();
         s(`.${idPanel}-form-body`).style.opacity = 0;

package/src/client/components/core/PanelForm.js

@@ -13,9 +13,72 @@ import { closeModalRouteChangeEvents, listenQueryPathInstance, setQueryPath, get
 import { Scroll } from './Scroll.js';
 import { LoadingAnimation } from './LoadingAnimation.js';
 import { loggerFactory } from './Logger.js';
+import { getApiBaseUrl } from '../../services/core/core.service.js';
 
 const logger = loggerFactory(import.meta, { trace: true });
 
+function sanitizeFilename(title, options = {}) {
+  const { replacement = '-', maxLength = 255, preserveExtension = true } = options;
+
+  if (typeof title !== 'string' || title.trim() === '') {
+    return 'untitled';
+  }
+
+  // 1) Extract extension (optional)
+  let name = title;
+  let ext = '';
+  if (preserveExtension) {
+    const match = title.match(/(\.[^.\s]{1,10})$/u);
+    if (match) {
+      ext = match[1];
+      name = title.slice(0, -ext.length);
+    }
+  }
+
+  // 2) Normalize Unicode and remove diacritics
+  name = name.normalize('NFKD').replace(/[\u0300-\u036f]/g, '');
+
+  // 3) Remove control characters and null bytes
+  name = name.replace(/[\x00-\x1f\x7f]/g, '');
+
+  // 4) Remove forbidden filename characters (Windows / POSIX)
+  name = name.replace(/[<>:"/\\|?*\u0000]/g, '');
+
+  // 5) Collapse whitespace and replace with separator
+  name = name.replace(/\s+/g, replacement);
+
+  // 6) Collapse multiple separators
+  const escaped = replacement.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+  name = name.replace(new RegExp(`${escaped}{2,}`, 'g'), replacement);
+
+  // 7) Trim dots and separators from edges
+  name = name.replace(new RegExp(`^[\\.${escaped}]+|[\\.${escaped}]+$`, 'g'), '');
+
+  // 8) Protect against Windows reserved names
+  if (/^(con|prn|aux|nul|com[1-9]|lpt[1-9])$/i.test(name)) {
+    name = '_' + name;
+  }
+
+  // 9) Enforce max length
+  const maxNameLength = Math.max(1, maxLength - ext.length);
+  if (name.length > maxNameLength) {
+    name = name.slice(0, maxNameLength);
+  }
+
+  // 10) Fallback
+  if (!name) name = 'untitled';
+
+  return name + ext;
+}
+
+const userInfoFactory = (userDoc) => ({
+  username: userDoc.userId.username,
+  email: userDoc.userId.email,
+  _id: userDoc.userId._id,
+  profileImageId: userDoc.userId.profileImageId,
+  briefDescription: userDoc.userId.briefDescription,
+});
+
 const PanelForm = {
   Data: {},
   instance: async function (
@@ -129,29 +192,40 @@ const PanelForm = {
               render: imageShimmer(),
             });
           }
-          if (!options.data.fileId)
-            return await options.htmlRender({
-              render: html`
-                <img
-                  class="abs center"
-                  style="${renderCssAttr({
-                    style: {
-                      width: '100px',
-                      height: '100px',
-                      opacity: 0.2,
-                    },
-                  })}"
-                  src="${defaultUrlImage}"
-                />
-              `,
+
+          // Get the filesData for this item
+          const filesDataItem = PanelForm.Data[idPanel].filesData.find((f) => f._id === options.data._id);
+
+          // Priority 1: Check if there's an actual file (not markdown content)
+          // fileId array defaults to [null] for batch upload logic
+          const fileBlob = filesDataItem?.fileId?.fileBlob;
+          if (fileBlob) {
+            return await options.fileRender({
+              file: fileBlob,
+              style: {
+                overflow: 'auto',
+                width: '100%',
+                height: 'auto',
+              },
             });
-          return await options.fileRender({
-            file: PanelForm.Data[idPanel].filesData.find((f) => f._id === options.data._id)?.fileId?.fileBlob,
-            style: {
-              overflow: 'auto',
-              width: '100%',
-              height: 'auto',
-            },
+          }
+
+          // Priority 2: If no actual file, show default image
+          // (Don't show markdown content in file area - mdFileId stays in content area)
+          return await options.htmlRender({
+            render: html`
+              <img
+                class="abs center"
+                style="${renderCssAttr({
+                  style: {
+                    width: '100px',
+                    height: '100px',
+                    opacity: 0.2,
+                  },
+                })}"
+                src="${defaultUrlImage}"
+              />
+            `,
           });
         },
         on: {
@@ -326,11 +400,34 @@ const PanelForm = {
               return { data: [], status: 'error', message: 'Must provide either content or attach a file' };
             }
 
+            // Sanitize title for filename - normalize UTF-8 string
+            // In browser, strings are already UTF-16, just ensure valid characters
+            const sanitizedTitle = sanitizeFilename(data.title);
+
             let mdFileId;
-            const mdFileName = `${getCapVariableName(data.title)}.md`;
+            const mdFileName = `${getCapVariableName(sanitizedTitle)}.md`;
             const location = `${prefixTags.join('/')}`;
-            const blob = new Blob([data.mdFileId], { type: 'text/markdown' });
-            const md = new File([blob], mdFileName, { type: 'text/markdown' });
+
+            // Only create markdown file if there's actual content
+            let md = null;
+            let mdBlob = null;
+            let mdPlain = null;
+
+            if (hasMdContent) {
+              // Markdown content is already UTF-16 in browser, use as-is
+              const blob = new Blob([data.mdFileId], { type: 'text/markdown' });
+              md = new File([blob], mdFileName, { type: 'text/markdown' });
+
+              mdBlob = {
+                data: {
+                  data: await getDataFromInputFile(md),
+                },
+                mimetype: md.type,
+                name: md.name,
+              };
+              mdPlain = await getRawContentFile(getBlobFromUint8ArrayFile(mdBlob.data.data, mdBlob.mimetype));
+            }
+
             // Parse and normalize tags
             // Note: 'public' tag is automatically extracted by the backend and converted to isPublic field
             // It will be filtered from the tags array to keep visibility control separate from content tags
@@ -355,18 +452,25 @@ const PanelForm = {
               }
             }
 
-            const mdBlob = {
-              data: {
-                data: await getDataFromInputFile(md),
-              },
-              mimetype: md.type,
-              name: md.name,
-            };
-            const mdPlain = await getRawContentFile(getBlobFromUint8ArrayFile(mdBlob.data.data, mdBlob.mimetype));
             const baseNewDoc = newInstance(data);
             baseNewDoc.tags = tags.filter((t) => !prefixTags.includes(t));
-            baseNewDoc.mdFileId = marked.parse(data.mdFileId);
-            baseNewDoc.userId = Elements.Data.user.main.model.user._id;
+            baseNewDoc.mdFileId = hasMdContent ? marked.parse(data.mdFileId) : null;
+            baseNewDoc.userId = Elements.Data.user?.main?.model?.user?._id;
+
+            // Ensure profileImageId is properly formatted as object with _id property
+            const profileImageIdValue = Elements.Data.user?.main?.model?.user?.profileImageId;
+            const formattedProfileImageId = profileImageIdValue
+              ? typeof profileImageIdValue === 'string'
+                ? { _id: profileImageIdValue }
+                : profileImageIdValue
+              : null;
+
+            baseNewDoc.userInfo = {
+              username: Elements.Data.user?.main?.model?.user?.username,
+              email: Elements.Data.user?.main?.model?.user?.email,
+              _id: Elements.Data.user?.main?.model?.user?._id,
+              profileImageId: formattedProfileImageId,
+            };
             baseNewDoc.tools = true;
 
             const documents = [];
@@ -378,30 +482,46 @@ const PanelForm = {
 
             for (const file of inputFiles) {
               indexFormDoc++;
-              let fileId;
+              let fileId = undefined; // Reset for each iteration - only set if user uploaded a file
 
               await (async () => {
                 const body = new FormData();
-                body.append('md', md);
+                // Only append md file if it was created (has content)
+                if (md) body.append('md', md);
                 if (file) body.append('file', file);
-                const { status, data } = await FileService.post({ body });
+                const { status, data: uploadedFiles } = await FileService.post({ body });
                 // await timer(3000);
                 NotificationManager.Push({
                   html: Translate.Render(`${status}-upload-file`),
                   status,
                 });
-                if (status === 'success') {
-                  // Identify files by comparing filename instead of just mimetype
-                  // This handles the case where an .md file is uploaded as the optional file
-                  // - mdFileId: matches the generated mdFileName from the title
-                  // - fileId: any other file (including other .md files)
-                  for (const uploadedFile of data) {
-                    if (uploadedFile.name === mdFileName) {
+                if (status === 'success' && uploadedFiles && Array.isArray(uploadedFiles)) {
+                  // CRITICAL DIFFERENTIATION:
+                  // - mdFileId: markdown file GENERATED FROM rich text editor content
+                  // - fileId: file UPLOADED BY USER (could be .md, .pdf, image, etc.)
+                  //
+                  // Both can be markdown files, but we must distinguish:
+                  // Rich text editor content → mdFileId
+                  // User-uploaded file → fileId
+
+                  for (const uploadedFile of uploadedFiles) {
+                    if (hasMdContent && uploadedFile.name === mdFileName) {
+                      // This is the markdown file created FROM rich text editor
                       mdFileId = uploadedFile._id;
-                    } else {
+                      logger.info(`Assigned rich text markdown to mdFileId: ${mdFileName}`);
+                    } else if (!hasMdContent || uploadedFile.name !== mdFileName) {
+                      // This is a file uploaded by user (even if it's an .md file)
                       fileId = uploadedFile._id;
+                      logger.info(`Assigned user-uploaded file to fileId: ${uploadedFile.name}`);
                     }
                   }
+
+                  // Validation: mdFileId should exist only if rich text content was provided
+                  if (hasMdContent && !mdFileId) {
+                    logger.error(
+                      `ERROR: No markdown content file found. Expected: ${mdFileName}, Got: ${uploadedFiles.map((f) => f.name).join(', ')}`,
+                    );
+                  }
                 }
               })();
               // Backend will automatically extract 'public' from tags and set isPublic field
@@ -431,6 +551,12 @@ const PanelForm = {
                 // Use server response data - backend has already processed tags and isPublic
                 isPublic: documentData.isPublic || false,
                 tags: (documentData.tags || []).filter((t) => !prefixTags.includes(t)),
+                // Ensure userInfo is present for profile header rendering
+                userInfo:
+                  baseNewDoc.userInfo ||
+                  (documentData.userId && typeof documentData.userId === 'object'
+                    ? userInfoFactory(documentData)
+                    : null),
               };
 
               if (documentStatus === 'error') status = 'error';
@@ -439,7 +565,7 @@ const PanelForm = {
               const filesData = {
                 id: documentData._id,
                 _id: documentData._id,
-                mdFileId: { mdBlob, mdPlain },
+                mdFileId: mdBlob && mdPlain ? { mdBlob, mdPlain } : null,
                 fileId: {
                   fileBlob: file
                     ? {
@@ -537,29 +663,50 @@ const PanelForm = {
             let mdFileId, fileId;
             let mdBlob, fileBlob;
             let mdPlain, filePlain;
+            let parsedMarkdown = '';
 
             try {
-              {
-                const {
-                  data: [file],
-                } = await FileService.get({ id: documentObject.mdFileId._id });
-
-                // const ext = file.name.split('.')[file.name.split('.').length - 1];
-                mdBlob = file;
-                mdPlain = await getRawContentFile(getBlobFromUint8ArrayFile(file.data.data, file.mimetype));
-                mdFileId = newInstance(mdPlain);
+              // Fetch markdown content if mdFileId exists
+              if (documentObject.mdFileId) {
+                const mdFileIdValue = documentObject.mdFileId._id || documentObject.mdFileId;
+                try {
+                  // Get markdown content from blob endpoint using FileService
+                  const { data: blobArray, status } = await FileService.get({ id: `blob/${mdFileIdValue}` });
+                  if (status === 'success' && blobArray && blobArray[0]) {
+                    mdPlain = await blobArray[0].text();
+                    // Parse markdown with proper error handling
+                    try {
+                      parsedMarkdown = mdPlain ? marked.parse(mdPlain) : '';
+                    } catch (parseError) {
+                      logger.error('Error parsing markdown for document:', documentObject._id, parseError);
+                      parsedMarkdown = `<p><strong>Error rendering markdown:</strong> ${parseError.message}</p>`;
+                    }
+                  } else {
+                    logger.warn('Failed to fetch markdown blob content');
+                    parsedMarkdown = '';
+                  }
+                } catch (fetchError) {
+                  logger.error('Error fetching markdown content:', mdFileIdValue, fetchError);
+                  parsedMarkdown = '';
+                }
               }
+
+              // Handle optional fileId
               if (documentObject.fileId) {
-                const {
-                  data: [file],
-                } = await FileService.get({ id: documentObject.fileId._id });
-
-                // const ext = file.name.split('.')[file.name.split('.').length - 1];
-                fileBlob = file;
-                filePlain = undefined;
-                fileId = getSrcFromFileData(file);
+                const fileIdValue = documentObject.fileId._id || documentObject.fileId;
+                try {
+                  // Get file metadata for display
+                  const { data: fileArray } = await FileService.get({ id: fileIdValue });
+                  if (fileArray && fileArray[0]) {
+                    fileBlob = fileArray[0];
+                    fileId = getSrcFromFileData(fileArray[0]);
+                  }
+                } catch (fetchError) {
+                  logger.error('Error fetching file metadata:', fileIdValue, fetchError);
+                }
               }
 
+              // Store file metadata and references
               panelData.filesData.push({
                 id: documentObject._id,
                 _id: documentObject._id,
@@ -567,33 +714,67 @@ const PanelForm = {
                 fileId: { fileBlob, filePlain },
               });
 
+              // Add to data array for display - use pre-parsed markdown
               panelData.data.push({
                 id: documentObject._id,
                 title: documentObject.title,
                 createdAt: documentObject.createdAt,
                 // Backend filters 'public' tag automatically - it's converted to isPublic field
                 tags: documentObject.tags.filter((t) => !prefixTags.includes(t)),
-                mdFileId: marked.parse(mdFileId),
-                userId: documentObject.userId._id,
+                mdFileId: parsedMarkdown,
+                userId:
+                  documentObject.userId && typeof documentObject.userId === 'object'
+                    ? documentObject.userId._id
+                    : documentObject.userId,
                 userInfo:
                   documentObject.userId && typeof documentObject.userId === 'object'
-                    ? {
-                        username: documentObject.userId.username,
-                        email: documentObject.userId.email,
-                        _id: documentObject.userId._id,
-                        profileImageId: documentObject.userId.profileImageId,
-                      }
+                    ? userInfoFactory(documentObject)
                     : null,
                 fileId,
-                tools: Elements.Data.user.main.model.user._id === documentObject.userId._id,
+                tools:
+                  documentObject.userId &&
+                  typeof documentObject.userId === 'object' &&
+                  Elements.Data.user?.main?.model?.user?._id &&
+                  documentObject.userId._id === Elements.Data.user.main.model.user._id,
                 _id: documentObject._id,
                 totalCopyShareLinkCount: documentObject.totalCopyShareLinkCount || 0,
                 isPublic: documentObject.isPublic || false,
               });
             } catch (fileError) {
-              logger.error('Error fetching files for document:', documentObject._id, fileError);
+              logger.error('Error processing files for document:', documentObject._id, fileError);
               // Still add the document to originData even if file fetching fails
-              // but skip adding to data and filesData arrays
+              // Add minimal data without file references
+              panelData.filesData.push({
+                id: documentObject._id,
+                _id: documentObject._id,
+                mdFileId: { mdBlob: null, mdPlain: '' },
+                fileId: { fileBlob: null, filePlain: undefined },
+              });
+
+              panelData.data.push({
+                id: documentObject._id,
+                title: documentObject.title,
+                createdAt: documentObject.createdAt,
+                tags: documentObject.tags.filter((t) => !prefixTags.includes(t)),
+                mdFileId: '',
+                userId:
+                  documentObject.userId && typeof documentObject.userId === 'object'
+                    ? documentObject.userId._id
+                    : documentObject.userId,
+                userInfo:
+                  documentObject.userId && typeof documentObject.userId === 'object'
+                    ? userInfoFactory(documentObject)
+                    : null,
+                fileId: null,
+                tools:
+                  documentObject.userId &&
+                  typeof documentObject.userId === 'object' &&
+                  Elements.Data.user?.main?.model?.user?._id &&
+                  documentObject.userId._id === Elements.Data.user.main.model.user._id,
+                _id: documentObject._id,
+                totalCopyShareLinkCount: documentObject.totalCopyShareLinkCount || 0,
+                isPublic: documentObject.isPublic || false,
+              });
             }
           }
 
@@ -694,7 +875,9 @@ const PanelForm = {
               cid,
               forceUpdate,
             },
-            JSON.stringify(Elements.Data.user.main.model.user, null, 4),
+            Elements.Data.user?.main?.model?.user
+              ? JSON.stringify(Elements.Data.user.main.model.user, null, 4)
+              : 'No user data',
           );
 
           // Normalize empty values for comparison (undefined, null, '' should all be treated as empty)
@@ -703,7 +886,9 @@ const PanelForm = {
 
           if (loadingGetData || (normalizedLastCid === normalizedCid && !forceUpdate)) return;
           loadingGetData = true;
-          lastUserId = newInstance(Elements.Data.user.main.model.user._id);
+          lastUserId = Elements.Data.user?.main?.model?.user?._id
+            ? newInstance(Elements.Data.user.main.model.user._id)
+            : null;
           lastCid = cid;
 
           logger.warn('Init render panel data');