@nivaro/react 0.3.36 → 0.3.38

package/dist/shared/components/imports/RunDetailSheet.js

@@ -1,13 +1,13 @@
 import { jsxs as a, jsx as e, Fragment as R } from "react/jsx-runtime";
 import { useQueryClient as oe, useQuery as X, useMutation as Y } from "@tanstack/react-query";
-import { FileSpreadsheet as Ne, Download as Z, RotateCcw as ve, Undo2 as ee, Ban as we, ArrowRight as ye, AlertTriangle as Ce, Loader2 as H, Search as _e, ChevronDown as ie, ChevronRight as ce, Check as ue, Copy as me, ExternalLink as $e } from "lucide-react";
+import { FileSpreadsheet as Ne, Download as Z, RotateCcw as ve, Undo2 as ee, Ban as we, ArrowRight as ye, AlertTriangle as Ce, Loader2 as H, Search as $e, ChevronDown as ie, ChevronRight as ce, Check as ue, Copy as me, ExternalLink as _e } from "lucide-react";
 import { useState as N, useEffect as he, useMemo as pe } from "react";
 import { useNivaroClient as te, useApiFetchConfig as Re, useItemNavigation as Se } from "../../context.js";
-import { ExplainButton as Te } from "../ai/ExplainButton.js";
-import { useDebounced as Le } from "../../hooks/useDebounced.js";
+import { useDebounced as Te } from "../../hooks/useDebounced.js";
 import { get as xe, post as J } from "../../lib/commands.js";
-import { parseImportLog as qe } from "../../lib/import-log.js";
-import { formatDateTime as se, formatNumber as h, cn as b, formatFileSize as Ee, titleCase as Fe } from "../../lib/utils.js";
+import { parseImportLog as Le } from "../../lib/import-log.js";
+import { formatDateTime as se, formatNumber as h, cn as b, formatFileSize as qe, titleCase as Ee } from "../../lib/utils.js";
+import { ExplainButton as Fe } from "../ai/ExplainButton.js";
 import { Button as S } from "../ui/button.js";
 import { Input as Ke } from "../ui/input.js";
 import { Sheet as Pe, SheetContent as De, SheetTitle as je, SheetDescription as Me } from "../ui/sheet.js";
@@ -57,7 +57,7 @@ const B = 50, K = {
     bar: "bg-[#ef4444]",
     dot: "bg-[#ef4444]"
   }
-}, v = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#0ea5e9]/60 focus-visible:ring-offset-0", ge = (t) => Fe(
+}, v = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#0ea5e9]/60 focus-visible:ring-offset-0", ge = (t) => Ee(
   String(t ?? "").replace(/_junction$/i, " links").replace(/_/g, " ")
 );
 function le(t) {
@@ -465,7 +465,7 @@ function Ae({
                   v
                 ),
                 children: [
-                  /* @__PURE__ */ e($e, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ e(_e, { className: "h-3 w-3" }),
                   " Open the record"
                 ]
               }
@@ -497,12 +497,12 @@ function Ie({
   live: c
 }) {
   var O, U, z;
-  const p = te(), u = oe(), { download: s, busy: g, error: r } = ke(), [f, x] = N(""), [m, Q] = N(null), [w, L] = N(1), [q, D] = N(null), C = Le(f, 300);
+  const p = te(), u = oe(), { download: s, busy: g, error: r } = ke(), [f, x] = N(""), [m, Q] = N(null), [w, L] = N(1), [q, D] = N(null), C = Te(f, 300);
   he(() => L(1), [o, m, C, t]);
-  const _ = { kind: o ?? "", collection: m ?? "", search: C, page: w, limit: B }, y = X({
-    queryKey: ["staged-import-run-items", t, _],
+  const $ = { kind: o ?? "", collection: m ?? "", search: C, page: w, limit: B }, y = X({
+    queryKey: ["staged-import-run-items", t, $],
     queryFn: () => p.request(
-      xe(`/staged-imports/${t}/items`, _)
+      xe(`/staged-imports/${t}/items`, $)
     ),
     placeholderData: (d) => d,
     refetchInterval: c ? fe : !1
@@ -520,14 +520,14 @@ function Ie({
       var k;
       return D(((k = d.response) == null ? void 0 : k.error) ?? d.message);
     }
-  }), F = ((O = y.data) == null ? void 0 : O.facets) ?? {}, j = Object.keys(F.collection ?? n.collections ?? {}), $ = ((U = y.data) == null ? void 0 : U.total) ?? 0, M = ((z = y.data) == null ? void 0 : z.data) ?? [], V = n.items_stored ?? 0, W = [
+  }), F = ((O = y.data) == null ? void 0 : O.facets) ?? {}, j = Object.keys(F.collection ?? n.collections ?? {}), _ = ((U = y.data) == null ? void 0 : U.total) ?? 0, M = ((z = y.data) == null ? void 0 : z.data) ?? [], V = n.items_stored ?? 0, W = [
     { key: null, label: "All", n: Object.values(F.kind ?? {}).reduce((d, k) => d + k, 0) },
     ...["created", "updated", "removed", "skipped", "failed"].map((d) => {
       var k;
       return { key: d, label: K[d].label, n: ((k = F.kind) == null ? void 0 : k[d]) ?? 0 };
     }).filter((d) => d.n > 0 || d.key === o)
   ];
-  return V === 0 && !y.isLoading && $ === 0 && !C && !o ? /* @__PURE__ */ a("section", { "data-run-records": !0, children: [
+  return V === 0 && !y.isLoading && _ === 0 && !C && !o ? /* @__PURE__ */ a("section", { "data-run-records": !0, children: [
     /* @__PURE__ */ e(T, { children: "Records" }),
     /* @__PURE__ */ e("p", { className: "rounded-md border border-dashed border-slate-200 px-3 py-4 text-[12.5px] text-slate-600 dark:border-border dark:text-muted-foreground", children: "This run changed no records and left no rows out. Every row in the file already matched what is stored." })
   ] }) : /* @__PURE__ */ a("section", { "data-run-records": !0, children: [
@@ -538,7 +538,7 @@ function Ie({
           P,
           {
             "data-run-items-download": !0,
-            disabled: g != null || $ === 0,
+            disabled: g != null || _ === 0,
             onClick: () => s(
               `/staged-imports/${t}/items.csv?kind=${o ?? ""}&collection=${m ?? ""}&search=${encodeURIComponent(C)}`,
               `import-run-${t}${o ? `-${o}` : ""}.csv`
@@ -607,7 +607,7 @@ function Ie({
         }
       ),
       /* @__PURE__ */ a("div", { className: "relative ml-auto w-[220px] max-w-full", children: [
-        /* @__PURE__ */ e(_e, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
+        /* @__PURE__ */ e($e, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
         /* @__PURE__ */ e(
           Ke,
           {
@@ -654,14 +654,14 @@ function Ie({
         }) })
       }
     ),
-    $ > B && /* @__PURE__ */ a("div", { className: "mt-2 flex items-center justify-between text-[11.5px] text-slate-600 dark:text-muted-foreground", children: [
+    _ > B && /* @__PURE__ */ a("div", { className: "mt-2 flex items-center justify-between text-[11.5px] text-slate-600 dark:text-muted-foreground", children: [
       /* @__PURE__ */ a("span", { className: "tabular-nums", children: [
         h((w - 1) * B + 1),
         "–",
-        h(Math.min(w * B, $)),
+        h(Math.min(w * B, _)),
         " of",
         " ",
-        h($)
+        h(_)
       ] }),
       /* @__PURE__ */ a("span", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ e(
@@ -681,7 +681,7 @@ function Ie({
             variant: "outline",
             size: "sm",
             className: "h-6 px-2 text-[11.5px]",
-            disabled: w * B >= $,
+            disabled: w * B >= _,
             onClick: () => L((d) => d + 1),
             children: "Next"
           }
@@ -907,12 +907,12 @@ function Nt({
   he(() => {
     w(null), q(!1), C(!1);
   }, [n]);
-  const _ = Y({
+  const $ = Y({
     mutationFn: () => u.request(
       J(`/staged-imports/${n}/report/rebuild`, {})
     ),
     onSuccess: () => void s.invalidateQueries({ queryKey: ["staged-import-run", n] })
-  }), y = r ? be(r).mode : null, E = (r == null ? void 0 : r.status) === "completed" || (r == null ? void 0 : r.status) === "error", F = l && !!f && E && (f.counts.created > 0 || f.counts.updated > 0), j = !!f, $ = pe(() => r ? /* @__PURE__ */ a("dl", { className: "mt-3 grid grid-cols-2 gap-x-5 gap-y-2 sm:grid-cols-4", children: [
+  }), y = r ? be(r).mode : null, E = (r == null ? void 0 : r.status) === "completed" || (r == null ? void 0 : r.status) === "error", F = l && !!f && E && (f.counts.created > 0 || f.counts.updated > 0), j = !!f, _ = pe(() => r ? /* @__PURE__ */ a("dl", { className: "mt-3 grid grid-cols-2 gap-x-5 gap-y-2 sm:grid-cols-4", children: [
     /* @__PURE__ */ e(I, { label: "Queued by", children: ze(r) ?? "—" }),
     /* @__PURE__ */ e(I, { label: r.finished_at ? "Finished" : r.started_at ? "Started" : "Queued", children: se(r.finished_at ?? r.started_at ?? r.created_at ?? /* @__PURE__ */ new Date()) }),
     /* @__PURE__ */ e(I, { label: "Took", children: /* @__PURE__ */ e("span", { className: "tabular-nums", children: ne(r.duration) }) }),
@@ -952,7 +952,7 @@ function Nt({
               o,
               x != null && ` · ${ne(x)} elapsed`
             ] }),
-            $
+            _
           ] }),
           /* @__PURE__ */ a("div", { className: "min-h-0 flex-1 space-y-6 overflow-y-auto px-5 py-4", children: [
             f ? /* @__PURE__ */ a(R, { children: [
@@ -995,18 +995,18 @@ function Nt({
                     {
                       type: "button",
                       "data-run-rebuild": !0,
-                      disabled: _.isPending,
-                      onClick: () => _.mutate(),
+                      disabled: $.isPending,
+                      onClick: () => $.mutate(),
                       className: b(
                         "font-medium text-[#0369a1] underline-offset-2 hover:underline disabled:opacity-60 dark:text-[#7dd3fc]",
                         v
                       ),
-                      children: _.isPending ? "Reading…" : "Read it back from recorded changes"
+                      children: $.isPending ? "Reading…" : "Read it back from recorded changes"
                     }
                   )
                 ] })
               ] }),
-              _.isError && /* @__PURE__ */ e("p", { className: "mt-1.5 max-w-[64ch] text-[12px] text-slate-700 dark:text-foreground", children: ((z = _.error.response) == null ? void 0 : z.error) ?? _.error.message })
+              $.isError && /* @__PURE__ */ e("p", { className: "mt-1.5 max-w-[64ch] text-[12px] text-slate-700 dark:text-foreground", children: ((z = $.error.response) == null ? void 0 : z.error) ?? $.error.message })
             ] }),
             /* @__PURE__ */ a("section", { "data-run-file": !0, children: [
               /* @__PURE__ */ e(T, { children: "File" }),
@@ -1014,14 +1014,15 @@ function Nt({
                 /* @__PURE__ */ e(Ne, { className: "h-4 w-4 shrink-0 text-slate-400" }),
                 /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
                   /* @__PURE__ */ e("p", { className: "truncate font-mono text-[11.5px] text-slate-800 dark:text-foreground", children: r.file_name ?? r.file }),
-                  r.file_size != null && /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-500 dark:text-muted-foreground", children: Ee(Number(r.file_size)) })
+                  r.file_size != null && /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-500 dark:text-muted-foreground", children: qe(Number(r.file_size)) })
                 ] }),
                 m && /* @__PURE__ */ e(
                   "a",
                   {
-                    href: m,
-                    target: "_blank",
+                    href: `${m}${m.includes("?") ? "&" : "?"}download=1`,
+                    download: r.file_name ?? !0,
                     rel: "noreferrer",
+                    "data-run-file-download": !0,
                     className: b(
                       "rounded p-1 text-slate-500 transition-colors hover:bg-slate-100 hover:text-slate-800 dark:hover:bg-muted",
                       v
@@ -1033,7 +1034,7 @@ function Nt({
               ] }) : /* @__PURE__ */ e("p", { className: "text-[12px] text-slate-600 dark:text-muted-foreground", children: "No file is attached, so this run cannot be queued again." })
             ] }),
             l && r.status !== "running" && (r.status === "error" || (r.duration ?? 0) >= Ye) && /* @__PURE__ */ e("section", { "data-run-explain": !0, children: /* @__PURE__ */ e(
-              Te,
+              Fe,
               {
                 kind: "import-run",
                 params: { id: r.id },
@@ -1263,7 +1264,7 @@ function rt({ error: t }) {
 }
 function de({ run: t }) {
   const [n, o] = N(!1), l = pe(
-    () => qe(t.logs, t.status === "error"),
+    () => Le(t.logs, t.status === "error"),
     [t.logs, t.status]
   );
   if (!t.logs)
@@ -1329,5 +1330,6 @@ function de({ run: t }) {
   ] });
 }
 export {
-  Nt as RunDetailSheet
+  Nt as RunDetailSheet,
+  ke as useDownload
 };

package/dist/shared/components/item-edit/FieldAffordances.js

@@ -1,5 +1,5 @@
-import { jsx as s, jsxs as h, Fragment as fe } from "react/jsx-runtime";
-import { Copy as Q, History as me, Eye as be, Sigma as pe, ExternalLink as xe, UserRound as ye, UserRoundPen as he, UserRoundX as ge, Lock as ke, X as ne } from "lucide-react";
+import { jsx as s, jsxs as h, Fragment as me } from "react/jsx-runtime";
+import { Copy as Q, History as fe, Eye as be, Sigma as pe, ExternalLink as xe, UserRound as ye, UserRoundPen as he, UserRoundX as ge, Lock as ke, X as ne } from "lucide-react";
 import { useContext as we, createContext as ve, useState as C, useCallback as N, useRef as M, useEffect as B, useLayoutEffect as Ne } from "react";
 import { createPortal as Ce } from "react-dom";
 import { toast as v } from "sonner";
@@ -131,16 +131,16 @@ function qe({
   field: t,
   value: o,
   relations: l,
-  collection: m,
+  collection: f,
   itemId: x,
   openRelated: w,
   editable: R = !1
 }) {
   var J, z;
-  const [g, T] = C(null), r = Fe(), [k, S] = C(!1), [y, O] = C(null), [U, A] = C(null), [$, j] = C(!1), b = N((e, c) => T({ x: e, y: c }), []), [D, a] = C(null), f = M(null), L = M(null), i = N(() => {
+  const [g, T] = C(null), r = Fe(), [k, S] = C(!1), [y, O] = C(null), [U, A] = C(null), [$, j] = C(!1), b = N((e, c) => T({ x: e, y: c }), []), [D, a] = C(null), m = M(null), L = M(null), i = N(() => {
     T(null), a(null), S(!1), O(null), A(null), j(!1);
-    const e = f.current, c = L.current;
-    f.current = null, L.current = null, (e || c) && window.setTimeout(() => {
+    const e = m.current, c = L.current;
+    m.current = null, L.current = null, (e || c) && window.setTimeout(() => {
       var u;
       document.activeElement && document.activeElement !== document.body || (e != null && e.isConnected ? e.focus() : (u = c == null ? void 0 : c()) == null || u.focus());
     }, 0);
@@ -151,7 +151,7 @@ function qe({
         return;
       }
       const c = e.getBoundingClientRect();
-      _.current = null, f.current = e, a("menu"), b(c.left, c.bottom + 4);
+      _.current = null, m.current = e, a("menu"), b(c.left, c.bottom + 4);
     },
     [p, i, b]
   ), E = N(() => {
@@ -171,7 +171,7 @@ function qe({
         return;
       }
       const F = e.getBoundingClientRect();
-      _.current = null, f.current = e, L.current = c ?? null, a(u), u === "update" ? P() : E(), b(F.right - ae, F.bottom + 4);
+      _.current = null, m.current = e, L.current = c ?? null, a(u), u === "update" ? P() : E(), b(F.right - ae, F.bottom + 4);
     },
     [p, D, i, b, E, P]
   ), _ = M(null), oe = N(
@@ -192,12 +192,12 @@ function qe({
     },
     [b, n]
   ), I = l.find(
-    (e) => e.many_collection === m && e.many_field === t.field && e.one_collection
+    (e) => e.many_collection === f && e.many_field === t.field && e.one_collection
   ), K = x && x !== "new", W = (e) => {
     var u;
     const c = (u = n.current) == null ? void 0 : u.querySelector(e);
     return c ? (c.click(), !0) : !1;
-  }, V = !!(r != null && r.allowed(t.field)), X = V && R && !!(r != null && r.hasValue(t.field)), G = V ? (r == null ? void 0 : r.defaultFor(t.field)) ?? null : null, se = X && !G, ie = X && !!G && !(r != null && r.isDefault(t.field)), Y = [
+  }, V = !!(r != null && r.allowed(t.field)) && r.manageable(t.field), X = V && R && !!(r != null && r.hasValue(t.field)), G = V ? (r == null ? void 0 : r.defaultFor(t.field)) ?? null : null, se = X && !G, ie = X && !!G && !(r != null && r.isDefault(t.field)), Y = [
     {
       key: "copy",
       label: "Copy value",
@@ -229,7 +229,7 @@ function qe({
     {
       key: "history",
       label: "Value history",
-      icon: /* @__PURE__ */ s(me, { className: "h-3.5 w-3.5" }),
+      icon: /* @__PURE__ */ s(fe, { className: "h-3.5 w-3.5" }),
       disabled: !K,
       run: () => {
         W("[data-field-history]") || v.info("No history for this field yet");
@@ -364,7 +364,7 @@ function Oe({
   items: t,
   onClose: o,
   confirm: l,
-  anchor: m
+  anchor: f
 }) {
   Ue();
   const x = M(null), [w, R] = C(0), g = t.filter((a) => !a.disabled);
@@ -373,8 +373,8 @@ function Oe({
     const a = (i) => {
       var d, E;
       const p = i.target;
-      (d = x.current) != null && d.contains(p) || (E = p == null ? void 0 : p.closest) != null && E.call(p, $e) && (m != null && m.contains(p)) || o();
-    }, f = (i) => {
+      (d = x.current) != null && d.contains(p) || (E = p == null ? void 0 : p.closest) != null && E.call(p, $e) && (f != null && f.contains(p)) || o();
+    }, m = (i) => {
       var p;
       if (i.key === "Escape")
         i.preventDefault(), o();
@@ -399,27 +399,27 @@ function Oe({
         d && (d.run(), d.stay || o());
       }
     };
-    return window.addEventListener("mousedown", a, !0), window.addEventListener("keydown", f, !0), (L = x.current) == null || L.focus(), () => {
-      window.removeEventListener("mousedown", a, !0), window.removeEventListener("keydown", f, !0);
+    return window.addEventListener("mousedown", a, !0), window.addEventListener("keydown", m, !0), (L = x.current) == null || L.focus(), () => {
+      window.removeEventListener("mousedown", a, !0), window.removeEventListener("keydown", m, !0);
     };
-  }, [o, g, w, l, m]);
+  }, [o, g, w, l, f]);
   const T = M(null), r = M(null), k = !!l, S = !!(l != null && l.ready);
   B(() => {
     var a;
     k && ((a = r.current) == null || a.focus());
   }, [k]), B(() => {
-    var f;
+    var m;
     if (!S) return;
     const a = document.activeElement;
-    (a === r.current || a === x.current || a === document.body) && ((f = T.current) == null || f.focus());
+    (a === r.current || a === x.current || a === document.body) && ((m = T.current) == null || m.focus());
   }, [S]);
   const y = Math.min(ae, window.innerWidth - 16), O = Ee(l == null ? void 0 : l.text), [U, A] = C(() => l ? 96 : t.length * 30 + 12);
   Ne(() => {
-    var f;
-    const a = (f = x.current) == null ? void 0 : f.offsetHeight;
+    var m;
+    const a = (m = x.current) == null ? void 0 : m.offsetHeight;
     a && a !== U && A(a);
   });
-  const $ = Math.max(8, Math.min(n.x, window.innerWidth - y - 8)), j = Math.max(8, Math.min(n.y, window.innerHeight - U - 8)), b = (m == null ? void 0 : m.closest('[role="dialog"]')) ?? document.body, D = b === document.body ? { position: "fixed", left: $, top: j } : (() => {
+  const $ = Math.max(8, Math.min(n.x, window.innerWidth - y - 8)), j = Math.max(8, Math.min(n.y, window.innerHeight - U - 8)), b = (f == null ? void 0 : f.closest('[role="dialog"]')) ?? document.body, D = b === document.body ? { position: "fixed", left: $, top: j } : (() => {
     const a = b.getBoundingClientRect();
     return {
       position: "absolute",
@@ -476,14 +476,14 @@ function Oe({
             ] })
           ] }) : null,
           l ? null : t.map((a) => {
-            const f = g.indexOf(a), L = f === w && !a.disabled;
+            const m = g.indexOf(a), L = m === w && !a.disabled;
             return /* @__PURE__ */ h(
               "button",
               {
                 type: "button",
                 role: "menuitem",
                 disabled: a.disabled,
-                onMouseEnter: () => f >= 0 && R(f),
+                onMouseEnter: () => m >= 0 && R(m),
                 onClick: () => {
                   a.run(), a.stay || o();
                 },
@@ -508,7 +508,7 @@ function Oe({
   );
 }
 function Je(n) {
-  const [t, o] = C(null), [l, m] = C(!1), x = M(!1), w = M(null);
+  const [t, o] = C(null), [l, f] = C(!1), x = M(!1), w = M(null);
   B(() => {
     const r = n.current;
     if (!r) return;
@@ -517,7 +517,7 @@ function Je(n) {
     const S = new MutationObserver(k);
     return S.observe(r, { attributes: !0, attributeFilter: ["data-remote-editor"] }), () => S.disconnect();
   }, [n]), B(() => {
-    t || (m(!1), x.current = !1);
+    t || (f(!1), x.current = !1);
   }, [t]);
   const R = N(
     (r) => {
@@ -525,15 +525,15 @@ function Je(n) {
       const k = r.target;
       k.matches('input, textarea, select, [contenteditable="true"], [role="combobox"]') && (w.current = k, setTimeout(() => {
         x.current || k.blur();
-      }, 0), m(!0));
+      }, 0), f(!0));
     },
     [t]
   ), g = N(() => {
-    x.current = !0, m(!1);
+    x.current = !0, f(!1);
     const r = w.current;
     w.current = null, r && setTimeout(() => r.focus(), 0);
   }, []), T = N(() => {
-    m(!1), w.current = null;
+    f(!1), w.current = null;
   }, []);
   return { editor: t, confirming: l, onFocusCapture: R, confirm: g, cancel: T };
 }
@@ -543,7 +543,7 @@ function ze({
   onConfirm: o,
   onCancel: l
 }) {
-  const m = n.split(/\s+/).map((x) => x[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
+  const f = n.split(/\s+/).map((x) => x[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
   return /* @__PURE__ */ h(
     "div",
     {
@@ -553,9 +553,9 @@ function ze({
         t ? "border border-amber-300 bg-amber-50 text-amber-900 dark:border-amber-500/40 dark:bg-amber-500/10 dark:text-amber-100" : "text-amber-700 dark:text-amber-300"
       ),
       children: [
-        /* @__PURE__ */ s("span", { className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-amber-200 text-[9px] font-semibold text-amber-900 dark:bg-amber-500/40 dark:text-amber-50", children: m || "?" }),
+        /* @__PURE__ */ s("span", { className: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-amber-200 text-[9px] font-semibold text-amber-900 dark:bg-amber-500/40 dark:text-amber-50", children: f || "?" }),
         /* @__PURE__ */ s("span", { className: "min-w-0 flex-1", children: t ? `${n} is typing here — edit anyway?` : `${n} is editing this field` }),
-        t && /* @__PURE__ */ h(fe, { children: [
+        t && /* @__PURE__ */ h(me, { children: [
           /* @__PURE__ */ s(
             "button",
             {