@forgedevstack/ink 1.1.9 → 1.2.0

package/dist/components/InkEditor/InkEditor.js

@@ -1,935 +1,998 @@
-import { jsxs as B, jsx as r, Fragment as dl } from "react/jsx-runtime";
-import { useRef as D, useState as c, useEffect as S } from "react";
-import { INK_MIN_HEIGHT as Tl, NUMBER_ZERO as p, NUMBER_ONE as Cn, INK_DEFAULT_TEXT_COLOR as fl, INK_DEFAULT_HIGHLIGHT_COLOR as El, INK_TABLE_COL_RESIZE_EDGE_PX as Nn } from "../../constants/numbers.js";
-import { EMPTY_STRING as M, INK_TOOLBAR_MORE_TITLE as In, CONTEXT_MENU_LABEL_GRAPH_BAR as ml, CONTEXT_MENU_ID_GRAPH_BAR as pl, CONTEXT_MENU_LABEL_GRAPH_LINE as Ll, CONTEXT_MENU_ID_GRAPH_LINE as Ol, CONTEXT_MENU_LABEL_GRAPH_PIE as Cl, CONTEXT_MENU_ID_GRAPH_PIE as Nl, CONTEXT_MENU_LABEL_GRAPH_EDIT as Il, CONTEXT_MENU_ID_GRAPH_EDIT as Al, CONTEXT_MENU_LABEL_GRAPH_COLORS as hl, CONTEXT_MENU_ID_GRAPH_COLORS as gl, CONTEXT_MENU_LABEL_GRAPH_AI as Rl, CONTEXT_MENU_ID_GRAPH_AI as bl, INK_FOOTER_WORDS_LABEL as Sl, INK_FOOTER_DOT as Bl, INK_FOOTER_CHARS_LABEL as Dl, INK_FOOTER_LINE_LABEL as Ml, INK_FOOTER_COL_LABEL as Hl, INK_FOOTER_SYNCED_LABEL as kl, INK_FULLSCREEN_EXIT_TITLE as Pl, INK_FULLSCREEN_TITLE as Ul, INK_OUTLINE_TOGGLE_TITLE as vl, INK_HTML_SOURCE_TITLE as wl, INK_HTML_SOURCE_LABEL as Kl, INK_CODE_LABEL as Fl, INK_AI_PILL_LABEL as ut, INK_TITLES_DEFAULT_TEXT as An, INK_LINK_PROMPT as yl, INK_LINK_PROMPT_DEFAULT as xl } from "../../constants/generals.const.js";
-import { TOOLBAR_OPTION_FONT_DROPDOWN as hn, TOOLBAR_OPTION_LIST_DROPDOWN as gn, TOOLBAR_OPTION_CHECKLIST as Re, TOOLBAR_OPTION_TITLES as Rn, TOOLBAR_OPTION_EXCEL as bn, TOOLBAR_OPTION_GRAPH as Sn, TOOLBAR_OPTION_THEME as Bn, TOOLBAR_OPTION_FULLSCREEN as Dn, TOOLBAR_OPTION_OUTLINE as Mn, TOOLBAR_OPTION_HTML_SOURCE as Hn, TOOLBAR_OPTION_SIGNATURE as kn, TOOLBAR_OPTION_FIND_REPLACE as Pn, TOOLBAR_OPTION_FIND_REPLACE_DROPDOWN as Un, TOOLBAR_OPTION_HORIZONTAL_RULE as vn } from "../../constants/toolbar.const.js";
-import { TOOLBAR_SHOW_CONTROL_LABEL as Xl, TOOLBAR_SHOW_CONTROL_ARIA_LABEL as Gl, AGENT_BAR_PLACEHOLDER as Wl, CONTEXT_MENU_LABEL_SHOW_TOOLBAR as Vl, CONTEXT_MENU_ID_SHOW_TOOLBAR as Yl, TOOLBAR_CONTEXT_MENU_LABEL_CUSTOMIZE as zl, TOOLBAR_CONTEXT_MENU_ID_CUSTOMIZE as $l, TOOLBAR_CONTEXT_MENU_LABEL_HIDE as ql, TOOLBAR_CONTEXT_MENU_ID_HIDE as jl, TOOLBAR_OPTION_HINTS as O, TOOLBAR_OPTION_DIVIDER as wn } from "../../constants/toolbarMenu.const.js";
-import { INK_DEFAULT_COLOR_MODE as Zl, COLOR_MODE_SYSTEM as Ql } from "../../constants/colorMode.const.js";
-import { KEY_TAB as Jl, KEY_ENTER as ei, KEY_ESCAPE as ti, KEY_K as ni, KEY_Z as oi } from "../../constants/keyboard.const.js";
-import { FONT_VALUE_SYSTEM as ri, INK_FONT_OPTIONS as li, FONT_DROPDOWN_TITLE as ii } from "../../constants/fonts.const.js";
-import { LIST_VALUE_BULLET as ci, INK_LIST_OPTIONS as si, LIST_DROPDOWN_TITLE as ai } from "../../constants/lists.const.js";
-import { FIND_REPLACE_FOCUS_FIND as be, INK_FIND_REPLACE_OPTIONS as ui, FIND_REPLACE_DROPDOWN_TITLE as _i, FIND_REPLACE_FOCUS_REPLACE as di, FIND_REPLACE_VALUE_REPLACE as Ti } from "../../constants/findReplaceMenu.const.js";
-import { BLOCK_DROP_POSITION_BEFORE as fi, DIR_LTR as Ei, DIR_RTL as mi } from "../../constants/blocks.const.js";
-import { INK_PLACEHOLDER_DEFAULT as pi, INK_DEFAULT_VARIANT as Li, INK_DEFAULT_CHROME as Oi, INK_DEFAULT_AUTHOR as Ci, INK_TABLE_DEFAULT_ROWS as Ni, INK_TABLE_DEFAULT_COLS as Ii, INK_DEFAULT_FEATURES as Ai, INK_CHROME_TOOLBAR as hi, INK_DEFAULT_TOOLBAR as gi, INK_VARIANT_DOCUMENT as Kn, INK_CLASS_TOOLBAR_SHOW as Ri, INK_CLASS_TOOLBAR as bi, INK_CLASS_TOOLBAR_MEASURE as Si, INK_CLASS_TOOLBAR_ROW as Bi, INK_ATTR_MORE as Di, INK_CLASS_TOOLBAR_OVERFLOW as Mi, INK_CLASS_TOOLBAR_HINT as Hi, INK_CLASS_SHELL as ki, INK_CLASS_BODY as Pi, INK_CLASS_CONTENT as Fn, INK_CLASS_CONTENT_HIDDEN as Ui, INK_CLASS_FOOTER as vi, INK_CLASS_FOOTER_META as wi, INK_CLASS_TABLE_RESIZE as Te, INK_CLASS_DIVIDER as Ki, INK_HEADING_OPTIONS as Fi, INK_CLASS_BUTTON_WIDE as yn, INK_CLASS_BUTTON_LABEL as xn, INK_BUTTON_CONFIG as _t, INK_CLASS_AI_PILL as Xn, INK_CLASS_AI_PILL_INSTALLED as yi, INK_CLASS_AI_PILL_DOT as xi, INK_ATTR_GRAPH as Xi, INK_CLASS_BLOCK_ACTIVE as Gi, INK_ATTR_GRAPH_POINTS as Gn, INK_ATTR_GRAPH_COLORS as Wi, INK_CHECKLIST_HTML as Wn, INK_CALLOUT_HTML as Vi, INK_FORMAT_BLOCK_PRE as Yi, INK_FORMAT_BLOCK_QUOTE as zi, INK_FORMAT_BLOCK_P as $i, INK_FORMAT_BLOCK_H3 as qi, INK_FORMAT_BLOCK_H2 as ji, INK_FORMAT_BLOCK_H1 as Zi, INK_CLASS_ROOT as Qi } from "../../constants/defaults.const.js";
-import { INK_AI_DEMO_PROVIDER_ID as Ji } from "../../constants/aiModels.const.js";
+import { jsxs as R, jsx as r, Fragment as Wl } from "react/jsx-runtime";
+import { useRef as B, useState as i, useEffect as M } from "react";
+import { INK_MIN_HEIGHT as Vl, NUMBER_ZERO as O, NUMBER_ONE as yn, INK_DEFAULT_TEXT_COLOR as Yl, INK_DEFAULT_HIGHLIGHT_COLOR as zl, INK_TABLE_COL_RESIZE_EDGE_PX as Fn } from "../../constants/numbers.js";
+import { EMPTY_STRING as P, INK_TOOLBAR_MORE_TITLE as Kn, CONTEXT_MENU_LABEL_GRAPH_BAR as $l, CONTEXT_MENU_ID_GRAPH_BAR as ql, CONTEXT_MENU_LABEL_GRAPH_LINE as jl, CONTEXT_MENU_ID_GRAPH_LINE as Ql, CONTEXT_MENU_LABEL_GRAPH_PIE as Zl, CONTEXT_MENU_ID_GRAPH_PIE as Jl, CONTEXT_MENU_LABEL_GRAPH_EDIT as ei, CONTEXT_MENU_ID_GRAPH_EDIT as ti, CONTEXT_MENU_LABEL_GRAPH_COLORS as ni, CONTEXT_MENU_ID_GRAPH_COLORS as oi, CONTEXT_MENU_LABEL_GRAPH_AI as ri, CONTEXT_MENU_ID_GRAPH_AI as li, INK_FOOTER_WORDS_LABEL as ii, INK_FOOTER_DOT as ci, INK_FOOTER_CHARS_LABEL as si, INK_FOOTER_LINE_LABEL as ai, INK_FOOTER_COL_LABEL as ui, INK_FOOTER_SYNCED_LABEL as _i, INK_FULLSCREEN_EXIT_TITLE as di, INK_FULLSCREEN_TITLE as fi, INK_OUTLINE_TOGGLE_TITLE as Ti, INK_HTML_SOURCE_TITLE as Ei, INK_HTML_SOURCE_LABEL as mi, INK_CODE_LABEL as pi, INK_AI_PILL_LABEL as mt, INK_TITLES_DEFAULT_TEXT as xn, INK_LINK_PROMPT as Oi, INK_LINK_PROMPT_DEFAULT as Li } from "../../constants/generals.const.js";
+import { TOOLBAR_OPTION_FONT_DROPDOWN as Xn, TOOLBAR_OPTION_LIST_DROPDOWN as Gn, TOOLBAR_OPTION_CHECKLIST as Pe, TOOLBAR_OPTION_TITLES as Wn, TOOLBAR_OPTION_EXCEL as Vn, TOOLBAR_OPTION_GRAPH as Yn, TOOLBAR_OPTION_THEME as zn, TOOLBAR_OPTION_FULLSCREEN as $n, TOOLBAR_OPTION_OUTLINE as qn, TOOLBAR_OPTION_IMPORT_MARKDOWN as Ci, TOOLBAR_OPTION_EXPORT_MARKDOWN as jn, TOOLBAR_OPTION_EXPORT_DOCX as Ni, TOOLBAR_OPTION_EXPORT_PDF as Qn, TOOLBAR_OPTION_VERSIONS as Zn, TOOLBAR_OPTION_FORMAT_PAINTER as Jn, TOOLBAR_OPTION_CHANGE_CASE as Ii, TOOLBAR_OPTION_HTML_SOURCE as eo, TOOLBAR_OPTION_SIGNATURE as to, TOOLBAR_OPTION_FIND_REPLACE as no, TOOLBAR_OPTION_FIND_REPLACE_DROPDOWN as oo, TOOLBAR_OPTION_HORIZONTAL_RULE as ro } from "../../constants/toolbar.const.js";
+import { TOOLBAR_SHOW_CONTROL_LABEL as Ai, TOOLBAR_SHOW_CONTROL_ARIA_LABEL as hi, AGENT_BAR_PLACEHOLDER as gi, CONTEXT_MENU_LABEL_SHOW_TOOLBAR as bi, CONTEXT_MENU_ID_SHOW_TOOLBAR as Ri, TOOLBAR_CONTEXT_MENU_LABEL_CUSTOMIZE as Si, TOOLBAR_CONTEXT_MENU_ID_CUSTOMIZE as Bi, TOOLBAR_CONTEXT_MENU_LABEL_HIDE as Mi, TOOLBAR_CONTEXT_MENU_ID_HIDE as Di, TOOLBAR_OPTION_HINTS as C, TOOLBAR_OPTION_DIVIDER as lo } from "../../constants/toolbarMenu.const.js";
+import { INK_DEFAULT_COLOR_MODE as Pi, COLOR_MODE_SYSTEM as Hi } from "../../constants/colorMode.const.js";
+import { KEY_TAB as ki, KEY_ENTER as vi, KEY_ESCAPE as Ui, KEY_K as wi, KEY_Z as yi } from "../../constants/keyboard.const.js";
+import { FONT_VALUE_SYSTEM as Fi, INK_FONT_OPTIONS as Ki, FONT_DROPDOWN_TITLE as xi } from "../../constants/fonts.const.js";
+import { LIST_VALUE_BULLET as Xi, INK_LIST_OPTIONS as Gi, LIST_DROPDOWN_TITLE as Wi } from "../../constants/lists.const.js";
+import { FIND_REPLACE_FOCUS_FIND as He, INK_FIND_REPLACE_OPTIONS as Vi, FIND_REPLACE_DROPDOWN_TITLE as Yi, FIND_REPLACE_FOCUS_REPLACE as zi, FIND_REPLACE_VALUE_REPLACE as $i } from "../../constants/findReplaceMenu.const.js";
+import { BLOCK_DROP_POSITION_BEFORE as qi, DIR_LTR as ji, DIR_RTL as Qi } from "../../constants/blocks.const.js";
+import { INK_PLACEHOLDER_DEFAULT as Zi, INK_DEFAULT_VARIANT as Ji, INK_DEFAULT_CHROME as ec, INK_DEFAULT_AUTHOR as tc, INK_TABLE_DEFAULT_ROWS as nc, INK_TABLE_DEFAULT_COLS as oc, INK_DEFAULT_FEATURES as rc, INK_CHROME_TOOLBAR as lc, INK_DEFAULT_TOOLBAR as ic, INK_VARIANT_DOCUMENT as io, INK_CLASS_TOOLBAR_SHOW as cc, INK_CLASS_TOOLBAR as sc, INK_CLASS_TOOLBAR_MEASURE as ac, INK_CLASS_TOOLBAR_ROW as uc, INK_ATTR_MORE as _c, INK_CLASS_TOOLBAR_OVERFLOW as dc, INK_CLASS_TOOLBAR_HINT as fc, INK_CLASS_SHELL as Tc, INK_CLASS_BODY as Ec, INK_CLASS_CONTENT as co, INK_CLASS_CONTENT_HIDDEN as mc, INK_CLASS_FOOTER as pc, INK_CLASS_FOOTER_META as Oc, INK_CLASS_TABLE_RESIZE as pe, INK_CLASS_DIVIDER as Lc, INK_HEADING_OPTIONS as Cc, INK_CLASS_BUTTON_WIDE as so, INK_CLASS_BUTTON_LABEL as ao, INK_BUTTON_CONFIG as pt, INK_CLASS_AI_PILL as uo, INK_CLASS_AI_PILL_INSTALLED as Nc, INK_CLASS_AI_PILL_DOT as Ic, INK_ATTR_GRAPH as Ac, INK_CLASS_BLOCK_ACTIVE as hc, INK_ATTR_GRAPH_POINTS as _o, INK_ATTR_GRAPH_COLORS as gc, INK_CHECKLIST_HTML as fo, INK_CALLOUT_HTML as bc, INK_FORMAT_BLOCK_PRE as Rc, INK_FORMAT_BLOCK_QUOTE as Sc, INK_FORMAT_BLOCK_P as Bc, INK_FORMAT_BLOCK_H3 as Mc, INK_FORMAT_BLOCK_H2 as Dc, INK_FORMAT_BLOCK_H1 as Pc, INK_CLASS_ROOT as Hc } from "../../constants/defaults.const.js";
+import { INK_AI_DEMO_PROVIDER_ID as To } from "../../constants/aiModels.const.js";
 import "../../constants/openai.const.js";
-import { INK_DEFAULT_ICONS as Vn } from "../../constants/defaultIcons.js";
-import { CONTEXT_MENU_LABEL_TABLE_ROW_ABOVE as ec, CONTEXT_MENU_ID_TABLE_ROW_ABOVE as tc, CONTEXT_MENU_LABEL_TABLE_ROW_BELOW as nc, CONTEXT_MENU_ID_TABLE_ROW_BELOW as oc, CONTEXT_MENU_LABEL_TABLE_COL_LEFT as rc, CONTEXT_MENU_ID_TABLE_COL_LEFT as lc, CONTEXT_MENU_LABEL_TABLE_COL_RIGHT as ic, CONTEXT_MENU_ID_TABLE_COL_RIGHT as cc, CONTEXT_MENU_LABEL_TABLE_DELETE_ROW as sc, CONTEXT_MENU_ID_TABLE_DELETE_ROW as ac, CONTEXT_MENU_LABEL_TABLE_DELETE_COL as uc, CONTEXT_MENU_ID_TABLE_DELETE_COL as _c, CONTEXT_MENU_LABEL_TABLE_HEADER as dc, CONTEXT_MENU_ID_TABLE_HEADER as Tc, CONTEXT_MENU_LABEL_BOLD as fc, CONTEXT_MENU_ID_BOLD as Ec, CONTEXT_MENU_LABEL_ITALIC as mc, CONTEXT_MENU_ID_ITALIC as pc, CONTEXT_MENU_LABEL_UNDERLINE as Lc, CONTEXT_MENU_ID_UNDERLINE as Oc, CONTEXT_MENU_LABEL_STRIKE as Cc, CONTEXT_MENU_ID_STRIKE as Nc, CONTEXT_MENU_LABEL_HEADING as Ic, CONTEXT_MENU_ID_HEADING as Ac, CONTEXT_MENU_LABEL_BULLET as hc, CONTEXT_MENU_ID_BULLET as gc, CONTEXT_MENU_LABEL_ORDERED as Rc, CONTEXT_MENU_ID_ORDERED as bc, CONTEXT_MENU_LABEL_LINK as Sc, CONTEXT_MENU_ID_LINK as Bc, CONTEXT_MENU_LABEL_CLEAR as Dc, CONTEXT_MENU_ID_CLEAR as Mc, CONTEXT_MENU_LABEL_FIND as Hc, CONTEXT_MENU_ID_FIND as kc, CONTEXT_MENU_LABEL_SIGNATURE as Pc, CONTEXT_MENU_ID_SIGNATURE as Uc, CONTEXT_MENU_LABEL_COMMENT as vc, CONTEXT_MENU_ID_COMMENT as wc } from "../../constants/contextMenu.const.js";
-import { TABLE_CELL_SELECTOR as Yn, TABLE_TAG as dt } from "../../constants/table.const.js";
-import { cn as Kc } from "../../utils/cn.utils.js";
-import { applyTypoAutoFix as Fc } from "../../utils/typo.utils.js";
-import { createInkId as zn } from "../../utils/id.utils.js";
-import { getColumnResizeIndex as $n, getTableCellFromSelection as qn, setTableColumnWidth as yc, buildTableHtml as xc, insertTableRow as jn, insertTableColumn as Zn, deleteTableRow as Xc, deleteTableColumn as Gc, toggleTableHeaderRow as Wc } from "../../utils/table.utils.js";
-import { getBlockElement as fe, clearBlockDragClasses as Tt, markActiveBlock as Qn, markDraggingBlock as Vc, moveBlock as Yc, resolveDropPosition as Jn, reorderBlockBefore as zc, reorderBlockAfter as $c, markDropTarget as eo } from "../../utils/blocks.utils.js";
-import { createTrackChange as ft, rejectTrackChangeInHtml as qc, acceptTrackChangeInHtml as jc, wrapInsertHtml as to, wrapDeleteHtml as Zc } from "../../utils/trackChanges.utils.js";
-import { removeCommentMark as Qc, wrapSelectionAsComment as Jc, createCommentThread as es } from "../../utils/comments.utils.js";
-import { InkHistoryStack as Et } from "../../utils/history.utils.js";
-import { extractSlashQuery as ts, filterSlashCommands as ns } from "../../utils/slash.utils.js";
-import { countWords as os } from "../../utils/words.utils.js";
-import { collectOutlineItems as ee, scrollOutlineHeading as rs, getCaretLineCol as no } from "../../utils/outline.utils.js";
-import { resolveInkPremium as ls, hasInkPremiumFeature as Ee, themeTokensToStyle as is } from "../../utils/premium.utils.js";
-import { extractClipboardHtml as cs, sanitizePastedHtml as ss, extractClipboardText as as } from "../../utils/paste.utils.js";
-import { readInkMemory as us, writeInkMemory as _s } from "../../utils/memory.utils.js";
-import { replaceInHtml as ds } from "../../utils/findReplace.utils.js";
-import { withPreservedSelection as mt, captureSelectionInRoot as Ts, restoreSelectionInRoot as fs } from "../../utils/selection.utils.js";
-import { readToolbarItems as Es, readToolbarHidden as ms, listCustomizableToolbarOptions as ps, writeToolbarHidden as Ls, buildVisibleToolbarItems as Os, writeToolbarItems as Cs } from "../../utils/toolbarStorage.utils.js";
-import { TITLE_STYLE_DEFAULT as Ns } from "../../plugins/titles/titles.const.js";
-import { buildTitleHtml as oo } from "../../plugins/titles/titles.utils.js";
-import { excelGridToTableHtml as Is, createEmptyExcelGrid as As } from "../../plugins/excel/excel.utils.js";
-import { GRAPH_SAMPLE as Se, GRAPH_KIND_DEFAULT as ro } from "../../plugins/graph/graph.const.js";
-import { parseGraphColors as lo, replaceGraphBlock as io, getGraphBlock as hs, buildGraphHtml as gs, parseGraphPoints as co } from "../../plugins/graph/graph.utils.js";
-import { THEME_DEFAULT as Rs } from "../../plugins/theme/theme.const.js";
-import { applyInkTheme as bs } from "../../plugins/theme/inkTheme.js";
-import { inkPlugins as me } from "../../plugins/host/inkPlugins.js";
-import { useToolbarOverflow as Ss } from "../../hooks/useToolbarOverflow.js";
-import { Button as Bs } from "../../common-components/Button/Button.js";
-import { ContextMenu as so } from "../../common-components/ContextMenu/ContextMenu.js";
-import { insertImage as pt, insertHTML as A, setTextColor as Ds, setHighlightColor as Ms, getActiveFormats as Hs, queryCommandValue as ks, detectListType as Ps, tryConvertMarkdownListPrefix as Us, execCommand as h, insertLink as vs, applyFontFamily as ws, applyListType as Ks, clearFormatDeep as Fs, setBlockDirection as ao, fileToDataUrl as ys } from "./helpers/format.utils.js";
-import { inkAi as xs } from "../../plugins/ai/aiPlugin.js";
+import { INK_DEFAULT_ICONS as Eo } from "../../constants/defaultIcons.js";
+import { CONTEXT_MENU_LABEL_TABLE_ROW_ABOVE as kc, CONTEXT_MENU_ID_TABLE_ROW_ABOVE as vc, CONTEXT_MENU_LABEL_TABLE_ROW_BELOW as Uc, CONTEXT_MENU_ID_TABLE_ROW_BELOW as wc, CONTEXT_MENU_LABEL_TABLE_COL_LEFT as yc, CONTEXT_MENU_ID_TABLE_COL_LEFT as Fc, CONTEXT_MENU_LABEL_TABLE_COL_RIGHT as Kc, CONTEXT_MENU_ID_TABLE_COL_RIGHT as xc, CONTEXT_MENU_LABEL_TABLE_DELETE_ROW as Xc, CONTEXT_MENU_ID_TABLE_DELETE_ROW as Gc, CONTEXT_MENU_LABEL_TABLE_DELETE_COL as Wc, CONTEXT_MENU_ID_TABLE_DELETE_COL as Vc, CONTEXT_MENU_LABEL_TABLE_HEADER as Yc, CONTEXT_MENU_ID_TABLE_HEADER as zc, CONTEXT_MENU_LABEL_TABLE_MERGE as $c, CONTEXT_MENU_ID_TABLE_MERGE as qc, CONTEXT_MENU_LABEL_TABLE_SPLIT as jc, CONTEXT_MENU_ID_TABLE_SPLIT as Qc, CONTEXT_MENU_LABEL_TABLE_BACKGROUND as Zc, CONTEXT_MENU_ID_TABLE_BACKGROUND as Jc, CONTEXT_MENU_LABEL_TABLE_VALIGN as es, CONTEXT_MENU_ID_TABLE_VALIGN as ts, CONTEXT_MENU_LABEL_BOLD as ns, CONTEXT_MENU_ID_BOLD as os, CONTEXT_MENU_LABEL_ITALIC as rs, CONTEXT_MENU_ID_ITALIC as ls, CONTEXT_MENU_LABEL_UNDERLINE as is, CONTEXT_MENU_ID_UNDERLINE as cs, CONTEXT_MENU_LABEL_STRIKE as ss, CONTEXT_MENU_ID_STRIKE as as, CONTEXT_MENU_LABEL_HEADING as us, CONTEXT_MENU_ID_HEADING as _s, CONTEXT_MENU_LABEL_BULLET as ds, CONTEXT_MENU_ID_BULLET as fs, CONTEXT_MENU_LABEL_ORDERED as Ts, CONTEXT_MENU_ID_ORDERED as Es, CONTEXT_MENU_LABEL_LINK as ms, CONTEXT_MENU_ID_LINK as ps, CONTEXT_MENU_LABEL_CLEAR as Os, CONTEXT_MENU_ID_CLEAR as Ls, CONTEXT_MENU_LABEL_FIND as Cs, CONTEXT_MENU_ID_FIND as Ns, CONTEXT_MENU_LABEL_SIGNATURE as Is, CONTEXT_MENU_ID_SIGNATURE as As, CONTEXT_MENU_LABEL_COMMENT as hs, CONTEXT_MENU_ID_COMMENT as gs } from "../../constants/contextMenu.const.js";
+import { TABLE_CELL_SELECTOR as mo, TABLE_TAG as Ot } from "../../constants/table.const.js";
+import { cn as bs } from "../../utils/cn.utils.js";
+import { applyTypoAutoFix as Rs } from "../../utils/typo.utils.js";
+import { createInkId as po } from "../../utils/id.utils.js";
+import { getColumnResizeIndex as Oo, getTableCellFromSelection as Lo, setTableColumnWidth as Ss, buildTableHtml as Bs, insertTableRow as Co, insertTableColumn as No, deleteTableRow as Ms, deleteTableColumn as Ds, toggleTableHeaderRow as Ps, mergeTableCellRight as Hs, splitTableCell as ks, setTableCellBackground as vs, setTableCellVerticalAlign as Us } from "../../utils/table.utils.js";
+import { getBlockElement as Oe, clearBlockDragClasses as Lt, markActiveBlock as Io, markDraggingBlock as ws, moveBlock as ys, resolveDropPosition as Ao, reorderBlockBefore as Fs, reorderBlockAfter as Ks, markDropTarget as ho } from "../../utils/blocks.utils.js";
+import { createTrackChange as Ct, rejectTrackChangeInHtml as xs, acceptTrackChangeInHtml as Xs, wrapInsertHtml as go, wrapDeleteHtml as Gs } from "../../utils/trackChanges.utils.js";
+import { setCommentResolvedMark as bo, scrollToComment as Ws, wrapSelectionAsComment as Vs, createCommentThread as Ys } from "../../utils/comments.utils.js";
+import { InkHistoryStack as Nt } from "../../utils/history.utils.js";
+import { extractSlashQuery as zs, filterSlashCommands as $s } from "../../utils/slash.utils.js";
+import { countWords as qs } from "../../utils/words.utils.js";
+import { collectOutlineItems as ne, scrollOutlineHeading as js, getCaretLineCol as Ro } from "../../utils/outline.utils.js";
+import { resolveInkPremium as Qs, hasInkPremiumFeature as Le, themeTokensToStyle as Zs } from "../../utils/premium.utils.js";
+import { extractClipboardHtml as Js, isOfficeHtml as ea, sanitizePastedHtml as ta, extractClipboardText as na } from "../../utils/paste.utils.js";
+import { readInkMemory as oa, writeInkMemory as ra } from "../../utils/memory.utils.js";
+import { replaceInHtml as la } from "../../utils/findReplace.utils.js";
+import { listVersions as It, saveVersion as ia } from "../../utils/versions.utils.js";
+import { MARKDOWN_ACCEPT as ca, markdownToHtml as sa, downloadTextFile as aa, htmlToMarkdown as ua, MARKDOWN_EXPORT_FILENAME as _a, MARKDOWN_MIME as da } from "../../utils/markdown.utils.js";
+import { printHtmlDocument as fa, downloadBytes as Ta, buildDocx as Ea, DOCX_FILENAME as ma, DOCX_MIME as pa } from "../../utils/exportDocument.utils.js";
+import { deleteMentionQuery as Oa, buildMentionHtml as La, filterMentionPeople as Ca, extractMentionQuery as Na } from "../../utils/mentions.utils.js";
+import { applyPaintedFormat as Ia, applyCaseToSelection as At, readPaintedFormat as Aa } from "../../utils/formatPainter.utils.js";
+import { withPreservedSelection as ht, captureSelectionInRoot as ha, restoreSelectionInRoot as ga } from "../../utils/selection.utils.js";
+import { readToolbarItems as ba, readToolbarHidden as Ra, listCustomizableToolbarOptions as Sa, writeToolbarHidden as Ba, buildVisibleToolbarItems as Ma, writeToolbarItems as Da } from "../../utils/toolbarStorage.utils.js";
+import { TITLE_STYLE_DEFAULT as Pa } from "../../plugins/titles/titles.const.js";
+import { buildTitleHtml as So } from "../../plugins/titles/titles.utils.js";
+import { excelGridToTableHtml as Ha, createEmptyExcelGrid as ka } from "../../plugins/excel/excel.utils.js";
+import { GRAPH_SAMPLE as ke, GRAPH_KIND_DEFAULT as Bo } from "../../plugins/graph/graph.const.js";
+import { parseGraphColors as Mo, replaceGraphBlock as Do, getGraphBlock as va, buildGraphHtml as Ua, parseGraphPoints as Po } from "../../plugins/graph/graph.utils.js";
+import { THEME_DEFAULT as wa } from "../../plugins/theme/theme.const.js";
+import { applyInkTheme as ya } from "../../plugins/theme/inkTheme.js";
+import { inkPlugins as Ce } from "../../plugins/host/inkPlugins.js";
+import { useToolbarOverflow as Fa } from "../../hooks/useToolbarOverflow.js";
+import { Button as Ka } from "../../common-components/Button/Button.js";
+import { ContextMenu as Ho } from "../../common-components/ContextMenu/ContextMenu.js";
+import { insertImage as gt, insertHTML as I, setTextColor as xa, setHighlightColor as Xa, tryConvertMarkdownBlockPrefix as Ga, tryConvertMarkdownListPrefix as Wa, getActiveFormats as Va, queryCommandValue as Ya, detectListType as za, execCommand as g, insertLink as $a, applyFontFamily as qa, applyListType as ja, clearFormatDeep as Qa, setBlockDirection as ko, fileToDataUrl as Za } from "./helpers/format.utils.js";
+import { inkAi as vo } from "../../plugins/ai/aiPlugin.js";
 import { ToolbarButton as N } from "./components/ToolbarButton/ToolbarButton.js";
-import { ToolbarDropdown as Be } from "./components/ToolbarDropdown/ToolbarDropdown.js";
-import { ToolbarColorPicker as uo } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
-import { CommentsPanel as Xs } from "./components/CommentsPanel/CommentsPanel.js";
-import { AiPanel as Gs } from "./components/AiPanel/AiPanel.js";
-import { AiAutocomplete as Ws } from "./components/AiAutocomplete/AiAutocomplete.js";
-import { AI_AUTOCOMPLETE_DEBOUNCE_MS as Vs, AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT as Ys } from "./components/AiAutocomplete/AiAutocomplete.const.js";
-import { getTextBeforeCaret as zs, getCaretPositionInRoot as _o } from "./components/AiAutocomplete/AiAutocomplete.utils.js";
-import { BlockHandles as $s } from "./components/BlockHandles/BlockHandles.js";
-import { BLOCK_HANDLES_DRAG_MIME as qs, BLOCK_HANDLES_DRAG_PAYLOAD as js, BLOCK_HANDLES_DRAG_EFFECT_MOVE as To } from "./components/BlockHandles/BlockHandles.const.js";
-import { InlineToolbar as Zs } from "./components/InlineToolbar/InlineToolbar.js";
-import { INLINE_TOOLBAR_EDGE_PADDING_PX as Qs, INLINE_TOOLBAR_ESTIMATED_WIDTH_PX as Js, INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX as ea, INLINE_TOOLBAR_GAP_PX as ta } from "./components/InlineToolbar/InlineToolbar.const.js";
-import { selectionIsInsideElement as na, clampInlineToolbarPosition as oa } from "./components/InlineToolbar/InlineToolbar.utils.js";
-import { SlashMenu as ra } from "./components/SlashMenu/SlashMenu.js";
-import { OutlineRail as la } from "./components/OutlineRail/OutlineRail.js";
-import { TrackChangesBar as ia } from "./components/TrackChangesBar/TrackChangesBar.js";
-import { SignPad as ca } from "./components/SignPad/SignPad.js";
-import { FindReplace as sa } from "./components/FindReplace/FindReplace.js";
-import { ToolbarCustomize as aa } from "./components/ToolbarCustomize/ToolbarCustomize.js";
-import { HtmlSourcePanel as ua } from "./components/HtmlSourcePanel/HtmlSourcePanel.js";
-import { TableSizePicker as _a } from "./components/TableSizePicker/TableSizePicker.js";
-import { TitleGallery as da } from "./components/TitleGallery/TitleGallery.js";
-import { ExcelSheetPanel as Ta } from "./components/ExcelSheetPanel/ExcelSheetPanel.js";
-import { GraphPicker as fa } from "./components/GraphPicker/GraphPicker.js";
-import { GraphEditModal as Ea } from "./components/GraphEditModal/GraphEditModal.js";
-import { ThemePicker as ma } from "./components/ThemePicker/ThemePicker.js";
-import { PresenceStack as pa } from "./components/PresenceStack/PresenceStack.js";
-import { RemoteCursors as La } from "./components/RemoteCursors/RemoteCursors.js";
-const Lt = () => {
-  const H = window.getSelection();
-  if (!H || H.rangeCount === p) return "";
-  const g = H.getRangeAt(p), k = document.createElement("div");
-  return k.appendChild(g.cloneContents()), k.innerHTML;
-}, I = (H) => {
-  H == null || H.focus({ preventScroll: !0 });
-}, Xu = (H) => {
-  var Ln;
+import { ToolbarDropdown as ve } from "./components/ToolbarDropdown/ToolbarDropdown.js";
+import { ToolbarColorPicker as Uo } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
+import { CommentsPanel as Ja } from "./components/CommentsPanel/CommentsPanel.js";
+import { AiPanel as eu } from "./components/AiPanel/AiPanel.js";
+import { AiSelectionBubble as tu } from "./components/AiSelectionBubble/AiSelectionBubble.js";
+import { capabilityForSelectionAction as nu, optionsForSelectionAction as ou, htmlFromAiResponse as ru, placeAiSelectionBubble as lu } from "./components/AiSelectionBubble/AiSelectionBubble.utils.js";
+import { AiAutocomplete as iu } from "./components/AiAutocomplete/AiAutocomplete.js";
+import { AI_AUTOCOMPLETE_DEBOUNCE_MS as cu, AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT as su } from "./components/AiAutocomplete/AiAutocomplete.const.js";
+import { getTextBeforeCaret as wo, getCaretPositionInRoot as bt } from "./components/AiAutocomplete/AiAutocomplete.utils.js";
+import { BlockHandles as au } from "./components/BlockHandles/BlockHandles.js";
+import { BLOCK_HANDLES_DRAG_MIME as uu, BLOCK_HANDLES_DRAG_PAYLOAD as _u, BLOCK_HANDLES_DRAG_EFFECT_MOVE as yo } from "./components/BlockHandles/BlockHandles.const.js";
+import { InlineToolbar as du } from "./components/InlineToolbar/InlineToolbar.js";
+import { INLINE_TOOLBAR_EDGE_PADDING_PX as fu, INLINE_TOOLBAR_ESTIMATED_WIDTH_PX as Tu, INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX as Eu, INLINE_TOOLBAR_GAP_PX as mu } from "./components/InlineToolbar/InlineToolbar.const.js";
+import { selectionIsInsideElement as pu, clampInlineToolbarPosition as Ou } from "./components/InlineToolbar/InlineToolbar.utils.js";
+import { SlashMenu as Lu } from "./components/SlashMenu/SlashMenu.js";
+import { OutlineRail as Cu } from "./components/OutlineRail/OutlineRail.js";
+import { TrackChangesBar as Nu } from "./components/TrackChangesBar/TrackChangesBar.js";
+import { VersionHistory as Iu } from "./components/VersionHistory/VersionHistory.js";
+import { MentionMenu as Au } from "./components/MentionMenu/MentionMenu.js";
+import { ImageFrame as hu } from "./components/ImageFrame/ImageFrame.js";
+import { SignPad as gu } from "./components/SignPad/SignPad.js";
+import { FindReplace as bu } from "./components/FindReplace/FindReplace.js";
+import { ToolbarCustomize as Ru } from "./components/ToolbarCustomize/ToolbarCustomize.js";
+import { HtmlSourcePanel as Su } from "./components/HtmlSourcePanel/HtmlSourcePanel.js";
+import { TableSizePicker as Bu } from "./components/TableSizePicker/TableSizePicker.js";
+import { TitleGallery as Mu } from "./components/TitleGallery/TitleGallery.js";
+import { ExcelSheetPanel as Du } from "./components/ExcelSheetPanel/ExcelSheetPanel.js";
+import { GraphPicker as Pu } from "./components/GraphPicker/GraphPicker.js";
+import { GraphEditModal as Hu } from "./components/GraphEditModal/GraphEditModal.js";
+import { ThemePicker as ku } from "./components/ThemePicker/ThemePicker.js";
+import { PresenceStack as vu } from "./components/PresenceStack/PresenceStack.js";
+import { RemoteCursors as Uu } from "./components/RemoteCursors/RemoteCursors.js";
+const Rt = () => {
+  const v = window.getSelection();
+  if (!v || v.rangeCount === O) return "";
+  const b = v.getRangeAt(O), U = document.createElement("div");
+  return U.appendChild(b.cloneContents()), U.innerHTML;
+}, A = (v) => {
+  v == null || v.focus({ preventScroll: !0 });
+}, md = (v) => {
+  var Un;
   const {
-    value: g,
-    defaultValue: k = "",
-    onChange: P,
-    placeholder: Ot = pi,
-    disabled: i = !1,
-    readOnly: s = !1,
-    minHeight: De = Tl,
-    maxHeight: Me,
-    toolbar: fo,
-    className: Eo = "",
-    testId: mo,
-    allowImagePaste: Ct = !0,
-    showCharCount: Nt = !1,
-    charCountMax: It,
-    typoAutoFix: po = !0,
-    variant: pe = Li,
-    chrome: Lo = Oi,
-    colorMode: At = Zl,
-    features: Oo,
-    author: X = Ci,
-    trackChanges: te,
-    onTrackChangesChange: He,
-    trackChangesEnabled: Le,
-    onTrackChangesEnabledChange: ke,
-    comments: ne,
-    onCommentsChange: Pe,
-    showCommentsPanel: oe,
-    onShowCommentsPanelChange: Ue,
-    ai: f,
-    slashCommands: Co,
-    tableRows: No = Ni,
-    tableCols: Io = Ii,
-    premium: Ao,
-    theme: ho,
-    themeId: ht,
-    onThemeChange: ve,
-    icons: gt,
-    pasteMode: go = "plain",
-    onImageUpload: Rt,
-    wysiwyg: Ro = !1,
-    keepInMemory: G = !1,
-    memoryKey: W,
-    onToolbarChange: we,
-    toolbarHidden: V,
-    onToolbarHiddenChange: Ke,
-    showOutline: bo,
-    onOutlineChange: Fe,
-    collaboration: R,
-    style: So,
-    ...Bo
-  } = H, Oe = fo ?? (pe === Kn ? hi : gi), a = { ...Ai, ...Oo }, Y = ls(Ao), Do = Ee(Y, "icons"), Mo = Ee(Y, "theme"), Ho = Ee(Y, "richPaste"), ko = Ee(Y, "imageUpload"), Po = Ee(Y, "wysiwyg") && Ro, E = Do && gt ? { ...Vn, ...gt } : Vn, Uo = Mo ? is(ho) : {}, vo = Ho && go === "rich", o = D(null), Ce = D(null), re = D(new Et(g ?? k)), z = D(null), F = D(null), Ne = D(M), [ye, wo] = c(/* @__PURE__ */ new Set()), [Ko, bt] = c("p"), [Fo, yo] = c(p), [xo, Xo] = c(p), [Go, St] = c(Cn), [Wo, Bt] = c(Cn), [Vo, $] = c([]), [Yo, zo] = c(p), [$o, xe] = c(M), [qo, jo] = c(fl), [Zo, Qo] = c(El), [q, Dt] = c(Le ?? !1), [Jo, Mt] = c(te ?? []), [er, Ht] = c(ne ?? []), [tr, kt] = c(oe ?? !1), [Pt, le] = c(!!(f != null && f.enabled && f.openOnInit)), [Ie, nr] = c(!1), Ut = D(!1), [v, ie] = c({
+    value: b,
+    defaultValue: U = "",
+    onChange: w,
+    placeholder: St = Zi,
+    disabled: c = !1,
+    readOnly: u = !1,
+    minHeight: Ue = Vl,
+    maxHeight: we,
+    toolbar: Fo,
+    className: Ko = "",
+    testId: xo,
+    allowImagePaste: Bt = !0,
+    showCharCount: Mt = !1,
+    charCountMax: Dt,
+    typoAutoFix: Xo = !0,
+    variant: Ne = Ji,
+    chrome: Go = ec,
+    colorMode: Pt = Pi,
+    features: Wo,
+    author: K = tc,
+    trackChanges: oe,
+    onTrackChangesChange: ye,
+    trackChangesEnabled: Ie,
+    onTrackChangesEnabledChange: Fe,
+    comments: re,
+    onCommentsChange: Ke,
+    showCommentsPanel: le,
+    onShowCommentsPanelChange: xe,
+    ai: E,
+    slashCommands: Vo,
+    tableRows: Yo = nc,
+    tableCols: zo = oc,
+    premium: $o,
+    theme: qo,
+    icons: Ht,
+    pasteMode: jo = "plain",
+    onImageUpload: kt,
+    wysiwyg: Qo = !1,
+    keepInMemory: Y = !1,
+    memoryKey: H,
+    onToolbarChange: Xe,
+    toolbarHidden: z,
+    onToolbarHiddenChange: Ge,
+    showOutline: Zo,
+    onOutlineChange: We,
+    collaboration: h,
+    style: Jo,
+    ...er
+  } = v, Ae = Fo ?? (Ne === io ? lc : ic), s = { ...rc, ...Wo }, $ = Qs($o), tr = Le($, "icons"), nr = Le($, "theme"), or = Le($, "richPaste"), rr = Le($, "imageUpload"), lr = Le($, "wysiwyg") && Qo, L = tr && Ht ? { ...Eo, ...Ht } : Eo, ir = nr ? Zs(qo) : {}, cr = or && jo === "rich", o = B(null), vt = B(null), he = B(null), ie = B(new Nt(b ?? U)), q = B(null), W = B(null), ge = B(P), [Ve, sr] = i(/* @__PURE__ */ new Set()), [ar, Ut] = i("p"), [ur, _r] = i(O), [dr, fr] = i(O), [Tr, wt] = i(yn), [Er, yt] = i(yn), [mr, j] = i([]), [pr, Or] = i(O), [Lr, Ye] = i(P), [Cr, Nr] = i(Yl), [Ir, Ar] = i(zl), [Q, Ft] = i(Ie ?? !1), [hr, Kt] = i(oe ?? []), [gr, xt] = i(re ?? []), [br, Xt] = i(le ?? !1), [Gt, ce] = i(!!(E != null && E.enabled && E.openOnInit)), [be, Rr] = i(!1), Wt = B(!1), [x, se] = i({
     visible: !1,
     suggestion: "",
-    top: p,
-    left: p
-  }), ce = D(null), j = D(p), [vt, or] = c(""), [rr, lr] = c(0), [ir, wt] = c(!1), [cr, Ae] = c([]), [Kt, sr] = c({ top: 0, left: 0 }), [Ft, Xe] = c(!1), [Ge, he] = c(!1), [se, yt] = c(!1), [xt, Xt] = c(M), [ar, ur] = c(be), [_r, dr] = c(ri), [Tr, Gt] = c(ci), [fr, Er] = c(be), [We, Ve] = c({ open: !1, x: p, y: p }), [mr, Wt] = c(!1), [Ye, ze] = c({
+    top: O,
+    left: O
+  }), ae = B(null), Z = B(O), [ue, Sr] = i(""), [Br, Mr] = i(0), [Dr, Vt] = i(!1), [Pr, Re] = i([]), [Yt, Hr] = i({ top: 0, left: 0 }), [zt, ze] = i(!1), [$e, Se] = i(!1), [_e, $t] = i(!1), [qt, jt] = i(!1), [kr, Qt] = i(() => It(H)), [Zt, qe] = i(""), [de, je] = i(null), [Jt, vr] = i({ top: O, left: O }), [en, tn] = i(null), [Be, nn] = i(null), [on, Ur] = i(!1), [rn, ln] = i(P), [wr, yr] = i(He), [Fr, Kr] = i(Fi), [xr, cn] = i(Xi), [Xr, Gr] = i(He), [Qe, Ze] = i({ open: !1, x: O, y: O }), [Wr, sn] = i(!1), [Je, et] = i({
     open: !1,
-    x: p,
-    y: p
-  }), [$e, Z] = c({
+    x: O,
+    y: O
+  }), [Me, J] = i({
     open: !1,
-    top: p,
-    left: p
-  }), [Q, Vt] = c(
-    () => Es(G, W) ?? Oe
-  ), [pr, Yt] = c(() => V !== void 0 ? V : ms(G, W) ?? !1), [Lr, zt] = c(!1), $t = D(!0), Or = Oe.join(","), w = te ?? Jo, ae = ne ?? er, qe = oe ?? tr, qt = Co ?? a.slash, [je, Cr] = c(
-    () => bo ?? pe === Kn
-  ), [jt, m] = c(M), [Nr, Ir] = c(!1), J = D(null), [Ar, Ze] = c(!1), [hr, gr] = c("values"), [Rr, br] = c(Se), [Sr, Br] = c(() => lo(null)), [Dr, Mr] = c(ht || Rs), Zt = ht ?? Dr, [Qt, Hr] = c(!1), kr = !!(a.outline && je), y = Ss(Q.length), Jt = V ?? pr, en = Oe, Pr = ps(en), Qe = At === Ql ? void 0 : At, Je = !!(a.ai && (f != null && f.enabled) && f.autocomplete !== !1 && !i && !s), et = () => {
-    ce.current !== null && (window.clearTimeout(ce.current), ce.current = null);
-  }, U = () => {
-    et(), j.current += 1, ie(
-      (e) => e.visible || e.suggestion ? { visible: !1, suggestion: "", top: p, left: p } : e
+    top: O,
+    left: O
+  }), [Vr, an] = i(!1), [tt, fe] = i(""), [un, Yr] = i({ top: O, left: O }), [ee, _n] = i(
+    () => ba(Y, H) ?? Ae
+  ), [zr, dn] = i(() => z !== void 0 ? z : Ra(Y, H) ?? !1), [$r, fn] = i(!1), Tn = B(!0), qr = Ae.join(","), X = oe ?? hr, G = re ?? gr, nt = le ?? br, En = Vo ?? s.slash, [ot, jr] = i(
+    () => Zo ?? Ne === io
+  ), [mn, p] = i(P), [Qr, Zr] = i(!1), te = B(null), [Jr, rt] = i(!1), [el, tl] = i("values"), [nl, ol] = i(ke), [rl, ll] = i(() => Mo(null)), [il, cl] = i(wa), [pn, sl] = i(!1), al = !!(s.outline && ot), V = Fa(ee.length), On = z ?? zr, Ln = Ae, ul = Sa(Ln), lt = Pt === Hi ? void 0 : Pt, it = !!(s.ai && (E != null && E.enabled) && E.autocomplete !== !1 && !c && !u), ct = () => {
+    ae.current !== null && (window.clearTimeout(ae.current), ae.current = null);
+  }, y = () => {
+    ct(), Z.current += 1, se(
+      (e) => e.visible || e.suggestion ? { visible: !1, suggestion: "", top: O, left: O } : e
     );
-  }, Ur = () => {
-    if (!Je || Ie || !o.current) {
-      U();
+  }, _l = () => {
+    if (!it || be || !o.current) {
+      y();
       return;
     }
     const e = window.getSelection();
     if (!e || !e.isCollapsed) {
-      U();
+      y();
       return;
     }
-    et(), ie(
+    ct(), se(
       (n) => n.visible || n.suggestion ? { ...n, visible: !1, suggestion: "" } : n
     );
-    const t = (f == null ? void 0 : f.providerId) || Ji;
-    ce.current = window.setTimeout(() => {
-      if (ce.current = null, !o.current || Ut.current) return;
+    const t = (E == null ? void 0 : E.providerId) || To;
+    ae.current = window.setTimeout(() => {
+      if (ae.current = null, !o.current || Wt.current) return;
       const n = window.getSelection();
       if (!n || !n.isCollapsed) return;
-      const l = zs(o.current), u = _o(o.current);
-      if (!l.trim() || !u) return;
-      const T = j.current + 1;
-      j.current = T;
-      const L = o.current.innerHTML;
-      xs.runProvider(t, {
+      const l = wo(o.current), T = bt(o.current);
+      if (!l.trim() || !T) return;
+      const d = Z.current + 1;
+      Z.current = d;
+      const f = o.current.innerHTML;
+      vo.runProvider(t, {
         capability: "autocomplete",
-        html: L,
+        html: f,
         prompt: l,
-        modelId: f == null ? void 0 : f.modelId
-      }).then((_) => {
-        var de;
-        if (T !== j.current) return;
-        const C = ((de = _.text) == null ? void 0 : de.trim()) || "";
-        if (!C) {
-          ie({
+        modelId: E == null ? void 0 : E.modelId
+      }).then((a) => {
+        var me;
+        if (d !== Z.current) return;
+        const m = ((me = a.text) == null ? void 0 : me.trim()) || "";
+        if (!m) {
+          se({
             visible: !1,
             suggestion: "",
-            top: p,
-            left: p
+            top: O,
+            left: O
           });
           return;
         }
-        const ge = o.current && _o(o.current) || u;
-        ie({
+        const k = o.current && bt(o.current) || T;
+        se({
           visible: !0,
-          suggestion: C,
-          top: ge.top,
-          left: ge.left
+          suggestion: m,
+          top: k.top,
+          left: k.left
         });
       }).catch(() => {
-        T === j.current && ie({
+        d === Z.current && se({
           visible: !1,
           suggestion: "",
-          top: p,
-          left: p
+          top: O,
+          left: O
         });
       });
-    }, Vs);
+    }, cu);
   };
-  S(() => () => {
-    et(), j.current += 1;
-  }, []), S(() => {
-    Ut.current = Ie, Ie && U();
-  }, [Ie]), S(() => {
-    Le !== void 0 && Dt(Le);
-  }, [Le]), S(() => {
-    te && Mt(te);
-  }, [te]), S(() => {
-    ne && Ht(ne);
-  }, [ne]), S(() => {
-    oe !== void 0 && kt(oe);
-  }, [oe]), S(() => {
-    V !== void 0 && Yt(V);
-  }, [V]), S(() => {
-    if ($t.current) {
-      $t.current = !1;
+  M(() => () => {
+    ct(), Z.current += 1;
+  }, []), M(() => {
+    Wt.current = be, be && y();
+  }, [be]), M(() => {
+    Ie !== void 0 && Ft(Ie);
+  }, [Ie]), M(() => {
+    oe && Kt(oe);
+  }, [oe]), M(() => {
+    re && xt(re);
+  }, [re]), M(() => {
+    le !== void 0 && Xt(le);
+  }, [le]), M(() => {
+    z !== void 0 && dn(z);
+  }, [z]), M(() => {
+    if (Tn.current) {
+      Tn.current = !1;
       return;
     }
-    Vt(Oe);
-  }, [Or]), S(() => {
-    if (!o.current || g === void 0 || g === z.current) return;
-    if (o.current.innerHTML === g) {
-      z.current = g;
+    _n(Ae);
+  }, [qr]), M(() => {
+    if (!o.current || b === void 0 || b === q.current) return;
+    if (o.current.innerHTML === b) {
+      q.current = b;
       return;
     }
     const e = document.activeElement === o.current;
-    mt(e ? o.current : null, () => {
-      o.current && (o.current.innerHTML = g);
-    }), z.current = g;
-  }, [g]), S(() => {
+    ht(e ? o.current : null, () => {
+      o.current && (o.current.innerHTML = b);
+    }), q.current = b;
+  }, [b]), M(() => {
     if (!o.current) return;
-    const e = G ? us(W) : "";
+    const e = Y ? oa(H) : "";
     if (e) {
-      o.current.innerHTML = e, z.current = e, re.current = new Et(e), P == null || P(e), a.outline && $(ee(o.current));
+      o.current.innerHTML = e, q.current = e, ie.current = new Nt(e), w == null || w(e), s.outline && j(ne(o.current));
       return;
     }
-    if (g !== void 0) {
-      a.outline && $(ee(o.current));
+    if (b !== void 0) {
+      s.outline && j(ne(o.current));
       return;
     }
-    k && (o.current.innerHTML = k, z.current = k, re.current = new Et(k), P == null || P(k), a.outline && $(ee(o.current)));
-  }, []), S(() => {
+    U && (o.current.innerHTML = U, q.current = U, ie.current = new Nt(U), w == null || w(U), s.outline && j(ne(o.current)));
+  }, []), M(() => {
     const e = () => {
-      Hr(document.fullscreenElement === Ce.current);
+      sl(document.fullscreenElement === he.current);
     };
     return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
   }, []);
-  const tt = (e) => {
-    if (re.current.push(e), z.current = e, P == null || P(e), G && _s(e, W), Nt && o.current) {
-      const n = o.current.textContent ?? M;
-      yo(n.length), Xo(os(n));
+  const st = (e) => {
+    if (ie.current.push(e), q.current = e, w == null || w(e), Y && ra(e, H), Mt && o.current) {
+      const n = o.current.textContent ?? P;
+      _r(n.length), fr(qs(n));
     }
-    a.outline && $(ee(o.current));
-    const t = no(o.current);
-    St(t.line), Bt(t.col);
-  }, K = (e) => {
-    o.current && (mt(o.current, () => {
+    s.outline && j(ne(o.current));
+    const t = Ro(o.current);
+    wt(t.line), yt(t.col);
+  }, F = (e) => {
+    o.current && (ht(o.current, () => {
       o.current && (o.current.innerHTML = e);
-    }), tt(e));
-  }, nt = (e) => {
-    Yt(e), Ke == null || Ke(e), Ls(e, G, W);
-  }, vr = (e) => {
-    Vt(e), we == null || we(e), Cs(e, G, W);
-  }, wr = (e, t) => {
-    if (e === wn) return;
+    }), st(e));
+  }, at = (e) => {
+    dn(e), Ge == null || Ge(e), Ba(e, Y, H);
+  }, dl = (e) => {
+    _n(e), Xe == null || Xe(e), Da(e, Y, H);
+  }, fl = (e, t) => {
+    if (e === lo) return;
     const n = new Set(
-      Q.filter((l) => l !== wn)
+      ee.filter((l) => l !== lo)
     );
-    t ? n.add(e) : n.delete(e), vr(Os(en, n));
-  }, ue = (e) => {
-    Mt(e), He == null || He(e);
-  }, ot = (e) => {
-    Ht(e), Pe == null || Pe(e);
-  }, rt = (e) => {
-    kt(e), Ue == null || Ue(e);
-  }, Kr = (e) => {
-    Dt(e), ke == null || ke(e);
-  }, Fr = () => {
-    if (i || s) {
-      Z((u) => u.open ? { ...u, open: !1 } : u);
+    t ? n.add(e) : n.delete(e), dl(Ma(Ln, n));
+  }, Te = (e) => {
+    Kt(e), ye == null || ye(e);
+  }, De = (e) => {
+    xt(e), Ke == null || Ke(e);
+  }, ut = (e) => {
+    Xt(e), xe == null || xe(e);
+  }, Tl = (e) => {
+    Ft(e), Fe == null || Fe(e);
+  }, El = () => {
+    if (c || u) {
+      J((f) => f.open ? { ...f, open: !1 } : f);
       return;
     }
     const e = window.getSelection();
-    if (!e || e.isCollapsed || e.rangeCount === 0 || !na(e, o.current)) {
-      Z((u) => u.open ? { ...u, open: !1 } : u);
+    if (!e || e.isCollapsed || e.rangeCount === 0 || !pu(e, o.current)) {
+      J((f) => f.open ? { ...f, open: !1 } : f);
       return;
     }
-    const n = e.getRangeAt(0).getBoundingClientRect();
-    if (n.width === 0 && n.height === 0) {
-      Z((u) => u.open ? { ...u, open: !1 } : u);
+    const t = e.getRangeAt(0), l = Array.from(t.getClientRects()).filter(
+      (f) => f.width > 0 || f.height > 0
+    )[0] ?? t.getBoundingClientRect();
+    if (l.width === 0 && l.height === 0) {
+      J((f) => f.open ? { ...f, open: !1 } : f);
       return;
     }
-    const l = oa({
-      selectionRect: n,
-      toolbarWidth: Js,
-      toolbarHeight: ea,
-      viewport: { width: window.innerWidth, height: window.innerHeight },
-      gap: ta,
-      edgePadding: Qs
+    const T = { width: window.innerWidth, height: window.innerHeight }, d = Ou({
+      selectionRect: l,
+      toolbarWidth: Tu,
+      toolbarHeight: Eu,
+      viewport: T,
+      gap: mu,
+      edgePadding: fu
     });
-    Z({ open: !0, top: l.top, left: l.left });
-  }, _e = () => {
-    var L;
-    wo(Hs());
-    const e = ks("formatBlock");
-    e && bt(e.toLowerCase().replace(/[<>]/g, "")), Gt(Ps()), or(Lt());
-    const t = (L = window.getSelection()) == null ? void 0 : L.toString().trim();
-    t && (Ne.current = t), Fr();
-    const n = no(o.current);
-    if (St(n.line), Bt(n.col), a.outline && $(ee(o.current)), !o.current || !a.blocks) return;
-    const l = window.getSelection(), u = (l == null ? void 0 : l.anchorNode) ?? null, T = fe(u, o.current);
-    if (Qn(o.current, T), T) {
-      const _ = o.current.getBoundingClientRect(), C = T.getBoundingClientRect();
-      lr(C.top - _.top + o.current.scrollTop), wt(!0);
+    J({ open: !0, top: d.top, left: d.left }), Yr(
+      lu(
+        { top: l.top, left: l.left, bottom: l.bottom, width: l.width },
+        T
+      )
+    );
+  }, Ee = () => {
+    var f;
+    sr(Va());
+    const e = Ya("formatBlock");
+    if (e && Ut(e.toLowerCase().replace(/[<>]/g, "")), cn(za()), Sr(Rt()), s.mentions && o.current) {
+      const a = Na(wo(o.current));
+      if (je(a), a !== null) {
+        const m = bt(o.current);
+        m && vr({ top: m.top, left: m.left });
+      }
+    } else de !== null && je(null);
+    const t = (f = window.getSelection()) == null ? void 0 : f.toString().trim();
+    t && (ge.current = t), El();
+    const n = Ro(o.current);
+    if (wt(n.line), yt(n.col), s.outline && j(ne(o.current)), !o.current || !s.blocks) return;
+    const l = window.getSelection(), T = (l == null ? void 0 : l.anchorNode) ?? null, d = Oe(T, o.current);
+    if (Io(o.current, d), d) {
+      const a = o.current.getBoundingClientRect(), m = d.getBoundingClientRect();
+      Mr(m.top - a.top + o.current.scrollTop), Vt(!0);
     } else
-      wt(!1);
-  }, d = () => {
+      Vt(!1);
+  }, _ = () => {
     var t, n, l;
     if (!o.current) return;
     let e = o.current.innerHTML;
-    if (q && a.trackChanges) {
-      const u = window.getSelection();
-      if (u && !u.isCollapsed) {
-        const T = Lt();
-        if (T) {
-          const L = ft("delete", T, X);
-          ue([...w, L]), yr(L.id), e = o.current.innerHTML;
+    if (Q && s.trackChanges) {
+      const T = window.getSelection();
+      if (T && !T.isCollapsed) {
+        const d = Rt();
+        if (d) {
+          const f = Ct("delete", d, K);
+          Te([...X, f]), ml(f.id), e = o.current.innerHTML;
         }
       }
     }
-    if (tt(e), _e(), qt && o.current) {
-      const u = ((n = (t = window.getSelection()) == null ? void 0 : t.anchorNode) == null ? void 0 : n.textContent) ?? "", T = ts(u);
-      if (T !== null) {
-        xe(T), Ae(ns(T));
-        const L = (l = window.getSelection()) == null ? void 0 : l.getRangeAt(0);
-        if (L && o.current) {
-          const _ = L.getBoundingClientRect(), C = o.current.getBoundingClientRect();
-          sr({
-            top: _.bottom - C.top + 8,
-            left: _.left - C.left
+    if (st(e), Ee(), En && o.current) {
+      const T = ((n = (t = window.getSelection()) == null ? void 0 : t.anchorNode) == null ? void 0 : n.textContent) ?? "", d = zs(T);
+      if (d !== null) {
+        Ye(d), Re($s(d));
+        const f = (l = window.getSelection()) == null ? void 0 : l.getRangeAt(0);
+        if (f && o.current) {
+          const a = f.getBoundingClientRect(), m = o.current.getBoundingClientRect();
+          Hr({
+            top: a.bottom - m.top + 8,
+            left: a.left - m.left
           });
         }
       } else
-        xe(M), Ae([]);
+        Ye(P), Re([]);
     }
-    Je ? Ur() : U();
+    it ? _l() : y();
   };
-  S(() => {
+  M(() => {
     const e = o.current;
-    if (!e || i || s || !a.table) return;
+    if (!e || c || u || !s.table) return;
     const t = (l) => {
-      const u = l.target;
-      if (!(u instanceof Element)) return;
-      const T = u.closest(Yn);
-      if (!T || !e.contains(T)) return;
-      const L = T.closest(dt);
-      if (!L) return;
-      const _ = $n(l.clientX, T, Nn);
-      if (_ === null) return;
+      const T = l.target;
+      if (!(T instanceof Element)) return;
+      const d = T.closest(mo);
+      if (!d || !e.contains(d)) return;
+      const f = d.closest(Ot);
+      if (!f) return;
+      const a = Oo(l.clientX, d, Fn);
+      if (a === null) return;
       l.preventDefault();
-      const C = l.clientX, ge = T.getBoundingClientRect().width;
-      L.classList.add(Te);
-      const de = (_l) => {
-        yc(L, _, ge + (_l.clientX - C));
-      }, On = () => {
-        L.classList.remove(Te), document.removeEventListener("pointermove", de), document.removeEventListener("pointerup", On), d();
+      const m = l.clientX, k = d.getBoundingClientRect().width;
+      f.classList.add(pe);
+      const me = (Gl) => {
+        Ss(f, a, k + (Gl.clientX - m));
+      }, wn = () => {
+        f.classList.remove(pe), document.removeEventListener("pointermove", me), document.removeEventListener("pointerup", wn), _();
       };
-      document.addEventListener("pointermove", de), document.addEventListener("pointerup", On);
+      document.addEventListener("pointermove", me), document.addEventListener("pointerup", wn);
     }, n = (l) => {
-      const u = l.target;
-      if (!(u instanceof Element)) return;
-      const T = u.closest(Yn);
-      if (e.querySelectorAll(dt).forEach((C) => {
-        C.classList.contains(Te) || C.classList.remove(Te);
-      }), !T || !e.contains(T)) return;
-      const _ = T.closest(dt);
-      _ && $n(l.clientX, T, Nn) !== null && _.classList.add(Te);
+      const T = l.target;
+      if (!(T instanceof Element)) return;
+      const d = T.closest(mo);
+      if (e.querySelectorAll(Ot).forEach((m) => {
+        m.classList.contains(pe) || m.classList.remove(pe);
+      }), !d || !e.contains(d)) return;
+      const a = d.closest(Ot);
+      a && Oo(l.clientX, d, Fn) !== null && a.classList.add(pe);
     };
     return e.addEventListener("pointerdown", t), e.addEventListener("pointermove", n), () => {
       e.removeEventListener("pointerdown", t), e.removeEventListener("pointermove", n);
     };
-  }, [i, s, a.table]);
-  const tn = () => {
-    const e = v.suggestion;
+  }, [c, u, s.table]);
+  const Cn = () => {
+    const e = x.suggestion;
     if (!e) {
-      U();
+      y();
       return;
     }
-    I(o.current), h(Ys, e), U(), d();
-  }, yr = (e) => {
+    A(o.current), g(su, e), y(), _();
+  }, ml = (e) => {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0) return;
-    const n = Lt();
-    n && A(Zc(n, e));
-  }, xr = () => {
-    if (!o.current || !po || !a.typoAutoFix || i || s) return;
-    const e = o.current.innerHTML, t = Fc(e);
-    t.html !== e && (mt(o.current, () => {
+    const n = Rt();
+    n && I(Gs(n, e));
+  }, pl = () => {
+    if (!o.current || !Xo || !s.typoAutoFix || c || u) return;
+    const e = o.current.innerHTML, t = Rs(e);
+    t.html !== e && (ht(o.current, () => {
       o.current && (o.current.innerHTML = t.html);
-    }), tt(t.html));
-  }, b = (e) => {
-    if (i || s) return;
-    if (I(o.current), e === "clearFormat") {
-      Fs(), d();
+    }), st(t.html));
+  }, S = (e) => {
+    if (c || u) return;
+    if (A(o.current), e === "clearFormat") {
+      Qa(), _();
       return;
     }
     if (e === "directionLtr" && o.current) {
-      ao(o.current, Ei), d();
+      ko(o.current, ji), _();
       return;
     }
     if (e === "directionRtl" && o.current) {
-      ao(o.current, mi), d();
+      ko(o.current, Qi), _();
       return;
     }
-    if (e === Re) {
-      A(Wn), d();
+    if (e === Pe) {
+      I(fo), _();
       return;
     }
-    const t = _t[e];
-    t && (t.value ? h(t.command, t.value) : h(t.command), d());
-  }, Xr = (e) => {
-    i || s || (I(o.current), h("formatBlock", e), bt(e), d());
-  }, Gr = (e) => {
-    i || s || (I(o.current), ws(e), dr(e), d());
-  }, Wr = (e) => {
-    i || s || (I(o.current), Ks(e), Gt(e), d());
-  }, nn = (e) => {
-    ur(e), Er(e), he(!0);
-  }, Vr = (e) => {
-    if (i || s) return;
-    nn(e === Ti ? di : be);
-  }, lt = () => {
+    const t = pt[e];
+    t && (t.value ? g(t.command, t.value) : g(t.command), _());
+  }, Ol = (e) => {
+    c || u || (A(o.current), g("formatBlock", e), Ut(e), _());
+  }, Ll = (e) => {
+    c || u || (A(o.current), qa(e), Kr(e), _());
+  }, Cl = (e) => {
+    c || u || (A(o.current), ja(e), cn(e), _());
+  }, Nn = (e) => {
+    yr(e), Gr(e), Se(!0);
+  }, Nl = (e) => {
+    if (c || u) return;
+    Nn(e === $i ? zi : He);
+  }, _t = () => {
     var l;
-    if (i || s) return;
-    const e = Ts(o.current), t = ((l = window.getSelection()) == null ? void 0 : l.toString().trim()) || Ne.current, n = window.prompt(yl, xl);
-    n && (I(o.current), fs(o.current, e), vs(n, t), d());
-  }, it = (e) => {
-    i || s || (I(o.current), A(e), d());
-  }, Yr = (e) => {
+    if (c || u) return;
+    const e = ha(o.current), t = ((l = window.getSelection()) == null ? void 0 : l.toString().trim()) || ge.current, n = window.prompt(Oi, Li);
+    n && (A(o.current), ga(o.current, e), $a(n, t), _());
+  }, dt = (e) => {
+    c || u || (A(o.current), I(e), _());
+  }, Il = (e) => {
     var n;
-    const t = ((n = window.getSelection()) == null ? void 0 : n.toString().trim()) || Ne.current;
-    it(oo(e, t || An));
-  }, on = async (e) => ko && Rt ? Rt(e) : ys(e), rn = async () => {
-    if (i || s) return;
+    const t = ((n = window.getSelection()) == null ? void 0 : n.toString().trim()) || ge.current;
+    dt(So(e, t || xn));
+  }, In = async (e) => rr && kt ? kt(e) : Za(e), An = async () => {
+    if (c || u) return;
     const e = document.createElement("input");
     e.type = "file", e.accept = "image/*", e.onchange = async () => {
       var l;
       const t = (l = e.files) == null ? void 0 : l[0];
       if (!t) return;
-      const n = await on(t);
-      I(o.current), pt(n, t.name), d();
+      const n = await In(t);
+      A(o.current), gt(n, t.name), _();
     }, e.click();
-  }, ln = (e = No, t = Io) => {
-    if (i || s || !a.table) return;
-    I(o.current);
-    const n = xc(e, t);
-    if (q && a.trackChanges) {
-      const l = ft("insert", n, X);
-      ue([...w, l]), A(to(n, l.id));
+  }, hn = (e = Yo, t = zo) => {
+    if (c || u || !s.table) return;
+    A(o.current);
+    const n = Bs(e, t);
+    if (Q && s.trackChanges) {
+      const l = Ct("insert", n, K);
+      Te([...X, l]), I(go(n, l.id));
     } else
-      A(n);
-    d();
-  }, cn = () => {
-    const e = re.current.undo();
+      I(n);
+    _();
+  }, gn = () => {
+    const e = ie.current.undo();
     if (e === null || !o.current) {
-      h("undo"), d();
+      g("undo"), _();
       return;
     }
-    K(e);
-  }, sn = () => {
-    const e = re.current.redo();
+    F(e);
+  }, bn = () => {
+    const e = ie.current.redo();
     if (e === null || !o.current) {
-      h("redo"), d();
+      g("redo"), _();
       return;
     }
-    K(e);
-  }, zr = (e) => {
-    if (i || s) return;
-    e.preventDefault(), ze((n) => n.open ? { ...n, open: !1 } : n);
-    const t = a.graph ? hs(e.target) : null;
-    J.current = t, Ir(!!t), Wt(!!(a.table && qn())), Ve({ open: !0, x: e.clientX, y: e.clientY });
-  }, ct = (e) => {
-    const t = J.current;
+    F(e);
+  }, Al = (e) => {
+    if (c || u) return;
+    e.preventDefault(), et((n) => n.open ? { ...n, open: !1 } : n);
+    const t = s.graph ? va(e.target) : null;
+    te.current = t, Zr(!!t), sn(!!(s.table && Lo())), Ze({ open: !0, x: e.clientX, y: e.clientY });
+  }, ft = (e) => {
+    const t = te.current;
     if (!t) return;
-    const n = co(t.getAttribute(Gn));
-    io(t, e, n.length ? n : Se), J.current = null, d();
-  }, an = (e) => {
-    const t = J.current;
+    const n = Po(t.getAttribute(_o));
+    Do(t, e, n.length ? n : ke), te.current = null, _();
+  }, Rn = (e) => {
+    const t = te.current;
     if (!t) return;
-    const n = co(t.getAttribute(Gn));
-    br(n.length ? n : Se), Br(lo(t.getAttribute(Wi))), gr(e), Ze(!0);
-  }, $r = (e, t) => {
-    const n = J.current;
+    const n = Po(t.getAttribute(_o));
+    ol(n.length ? n : ke), ll(Mo(t.getAttribute(gc))), tl(e), rt(!0);
+  }, hl = (e, t) => {
+    const n = te.current;
     if (!n) return;
-    const l = n.getAttribute(Xi) ?? ro;
-    io(n, l, e, t), Ze(!1), d();
-  }, un = () => {
-    const e = Ce.current;
-    if (!(!e || !a.fullscreen)) {
+    const l = n.getAttribute(Ac) ?? Bo;
+    Do(n, l, e, t), rt(!1), _();
+  }, Sn = () => {
+    const e = he.current;
+    if (!(!e || !s.fullscreen)) {
       if (document.fullscreenElement) {
         document.exitFullscreen();
         return;
       }
       e.requestFullscreen();
     }
-  }, qr = () => {
-    const e = J.current;
+  }, gl = () => {
+    const e = te.current;
     if (e) {
       const t = document.createRange();
       t.selectNodeContents(e);
       const n = window.getSelection();
       n == null || n.removeAllRanges(), n == null || n.addRange(t);
     }
-    le(!0);
-  }, _n = () => {
-    const e = !je;
-    Cr(e), e && o.current && $(ee(o.current)), Fe == null || Fe(e);
-  }, jr = (e) => {
-    i || s || (e.preventDefault(), Ve((t) => t.open ? { ...t, open: !1 } : t), ze({ open: !0, x: e.clientX, y: e.clientY }));
-  }, dn = () => {
-    if (i || s || !a.comments) return;
+    ce(!0);
+  }, Bn = () => {
+    const e = !ot;
+    jr(e), e && o.current && j(ne(o.current)), We == null || We(e);
+  }, bl = (e) => {
+    c || u || (e.preventDefault(), Ze((t) => t.open ? { ...t, open: !1 } : t), et({ open: !0, x: e.clientX, y: e.clientY }));
+  }, Mn = () => {
+    if (c || u || !s.comments) return;
     const e = window.prompt("Comment:");
     if (!(e != null && e.trim())) return;
-    const t = zn("hl");
-    if (I(o.current), !Jc(t)) return;
-    const l = es(X, e.trim(), t);
-    ot([l, ...ae]), rt(!0), d();
-  }, Zr = [
+    const t = po("hl");
+    if (A(o.current), !Vs(t)) return;
+    const l = Ys(K, e.trim(), t);
+    De([l, ...G]), ut(!0), _();
+  }, Rl = [
     {
-      id: $l,
-      label: zl,
-      onSelect: () => zt(!0)
+      id: Bi,
+      label: Si,
+      onSelect: () => fn(!0)
     },
     {
-      id: jl,
-      label: ql,
-      onSelect: () => nt(!0)
+      id: Di,
+      label: Mi,
+      onSelect: () => at(!0)
     }
-  ], x = (e) => {
-    const t = qn();
-    !t || !a.table || e(t) && d();
-  }, Qr = a.table && mr ? [
+  ], D = (e) => {
+    const t = Lo();
+    !t || !s.table || e(t) && _();
+  }, Sl = s.table && Wr ? [
+    {
+      id: vc,
+      label: kc,
+      onSelect: () => D((e) => Co(e, "before"))
+    },
+    {
+      id: wc,
+      label: Uc,
+      onSelect: () => D((e) => Co(e, "after"))
+    },
+    {
+      id: Fc,
+      label: yc,
+      onSelect: () => D((e) => No(e, "before"))
+    },
+    {
+      id: xc,
+      label: Kc,
+      onSelect: () => D((e) => No(e, "after"))
+    },
     {
-      id: tc,
-      label: ec,
-      onSelect: () => x((e) => jn(e, "before"))
+      id: Gc,
+      label: Xc,
+      onSelect: () => D((e) => Ms(e))
     },
     {
-      id: oc,
-      label: nc,
-      onSelect: () => x((e) => jn(e, "after"))
+      id: Vc,
+      label: Wc,
+      onSelect: () => D((e) => Ds(e))
     },
     {
-      id: lc,
-      label: rc,
-      onSelect: () => x((e) => Zn(e, "before"))
+      id: zc,
+      label: Yc,
+      onSelect: () => D((e) => Ps(e))
     },
     {
-      id: cc,
-      label: ic,
-      onSelect: () => x((e) => Zn(e, "after"))
+      id: qc,
+      label: $c,
+      onSelect: () => D((e) => Hs(e))
     },
     {
-      id: ac,
-      label: sc,
-      onSelect: () => x((e) => Xc(e))
+      id: Qc,
+      label: jc,
+      onSelect: () => D((e) => ks(e))
     },
     {
-      id: _c,
-      label: uc,
-      onSelect: () => x((e) => Gc(e))
+      id: Jc,
+      label: Zc,
+      onSelect: () => D((e) => vs(e))
     },
     {
-      id: Tc,
-      label: dc,
-      onSelect: () => x((e) => Wc(e))
+      id: ts,
+      label: es,
+      onSelect: () => D((e) => Us(e))
     }
-  ] : [], Jr = [
-    ...a.graph && Nr ? [
+  ] : [], Bl = [
+    ...s.graph && Qr ? [
       {
-        id: pl,
-        label: ml,
-        onSelect: () => ct("bar")
+        id: ql,
+        label: $l,
+        onSelect: () => ft("bar")
       },
       {
-        id: Ol,
-        label: Ll,
-        onSelect: () => ct("line")
+        id: Ql,
+        label: jl,
+        onSelect: () => ft("line")
       },
       {
-        id: Nl,
-        label: Cl,
-        onSelect: () => ct("pie")
+        id: Jl,
+        label: Zl,
+        onSelect: () => ft("pie")
       },
       {
-        id: Al,
-        label: Il,
-        onSelect: () => an("values")
+        id: ti,
+        label: ei,
+        onSelect: () => Rn("values")
       },
       {
-        id: gl,
-        label: hl,
-        onSelect: () => an("colors")
+        id: oi,
+        label: ni,
+        onSelect: () => Rn("colors")
       },
       {
-        id: bl,
-        label: Rl,
-        onSelect: qr
+        id: li,
+        label: ri,
+        onSelect: gl
       }
     ] : [],
-    ...Qr,
+    ...Sl,
     {
-      id: Ec,
-      label: fc,
-      onSelect: () => b("bold")
+      id: os,
+      label: ns,
+      onSelect: () => S("bold")
     },
     {
-      id: pc,
-      label: mc,
-      onSelect: () => b("italic")
+      id: ls,
+      label: rs,
+      onSelect: () => S("italic")
     },
     {
-      id: Oc,
-      label: Lc,
-      onSelect: () => b("underline")
+      id: cs,
+      label: is,
+      onSelect: () => S("underline")
     },
     {
-      id: Nc,
-      label: Cc,
-      onSelect: () => b("strikethrough")
+      id: as,
+      label: ss,
+      onSelect: () => S("strikethrough")
     },
     {
-      id: Ac,
-      label: Ic,
-      onSelect: () => b("heading2")
+      id: _s,
+      label: us,
+      onSelect: () => S("heading2")
     },
     {
-      id: gc,
-      label: hc,
-      onSelect: () => b("bulletList")
+      id: fs,
+      label: ds,
+      onSelect: () => S("bulletList")
     },
     {
-      id: bc,
-      label: Rc,
-      onSelect: () => b("orderedList")
+      id: Es,
+      label: Ts,
+      onSelect: () => S("orderedList")
     },
     {
-      id: Bc,
-      label: Sc,
-      onSelect: () => lt()
+      id: ps,
+      label: ms,
+      onSelect: () => _t()
     },
     {
-      id: Mc,
-      label: Dc,
-      onSelect: () => b("clearFormat")
+      id: Ls,
+      label: Os,
+      onSelect: () => S("clearFormat")
     },
     {
-      id: kc,
-      label: Hc,
-      disabled: !a.findReplace,
-      onSelect: () => he(!0)
+      id: Ns,
+      label: Cs,
+      disabled: !s.findReplace,
+      onSelect: () => Se(!0)
     },
     {
-      id: Uc,
-      label: Pc,
-      disabled: !a.signature,
-      onSelect: () => Xe(!0)
+      id: As,
+      label: Is,
+      disabled: !s.signature,
+      onSelect: () => ze(!0)
     },
     {
-      id: wc,
-      label: vc,
-      disabled: !a.comments,
-      onSelect: () => dn()
+      id: gs,
+      label: hs,
+      disabled: !s.comments,
+      onSelect: () => Mn()
     },
-    ...Jt ? [
+    ...On ? [
       {
-        id: Yl,
-        label: Vl,
-        onSelect: () => nt(!1)
+        id: Ri,
+        label: bi,
+        onSelect: () => at(!1)
       }
     ] : []
-  ], Tn = (e) => {
+  ], Dn = (e) => {
     if (!o.current) return;
-    const t = jc(o.current.innerHTML, e);
-    K(t), ue(
-      w.map((n) => n.id === e ? { ...n, accepted: !0 } : n)
+    const t = Xs(o.current.innerHTML, e);
+    F(t), Te(
+      X.map((n) => n.id === e ? { ...n, accepted: !0 } : n)
     );
-  }, fn = (e) => {
+  }, Pn = (e) => {
     if (!o.current) return;
-    const t = qc(o.current.innerHTML, e);
-    K(t), ue(
-      w.map((n) => n.id === e ? { ...n, rejected: !0 } : n)
+    const t = xs(o.current.innerHTML, e);
+    F(t), Te(
+      X.map((n) => n.id === e ? { ...n, rejected: !0 } : n)
     );
-  }, En = async (e) => {
-    const t = await on(e), n = `<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;
-    if (q && a.trackChanges) {
-      const l = ft("insert", n, X);
-      ue([...w, l]), A(to(n, l.id));
+  }, Hn = async (e) => {
+    const t = await In(e), n = `<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;
+    if (Q && s.trackChanges) {
+      const l = Ct("insert", n, K);
+      Te([...X, l]), I(go(n, l.id));
     } else
-      pt(t);
-    d();
-  }, el = async (e) => {
-    if (i || s) return;
+      gt(t);
+    _();
+  }, Ml = async (e) => {
+    if (c || u) return;
     const t = e.clipboardData;
     if (!t) return;
-    if (vo) {
-      const l = cs(t);
-      if (l) {
+    const n = Js(t);
+    if (cr || ea(n)) {
+      const T = n;
+      if (T) {
         e.preventDefault();
-        const T = ss(l);
-        T && (A(T), d());
-        const L = t.items;
-        if (Ct && L)
-          for (const _ of Array.from(L)) {
-            if (!_.type.startsWith("image/")) continue;
-            const C = _.getAsFile();
-            C && await En(C);
+        const f = ta(T);
+        f && (I(f), _());
+        const a = t.items;
+        if (Bt && a)
+          for (const m of Array.from(a)) {
+            if (!m.type.startsWith("image/")) continue;
+            const k = m.getAsFile();
+            k && await Hn(k);
           }
         return;
       }
-      const u = as(t);
-      if (u) {
-        e.preventDefault(), A(u.replace(/\n/g, "<br />")), d();
+      const d = na(t);
+      if (d) {
+        e.preventDefault(), I(d.replace(/\n/g, "<br />")), _();
         return;
       }
     }
-    if (!Ct) return;
-    const n = t.items;
-    if (n)
-      for (const l of Array.from(n)) {
-        if (!l.type.startsWith("image/")) continue;
+    if (!Bt) return;
+    const l = t.items;
+    if (l)
+      for (const T of Array.from(l)) {
+        if (!T.type.startsWith("image/")) continue;
         e.preventDefault();
-        const u = l.getAsFile();
-        u && await En(u);
+        const d = T.getAsFile();
+        d && await Hn(d);
+      }
+  }, Dl = (e) => {
+    S(e);
+  }, Pl = async (e) => {
+    const t = nu(e);
+    if (!(!t || !o.current || !ue)) {
+      an(!0), fe("");
+      try {
+        const n = await vo.runProvider((E == null ? void 0 : E.providerId) || To, {
+          capability: t,
+          html: o.current.innerHTML,
+          selectionHtml: ue,
+          options: ou(e),
+          modelId: E == null ? void 0 : E.modelId
+        });
+        fe(ru(n));
+      } catch {
+        fe("");
+      } finally {
+        an(!1);
       }
-  }, tl = (e) => {
-    b(e);
-  }, nl = (e) => {
-    if (e.key === Jl && v.visible && v.suggestion) {
-      e.preventDefault(), tn();
+    }
+  }, Hl = () => {
+    tt && (A(o.current), I(tt), fe(""), _());
+  }, kl = (e) => {
+    if (e.key === ki && x.visible && x.suggestion) {
+      e.preventDefault(), Cn();
       return;
     }
-    if (e.key === ei) {
-      U();
+    if (e.key === vi) {
+      y();
       return;
     }
-    if (Us(e.nativeEvent)) {
-      d();
+    if (Ga(e.nativeEvent) || Wa(e.nativeEvent)) {
+      _();
       return;
     }
-    if (e.key === ti) {
-      if (v.visible) {
-        e.preventDefault(), U();
+    if (e.key === Ui) {
+      if (x.visible) {
+        e.preventDefault(), y();
         return;
       }
-      Ae([]), Z((t) => t.open ? { ...t, open: !1 } : t);
+      Re([]), J((t) => t.open ? { ...t, open: !1 } : t);
     }
-    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === ni) {
-      e.preventDefault(), a.ai && (f != null && f.enabled) && le(!0);
+    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === wi) {
+      e.preventDefault(), s.ai && (E != null && E.enabled) && ce(!0);
       return;
     }
-    (e.metaKey || e.ctrlKey) && e.key === oi && (e.preventDefault(), e.shiftKey ? sn() : cn());
-  }, ol = (e) => {
+    (e.metaKey || e.ctrlKey) && e.key === yi && (e.preventDefault(), e.shiftKey ? bn() : gn());
+  }, vl = (e) => {
     var n;
-    I(o.current);
+    A(o.current);
     const t = window.getSelection();
     if ((n = t == null ? void 0 : t.anchorNode) != null && n.textContent) {
-      const u = t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/, " ");
-      t.anchorNode.nodeType === Node.TEXT_NODE && (t.anchorNode.textContent = u);
+      const T = t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/, " ");
+      t.anchorNode.nodeType === Node.TEXT_NODE && (t.anchorNode.textContent = T);
     }
-    switch (xe(M), Ae([]), e.insert) {
+    switch (Ye(P), Re([]), e.insert) {
       case "heading1":
-        h("formatBlock", Zi);
+        g("formatBlock", Pc);
         break;
       case "heading2":
-        h("formatBlock", ji);
+        g("formatBlock", Dc);
         break;
       case "heading3":
-        h("formatBlock", qi);
+        g("formatBlock", Mc);
         break;
       case "paragraph":
-        h("formatBlock", $i);
+        g("formatBlock", Bc);
         break;
       case "bulletList":
-        h("insertUnorderedList");
+        g("insertUnorderedList");
         break;
       case "orderedList":
-        h("insertOrderedList");
+        g("insertOrderedList");
         break;
       case "checklist":
-        A(Wn);
+        I(fo);
         break;
       case "quote":
-        h("formatBlock", zi);
+        g("formatBlock", Sc);
         break;
       case "code":
-        h("formatBlock", Yi);
+        g("formatBlock", Rc);
         break;
       case "callout":
-        A(Vi);
+        I(bc);
         break;
       case "table":
-        ln();
+        hn();
         return;
       case "image":
-        rn();
+        An();
         return;
       case "ai":
-        le(!0);
+        ce(!0);
         break;
       case "titles":
-        A(oo(Ns, Ne.current || An));
+        I(So(Pa, ge.current || xn));
         break;
       case "excel":
-        A(Is(As()));
+        I(Ha(ka()));
         break;
       case "graph":
-        A(gs(ro, Se));
+        I(Ua(Bo, ke));
         break;
     }
-    d();
-  }, mn = (e) => {
+    _();
+  }, kn = (e) => {
     if (!o.current) return;
-    const t = window.getSelection(), n = fe((t == null ? void 0 : t.anchorNode) ?? null, o.current);
-    n && Yc(n, e) && (d(), _e());
-  }, rl = (e) => {
+    const t = window.getSelection(), n = Oe((t == null ? void 0 : t.anchorNode) ?? null, o.current);
+    n && ys(n, e) && (_(), Ee());
+  }, Ul = (e) => {
     if (!o.current) return;
-    const t = window.getSelection(), n = fe((t == null ? void 0 : t.anchorNode) ?? null, o.current), l = o.current.querySelector(`.${Gi}`), u = n ?? (l instanceof HTMLElement ? l : null);
-    if (!u) {
+    const t = window.getSelection(), n = Oe((t == null ? void 0 : t.anchorNode) ?? null, o.current), l = o.current.querySelector(`.${hc}`), T = n ?? (l instanceof HTMLElement ? l : null);
+    if (!T) {
       e.preventDefault();
       return;
     }
-    F.current = u, Tt(o.current), Qn(o.current, u), Vc(u), e.dataTransfer.setData(qs, js), e.dataTransfer.effectAllowed = To;
-  }, ll = (e) => {
-    if (!o.current || !F.current) return;
-    e.preventDefault(), e.dataTransfer.dropEffect = To;
-    const t = fe(e.target, o.current);
-    if (!t || t === F.current) {
-      eo(o.current, null, null);
+    W.current = T, Lt(o.current), Io(o.current, T), ws(T), e.dataTransfer.setData(uu, _u), e.dataTransfer.effectAllowed = yo;
+  }, wl = (e) => {
+    if (!o.current || !W.current) return;
+    e.preventDefault(), e.dataTransfer.dropEffect = yo;
+    const t = Oe(e.target, o.current);
+    if (!t || t === W.current) {
+      ho(o.current, null, null);
       return;
     }
-    const n = Jn(e.clientY, t);
-    eo(o.current, t, n);
-  }, il = (e) => {
-    if (!o.current || !F.current) return;
+    const n = Ao(e.clientY, t);
+    ho(o.current, t, n);
+  }, yl = (e) => {
+    if (!o.current || !W.current) return;
     e.preventDefault();
-    const t = fe(e.target, o.current), n = F.current;
-    t && t !== n && (Jn(e.clientY, t) === fi ? zc(n, t) : $c(n, t)) && (d(), _e()), Tt(o.current), F.current = null;
-  }, cl = () => {
-    o.current && Tt(o.current), F.current = null;
-  }, st = (e, t) => {
-    var l, u, T, L;
+    const t = Oe(e.target, o.current), n = W.current;
+    t && t !== n && (Ao(e.clientY, t) === qi ? Fs(n, t) : Ks(n, t)) && (_(), Ee()), Lt(o.current), W.current = null;
+  }, Fl = () => {
+    o.current && Lt(o.current), W.current = null;
+  }, Tt = (e, t) => {
+    var l, T, d, f;
     if (e === "divider")
-      return /* @__PURE__ */ r("span", { className: Ki }, `divider-${t}`);
+      return /* @__PURE__ */ r("span", { className: Lc }, `divider-${t}`);
     if (e === "headingDropdown")
       return /* @__PURE__ */ r(
-        Be,
+        ve,
         {
           title: "Heading",
-          options: Fi,
-          value: Ko || "p",
-          disabled: i || s,
-          onChange: Xr
+          options: Cc,
+          value: ar || "p",
+          disabled: c || u,
+          onChange: Ol
         },
         "heading"
       );
-    if (e === hn)
+    if (e === Xn)
       return /* @__PURE__ */ r(
-        Be,
+        ve,
         {
-          title: ii,
-          options: li,
-          value: _r,
-          disabled: i || s,
-          onChange: Gr
+          title: xi,
+          options: Ki,
+          value: Fr,
+          disabled: c || u,
+          onChange: Ll
         },
-        hn
+        Xn
       );
-    if (e === gn)
+    if (e === Gn)
       return /* @__PURE__ */ r(
-        Be,
+        ve,
         {
-          title: ai,
-          options: si,
-          value: Tr,
-          disabled: i || s,
-          onChange: Wr
+          title: Wi,
+          options: Gi,
+          value: xr,
+          disabled: c || u,
+          onChange: Cl
         },
-        gn
+        Gn
       );
     if (e === "textColor")
       return /* @__PURE__ */ r(
-        uo,
+        Uo,
         {
           title: "Text color",
           type: "text",
-          value: qo,
-          disabled: i || s,
-          onChange: (_) => {
-            I(o.current), Ds(_), jo(_), d();
+          value: Cr,
+          disabled: c || u,
+          onChange: (a) => {
+            A(o.current), xa(a), Nr(a), _();
           }
         },
         "textColor"
       );
     if (e === "highlightColor")
       return /* @__PURE__ */ r(
-        uo,
+        Uo,
         {
           title: "Highlight color",
           type: "highlight",
-          value: Zo,
-          disabled: i || s,
-          onChange: (_) => {
-            I(o.current), Ms(_), Qo(_), d();
+          value: Ir,
+          disabled: c || u,
+          onChange: (a) => {
+            A(o.current), Xa(a), Ar(a), _();
           }
         },
         "highlightColor"
@@ -938,12 +1001,12 @@ const Lt = () => {
       return /* @__PURE__ */ r(
         N,
         {
-          icon: E.link,
+          icon: L.link,
           title: "Insert link",
-          hint: O.link,
-          onHint: m,
-          disabled: i || s,
-          onClick: lt
+          hint: C.link,
+          onHint: p,
+          disabled: c || u,
+          onClick: _t
         },
         "link"
       );
@@ -951,212 +1014,303 @@ const Lt = () => {
       return /* @__PURE__ */ r(
         N,
         {
-          hint: O.image,
-          onHint: m,
-          icon: E.image,
+          hint: C.image,
+          onHint: p,
+          icon: L.image,
           title: "Insert image",
-          disabled: i || s,
+          disabled: c || u,
           onClick: () => {
-            rn();
+            An();
           }
         },
         "image"
       );
-    if (e === Re)
+    if (e === Pe)
       return /* @__PURE__ */ r(
         N,
         {
-          icon: E.checklist,
+          icon: L.checklist,
           title: "Checklist",
-          hint: O.checklist,
-          onHint: m,
-          disabled: i || s,
-          onClick: () => b(Re)
+          hint: C.checklist,
+          onHint: p,
+          disabled: c || u,
+          onClick: () => S(Pe)
         },
-        Re
+        Pe
       );
     if (e === "table")
-      return a.table ? /* @__PURE__ */ r(
-        _a,
+      return s.table ? /* @__PURE__ */ r(
+        Bu,
         {
-          icon: E.table,
-          disabled: i || s,
-          onSelect: ln
+          icon: L.table,
+          disabled: c || u,
+          onSelect: hn
         },
         "table"
       ) : null;
-    if (e === Rn)
-      return a.titles ? /* @__PURE__ */ r(
-        da,
+    if (e === Wn)
+      return s.titles ? /* @__PURE__ */ r(
+        Mu,
         {
-          icon: E.titles,
-          disabled: i || s,
-          pluginColor: (l = me.get("titles")) == null ? void 0 : l.color,
-          hint: O.titles,
-          onHint: m,
-          onSelect: Yr
+          icon: L.titles,
+          disabled: c || u,
+          pluginColor: (l = Ce.get("titles")) == null ? void 0 : l.color,
+          hint: C.titles,
+          onHint: p,
+          onSelect: Il
         },
-        Rn
+        Wn
       ) : null;
-    if (e === bn)
-      return a.excel ? /* @__PURE__ */ r(
-        Ta,
+    if (e === Vn)
+      return s.excel ? /* @__PURE__ */ r(
+        Du,
         {
-          icon: E.excel,
-          disabled: i || s,
-          pluginColor: (u = me.get("excel")) == null ? void 0 : u.color,
-          hint: O.excel,
-          onHint: m,
-          onInsert: it
+          icon: L.excel,
+          disabled: c || u,
+          pluginColor: (T = Ce.get("excel")) == null ? void 0 : T.color,
+          hint: C.excel,
+          onHint: p,
+          onInsert: dt
         },
-        bn
+        Vn
       ) : null;
-    if (e === Sn)
-      return a.graph ? /* @__PURE__ */ r(
-        fa,
+    if (e === Yn)
+      return s.graph ? /* @__PURE__ */ r(
+        Pu,
         {
-          icon: E.graph,
-          disabled: i || s,
-          pluginColor: (T = me.get("graph")) == null ? void 0 : T.color,
-          hint: O.graph,
-          onHint: m,
-          onInsert: it
+          icon: L.graph,
+          disabled: c || u,
+          pluginColor: (d = Ce.get("graph")) == null ? void 0 : d.color,
+          hint: C.graph,
+          onHint: p,
+          onInsert: dt
         },
-        Sn
+        Yn
       ) : null;
-    if (e === Bn)
-      return a.theme ? /* @__PURE__ */ r(
-        ma,
+    if (e === zn)
+      return s.theme ? /* @__PURE__ */ r(
+        ku,
         {
-          icon: E.theme,
-          disabled: i,
-          pluginColor: (L = me.get("theme")) == null ? void 0 : L.color,
-          hint: O.theme,
-          onHint: m,
-          value: Zt,
-          onChange: (_) => {
-            Mr(_), ve == null || ve(_), bs(Ce.current, _);
+          icon: L.theme,
+          disabled: c,
+          pluginColor: (f = Ce.get("theme")) == null ? void 0 : f.color,
+          hint: C.theme,
+          onHint: p,
+          value: il,
+          onChange: (a) => {
+            cl(a), ya(he.current, a);
           }
         },
-        Bn
+        zn
       ) : null;
-    if (e === Dn)
-      return a.fullscreen ? /* @__PURE__ */ r(
+    if (e === $n)
+      return s.fullscreen ? /* @__PURE__ */ r(
         N,
         {
-          icon: E.fullscreen,
-          title: Qt ? Pl : Ul,
-          hint: O.fullscreen,
-          onHint: m,
-          active: Qt,
-          disabled: i,
-          onClick: un
+          icon: L.fullscreen,
+          title: pn ? di : fi,
+          hint: C.fullscreen,
+          onHint: p,
+          active: pn,
+          disabled: c,
+          onClick: Sn
         },
-        Dn
+        $n
       ) : null;
-    if (e === Mn)
-      return a.outline ? /* @__PURE__ */ r(
+    if (e === qn)
+      return s.outline ? /* @__PURE__ */ r(
         N,
         {
-          icon: E.outline,
-          title: vl,
-          hint: O.outline,
-          onHint: m,
-          active: je,
-          disabled: i,
-          onClick: _n
+          icon: L.outline,
+          title: Ti,
+          hint: C.outline,
+          onHint: p,
+          active: ot,
+          disabled: c,
+          onClick: Bn
         },
-        Mn
+        qn
       ) : null;
-    if (e === Hn)
-      return a.htmlSource ? /* @__PURE__ */ r(
+    if (e === Ci || e === jn) {
+      if (!s.markdown) return null;
+      const a = e === jn;
+      return /* @__PURE__ */ r(
         N,
         {
-          className: yn,
-          icon: /* @__PURE__ */ r("span", { className: xn, children: Kl }),
-          title: wl,
-          hint: O.htmlSource,
-          onHint: m,
-          active: se,
-          disabled: i,
+          icon: a ? "Md" : "In",
+          title: a ? "Export Markdown" : "Import Markdown",
+          hint: C[e],
+          onHint: p,
+          disabled: c || (a ? !1 : u),
           onClick: () => {
-            var _;
-            if (se) {
-              s || K(xt), yt(!1);
+            var m;
+            if (a) {
+              if (!o.current) return;
+              aa(
+                _a,
+                ua(o.current.innerHTML),
+                da
+              );
               return;
             }
-            Xt(((_ = o.current) == null ? void 0 : _.innerHTML) ?? g ?? M), yt(!0);
+            (m = vt.current) == null || m.click();
           }
         },
-        Hn
+        e
+      );
+    }
+    if (e === Ni || e === Qn) {
+      if (!s.export) return null;
+      const a = e === Qn;
+      return /* @__PURE__ */ r(
+        N,
+        {
+          icon: a ? "PDF" : "W",
+          title: a ? "Export PDF" : "Export Word",
+          hint: C[e],
+          onHint: p,
+          disabled: c,
+          onClick: () => {
+            var k;
+            const m = ((k = o.current) == null ? void 0 : k.innerHTML) ?? "";
+            if (a) {
+              fa(m);
+              return;
+            }
+            Ta(ma, Ea(m), pa);
+          }
+        },
+        e
+      );
+    }
+    if (e === Zn)
+      return s.versionHistory ? /* @__PURE__ */ r(
+        N,
+        {
+          icon: "V",
+          title: "Version history",
+          hint: C.versions,
+          onHint: p,
+          active: qt,
+          disabled: c,
+          onClick: () => {
+            Qt(It(H)), jt((a) => !a);
+          }
+        },
+        Zn
       ) : null;
-    if (e === kn)
-      return a.signature ? /* @__PURE__ */ r(
+    if (e === Jn || e === Ii) {
+      if (!s.formatPainter) return null;
+      const a = e === Jn;
+      return /* @__PURE__ */ r(
         N,
         {
-          icon: E.signature,
+          icon: a ? "P" : "Aa",
+          title: a ? "Format painter" : "Change case",
+          hint: C[e],
+          onHint: p,
+          active: a ? !!Be : on,
+          disabled: c || u,
+          onClick: () => {
+            if (a) {
+              nn(Be ? null : Aa());
+              return;
+            }
+            Ur((m) => !m);
+          }
+        },
+        e
+      );
+    }
+    if (e === eo)
+      return s.htmlSource ? /* @__PURE__ */ r(
+        N,
+        {
+          className: so,
+          icon: /* @__PURE__ */ r("span", { className: ao, children: mi }),
+          title: Ei,
+          hint: C.htmlSource,
+          onHint: p,
+          active: _e,
+          disabled: c,
+          onClick: () => {
+            var a;
+            if (_e) {
+              u || F(rn), $t(!1);
+              return;
+            }
+            ln(((a = o.current) == null ? void 0 : a.innerHTML) ?? b ?? P), $t(!0);
+          }
+        },
+        eo
+      ) : null;
+    if (e === to)
+      return s.signature ? /* @__PURE__ */ r(
+        N,
+        {
+          icon: L.signature,
           title: "Sign pad",
-          hint: O.signature,
-          onHint: m,
-          active: Ft,
-          disabled: i || s,
-          onClick: () => Xe(!0)
+          hint: C.signature,
+          onHint: p,
+          active: zt,
+          disabled: c || u,
+          onClick: () => ze(!0)
         },
-        kn
+        to
       ) : null;
-    if (e === Pn)
-      return a.findReplace ? /* @__PURE__ */ r(
+    if (e === no)
+      return s.findReplace ? /* @__PURE__ */ r(
         N,
         {
-          icon: E.findReplace,
+          icon: L.findReplace,
           title: "Find and replace",
-          hint: O.findReplace,
-          onHint: m,
-          active: Ge,
-          disabled: i || s,
+          hint: C.findReplace,
+          onHint: p,
+          active: $e,
+          disabled: c || u,
           onClick: () => {
-            Ge ? he(!1) : nn(be);
+            $e ? Se(!1) : Nn(He);
           }
         },
-        Pn
+        no
       ) : null;
-    if (e === Un)
-      return a.findReplace ? /* @__PURE__ */ r(
-        Be,
+    if (e === oo)
+      return s.findReplace ? /* @__PURE__ */ r(
+        ve,
         {
-          title: _i,
-          options: ui,
-          value: fr,
-          disabled: i || s,
-          onChange: Vr
+          title: Yi,
+          options: Vi,
+          value: Xr,
+          disabled: c || u,
+          onChange: Nl
         },
-        Un
+        oo
       ) : null;
-    if (e === vn)
-      return a.horizontalRule ? /* @__PURE__ */ r(
+    if (e === ro)
+      return s.horizontalRule ? /* @__PURE__ */ r(
         N,
         {
-          icon: E.horizontalRule,
+          icon: L.horizontalRule,
           title: "Horizontal rule",
-          hint: O.horizontalRule,
-          onHint: m,
-          disabled: i || s,
+          hint: C.horizontalRule,
+          onHint: p,
+          disabled: c || u,
           onClick: () => {
-            I(o.current), A("<hr />"), d();
+            A(o.current), I("<hr />"), _();
           }
         },
-        vn
+        ro
       ) : null;
     if (e === "undo")
       return /* @__PURE__ */ r(
         N,
         {
-          icon: E.undo,
+          icon: L.undo,
           title: "Undo",
-          hint: O.undo,
-          onHint: m,
-          disabled: i || s,
-          onClick: cn
+          hint: C.undo,
+          onHint: p,
+          disabled: c || u,
+          onClick: gn
         },
         "undo"
       );
@@ -1164,380 +1318,506 @@ const Lt = () => {
       return /* @__PURE__ */ r(
         N,
         {
-          icon: E.redo,
+          icon: L.redo,
           title: "Redo",
-          hint: O.redo,
-          onHint: m,
-          disabled: i || s,
-          onClick: sn
+          hint: C.redo,
+          onHint: p,
+          disabled: c || u,
+          onClick: bn
         },
         "redo"
       );
     if (e === "trackChanges")
-      return a.trackChanges ? /* @__PURE__ */ r(
+      return s.trackChanges ? /* @__PURE__ */ r(
         N,
         {
-          icon: E.trackChanges,
+          icon: L.trackChanges,
           title: "Track changes",
-          hint: O.trackChanges,
-          onHint: m,
-          active: q,
-          disabled: i || s,
-          onClick: () => Kr(!q)
+          hint: C.trackChanges,
+          onHint: p,
+          active: Q,
+          disabled: c || u,
+          onClick: () => Tl(!Q)
         },
         "trackChanges"
       ) : null;
     if (e === "comments")
-      return a.comments ? /* @__PURE__ */ r(
+      return s.comments ? /* @__PURE__ */ r(
         N,
         {
-          icon: E.comments,
+          icon: L.comments,
           title: "Comments",
-          hint: O.comments,
-          onHint: m,
-          active: qe,
-          disabled: i || s,
+          hint: C.comments,
+          onHint: p,
+          active: nt,
+          disabled: c || u,
           onClick: () => {
-            qe ? rt(!1) : dn();
+            nt ? ut(!1) : Mn();
           }
         },
         "comments"
       ) : null;
     if (e === "code") {
-      const _ = _t.code;
+      const a = pt.code;
       return /* @__PURE__ */ r(
         N,
         {
-          className: yn,
-          icon: /* @__PURE__ */ B(dl, { children: [
-            E.code,
-            /* @__PURE__ */ r("span", { className: xn, children: Fl })
+          className: so,
+          icon: /* @__PURE__ */ R(Wl, { children: [
+            L.code,
+            /* @__PURE__ */ r("span", { className: ao, children: pi })
           ] }),
-          title: _.title,
-          hint: O.code,
-          onHint: m,
-          active: ye.has(e),
-          disabled: i || s,
-          onClick: () => b(e)
+          title: a.title,
+          hint: C.code,
+          onHint: p,
+          active: Ve.has(e),
+          disabled: c || u,
+          onClick: () => S(e)
         },
         "code"
       );
     }
     if (e === "ai") {
-      if (!a.ai || !(f != null && f.enabled)) return null;
-      const _ = me.get("ai");
-      return /* @__PURE__ */ B(
+      if (!s.ai || !(E != null && E.enabled)) return null;
+      const a = Ce.get("ai");
+      return /* @__PURE__ */ R(
         "button",
         {
           type: "button",
-          className: _ ? `${Xn} ${yi}` : Xn,
-          title: ut,
-          style: _ ? { "--ink-plugin-color": _.color } : void 0,
-          "aria-label": ut,
-          "aria-pressed": Pt,
-          disabled: i || s,
-          onMouseEnter: () => m(O.ai),
-          onMouseLeave: () => m(M),
-          onMouseDown: (C) => {
-            C.preventDefault();
+          className: a ? `${uo} ${Nc}` : uo,
+          title: mt,
+          style: a ? { "--ink-plugin-color": a.color } : void 0,
+          "aria-label": mt,
+          "aria-pressed": Gt,
+          disabled: c || u,
+          onMouseEnter: () => p(C.ai),
+          onMouseLeave: () => p(P),
+          onMouseDown: (m) => {
+            m.preventDefault();
           },
-          onClick: () => le((C) => !C),
+          onClick: () => ce((m) => !m),
           children: [
-            /* @__PURE__ */ r("span", { className: xi, "aria-hidden": "true" }),
-            ut
+            /* @__PURE__ */ r("span", { className: Ic, "aria-hidden": "true" }),
+            mt
           ]
         },
         "ai"
       );
     }
-    const n = _t[e];
+    const n = pt[e];
     return n ? /* @__PURE__ */ r(
       N,
       {
-        icon: E[e] ?? e.slice(0, 1).toUpperCase(),
+        icon: L[e] ?? e.slice(0, 1).toUpperCase(),
         title: n.title,
-        hint: O[e],
-        onHint: m,
-        active: ye.has(e),
-        disabled: i || s,
-        onClick: () => b(e)
+        hint: C[e],
+        onHint: p,
+        active: Ve.has(e),
+        disabled: c || u,
+        onClick: () => S(e)
       },
       e
     ) : null;
-  }, pn = typeof De == "number" ? `${De}px` : De, sl = typeof Me == "number" ? `${Me}px` : Me, al = !!(f != null && f.enabled && Pt), ul = Q.slice(p, y.fitCount), at = Q.slice(y.fitCount);
-  return /* @__PURE__ */ B(
+  }, vn = typeof Ue == "number" ? `${Ue}px` : Ue, Kl = typeof we == "number" ? `${we}px` : we, xl = !!(E != null && E.enabled && Gt), Xl = ee.slice(O, V.fitCount), Et = ee.slice(V.fitCount);
+  return /* @__PURE__ */ R(
     "div",
     {
-      ref: Ce,
-      className: Kc(Qi, Eo),
-      "data-testid": mo,
-      "data-disabled": i || void 0,
-      "data-variant": pe,
-      "data-chrome": Lo,
-      "data-color-mode": Qe,
-      "data-ink-theme": Zt,
-      "data-premium": Y.active || void 0,
-      "data-wysiwyg": Po || void 0,
-      style: { ...Uo, ...So },
-      ...Bo,
+      ref: he,
+      className: bs(Hc, Ko),
+      "data-testid": xo,
+      "data-disabled": c || void 0,
+      "data-variant": Ne,
+      "data-chrome": Go,
+      "data-color-mode": lt,
+      "data-premium": $.active || void 0,
+      "data-wysiwyg": lr || void 0,
+      style: { ...ir, ...Jo },
+      ...er,
       children: [
-        Jt ? /* @__PURE__ */ r("div", { className: Ri, children: /* @__PURE__ */ r(
-          Bs,
+        On ? /* @__PURE__ */ r("div", { className: cc, children: /* @__PURE__ */ r(
+          Ka,
           {
             type: "button",
-            "aria-label": Gl,
-            onClick: () => nt(!1),
-            children: Xl
+            "aria-label": hi,
+            onClick: () => at(!1),
+            children: Ai
           }
-        ) }) : /* @__PURE__ */ B(
+        ) }) : /* @__PURE__ */ R(
           "div",
           {
-            className: bi,
+            className: sc,
             role: "toolbar",
             "aria-label": "Ink formatting toolbar",
-            onContextMenu: jr,
-            onDoubleClick: un,
+            onContextMenu: bl,
+            onDoubleClick: Sn,
             onMouseOver: (e) => {
               const t = e.target.closest("button");
               if (!(t instanceof HTMLElement)) return;
-              const n = t.getAttribute("title") || t.getAttribute("aria-label") || M;
-              n && m(n);
+              const n = t.getAttribute("title") || t.getAttribute("aria-label") || P;
+              n && p(n);
             },
-            onMouseLeave: () => m(M),
+            onMouseLeave: () => p(P),
             children: [
-              /* @__PURE__ */ r("div", { className: Si, ref: y.measureRef, "aria-hidden": !0, children: Q.map(st) }),
-              /* @__PURE__ */ B("div", { className: Bi, ref: y.rowRef, children: [
-                ul.map(st),
-                R != null && R.collaborators && R.showPresenceStack !== !1 ? /* @__PURE__ */ r(
-                  pa,
+              /* @__PURE__ */ r("div", { className: ac, ref: V.measureRef, "aria-hidden": !0, children: ee.map(Tt) }),
+              /* @__PURE__ */ R("div", { className: uc, ref: V.rowRef, children: [
+                Xl.map(Tt),
+                h != null && h.collaborators && h.showPresenceStack !== !1 ? /* @__PURE__ */ r(
+                  vu,
                   {
-                    collaborators: R.collaborators,
-                    maxAvatars: R.maxAvatars || 4,
-                    onFollow: R.onFollow
+                    collaborators: h.collaborators,
+                    maxAvatars: h.maxAvatars || 4
                   }
                 ) : null,
-                at.length > p ? /* @__PURE__ */ r("span", { [Di]: "", children: /* @__PURE__ */ r(
+                Et.length > O ? /* @__PURE__ */ r("span", { [_c]: "", children: /* @__PURE__ */ r(
                   N,
                   {
                     icon: "⋯",
-                    title: In,
-                    hint: In,
-                    onHint: m,
-                    active: y.overflowOpen,
-                    disabled: i,
-                    onClick: () => y.setOverflowOpen((e) => !e)
+                    title: Kn,
+                    hint: Kn,
+                    onHint: p,
+                    active: V.overflowOpen,
+                    disabled: c,
+                    onClick: () => V.setOverflowOpen((e) => !e)
                   }
                 ) }) : null
               ] }),
-              y.overflowOpen && at.length > p ? /* @__PURE__ */ r("div", { className: Mi, children: at.map(st) }) : null,
-              jt ? /* @__PURE__ */ r("p", { className: Hi, children: jt }) : null
+              V.overflowOpen && Et.length > O ? /* @__PURE__ */ r("div", { className: dc, children: Et.map(Tt) }) : null,
+              mn ? /* @__PURE__ */ r("p", { className: fc, children: mn }) : null
             ]
           }
         ),
         /* @__PURE__ */ r(
-          aa,
+          Ru,
           {
-            open: Lr,
-            options: Pr,
-            visibleItems: Q,
-            onToggle: wr,
-            onClose: () => zt(!1)
+            open: $r,
+            options: ul,
+            visibleItems: ee,
+            onToggle: fl,
+            onClose: () => fn(!1)
           }
         ),
         /* @__PURE__ */ r(
-          Ea,
+          Hu,
           {
-            open: Ar,
-            mode: hr,
-            points: Rr,
-            colors: Sr,
-            onClose: () => Ze(!1),
-            onApply: $r
+            open: Jr,
+            mode: el,
+            points: nl,
+            colors: rl,
+            onClose: () => rt(!1),
+            onApply: hl
           }
         ),
         /* @__PURE__ */ r(
-          ca,
+          gu,
           {
-            open: Ft,
-            onClose: () => Xe(!1),
+            open: zt,
+            onClose: () => ze(!1),
             onConfirm: (e) => {
-              I(o.current), pt(e), d();
+              A(o.current), gt(e), _();
             }
           }
         ),
         /* @__PURE__ */ r(
-          sa,
+          bu,
           {
-            open: Ge,
-            focusField: ar,
-            onClose: () => he(!1),
+            open: $e,
+            focusField: wr,
+            onClose: () => Se(!1),
             onReplace: (e, t, n) => {
               if (!o.current) return;
-              const l = ds(o.current.innerHTML, e, t, n);
-              K(l);
+              const l = la(o.current.innerHTML, e, t, n);
+              F(l);
             }
           }
         ),
-        q && a.trackChanges ? /* @__PURE__ */ r(
-          ia,
+        Q && s.trackChanges ? /* @__PURE__ */ r(
+          Nu,
           {
-            changes: w,
-            onAccept: Tn,
-            onReject: fn,
-            onAcceptAll: () => w.forEach((e) => Tn(e.id)),
-            onRejectAll: () => w.forEach((e) => fn(e.id))
+            changes: X,
+            onAccept: Dn,
+            onReject: Pn,
+            onAcceptAll: () => X.forEach((e) => Dn(e.id)),
+            onRejectAll: () => X.forEach((e) => Pn(e.id))
           }
         ) : null,
-        pe === "agent" ? /* @__PURE__ */ r("div", { className: "Ink-Editor__agent-bar", role: "status", children: Wl }) : null,
-        /* @__PURE__ */ B("div", { className: ki, children: [
-          kr ? /* @__PURE__ */ r(
-            la,
+        Ne === "agent" ? /* @__PURE__ */ r("div", { className: "Ink-Editor__agent-bar", role: "status", children: gi }) : null,
+        /* @__PURE__ */ R("div", { className: Tc, children: [
+          al ? /* @__PURE__ */ r(
+            Cu,
             {
-              items: Vo,
-              activeIndex: Yo,
-              onHide: _n,
+              items: mr,
+              activeIndex: pr,
+              onHide: Bn,
               onSelect: (e) => {
-                o.current && (rs(o.current, e), zo(e));
+                o.current && (js(o.current, e), Or(e));
               }
             }
           ) : null,
-          /* @__PURE__ */ B("div", { className: Pi, children: [
-            a.blocks ? /* @__PURE__ */ r(
-              $s,
+          /* @__PURE__ */ R("div", { className: Ec, children: [
+            s.blocks ? /* @__PURE__ */ r(
+              au,
               {
-                visible: ir && !i && !s,
-                top: rr,
-                onMoveUp: () => mn("up"),
-                onMoveDown: () => mn("down"),
-                onDragStart: rl
+                visible: Dr && !c && !u,
+                top: Br,
+                onMoveUp: () => kn("up"),
+                onMoveDown: () => kn("down"),
+                onDragStart: Ul
               }
             ) : null,
-            R != null && R.collaborators && R.showRemoteCursors !== !1 ? /* @__PURE__ */ r(La, { collaborators: R.collaborators }) : null,
+            h != null && h.collaborators && h.showRemoteCursors !== !1 ? /* @__PURE__ */ r(Uu, { collaborators: h.collaborators }) : null,
+            /* @__PURE__ */ r(
+              "input",
+              {
+                ref: vt,
+                type: "file",
+                accept: ca,
+                hidden: !0,
+                onChange: (e) => {
+                  var n;
+                  const t = (n = e.target.files) == null ? void 0 : n[0];
+                  e.target.value = "", t && t.text().then((l) => {
+                    F(sa(l));
+                  });
+                }
+              }
+            ),
+            Zt ? /* @__PURE__ */ R("div", { className: "Ink-Versions__compare", "aria-label": "Previous version", children: [
+              /* @__PURE__ */ r("button", { type: "button", className: "Ink-Editor__button", onClick: () => qe(""), children: "Close compare" }),
+              /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: Zt } })
+            ] }) : null,
             /* @__PURE__ */ r(
               "div",
               {
                 ref: o,
-                className: se ? `${Fn} ${Ui}` : Fn,
-                contentEditable: !i && !s && !se,
+                className: _e ? `${co} ${mc}` : co,
+                contentEditable: !c && !u && !_e,
                 role: "textbox",
                 "aria-multiline": "true",
-                "aria-placeholder": Ot,
-                "data-placeholder": Ot,
+                "aria-placeholder": St,
+                "data-placeholder": St,
                 suppressContentEditableWarning: !0,
-                style: { minHeight: pn, maxHeight: sl },
-                onInput: d,
-                onBlur: xr,
-                onKeyUp: _e,
-                onKeyDown: nl,
-                onMouseUp: _e,
-                onContextMenu: zr,
-                onDragOver: ll,
-                onDrop: il,
-                onDragEnd: cl,
+                style: { minHeight: vn, maxHeight: Kl },
+                onInput: _,
+                onBlur: pl,
+                onKeyUp: Ee,
+                onKeyDown: kl,
+                onMouseUp: () => {
+                  Be && (Ia(Be), nn(null), _()), Ee();
+                },
+                onContextMenu: Al,
+                onDragOver: wl,
+                onDrop: yl,
+                onDragEnd: Fl,
+                onClick: (e) => {
+                  const t = e.target;
+                  tn(t instanceof HTMLImageElement ? t : null);
+                },
                 onPaste: (e) => {
-                  el(e);
+                  Ml(e);
                 }
               }
             ),
-            se ? /* @__PURE__ */ r(
-              ua,
+            _e ? /* @__PURE__ */ r(
+              Su,
+              {
+                value: rn,
+                onChange: ln,
+                disabled: c || u,
+                minHeight: vn
+              }
+            ) : null,
+            s.mentions ? /* @__PURE__ */ r(
+              Au,
+              {
+                open: de !== null,
+                top: Jt.top,
+                left: Jt.left,
+                people: Ca(
+                  h != null && h.collaborators && h.collaborators.length > 0 ? h.collaborators.map((e) => ({ id: e.id, label: e.name })) : [{ id: K, label: K }],
+                  de ?? ""
+                ),
+                onSelect: (e) => {
+                  de !== null && (Oa(de), I(La(e.id, e.label)), je(null), _());
+                }
+              }
+            ) : null,
+            en ? /* @__PURE__ */ r(
+              hu,
               {
-                value: xt,
-                onChange: Xt,
-                disabled: i || s,
-                minHeight: pn
+                image: en,
+                onChange: _,
+                onClose: () => tn(null)
               }
             ) : null,
-            qt ? /* @__PURE__ */ r(
-              ra,
+            on ? /* @__PURE__ */ R("div", { className: "Ink-CaseMenu", role: "menu", "aria-label": "Change case", children: [
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  className: "Ink-Editor__button",
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: () => {
+                    At("upper"), _();
+                  },
+                  children: "UPPER"
+                }
+              ),
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  className: "Ink-Editor__button",
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: () => {
+                    At("lower"), _();
+                  },
+                  children: "lower"
+                }
+              ),
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  className: "Ink-Editor__button",
+                  onMouseDown: (e) => e.preventDefault(),
+                  onClick: () => {
+                    At("title"), _();
+                  },
+                  children: "Title Case"
+                }
+              )
+            ] }) : null,
+            En ? /* @__PURE__ */ r(
+              Lu,
               {
-                items: cr,
-                top: Kt.top,
-                left: Kt.left,
-                query: $o,
-                onSelect: ol
+                items: Pr,
+                top: Yt.top,
+                left: Yt.left,
+                query: Lr,
+                onSelect: vl
               }
             ) : null,
-            Je ? /* @__PURE__ */ r(
-              Ws,
+            it ? /* @__PURE__ */ r(
+              iu,
               {
-                suggestion: v.suggestion,
-                position: { top: v.top, left: v.left },
-                visible: v.visible,
-                onAccept: tn,
-                onDismiss: U
+                suggestion: x.suggestion,
+                position: { top: x.top, left: x.left },
+                visible: x.visible,
+                onAccept: Cn,
+                onDismiss: y
               }
             ) : null,
             /* @__PURE__ */ r(
-              Zs,
+              du,
               {
-                open: $e.open,
-                top: $e.top,
-                left: $e.left,
+                open: Me.open,
+                top: Me.top,
+                left: Me.left,
                 icons: {
-                  bold: E.bold,
-                  italic: E.italic,
-                  underline: E.underline,
-                  code: E.code,
-                  link: E.link,
-                  clearFormat: E.clearFormat
+                  bold: L.bold,
+                  italic: L.italic,
+                  underline: L.underline,
+                  code: L.code,
+                  link: L.link,
+                  clearFormat: L.clearFormat
                 },
-                activeFormats: ye,
-                disabled: i || s,
-                onFormat: tl,
-                onLink: lt,
-                onClose: () => Z((e) => ({ ...e, open: !1 }))
+                activeFormats: Ve,
+                disabled: c || u,
+                onFormat: Dl,
+                onLink: _t,
+                onClose: () => J((e) => ({ ...e, open: !1 }))
               }
             ),
+            s.ai && (E != null && E.enabled) ? /* @__PURE__ */ r(
+              tu,
+              {
+                open: Me.open && !!ue,
+                top: un.top,
+                left: un.left,
+                busy: Vr,
+                preview: tt,
+                onAction: (e) => {
+                  Pl(e);
+                },
+                onApply: Hl,
+                onDismiss: () => fe("")
+              }
+            ) : null,
             /* @__PURE__ */ r(
-              so,
+              Ho,
               {
-                open: We.open,
-                x: We.x,
-                y: We.y,
-                items: Jr,
-                colorMode: Qe,
+                open: Qe.open,
+                x: Qe.x,
+                y: Qe.y,
+                items: Bl,
+                colorMode: lt,
                 onClose: () => {
-                  Wt(!1), Ve((e) => ({ ...e, open: !1 }));
+                  sn(!1), Ze((e) => ({ ...e, open: !1 }));
                 }
               }
             ),
             /* @__PURE__ */ r(
-              so,
+              Ho,
               {
-                open: Ye.open,
-                x: Ye.x,
-                y: Ye.y,
-                items: Zr,
-                colorMode: Qe,
-                onClose: () => ze((e) => ({ ...e, open: !1 }))
+                open: Je.open,
+                x: Je.x,
+                y: Je.y,
+                items: Rl,
+                colorMode: lt,
+                onClose: () => et((e) => ({ ...e, open: !1 }))
               }
             )
           ] }),
-          qe && a.comments ? /* @__PURE__ */ r(
-            Xs,
+          qt && s.versionHistory ? /* @__PURE__ */ r(
+            Iu,
+            {
+              versions: kr,
+              onClose: () => jt(!1),
+              onSave: () => {
+                o.current && (ia(H, o.current.innerHTML), Qt(It(H)));
+              },
+              onRestore: (e) => {
+                F(e.html), qe("");
+              },
+              onCompare: (e) => qe(e.html)
+            }
+          ) : null,
+          nt && s.comments ? /* @__PURE__ */ r(
+            Ja,
             {
-              comments: ae,
-              author: X,
-              onClose: () => rt(!1),
+              comments: G,
+              author: K,
+              onClose: () => ut(!1),
+              onFocus: (e) => {
+                const t = G.find((n) => n.id === e);
+                t && o.current && Ws(o.current, t.highlightId);
+              },
+              onReopen: (e) => {
+                const t = G.find((n) => n.id === e);
+                De(
+                  G.map(
+                    (n) => n.id === e ? { ...n, resolved: !1 } : n
+                  )
+                ), t && o.current && (bo(o.current, t.highlightId, !1), _());
+              },
               onResolve: (e) => {
-                const t = ae.find((n) => n.id === e);
-                ot(
-                  ae.map(
+                const t = G.find((n) => n.id === e);
+                De(
+                  G.map(
                     (n) => n.id === e ? { ...n, resolved: !0 } : n
                   )
-                ), t && o.current && K(Qc(o.current.innerHTML, t.highlightId));
+                ), t && o.current && (bo(o.current, t.highlightId, !0), _());
               },
               onAddReply: (e, t) => {
-                ot(
-                  ae.map(
+                De(
+                  G.map(
                     (n) => n.id === e ? {
                       ...n,
                       replies: [
                         ...n.replies,
                         {
-                          id: zn("reply"),
-                          author: X,
+                          id: po("reply"),
+                          author: K,
                           body: t,
                           timestamp: Date.now()
                         }
@@ -1548,50 +1828,50 @@ const Lt = () => {
               }
             }
           ) : null,
-          al && f ? /* @__PURE__ */ r(
-            Gs,
+          xl && E ? /* @__PURE__ */ r(
+            eu,
             {
-              config: f,
-              documentHtml: ((Ln = o.current) == null ? void 0 : Ln.innerHTML) ?? g ?? "",
-              selectionHtml: vt,
-              onBusyChange: nr,
-              onClose: () => le(!1),
+              config: E,
+              documentHtml: ((Un = o.current) == null ? void 0 : Un.innerHTML) ?? b ?? "",
+              selectionHtml: ue,
+              onBusyChange: Rr,
+              onClose: () => ce(!1),
               onApplyHtml: (e) => {
-                if (I(o.current), vt)
-                  A(e);
+                if (A(o.current), ue)
+                  I(e);
                 else {
-                  K(e);
+                  F(e);
                   return;
                 }
-                d();
+                _();
               }
             }
           ) : null
         ] }),
-        Nt ? /* @__PURE__ */ B("div", { className: vi, children: [
-          /* @__PURE__ */ B("span", { children: [
-            xo,
+        Mt ? /* @__PURE__ */ R("div", { className: pc, children: [
+          /* @__PURE__ */ R("span", { children: [
+            dr,
             " ",
-            Sl,
+            ii,
             " ",
-            Bl,
+            ci,
             " ",
-            Fo,
-            It ? ` / ${It}` : "",
+            ur,
+            Dt ? ` / ${Dt}` : "",
             " ",
-            Dl
+            si
           ] }),
-          /* @__PURE__ */ B("span", { className: wi, children: [
-            /* @__PURE__ */ B("span", { children: [
-              Ml,
+          /* @__PURE__ */ R("span", { className: Oc, children: [
+            /* @__PURE__ */ R("span", { children: [
+              ai,
               " ",
-              Go,
+              Tr,
               ", ",
-              Hl,
+              ui,
               " ",
-              Wo
+              Er
             ] }),
-            /* @__PURE__ */ r("span", { className: "Ink-Editor__footer-sync", children: kl })
+            /* @__PURE__ */ r("span", { className: "Ink-Editor__footer-sync", children: _i })
           ] })
         ] }) : null
       ]
@@ -1599,5 +1879,5 @@ const Lt = () => {
   );
 };
 export {
-  Xu as InkEditor
+  md as InkEditor
 };