@underverse-ui/underverse 1.0.138 → 1.0.139

package/dist/index.js

@@ -859,6 +859,83 @@ var en_default = {
       unnamed: "Unnamed file",
       uploading: "(Uploading...)",
       uploadFailed: "Upload failed"
+    },
+    menubar: {
+      file: "File",
+      edit: "Edit",
+      view: "View",
+      insert: "Insert",
+      format: "Format",
+      tools: "Tools",
+      table: "Table",
+      save: "Save",
+      exportHtml: "Export HTML",
+      undo: "Undo",
+      undoShortcut: "Ctrl+Z",
+      redo: "Redo",
+      redoShortcut: "Ctrl+Y",
+      cut: "Cut",
+      cutShortcut: "Ctrl+X",
+      copy: "Copy",
+      copyShortcut: "Ctrl+C",
+      paste: "Paste",
+      pasteShortcut: "Ctrl+V",
+      pasteAsText: "Paste as plain text",
+      selectAll: "Select All",
+      selectAllShortcut: "Ctrl+A",
+      sourceCode: "Source code",
+      preview: "Preview",
+      fullscreen: "Fullscreen",
+      fullscreenShortcut: "Ctrl+Shift+F",
+      image: "Image",
+      link: "Link",
+      linkShortcut: "Ctrl+K",
+      insertTable: "Table",
+      horizontalRule: "Horizontal line",
+      bold: "Bold",
+      boldShortcut: "Ctrl+B",
+      italic: "Italic",
+      italicShortcut: "Ctrl+I",
+      underline: "Underline",
+      underlineShortcut: "Ctrl+U",
+      strike: "Strikethrough",
+      superscript: "Superscript",
+      subscript: "Subscript",
+      code: "Code",
+      wrap: "Block",
+      align: "Align",
+      clearFormatting: "Clear formatting",
+      paragraph: "Paragraph",
+      heading1: "Heading 1",
+      heading2: "Heading 2",
+      heading3: "Heading 3",
+      blockquote: "Blockquote",
+      codeBlock: "Code block",
+      taskList: "Task list",
+      alignLeft: "Left",
+      alignCenter: "Center",
+      alignRight: "Right",
+      alignJustify: "Justify",
+      tableProperties: "Table properties",
+      deleteTable: "Delete table",
+      row: "Row",
+      column: "Column",
+      cell: "Cell",
+      addRowBefore: "Insert row above",
+      addRowAfter: "Insert row below",
+      deleteRow: "Delete row",
+      addColumnBefore: "Insert column left",
+      addColumnAfter: "Insert column right",
+      deleteColumn: "Delete column",
+      mergeCells: "Merge cells",
+      splitCell: "Split cell",
+      imageUpload: "Upload Image",
+      applySource: "Apply",
+      closeDialog: "Close",
+      copyHtml: "Copy HTML",
+      exportDefault: "Export HTML",
+      previewEmpty: "Nothing to preview.",
+      sourceCodeHint: "Edit HTML directly and click Apply to update the editor."
     }
   }
 };
@@ -1158,6 +1235,83 @@ var vi_default = {
       unnamed: "T\u1EC7p kh\xF4ng t\xEAn",
       uploading: "(\u0110ang t\u1EA3i l\xEAn...)",
       uploadFailed: "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"
+    },
+    menubar: {
+      file: "T\u1EADp tin",
+      edit: "S\u1EEDa",
+      view: "Xem",
+      insert: "Th\xEAm",
+      format: "\u0110\u1ECBnh d\u1EA1ng",
+      tools: "C\xF4ng c\u1EE5",
+      table: "B\u1EA3ng",
+      save: "L\u01B0u",
+      exportHtml: "Xu\u1EA5t HTML",
+      undo: "Hu\u1EF7 thao t\xE1c",
+      undoShortcut: "Ctrl+Z",
+      redo: "Ho\xE0n t\xE1c",
+      redoShortcut: "Ctrl+Y",
+      cut: "C\u1EAFt",
+      cutShortcut: "Ctrl+X",
+      copy: "Ch\xE9p",
+      copyShortcut: "Ctrl+C",
+      paste: "D\xE1n",
+      pasteShortcut: "Ctrl+V",
+      pasteAsText: "D\xE1n nh\u01B0 v\u0103n b\u1EA3n",
+      selectAll: "Ch\u1ECDn t\u1EA5t c\u1EA3",
+      selectAllShortcut: "Ctrl+A",
+      sourceCode: "M\xE3 ngu\u1ED3n",
+      preview: "Xem tr\u01B0\u1EDBc",
+      fullscreen: "\u0110\u1EA7y m\xE0n h\xECnh",
+      fullscreenShortcut: "Ctrl+Shift+F",
+      image: "H\xECnh \u1EA3nh",
+      link: "Li\xEAn k\u1EBFt",
+      linkShortcut: "Ctrl+K",
+      insertTable: "B\u1EA3ng",
+      horizontalRule: "\u0110\u01B0\u1EDDng k\u1EBB ngang",
+      bold: "T\xF4 \u0111\u1EADm",
+      boldShortcut: "Ctrl+B",
+      italic: "In nghi\xEAng",
+      italicShortcut: "Ctrl+I",
+      underline: "G\u1EA1ch d\u01B0\u1EDBi",
+      underlineShortcut: "Ctrl+U",
+      strike: "G\u1EA1ch ngang",
+      superscript: "Tr\xEAn d\xF2ng",
+      subscript: "D\u01B0\u1EDBi d\xF2ng",
+      code: "M\xE3",
+      wrap: "Bao",
+      align: "C\u0103n ch\u1EC9nh",
+      clearFormatting: "Xo\xE1 \u0111\u1ECBnh d\u1EA1ng",
+      paragraph: "\u0110o\u1EA1n v\u0103n",
+      heading1: "Ti\xEAu \u0111\u1EC1 1",
+      heading2: "Ti\xEAu \u0111\u1EC1 2",
+      heading3: "Ti\xEAu \u0111\u1EC1 3",
+      blockquote: "Tr\xEDch d\u1EABn",
+      codeBlock: "Kh\u1ED1i m\xE3",
+      taskList: "Danh s\xE1ch vi\u1EC7c",
+      alignLeft: "Tr\xE1i",
+      alignCenter: "Gi\u1EEFa",
+      alignRight: "Ph\u1EA3i",
+      alignJustify: "\u0110\u1EC1u",
+      tableProperties: "Thu\u1ED9c t\xEDnh b\u1EA3ng",
+      deleteTable: "Xo\xE1 b\u1EA3ng",
+      row: "D\xF2ng",
+      column: "C\u1ED9t",
+      cell: "\xD4",
+      addRowBefore: "Th\xEAm h\xE0ng ph\xEDa tr\xEAn",
+      addRowAfter: "Th\xEAm h\xE0ng ph\xEDa d\u01B0\u1EDBi",
+      deleteRow: "Xo\xE1 h\xE0ng",
+      addColumnBefore: "Th\xEAm c\u1ED9t b\xEAn tr\xE1i",
+      addColumnAfter: "Th\xEAm c\u1ED9t b\xEAn ph\u1EA3i",
+      deleteColumn: "Xo\xE1 c\u1ED9t",
+      mergeCells: "G\u1ED9p \xF4",
+      splitCell: "T\xE1ch \xF4",
+      imageUpload: "T\u1EA3i \u1EA3nh l\xEAn",
+      applySource: "\xC1p d\u1EE5ng",
+      closeDialog: "\u0110\xF3ng",
+      copyHtml: "Sao ch\xE9p HTML",
+      exportDefault: "Xu\u1EA5t HTML",
+      previewEmpty: "Kh\xF4ng c\xF3 n\u1ED9i dung \u0111\u1EC3 xem tr\u01B0\u1EDBc.",
+      sourceCodeHint: "Ch\u1EC9nh s\u1EEDa HTML tr\u1EF1c ti\u1EBFp v\xE0 nh\u1EA5n \xC1p d\u1EE5ng \u0111\u1EC3 c\u1EADp nh\u1EADt n\u1ED9i dung."
     }
   }
 };
@@ -1456,6 +1610,83 @@ var ko_default = {
       unnamed: "\uC774\uB984 \uC5C6\uB294 \uD30C\uC77C",
       uploading: "(\uC5C5\uB85C\uB4DC \uC911...)",
       uploadFailed: "\uC5C5\uB85C\uB4DC \uC2E4\uD328"
+    },
+    menubar: {
+      file: "\uD30C\uC77C",
+      edit: "\uD3B8\uC9D1",
+      view: "\uBCF4\uAE30",
+      insert: "\uC0BD\uC785",
+      format: "\uC11C\uC2DD",
+      tools: "\uB3C4\uAD6C",
+      table: "\uD45C",
+      save: "\uC800\uC7A5",
+      exportHtml: "HTML \uB0B4\uBCF4\uB0B4\uAE30",
+      undo: "\uC2E4\uD589 \uCDE8\uC18C",
+      undoShortcut: "Ctrl+Z",
+      redo: "\uB2E4\uC2DC \uC2E4\uD589",
+      redoShortcut: "Ctrl+Y",
+      cut: "\uC798\uB77C\uB0B4\uAE30",
+      cutShortcut: "Ctrl+X",
+      copy: "\uBCF5\uC0AC",
+      copyShortcut: "Ctrl+C",
+      paste: "\uBD99\uC5EC\uB123\uAE30",
+      pasteShortcut: "Ctrl+V",
+      pasteAsText: "\uC77C\uBC18 \uD14D\uC2A4\uD2B8\uB85C \uBD99\uC5EC\uB123\uAE30",
+      selectAll: "\uC804\uCCB4 \uC120\uD0DD",
+      selectAllShortcut: "Ctrl+A",
+      sourceCode: "\uC18C\uC2A4 \uCF54\uB4DC",
+      preview: "\uBBF8\uB9AC\uBCF4\uAE30",
+      fullscreen: "\uC804\uCCB4 \uD654\uBA74",
+      fullscreenShortcut: "Ctrl+Shift+F",
+      image: "\uC774\uBBF8\uC9C0",
+      link: "\uB9C1\uD06C",
+      linkShortcut: "Ctrl+K",
+      insertTable: "\uD45C",
+      horizontalRule: "\uAC00\uB85C\uC904",
+      bold: "\uAD75\uAC8C",
+      boldShortcut: "Ctrl+B",
+      italic: "\uAE30\uC6B8\uC784\uAF34",
+      italicShortcut: "Ctrl+I",
+      underline: "\uBC11\uC904",
+      underlineShortcut: "Ctrl+U",
+      strike: "\uCDE8\uC18C\uC120",
+      superscript: "\uC704 \uCCA8\uC790",
+      subscript: "\uC544\uB798 \uCCA8\uC790",
+      code: "\uCF54\uB4DC",
+      wrap: "\uBE14\uB85D",
+      align: "\uC815\uB82C",
+      clearFormatting: "\uC11C\uC2DD \uC9C0\uC6B0\uAE30",
+      paragraph: "\uB2E8\uB77D",
+      heading1: "\uC81C\uBAA9 1",
+      heading2: "\uC81C\uBAA9 2",
+      heading3: "\uC81C\uBAA9 3",
+      blockquote: "\uC778\uC6A9",
+      codeBlock: "\uCF54\uB4DC \uBE14\uB85D",
+      taskList: "\uC791\uC5C5 \uBAA9\uB85D",
+      alignLeft: "\uC67C\uCABD",
+      alignCenter: "\uAC00\uC6B4\uB370",
+      alignRight: "\uC624\uB978\uCABD",
+      alignJustify: "\uC591\uCABD",
+      tableProperties: "\uD45C \uC18D\uC131",
+      deleteTable: "\uD45C \uC0AD\uC81C",
+      row: "\uD589",
+      column: "\uC5F4",
+      cell: "\uC140",
+      addRowBefore: "\uC704\uC5D0 \uD589 \uC0BD\uC785",
+      addRowAfter: "\uC544\uB798\uC5D0 \uD589 \uC0BD\uC785",
+      deleteRow: "\uD589 \uC0AD\uC81C",
+      addColumnBefore: "\uC67C\uCABD\uC5D0 \uC5F4 \uC0BD\uC785",
+      addColumnAfter: "\uC624\uB978\uCABD\uC5D0 \uC5F4 \uC0BD\uC785",
+      deleteColumn: "\uC5F4 \uC0AD\uC81C",
+      mergeCells: "\uC140 \uBCD1\uD569",
+      splitCell: "\uC140 \uBD84\uD560",
+      imageUpload: "\uC774\uBBF8\uC9C0 \uC5C5\uB85C\uB4DC",
+      applySource: "\uC801\uC6A9",
+      closeDialog: "\uB2EB\uAE30",
+      copyHtml: "HTML \uBCF5\uC0AC",
+      exportDefault: "HTML \uB0B4\uBCF4\uB0B4\uAE30",
+      previewEmpty: "\uBBF8\uB9AC\uBCFC \uB0B4\uC6A9\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
+      sourceCodeHint: "HTML\uC744 \uC9C1\uC811 \uD3B8\uC9D1\uD558\uACE0 \uC801\uC6A9\uC744 \uD074\uB9AD\uD558\uC5EC \uC5D0\uB514\uD130\uB97C \uC5C5\uB370\uC774\uD2B8\uD558\uC138\uC694."
     }
   }
 };
@@ -1754,6 +1985,83 @@ var ja_default = {
       unnamed: "\u540D\u524D\u306A\u3057\u30D5\u30A1\u30A4\u30EB",
       uploading: "(\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u4E2D...)",
       uploadFailed: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u5931\u6557"
+    },
+    menubar: {
+      file: "\u30D5\u30A1\u30A4\u30EB",
+      edit: "\u7DE8\u96C6",
+      view: "\u8868\u793A",
+      insert: "\u633F\u5165",
+      format: "\u66F8\u5F0F",
+      tools: "\u30C4\u30FC\u30EB",
+      table: "\u8868",
+      save: "\u4FDD\u5B58",
+      exportHtml: "HTML\u30A8\u30AF\u30B9\u30DD\u30FC\u30C8",
+      undo: "\u5143\u306B\u623B\u3059",
+      undoShortcut: "Ctrl+Z",
+      redo: "\u3084\u308A\u76F4\u3057",
+      redoShortcut: "Ctrl+Y",
+      cut: "\u5207\u308A\u53D6\u308A",
+      cutShortcut: "Ctrl+X",
+      copy: "\u30B3\u30D4\u30FC",
+      copyShortcut: "Ctrl+C",
+      paste: "\u8CBC\u308A\u4ED8\u3051",
+      pasteShortcut: "Ctrl+V",
+      pasteAsText: "\u30C6\u30AD\u30B9\u30C8\u3068\u3057\u3066\u8CBC\u308A\u4ED8\u3051",
+      selectAll: "\u3059\u3079\u3066\u9078\u629E",
+      selectAllShortcut: "Ctrl+A",
+      sourceCode: "\u30BD\u30FC\u30B9\u30B3\u30FC\u30C9",
+      preview: "\u30D7\u30EC\u30D3\u30E5\u30FC",
+      fullscreen: "\u30D5\u30EB\u30B9\u30AF\u30EA\u30FC\u30F3",
+      fullscreenShortcut: "Ctrl+Shift+F",
+      image: "\u753B\u50CF",
+      link: "\u30EA\u30F3\u30AF",
+      linkShortcut: "Ctrl+K",
+      insertTable: "\u8868",
+      horizontalRule: "\u6C34\u5E73\u7DDA",
+      bold: "\u592A\u5B57",
+      boldShortcut: "Ctrl+B",
+      italic: "\u659C\u4F53",
+      italicShortcut: "Ctrl+I",
+      underline: "\u4E0B\u7DDA",
+      underlineShortcut: "Ctrl+U",
+      strike: "\u53D6\u308A\u6D88\u3057\u7DDA",
+      superscript: "\u4E0A\u4ED8\u304D\u6587\u5B57",
+      subscript: "\u4E0B\u4ED8\u304D\u6587\u5B57",
+      code: "\u30B3\u30FC\u30C9",
+      wrap: "\u30D6\u30ED\u30C3\u30AF",
+      align: "\u914D\u7F6E",
+      clearFormatting: "\u66F8\u5F0F\u3092\u30AF\u30EA\u30A2",
+      paragraph: "\u6BB5\u843D",
+      heading1: "\u898B\u51FA\u3057 1",
+      heading2: "\u898B\u51FA\u3057 2",
+      heading3: "\u898B\u51FA\u3057 3",
+      blockquote: "\u5F15\u7528",
+      codeBlock: "\u30B3\u30FC\u30C9\u30D6\u30ED\u30C3\u30AF",
+      taskList: "\u30BF\u30B9\u30AF\u30EA\u30B9\u30C8",
+      alignLeft: "\u5DE6\u63C3\u3048",
+      alignCenter: "\u4E2D\u592E\u63C3\u3048",
+      alignRight: "\u53F3\u63C3\u3048",
+      alignJustify: "\u4E21\u7AEF\u63C3\u3048",
+      tableProperties: "\u8868\u306E\u30D7\u30ED\u30D1\u30C6\u30A3",
+      deleteTable: "\u8868\u3092\u524A\u9664",
+      row: "\u884C",
+      column: "\u5217",
+      cell: "\u30BB\u30EB",
+      addRowBefore: "\u4E0A\u306B\u884C\u3092\u633F\u5165",
+      addRowAfter: "\u4E0B\u306B\u884C\u3092\u633F\u5165",
+      deleteRow: "\u884C\u3092\u524A\u9664",
+      addColumnBefore: "\u5DE6\u306B\u5217\u3092\u633F\u5165",
+      addColumnAfter: "\u53F3\u306B\u5217\u3092\u633F\u5165",
+      deleteColumn: "\u5217\u3092\u524A\u9664",
+      mergeCells: "\u30BB\u30EB\u3092\u7D50\u5408",
+      splitCell: "\u30BB\u30EB\u3092\u5206\u5272",
+      imageUpload: "\u753B\u50CF\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9",
+      applySource: "\u9069\u7528",
+      closeDialog: "\u9589\u3058\u308B",
+      copyHtml: "HTML\u3092\u30B3\u30D4\u30FC",
+      exportDefault: "HTML\u30A8\u30AF\u30B9\u30DD\u30FC\u30C8",
+      previewEmpty: "\u30D7\u30EC\u30D3\u30E5\u30FC\u3059\u308B\u30B3\u30F3\u30C6\u30F3\u30C4\u304C\u3042\u308A\u307E\u305B\u3093\u3002",
+      sourceCodeHint: "HTML\u3092\u76F4\u63A5\u7DE8\u96C6\u3057\u3001\u9069\u7528\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30A8\u30C7\u30A3\u30BF\u30FC\u3092\u66F4\u65B0\u3057\u307E\u3059\u3002"
     }
   }
 };
@@ -7165,6 +7473,7 @@ var VerticalTabs = ({ sidebarWidth = "w-48", className, ...props }) => {
 
 // src/components/DropdownMenu.tsx
 import React25, { useState as useState17 } from "react";
+import { ChevronRight as ChevronRight2 } from "lucide-react";
 import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 function useResettingIndex(resetToken) {
   const [state, setState] = React25.useState({ resetToken, index: -1 });
@@ -7359,6 +7668,32 @@ var DropdownMenuItem = ({
   }
 );
 var DropdownMenuSeparator = ({ className }) => /* @__PURE__ */ jsx29("div", { className: cn("h-px bg-border my-1", className) });
+var DropdownMenuSub = ({ label, icon: Icon, disabled, children }) => /* @__PURE__ */ jsx29(
+  DropdownMenu,
+  {
+    trigger: /* @__PURE__ */ jsxs21(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onMouseDown: (e) => e.preventDefault(),
+        className: cn(
+          "flex w-full items-center gap-2 px-3 py-2 text-sm rounded-lg transition-colors cursor-pointer",
+          "hover:bg-accent hover:text-accent-foreground",
+          "focus:bg-accent focus:text-accent-foreground focus:outline-none",
+          "disabled:opacity-50 disabled:cursor-not-allowed"
+        ),
+        children: [
+          Icon && /* @__PURE__ */ jsx29(Icon, { className: "w-4 h-4 shrink-0 opacity-60" }),
+          /* @__PURE__ */ jsx29("span", { className: "flex-1 text-left", children: label }),
+          /* @__PURE__ */ jsx29(ChevronRight2, { className: "w-3 h-3 opacity-50" })
+        ]
+      }
+    ),
+    placement: "right",
+    children
+  }
+);
 var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", className }) => /* @__PURE__ */ jsx29(
   DropdownMenu,
   {
@@ -7387,7 +7722,7 @@ var DropdownMenu_default = DropdownMenu;
 
 // src/components/Pagination.tsx
 import * as React27 from "react";
-import { ChevronLeft, ChevronRight as ChevronRight2, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { ChevronLeft, ChevronRight as ChevronRight3, ChevronsLeft, ChevronsRight } from "lucide-react";
 
 // src/components/Combobox.tsx
 import * as React26 from "react";
@@ -8127,7 +8462,7 @@ var Pagination = ({
               ),
               title: labels?.nextPage || t("nextPage"),
               "aria-label": labels?.nextPage || t("nextPage"),
-              children: /* @__PURE__ */ jsx31(ChevronRight2, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx31(ChevronRight3, { className: "h-4 w-4" })
             }
           ),
           showFirstLast && /* @__PURE__ */ jsx31(
@@ -8227,7 +8562,7 @@ var SimplePagination = ({
             disabled || page === totalPages ? "opacity-40 cursor-not-allowed" : "hover:bg-accent hover:text-accent-foreground"
           ),
           "aria-label": t("nextPage"),
-          children: /* @__PURE__ */ jsx31(ChevronRight2, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx31(ChevronRight3, { className: "h-4 w-4" })
         }
       )
     ] }),
@@ -8282,7 +8617,7 @@ var CompactPagination = ({ page, totalPages, onChange, className, disabled = fal
         ),
         title: t("nextPage"),
         "aria-label": t("nextPage"),
-        children: /* @__PURE__ */ jsx31(ChevronRight2, { className: "h-3.5 w-3.5" })
+        children: /* @__PURE__ */ jsx31(ChevronRight3, { className: "h-3.5 w-3.5" })
       }
     ),
     /* @__PURE__ */ jsx31(
@@ -8687,7 +9022,7 @@ function parseDateString(str, locale = "en") {
 }
 
 // src/components/DatePicker.tsx
-import { Calendar, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3, Sparkles, X as XIcon } from "lucide-react";
+import { Calendar, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight4, Sparkles, X as XIcon } from "lucide-react";
 import * as React30 from "react";
 import { useId as useId7 } from "react";
 import { Fragment as Fragment7, jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
@@ -9097,7 +9432,7 @@ var DatePicker = ({
             "hover:scale-110 active:scale-95 hover:shadow-md",
             "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50"
           ),
-          children: /* @__PURE__ */ jsx35(ChevronRight3, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx35(ChevronRight4, { className: "h-4 w-4" })
         }
       )
     ] }),
@@ -9859,7 +10194,7 @@ var DateRangePicker = ({
             "hover:scale-110 active:scale-95 hover:shadow-md",
             "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50"
           ),
-          children: /* @__PURE__ */ jsx35(ChevronRight3, { className: sizeStyles8[size].navIcon })
+          children: /* @__PURE__ */ jsx35(ChevronRight4, { className: sizeStyles8[size].navIcon })
         }
       )
     ] }),
@@ -10069,7 +10404,7 @@ import * as React34 from "react";
 import { Calendar as CalendarIcon, X as X12 } from "lucide-react";
 
 // src/components/Calendar.tsx
-import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight4 } from "lucide-react";
+import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight5 } from "lucide-react";
 import * as React32 from "react";
 
 // src/components/MonthYearPicker.tsx
@@ -11425,7 +11760,7 @@ function Calendar3({
             nextDisabled && "opacity-40 cursor-not-allowed hover:bg-transparent hover:shadow-none active:scale-100"
           ),
           "aria-label": labels?.next || (display === "week" ? "Next week" : "Next month"),
-          children: /* @__PURE__ */ jsx37(ChevronRight4, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx37(ChevronRight5, { className: "h-4 w-4" })
         }
       )
     ] }),
@@ -13741,7 +14076,7 @@ function resourcesById(resources) {
 
 // src/components/CalendarTimeline/CalendarTimelineHeader.tsx
 import * as React36 from "react";
-import { Calendar as Calendar4, CalendarDays, CalendarRange, ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight5, GripVertical, Plus } from "lucide-react";
+import { Calendar as Calendar4, CalendarDays, CalendarRange, ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight6, GripVertical, Plus } from "lucide-react";
 import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 var VIEW_ICONS = {
   month: /* @__PURE__ */ jsx41(CalendarRange, { className: "h-4 w-4" }),
@@ -13943,7 +14278,7 @@ function CalendarTimelineHeader(props) {
               onClick: () => navigate(1),
               "aria-label": labels.next,
               className: cn(sizeConfig.controlButtonIconClass, "rounded-full hover:bg-card/80 transition-all duration-200"),
-              children: /* @__PURE__ */ jsx41(ChevronRight5, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx41(ChevronRight6, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -17845,7 +18180,7 @@ function OverlayControls({
 // src/components/CategoryTreeSelect.tsx
 import { useEffect as useEffect25, useId as useId11, useMemo as useMemo19, useRef as useRef20, useState as useState31 } from "react";
 import { useVirtualizer as useVirtualizer3 } from "@tanstack/react-virtual";
-import { ChevronRight as ChevronRight6, ChevronDown as ChevronDown5, FolderTree, Layers, Search as Search6, SearchX as SearchX3, X as X14 } from "lucide-react";
+import { ChevronRight as ChevronRight7, ChevronDown as ChevronDown5, FolderTree, Layers, Search as Search6, SearchX as SearchX3, X as X14 } from "lucide-react";
 import { jsx as jsx50, jsxs as jsxs39 } from "react/jsx-runtime";
 var defaultLabels = {
   emptyText: "No categories",
@@ -18318,7 +18653,7 @@ function CategoryTreeSelect(props) {
                       shouldAutoExpandSearchResults && "opacity-60 cursor-not-allowed hover:scale-100 active:scale-100"
                     ),
                     disabled: shouldAutoExpandSearchResults,
-                    children: /* @__PURE__ */ jsx50("div", { className: cn("transition-transform duration-200", isExpanded && "rotate-90"), children: /* @__PURE__ */ jsx50(ChevronRight6, { className: "w-4 h-4" }) })
+                    children: /* @__PURE__ */ jsx50("div", { className: cn("transition-transform duration-200", isExpanded && "rotate-90"), children: /* @__PURE__ */ jsx50(ChevronRight7, { className: "w-4 h-4" }) })
                   }
                 ) : /* @__PURE__ */ jsx50("span", { className: TREE_EXPANDER_PLACEHOLDER_CLASS }),
                 viewOnly ? (
@@ -19485,7 +19820,7 @@ function FileUpload({
 
 // src/components/Carousel.tsx
 import * as React46 from "react";
-import { ChevronLeft as ChevronLeft5, ChevronRight as ChevronRight7 } from "lucide-react";
+import { ChevronLeft as ChevronLeft5, ChevronRight as ChevronRight8 } from "lucide-react";
 import { Fragment as Fragment18, jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
 function Carousel({
   children,
@@ -19940,7 +20275,7 @@ function Carousel({
               onClick: scrollNext,
               variant: "ghost",
               size: "icon",
-              icon: ChevronRight7,
+              icon: ChevronRight8,
               noHoverOverlay: true,
               disabled: !loop && currentIndex >= maxIndex,
               className: cn(
@@ -20286,7 +20621,7 @@ function FallingIcons({
 
 // src/components/List.tsx
 import * as React48 from "react";
-import { ChevronRight as ChevronRight8 } from "lucide-react";
+import { ChevronRight as ChevronRight9 } from "lucide-react";
 import { Fragment as Fragment19, jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 var SIZE_STYLES2 = {
   xs: { label: "text-xs", desc: "text-[11px]", icon: "h-3.5 w-3.5", avatar: "h-6 w-6" },
@@ -20473,7 +20808,7 @@ var ListItem = React48.forwardRef(
           "span",
           {
             className: cn("text-muted-foreground shrink-0 transition-transform cursor-pointer select-none", sz.icon, isExpanded && "rotate-90"),
-            children: /* @__PURE__ */ jsx55(ChevronRight8, { className: cn(sz.icon) })
+            children: /* @__PURE__ */ jsx55(ChevronRight9, { className: cn(sz.icon) })
           }
         ) : Right && /* @__PURE__ */ jsx55("span", { className: cn("text-muted-foreground shrink-0", sz.icon), children: /* @__PURE__ */ jsx55(Right, { className: cn(sz.icon) }) })
       ] }),
@@ -24266,7 +24601,7 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-import React81, { useEffect as useEffect38, useImperativeHandle as useImperativeHandle3, useMemo as useMemo24, useRef as useRef36 } from "react";
+import React82, { useEffect as useEffect38, useImperativeHandle as useImperativeHandle3, useMemo as useMemo24, useRef as useRef37 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
@@ -35636,9 +35971,730 @@ function useUEditorTableInteractions(editor, editable = true) {
   };
 }
 
+// src/components/UEditor/menu-bar.tsx
+import React81, { useRef as useRef36, useState as useState49 } from "react";
+import { useEditorState as useEditorState3 } from "@tiptap/react";
+import {
+  AlignCenter as AlignCenter4,
+  AlignJustify as AlignJustify2,
+  AlignLeft as AlignLeft4,
+  AlignRight as AlignRight4,
+  Bold as BoldIcon3,
+  Code as CodeIcon3,
+  FileCode as FileCode4,
+  Heading1 as Heading1Icon2,
+  Heading2 as Heading2Icon2,
+  Heading3 as Heading3Icon2,
+  Image as ImageIcon3,
+  Italic as ItalicIcon3,
+  Link as LinkIcon3,
+  ListTodo as ListTodo3,
+  Maximize2 as Maximize22,
+  Quote as QuoteIcon2,
+  Redo as RedoIcon2,
+  Scissors,
+  Strikethrough as StrikethroughIcon3,
+  Subscript as SubscriptIcon3,
+  Superscript as SuperscriptIcon3,
+  Table as TableIcon3,
+  Trash2 as Trash25,
+  Underline as UnderlineIcon3,
+  Undo as UndoIcon2,
+  Upload as Upload4
+} from "lucide-react";
+import { Fragment as Fragment35, jsx as jsx92, jsxs as jsxs77 } from "react/jsx-runtime";
+function renderMenuItems(items) {
+  return items.map((item, i) => {
+    switch (item.type) {
+      case "separator":
+        return /* @__PURE__ */ jsx92(DropdownMenuSeparator, {}, i);
+      case "action":
+        return /* @__PURE__ */ jsx92(
+          DropdownMenuItem,
+          {
+            label: item.label,
+            icon: item.icon,
+            shortcut: item.shortcut,
+            onClick: item.onClick,
+            disabled: item.disabled,
+            active: item.active,
+            destructive: item.destructive
+          },
+          i
+        );
+      case "sub":
+        return /* @__PURE__ */ jsx92(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
+      case "custom":
+        return /* @__PURE__ */ jsx92(React81.Fragment, { children: item.render() }, item.key);
+    }
+  });
+}
+function buildFileMenuItems(t, editor, { onSave, onExport }) {
+  return [
+    {
+      type: "action",
+      label: t("menubar.save"),
+      shortcut: "Ctrl+S",
+      onClick: () => onSave?.(),
+      disabled: !onSave
+    },
+    {
+      type: "action",
+      label: t("menubar.exportHtml"),
+      onClick: () => {
+        if (onExport) {
+          onExport();
+        } else {
+          const html = editor.getHTML();
+          const blob = new Blob([`<!DOCTYPE html><html><body>${html}</body></html>`], { type: "text/html" });
+          const url = URL.createObjectURL(blob);
+          const a = document.createElement("a");
+          a.href = url;
+          a.download = "document.html";
+          a.click();
+          URL.revokeObjectURL(url);
+        }
+      }
+    }
+  ];
+}
+function buildEditMenuItems(t, editor) {
+  return [
+    {
+      type: "action",
+      label: t("menubar.undo"),
+      icon: UndoIcon2,
+      shortcut: t("menubar.undoShortcut"),
+      onClick: () => editor.chain().focus().undo().run(),
+      disabled: !editor.can().undo()
+    },
+    {
+      type: "action",
+      label: t("menubar.redo"),
+      icon: RedoIcon2,
+      shortcut: t("menubar.redoShortcut"),
+      onClick: () => editor.chain().focus().redo().run(),
+      disabled: !editor.can().redo()
+    },
+    { type: "separator" },
+    {
+      type: "action",
+      label: t("menubar.cut"),
+      icon: Scissors,
+      shortcut: t("menubar.cutShortcut"),
+      onClick: () => document.execCommand("cut")
+    },
+    {
+      type: "action",
+      label: t("menubar.copy"),
+      shortcut: t("menubar.copyShortcut"),
+      onClick: () => document.execCommand("copy")
+    },
+    {
+      type: "action",
+      label: t("menubar.paste"),
+      shortcut: t("menubar.pasteShortcut"),
+      onClick: () => document.execCommand("paste")
+    },
+    {
+      type: "action",
+      label: t("menubar.pasteAsText"),
+      onClick: async () => {
+        try {
+          const text = await navigator.clipboard.readText();
+          editor.chain().focus().insertContent(text).run();
+        } catch {
+          document.execCommand("paste");
+        }
+      }
+    },
+    { type: "separator" },
+    {
+      type: "action",
+      label: t("menubar.selectAll"),
+      shortcut: t("menubar.selectAllShortcut"),
+      onClick: () => editor.chain().focus().selectAll().run()
+    }
+  ];
+}
+function buildViewMenuItems(t, {
+  containerRef,
+  onSourceCode,
+  openSourceDialog,
+  onPreview,
+  openPreviewDialog
+}) {
+  return [
+    {
+      type: "action",
+      label: t("menubar.sourceCode"),
+      icon: FileCode4,
+      onClick: () => onSourceCode ? onSourceCode() : openSourceDialog()
+    },
+    {
+      type: "action",
+      label: t("menubar.preview"),
+      onClick: () => onPreview ? onPreview() : openPreviewDialog()
+    },
+    { type: "separator" },
+    {
+      type: "action",
+      label: t("menubar.fullscreen"),
+      icon: Maximize22,
+      shortcut: t("menubar.fullscreenShortcut"),
+      onClick: () => {
+        const el = containerRef.current;
+        if (!el) return;
+        if (!document.fullscreenElement) {
+          el.requestFullscreen?.();
+        } else {
+          document.exitFullscreen?.();
+        }
+      }
+    }
+  ];
+}
+function buildFormatMenuItems(t, editor) {
+  return [
+    {
+      type: "action",
+      label: t("menubar.bold"),
+      icon: BoldIcon3,
+      shortcut: t("menubar.boldShortcut"),
+      active: editor.isActive("bold"),
+      onClick: () => editor.chain().focus().toggleBold().run()
+    },
+    {
+      type: "action",
+      label: t("menubar.italic"),
+      icon: ItalicIcon3,
+      shortcut: t("menubar.italicShortcut"),
+      active: editor.isActive("italic"),
+      onClick: () => editor.chain().focus().toggleItalic().run()
+    },
+    {
+      type: "action",
+      label: t("menubar.underline"),
+      icon: UnderlineIcon3,
+      shortcut: t("menubar.underlineShortcut"),
+      active: editor.isActive("underline"),
+      onClick: () => editor.chain().focus().toggleUnderline().run()
+    },
+    {
+      type: "action",
+      label: t("menubar.strike"),
+      icon: StrikethroughIcon3,
+      active: editor.isActive("strike"),
+      onClick: () => editor.chain().focus().toggleStrike().run()
+    },
+    {
+      type: "action",
+      label: t("menubar.superscript"),
+      icon: SuperscriptIcon3,
+      active: editor.isActive("superscript"),
+      onClick: () => editor.chain().focus().toggleSuperscript().run()
+    },
+    {
+      type: "action",
+      label: t("menubar.subscript"),
+      icon: SubscriptIcon3,
+      active: editor.isActive("subscript"),
+      onClick: () => editor.chain().focus().toggleSubscript().run()
+    },
+    {
+      type: "action",
+      label: t("menubar.code"),
+      icon: CodeIcon3,
+      active: editor.isActive("code"),
+      onClick: () => editor.chain().focus().toggleCode().run()
+    },
+    { type: "separator" },
+    {
+      type: "sub",
+      label: t("menubar.wrap"),
+      items: [
+        {
+          type: "action",
+          label: t("menubar.paragraph"),
+          active: editor.isActive("paragraph"),
+          onClick: () => editor.chain().focus().setParagraph().run()
+        },
+        {
+          type: "action",
+          label: t("menubar.heading1"),
+          icon: Heading1Icon2,
+          active: editor.isActive("heading", { level: 1 }),
+          onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run()
+        },
+        {
+          type: "action",
+          label: t("menubar.heading2"),
+          icon: Heading2Icon2,
+          active: editor.isActive("heading", { level: 2 }),
+          onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run()
+        },
+        {
+          type: "action",
+          label: t("menubar.heading3"),
+          icon: Heading3Icon2,
+          active: editor.isActive("heading", { level: 3 }),
+          onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run()
+        },
+        { type: "separator" },
+        {
+          type: "action",
+          label: t("menubar.blockquote"),
+          icon: QuoteIcon2,
+          active: editor.isActive("blockquote"),
+          onClick: () => editor.chain().focus().toggleBlockquote().run()
+        },
+        {
+          type: "action",
+          label: t("menubar.codeBlock"),
+          icon: FileCode4,
+          active: editor.isActive("codeBlock"),
+          onClick: () => editor.chain().focus().toggleCodeBlock().run()
+        },
+        {
+          type: "action",
+          label: t("menubar.taskList"),
+          icon: ListTodo3,
+          active: editor.isActive("taskList"),
+          onClick: () => editor.chain().focus().toggleTaskList().run()
+        }
+      ]
+    },
+    {
+      type: "sub",
+      label: t("menubar.align"),
+      items: [
+        {
+          type: "action",
+          label: t("menubar.alignLeft"),
+          icon: AlignLeft4,
+          active: editor.isActive({ textAlign: "left" }),
+          onClick: () => editor.chain().focus().setTextAlign("left").run()
+        },
+        {
+          type: "action",
+          label: t("menubar.alignCenter"),
+          icon: AlignCenter4,
+          active: editor.isActive({ textAlign: "center" }),
+          onClick: () => editor.chain().focus().setTextAlign("center").run()
+        },
+        {
+          type: "action",
+          label: t("menubar.alignRight"),
+          icon: AlignRight4,
+          active: editor.isActive({ textAlign: "right" }),
+          onClick: () => editor.chain().focus().setTextAlign("right").run()
+        },
+        {
+          type: "action",
+          label: t("menubar.alignJustify"),
+          icon: AlignJustify2,
+          active: editor.isActive({ textAlign: "justify" }),
+          onClick: () => editor.chain().focus().setTextAlign("justify").run()
+        }
+      ]
+    },
+    { type: "separator" },
+    {
+      type: "action",
+      label: t("menubar.clearFormatting"),
+      onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run()
+    }
+  ];
+}
+function buildToolsMenuItems(t, { onSourceCode, openSourceDialog }) {
+  return [
+    {
+      type: "action",
+      label: t("menubar.sourceCode"),
+      icon: FileCode4,
+      onClick: () => onSourceCode ? onSourceCode() : openSourceDialog()
+    }
+  ];
+}
+function buildTableMenuItems(t, editor, onInsertTable) {
+  const inTable = getTableAnchorPos(editor) !== null;
+  return [
+    {
+      type: "sub",
+      label: t("menubar.insertTable"),
+      icon: TableIcon3,
+      items: [
+        {
+          type: "custom",
+          key: "table-insert-grid",
+          render: () => /* @__PURE__ */ jsx92(
+            TableInsertGrid,
+            {
+              insertLabel: t("tableMenu.insertTable"),
+              previewTemplate: t("tableMenu.gridPreview"),
+              onInsert: onInsertTable
+            }
+          )
+        }
+      ]
+    },
+    {
+      type: "action",
+      label: t("menubar.tableProperties"),
+      disabled: true,
+      onClick: () => {
+      }
+    },
+    {
+      type: "action",
+      label: t("menubar.deleteTable"),
+      icon: Trash25,
+      destructive: true,
+      disabled: !inTable,
+      onClick: () => editor.chain().focus().deleteTable().run()
+    },
+    { type: "separator" },
+    {
+      type: "sub",
+      label: t("menubar.row"),
+      disabled: !inTable,
+      items: [
+        {
+          type: "action",
+          label: t("menubar.addRowBefore"),
+          onClick: () => editor.chain().focus().addRowBefore().run()
+        },
+        {
+          type: "action",
+          label: t("menubar.addRowAfter"),
+          onClick: () => editor.chain().focus().addRowAfter().run()
+        },
+        { type: "separator" },
+        {
+          type: "action",
+          label: t("menubar.deleteRow"),
+          destructive: true,
+          onClick: () => editor.chain().focus().deleteRow().run()
+        }
+      ]
+    },
+    {
+      type: "sub",
+      label: t("menubar.column"),
+      disabled: !inTable,
+      items: [
+        {
+          type: "action",
+          label: t("menubar.addColumnBefore"),
+          onClick: () => editor.chain().focus().addColumnBefore().run()
+        },
+        {
+          type: "action",
+          label: t("menubar.addColumnAfter"),
+          onClick: () => editor.chain().focus().addColumnAfter().run()
+        },
+        { type: "separator" },
+        {
+          type: "action",
+          label: t("menubar.deleteColumn"),
+          destructive: true,
+          onClick: () => editor.chain().focus().deleteColumn().run()
+        }
+      ]
+    },
+    {
+      type: "sub",
+      label: t("menubar.cell"),
+      disabled: !inTable,
+      items: [
+        {
+          type: "action",
+          label: t("menubar.mergeCells"),
+          onClick: () => editor.chain().focus().mergeCells().run(),
+          disabled: !editor.can().mergeCells()
+        },
+        {
+          type: "action",
+          label: t("menubar.splitCell"),
+          onClick: () => editor.chain().focus().splitCell().run(),
+          disabled: !editor.can().splitCell()
+        }
+      ]
+    }
+  ];
+}
+var MenuBarTrigger = React81.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx92(
+    "button",
+    {
+      ref,
+      type: "button",
+      onMouseDown: (e) => e.preventDefault(),
+      className: cn(
+        "px-2 py-0.5 rounded text-sm transition-colors cursor-pointer",
+        "hover:bg-accent hover:text-accent-foreground",
+        "focus:outline-none focus:bg-accent focus:text-accent-foreground",
+        className
+      ),
+      ...props,
+      children
+    }
+  )
+);
+MenuBarTrigger.displayName = "MenuBarTrigger";
+var MenuBar = ({
+  editor,
+  containerRef,
+  uploadImage,
+  imageInsertMode = "base64",
+  maxImageFileSize = DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE,
+  allowedImageMimeTypes = DEFAULT_UEDITOR_IMAGE_MIME_TYPES,
+  onSave,
+  onExport,
+  onSourceCode,
+  onPreview
+}) => {
+  const t = useSmartTranslations("UEditor");
+  useEditorState3({
+    editor,
+    selector: ({ transactionNumber }) => transactionNumber
+  });
+  const fileInputRef = useRef36(null);
+  const [showImageInput, setShowImageInput] = useState49(false);
+  const [showLinkInput, setShowLinkInput] = useState49(false);
+  const [isInsertMenuOpen, setIsInsertMenuOpen] = useState49(false);
+  const [showSourceDialog, setShowSourceDialog] = useState49(false);
+  const [sourceHtml, setSourceHtml] = useState49("");
+  const [showPreviewDialog, setShowPreviewDialog] = useState49(false);
+  const openSourceDialog = () => {
+    setSourceHtml(editor.getHTML());
+    setShowSourceDialog(true);
+  };
+  const openPreviewDialog = () => {
+    setShowPreviewDialog(true);
+  };
+  const applySourceHtml = () => {
+    editor.chain().focus().setContent(sourceHtml).run();
+    setShowSourceDialog(false);
+  };
+  const closeInsertMenu = () => {
+    setIsInsertMenuOpen(false);
+    setShowImageInput(false);
+    setShowLinkInput(false);
+  };
+  const handleImageUrl = (url, alt) => {
+    const safe = sanitizeUEditorUrl(url, "image");
+    if (safe) {
+      editor.chain().focus().setImage({ src: safe, alt: alt ?? "" }).run();
+      editor.commands.createParagraphNear();
+    }
+    closeInsertMenu();
+  };
+  const handleImageFiles = async (files) => {
+    if (!files?.length) return;
+    for (const file of Array.from(files)) {
+      if (!file.type.startsWith("image/")) continue;
+      if (file.size > maxImageFileSize) continue;
+      if (allowedImageMimeTypes.length > 0 && !allowedImageMimeTypes.includes(file.type)) continue;
+      try {
+        const src = imageInsertMode === "upload" && uploadImage ? await uploadImage(file) : await fileToDataUrl2(file);
+        const safe = sanitizeUEditorUrl(src, "image");
+        if (!safe) continue;
+        editor.chain().focus().setImage({ src: safe, alt: file.name }).run();
+        editor.commands.createParagraphNear();
+      } catch {
+      }
+    }
+    setIsInsertMenuOpen(false);
+  };
+  const handleInsertTable = (rows, cols) => {
+    editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
+    closeInsertMenu();
+  };
+  const handleLinkSubmit = (url) => {
+    editor.chain().focus().setLink({ href: url }).run();
+    closeInsertMenu();
+  };
+  const insertMenuItems = [
+    {
+      type: "custom",
+      key: "image",
+      render: () => showImageInput ? /* @__PURE__ */ jsx92(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ jsxs77(Fragment35, { children: [
+        /* @__PURE__ */ jsx92(DropdownMenuItem, { label: t("menubar.image"), icon: ImageIcon3, onClick: () => setShowImageInput(true) }),
+        /* @__PURE__ */ jsx92(
+          DropdownMenuItem,
+          {
+            label: t("menubar.imageUpload"),
+            icon: Upload4,
+            onClick: () => fileInputRef.current?.click()
+          }
+        )
+      ] })
+    },
+    { type: "separator" },
+    {
+      type: "custom",
+      key: "link",
+      render: () => showLinkInput ? /* @__PURE__ */ jsx92(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ jsx92(
+        DropdownMenuItem,
+        {
+          label: t("menubar.link"),
+          icon: LinkIcon3,
+          shortcut: t("menubar.linkShortcut"),
+          onClick: () => setShowLinkInput(true)
+        }
+      )
+    },
+    { type: "separator" },
+    {
+      type: "sub",
+      label: t("menubar.insertTable"),
+      icon: TableIcon3,
+      items: [
+        {
+          type: "custom",
+          key: "table-grid",
+          render: () => /* @__PURE__ */ jsx92(
+            TableInsertGrid,
+            {
+              insertLabel: t("tableMenu.insertTable"),
+              previewTemplate: t("tableMenu.gridPreview"),
+              onInsert: handleInsertTable
+            }
+          )
+        }
+      ]
+    },
+    { type: "separator" },
+    {
+      type: "action",
+      label: t("menubar.horizontalRule"),
+      onClick: () => editor.chain().focus().setHorizontalRule().run()
+    }
+  ];
+  const menus = [
+    {
+      label: t("menubar.file"),
+      items: buildFileMenuItems(t, editor, { onSave, onExport }),
+      open: void 0,
+      onOpenChange: void 0
+    },
+    { label: t("menubar.edit"), items: buildEditMenuItems(t, editor), open: void 0, onOpenChange: void 0 },
+    {
+      label: t("menubar.view"),
+      items: buildViewMenuItems(t, { containerRef, onSourceCode, openSourceDialog, onPreview, openPreviewDialog }),
+      open: void 0,
+      onOpenChange: void 0
+    },
+    {
+      label: t("menubar.insert"),
+      items: insertMenuItems,
+      open: isInsertMenuOpen,
+      onOpenChange: (open) => {
+        setIsInsertMenuOpen(open);
+        if (!open) {
+          setShowImageInput(false);
+          setShowLinkInput(false);
+        }
+      }
+    },
+    { label: t("menubar.format"), items: buildFormatMenuItems(t, editor), open: void 0, onOpenChange: void 0 },
+    {
+      label: t("menubar.tools"),
+      items: buildToolsMenuItems(t, { onSourceCode, openSourceDialog }),
+      open: void 0,
+      onOpenChange: void 0
+    },
+    { label: t("menubar.table"), items: buildTableMenuItems(t, editor, handleInsertTable), open: void 0, onOpenChange: void 0 }
+  ];
+  return /* @__PURE__ */ jsxs77(Fragment35, { children: [
+    /* @__PURE__ */ jsx92(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        accept: allowedImageMimeTypes.join(","),
+        multiple: true,
+        className: "hidden",
+        onChange: (e) => handleImageFiles(e.target.files)
+      }
+    ),
+    /* @__PURE__ */ jsx92("div", { className: "flex items-center gap-0.5 border-b border-border/35 bg-muted/20 px-1.5 py-0.5", children: menus.map(({ label, items, open, onOpenChange }) => /* @__PURE__ */ jsx92(
+      DropdownMenu,
+      {
+        trigger: /* @__PURE__ */ jsx92(MenuBarTrigger, { children: label }),
+        placement: "bottom-start",
+        isOpen: open,
+        onOpenChange,
+        children: renderMenuItems(items)
+      },
+      label
+    )) }),
+    /* @__PURE__ */ jsx92(
+      Modal_default,
+      {
+        isOpen: showSourceDialog,
+        onClose: () => setShowSourceDialog(false),
+        title: t("menubar.sourceCode"),
+        size: "lg",
+        children: /* @__PURE__ */ jsxs77("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx92("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
+          /* @__PURE__ */ jsx92(
+            "textarea",
+            {
+              "data-testid": "source-code-textarea",
+              className: "w-full h-64 font-mono text-xs p-3 bg-muted rounded-lg border border-border resize-y focus:outline-none focus:ring-2 focus:ring-primary/20",
+              value: sourceHtml,
+              onChange: (e) => setSourceHtml(e.target.value),
+              spellCheck: false
+            }
+          ),
+          /* @__PURE__ */ jsxs77("div", { className: "flex gap-2 justify-end", children: [
+            /* @__PURE__ */ jsx92(
+              "button",
+              {
+                type: "button",
+                onClick: applySourceHtml,
+                className: "px-4 py-2 bg-primary text-primary-foreground rounded-lg text-sm hover:bg-primary/90 transition-colors",
+                children: t("menubar.applySource")
+              }
+            ),
+            /* @__PURE__ */ jsx92(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowSourceDialog(false),
+                className: "px-4 py-2 bg-muted rounded-lg text-sm hover:bg-accent transition-colors",
+                children: t("menubar.closeDialog")
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx92(
+      Modal_default,
+      {
+        isOpen: showPreviewDialog,
+        onClose: () => setShowPreviewDialog(false),
+        title: t("menubar.preview"),
+        size: "lg",
+        children: editor.isEmpty ? /* @__PURE__ */ jsx92("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ jsx92(
+          "div",
+          {
+            "data-testid": "preview-content",
+            className: "prose prose-sm sm:prose dark:prose-invert max-w-none p-2",
+            dangerouslySetInnerHTML: { __html: editor.getHTML() }
+          }
+        )
+      }
+    )
+  ] });
+};
+
 // src/components/UEditor/UEditor.tsx
-import { jsx as jsx92, jsxs as jsxs77 } from "react/jsx-runtime";
-var UEditor = React81.forwardRef(({
+import { jsx as jsx93, jsxs as jsxs78 } from "react/jsx-runtime";
+var UEditor = React82.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -35670,12 +36726,17 @@ var UEditor = React81.forwardRef(({
   uploadFile,
   uploadFileForSave,
   collaborationOptions,
-  extraExtensions
+  extraExtensions,
+  showMenuBar = false,
+  onSave,
+  onExport,
+  onSourceCode,
+  onPreview
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = useRef36(null);
-  const lastAppliedContentRef = useRef36(content ?? "");
+  const inFlightPrepareRef = useRef37(null);
+  const lastAppliedContentRef = useRef37(content ?? "");
   const resolvedUploadFile = useMemo24(() => {
     if (uploadFile) return uploadFile;
     if (uploadFileForSave) {
@@ -35791,7 +36852,7 @@ var UEditor = React81.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx92(
+    return /* @__PURE__ */ jsx93(
       "div",
       {
         className: cn("w-full rounded-lg border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -35800,7 +36861,7 @@ var UEditor = React81.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs78(
     "div",
     {
       className: cn(
@@ -35815,7 +36876,22 @@ var UEditor = React81.forwardRef(({
         className
       ),
       children: [
-        editable && showToolbar && /* @__PURE__ */ jsx92(
+        editable && showMenuBar && /* @__PURE__ */ jsx93(
+          MenuBar,
+          {
+            editor,
+            containerRef: editorContentRef,
+            uploadImage,
+            imageInsertMode,
+            maxImageFileSize,
+            allowedImageMimeTypes,
+            onSave,
+            onExport,
+            onSourceCode,
+            onPreview
+          }
+        ),
+        editable && showToolbar && /* @__PURE__ */ jsx93(
           EditorToolbar,
           {
             editor,
@@ -35830,7 +36906,7 @@ var UEditor = React81.forwardRef(({
             letterSpacings
           }
         ),
-        editable && showBubbleMenu && /* @__PURE__ */ jsx92(
+        editable && showBubbleMenu && /* @__PURE__ */ jsx93(
           CustomBubbleMenu,
           {
             editor,
@@ -35838,8 +36914,8 @@ var UEditor = React81.forwardRef(({
             lineHeights
           }
         ),
-        editable && showFloatingMenu && /* @__PURE__ */ jsx92(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ jsxs77(
+        editable && showFloatingMenu && /* @__PURE__ */ jsx93(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ jsxs78(
           "div",
           {
             ref: editorContentRef,
@@ -35849,7 +36925,7 @@ var UEditor = React81.forwardRef(({
               maxHeight
             },
             children: [
-              /* @__PURE__ */ jsx92(
+              /* @__PURE__ */ jsx93(
                 "span",
                 {
                   ref: tableColumnGuideRef,
@@ -35857,7 +36933,7 @@ var UEditor = React81.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ jsx92(
+              /* @__PURE__ */ jsx93(
                 "span",
                 {
                   ref: tableRowGuideRef,
@@ -35865,7 +36941,7 @@ var UEditor = React81.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ jsx92(
+              /* @__PURE__ */ jsx93(
                 "span",
                 {
                   ref: activeTableCellHighlightRef,
@@ -35874,8 +36950,8 @@ var UEditor = React81.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10 transition-[left,top,width,height] duration-100"
                 }
               ),
-              editable && /* @__PURE__ */ jsx92(TableControls, { editor, containerRef: editorContentRef }),
-              /* @__PURE__ */ jsx92(
+              editable && /* @__PURE__ */ jsx93(TableControls, { editor, containerRef: editorContentRef }),
+              /* @__PURE__ */ jsx93(
                 EditorContent,
                 {
                   editor,
@@ -35885,7 +36961,7 @@ var UEditor = React81.forwardRef(({
             ]
           }
         ),
-        showCharacterCount && /* @__PURE__ */ jsx92(CharacterCountDisplay, { editor, maxCharacters })
+        showCharacterCount && /* @__PURE__ */ jsx93(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );