@fileverse-dev/ddoc 4.5.2 → 4.6.1-patch-1

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { D as a, a as o, E as t, P as d, f as r, i, g as n, l as m, h as E, m as c, e as l, n as p, c as u, d as C, u as f, v as D } from "./index-wVRnXbOi.mjs";
+import { D as a, a as o, E as t, P as d, f as r, i, g as n, j as m, h as E, m as c, e as l, l as p, c as u, d as C, u as f, v as D } from "./index-WbMw90L2.mjs";
 export {
   a as DdocEditor,
   o as DdocExportModal,

package/dist/{markdown-source-pane-4v_yuVaC.mjs → markdown-source-pane-1za4Z7gd.mjs}

@@ -1,9 +1,9 @@
 var Vr = Object.defineProperty;
 var Wr = (t, e, O) => e in t ? Vr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: O }) : t[e] = O;
 var gt = (t, e, O) => Wr(t, typeof e != "symbol" ? e + "" : e, O);
-import { j as Cr } from "./index-wVRnXbOi.mjs";
+import { jsx as Cr } from "react/jsx-runtime";
 import { useRef as pe, useEffect as St } from "react";
-import { s as y, A as pO, T as dO, a as Gr, S as et, b as Lr, P as fO, E as j, i as QO, c as _, D as le, k as tt, F as Ar, M as Pt, W as Er, R as Ur, d as mO, N as oe, e as V, f as Mr, g as Ot, h as ce, p as $O, j as Y, t as h, l as Ir, I as rt, L as at, m as ye, n as ue, o as Qe, q as gO, r as te, u as SO, v as Br, w as Nr, x as PO, y as kO, z as Dr, B as Fr, C as Kr, G as Oe, H as ZO, J as Jr, K as kt, O as Hr, Q as ea, U as ta, V as Oa, X as ra, Y as aa, Z as ia, _ as sa, $ as na, a0 as la, a1 as oa, a2 as ca } from "./index-BuSMzCGL.mjs";
+import { s as y, A as pO, T as dO, a as Gr, S as et, b as Lr, P as fO, E as j, i as QO, c as _, D as le, k as tt, F as Ar, M as Pt, W as Er, R as Ur, d as mO, N as oe, e as V, f as Mr, g as Ot, h as ce, p as $O, j as Y, t as h, l as Ir, I as rt, L as at, m as ye, n as ue, o as Qe, q as gO, r as te, u as SO, v as Br, w as Nr, x as PO, y as kO, z as Dr, B as Fr, C as Kr, G as Oe, H as ZO, J as Jr, K as kt, O as Hr, Q as ea, U as ta, V as Oa, X as ra, Y as aa, Z as ia, _ as sa, $ as na, a0 as la, a1 as oa, a2 as ca } from "./index-CbsbTEUv.mjs";
 class ua {
   /**
   Create a new completion context. (Mostly useful for testing
@@ -6062,7 +6062,7 @@ function tl({
         dO.addToHistory.of(!1)
       ]
     });
-  }, [t]), /* @__PURE__ */ Cr.jsx("div", { ref: r, className: "w-full h-full overflow-auto" });
+  }, [t]), /* @__PURE__ */ Cr("div", { ref: r, className: "w-full h-full overflow-auto" });
 }
 export {
   tl as default

package/dist/package/sync-local/presence.d.ts

@@ -6,6 +6,8 @@ export interface AwarenessIdentity {
     isEns: string | boolean;
 }
 export declare const PLACEHOLDER_COLOR = "#9CA3AF";
+export declare const COLLAB_PRESENCE_COLORS: readonly ["#30bced", "#6eeb83", "#fa69d1", "#ecd444", "#ee6352", "#db3041", "#0ad7f2", "#1bff39"];
 export declare function buildIdentityMap(states: Map<number, Record<string, unknown>>): Map<string, AwarenessIdentity>;
 export declare function mergePresence(roomMembers: string[], identityBySocketId: Map<string, AwarenessIdentity>): IDocCollabUsers[];
+export declare function assignSessionColors(collaborators: IDocCollabUsers[], colorByName: Map<string, string>): IDocCollabUsers[];
 export declare function identitySignature(roomMembers: string[], identityBySocketId: Map<string, AwarenessIdentity>): string;

package/dist/package/sync-local/socketClient.d.ts

@@ -62,6 +62,7 @@ export declare class SocketClient {
     private roomId;
     roomMembers: string[];
     private _lastPresenceSignature;
+    private _presenceColorByName;
     private _onPresenceChange?;
     private _pendingAwarenessUpdates;
     private collaborationKeyPair;

package/dist/split-view-toolbar-CPXvmECV.mjs

@@ -0,0 +1,289 @@
+import { jsx as m, jsxs as L } from "react/jsx-runtime";
+import { useRef as D, useState as E, useEffect as A } from "react";
+import { DynamicDropdown as P, Tooltip as O, IconButton as T } from "@fileverse/ui";
+import { a3 as _, a4 as w, c as R } from "./index-CbsbTEUv.mjs";
+const p = (e, n, o = n) => {
+  const { state: i } = e, l = i.changeByRange((t) => {
+    const d = i.sliceDoc(t.from, t.to), r = i.sliceDoc(
+      Math.max(0, t.from - n.length),
+      t.from
+    ), u = i.sliceDoc(
+      t.to,
+      Math.min(i.doc.length, t.to + o.length)
+    );
+    if (r === n && u === o)
+      return {
+        changes: [
+          { from: t.from - n.length, to: t.from, insert: "" },
+          { from: t.to, to: t.to + o.length, insert: "" }
+        ],
+        range: R.range(
+          t.from - n.length,
+          t.to - n.length
+        )
+      };
+    const b = n + d + o;
+    return {
+      changes: { from: t.from, to: t.to, insert: b },
+      range: R.range(
+        t.from + n.length,
+        t.from + n.length + d.length
+      )
+    };
+  });
+  e.dispatch(i.update(l, { scrollIntoView: !0 })), e.focus();
+}, B = (e, n) => {
+  const { state: o } = e, i = [], l = /* @__PURE__ */ new Set();
+  for (const t of o.selection.ranges) {
+    let d = t.from;
+    for (; ; ) {
+      const r = o.doc.lineAt(d);
+      if (!l.has(r.number)) {
+        l.add(r.number);
+        const u = n(r.text, r.from);
+        u && i.push(u);
+      }
+      if (r.to >= t.to) break;
+      d = r.to + 1;
+    }
+  }
+  i.length && e.dispatch(o.update({ changes: i, scrollIntoView: !0 })), e.focus();
+}, y = (e, n) => B(
+  e,
+  (o, i) => o.startsWith(n) ? { from: i, to: i + n.length, insert: "" } : { from: i, insert: n }
+), z = (e, n) => {
+  const o = "#".repeat(n) + " ";
+  return B(e, (i, l) => {
+    const t = i.match(/^(#{1,6})\s/);
+    return t && t[1].length === n ? { from: l, to: l + t[0].length, insert: "" } : t ? { from: l, to: l + t[0].length, insert: o } : { from: l, insert: o };
+  });
+}, f = (e, n) => {
+  const { state: o } = e, i = o.selection.main, r = `${o.doc.lineAt(i.from).text.trim() === "" ? "" : `
+
+`}${n}
+`;
+  e.dispatch(
+    o.update({
+      changes: { from: i.from, insert: r },
+      selection: { anchor: i.from + r.length },
+      scrollIntoView: !0
+    })
+  ), e.focus();
+}, G = (e, n) => {
+  const { state: o } = e, i = o.changeByRange((l) => {
+    const t = o.sliceDoc(l.from, l.to) || "text", d = n ?? "url", r = `[${t}](${d})`, u = l.from + 1 + t.length + 2;
+    return {
+      changes: { from: l.from, to: l.to, insert: r },
+      range: R.range(u, u + d.length)
+    };
+  });
+  e.dispatch(o.update(i, { scrollIntoView: !0 })), e.focus();
+}, K = (e, n) => {
+  const o = `<img src="${n.src}" media-type="secure-img" encryptionKey="${n.encryptionKey}" nonce="${n.nonce}" ipfsUrl="${n.ipfsUrl}" ipfsHash="${n.ipfsHash}" version="2" authTag="${n.authTag}" mimeType="${n.mimeType}" />`;
+  f(e, o);
+}, M = (e, n) => f(e, `<img src="${n}" media-type="img" />`), W = `| Column 1 | Column 2 |
+| -------- | -------- |
+|          |          |`, c = {
+  bold: (e) => p(e, "**"),
+  italic: (e) => p(e, "*"),
+  strike: (e) => p(e, "~~"),
+  inlineCode: (e) => p(e, "`"),
+  underline: (e) => p(e, "<u>", "</u>"),
+  heading: (e, n) => z(e, n),
+  bulletList: (e) => y(e, "- "),
+  orderedList: (e) => y(e, "1. "),
+  taskList: (e) => y(e, "- [ ] "),
+  blockquote: (e) => y(e, "> "),
+  codeBlock: (e) => f(e, "```\n\n```"),
+  horizontalRule: (e) => f(e, "---"),
+  table: (e) => f(e, W),
+  link: (e, n) => G(e, n),
+  undo: (e) => {
+    w(e), e.focus();
+  },
+  redo: (e) => {
+    _(e), e.focus();
+  },
+  // Highlight → inline HTML (round-trips via our turndown/DOMPurify rules).
+  highlight: (e, n) => n ? p(e, `<mark style="background-color: ${n}">`, "</mark>") : p(e, "<mark>", "</mark>")
+}, H = [
+  [
+    { icon: "Undo", label: "Undo", run: (e) => c.undo(e) },
+    { icon: "Redo", label: "Redo", run: (e) => c.redo(e) }
+  ],
+  [
+    {
+      icon: "Heading1",
+      label: "Heading 1",
+      run: (e) => c.heading(e, 1)
+    },
+    {
+      icon: "Heading2",
+      label: "Heading 2",
+      run: (e) => c.heading(e, 2)
+    },
+    {
+      icon: "Heading3",
+      label: "Heading 3",
+      run: (e) => c.heading(e, 3)
+    }
+  ],
+  [
+    { icon: "Bold", label: "Bold", run: (e) => c.bold(e) },
+    { icon: "Italic", label: "Italic", run: (e) => c.italic(e) },
+    {
+      icon: "Underline",
+      label: "Underline",
+      run: (e) => c.underline(e)
+    },
+    {
+      icon: "Strikethrough",
+      label: "Strikethrough",
+      run: (e) => c.strike(e)
+    },
+    {
+      icon: "Code",
+      label: "Inline code",
+      run: (e) => c.inlineCode(e)
+    },
+    {
+      icon: "Highlighter",
+      label: "Highlight",
+      run: (e) => c.highlight(e)
+    }
+  ],
+  [
+    {
+      icon: "List",
+      label: "Bullet list",
+      run: (e) => c.bulletList(e)
+    },
+    {
+      icon: "ListOrdered",
+      label: "Numbered list",
+      run: (e) => c.orderedList(e)
+    },
+    {
+      icon: "ListChecks",
+      label: "To-do list",
+      run: (e) => c.taskList(e)
+    },
+    { icon: "TextQuote", label: "Quote", run: (e) => c.blockquote(e) }
+  ],
+  [
+    // Inserts [text](url) inline and selects `url` to type over.
+    { icon: "Link", label: "Link", run: (e) => c.link(e) },
+    { icon: "Image", label: "Image", run: () => {
+    }, upload: !0 },
+    {
+      icon: "Braces",
+      label: "Code block",
+      run: (e) => c.codeBlock(e)
+    },
+    { icon: "Table", label: "Table", run: (e) => c.table(e) },
+    {
+      icon: "Minus",
+      label: "Divider",
+      run: (e) => c.horizontalRule(e)
+    }
+  ]
+], $ = 3, V = H.slice(0, $), U = H.slice($), S = "!h-6 !w-6 !min-w-0", j = 560, C = () => /* @__PURE__ */ m("div", { className: "w-[1px] h-4 vertical-divider mx-1" });
+function X({
+  view: e,
+  ipfsImageUploadFn: n,
+  onError: o
+}) {
+  const i = (s) => {
+    const a = document.createElement("input");
+    a.type = "file", a.accept = "image/*", a.onchange = async () => {
+      var x;
+      const h = (x = a.files) == null ? void 0 : x[0];
+      if (!(!h || !h.type.includes("image/")))
+        try {
+          if (n) {
+            const g = await n(h);
+            K(s, {
+              src: URL.createObjectURL(h),
+              ipfsUrl: g.ipfsUrl,
+              encryptionKey: g.encryptionKey,
+              nonce: g.nonce,
+              ipfsHash: g.ipfsHash,
+              authTag: g.authTag,
+              mimeType: h.type
+            });
+          } else {
+            const g = await new Promise((I, N) => {
+              const k = new FileReader();
+              k.onload = () => I(k.result), k.onerror = N, k.readAsDataURL(h);
+            });
+            M(s, g);
+          }
+        } catch {
+          o == null || o("Failed to upload image");
+        }
+    }, a.click();
+  }, l = (s, a) => {
+    if (s.upload) {
+      i(a);
+      return;
+    }
+    s.run(a);
+  }, t = D(null), [d, r] = E(!1);
+  A(() => {
+    const s = t.current;
+    if (!s || typeof ResizeObserver > "u") return;
+    const a = () => r(s.clientWidth < j);
+    a();
+    const h = new ResizeObserver(a);
+    return h.observe(s), () => h.disconnect();
+  }, []);
+  const u = (s) => /* @__PURE__ */ m(O, { text: s.label, children: /* @__PURE__ */ m(
+    T,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: S,
+      icon: s.icon,
+      disabled: !e,
+      onClick: () => e && l(s, e)
+    }
+  ) }, s.label), b = (s, a) => /* @__PURE__ */ L("div", { className: "flex items-center gap-0.5", children: [
+    a && /* @__PURE__ */ m(C, {}),
+    s.map(u)
+  ] }, s[0].label);
+  return /* @__PURE__ */ m("div", { className: "flex items-center px-2 py-2 border-b color-border-default shrink-0", children: /* @__PURE__ */ L(
+    "div",
+    {
+      ref: t,
+      className: "flex items-center gap-0.5 flex-1 min-w-0 overflow-hidden",
+      children: [
+        V.map((s, a) => b(s, a > 0)),
+        d ? /* @__PURE__ */ L("div", { className: "flex items-center gap-0.5", children: [
+          /* @__PURE__ */ m(C, {}),
+          /* @__PURE__ */ m(
+            P,
+            {
+              align: "start",
+              sideOffset: 8,
+              anchorTrigger: /* @__PURE__ */ m(O, { text: "More", children: /* @__PURE__ */ m(
+                T,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: S,
+                  icon: "Ellipsis",
+                  disabled: !e
+                }
+              ) }),
+              content: /* @__PURE__ */ m("div", { className: "flex items-center gap-0.5 p-1", children: U.flat().map(u) })
+            },
+            "md-more-dropdown"
+          )
+        ] }) : U.map((s) => b(s, !0))
+      ]
+    }
+  ) });
+}
+export {
+  X as default
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fileverse-dev/ddoc",
   "private": false,
   "description": "DDoc",
-  "version": "4.5.2",
+  "version": "4.6.1-patch-1",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
   "exports": {
@@ -109,8 +109,6 @@
     "platform": "^1.3.6",
     "prosemirror-model": "^1.21.0",
     "prosemirror-state": "^1.4.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "react-tweet": "^3.2.2",
     "react-uuid": "^2.0.0",
     "react-window": "^2.2.7",
@@ -118,7 +116,7 @@
     "tailwindcss-animate": "^1.0.7",
     "tiptap-markdown": "^0.9.0",
     "turndown": "^7.2.0",
-    "usehooks-ts": "^3.1.0",
+    "usehooks-ts": "^3.1.1",
     "uuid": "^10.0.0",
     "vaul": "^0.9.1",
     "vite-plugin-dts": "^3.6.3",
@@ -134,10 +132,12 @@
     "@dnd-kit/utilities": ">=3.2.2",
     "@fileverse/crypto": ">=0.0.21",
     "@fileverse/ens": "0.0.4",
-    "@fileverse/ui": "5.2.3",
+    "@fileverse/ui": "5.3.1",
     "framer-motion": ">=11.2.10",
     "frimousse": ">=0.3.0",
     "mermaid": "11.14.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
     "viem": ">=2.35.0",
     "yjs": ">=13.6.30 <14"
   },
@@ -171,6 +171,8 @@
     "lint-staged": "^15.2.10",
     "postcss": "^8.4.38",
     "prettier": "^3.4.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.2.2",
     "vite": "^5.0.0",

package/dist/split-view-toolbar-BAQhhpBX.mjs

@@ -1,289 +0,0 @@
-import { j as d } from "./index-wVRnXbOi.mjs";
-import { useRef as I, useState as N, useEffect as D } from "react";
-import { DynamicDropdown as E, Tooltip as R, IconButton as O } from "@fileverse/ui";
-import { a3 as A, a4 as P, c as y } from "./index-BuSMzCGL.mjs";
-const p = (e, t, o = t) => {
-  const { state: s } = e, l = s.changeByRange((n) => {
-    const u = s.sliceDoc(n.from, n.to), r = s.sliceDoc(
-      Math.max(0, n.from - t.length),
-      n.from
-    ), m = s.sliceDoc(
-      n.to,
-      Math.min(s.doc.length, n.to + o.length)
-    );
-    if (r === t && m === o)
-      return {
-        changes: [
-          { from: n.from - t.length, to: n.from, insert: "" },
-          { from: n.to, to: n.to + o.length, insert: "" }
-        ],
-        range: y.range(
-          n.from - t.length,
-          n.to - t.length
-        )
-      };
-    const b = t + u + o;
-    return {
-      changes: { from: n.from, to: n.to, insert: b },
-      range: y.range(
-        n.from + t.length,
-        n.from + t.length + u.length
-      )
-    };
-  });
-  e.dispatch(s.update(l, { scrollIntoView: !0 })), e.focus();
-}, S = (e, t) => {
-  const { state: o } = e, s = [], l = /* @__PURE__ */ new Set();
-  for (const n of o.selection.ranges) {
-    let u = n.from;
-    for (; ; ) {
-      const r = o.doc.lineAt(u);
-      if (!l.has(r.number)) {
-        l.add(r.number);
-        const m = t(r.text, r.from);
-        m && s.push(m);
-      }
-      if (r.to >= n.to) break;
-      u = r.to + 1;
-    }
-  }
-  s.length && e.dispatch(o.update({ changes: s, scrollIntoView: !0 })), e.focus();
-}, k = (e, t) => S(
-  e,
-  (o, s) => o.startsWith(t) ? { from: s, to: s + t.length, insert: "" } : { from: s, insert: t }
-), _ = (e, t) => {
-  const o = "#".repeat(t) + " ";
-  return S(e, (s, l) => {
-    const n = s.match(/^(#{1,6})\s/);
-    return n && n[1].length === t ? { from: l, to: l + n[0].length, insert: "" } : n ? { from: l, to: l + n[0].length, insert: o } : { from: l, insert: o };
-  });
-}, f = (e, t) => {
-  const { state: o } = e, s = o.selection.main, r = `${o.doc.lineAt(s.from).text.trim() === "" ? "" : `
-
-`}${t}
-`;
-  e.dispatch(
-    o.update({
-      changes: { from: s.from, insert: r },
-      selection: { anchor: s.from + r.length },
-      scrollIntoView: !0
-    })
-  ), e.focus();
-}, w = (e, t) => {
-  const { state: o } = e, s = o.changeByRange((l) => {
-    const n = o.sliceDoc(l.from, l.to) || "text", u = t ?? "url", r = `[${n}](${u})`, m = l.from + 1 + n.length + 2;
-    return {
-      changes: { from: l.from, to: l.to, insert: r },
-      range: y.range(m, m + u.length)
-    };
-  });
-  e.dispatch(o.update(s, { scrollIntoView: !0 })), e.focus();
-}, z = (e, t) => {
-  const o = `<img src="${t.src}" media-type="secure-img" encryptionKey="${t.encryptionKey}" nonce="${t.nonce}" ipfsUrl="${t.ipfsUrl}" ipfsHash="${t.ipfsHash}" version="2" authTag="${t.authTag}" mimeType="${t.mimeType}" />`;
-  f(e, o);
-}, G = (e, t) => f(e, `<img src="${t}" media-type="img" />`), K = `| Column 1 | Column 2 |
-| -------- | -------- |
-|          |          |`, c = {
-  bold: (e) => p(e, "**"),
-  italic: (e) => p(e, "*"),
-  strike: (e) => p(e, "~~"),
-  inlineCode: (e) => p(e, "`"),
-  underline: (e) => p(e, "<u>", "</u>"),
-  heading: (e, t) => _(e, t),
-  bulletList: (e) => k(e, "- "),
-  orderedList: (e) => k(e, "1. "),
-  taskList: (e) => k(e, "- [ ] "),
-  blockquote: (e) => k(e, "> "),
-  codeBlock: (e) => f(e, "```\n\n```"),
-  horizontalRule: (e) => f(e, "---"),
-  table: (e) => f(e, K),
-  link: (e, t) => w(e, t),
-  undo: (e) => {
-    P(e), e.focus();
-  },
-  redo: (e) => {
-    A(e), e.focus();
-  },
-  // Highlight → inline HTML (round-trips via our turndown/DOMPurify rules).
-  highlight: (e, t) => t ? p(e, `<mark style="background-color: ${t}">`, "</mark>") : p(e, "<mark>", "</mark>")
-}, C = [
-  [
-    { icon: "Undo", label: "Undo", run: (e) => c.undo(e) },
-    { icon: "Redo", label: "Redo", run: (e) => c.redo(e) }
-  ],
-  [
-    {
-      icon: "Heading1",
-      label: "Heading 1",
-      run: (e) => c.heading(e, 1)
-    },
-    {
-      icon: "Heading2",
-      label: "Heading 2",
-      run: (e) => c.heading(e, 2)
-    },
-    {
-      icon: "Heading3",
-      label: "Heading 3",
-      run: (e) => c.heading(e, 3)
-    }
-  ],
-  [
-    { icon: "Bold", label: "Bold", run: (e) => c.bold(e) },
-    { icon: "Italic", label: "Italic", run: (e) => c.italic(e) },
-    {
-      icon: "Underline",
-      label: "Underline",
-      run: (e) => c.underline(e)
-    },
-    {
-      icon: "Strikethrough",
-      label: "Strikethrough",
-      run: (e) => c.strike(e)
-    },
-    {
-      icon: "Code",
-      label: "Inline code",
-      run: (e) => c.inlineCode(e)
-    },
-    {
-      icon: "Highlighter",
-      label: "Highlight",
-      run: (e) => c.highlight(e)
-    }
-  ],
-  [
-    {
-      icon: "List",
-      label: "Bullet list",
-      run: (e) => c.bulletList(e)
-    },
-    {
-      icon: "ListOrdered",
-      label: "Numbered list",
-      run: (e) => c.orderedList(e)
-    },
-    {
-      icon: "ListChecks",
-      label: "To-do list",
-      run: (e) => c.taskList(e)
-    },
-    { icon: "TextQuote", label: "Quote", run: (e) => c.blockquote(e) }
-  ],
-  [
-    // Inserts [text](url) inline and selects `url` to type over.
-    { icon: "Link", label: "Link", run: (e) => c.link(e) },
-    { icon: "Image", label: "Image", run: () => {
-    }, upload: !0 },
-    {
-      icon: "Braces",
-      label: "Code block",
-      run: (e) => c.codeBlock(e)
-    },
-    { icon: "Table", label: "Table", run: (e) => c.table(e) },
-    {
-      icon: "Minus",
-      label: "Divider",
-      run: (e) => c.horizontalRule(e)
-    }
-  ]
-], B = 3, M = C.slice(0, B), T = C.slice(B), U = "!h-6 !w-6 !min-w-0", W = 560, j = () => /* @__PURE__ */ d.jsx("div", { className: "w-[1px] h-4 vertical-divider mx-1" });
-function Q({
-  view: e,
-  ipfsImageUploadFn: t,
-  onError: o
-}) {
-  const s = (i) => {
-    const a = document.createElement("input");
-    a.type = "file", a.accept = "image/*", a.onchange = async () => {
-      var L;
-      const h = (L = a.files) == null ? void 0 : L[0];
-      if (!(!h || !h.type.includes("image/")))
-        try {
-          if (t) {
-            const g = await t(h);
-            z(i, {
-              src: URL.createObjectURL(h),
-              ipfsUrl: g.ipfsUrl,
-              encryptionKey: g.encryptionKey,
-              nonce: g.nonce,
-              ipfsHash: g.ipfsHash,
-              authTag: g.authTag,
-              mimeType: h.type
-            });
-          } else {
-            const g = await new Promise((H, $) => {
-              const x = new FileReader();
-              x.onload = () => H(x.result), x.onerror = $, x.readAsDataURL(h);
-            });
-            G(i, g);
-          }
-        } catch {
-          o == null || o("Failed to upload image");
-        }
-    }, a.click();
-  }, l = (i, a) => {
-    if (i.upload) {
-      s(a);
-      return;
-    }
-    i.run(a);
-  }, n = I(null), [u, r] = N(!1);
-  D(() => {
-    const i = n.current;
-    if (!i || typeof ResizeObserver > "u") return;
-    const a = () => r(i.clientWidth < W);
-    a();
-    const h = new ResizeObserver(a);
-    return h.observe(i), () => h.disconnect();
-  }, []);
-  const m = (i) => /* @__PURE__ */ d.jsx(R, { text: i.label, children: /* @__PURE__ */ d.jsx(
-    O,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: U,
-      icon: i.icon,
-      disabled: !e,
-      onClick: () => e && l(i, e)
-    }
-  ) }, i.label), b = (i, a) => /* @__PURE__ */ d.jsxs("div", { className: "flex items-center gap-0.5", children: [
-    a && /* @__PURE__ */ d.jsx(j, {}),
-    i.map(m)
-  ] }, i[0].label);
-  return /* @__PURE__ */ d.jsx("div", { className: "flex items-center px-2 py-2 border-b color-border-default shrink-0", children: /* @__PURE__ */ d.jsxs(
-    "div",
-    {
-      ref: n,
-      className: "flex items-center gap-0.5 flex-1 min-w-0 overflow-hidden",
-      children: [
-        M.map((i, a) => b(i, a > 0)),
-        u ? /* @__PURE__ */ d.jsxs("div", { className: "flex items-center gap-0.5", children: [
-          /* @__PURE__ */ d.jsx(j, {}),
-          /* @__PURE__ */ d.jsx(
-            E,
-            {
-              align: "start",
-              sideOffset: 8,
-              anchorTrigger: /* @__PURE__ */ d.jsx(R, { text: "More", children: /* @__PURE__ */ d.jsx(
-                O,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: U,
-                  icon: "Ellipsis",
-                  disabled: !e
-                }
-              ) }),
-              content: /* @__PURE__ */ d.jsx("div", { className: "flex items-center gap-0.5 p-1", children: T.flat().map(m) })
-            },
-            "md-more-dropdown"
-          )
-        ] }) : T.map((i) => b(i, !0))
-      ]
-    }
-  ) });
-}
-export {
-  Q as default
-};