@ones-editor/editor 2.4.0 → 2.5.1-beta.1

package/dist/index.js

@@ -4504,7 +4504,7 @@ div.editor-root.readonly div.editor-content div[data-type=editor-container] div[
   position: absolute;
   top: 0;
   left: 50%;
-  margin-left: -10px;
+  margin-left: -30px;
   transition: top 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
 }
 :is(.editor-web-comment-root, .editor-mobile-comments-root, .editor-mini-comment-root).hidden {
@@ -5392,74 +5392,119 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-type
   justify-content: start;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office].hover [data-type=block-content] {
-  border-radius: 3px;
+  border-radius: 6px;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] {
-  max-width: 360px;
-  height: 48px;
+  max-width: 100%;
   cursor: pointer;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root {
   display: flex;
-  align-items: center;
-  max-width: 100%;
-  background-color: #f5f6f7;
-  border-radius: 3px;
+  align-items: flex-start;
+  width: 100%;
+  background-color: #ffffff;
+  border-radius: 6px;
+  border: 1px solid #DFE1E5;
+  padding: 10px;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root::before {
   border-radius: 3px;
 }
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root:hover {
+  background-color: rgba(0, 36, 90, 0.04);
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root:hover .file-actions button {
+  display: flex;
+}
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-details {
   display: flex;
   flex-direction: column;
   justify-content: center;
   font-size: 14px;
-  flex-grow: 1;
+  flex: 1;
+  min-width: 0;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-details .file-name {
-  color: #1f2329;
-  max-width: 185px;
+  color: #2D2D2E;
+  max-width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   white-space: nowrap;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-details .file-size {
-  color: #646a73;
-  font-size: 12px;
+  font-size: 14px;
   margin-top: 2px;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-details .file-name-pre {
   text-overflow: ellipsis;
   overflow: hidden;
 }
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-info {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-top: 5px;
+  color: #87888A;
+  font-size: 12px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-info .file-creator {
+  max-width: 80px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-info .uploaded-time {
+  margin-left: 5px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-info .file-size {
+  margin-left: 15px;
+  flex-shrink: 0;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-actions {
+  align-self: center;
+  display: flex;
+  column-gap: 15px;
+  margin-right: 10px;
+  margin-left: 5px;
+}
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-actions button {
-  width: 34px;
-  height: 34px;
-  background-color: #ffffff;
-  border: 1px solid #dee0e3;
-  border-radius: 50%;
-  margin: 0 8px;
   padding: 0;
-  background-repeat: no-repeat;
-  background-position: 50%;
+  border: 0;
+  background-color: transparent;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  color: #2D2D2E;
+  display: none;
+  font-size: 14px;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-actions button svg {
   width: 16px;
   height: 16px;
+  margin-right: 5px;
+  color: inherit;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-actions button:hover {
+  color: #0064FF;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-actions button:hover svg {
+  color: #0064FF;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-actions button.disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+  color: #2D2D2E;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-icon {
   display: flex;
   flex-direction: row;
   align-items: center;
-  width: 36px;
-  height: 36px;
-  margin: 6px 6px 6px 12px;
+  margin-right: 10px;
+  transform: translateY(3px);
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-icon > svg {
   width: 24px;
@@ -8548,6 +8593,13 @@ div.editor-root div.editor-content div[data-type=editor-container].root.select-a
 }
 .video-tooltip-align-style-section .style-icon.active {
   color: blue;
+}.editor-command-bar-root .editor-command-bar .command-item .ask-ai {
+  display: flex;
+  align-items: center;
+}
+.editor-command-bar-root .editor-command-bar .command-item .ask-ai .button-text {
+  margin-left: 5px;
+  margin-right: 5px;
 }div.editor-root.compact div.editor-content div[data-type=editor-container].root > .container-blocks > * + * {
   margin: 0.2em 0;
 }
@@ -10855,22 +10907,29 @@ var __publicField = (obj, key, value) => {
     return elementFont;
   }
   function getTextWidth(text2, font) {
-    const canvas = getTextWidth.canvas || (getTextWidth.canvas = document.createElement("canvas"));
-    const context = canvas.getContext("2d");
-    if (!context) {
-      return 200;
-    }
-    if (typeof font === "string") {
-      if (!font) {
-        context.font = getStyleFont(window.getComputedStyle(document.body));
-      } else {
-        context.font = font;
+    try {
+      if (window.fakebrowser) {
+        return 200;
       }
-    } else if (font instanceof Element) {
-      context.font = getStyleFont(window.getComputedStyle(font));
+      const canvas = getTextWidth.canvas || (getTextWidth.canvas = document.createElement("canvas"));
+      const context = canvas.getContext("2d");
+      if (!context) {
+        return 200;
+      }
+      if (typeof font === "string") {
+        if (!font) {
+          context.font = getStyleFont(window.getComputedStyle(document.body));
+        } else {
+          context.font = font;
+        }
+      } else if (font instanceof Element) {
+        context.font = getStyleFont(window.getComputedStyle(font));
+      }
+      const metrics = context.measureText(text2);
+      return metrics.width + 4;
+    } catch (err) {
+      return 200;
     }
-    const metrics = context.measureText(text2);
-    return metrics.width + 4;
   }
   const logger$4M = getLogger("editor-clipboard");
   async function setClipboardDataByEvent(items, event) {
@@ -49297,8 +49356,23 @@ ${codeText}
         }
       }
     }
+    function getBlockAllItemIds(commands) {
+      const result2 = [];
+      function recurse(items) {
+        items.forEach((command) => {
+          var _a;
+          result2.push(command.id);
+          if ((_a = command.children) == null ? void 0 : _a.length) {
+            recurse(command.children);
+          }
+        });
+      }
+      recurse(commands);
+      return result2;
+    }
     for (let i = 0; i < blockCommands.length; i++) {
-      if (blockCommands[i].commands.find((c) => c.id === item.id)) {
+      const commandIds = getBlockAllItemIds(blockCommands[i].commands);
+      if (commandIds.find((id) => id === item.id)) {
         blockCommands[i].executeCommand(editor, block, item, child);
         return;
       }
@@ -50322,13 +50396,13 @@ ${codeText}
     mm.setData(root2);
     mm.fit();
     const tools = getBlockTools(rootBlock);
-    let toolbar = tools.querySelector(".mindmap-toolbar");
-    if (!toolbar) {
-      toolbar = createElement("div", ["mindmap-toolbar"], tools);
+    let toolbar2 = tools.querySelector(".mindmap-toolbar");
+    if (!toolbar2) {
+      toolbar2 = createElement("div", ["mindmap-toolbar"], tools);
     }
-    createFitButton(editor, toolbar, firstBlock, options.mindmapTools);
-    createFullscreenButton(editor, toolbar, firstBlock, options.mindmapTools);
-    createCloseButton(editor, toolbar, firstBlock, options.mindmapTools);
+    createFitButton(editor, toolbar2, firstBlock, options.mindmapTools);
+    createFullscreenButton(editor, toolbar2, firstBlock, options.mindmapTools);
+    createCloseButton(editor, toolbar2, firstBlock, options.mindmapTools);
     editor.domEvents.addEventListener(svg, "click", () => {
       editor.selection.selectBlock(rootBlock, 0);
       editor.input.focus();
@@ -52585,11 +52659,11 @@ ${codeText}
     linkEditor.editLink(mergedOptions);
   }
   const hideToolbar$1 = (editor) => {
-    const toolbar = editor.findCustom("toolbar-handler");
-    toolbar == null ? void 0 : toolbar.disableTextToolbar();
-    toolbar == null ? void 0 : toolbar.hide();
+    const toolbar2 = editor.findCustom("toolbar-handler");
+    toolbar2 == null ? void 0 : toolbar2.disableTextToolbar();
+    toolbar2 == null ? void 0 : toolbar2.hide();
     setTimeout(() => {
-      toolbar == null ? void 0 : toolbar.enableTextToolbar();
+      toolbar2 == null ? void 0 : toolbar2.enableTextToolbar();
     }, 300);
   };
   const logger$1_ = getLogger("inline-box-items");
@@ -52990,14 +53064,14 @@ ${codeText}
       __publicField(this, "provider", new EditLinkProvider());
       __publicField(this, "clipboardProvider");
       __publicField(this, "executeCommand", (editor, block, item, child) => {
-        const toolbar = getToolbar(this.editor);
-        toolbar == null ? void 0 : toolbar.disableTextToolbar();
-        toolbar == null ? void 0 : toolbar.hide();
+        const toolbar2 = getToolbar(this.editor);
+        toolbar2 == null ? void 0 : toolbar2.disableTextToolbar();
+        toolbar2 == null ? void 0 : toolbar2.hide();
         if (!child) {
           return;
         }
         setTimeout(() => {
-          toolbar == null ? void 0 : toolbar.enableTextToolbar();
+          toolbar2 == null ? void 0 : toolbar2.enableTextToolbar();
         }, 400);
         this.provider.executeCommand(editor, block, editor.selection.range, item, { child });
         const { start, end } = getChildOffset(block, child);
@@ -53181,7 +53255,7 @@ ${codeText}
       __publicField(this, "hoveringTextChild", null);
       __publicField(this, "oldRange", null);
       __publicField(this, "providers", []);
-      __publicField(this, "handleButtonClick", (toolbar, item) => {
+      __publicField(this, "handleButtonClick", (toolbar2, item) => {
         const tooltip = this.editor.getCustom("editor-tooltip");
         tooltip.lastClickButtonId = item.id;
         const commandProvider = item.commandProvider;
@@ -53339,8 +53413,8 @@ ${codeText}
       document.removeEventListener("mousedown", this.handleDocumentMouseDown);
     }
     hideToolbar(editor) {
-      const toolbar = editor.findCustom("toolbar-handler");
-      toolbar == null ? void 0 : toolbar.hide();
+      const toolbar2 = editor.findCustom("toolbar-handler");
+      toolbar2 == null ? void 0 : toolbar2.hide();
     }
     showTextToolbar(reason) {
       var _a, _b;
@@ -53417,7 +53491,7 @@ ${codeText}
       __publicField(this, "_lastClickTime", 0);
       __publicField(this, "_disabled", false);
       __publicField(this, "isInToolbar", (event) => this.toolbar.isInCommandBar(event.target));
-      __publicField(this, "handleButtonClick", (toolbar, item) => {
+      __publicField(this, "handleButtonClick", (toolbar2, item) => {
         const tooltip = this.editor.findCustom("editor-tooltip");
         if (tooltip) {
           tooltip.lastClickButtonId = item.id;
@@ -69998,11 +70072,11 @@ ${codeText}
       }];
     }
     hideToolbar(editor) {
-      const toolbar = editor.findCustom("toolbar-handler");
-      toolbar == null ? void 0 : toolbar.disableTextToolbar();
-      toolbar == null ? void 0 : toolbar.hide();
+      const toolbar2 = editor.findCustom("toolbar-handler");
+      toolbar2 == null ? void 0 : toolbar2.disableTextToolbar();
+      toolbar2 == null ? void 0 : toolbar2.hide();
       setTimeout(() => {
-        toolbar == null ? void 0 : toolbar.enableTextToolbar();
+        toolbar2 == null ? void 0 : toolbar2.enableTextToolbar();
       }, 300);
     }
     executeRangeCommand(editor, range, command, params, result) {
@@ -70554,11 +70628,11 @@ ${codeText}
       }
     }
     hideToolbar(editor) {
-      const toolbar = editor.findCustom("toolbar-handler");
-      toolbar == null ? void 0 : toolbar.disableTextToolbar();
-      toolbar == null ? void 0 : toolbar.hide();
+      const toolbar2 = editor.findCustom("toolbar-handler");
+      toolbar2 == null ? void 0 : toolbar2.disableTextToolbar();
+      toolbar2 == null ? void 0 : toolbar2.hide();
       setTimeout(() => {
-        toolbar == null ? void 0 : toolbar.enableTextToolbar();
+        toolbar2 == null ? void 0 : toolbar2.enableTextToolbar();
       }, 300);
     }
     commands(editor, blockElement, child) {
@@ -70669,8 +70743,8 @@ ${codeText}
     }
   }
   function closeToolbar(editor) {
-    const toolbar = getToolbar(editor);
-    toolbar == null ? void 0 : toolbar.hide();
+    const toolbar2 = getToolbar(editor);
+    toolbar2 == null ? void 0 : toolbar2.hide();
     const rowColumnToolbar = editor.findCustom("table-border-bar");
     rowColumnToolbar == null ? void 0 : rowColumnToolbar.closeToolbar();
   }
@@ -73605,6 +73679,8 @@ ${codeText}
     });
   }
   const StyleTags = {
+    i: "style-italic",
+    b: "style-bold",
     u: "style-underline",
     strong: "style-bold",
     em: "style-italic",
@@ -75454,8 +75530,8 @@ ${content}
       const container = document.createElement("div");
       container.classList.add("highlight-text-wizdoc");
       const code = document.createElement("pre");
+      code.textContent = base64;
       container.appendChild(code);
-      code.innerText = base64;
       node.insertAdjacentElement("beforebegin", container);
       node.remove();
       return;
@@ -78071,11 +78147,11 @@ ${docStr}
     "ja-JP": jaJP$g
   });
   function hideToolbar(editor) {
-    const toolbar = editor.findCustom("toolbar-handler");
-    toolbar == null ? void 0 : toolbar.disableTextToolbar();
-    toolbar == null ? void 0 : toolbar.hide();
+    const toolbar2 = editor.findCustom("toolbar-handler");
+    toolbar2 == null ? void 0 : toolbar2.disableTextToolbar();
+    toolbar2 == null ? void 0 : toolbar2.hide();
     setTimeout(() => {
-      toolbar == null ? void 0 : toolbar.enableTextToolbar();
+      toolbar2 == null ? void 0 : toolbar2.enableTextToolbar();
     }, 300);
   }
   function undoHandler(editor) {
@@ -78100,7 +78176,7 @@ ${docStr}
     return FilePreviewType2;
   })(FilePreviewType || {});
   const AttachIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M6.49669 1C4.80282 1 3.0118 2.3515 3.0118 3.76237L3 10.6206M6.49669 1C8.41943 1 10.0154 2.60058 10.0154 4.17342M6.49669 1C7.43289 1 8.28684 1.42118 8.90405 1.96796C9.50746 2.50252 10.0154 3.29036 10.0154 4.17342M10.0154 4.17342L10.0154 9.61446C10.0154 10.4166 9.23033 11.2316 8 11.2316C6.91283 11.2316 6.01026 10.5735 6.01026 9.87981L5.98457 5.04102M3 10.6206C3 13.1126 5.38055 15 8 15M3 10.6206C3 12.9301 5.13252 15 8 15M8 15C10.6194 15 13 13.1988 13 10.7068M8 15C10.8675 15 13 13.0162 13 10.7068M13 10.7068V5.04102" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/>\n<path d="M13 4V10C13 12.7614 10.7614 15 8 15C5.23858 15 3 12.7614 3 10V4.5" stroke="currentColor"/>\n<path d="M10 9V4.5C10 2.567 8.433 1 6.5 1C4.567 1 3 2.567 3 4.5" stroke="currentColor"/>\n<path d="M10 9C10 10.1046 9.10457 11 8 11C6.89543 11 6 10.1046 6 9V4" stroke="currentColor"/>\n</svg>';
-  const DownloadIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2 8.94336L2 12.9434C2 13.4956 2.44772 13.9434 3 13.9434L13 13.9434C13.5523 13.9434 14 13.4956 14 12.9434L14 8.94336" stroke="#606060"/>\n<path d="M4.015 5.4597L8.00002 9.44472L11.9835 5.4597" stroke="#606060"/>\n<path d="M7.99994 9.44471L8 0" stroke="#606060"/>\n</svg>\n';
+  const DownloadIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" >\n  <path stroke="currentColor" d="M2 9.943v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4" />\n  <path stroke="currentColor" d="M4.015 6.46 8 10.445l3.983-3.985M8 10.445V1" />\n  <path stroke="currentColor" d="M2 9.943v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-4" />\n  <path stroke="currentColor" d="M4.015 6.46 8 10.445l3.983-3.985M8 10.445V1" />\n</svg>';
   const ToLinkIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect x="0.5" y="5.5" width="5" height="5" rx="1" stroke="currentColor"/>\n<path d="M0 2.5L16 2.5" stroke="currentColor"/>\n<path d="M0 13.5L16 13.5" stroke="currentColor"/>\n<path d="M8 8L16 8" stroke="currentColor"/>\n</svg>\n';
   const ToCardIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect x="0.5" y="5.5" width="15" height="5" rx="1" stroke="currentColor"/>\n<path d="M0 2.5L16 2.5" stroke="currentColor"/>\n<path d="M0 13.5L16 13.5" stroke="currentColor"/>\n</svg>\n';
   const fileBoxStyle = "";
@@ -78200,7 +78276,9 @@ ${docStr}
             previewType: FilePreviewType.Card,
             fileName: boxData.fileName,
             fileSize: boxData.fileSize,
-            fileType: boxData.fileType
+            fileType: boxData.fileType,
+            created: boxData.created,
+            creator: boxData.creator
           };
           if (offset.start === 0) {
             if (getBlockTextLength$6(editor, block) === 1) {
@@ -78298,17 +78376,18 @@ ${docStr}
     toStandardText,
     getResources: getResources$1
   };
+  const CopilotIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <defs>\n    <linearGradient id="uniqueGradient" x1="14.9227" y1="7.96133" x2="0.999999" y2="7.96133" gradientUnits="userSpaceOnUse">\n      <stop stop-color="#01CC77"/>\n      <stop offset="0.997672" stop-color="#20D1F4"/>\n    </linearGradient>\n  </defs>\n  <path d="M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM4.5 8C4.5 9.933 6.067 11.5 8 11.5C9.933 11.5 11.5 9.933 11.5 8C11.5 6.067 9.933 4.5 8 4.5C6.067 4.5 4.5 6.067 4.5 8Z" fill="url(#uniqueGradient)"/>\n</svg>\n';
   const DwgFileIcon = '<svg width="48" height="48" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 1C13.5 2.5 14 3 16 5V15.6087C16 15.7914 15.9638 15.9723 15.8934 16.1411C15.8231 16.3099 15.7199 16.4633 15.5899 16.5925C15.4599 16.7217 15.3056 16.8242 15.1358 16.8941C14.9659 16.964 14.7838 17 14.6 17H3.4C3.21615 17 3.0341 16.964 2.86424 16.8941C2.69439 16.8242 2.54005 16.7217 2.41005 16.5925C2.28005 16.4633 2.17693 16.3099 2.10657 16.1411C2.03621 15.9723 2 15.7914 2 15.6087V2.3913C2 2.2086 2.03621 2.02768 2.10657 1.85888C2.17693 1.69007 2.28005 1.5367 2.41005 1.4075C2.54005 1.27831 2.69439 1.17583 2.86424 1.10591C3.0341 1.03599 3.21615 1 3.4 1H12Z" fill="#FFBE5A"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 7.5V11.1H8.7C9.69411 11.1 10.5 10.2941 10.5 9.3C10.5 8.30589 9.69411 7.5 8.7 7.5H7.5ZM7 6C6.44772 6 6 6.44771 6 7V11.6C6 12.1523 6.44772 12.6 7 12.6H8.7C10.5225 12.6 12 11.1225 12 9.3C12 7.47746 10.5225 6 8.7 6H7Z" fill="white"/>\n<path d="M12 1L14 3L16 5H13.3333C12.9797 5 12.6406 4.84675 12.3905 4.57397C12.1405 4.30119 12 3.93122 12 3.54546V1Z" fill="#FFD89C"/>\n</svg>';
   const RvtFileIcon = '<svg width="48" height="48" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 1C13.5 2.5 14 3 16 5V15.6087C16 15.7914 15.9638 15.9723 15.8934 16.1411C15.8231 16.3099 15.7199 16.4633 15.5899 16.5925C15.4599 16.7217 15.3056 16.8242 15.1358 16.8941C14.9659 16.964 14.7838 17 14.6 17H3.4C3.21615 17 3.0341 16.964 2.86424 16.8941C2.69439 16.8242 2.54005 16.7217 2.41005 16.5925C2.28005 16.4633 2.17693 16.3099 2.10657 16.1411C2.03621 15.9723 2 15.7914 2 15.6087V2.3913C2 2.2086 2.03621 2.02768 2.10657 1.85888C2.17693 1.69007 2.28005 1.5367 2.41005 1.4075C2.54005 1.27831 2.69439 1.17583 2.86424 1.10591C3.0341 1.03599 3.21615 1 3.4 1H12Z" fill="#6B77F3"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 6.90039V8.70039H9.6C10.0971 8.70039 10.5 8.29745 10.5 7.80039C10.5 7.30333 10.0971 6.90039 9.6 6.90039H7.5ZM7 5.40039C6.44772 5.40039 6 5.84811 6 6.40039V7.0504V9.20039V12.1504C6 12.3989 6.20147 12.6004 6.45 12.6004C6.69853 12.6004 6.9 12.3989 6.9 12.1504V10.1955C6.93289 10.1987 6.96625 10.2004 7 10.2004H9.6C9.6944 10.2004 9.78753 10.1949 9.87909 10.1843L11.1521 12.3892C11.2764 12.6045 11.5516 12.6782 11.7668 12.554C11.982 12.4297 12.0558 12.1545 11.9315 11.9392L10.7564 9.90392C11.4977 9.4955 12 8.7066 12 7.80039C12 6.47491 10.9255 5.40039 9.6 5.40039H7Z" fill="white"/>\n<path d="M12 1L14 3L16 5H13.3333C12.9797 5 12.6406 4.84675 12.3905 4.57397C12.1405 4.30119 12 3.93122 12 3.54546V1Z" fill="#B5BBF9"/>\n</svg>';
   const SkpFileIcon = '<svg width="48" height="48" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 1C13.5 2.5 14 3 16 5V15.6087C16 15.7914 15.9638 15.9723 15.8934 16.1411C15.8231 16.3099 15.72 16.4633 15.5899 16.5925C15.4599 16.7217 15.3056 16.8242 15.1358 16.8941C14.9659 16.964 14.7838 17 14.6 17H3.4C3.21615 17 3.0341 16.964 2.86424 16.8941C2.69439 16.8242 2.54005 16.7217 2.41005 16.5925C2.28005 16.4633 2.17693 16.3099 2.10657 16.1411C2.03621 15.9723 2 15.7914 2 15.6087V2.3913C2 2.2086 2.03621 2.02768 2.10657 1.85888C2.17693 1.69007 2.28005 1.5367 2.41005 1.4075C2.54005 1.27831 2.69439 1.17583 2.86424 1.10591C3.0341 1.03599 3.21615 1 3.4 1H12Z" fill="#9773E3"/>\n<path d="M12 1L14 3L16 5H13.3333C12.9797 5 12.6406 4.84675 12.3905 4.57397C12.1405 4.30119 12 3.93122 12 3.54546V1Z" fill="#D8CAF4"/>\n<path d="M10.6499 6.375H8.21241C7.48753 6.375 6.8999 6.96263 6.8999 7.68751V7.68751C6.8999 8.41239 7.48753 9.00001 8.21241 9.00001H9.79277" stroke="white" stroke-width="1.2" stroke-linecap="round"/>\n<path d="M7.27488 11.025C6.94351 11.025 6.67488 11.2936 6.67488 11.625C6.67488 11.9564 6.94351 12.225 7.27488 12.225V11.025ZM9.71239 11.025H7.27488V12.225H9.71239V11.025ZM8.39989 9.59999H9.7124V8.39999H8.39989V9.59999ZM9.7124 9.59999C10.1059 9.59999 10.4249 9.91899 10.4249 10.3125H11.6249C11.6249 9.25624 10.7686 8.39999 9.7124 8.39999V9.59999ZM9.71239 12.225C10.7686 12.225 11.6249 11.3687 11.6249 10.3125H10.4249C10.4249 10.706 10.1059 11.025 9.71239 11.025V12.225Z" fill="white"/>\n</svg>';
-  const ImgFileIcon = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 5V27C7 28.1046 7.89543 29 9 29H27C28.1046 29 29 28.1046 29 27V10.8284C29 10.298 28.7893 9.78929 28.4142 9.41421L22.5858 3.58579C22.2107 3.21071 21.702 3 21.1716 3H9C7.89543 3 7 3.89543 7 5Z" fill="#E3EEFF" stroke="#0064FF" stroke-width="2" stroke-linecap="round"/>\n<path d="M21 3V9C21 10.1046 21.8954 11 23 11H29" stroke="#0064FF" stroke-width="2" stroke-linejoin="round"/>\n<rect x="3" y="12" width="14" height="12" rx="1" fill="#0064FF" stroke="#0064FF" stroke-width="2" stroke-linejoin="round"/>\n<rect x="3" y="12" width="14" height="12" rx="1" fill="#E3EEFF" stroke="#0064FF" stroke-width="2" stroke-linejoin="round"/>\n<path d="M14 15.5C14 16.3284 13.3284 17 12.5 17C11.6715 17 11 16.3284 11 15.5C11 14.6716 11.6715 14 12.5 14C13.3284 14 14 14.6716 14 15.5Z" fill="#0064FF"/>\n<path d="M3 20.5L5.79289 17.7071C6.18342 17.3166 6.81658 17.3166 7.20711 17.7071L9.29289 19.7929C9.68342 20.1834 10.3166 20.1834 10.7071 19.7929L11.2929 19.2071C11.6834 18.8166 12.3166 18.8166 12.7071 19.2071L16.5 23" stroke="#0064FF" stroke-width="2"/>\n</svg>\n';
-  const TxtFileIcon = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 5V27C7 28.1046 7.89543 29 9 29H27C28.1046 29 29 28.1046 29 27V10.8284C29 10.298 28.7893 9.78929 28.4142 9.41421L22.5858 3.58579C22.2107 3.21071 21.702 3 21.1716 3H9C7.89543 3 7 3.89543 7 5Z" fill="#FFF1DB" stroke="#F59300" stroke-width="2" stroke-linecap="round"/>\n<path d="M21 3V9C21 10.1046 21.8954 11 23 11H29" stroke="#F59300" stroke-width="2" stroke-linejoin="round"/>\n<rect x="3" y="12" width="14" height="12" rx="2" fill="#FFF1DB" stroke="#F59300" stroke-width="2" stroke-linejoin="round"/>\n<path d="M6 16H14" stroke="#F59300" stroke-width="2" stroke-linejoin="round"/>\n<path d="M6 20H11" stroke="#F59300" stroke-width="2" stroke-linejoin="round"/>\n</svg>\n';
-  const ZipFileIcon = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 5V27C7 28.1046 7.89543 29 9 29H27C28.1046 29 29 28.1046 29 27V10.8284C29 10.298 28.7893 9.78929 28.4142 9.41421L22.5858 3.58579C22.2107 3.21071 21.702 3 21.1716 3H9C7.89543 3 7 3.89543 7 5Z" fill="#FFF1DB" stroke="#F59300" stroke-width="2" stroke-linecap="round"/>\n<path d="M21 3V9C21 10.1046 21.8954 11 23 11H29" stroke="#F59300" stroke-width="2" stroke-linejoin="round"/>\n<rect x="3" y="12" width="14" height="12" rx="2" fill="#FFF1DB" stroke="#F59300" stroke-width="2" stroke-linejoin="round"/>\n<path d="M10 13V16" stroke="#F59300" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n<rect x="8" y="16" width="4" height="4" stroke="#F59300" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-  const PptFileIcon = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 5V27C7 28.1046 7.89543 29 9 29H27C28.1046 29 29 28.1046 29 27V10.8284C29 10.298 28.7893 9.78929 28.4142 9.41421L22.5858 3.58579C22.2107 3.21071 21.702 3 21.1716 3H9C7.89543 3 7 3.89543 7 5Z" fill="#FFEBE0" stroke="#EB3723" stroke-width="2" stroke-linecap="round"/>\n<path d="M21 3V9C21 10.1046 21.8954 11 23 11H29" stroke="#EB3723" stroke-width="2" stroke-linejoin="round"/>\n<path d="M17.9987 16.1363C17.9892 16.6338 17.5595 17.0001 17.062 17.0001H11C10.4477 17.0001 10 16.5523 10 16.0001V9.93803C10 9.44045 10.3663 9.01079 10.8638 9.0013C10.9091 9.00043 10.9545 9 11 9C14.866 9 18 12.134 18 16C18 16.0455 17.9996 16.091 17.9987 16.1363Z" fill="#FFA473"/>\n<path d="M9 24.9998C12.5275 24.9998 15.4456 22.3906 15.9295 18.9968C16.0075 18.4501 15.5523 17.9998 15 17.9998H10C9.44772 17.9998 9 17.5521 9 16.9998V11.9998C9 11.4475 8.54972 10.9923 8.00297 11.0703C4.60923 11.5542 2 14.4723 2 17.9998C2 21.8658 5.13401 24.9998 9 24.9998Z" fill="#EB3723"/>\n</svg>\n';
-  const ExcelFileIcon = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 5V27C7 28.1046 7.89543 29 9 29H27C28.1046 29 29 28.1046 29 27V10.8284C29 10.298 28.7893 9.78929 28.4142 9.41421L22.5858 3.58579C22.2107 3.21071 21.702 3 21.1716 3H9C7.89543 3 7 3.89543 7 5Z" fill="#D7F7EA" stroke="#00A865" stroke-width="2" stroke-linecap="round"/>\n<path d="M21 3V9C21 10.1046 21.8954 11 23 11H29" stroke="#00A865" stroke-width="2" stroke-linejoin="round"/>\n<rect x="3" y="12" width="14" height="12" rx="1" fill="#94E3C3" stroke="#00A865" stroke-width="2" stroke-linejoin="round"/>\n<path d="M3.5 17.5H16.5V23.5H3.5V17.5Z" fill="#D7F7EA" stroke="#00A865"/>\n<path d="M3 17L17 17" stroke="#00A865" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n<path d="M9 12L9 24" stroke="#00A865" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n';
-  const PdfFileIcon = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 5V27C7 28.1046 7.89543 29 9 29H27C28.1046 29 29 28.1046 29 27V10.8284C29 10.298 28.7893 9.78929 28.4142 9.41421L22.5858 3.58579C22.2107 3.21071 21.702 3 21.1716 3H9C7.89543 3 7 3.89543 7 5Z" fill="#FFEAE8" stroke="#EB3723" stroke-width="2" stroke-linecap="round"/>\n<path d="M21 3V9C21 10.1046 21.8954 11 23 11H29" stroke="#EB3723" stroke-width="2" stroke-linejoin="round"/>\n<rect x="3" y="12" width="14" height="12" rx="1" fill="#EB3723" stroke="#EB3723" stroke-width="2" stroke-linejoin="round"/>\n<path d="M4.46924 20V15.53H6.18524C6.49324 15.53 6.76524 15.584 7.00124 15.692C7.24124 15.8 7.42924 15.96 7.56524 16.172C7.70124 16.384 7.76924 16.646 7.76924 16.958C7.76924 17.262 7.69924 17.52 7.55924 17.732C7.42324 17.944 7.23524 18.106 6.99524 18.218C6.75924 18.326 6.48924 18.38 6.18524 18.38H5.39924V20H4.46924ZM5.39924 17.57H6.19124C6.32324 17.57 6.43724 17.544 6.53324 17.492C6.62924 17.44 6.70324 17.368 6.75524 17.276C6.81124 17.184 6.83924 17.078 6.83924 16.958C6.83924 16.834 6.81124 16.726 6.75524 16.634C6.70324 16.542 6.62924 16.47 6.53324 16.418C6.43724 16.366 6.32324 16.34 6.19124 16.34H5.39924V17.57Z" fill="white"/>\n<path d="M8.36572 20V15.53H9.82372C10.3077 15.53 10.7277 15.626 11.0837 15.818C11.4397 16.01 11.7157 16.274 11.9117 16.61C12.1077 16.946 12.2057 17.33 12.2057 17.762C12.2057 18.194 12.1077 18.58 11.9117 18.92C11.7157 19.256 11.4397 19.52 11.0837 19.712C10.7277 19.904 10.3077 20 9.82372 20H8.36572ZM9.29572 19.19H9.84772C10.1397 19.19 10.3917 19.132 10.6037 19.016C10.8157 18.896 10.9797 18.73 11.0957 18.518C11.2157 18.302 11.2757 18.05 11.2757 17.762C11.2757 17.47 11.2157 17.218 11.0957 17.006C10.9797 16.794 10.8157 16.63 10.6037 16.514C10.3917 16.398 10.1397 16.34 9.84772 16.34H9.29572V19.19Z" fill="white"/>\n<path d="M12.8013 20V15.53H15.8613V16.34H13.7313V17.474H15.5613V18.284H13.7313V20H12.8013Z" fill="white"/>\n</svg>\n';
-  const WordFileIcon = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 5V27C7 28.1046 7.89543 29 9 29H27C28.1046 29 29 28.1046 29 27V10.8284C29 10.298 28.7893 9.78929 28.4142 9.41421L22.5858 3.58579C22.2107 3.21071 21.702 3 21.1716 3H9C7.89543 3 7 3.89543 7 5Z" fill="#E3EEFF" stroke="#0064FF" stroke-width="2" stroke-linecap="round"/>\n<path d="M21 3V9C21 10.1046 21.8954 11 23 11H29" stroke="#0064FF" stroke-width="2" stroke-linejoin="round"/>\n<rect x="3" y="12" width="14" height="12" rx="1" fill="#E3EEFF" stroke="#0064FF" stroke-width="2" stroke-linejoin="round"/>\n<path d="M6 15.5L8 21L10 16L12 21L14 15.5" stroke="#0064FF" stroke-width="2" stroke-linejoin="round"/>\n</svg>\n';
-  const UnknownFileIcon = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 5V27C7 28.1046 7.89543 29 9 29H27C28.1046 29 29 28.1046 29 27V10.8284C29 10.298 28.7893 9.78929 28.4142 9.41421L22.5858 3.58579C22.2107 3.21071 21.702 3 21.1716 3H9C7.89543 3 7 3.89543 7 5Z" fill="#F2F3F5" stroke="#6C6D6E" stroke-width="2" stroke-linecap="round"/>\n<path d="M21 3V9C21 10.1046 21.8954 11 23 11H29" stroke="#6C6D6E" stroke-width="2" stroke-linejoin="round"/>\n<rect x="3" y="11" width="14" height="14" rx="2" fill="#F2F3F5" stroke="#6C6D6E" stroke-width="2" stroke-linecap="round"/>\n<path d="M8 15.8391V15.8391C8 14.8234 8.82338 14 9.83908 14H10C11.1046 14 12 14.8954 12 16V16.0683C12 16.4975 11.7782 16.8963 11.4135 17.1227L10.8496 17.4726C10.3213 17.8006 10 18.3782 10 19V19" stroke="#6C6D6E" stroke-width="2" stroke-linecap="square"/>\n<circle cx="10" cy="22" r="1" fill="#6C6D6E"/>\n</svg>\n';
+  const ImgFileIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#E4D7FC" d="M2 2v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5.414a1 1 0 0 0-.293-.707l-3.414-3.414A1 1 0 0 0 9.586 1H3a1 1 0 0 0-1 1Z"></path><path fill="#8851ED" fill-rule="evenodd" d="M5 6.5a.5.5 0 0 0-.5.5v2.711a.1.1 0 0 0 .164.077l.825-.688a.75.75 0 0 1 1.01.046l1.388 1.387a.25.25 0 0 0 .315.032l.902-.602a.75.75 0 0 1 .788-.027l1.458.833a.1.1 0 0 0 .15-.086V7a.5.5 0 0 0-.5-.5H5Zm5 1.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" clip-rule="evenodd"></path><path fill="#8851ED" d="M11.5 11.489a.1.1 0 0 0-.05-.087L9.644 10.37a.25.25 0 0 0-.262.01l-.902.6a.75.75 0 0 1-.947-.093L6.146 9.5a.25.25 0 0 0-.337-.016l-1.273 1.061a.1.1 0 0 0-.036.077V12a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5v-.511Z"></path></svg>\n';
+  const TxtFileIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#FEE4BC" d="M2 2v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5.414a1 1 0 0 0-.293-.707l-3.414-3.414A1 1 0 0 0 9.586 1H3a1 1 0 0 0-1 1Z"></path><path fill="#F59300" fill-rule="evenodd" d="M4.5 7.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-4Zm1.125 1c0-.207.168-.375.375-.375h4a.375.375 0 0 1 0 .75H6a.375.375 0 0 1-.375-.375ZM6 10.125a.375.375 0 0 0 0 .75h2.5a.375.375 0 0 0 0-.75H6Z" clip-rule="evenodd"></path></svg>\n';
+  const ZipFileIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#FEE4BC" d="M2 2v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5.414a1 1 0 0 0-.293-.707l-3.414-3.414A1 1 0 0 0 9.586 1H3a1 1 0 0 0-1 1Z"></path><path fill="#F59300" d="M5.5 6.5h2.025a.1.1 0 0 1 .1.1v1.425a.1.1 0 0 1-.1.1H7a.375.375 0 0 0-.375.375v2c0 .207.168.375.375.375h2a.375.375 0 0 0 .375-.375v-2A.375.375 0 0 0 9 8.125h-.525a.1.1 0 0 1-.1-.1V6.6a.1.1 0 0 1 .1-.1H10.5a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1Z"></path><path fill="#F59300" d="M7.475 10.125a.1.1 0 0 1-.1-.1v-1.05a.1.1 0 0 1 .1-.1h1.05a.1.1 0 0 1 .1.1v1.05a.1.1 0 0 1-.1.1h-1.05Z"></path></svg>';
+  const PptFileIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#FDDCD8" d="M2 2v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5.414a1 1 0 0 0-.293-.707l-3.414-3.414A1 1 0 0 0 9.586 1H3a1 1 0 0 0-1 1Z"></path><path fill="#E83723" d="M11.434 9.138c.102 0 .187-.08.187-.181A2.957 2.957 0 0 0 8.664 6c-.243 0-.423.21-.423.454v2.184a.5.5 0 0 0 .5.5h2.693Z"></path><path fill="#E83723" d="M6.838 7.128c.273-.046.498.182.498.458v1.957a.5.5 0 0 0 .5.5h1.957c.276 0 .505.226.458.498a2.958 2.958 0 1 1-3.413-3.413Z"></path></svg>';
+  const ExcelFileIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" >\n<path fill="#B9F0D9" d="M2 2v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5.414a1 1 0 0 0-.293-.707l-3.414-3.414A1 1 0 0 0 9.586 1H3a1 1 0 0 0-1 1Z"></path><path fill="#00A865" fill-rule="evenodd" d="M4.125 7c0-.483.392-.875.875-.875h6c.483 0 .875.392.875.875v5a.875.875 0 0 1-.875.875H5A.875.875 0 0 1 4.125 12V7Zm3.75 5.125H11a.125.125 0 0 0 .125-.125V9.375h-3.25v2.75Zm-.75-2.75v2.75H5A.125.125 0 0 1 4.875 12V9.375h2.25Zm.75-.75h3.25V7A.125.125 0 0 0 11 6.875H7.875v1.75Zm-.75-1.75v1.75h-2.25V7c0-.069.056-.125.125-.125h2.125Z" clip-rule="evenodd"></path></svg>';
+  const PdfFileIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" ><path fill="#FDDCD8" d="M2 2v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5.414a1 1 0 0 0-.293-.707l-3.414-3.414A1 1 0 0 0 9.586 1H3a1 1 0 0 0-1 1Z"></path><path fill="#E83723" d="M3.5 11.316V8h1.356c.243 0 .458.04.644.12.19.08.338.199.446.356.107.157.161.352.161.583a.973.973 0 0 1-.611.935c-.187.08-.4.12-.64.12h-.621v1.202H3.5Zm.735-1.803h.625a.59.59 0 0 0 .27-.058.423.423 0 0 0 .176-.16.424.424 0 0 0 .066-.236.432.432 0 0 0-.066-.24.423.423 0 0 0-.175-.16.59.59 0 0 0-.27-.058h-.626v.912ZM6.578 11.316V8H7.73c.383 0 .714.071.996.214.28.142.499.338.654.587.155.25.232.534.232.855 0 .32-.077.606-.232.859-.155.249-.373.445-.654.587a2.178 2.178 0 0 1-.996.214H6.578Zm.735-.601h.436c.23 0 .43-.043.597-.13a.961.961 0 0 0 .39-.369 1.08 1.08 0 0 0 .141-.56c0-.217-.047-.404-.142-.561a.932.932 0 0 0-.389-.365 1.292 1.292 0 0 0-.597-.13h-.436v2.115ZM10.082 11.316V8H12.5v.6h-1.683v.842h1.446v.6h-1.446v1.274h-.735Z"></path></svg>';
+  const WordFileIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#CFE2FF" d="M2 2v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5.414a1 1 0 0 0-.293-.707l-3.414-3.414A1 1 0 0 0 9.586 1H3a1 1 0 0 0-1 1Z"></path><path fill="#0064FF" fill-rule="evenodd" d="M4.825 7.032a.5.5 0 0 1 .643.293l1.063 2.834 1.01-2.356a.5.5 0 0 1 .919 0l1.01 2.356 1.062-2.834a.5.5 0 1 1 .936.35l-1.5 4a.5.5 0 0 1-.927.022L8 9.27 6.96 11.697a.5.5 0 0 1-.928-.021l-1.5-4a.5.5 0 0 1 .293-.644Z" clip-rule="evenodd"></path></svg>';
+  const UnknownFileIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#DFE1E5" d="M2 2v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5.414a1 1 0 0 0-.293-.707l-3.414-3.414A1 1 0 0 0 9.586 1H3a1 1 0 0 0-1 1Z"></path><path fill="currentColor" d="M7 8.287c0-.434.353-.787.787-.787h.278c.516 0 .935.419.935.935a.36.36 0 0 1-.18.312l-.465.27c-.53.306-.855.871-.855 1.483a.5.5 0 0 0 1 0c0-.255.136-.49.356-.618l.465-.27A1.36 1.36 0 0 0 10 8.435 1.935 1.935 0 0 0 8.065 6.5h-.278C6.8 6.5 6 7.3 6 8.287a.5.5 0 0 0 1 0ZM8 12.6a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2Z"></path></svg>';
   const FILE_TYPE_MAP = {
     dwg: [],
     rvt: [],
@@ -78349,8 +78428,8 @@ ${docStr}
     return UnknownFileIcon;
   }
   async function renderFileCard(editor, content, data2) {
-    var _a;
-    const { fileName, fileType, fileSize } = data2;
+    var _a, _b;
+    const { fileName, fileType, fileSize, created, creator, src } = data2;
     const card = createElement("div", ["card-root"], content);
     const icon = createElement("div", ["file-icon"], card);
     const { renderFileCardIcon } = ((_a = editor.options.componentsOptions) == null ? void 0 : _a.file) || {};
@@ -78374,15 +78453,35 @@ ${docStr}
     } else {
       nameElement.textContent = fileName;
     }
-    createElement("div", ["file-size"], detail, formatBytes(fileSize));
+    const infos = createElement("div", ["file-info"], detail);
+    if (creator) {
+      createElement("div", ["file-creator"], infos, creator);
+    }
+    if (created) {
+      const timeText = i18n$1.t("file.uploadedTime", { time: formatDate(new Date(created), "YYYY-MM-DD hh:mm") });
+      createElement("div", ["uploaded-time"], infos, timeText);
+    }
+    createElement("div", ["file-size"], infos, formatBytes(fileSize));
     const actions2 = createElement("div", ["file-actions"], card);
     const options = editor.getComponentOptions("file");
+    let copilotButton;
+    const checkCopilotMethod = (_b = editor.getComponentOptions("custom")) == null ? void 0 : _b.checkCopilotReadyItem;
+    if (checkCopilotMethod) {
+      const copilotEnabled = checkCopilotMethod(src);
+      if (copilotEnabled) {
+        copilotButton = createElement("button", ["copilot"], actions2);
+        const uniqueIcon = CopilotIcon.replace(/uniqueGradient/g, Math.random().toString());
+        copilotButton.innerHTML = uniqueIcon;
+        createElement("span", [], copilotButton, i18n$1.t("file.askAi"));
+      }
+    }
     let downloadButton;
     if (options.canDownload) {
       downloadButton = createElement("button", ["download"], actions2);
       downloadButton.innerHTML = DownloadIcon;
+      createElement("span", [], downloadButton, i18n$1.t("file.commands.download"));
     }
-    return { card, downloadButton };
+    return { card, downloadButton, copilotButton };
   }
   const fileCardStyle = "";
   function downloadFile(editor, block) {
@@ -78401,7 +78500,7 @@ ${docStr}
   async function createEmbedContent$7(editor, content, blockData) {
     const { embedData } = blockData;
     const fileData = embedData;
-    const { card, downloadButton } = await renderFileCard(editor, content, fileData);
+    const { card, downloadButton, copilotButton } = await renderFileCard(editor, content, fileData);
     if (downloadButton) {
       editor.domEvents.addEventListener(downloadButton, "click", (editor2, event) => {
         if (!event.target) {
@@ -78414,6 +78513,21 @@ ${docStr}
         downloadFile(editor2, block);
       });
     }
+    if (copilotButton) {
+      editor.domEvents.addEventListener(copilotButton, "click", (editor2, event) => {
+        if (!event.target) {
+          return;
+        }
+        const block = getParentBlock(event.target);
+        if (!block) {
+          return;
+        }
+        const options = editor2.options.componentsOptions.file;
+        if (options == null ? void 0 : options.onClick) {
+          options.onClick(editor2, block, event, "ask-copilot");
+        }
+      });
+    }
     editor.domEvents.addEventListener(card, "click", (editor2, event) => {
       if (!event.target) {
         return;
@@ -78490,6 +78604,7 @@ ${docStr}
           id: genId(),
           box: true,
           type: "file",
+          creator: fileData.creator,
           created: Date.now(),
           src: fileData.src,
           fileName: fileData.fileName,
@@ -78585,7 +78700,9 @@ ${docStr}
         toCard: "\u8F6C\u4E3A\u5361\u7247",
         comment: "\u6DFB\u52A0\u6279\u6CE8",
         preview: "\u9884\u89C8"
-      }
+      },
+      uploadedTime: "\u4E0A\u4F20\u4E8E { time }",
+      askAi: "\u8BE2\u95EE Copilot"
     }
   };
   const enUS$f = {
@@ -78597,7 +78714,9 @@ ${docStr}
         toCard: "To Card",
         comment: "Add annotation",
         preview: "Preview"
-      }
+      },
+      uploadedTime: "uploaded at { time }",
+      askAi: "Ask Copilot"
     }
   };
   const jaJP$f = {
@@ -78609,7 +78728,9 @@ ${docStr}
         toCard: "\u30AB\u30FC\u30C9\u306B\u5909\u63DB",
         comment: "\u6CE8\u91C8\u3092\u8FFD\u52A0",
         preview: "\u30D7\u30EC\u30D3\u30E5\u30FC"
-      }
+      },
+      uploadedTime: "\u304C {time} \u306B\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u307E\u3057\u305F",
+      askAi: "Copilot \u306B\u805E\u304F"
     }
   };
   i18n$1.mergeLang({
@@ -84704,10 +84825,11 @@ ${data2.flowchartText}
       checker: () => !!(window.mxUtils && window.mxGraph && window.mxCodec),
       maxRetryTime: 5e3
     })).then(() => {
-      const { mxUtils, mxGraph: MxGraph, mxCodec: MxCodec } = window;
+      const { mxUtils, mxGraph: MxGraph, mxCodec: MxCodec, Graph } = window;
       assert(logger$i, mxUtils, "External resource loading exception: mxUtils");
       assert(logger$i, MxGraph, "External resource loading exception: MxGraph");
       assert(logger$i, MxCodec, "External resource loading exception: MxCodec");
+      assert(logger$i, Graph, "External resource loading exception: Graph");
       const file2 = mxUtils.parseXml(mxFile);
       embed.innerHTML = "";
       const node = file2.documentElement;
@@ -84729,7 +84851,7 @@ ${data2.flowchartText}
         const xml = new XMLSerializer().serializeToString(data2.firstElementChild);
         xmlDoc = mxUtils.parseXml(xml);
       }
-      const graph = new MxGraph(embed);
+      const graph = new Graph(embed);
       graph.resetViewOnRootChange = false;
       graph.foldingEnabled = false;
       graph.setTooltips(false);
@@ -85416,7 +85538,7 @@ ${data2.plantumlText}
     constructor(editor) {
       __publicField(this, "toolbar");
       __publicField(this, "clipboardProvider");
-      __publicField(this, "handleButtonClick", (toolbar, item) => {
+      __publicField(this, "handleButtonClick", (toolbar2, item) => {
         const range = this.editor.selection.range;
         if (item.id === "select") {
           editorSelectWord(this.editor);
@@ -85472,8 +85594,8 @@ ${data2.plantumlText}
   }
   const createCursorToolbar = (editor) => editor.addCustom("cursor-toolbar", () => new CursorToolbarHandler(editor));
   const hideCursorToolbar = (editor) => {
-    const toolbar = editor.findCustom("cursor-toolbar");
-    toolbar == null ? void 0 : toolbar.close();
+    const toolbar2 = editor.findCustom("cursor-toolbar");
+    toolbar2 == null ? void 0 : toolbar2.close();
   };
   class InsertProvider extends ProxyProvider {
     constructor(editor) {
@@ -86718,9 +86840,9 @@ ${data2.plantumlText}
     addBlockToolDataType(container);
     return container;
   }
-  function getToolbarContainer(toolbar) {
+  function getToolbarContainer(toolbar2) {
     const containerKey = `.${LAYOUT_COLUMN_CONTAINER_CLASS_NAME}[data-type="editor-container"]`;
-    const columnContainer = toolbar.closest(containerKey);
+    const columnContainer = toolbar2.closest(containerKey);
     return columnContainer;
   }
   function setHoverClass(columnContainer, hovering) {
@@ -86733,10 +86855,10 @@ ${data2.plantumlText}
       removeClass(columnContainer, toolbarHoverClass);
     }
   }
-  function initToolbarHover(toolbar) {
-    if (!toolbar)
+  function initToolbarHover(toolbar2) {
+    if (!toolbar2)
       return;
-    toolbar.addEventListener("mouseenter", (event) => {
+    toolbar2.addEventListener("mouseenter", (event) => {
       if (!event.currentTarget)
         return;
       const target = event.currentTarget;
@@ -86747,7 +86869,7 @@ ${data2.plantumlText}
         }
       }, 0);
     });
-    toolbar.addEventListener("mouseleave", (event) => {
+    toolbar2.addEventListener("mouseleave", (event) => {
       if (!event.currentTarget) {
         return;
       }
@@ -86770,7 +86892,7 @@ ${data2.plantumlText}
     if (!columnRemovable) {
       return { actionBarContainer };
     }
-    const toolbar = new ManualToolbar(
+    const toolbar2 = new ManualToolbar(
       [
         {
           id: "delete-column",
@@ -86785,7 +86907,7 @@ ${data2.plantumlText}
         tooltipId: editor.clientId
       }
     );
-    toolbar.addListener("selectionChange", (bar2, item) => {
+    toolbar2.addListener("selectionChange", (bar2, item) => {
       const container = getContainerById(editor, containerID);
       if (item === "delete-column") {
         addClass(container, "danger");
@@ -86793,20 +86915,20 @@ ${data2.plantumlText}
         removeClass(container, "danger");
       }
     });
-    toolbar.addListener("click", (bar2, item) => {
+    toolbar2.addListener("click", (bar2, item) => {
       const container = editor.getContainerById(containerID);
       const blockElement = container.closest(`div[data-block-type=${LAYOUT_BLOCK_TYPE}]`);
       deleteColumn(editor, containerID, blockElement);
-      toolbar.close("clickItem");
+      toolbar2.close("clickItem");
     });
     dragHandler.addEventListener("click", (event) => {
       var _a;
       const container = editor.getContainerById(containerID);
-      toolbar.manualShow(event.currentTarget, {
+      toolbar2.manualShow(event.currentTarget, {
         placement: "top",
         offset: [0, 5]
       });
-      (_a = toolbar.popper) == null ? void 0 : _a.setAttribute("skip-menu-button", "true");
+      (_a = toolbar2.popper) == null ? void 0 : _a.setAttribute("skip-menu-button", "true");
       addClass(actionBarContainer, "clicked");
       addClass(container, "active");
       tippyInstance == null ? void 0 : tippyInstance.disable();
@@ -88267,6 +88389,7 @@ ${data2.plantumlText}
   function isReservedMediaSrc(src) {
     return src === ReservedMediaSrcType.Empty || src === ReservedMediaSrcType.Error;
   }
+  const toolbar = "";
   const logger$9 = getLogger("media");
   class Media extends tinyTypedEmitter.TypedEmitter {
     constructor(options) {
@@ -91525,11 +91648,11 @@ ${data2.plantumlText}
         this.fixedToolbar = (_a = editor.findCustom("main-toolbar-fixed-toolbar")) == null ? void 0 : _a.toolbar;
         if (this.fixedToolbar) {
           const content = this.fixedToolbar.content;
-          const toolbar = content.closest(".editor-command-bar-root");
+          const toolbar2 = content.closest(".editor-command-bar-root");
           this.observer = new ResizeObserver(() => {
             this.updateItems();
           });
-          this.observer.observe(toolbar);
+          this.observer.observe(toolbar2);
           editor.addCustom("main-toolbar-more-item", () => this);
         }
       });
@@ -91546,21 +91669,21 @@ ${data2.plantumlText}
       }
     }
     updateItems() {
-      const toolbar = this.fixedToolbar;
-      if (!toolbar) {
+      const toolbar2 = this.fixedToolbar;
+      if (!toolbar2) {
         return;
       }
-      const items = toolbar.items;
+      const items = toolbar2.items;
       const moreIndex = items.findIndex((item) => item === this);
       if (moreIndex === -1) {
         return;
       }
-      const content = toolbar.content;
+      const content = toolbar2.content;
       const toolbarRoot = content.closest(".editor-command-bar-root");
       const toolbarRect = toolbarRoot.getBoundingClientRect();
       const toolbarRight = toolbarRect.right;
       items.forEach((item) => {
-        const elem = toolbar.getItemElementById(item.id);
+        const elem = toolbar2.getItemElementById(item.id);
         if (item === this) {
           addClass(elem, "hidden");
         } else {
@@ -91569,11 +91692,11 @@ ${data2.plantumlText}
       });
       const positions = /* @__PURE__ */ new Map();
       items.forEach((item) => {
-        const elem = toolbar.getItemElementById(item.id);
+        const elem = toolbar2.getItemElementById(item.id);
         positions.set(item.id, elem.getBoundingClientRect().right);
       });
       const lastItem = moreIndex === items.length - 1 ? items[items.length - 2] : items[items.length - 1];
-      const lastElem = toolbar.getItemElementById(lastItem.id);
+      const lastElem = toolbar2.getItemElementById(lastItem.id);
       if (lastElem.getBoundingClientRect().right <= toolbarRight) {
         this.hidden = true;
         items.forEach((item) => {
@@ -91582,16 +91705,16 @@ ${data2.plantumlText}
           }
           item.hidden = false;
         });
-        toolbar.updateItems(items);
+        toolbar2.updateItems(items);
         return;
       }
       let fixedWidth = 0;
       const last = items[items.length - 1];
       if (last !== this) {
-        const elem = toolbar.getItemElementById(last.id);
+        const elem = toolbar2.getItemElementById(last.id);
         const lastRight = elem.getBoundingClientRect().right;
         const prevItem = items[moreIndex - 1];
-        const prevElem = toolbar.getItemElementById(prevItem.id);
+        const prevElem = toolbar2.getItemElementById(prevItem.id);
         const prevRight = prevElem.getBoundingClientRect().right;
         fixedWidth = lastRight - prevRight;
       }
@@ -91618,7 +91741,7 @@ ${data2.plantumlText}
       });
       this.hidden = moreItems.length === 0;
       this.children = moreItems;
-      toolbar.updateItems(items);
+      toolbar2.updateItems(items);
     }
   }
   function getToolbarDefaultItems(editor) {
@@ -91945,9 +92068,9 @@ ${data2.plantumlText}
     }
     editor.addCustom("error-handler", () => errorHandler);
     if (!clientType.isMobile) {
-      const toolbar = OnesEditorToolbar.register(editor);
+      const toolbar2 = OnesEditorToolbar.register(editor);
       if (options.floatingToolbar === false) {
-        toolbar.disable(true);
+        toolbar2.disable(true);
       }
     }
     OnesEditorToolbar.register(editor);
@@ -92002,7 +92125,7 @@ ${data2.plantumlText}
         }
       }
     });
-    editor.version = "2.4.0";
+    editor.version = "2.5.1-beta.1";
     return editor;
   }
   function isDoc(doc2) {
@@ -92115,7 +92238,7 @@ ${data2.plantumlText}
       }
     });
     OnesEditorToolbar.register(editor);
-    editor.version = "2.4.0";
+    editor.version = "2.5.1-beta.1";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -138181,6 +138304,7 @@ ${data2.plantumlText}
   exports2.YoukuIcon = YoukuIcon;
   exports2.ZERO_WIDTH_SPACE_CHAR = ZERO_WIDTH_SPACE_CHAR;
   exports2.abbreviation = abbreviation;
+  exports2.activeComment = activeComment;
   exports2.addAttribute = addAttribute;
   exports2.addClass = addClass;
   exports2.addColor = addColor;