@fileverse-dev/ddoc 4.1.9 → 4.1.10

package/dist/{index-nuyyRI2j.mjs → index-DiGvcOz9.mjs}

@@ -4,7 +4,7 @@ var Ke = (e, t, n) => ure(e, typeof t != "symbol" ? t + "" : t, n);
 import * as Zn from "react";
 import Bt, { useContext as bf, useState as Ne, useLayoutEffect as zs, useEffect as _e, useDebugValue as gU, createContext as yf, createRef as cre, memo as xf, createElement as F5, version as y_, useRef as Se, forwardRef as ir, useMemo as wt, useImperativeHandle as j8, useCallback as Ae, Fragment as dre, Component as pre, cloneElement as mU, useId as hre, useReducer as bU, lazy as yU, Suspense as x_ } from "react";
 import xU, { flushSync as fre, createPortal as vf } from "react-dom";
-import { Drawer as vU, DrawerContent as gre, DrawerHeader as mre, DrawerTitle as bre, DrawerClose as yre, LucideIcon as Le, Button as Rt, TextField as Pa, useTheme as FU, DropdownMenuItem as zi, DynamicDropdown as ni, Tooltip as bn, IconButton as Nt, Dialog as xre, DialogContent as vre, cn as Ye, DialogHeader as Fre, DialogTitle as wre, DialogFooter as Dre, DialogClose as kre, Skeleton as er, Avatar as ia, PopoverClose as qx, TextAreaFieldV2 as lc, DynamicModal as B8, Select as Ld, SelectTrigger as Ud, SelectValue as Nh, SelectContent as Pd, SelectItem as zd, DropdownMenu as Zl, DropdownMenuTrigger as Jl, DropdownMenuContent as Ql, DropdownMenuSub as v_, DropdownMenuSubTrigger as F_, DropdownMenuSubContent as w_, Popover as Ff, PopoverTrigger as Lg, PopoverContent as wf, Divider as N8, SelectGroup as wU, SelectLabel as Ere, Toggle as Cre, toast as M8, Checkbox as Are, DrawerTrigger as D_, AnimatedLoader as _re, Label as Sre, DynamicDropdownV2 as DU, DynamicDrawerV2 as Tre, BottomDrawer as jre, ButtonGroup as Bre, UltimateIcons as Nre, PopoverAnchor as Mre, Tag as Rb, TagInput as kU } from "@fileverse/ui";
+import { Drawer as vU, DrawerContent as gre, DrawerHeader as mre, DrawerTitle as bre, DrawerClose as yre, LucideIcon as Le, Button as Rt, TextField as Pa, useTheme as FU, DropdownMenuItem as zi, DynamicDropdown as ni, Tooltip as bn, IconButton as Nt, Dialog as xre, DialogContent as vre, cn as Xe, DialogHeader as Fre, DialogTitle as wre, DialogFooter as Dre, DialogClose as kre, Skeleton as er, Avatar as ia, PopoverClose as qx, TextAreaFieldV2 as lc, DynamicModal as B8, Select as Ld, SelectTrigger as Ud, SelectValue as Nh, SelectContent as Pd, SelectItem as zd, DropdownMenu as Zl, DropdownMenuTrigger as Jl, DropdownMenuContent as Ql, DropdownMenuSub as v_, DropdownMenuSubTrigger as F_, DropdownMenuSubContent as w_, Popover as Ff, PopoverTrigger as Lg, PopoverContent as wf, Divider as N8, SelectGroup as wU, SelectLabel as Ere, Toggle as Cre, toast as M8, Checkbox as Are, DrawerTrigger as D_, AnimatedLoader as _re, Label as Sre, DynamicDropdownV2 as DU, DynamicDrawerV2 as Tre, BottomDrawer as jre, ButtonGroup as Bre, UltimateIcons as Nre, PopoverAnchor as Mre, Tag as Rb, TagInput as kU } from "@fileverse/ui";
 import { createPublicClient as Ore, http as Ire, isAddress as Rre, isHex as Lre } from "viem";
 import { mainnet as Ure } from "viem/chains";
 import { motion as $s, AnimatePresence as pp, MotionConfig as Pre } from "framer-motion";
@@ -17913,7 +17913,7 @@ var h$ = { exports: {} };
   })();
 })(h$);
 var pde = h$.exports;
-const Xe = /* @__PURE__ */ Ac(pde), R1 = typeof window < "u" ? zs : _e;
+const Ze = /* @__PURE__ */ Ac(pde), R1 = typeof window < "u" ? zs : _e;
 function uT(e) {
   if (e !== void 0)
     switch (typeof e) {
@@ -18760,7 +18760,7 @@ const zde = ({
       /* @__PURE__ */ x.jsx(
         "div",
         {
-          className: Xe(
+          className: Ze(
             "flex flex-col gap-4 w-full h-full pb-4 text-base color-text-default",
             o
           ),
@@ -20078,7 +20078,7 @@ const w$ = ir(
           {
             ref: a,
             onKeyDownCapture: b,
-            className: Xe("relative", o),
+            className: Ze("relative", o),
             role: "region",
             "aria-roledescription": "carousel",
             ...s,
@@ -20096,7 +20096,7 @@ const D$ = ir(({ className: e, ...t }, n) => {
     "div",
     {
       ref: n,
-      className: Xe(
+      className: Ze(
         "flex",
         o === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
         e
@@ -20115,7 +20115,7 @@ const aD = ir(
         ref: n,
         role: "group",
         "aria-roledescription": "slide",
-        className: Xe(
+        className: Ze(
           "min-w-0 shrink-0 grow-0 basis-full",
           r === "horizontal" ? "pl-4" : "pt-4",
           e
@@ -20145,7 +20145,7 @@ const k$ = ir(({ index: e, className: t, ...n }, r) => {
     "button",
     {
       ref: r,
-      className: Xe(
+      className: Ze(
         "w-2 h-2 transition-colors duration-200 rounded-full",
         d ? "bg-black" : "bg-[#E8EBEC] hover:bg-black/50",
         t
@@ -20162,7 +20162,7 @@ const wpe = Bt.forwardRef(({ className: e, ...t }, n) => {
     "button",
     {
       ref: n,
-      className: Xe(
+      className: Ze(
         "btn color-bg-default hover:color-bg-default-hover transition color-text-default flex items-center border-2 rounded h-9 px-4 py-2 text-sm font-medium disabled:bg-[#E8EBEC] disabled:text-[#A1AAB1]",
         e
       ),
@@ -20180,7 +20180,7 @@ const Dpe = Bt.forwardRef(({ className: e, ...t }, n) => {
     "button",
     {
       ref: n,
-      className: Xe(
+      className: Ze(
         "btn bg-black hover:bg-black color-text-default flex items-center border-2 rounded h-9 px-4 py-2 text-sm font-medium disabled:bg-[#E8EBEC] disabled:text-[#A1AAB1]",
         e
       ),
@@ -52678,7 +52678,7 @@ const tk = [
             onClick: () => {
               e.chain().focus().toggleHighlight({ color: r.color }).run(), t(st.NONE);
             },
-            className: Xe(
+            className: Ze(
               "w-5 rounded-full flex items-center justify-center cursor-pointer ease-in duration-200 hover:scale-[1.05] h-5",
               r.code
             ),
@@ -52686,7 +52686,7 @@ const tk = [
               Le,
               {
                 name: "Check",
-                className: Xe(
+                className: Ze(
                   "w-[14px] aspect-square",
                   e.isActive("highlight", {
                     color: r.color
@@ -52742,7 +52742,7 @@ const tk = [
           );
         }
       },
-      className: Xe(
+      className: Ze(
         "w-full gap-2 text-left",
         l && "!bg-[hsl(var(--color-bg-brand))] color-text-on-brand"
       ),
@@ -52766,7 +52766,7 @@ const tk = [
     "div",
     {
       ref: e,
-      className: Xe(
+      className: Ze(
         "z-50 w-48 color-bg-default px-1 py-2 shadow-elevation-1 transition-all rounded"
       ),
       style: {
@@ -52809,7 +52809,7 @@ const tk = [
           onClick: () => {
             t == null || t.chain().focus().setTextAlign("left").run(), n(st.NONE);
           },
-          className: Xe(
+          className: Ze(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             t.isActive({ textAlign: "left" }) ? "color-bg-brand xl:hover:brightness-90 color-text-on-brand" : "hover:color-bg-default-hover"
           ),
@@ -52823,7 +52823,7 @@ const tk = [
           onClick: () => {
             t == null || t.chain().focus().setTextAlign("center").run(), n(st.NONE);
           },
-          className: Xe(
+          className: Ze(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             t.isActive({ textAlign: "center" }) ? "color-bg-brand xl:hover:brightness-90 color-text-on-brand" : "hover:color-bg-default-hover"
           ),
@@ -52837,7 +52837,7 @@ const tk = [
           onClick: () => {
             t == null || t.chain().focus().setTextAlign("right").run(), n(st.NONE);
           },
-          className: Xe(
+          className: Ze(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             t.isActive({ textAlign: "right" }) ? "color-bg-brand xl:hover:brightness-90 color-text-on-brand" : "hover:color-bg-default-hover"
           ),
@@ -52851,7 +52851,7 @@ const tk = [
           onClick: () => {
             t == null || t.chain().focus().setTextAlign("justify").run(), n(st.NONE);
           },
-          className: Xe(
+          className: Ze(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
             t.isActive({ textAlign: "justify" }) ? "color-bg-brand xl:hover:brightness-90 color-text-on-brand" : "hover:color-bg-default-hover"
           ),
@@ -52949,7 +52949,7 @@ const tk = [
       onClick: () => {
         r.command();
       },
-      className: Xe(
+      className: Ze(
         "flex items-center justify-between w-full px-2 py-1 text-body-sm",
         r.isActive() && "color-bg-brand hover:!bg-[#B6A02E] color-text-on-brand"
       ),
@@ -52986,7 +52986,7 @@ const tk = [
               onClick: () => {
                 e && (e.chain().focus().setColor(a).run(), t(st.NONE));
               },
-              className: Xe(
+              className: Ze(
                 "w-5 rounded-full flex justify-center items-center cursor-pointer ease-in duration-200 hover:scale-[1.05] h-5"
               ),
               style: { backgroundColor: a },
@@ -52994,7 +52994,7 @@ const tk = [
                 Le,
                 {
                   name: "Check",
-                  className: Xe(
+                  className: Ze(
                     "w-[14px] aspect-square",
                     e != null && e.isActive("textStyle", {
                       color: a
@@ -53065,7 +53065,7 @@ const tk = [
   return /* @__PURE__ */ x.jsx(
     "div",
     {
-      className: Xe(
+      className: Ze(
         "z-50 flex w-48 flex-col overflow-hidden rounded color-bg-default p-1 shadow-elevation-1"
       ),
       children: t.map((n) => /* @__PURE__ */ x.jsxs(
@@ -53073,7 +53073,7 @@ const tk = [
         {
           onMouseDown: (r) => r.preventDefault(),
           onClick: () => n.command(e),
-          className: Xe(
+          className: Ze(
             "gap-2",
             n.isActive() && "!bg-[hsl(var(--color-bg-brand))]"
           ),
@@ -53105,7 +53105,7 @@ const tk = [
     "div",
     {
       ref: n,
-      className: Xe(
+      className: Ze(
         "z-50 flex flex-col justify-center items-center overflow-hidden rounded color-bg-default p-2 gap-1 shadow-elevation-1"
       ),
       children: i.map((s) => /* @__PURE__ */ x.jsx(
@@ -53115,7 +53115,7 @@ const tk = [
           onClick: () => {
             o(s.value), t(st.NONE);
           },
-          className: Xe(
+          className: Ze(
             "flex w-full items-center justify-center rounded px-2 py-1 text-center text-sm color-text-default transition",
             {
               "color-bg-brand xl:hover:brightness-90 color-text-on-brand": r === s.value,
@@ -53139,7 +53139,7 @@ const tk = [
     "div",
     {
       ref: t,
-      className: Xe(
+      className: Ze(
         "z-50 flex flex-col justify-center items-center overflow-hidden rounded color-bg-default p-2 gap-1 shadow-elevation-1"
       ),
       children: o.map((i) => /* @__PURE__ */ x.jsxs(
@@ -53149,7 +53149,7 @@ const tk = [
           onClick: () => {
             r(i.value), e(st.NONE);
           },
-          className: Xe(
+          className: Ze(
             "flex w-full items-center gap-2 rounded px-2 py-1 text-sm color-text-default transition min-w-[120px]",
             {
               "color-bg-default-hover": n === i.value,
@@ -53395,7 +53395,7 @@ const tk = [
           "button",
           {
             onClick: () => e && u.command(e),
-            className: Xe(
+            className: Ze(
               "flex w-fit items-center font-medium space-x-2 rounded p-2 text-center text-sm color-text-default transition",
               {
                 "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
@@ -53411,7 +53411,7 @@ const tk = [
             "button",
             {
               onClick: () => e && u.command(e),
-              className: Xe(
+              className: Ze(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
                   "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
@@ -53426,7 +53426,7 @@ const tk = [
             "button",
             {
               onClick: () => e && u.command(e),
-              className: Xe(
+              className: Ze(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
                   "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
@@ -53443,7 +53443,7 @@ const tk = [
             "button",
             {
               onClick: () => e && u.command(e),
-              className: Xe(
+              className: Ze(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
                   "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
@@ -53458,7 +53458,7 @@ const tk = [
             "button",
             {
               onClick: () => e && u.command(e),
-              className: Xe(
+              className: Ze(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
                   "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
@@ -53474,7 +53474,7 @@ const tk = [
           "button",
           {
             onClick: () => e && u.command(e),
-            className: Xe(
+            className: Ze(
               "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
               {
                 "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
@@ -53528,7 +53528,7 @@ const tk = [
                           onClick: () => {
                             e && e.chain().setColor(u.color).run();
                           },
-                          className: Xe(
+                          className: Ze(
                             "w-6 h-6 mb-1 drop-shadow rounded-full flex justify-center items-center cursor-pointer transition",
                             u.code
                           ),
@@ -53536,7 +53536,7 @@ const tk = [
                             Le,
                             {
                               name: "Check",
-                              className: Xe(
+                              className: Ze(
                                 "w-[14px] aspect-square",
                                 e != null && e.isActive("textStyle", {
                                   color: u.color
@@ -53901,7 +53901,7 @@ const tk = [
               onClick: () => {
                 o.command();
               },
-              className: Xe(
+              className: Ze(
                 "flex items-center justify-between rounded-sm px-2 py-1 text-body-sm hover:color-bg-default-hover transition-all",
                 {
                   "color-bg-brand hover:color-bg-brand-hover color-text-on-brand": o.isActive()
@@ -53997,7 +53997,7 @@ const tk = [
       children: /* @__PURE__ */ x.jsxs(
         vre,
         {
-          className: Ye(" !max-w-[336px]  border-radius-xlg ## !rounded-[16px]"),
+          className: Xe(" !max-w-[336px]  border-radius-xlg ## !rounded-[16px]"),
           dismissable: !1,
           children: [
             /* @__PURE__ */ x.jsx(Fre, { className: "space-md border-b-[1px]", children: /* @__PURE__ */ x.jsx(wre, { className: "", children: /* @__PURE__ */ x.jsxs("div", { className: "flex items-center gap-4", children: [
@@ -54043,7 +54043,7 @@ const tk = [
   ) : /* @__PURE__ */ x.jsxs(
     "div",
     {
-      className: Ye(
+      className: Xe(
         "absolute inset-0 z-10 flex flex-col rounded-[12px] items-center justify-center gap-[12px] bg-black/75",
         o
       ),
@@ -54175,7 +54175,7 @@ const tk = [
   emptyText: r,
   className: o
 }) => {
-  const i = Ye("text-body-sm break-words", o);
+  const i = Xe("text-body-sm break-words", o);
   return e === "add" ? /* @__PURE__ */ x.jsxs("p", { className: i, children: [
     /* @__PURE__ */ x.jsx("span", { className: "font-semibold", children: "Add:" }),
     " ",
@@ -54216,7 +54216,7 @@ const tk = [
       n,
       '"'
     ] })
-  ] }) : r ? /* @__PURE__ */ x.jsx("p", { className: Ye(i, "color-text-secondary italic"), children: r }) : null;
+  ] }) : r ? /* @__PURE__ */ x.jsx("p", { className: Xe(i, "color-text-secondary italic"), children: r }) : null;
 }, kV = ({ username: e, createdAt: t }) => {
   const n = ca(e);
   return /* @__PURE__ */ x.jsxs("div", { className: "flex justify-start items-center gap-2", children: [
@@ -54256,7 +54256,7 @@ const tk = [
   return /* @__PURE__ */ x.jsxs(
     "div",
     {
-      className: Ye(
+      className: Xe(
         "flex group relative flex-col gap-2 p-[4px]",
         l && "min-h-[100px]"
       ),
@@ -54354,7 +54354,7 @@ const tk = [
     "div",
     {
       onClick: r,
-      className: Ye(
+      className: Xe(
         "text-helper-text-sm color-text-secondary min-h-[28px] mb-[4px] hover:underline custom-border cursor-pointer flex items-center gap-2 pr-[8px] pl-[4px]",
         !a && "justify-center mt-[4px]"
       ),
@@ -54447,7 +54447,7 @@ const tk = [
     "div",
     {
       ref: y,
-      className: Ye(
+      className: Xe(
         "flex flex-col gap-3 px-3 group comment-card",
         !p && "!px-6",
         p && "py-3"
@@ -54466,7 +54466,7 @@ const tk = [
       ref: y,
       "data-testid": a ? `comment-card-${a}` : "comment-card",
       onClick: k,
-      className: Ye(
+      className: Xe(
         "flex flex-col gap-[4px] group/card comment-card",
         o && "opacity-70",
         d ? "p-3 pb-0" : "px-3"
@@ -54484,7 +54484,7 @@ const tk = [
                 children: /* @__PURE__ */ x.jsxs(
                   "div",
                   {
-                    className: Ye(
+                    className: Xe(
                       !O && "opacity-0 group-hover/card:opacity-100",
                       "flex  gap-[4px]"
                     ),
@@ -54574,7 +54574,7 @@ const tk = [
                 variant: "ghost",
                 disabled: !0,
                 size: "sm",
-                className: Ye(
+                className: Xe(
                   "opacity-0 group-hover:opacity-100  transition-opacity duration-300 disabled:bg-transparent"
                 )
               }
@@ -54583,7 +54583,7 @@ const tk = [
           /* @__PURE__ */ x.jsx(
             "div",
             {
-              className: Ye(
+              className: Xe(
                 "flex flex-col gap-2   pl-[18px] custom-border py-0",
                 (O ? j : P.length > 0) ? "border-l ml-[13px]" : "ml-[15px]"
               ),
@@ -54755,7 +54755,7 @@ const tk = [
                     icon: "Ellipsis",
                     variant: "ghost",
                     disabled: n,
-                    className: Ye({
+                    className: Xe({
                       "!bg-transparent": n
                     })
                   }
@@ -54796,7 +54796,7 @@ const tk = [
                     icon: p != null && p.resolved ? "CircleCheck2" : "CircleCheck",
                     variant: "ghost",
                     disabled: n,
-                    className: Ye({
+                    className: Xe({
                       "!bg-transparent": n
                     }),
                     onClick: () => p != null && p.resolved ? A(e) : E(e)
@@ -55139,7 +55139,7 @@ const tk = [
         shift: !0
       },
       shouldShow: R,
-      className: Ye(
+      className: Xe(
         "flex gap-2 overflow-hidden rounded-lg min-w-fit w-full p-1 border color-bg-default items-center shadow-elevation-3",
         A || k === st.LINK_POPUP || O ? "!invisible" : "!visible",
         F ? "!-translate-y-[120%]" : ""
@@ -55151,7 +55151,7 @@ const tk = [
       children: F ? /* @__PURE__ */ x.jsx(
         "div",
         {
-          className: Ye(
+          className: Xe(
             "relative",
             A ? "left-1/2 translate-x-1/2" : ""
           ),
@@ -55627,7 +55627,7 @@ const Sy = Kt.create({
   return u;
 }, zE = ir(
   ({ children: e, className: t, withShadow: n = !0, withBorder: r = !1, ...o }, i) => {
-    const s = Ye(
+    const s = Xe(
       t,
       "color-bg-default rounded",
       n ? "shadow-lg" : "",
@@ -55645,7 +55645,7 @@ const NV = ir(
     className: r,
     ...o
   }, i) => {
-    const s = Xe(
+    const s = Ze(
       "color-text-default inline-flex h-full leading-none gap-0.5",
       n ? "flex-col p-2" : "flex-row p-1 items-center",
       r
@@ -55656,7 +55656,7 @@ const NV = ir(
 NV.displayName = "Toolbar";
 const b4e = ir(
   ({ horizontal: e, className: t, ...n }, r) => {
-    const o = Xe(
+    const o = Ze(
       "bg-neutral-200",
       e ? "w-full min-w-[1.5rem] h-[1px] my-1 first:mt-0 last:mt-0" : "h-full min-h-[1.5rem] w-[1px] mx-1 first:ml-0 last:mr-0",
       t
@@ -58609,7 +58609,7 @@ ${j.getHTML()}`
           variant: "ghost",
           size: "sm",
           isActive: e,
-          className: Ye(
+          className: Xe(
             "color-text-default",
             e && "color-text-on-brand"
           ),
@@ -58633,7 +58633,7 @@ ${j.getHTML()}`
                   const N = m(w.title);
                   v(N || void 0);
                 },
-                className: Ye(
+                className: Xe(
                   "min-h-8 rounded p-2 w-full text-left flex items-center justify-between transition text-body-sm",
                   w != null && w.disabled ? "opacity-50 cursor-not-allowed" : "hover:color-bg-default-hover"
                 ),
@@ -58809,7 +58809,7 @@ ${j.getHTML()}`
     {
       onMouseDown: (i) => i.preventDefault(),
       onClick: () => n(o.value),
-      className: Xe(
+      className: Ze(
         "flex w-full items-center justify-center rounded px-2 py-1 text-center text-sm color-text-default transition",
         {
           "!bg-[hsl(var(--color-bg-brand))] color-text-on-brand": t === o.value
@@ -58846,7 +58846,7 @@ ${j.getHTML()}`
     {
       onMouseDown: (o) => o.preventDefault(),
       onClick: () => t(r.value),
-      className: Xe(
+      className: Ze(
         "flex w-full items-center gap-2 rounded px-2 py-1 text-sm color-text-default transition min-w-[120px]",
         {
           "!bg-[hsl(var(--color-bg-brand))]": e === r.value
@@ -58891,7 +58891,7 @@ ${j.getHTML()}`
         onClick: () => {
           e.chain().focus().toggleHighlight({ color: t.color }).run();
         },
-        className: Xe(
+        className: Ze(
           "w-5 p-0 rounded-full flex items-center justify-center cursor-pointer ease-in duration-200 data-[highlighted]:scale-[1.05] h-5"
         ),
         style: { backgroundColor: t.color },
@@ -58899,7 +58899,7 @@ ${j.getHTML()}`
           Le,
           {
             name: "Check",
-            className: Xe(
+            className: Ze(
               "w-[14px] aspect-square",
               e.isActive("highlight", {
                 color: t.color
@@ -58954,7 +58954,7 @@ ${j.getHTML()}`
           onClick: () => {
             e.chain().focus().setColor(i).run();
           },
-          className: Xe(
+          className: Ze(
             "w-5 p-0 rounded-full flex justify-center items-center cursor-pointer ease-in duration-200 data-[highlighted]:scale-[1.05] h-5"
           ),
           style: { backgroundColor: i },
@@ -58962,7 +58962,7 @@ ${j.getHTML()}`
             Le,
             {
               name: "Check",
-              className: Xe(
+              className: Ze(
                 "w-[14px] aspect-square",
                 e.isActive("textStyle", {
                   color: i
@@ -59016,7 +59016,7 @@ ${j.getHTML()}`
     onClick: () => {
       e == null || e.chain().focus().setTextAlign(t.value).run();
     },
-    className: Xe(
+    className: Ze(
       "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
       e.isActive({ textAlign: t.value }) && "!bg-[hsl(var(--color-bg-brand))]"
     ),
@@ -60307,7 +60307,7 @@ si.prototype = {
     return o.j[e] = s, s;
   }
 };
-const ln = (e, t, n, r, o) => e.ta(t, n, r, o), lr = (e, t, n, r, o) => e.tr(t, n, r, o), aN = (e, t, n, r, o) => e.ts(t, n, r, o), Ze = (e, t, n, r, o) => e.tt(t, n, r, o), Fl = "WORD", fk = "UWORD", bK = "ASCIINUMERICAL", yK = "ALPHANUMERICAL", pg = "LOCALHOST", gk = "TLD", mk = "UTLD", wb = "SCHEME", rh = "SLASH_SCHEME", GE = "NUM", bk = "WS", XE = "NL", c1 = "OPENBRACE", d1 = "CLOSEBRACE", Ny = "OPENBRACKET", My = "CLOSEBRACKET", Oy = "OPENPAREN", Iy = "CLOSEPAREN", Ry = "OPENANGLEBRACKET", Ly = "CLOSEANGLEBRACKET", Uy = "FULLWIDTHLEFTPAREN", Py = "FULLWIDTHRIGHTPAREN", zy = "LEFTCORNERBRACKET", $y = "RIGHTCORNERBRACKET", Hy = "LEFTWHITECORNERBRACKET", Wy = "RIGHTWHITECORNERBRACKET", qy = "FULLWIDTHLESSTHAN", Vy = "FULLWIDTHGREATERTHAN", Ky = "AMPERSAND", Gy = "APOSTROPHE", Xy = "ASTERISK", ju = "AT", Yy = "BACKSLASH", Zy = "BACKTICK", Jy = "CARET", Pu = "COLON", YE = "COMMA", Qy = "DOLLAR", wa = "DOT", ex = "EQUALS", ZE = "EXCLAMATION", ns = "HYPHEN", p1 = "PERCENT", tx = "PIPE", nx = "PLUS", rx = "POUND", h1 = "QUERY", JE = "QUOTE", xK = "FULLWIDTHMIDDLEDOT", QE = "SEMI", Da = "SLASH", f1 = "TILDE", ox = "UNDERSCORE", vK = "EMOJI", ix = "SYM";
+const ln = (e, t, n, r, o) => e.ta(t, n, r, o), lr = (e, t, n, r, o) => e.tr(t, n, r, o), aN = (e, t, n, r, o) => e.ts(t, n, r, o), Ye = (e, t, n, r, o) => e.tt(t, n, r, o), Fl = "WORD", fk = "UWORD", bK = "ASCIINUMERICAL", yK = "ALPHANUMERICAL", pg = "LOCALHOST", gk = "TLD", mk = "UTLD", wb = "SCHEME", rh = "SLASH_SCHEME", GE = "NUM", bk = "WS", XE = "NL", c1 = "OPENBRACE", d1 = "CLOSEBRACE", Ny = "OPENBRACKET", My = "CLOSEBRACKET", Oy = "OPENPAREN", Iy = "CLOSEPAREN", Ry = "OPENANGLEBRACKET", Ly = "CLOSEANGLEBRACKET", Uy = "FULLWIDTHLEFTPAREN", Py = "FULLWIDTHRIGHTPAREN", zy = "LEFTCORNERBRACKET", $y = "RIGHTCORNERBRACKET", Hy = "LEFTWHITECORNERBRACKET", Wy = "RIGHTWHITECORNERBRACKET", qy = "FULLWIDTHLESSTHAN", Vy = "FULLWIDTHGREATERTHAN", Ky = "AMPERSAND", Gy = "APOSTROPHE", Xy = "ASTERISK", ju = "AT", Yy = "BACKSLASH", Zy = "BACKTICK", Jy = "CARET", Pu = "COLON", YE = "COMMA", Qy = "DOLLAR", wa = "DOT", ex = "EQUALS", ZE = "EXCLAMATION", ns = "HYPHEN", p1 = "PERCENT", tx = "PIPE", nx = "PLUS", rx = "POUND", h1 = "QUERY", JE = "QUOTE", xK = "FULLWIDTHMIDDLEDOT", QE = "SEMI", Da = "SLASH", f1 = "TILDE", ox = "UNDERSCORE", vK = "EMOJI", ix = "SYM";
 var FK = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   ALPHANUMERICAL: yK,
@@ -60373,7 +60373,7 @@ function H6e(e = []) {
   const t = {};
   si.groups = t;
   const n = new si();
-  g2 == null && (g2 = uN(O6e)), m2 == null && (m2 = uN(I6e)), Ze(n, "'", Gy), Ze(n, "{", c1), Ze(n, "}", d1), Ze(n, "[", Ny), Ze(n, "]", My), Ze(n, "(", Oy), Ze(n, ")", Iy), Ze(n, "<", Ry), Ze(n, ">", Ly), Ze(n, "（", Uy), Ze(n, "）", Py), Ze(n, "「", zy), Ze(n, "」", $y), Ze(n, "『", Hy), Ze(n, "』", Wy), Ze(n, "＜", qy), Ze(n, "＞", Vy), Ze(n, "&", Ky), Ze(n, "*", Xy), Ze(n, "@", ju), Ze(n, "`", Zy), Ze(n, "^", Jy), Ze(n, ":", Pu), Ze(n, ",", YE), Ze(n, "$", Qy), Ze(n, ".", wa), Ze(n, "=", ex), Ze(n, "!", ZE), Ze(n, "-", ns), Ze(n, "%", p1), Ze(n, "|", tx), Ze(n, "+", nx), Ze(n, "#", rx), Ze(n, "?", h1), Ze(n, '"', JE), Ze(n, "/", Da), Ze(n, ";", QE), Ze(n, "~", f1), Ze(n, "_", ox), Ze(n, "\\", Yy), Ze(n, "・", xK);
+  g2 == null && (g2 = uN(O6e)), m2 == null && (m2 = uN(I6e)), Ye(n, "'", Gy), Ye(n, "{", c1), Ye(n, "}", d1), Ye(n, "[", Ny), Ye(n, "]", My), Ye(n, "(", Oy), Ye(n, ")", Iy), Ye(n, "<", Ry), Ye(n, ">", Ly), Ye(n, "（", Uy), Ye(n, "）", Py), Ye(n, "「", zy), Ye(n, "」", $y), Ye(n, "『", Hy), Ye(n, "』", Wy), Ye(n, "＜", qy), Ye(n, "＞", Vy), Ye(n, "&", Ky), Ye(n, "*", Xy), Ye(n, "@", ju), Ye(n, "`", Zy), Ye(n, "^", Jy), Ye(n, ":", Pu), Ye(n, ",", YE), Ye(n, "$", Qy), Ye(n, ".", wa), Ye(n, "=", ex), Ye(n, "!", ZE), Ye(n, "-", ns), Ye(n, "%", p1), Ye(n, "|", tx), Ye(n, "+", nx), Ye(n, "#", rx), Ye(n, "?", h1), Ye(n, '"', JE), Ye(n, "/", Da), Ye(n, ";", QE), Ye(n, "~", f1), Ye(n, "_", ox), Ye(n, "\\", Yy), Ye(n, "・", xK);
   const r = lr(n, gl, GE, {
     [ck]: !0
   });
@@ -60390,20 +60390,20 @@ function H6e(e = []) {
     [pk]: !0
   });
   lr(a, fl), lr(a, gl, i), lr(a, h0, a), lr(i, gl, i), lr(i, fl), lr(i, h0, i);
-  const l = Ze(n, YF, XE, {
+  const l = Ye(n, YF, XE, {
     [KF]: !0
-  }), u = Ze(n, lN, bk, {
+  }), u = Ye(n, lN, bk, {
     [KF]: !0
   }), c = lr(n, XF, bk, {
     [KF]: !0
   });
-  Ze(n, ZF, c), Ze(u, YF, l), Ze(u, ZF, c), lr(u, XF, c), Ze(c, lN), Ze(c, YF), lr(c, XF, c), Ze(c, ZF, c);
+  Ye(n, ZF, c), Ye(u, YF, l), Ye(u, ZF, c), lr(u, XF, c), Ye(c, lN), Ye(c, YF), lr(c, XF, c), Ye(c, ZF, c);
   const d = lr(n, GF, vK, {
     [mK]: !0
   });
-  Ze(d, "#"), lr(d, GF, d), Ze(d, z6e, d);
-  const p = Ze(d, $6e);
-  Ze(p, "#"), lr(p, GF, d);
+  Ye(d, "#"), lr(d, GF, d), Ye(d, z6e, d);
+  const p = Ye(d, $6e);
+  Ye(p, "#"), lr(p, GF, d);
   const h = [[fl, s], [gl, o]], f = [[fl, null], [h0, a], [gl, i]];
   for (let g = 0; g < g2.length; g++)
     vu(n, g2[g], gk, Fl, h);
@@ -60729,34 +60729,34 @@ const dN = Yv("email", {
 function V6e({
   groups: e
 }) {
-  const t = e.domain.concat([Ky, Xy, ju, Yy, Zy, Jy, Qy, ex, ns, GE, p1, tx, nx, rx, Da, ix, f1, ox]), n = [Gy, Pu, YE, wa, ZE, p1, h1, JE, QE, Ry, Ly, c1, d1, My, Ny, Oy, Iy, Uy, Py, zy, $y, Hy, Wy, qy, Vy], r = [Ky, Gy, Xy, Yy, Zy, Jy, Qy, ex, ns, c1, d1, p1, tx, nx, rx, h1, Da, ix, f1, ox], o = Ji(), i = Ze(o, f1);
+  const t = e.domain.concat([Ky, Xy, ju, Yy, Zy, Jy, Qy, ex, ns, GE, p1, tx, nx, rx, Da, ix, f1, ox]), n = [Gy, Pu, YE, wa, ZE, p1, h1, JE, QE, Ry, Ly, c1, d1, My, Ny, Oy, Iy, Uy, Py, zy, $y, Hy, Wy, qy, Vy], r = [Ky, Gy, Xy, Yy, Zy, Jy, Qy, ex, ns, c1, d1, p1, tx, nx, rx, h1, Da, ix, f1, ox], o = Ji(), i = Ye(o, f1);
   ln(i, r, i), ln(i, e.domain, i);
   const s = Ji(), a = Ji(), l = Ji();
   ln(o, e.domain, s), ln(o, e.scheme, a), ln(o, e.slashscheme, l), ln(s, r, i), ln(s, e.domain, s);
-  const u = Ze(s, ju);
-  Ze(i, ju, u), Ze(a, ju, u), Ze(l, ju, u);
-  const c = Ze(i, wa);
+  const u = Ye(s, ju);
+  Ye(i, ju, u), Ye(a, ju, u), Ye(l, ju, u);
+  const c = Ye(i, wa);
   ln(c, r, i), ln(c, e.domain, i);
   const d = Ji();
   ln(u, e.domain, d), ln(d, e.domain, d);
-  const p = Ze(d, wa);
+  const p = Ye(d, wa);
   ln(p, e.domain, d);
   const h = Ji(dN);
-  ln(p, e.tld, h), ln(p, e.utld, h), Ze(u, pg, h);
-  const f = Ze(d, ns);
-  Ze(f, ns, f), ln(f, e.domain, d), ln(h, e.domain, d), Ze(h, wa, p), Ze(h, ns, f);
-  const g = Ze(h, Pu);
+  ln(p, e.tld, h), ln(p, e.utld, h), Ye(u, pg, h);
+  const f = Ye(d, ns);
+  Ye(f, ns, f), ln(f, e.domain, d), ln(h, e.domain, d), Ye(h, wa, p), Ye(h, ns, f);
+  const g = Ye(h, Pu);
   ln(g, e.numeric, dN);
-  const m = Ze(s, ns), b = Ze(s, wa);
-  Ze(m, ns, m), ln(m, e.domain, s), ln(b, r, i), ln(b, e.domain, s);
+  const m = Ye(s, ns), b = Ye(s, wa);
+  Ye(m, ns, m), ln(m, e.domain, s), ln(b, r, i), ln(b, e.domain, s);
   const y = Ji(b2);
-  ln(b, e.tld, y), ln(b, e.utld, y), ln(y, e.domain, s), ln(y, r, i), Ze(y, wa, b), Ze(y, ns, m), Ze(y, ju, u);
-  const F = Ze(y, Pu), v = Ji(b2);
+  ln(b, e.tld, y), ln(b, e.utld, y), ln(y, e.domain, s), ln(y, r, i), Ye(y, wa, b), Ye(y, ns, m), Ye(y, ju, u);
+  const F = Ye(y, Pu), v = Ji(b2);
   ln(F, e.numeric, v);
   const w = Ji(b2), D = Ji();
-  ln(w, t, w), ln(w, n, D), ln(D, t, w), ln(D, n, D), Ze(y, Da, w), Ze(v, Da, w);
-  const k = Ze(a, Pu), E = Ze(l, Pu), A = Ze(E, Da), N = Ze(A, Da);
-  ln(a, e.domain, s), Ze(a, wa, b), Ze(a, ns, m), ln(l, e.domain, s), Ze(l, wa, b), Ze(l, ns, m), ln(k, e.domain, w), Ze(k, Da, w), Ze(k, h1, w), ln(N, e.domain, w), ln(N, t, w), Ze(N, Da, w);
+  ln(w, t, w), ln(w, n, D), ln(D, t, w), ln(D, n, D), Ye(y, Da, w), Ye(v, Da, w);
+  const k = Ye(a, Pu), E = Ye(l, Pu), A = Ye(E, Da), N = Ye(A, Da);
+  ln(a, e.domain, s), Ye(a, wa, b), Ye(a, ns, m), ln(l, e.domain, s), Ye(l, wa, b), Ye(l, ns, m), ln(k, e.domain, w), Ye(k, Da, w), Ye(k, h1, w), ln(N, e.domain, w), ln(N, t, w), Ye(N, Da, w);
   const M = [
     [c1, d1],
     // {}
@@ -60776,14 +60776,14 @@ function V6e({
     // ＜＞
   ];
   for (let _ = 0; _ < M.length; _++) {
-    const [O, C] = M[_], j = Ze(w, O);
-    Ze(D, O, j), Ze(j, C, w);
+    const [O, C] = M[_], j = Ye(w, O);
+    Ye(D, O, j), Ye(j, C, w);
     const S = Ji(b2);
     ln(j, t, S);
     const R = Ji();
-    ln(j, n), ln(S, t, S), ln(S, n, R), ln(R, t, S), ln(R, n, R), Ze(S, C, w), Ze(R, C, w);
+    ln(j, n), ln(S, t, S), ln(S, n, R), ln(R, t, S), ln(R, n, R), Ye(S, C, w), Ye(R, C, w);
   }
-  return Ze(o, pg, y), Ze(o, XE, q6e), {
+  return Ye(o, pg, y), Ye(o, XE, q6e), {
     start: o,
     tokens: FK
   };
@@ -63902,7 +63902,7 @@ const c5e = S6e.extend({
     fp,
     {
       as: "article",
-      className: Xe(
+      className: Ze(
         "media-node-view not-prose transition-all ease-in-out w-full",
         L && `f-${n.attrs.dataFloat}`,
         G && `justify-${n.attrs.dataAlign}`
@@ -63912,8 +63912,9 @@ const c5e = S6e.extend({
         {
           draggable: D,
           "data-drag-handle": D,
-          className: Xe(
+          className: Ze(
             "w-fit flex flex-col relative group transition-all ease-in-out",
+            !l && "p-2 pt-1 color-bg-secondary rounded-lg",
             D && "opacity-50"
           ),
           onTouchStart: Q,
@@ -63921,11 +63922,27 @@ const c5e = S6e.extend({
           onTouchEnd: le,
           onTouchCancel: le,
           children: [
+            !l && /* @__PURE__ */ x.jsx("div", { className: "flex gap-1 p-1 mb-1 ml-auto", children: DN.filter((Z) => !(u === "iframe" && Z.tooltip === "Add Caption")).map((Z, T) => /* @__PURE__ */ x.jsx(
+              dr,
+              {
+                variant: "ghost",
+                tooltip: Z.tooltip,
+                isActive: m[Z.tooltip],
+                onClick: () => {
+                  var V;
+                  return Z.tooltip === "Delete" ? o() : (V = Z.action) == null ? void 0 : V.call(Z, r, s, a);
+                },
+                icon: Z.icon,
+                classNames: "min-w-6 aspect-square",
+                size: "sm"
+              },
+              T
+            )) }),
             /* @__PURE__ */ x.jsxs(
               "div",
               {
                 contentEditable: !1,
-                className: Xe(
+                className: Ze(
                   "relative",
                   n.attrs.dataAlign === "start" && "self-start",
                   n.attrs.dataAlign === "center" && "self-center",
@@ -64001,7 +64018,7 @@ const c5e = S6e.extend({
                     "iframe",
                     {
                       ref: y,
-                      className: Xe(
+                      className: Ze(
                         "rounded-lg max-w-full",
                         v && "pointer-events-none"
                       ),
@@ -64038,7 +64055,7 @@ const c5e = S6e.extend({
               m9,
               {
                 as: "div",
-                className: Xe("media-caption", {
+                className: Ze("media-caption", {
                   "text-left": n.attrs.dataAlign === "start",
                   "text-center": n.attrs.dataAlign === "center",
                   "text-right": n.attrs.dataAlign === "end"
@@ -64048,7 +64065,7 @@ const c5e = S6e.extend({
               "div",
               {
                 contentEditable: !1,
-                className: Xe("media-caption media-caption-legacy", {
+                className: Ze("media-caption media-caption-legacy", {
                   "text-left": n.attrs.dataAlign === "start",
                   "text-center": n.attrs.dataAlign === "center",
                   "text-right": n.attrs.dataAlign === "end"
@@ -64056,31 +64073,7 @@ const c5e = S6e.extend({
                 onClick: C,
                 children: n.attrs.caption
               }
-            ) : null,
-            !l && /* @__PURE__ */ x.jsx(
-              "span",
-              {
-                className: Xe(
-                  "absolute transition-all rounded-md overflow-hidden box-border border color-border-default color-bg-default shadow-elevation-3 opacity-0 group-hover:opacity-100 flex gap-1 p-1",
-                  d ? "bottom-2 left-2" : "top-2 right-2"
-                ),
-                children: DN.filter((Z) => !(u === "iframe" && Z.tooltip === "Add Caption")).map((Z, T) => /* @__PURE__ */ x.jsx(
-                  dr,
-                  {
-                    tooltip: Z.tooltip,
-                    isActive: m[Z.tooltip],
-                    onClick: () => {
-                      var V;
-                      return Z.tooltip === "Delete" ? o() : (V = Z.action) == null ? void 0 : V.call(Z, r, s, a);
-                    },
-                    icon: Z.icon,
-                    classNames: "min-w-6 aspect-square",
-                    size: "sm"
-                  },
-                  T
-                ))
-              }
-            )
+            ) : null
           ]
         }
       )
@@ -68706,7 +68699,7 @@ const X9e = [
               {
                 ref: s,
                 tabIndex: 0,
-                className: Xe("trigger-button", { hidden: i }),
+                className: Ze("trigger-button", { hidden: i }),
                 contentEditable: !1,
                 onClick: c,
                 onMouseDown: (p) => {
@@ -95585,7 +95578,7 @@ function HPe({
   return /* @__PURE__ */ x.jsx(fp, { className: "w-full", children: /* @__PURE__ */ x.jsxs(
     "pre",
     {
-      className: Ye(
+      className: Xe(
         "rounded-lg overflow-clip border color-border-default w-full relative",
         E && "!bg-white !bg-clip-padding"
       ),
@@ -95593,7 +95586,7 @@ function HPe({
         /* @__PURE__ */ x.jsxs(
           "div",
           {
-            className: Ye(
+            className: Xe(
               "flex flex-row gap-2 items-center justify-between color-bg-secondary absolute top-0 left-0 z-10 w-full border-b color-border-default px-2 py-1",
               c && !u && "hidden"
             ),
@@ -95646,7 +95639,7 @@ function HPe({
                             {
                               name: i,
                               size: "sm",
-                              className: Ye(
+                              className: Xe(
                                 "transition-all duration-300 absolute inset-0",
                                 i === "Check" ? "opacity-100 scale-100" : "opacity-0 scale-0"
                               )
@@ -95657,7 +95650,7 @@ function HPe({
                             {
                               name: "Copy",
                               size: "sm",
-                              className: Ye(
+                              className: Xe(
                                 "transition-all duration-300 absolute inset-0",
                                 i === "Check" ? "opacity-0 scale-0" : "opacity-100 scale-100"
                               )
@@ -95676,7 +95669,7 @@ function HPe({
                       variant: "ghost",
                       size: "sm",
                       onClick: () => t({ lineNumbers: !d }),
-                      className: Ye(
+                      className: Xe(
                         "min-w-fit p-2",
                         d && "color-bg-brand color-text-on-brand hover:bg-[hsla(var(--color-bg-brand-hover))]"
                       ),
@@ -95690,7 +95683,7 @@ function HPe({
                       variant: "ghost",
                       size: "sm",
                       onClick: () => t({ wordWrap: !p }),
-                      className: Ye(
+                      className: Xe(
                         "min-w-fit p-2",
                         p && "color-bg-brand color-text-on-brand hover:bg-[hsla(var(--color-bg-brand-hover))]"
                       ),
@@ -95791,7 +95784,7 @@ function HPe({
         /* @__PURE__ */ x.jsx(
           "div",
           {
-            className: Ye(
+            className: Xe(
               "absolute top-3 right-3 hidden z-10 color-bg-default",
               c && !u && "flex"
             ),
@@ -95801,7 +95794,7 @@ function HPe({
                 {
                   name: i,
                   size: "sm",
-                  className: Ye(
+                  className: Xe(
                     "transition-all duration-200 absolute inset-0",
                     i === "Check" ? "opacity-100 scale-100" : "opacity-0 scale-50"
                   )
@@ -95812,7 +95805,7 @@ function HPe({
                 {
                   name: "Copy",
                   size: "sm",
-                  className: Ye(
+                  className: Xe(
                     "transition-all duration-200 absolute inset-0",
                     i === "Check" ? "opacity-0 scale-50" : "opacity-100 scale-100"
                   )
@@ -95824,7 +95817,7 @@ function HPe({
         /* @__PURE__ */ x.jsxs(
           "div",
           {
-            className: Ye(
+            className: Xe(
               "bg-transparent w-full p-0 font-mono select-text pointer-events-auto overflow-auto no-scrollbar max-w-[650px]",
               (!c || u) && "mt-8",
               M.length > 20 && "max-h-[500px]"
@@ -95841,7 +95834,7 @@ function HPe({
               /* @__PURE__ */ x.jsxs(
                 "div",
                 {
-                  className: Ye(
+                  className: Xe(
                     "flex flex-row gap-3",
                     E && "hidden",
                     !p && "w-max"
@@ -95860,7 +95853,7 @@ function HPe({
                       {
                         ref: o,
                         as: "div",
-                        className: Ye(
+                        className: Xe(
                           "leading-5 font-mono pl-4 flex-1",
                           e.textContent.length === 0 && "min-h-[20px]"
                         ),
@@ -170050,7 +170043,7 @@ const T$e = (e, t, { state: n, dispatch: r }) => {
       children: i.map((f, g) => /* @__PURE__ */ x.jsxs(
         "button",
         {
-          className: Ye(
+          className: Xe(
             "flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm border border-transparent transition-all",
             g === r && "color-bg-default-hover",
             f.isDisabled ? "cursor-not-allowed color-text-disabled" : "hover:color-bg-default-hover cursor-pointer"
@@ -170064,7 +170057,7 @@ const T$e = (e, t, { state: n, dispatch: r }) => {
               /* @__PURE__ */ x.jsx(
                 "p",
                 {
-                  className: Ye(
+                  className: Xe(
                     "text-xs",
                     f.isDisabled && "color-text-disabled"
                   ),
@@ -170425,7 +170418,7 @@ const T$e = (e, t, { state: n, dispatch: r }) => {
   return /* @__PURE__ */ x.jsxs(
     fp,
     {
-      className: Xe("flex relative w-full h-full justify-center items-center"),
+      className: Ze("flex relative w-full h-full justify-center items-center"),
       style: l,
       children: [
         /* @__PURE__ */ x.jsx(
@@ -171790,7 +171783,7 @@ User prompt: ${u} /no_think` : `${u} /no_think`;
       "div",
       {
         ref: _,
-        className: Ye(
+        className: Xe(
           "color-bg-default overflow-hidden flex flex-col rounded-lg w-full",
           k ? "opacity-0" : g ? "animate-aiwriter-scale-out" : "animate-aiwriter-scale-in"
         ),
@@ -171835,7 +171828,7 @@ User prompt: ${u} /no_think` : `${u} /no_think`;
           /* @__PURE__ */ x.jsxs(
             "div",
             {
-              className: Ye(
+              className: Xe(
                 "flex items-center flex-col justify-between border color-border-default rounded-lg mb-4 mx-3 flex-1 shadow-elevation-3 ",
                 !d && "px-3 py-2"
               ),
@@ -171843,7 +171836,7 @@ User prompt: ${u} /no_think` : `${u} /no_think`;
                 /* @__PURE__ */ x.jsxs(
                   "div",
                   {
-                    className: Ye(
+                    className: Xe(
                       "flex items-start gap-2 w-full",
                       d && "px-3 py-2"
                     ),
@@ -171869,7 +171862,7 @@ User prompt: ${u} /no_think` : `${u} /no_think`;
                 /* @__PURE__ */ x.jsxs(
                   "div",
                   {
-                    className: Ye(
+                    className: Xe(
                       "flex justify-between gap-2 w-full",
                       d && "px-3 pb-2"
                     ),
@@ -171912,7 +171905,7 @@ User prompt: ${u} /no_think` : `${u} /no_think`;
                             "label",
                             {
                               htmlFor: "include-context",
-                              className: Ye(
+                              className: Xe(
                                 "text-xs md:text-sm color-text-default",
                                 i && "color-text-disabled"
                               ),
@@ -171926,7 +171919,7 @@ User prompt: ${u} /no_think` : `${u} /no_think`;
                         {
                           onClick: a ? Q : re,
                           disabled: !u.trim() || i && !a,
-                          className: Ye("p-2 min-w-0 rounded-full w-8 h-8"),
+                          className: Xe("p-2 min-w-0 rounded-full w-8 h-8"),
                           children: a ? /* @__PURE__ */ x.jsx(Le, { name: "Square", size: "sm" }) : /* @__PURE__ */ x.jsx(Le, { name: "ArrowUp", size: "sm" })
                         }
                       )
@@ -183470,7 +183463,7 @@ const DXe = async (e, t, n) => {
     "div",
     {
       ref: s,
-      className: Ye(
+      className: Xe(
         "color-bg-default flex gap-3 py-4 px-4 color-border-default-hover relative",
         l ? "flex-row overflow-x-auto border-t min-h-[12rem] order-2 w-full pt-10 xl:pt-0" : "w-[251px] h-full overflow-y-auto overflow-x-hidden flex-col py-16 border-r",
         a && "min-h-[20rem]"
@@ -183484,7 +183477,7 @@ const DXe = async (e, t, n) => {
           "div",
           {
             ref: (f) => i.current[h] = f,
-            className: Ye(
+            className: Xe(
               "flex p-2 rounded-xl w-[219px] h-[122px] transition-all",
               t === h ? "color-bg-brand hover:color-bg-brand-hover" : "color-bg-default hover:color-bg-default-hover"
             ),
@@ -183492,7 +183485,7 @@ const DXe = async (e, t, n) => {
               /* @__PURE__ */ x.jsx(
                 "span",
                 {
-                  className: Ye(
+                  className: Xe(
                     "text-body-sm h-full w-[20px] pr-1 text-center",
                     t === h ? "color-text-on-brand" : "color-text-default"
                   ),
@@ -183503,14 +183496,14 @@ const DXe = async (e, t, n) => {
                 "div",
                 {
                   onClick: () => n(h),
-                  className: Ye(
+                  className: Xe(
                     "border rounded-lg cursor-pointer transition-all transform overflow-hidden aspect-video w-[188px] h-[106px]",
                     t === h ? "border-[#FFDF0A]" : "color-border-default"
                   ),
                   children: /* @__PURE__ */ x.jsx(
                     "div",
                     {
-                      className: Ye(
+                      className: Xe(
                         "presentation-mode preview-slide w-[400%] h-[400%]",
                         !u && "color-bg-default"
                       ),
@@ -183940,7 +183933,7 @@ const IXe = ({
     uv,
     {
       editor: t,
-      className: Ye("presentation-mode", {
+      className: Xe("presentation-mode", {
         fullscreen: i
       }),
       style: d,
@@ -184079,7 +184072,7 @@ const IXe = ({
   ) }) }) : c.length === 0 || !R ? null : /* @__PURE__ */ x.jsxs(
     "div",
     {
-      className: Ye(
+      className: Xe(
         "fixed inset-0 color-bg-secondary flex z-50",
         E ? "flex-col" : "flex-col xl:flex-row",
         "items-center justify-center w-screen h-screen"
@@ -184098,7 +184091,7 @@ const IXe = ({
         /* @__PURE__ */ x.jsxs(
           "div",
           {
-            className: Ye(
+            className: Xe(
               "flex-1 h-full flex flex-col items-center justify-center",
               {
                 "w-full": n
@@ -184184,14 +184177,14 @@ const IXe = ({
               /* @__PURE__ */ x.jsx(
                 "div",
                 {
-                  className: Ye(
+                  className: Xe(
                     "w-full flex items-center justify-center",
                     n ? "h-screen p-0" : "h-[75vh] p-8"
                   ),
                   children: /* @__PURE__ */ x.jsx(
                     "div",
                     {
-                      className: Ye(
+                      className: Xe(
                         "w-full rounded-lg overflow-hidden relative",
                         !S && "color-bg-default",
                         n ? "h-full max-w-none flex items-start justify-center" : "px-8 md:px-0 scale-[0.35] md:scale-[0.75] xl:scale-100 min-w-[1080px] max-w-[1080px] aspect-video py-[48px]"
@@ -184218,7 +184211,7 @@ const IXe = ({
                           children: /* @__PURE__ */ x.jsx(
                             "div",
                             {
-                              className: Ye(
+                              className: Xe(
                                 "presentation-mode fullscreen w-full h-full"
                               ),
                               dangerouslySetInnerHTML: { __html: c[v] },
@@ -184284,11 +184277,11 @@ const IXe = ({
   "div",
   {
     "data-testid": "comment-auth-modal",
-    className: Ye("flex flex-col !color-bg-default !rounded-b-lg"),
+    className: Xe("flex flex-col !color-bg-default !rounded-b-lg"),
     children: /* @__PURE__ */ x.jsxs(
       "div",
       {
-        className: Ye(
+        className: Xe(
           "w-full px-6 h-full flex flex-col justify-center items-center"
         ),
         children: [
@@ -184423,7 +184416,7 @@ const IXe = ({
     /* @__PURE__ */ x.jsxs(
       "div",
       {
-        className: Ye(
+        className: Xe(
           "border flex px-[12px] py-[8px] gap-[8px] rounded-[4px]",
           m && "items-center justify-between ",
           n ? "color-bg-disabled" : "color-bg-default"
@@ -184463,7 +184456,7 @@ const IXe = ({
               },
               icon: "SendHorizontal",
               variant: "ghost",
-              className: Ye(
+              className: Xe(
                 "!min-w-[24px] !w-[24px] !min-h-[24px] !h-[24px]",
                 !m && "hidden"
               )
@@ -184475,7 +184468,7 @@ const IXe = ({
     /* @__PURE__ */ x.jsxs(
       "div",
       {
-        className: m ? "hidden" : Ye(
+        className: m ? "hidden" : Xe(
           "items-center justify-end gap-2 pt-2",
           b ? "flex" : "hidden group-focus-within:flex"
         ),
@@ -184518,7 +184511,7 @@ const IXe = ({
     /* @__PURE__ */ x.jsxs(
       "div",
       {
-        className: Ye(
+        className: Xe(
           "border mx-4 flex px-[12px] color-bg-default py-[8px] gap-[8px] rounded-[4px]",
           t && "color-bg-disabled"
         ),
@@ -184605,7 +184598,7 @@ const gne = ({
     Z && /* @__PURE__ */ x.jsxs(
       "p",
       {
-        className: Ye(
+        className: Xe(
           "text-body-sm-bold color-text-secondary",
           j && "mb-[4px]"
         ),
@@ -184692,7 +184685,7 @@ const gne = ({
     "div",
     {
       "data-testid": "comment-section",
-      className: Ye(
+      className: Xe(
         (!r || !u) && "flex flex-col",
         !r && "h-[100dvh] sm:h-[calc(100dvh-40px)] xl:h-[calc(100dvh-292px)]  !rounded-b-lg",
         r && !u && "h-full",
@@ -184705,7 +184698,7 @@ const gne = ({
         /* @__PURE__ */ x.jsx(
           "div",
           {
-            className: Ye(
+            className: Xe(
               !j && "px-4 pb-4",
               " w-full overflow-y-auto h-full"
             ),
@@ -184722,7 +184715,7 @@ const gne = ({
                   /* @__PURE__ */ x.jsx(
                     "div",
                     {
-                      className: Ye(
+                      className: Xe(
                         P.length > 0 && !S && "mt-[16px]"
                       )
                     }
@@ -184784,7 +184777,7 @@ const gne = ({
     "div",
     {
       "data-comment-id": e.id,
-      className: Ye(
+      className: Xe(
         "relative flex cursor-pointer  flex-col w-full mt-[8px] pb-[12px] box-border transition-all color-border-default rounded-[12px]",
         r && a !== e.id && "hidden",
         e.id === n && (r || !b) ? "color-bg-default border" : "hover:color-bg-default-hover color-bg-transparent ",
@@ -184845,7 +184838,7 @@ const gne = ({
           "div",
           {
             ref: l,
-            className: Ye("flex flex-col gap-2", e.resolved && "hidden"),
+            className: Xe("flex flex-col gap-2", e.resolved && "hidden"),
             onClick: (D) => D.stopPropagation(),
             children: a === e.id && /* @__PURE__ */ x.jsx(
               HXe,
@@ -184934,7 +184927,7 @@ const gne = ({
     side: "right",
     rounded: !0,
     dismissible: !0,
-    className: Xe(
+    className: Ze(
       "w-[336px] !z-40 right-0 shadow-elevation-4 rounded-lg border color-border-default",
       l && "right-2 md:!right-4",
       a ? `h-[calc(98vh-140px)] ${c ? "top-[4rem]" : "top-[7.25rem] "}` : "top-[4rem] h-[calc(100vh-90px)] xl:h-[calc(99vh-90px)]",
@@ -184946,7 +184939,7 @@ const gne = ({
     content: /* @__PURE__ */ x.jsxs(
       "div",
       {
-        className: Xe(
+        className: Ze(
           "pt-4",
           !s && c && "flex items-center h-[77dvh]"
         ),
@@ -185089,7 +185082,7 @@ const gne = ({
   return /* @__PURE__ */ x.jsxs(
     "div",
     {
-      className: Ye(
+      className: Xe(
         "p-3 color-bg-secondary mx-[12px] rounded-[8px] flex flex-col gap-[12px]",
         e && "mt-[12px]"
       ),
@@ -185268,7 +185261,7 @@ const gne = ({
 }) => /* @__PURE__ */ x.jsx(
   "div",
   {
-    className: Xe(
+    className: Ze(
       !h && "hidden",
       "fixed h-full flex items-end z-10 inset-0"
     ),
@@ -185376,7 +185369,7 @@ const gne = ({
           /* @__PURE__ */ x.jsx(
             "div",
             {
-              className: Xe(
+              className: Ze(
                 "mt-4 overflow-hidden",
                 u ? "flex-1" : "flex items-center justify-center h-full"
               ),
@@ -185860,7 +185853,7 @@ const gne = ({
         }
       },
       editor: e,
-      className: Ye(
+      className: Xe(
         "shadow-elevation-4 rounded-lg color-bg-default border color-border-default",
         (n || c) && "hidden"
       ),
@@ -186986,7 +186979,7 @@ const uYe = Number.POSITIVE_INFINITY, Ib = (e) => e.isVisible && e.isMeasured &&
   {
     ref: i,
     "data-floating-comment-card": e,
-    className: Ye(
+    className: Xe(
       "absolute left-0 top-0 pb-[12px] select-text border cursor-pointer rounded-[12px] will-change-transform transition-[box-shadow,border-color] duration-150 ease-out",
       n ? "shadow-elevation-3 color-bg-default color-border-default" : "color-bg-transparent border-transparent hover:color-bg-default-hover hover:color-border-default"
     ),
@@ -187374,7 +187367,7 @@ const MYe = ({
     /* @__PURE__ */ x.jsxs(
       "div",
       {
-        className: Ye(
+        className: Xe(
           "border flex px-[12px] py-[8px] gap-[8px] rounded-[4px]",
           n ? "color-bg-disabled" : "color-bg-default"
         ),
@@ -187413,7 +187406,7 @@ const MYe = ({
     /* @__PURE__ */ x.jsxs(
       "div",
       {
-        className: Ye(
+        className: Xe(
           "items-center justify-end gap-2 pt-2",
           h || u ? "flex" : "hidden"
         ),
@@ -187558,7 +187551,7 @@ const MYe = ({
       /* @__PURE__ */ x.jsxs(
         "div",
         {
-          className: Ye(
+          className: Xe(
             "border flex px-[12px] py-[8px] gap-[8px] rounded-[4px]",
             n ? "color-bg-disabled" : "color-bg-default"
           ),
@@ -187597,7 +187590,7 @@ const MYe = ({
       /* @__PURE__ */ x.jsxs(
         "div",
         {
-          className: Ye(
+          className: Xe(
             "items-center justify-end gap-2 pt-2",
             k || o ? "flex" : "hidden"
           ),
@@ -187649,7 +187642,7 @@ const MYe = ({
     "div",
     {
       ref: a,
-      className: Ye(
+      className: Xe(
         "comment-floating-comments relative shrink-0",
         o && "pointer-events-none"
       ),
@@ -187739,7 +187732,7 @@ const MYe = ({
         return globalThis.location.href;
       const p = l7(e.textContent), h = a.replace(/-/g, "").substring(0, 8), f = `${p}-${h}`, g = new URL(globalThis.location.href), m = g.hash.startsWith("#") ? g.hash.substring(1) : g.hash, b = new URLSearchParams(m);
       return b.set("heading", f), g.hash = b.toString(), g.toString();
-    }, [a, e.textContent]), d = wt(() => Ye(
+    }, [a, e.textContent]), d = wt(() => Xe(
       `flex items-center transition-all text-body-sm-bold max-[1280px]:h-[32px] max-[1280px]:px-2 max-[1280px]:py-1 h-5 max-[1280px]:max-w-full ${r === "landscape" ? "xl:!max-w-[160px] min-[1750px]:!max-w-[240px]" : "xl:!max-w-[160px] min-[1410px]:!max-w-[240px] min-[1600px]:!max-w-[320px]"} xl:border-l-2`,
       e.isActive ? "color-border-active color-text-default max-[1280px]:border-none max-[1280px]:bg-[#F8F9FA] max-[1280px]:rounded max-[1280px]:text-[#363B3F]" : "color-text-secondary border-transparent lg:hover:!brightness-90"
     ), [e.isActive, r]);
@@ -187771,7 +187764,7 @@ const MYe = ({
                       icon: i ? "Check" : "Clipboard",
                       size: "sm",
                       variant: "ghost",
-                      className: Ye(
+                      className: Xe(
                         "!bg-transparent group-hover/toc-item:opacity-100 opacity-0 transition-all color-text-secondary active:scale-75",
                         e.isActive ? "max-[1280px]:visible" : "max-[1280px]:invisible"
                       ),
@@ -187970,7 +187963,7 @@ const Wx = Bt.memo(wne), _8 = ({
                     l.current = g;
                   },
                   variant: "ghost",
-                  className: Ye(
+                  className: Xe(
                     "!min-w-[16px] !min-h-[16px] !w-[16px] !h-[16px] !p-0 flex items-center justify-center !hover:bg-transparent"
                   ),
                   onClick: (g) => {
@@ -188012,12 +188005,12 @@ const Wx = Bt.memo(wne), _8 = ({
                     onClick: () => {
                       t(""), c(!1);
                     },
-                    className: Ye(
+                    className: Xe(
                       "space-xsm cursor-pointer min-w-[144px] gap-xsm hover:color-bg-default-hover border-radius-sm h-[30px] color-border-default flex items-center"
                     ),
                     children: [
-                      /* @__PURE__ */ x.jsx(Le, { name: "X", className: Ye("w-[16px] h-[16px]") }),
-                      /* @__PURE__ */ x.jsx("p", { className: Ye("text-heading-xsm"), children: "Clear emoji" })
+                      /* @__PURE__ */ x.jsx(Le, { name: "X", className: Xe("w-[16px] h-[16px]") }),
+                      /* @__PURE__ */ x.jsx("p", { className: Xe("text-heading-xsm"), children: "Clear emoji" })
                     ]
                   }
                 )
@@ -188059,12 +188052,12 @@ const Wx = Bt.memo(wne), _8 = ({
         ref: (g) => {
           a.current = g;
         },
-        className: Ye("fixed z-50"),
+        className: Xe("fixed z-50"),
         style: { top: d.top, left: d.left },
         children: /* @__PURE__ */ x.jsxs(
           WYe,
           {
-            className: Ye(
+            className: Xe(
               "color-bg-default rounded-lg border shadow-md",
               h ? "h-[287px]" : "h-[340px]"
             ),
@@ -188089,7 +188082,7 @@ function WYe({
   return /* @__PURE__ */ x.jsx(
     ud.Root,
     {
-      className: Ye(
+      className: Xe(
         "bg-popover text-popover-foreground isolate flex h-full w-fit flex-col overflow-hidden rounded-md",
         e
       ),
@@ -188105,7 +188098,7 @@ function qYe({
   return /* @__PURE__ */ x.jsxs(
     "div",
     {
-      className: Ye("flex h-9 items-center gap-2 border-b px-3", e),
+      className: Xe("flex h-9 items-center gap-2 border-b px-3", e),
       "data-slot": "emoji-picker-search-wrapper",
       children: [
         /* @__PURE__ */ x.jsx(Le, { name: "Search", className: "size-4 shrink-0 opacity-50" }),
@@ -188136,7 +188129,7 @@ function KYe({
     "button",
     {
       ...n,
-      className: Ye(
+      className: Xe(
         "data-[active]:bg-accent flex size-7 items-center justify-center rounded-sm text-base",
         t
       ),
@@ -188166,7 +188159,7 @@ function XYe({
   return /* @__PURE__ */ x.jsxs(
     ud.Viewport,
     {
-      className: Ye("outline-hidden relative flex-1", e),
+      className: Xe("outline-hidden relative flex-1", e),
       "data-slot": "emoji-picker-viewport",
       ...t,
       children: [
@@ -188209,7 +188202,7 @@ function YYe({
   return /* @__PURE__ */ x.jsx(
     "div",
     {
-      className: Ye(
+      className: Xe(
         "max-w-(--frimousse-viewport-width) flex w-full min-w-0 items-center gap-1 border-t p-2",
         e
       ),
@@ -188239,7 +188232,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         transform: Qre.Transform.toString(s),
         transition: a
       },
-      className: Xe(l && "opacity-0", "w-full"),
+      className: Ze(l && "opacity-0", "w-full"),
       children: /* @__PURE__ */ x.jsx(
         Dne,
         {
@@ -188389,7 +188382,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       },
       onClick: l,
       ...d,
-      className: Xe(
+      className: Ze(
         "flex items-center active:cursor-grabbing relative justify-between h-[40px] px-[12px] py-[8px] rounded-[4px]",
         u && "color-bg-default-hover"
       ),
@@ -188472,7 +188465,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
     "div",
     {
       "data-testid": `tab-menu-${e.id}`,
-      className: Xe(ZYe, e.disabled && "!cursor-not-allowed"),
+      className: Ze(ZYe, e.disabled && "!cursor-not-allowed"),
       onClick: (i) => {
         var s;
         i.stopPropagation(), !e.disabled && ((s = e.onSelect) == null || s.call(e));
@@ -188483,13 +188476,13 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
           {
             name: e.icon,
             stroke: e.iconStroke,
-            className: Xe("w-[16px] h-[16px]")
+            className: Ze("w-[16px] h-[16px]")
           }
         ),
         /* @__PURE__ */ x.jsx(
           "p",
           {
-            className: Xe(
+            className: Ze(
               "text-heading-xsm color-text-default",
               e.textClassName
             ),
@@ -188531,7 +188524,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         elevation: 2,
         side: t,
         sideOffset: 4,
-        className: Xe("w-[160px] space-xsm", n),
+        className: Ze("w-[160px] space-xsm", n),
         children: r.map((o, i) => /* @__PURE__ */ x.jsxs("div", { children: [
           i > 0 && /* @__PURE__ */ x.jsx("hr", { className: "border-t space-x-xsm color-border-default my-[4px] w-full" }),
           o.map((s) => /* @__PURE__ */ x.jsx(eZe, { item: s }, s.id))
@@ -188560,7 +188553,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         !d && !r && e();
       },
       hasCloseIcon: a,
-      className: Ye(
+      className: Xe(
         "gap-md !z-[70]",
         !c && "!w-[400px] border-radius-lg"
       ),
@@ -188701,7 +188694,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                 "div",
                 {
                   "data-testid": "tab-sidebar",
-                  className: Xe(
+                  className: Ze(
                     "flex flex-col items-start w-full h-full justify-start left-0 px-4",
                     // Keep landscape TOC responsive: it can shrink to 182px on tighter widths
                     // and grow up to the original 263px when space allows.
@@ -188724,7 +188717,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                             onMouseEnter: () => !r && j(!0),
                             onMouseLeave: () => j(!1),
                             onClick: () => o == null ? void 0 : o((P) => !P),
-                            className: Xe(
+                            className: Ze(
                               "group flex items-center h-[30px]  !min-w-[30px]  min-h-[30px] p-[8px] rounded-[4px] hover:color-bg-secondary-hover transition-[width,background-color] duration-200 ease-out overflow-hidden",
                               !r && "hover:min-w-[156px] gap-[8px]",
                               e.length > 0 && !r && "color-bg-default-hover"
@@ -188740,7 +188733,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                               /* @__PURE__ */ x.jsx(
                                 "span",
                                 {
-                                  className: Xe(
+                                  className: Ze(
                                     "whitespace-nowrap text-heading-xsm color-text-default max-w-[110px] truncate transition-opacity duration-150",
                                     e.length === 1 && !L && !r && "hidden"
                                   ),
@@ -189024,7 +189017,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
     "div",
     {
       "data-testid": "mobile-tab-panel",
-      className: Xe("fixed w-full flex flex-col z-[9]"),
+      className: Ze("fixed w-full flex flex-col z-[9]"),
       style: {
         bottom: f ? "var(--version-sheet-bottom, 24px)" : m ? "0px" : "24px"
       },
@@ -189032,7 +189025,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         /* @__PURE__ */ x.jsx(
           "div",
           {
-            className: Xe(
+            className: Ze(
               "rounded-t-[12px] color-bg-default flex flex-col w-full gap-[8px] overflow-hidden",
               J ? "h-[300px] space-md shadow-[0_-12px_32px_rgba(0,0,0,0.18)]" : " px-[8px] py-[2px] border color-bg-secondary shadow-none"
             ),
@@ -189041,7 +189034,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
               /* @__PURE__ */ x.jsxs(
                 "div",
                 {
-                  className: Xe("gap-xsm flex items-center justify-between w-full"),
+                  className: Ze("gap-xsm flex items-center justify-between w-full"),
                   children: [
                     /* @__PURE__ */ x.jsx("h2", { className: "text-heading-xsm color-text-default", children: "Document tabs" }),
                     /* @__PURE__ */ x.jsx(
@@ -189059,7 +189052,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
               /* @__PURE__ */ x.jsx(
                 "div",
                 {
-                  className: Xe(
+                  className: Ze(
                     "w-full no-scrollbar overflow-y-auto flex-1",
                     "min-h-0",
                     "transition-opacity duration-300"
@@ -189093,7 +189086,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                         /* @__PURE__ */ x.jsx(
                           "div",
                           {
-                            className: Xe(
+                            className: Ze(
                               "table-of-contents transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
                               X.id === t ? "opacity-100 translate-x-0" : "opacity-0 -translate-x-2 h-0 overflow-hidden"
                             ),
@@ -189118,7 +189111,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
               "div",
               {
                 id: "tab-nav",
-                className: Xe(
+                className: Ze(
                   "flex justify-between items-center w-full",
                   "transition-all duration-300 animate-in fade-in slide-in-from-bottom-1"
                 ),
@@ -189130,7 +189123,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                       onClick: $,
                       disabled: !j,
                       "aria-label": "Go to previous tab",
-                      className: Xe(
+                      className: Ze(
                         "h-[36px] w-[36px] flex items-center justify-center transition-opacity duration-200",
                         j ? "cursor-pointer" : "opacity-40 cursor-not-allowed"
                       ),
@@ -189180,7 +189173,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                       onClick: H,
                       disabled: !S,
                       "aria-label": "Go to next tab",
-                      className: Xe(
+                      className: Ze(
                         "h-[36px] w-[36px] flex items-center justify-center transition-opacity duration-200",
                         S ? "cursor-pointer" : "opacity-40 cursor-not-allowed"
                       ),
@@ -189192,7 +189185,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
             ) : /* @__PURE__ */ x.jsxs(
               "div",
               {
-                className: Xe(
+                className: Ze(
                   "flex justify-between items-center w-full",
                   "transition-all duration-300 animate-in fade-in slide-in-from-bottom-1"
                 ),
@@ -189308,7 +189301,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       hasCloseIcon: !0,
       content: /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
         /* @__PURE__ */ x.jsx("div", { className: "flex justify-between items-center p-4", children: /* @__PURE__ */ x.jsx("h2", { className: "text-heading-sm-bold", children: "Document outline" }) }),
-        o ? /* @__PURE__ */ x.jsx("div", { className: Ye("table-of-contents px-4"), children: /* @__PURE__ */ x.jsx(
+        o ? /* @__PURE__ */ x.jsx("div", { className: Xe("table-of-contents px-4"), children: /* @__PURE__ */ x.jsx(
           Wx,
           {
             editor: e,
@@ -189323,7 +189316,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
   ) : /* @__PURE__ */ x.jsxs(
     "div",
     {
-      className: Ye(
+      className: Xe(
         "flex flex-col gap-4 items-start px-3 justify-start z-20 h-full pb-6",
         (!t || l) && "hidden"
       ),
@@ -189348,7 +189341,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         /* @__PURE__ */ x.jsx(
           "div",
           {
-            className: Ye(
+            className: Xe(
               "table-of-contents animate-in fade-in slide-in-from-left-5 overflow-y-auto h-full",
               o ? "block" : "hidden"
             ),
@@ -189456,7 +189449,7 @@ const ZYe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       orientation: a
     }
   );
-}, iZe = "h-6 bg-gradient-to-r [--from:210,_17%,_98%,_1] [--to:0,_0%,_93%,_1] dark:[--from:0,0%,16%,1] dark:[--to:0,0%,12%,1] from-[hsl(var(--from))] to-[hsl(var(--to))]", ts = ({ className: e }) => /* @__PURE__ */ x.jsx("div", { className: Ye(iZe, e) }), Cne = () => /* @__PURE__ */ x.jsx("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ x.jsxs(
+}, iZe = "h-6 bg-gradient-to-r [--from:210,_17%,_98%,_1] [--to:0,_0%,_93%,_1] dark:[--from:0,0%,16%,1] dark:[--to:0,0%,12%,1] from-[hsl(var(--from))] to-[hsl(var(--to))]", ts = ({ className: e }) => /* @__PURE__ */ x.jsx("div", { className: Xe(iZe, e) }), Cne = () => /* @__PURE__ */ x.jsx("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ x.jsxs(
   Pre,
   {
     transition: {
@@ -192692,7 +192685,7 @@ const dZe = (e, t) => {
                 {
                   name: "ChevronDown",
                   size: "sm",
-                  className: Ye(o ? "rotate-180" : "")
+                  className: Xe(o ? "rotate-180" : "")
                 }
               )
             ]
@@ -192775,7 +192768,7 @@ const jne = Bt.memo(
       "div",
       {
         ref: r,
-        className: Ye(t),
+        className: Xe(t),
         contentEditable: !1,
         "data-test": "copy-heading-link-button",
         ...n,
@@ -193190,7 +193183,7 @@ const LZe = Bt.memo(
         return;
       const v = Ske(F.node, F.pos);
       v && ((D = (w = F.handle).onCopyHeadingLink) == null || D.call(w, v));
-    }, g = Ye(
+    }, g = Xe(
       "d-block-button color-text-default hover:color-bg-default-hover aspect-square h-5 w-5 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity"
     ), m = !n.isPreviewMode && !o, b = c.isHeading, y = n.isPreviewMode && c.isHeading && !n.isPreviewEditor && !o;
     return n.isPresentationMode && n.isPreviewMode || !a.handle.gutterElement.isConnected || !m && !b && !y ? null : vf(
@@ -193231,7 +193224,7 @@ const LZe = Bt.memo(
           jne,
           {
             onClick: f,
-            className: Ye(
+            className: Xe(
               "d-block-button color-text-default color-bg-default-hover aspect-square h-6 w-6 shrink-0"
             )
           }
@@ -193579,7 +193572,7 @@ const KZe = ({
       }
     )
   ] });
-}, GZe = yU(() => import("./markdown-source-pane-CJNood8d.mjs")), XZe = yU(() => import("./split-view-toolbar-DQ9aZxVZ.mjs")), YZe = ({
+}, GZe = yU(() => import("./markdown-source-pane-BcRRhhfp.mjs")), XZe = yU(() => import("./split-view-toolbar-BZOg4Vsc.mjs")), YZe = ({
   markdown: e,
   onMarkdownChange: t,
   ipfsImageUploadFn: n,
@@ -194206,7 +194199,7 @@ const KZe = ({
       "div",
       {
         id: "toolbar",
-        className: Xe(
+        className: Ze(
           "z-[45] hidden mobile:flex items-center justify-center w-full h-[52px] fixed left-0 color-bg-default border-b color-border-default transition-all duration-300 top-[3.5rem]",
           {
             "translate-y-0 opacity-100": !he && L,
@@ -194316,7 +194309,7 @@ const KZe = ({
       /* @__PURE__ */ x.jsx(
         "div",
         {
-          className: Xe(
+          className: Ze(
             "editor-left-rail",
             D4 && "editor-left-rail-has-outline",
             !ma && "flex-[1_0_263px]",
@@ -194363,7 +194356,7 @@ const KZe = ({
         {
           ref: Te,
           "data-editor-scroll-container": "true",
-          className: Xe(
+          className: Ze(
             "flex w-full",
             // In Split View the right-pane wrapper owns the scroll — let the
             // editor content flow so there's only one scroller.
@@ -194374,11 +194367,11 @@ const KZe = ({
             /* @__PURE__ */ x.jsx(
               "div",
               {
-                className: Xe(En ? "h-full" : "w-full h-full"),
+                className: Ze(En ? "h-full" : "w-full h-full"),
                 children: /* @__PURE__ */ x.jsx(
                   "div",
                   {
-                    className: Xe(
+                    className: Ze(
                       "flex min-h-[100%] items-start",
                       // Split View: wrap to the right pane's width (no min-w-max),
                       // so there's no horizontal scroll.
@@ -194387,7 +194380,7 @@ const KZe = ({
                     children: /* @__PURE__ */ x.jsx(
                       "div",
                       {
-                        className: Xe(
+                        className: Ze(
                           "editor-main-lane flex-grow min-w-0 flex overflow-visible items-stretch",
                           nre ? "justify-start" : "justify-center",
                           ma && "w-full"
@@ -194403,7 +194396,7 @@ const KZe = ({
                         children: /* @__PURE__ */ x.jsxs(
                           "div",
                           {
-                            className: Xe(
+                            className: Ze(
                               "editor-comment-layout relative shrink-0 overflow-visible",
                               ma && "w-full"
                             ),
@@ -194426,7 +194419,7 @@ const KZe = ({
                                 {
                                   id: "editor-wrapper",
                                   ref: Re,
-                                  className: Xe(
+                                  className: Ze(
                                     "w-full flex-grow min-w-0 no-scrollbar rounded transition-all mx-auto duration-300 ease-in-out",
                                     !(vt != null && vt.canvasBackground) && !he && "color-bg-default",
                                     !En && !e && !he && (L ? "-mt-[1.5rem] md:!mt-[0.8rem] pt-0 md:pt-[5rem]" : "pt-0 md:pt-[1.5rem]"),
@@ -194458,7 +194451,7 @@ const KZe = ({
                                     "div",
                                     {
                                       ref: _s,
-                                      className: Xe(
+                                      className: Ze(
                                         "w-full pt-8 md:pt-0",
                                         {
                                           "color-bg-default": !(vt != null && vt.canvasBackground) && (j === "1.4" || j === "1.5") && !he
@@ -194537,7 +194530,7 @@ const KZe = ({
                                                   "div",
                                                   {
                                                     ref: Gt,
-                                                    className: Xe(
+                                                    className: Ze(
                                                       "flex flex-wrap px-4 md:px-8 lg:px-[80px] mb-8 items-center gap-1 mt-4 lg:!mt-0",
                                                       { "pt-12": e }
                                                     ),
@@ -194653,7 +194646,7 @@ const KZe = ({
                                                               zt,
                                                               Ve.isActive
                                                             ),
-                                                            className: Xe(
+                                                            className: Ze(
                                                               "w-full h-auto",
                                                               e && "preview-mode max-sm:!pb-40",
                                                               xt !== void 0 && pt && "has-available-models",
@@ -194699,7 +194692,7 @@ const KZe = ({
             /* @__PURE__ */ x.jsx(
               "div",
               {
-                className: Xe(
+                className: Ze(
                   "editor-right-rail",
                   !ma && "flex-[1_1_263px]",
                   !e && !he && L && "-mt-[1.5rem] md:!mt-[0.8rem]",
@@ -194724,7 +194717,7 @@ const KZe = ({
             ct && (p == null || p(ct));
           },
           variant: "ghost",
-          className: Xe(
+          className: Ze(
             "absolute w-12 h-12 color-bg-default rounded-full shadow-xl top-[70px] right-[-23px]"
           ),
           children: /* @__PURE__ */ x.jsx(Le, { name: "MessageSquareText", size: "sm" })
@@ -194733,7 +194726,7 @@ const KZe = ({
       !e && !m && /* @__PURE__ */ x.jsx(
         "div",
         {
-          className: Xe(
+          className: Ze(
             "flex mobile:hidden items-center w-full h-[52px] fixed left-0 z-10 px-4 color-bg-default transition-all duration-300 ease-in-out border-b border-color-default",
             et && "hidden",
             { "top-14": L, "top-0": !L }
@@ -194789,7 +194782,7 @@ const KZe = ({
         children: /* @__PURE__ */ x.jsx(
           "div",
           {
-            className: Xe(
+            className: Ze(
               "w-full",
               R ? "color-bg-default" : "color-bg-secondary"
             ),
@@ -194801,7 +194794,7 @@ const KZe = ({
               {
                 id: "editor-canvas",
                 onMouseDown: ore,
-                className: Xe(
+                className: Ze(
                   "h-[100%] flex w-full relative",
                   // Split View: the right-pane wrapper owns the scroll, not the canvas.
                   En ? "overflow-hidden" : "overflow-auto",
@@ -194822,7 +194815,7 @@ const KZe = ({
                       onKeyDown: (Ve) => {
                         Ve.key === "Escape" && ct && (Ve.preventDefault(), ct.commands.focus());
                       },
-                      className: Xe(
+                      className: Ze(
                         "h-14 color-bg-default py-2 px-0 md:px-4 flex gap-2 items-center justify-between w-screen fixed left-0 top-0 border-b color-border-default z-[45] transition-all duration-300",
                         {
                           "translate-y-0 opacity-100": !he && L && !R,
@@ -194875,7 +194868,7 @@ const KZe = ({
                         "div",
                         {
                           ref: Vne,
-                          className: Xe(
+                          className: Ze(
                             En ? "flex w-full h-full p-4 color-bg-secondary overflow-hidden" : "contents"
                           ),
                           children: [
@@ -194906,7 +194899,7 @@ const KZe = ({
                               "div",
                               {
                                 style: En ? { flexGrow: 1 - w4 } : void 0,
-                                className: Xe(
+                                className: Ze(
                                   En ? "flex-1 min-w-0 h-full flex flex-col color-bg-default rounded border color-border-default overflow-hidden relative" : "contents"
                                 ),
                                 children: [
@@ -194922,7 +194915,7 @@ const KZe = ({
                                   /* @__PURE__ */ x.jsxs(
                                     "div",
                                     {
-                                      className: Xe(
+                                      className: Ze(
                                         En ? "flex-1 min-h-0 relative overflow-hidden" : "contents"
                                       ),
                                       children: [
@@ -194931,7 +194924,7 @@ const KZe = ({
                                           {
                                             ref: Zne,
                                             ...En ? { "data-split-view-preview": "true" } : {},
-                                            className: Xe(
+                                            className: Ze(
                                               En ? "absolute inset-0 overflow-y-auto overflow-x-hidden" : "contents"
                                             ),
                                             children: sre()
@@ -195115,7 +195108,7 @@ const KZe = ({
         }
       ),
       !H || P || D ? Tr(
-        /* @__PURE__ */ x.jsxs("div", { className: Ye(`${X ? "mx-10 mt-10" : "mx-20"}`), children: [
+        /* @__PURE__ */ x.jsxs("div", { className: Xe(`${X ? "mx-10 mt-10" : "mx-20"}`), children: [
           /* @__PURE__ */ x.jsx(
             er,
             {
@@ -195135,7 +195128,7 @@ const KZe = ({
               "div",
               {
                 ref: L,
-                className: Ye("overflow-x-hidden", b),
+                className: Xe("overflow-x-hidden", b),
                 children: /* @__PURE__ */ x.jsxs(
                   $E,
                   {
@@ -195214,7 +195207,7 @@ const KZe = ({
                             {
                               editor: H,
                               "data-ddoc-editor-root": "true",
-                              className: Ye("w-full h-auto py-8", w)
+                              className: Xe("w-full h-auto py-8", w)
                             }
                           )
                         }