@forgedevstack/ink 1.1.6 → 1.1.8

package/dist/components/InkEditor/InkEditor.js

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