@nivaro/react 0.3.36 → 0.3.38

package/dist/shared/components/panels/CommentPanel.js

@@ -6,25 +6,26 @@ import { createPortal as Te } from "react-dom";
 import { toast as R } from "sonner";
 import { useNivaroClient as oe, useItemEditAuth as Fe, useDrilldown as Me } from "../../context.js";
 import { useDebounced as Ie } from "../../hooks/useDebounced.js";
-import { get as W, post as z, patch as je, del as Oe } from "../../lib/commands.js";
+import { get as W, post as Q, patch as je, del as Oe } from "../../lib/commands.js";
 import { usePresenceOnlinePoll as Le } from "../../lib/presence-live.js";
-import { useRecordSignalPeers as Ae, useRecordSignalSender as Ke, signalSentence as Qe } from "../../lib/presence-signals.js";
-import { invalidateRecordTasks as ze } from "../../lib/record-tasks.js";
+import { useRecordSignalPeers as Ae, useRecordSignalSender as Ke, signalSentence as Be } from "../../lib/presence-signals.js";
+import { invalidateRecordTasks as Qe } from "../../lib/record-tasks.js";
 import { formatRelative as le } from "../../lib/utils.js";
+import { AgentBadge as ze } from "../AgentBadge.js";
 import { AutolinkedText as se } from "../AutolinkedText.js";
-import { InboundRequestPopover as Be } from "../integrations/InboundRequest.js";
-import { UserAvatar as Ue } from "../UserAvatar.js";
-import { Avatar as We, AvatarFallback as He } from "../ui/avatar.js";
+import { InboundRequestPopover as Ue } from "../integrations/InboundRequest.js";
+import { UserAvatar as We } from "../UserAvatar.js";
+import { Avatar as He, AvatarFallback as Xe } from "../ui/avatar.js";
 import { Button as J } from "../ui/button.js";
 import { Separator as xe } from "../ui/separator.js";
-import { Textarea as Xe } from "../ui/textarea.js";
-import { RecordEventPathSheet as Ge } from "./IntegrationActivitySection.js";
+import { Textarea as Ge } from "../ui/textarea.js";
+import { RecordEventPathSheet as Je } from "./IntegrationActivitySection.js";
 const ye = ["👍", "✅", "👀", "🎉", "❤️", "😂"];
-function Je(t) {
+function Ve(t) {
   var d, c, b, m;
   return [(d = t.first_name) == null ? void 0 : d[0], (c = t.last_name) == null ? void 0 : c[0]].filter(Boolean).join("").toUpperCase() || ((m = (b = t.email) == null ? void 0 : b[0]) == null ? void 0 : m.toUpperCase()) || "?";
 }
-function Ve({ comment: t }) {
+function Ze({ comment: t }) {
   const i = (t.mentions ?? []).filter(
     (d) => {
       var c;
@@ -59,7 +60,7 @@ function Ve({ comment: t }) {
 function re(t) {
   return [t.first_name, t.last_name].filter(Boolean).join(" ") || t.email;
 }
-function Ze(t, i) {
+function Ye(t, i) {
   const c = t.slice(0, i).match(/(^|\s)@([a-zA-Z0-9._-]{2,})$/);
   return c ? { start: i - c[2].length - 1, query: c[2] } : null;
 }
@@ -97,7 +98,7 @@ function ae({
     staleTime: 5 * 6e4
   }), T = m ? j.filter(
     (n) => n.name.toLowerCase().replace(/\s+/g, "-").startsWith(k.toLowerCase())
-  ).slice(0, 3) : [], w = !!m && k.length >= 2 && "owners".startsWith(k.toLowerCase()), C = !!m && k.length >= 2 && (N.length > 0 || w || T.length > 0), o = N.length + (w ? 1 : 0) + T.length, [y, D] = v(null), B = Z(null);
+  ).slice(0, 3) : [], w = !!m && k.length >= 2 && "owners".startsWith(k.toLowerCase()), C = !!m && k.length >= 2 && (N.length > 0 || w || T.length > 0), o = N.length + (w ? 1 : 0) + T.length, [y, D] = v(null), z = Z(null);
   V(() => {
     if (!C || !b.current) {
       D(null);
@@ -107,14 +108,14 @@ function ae({
     D({ top: n.bottom + 4, left: n.left, width: Math.min(n.width, 360) });
     const l = (_) => {
       var S;
-      (S = B.current) != null && S.contains(_.target) || h(null);
+      (S = z.current) != null && S.contains(_.target) || h(null);
     }, x = () => h(null);
     return window.addEventListener("scroll", l, !0), window.addEventListener("resize", x), () => {
       window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", x);
     };
   }, [C]);
   function L(n) {
-    const l = Ze(n.value, n.selectionStart ?? n.value.length);
+    const l = Ye(n.value, n.selectionStart ?? n.value.length);
     h(l), l || f(0);
   }
   function q(n) {
@@ -145,7 +146,7 @@ function ae({
   }
   return /* @__PURE__ */ s("div", { className: "relative", children: [
     /* @__PURE__ */ e(
-      Xe,
+      Ge,
       {
         ...d,
         ref: b,
@@ -162,7 +163,7 @@ function ae({
       /* @__PURE__ */ s(
         "div",
         {
-          ref: B,
+          ref: z,
           className: "fixed z-[110] max-h-60 overflow-y-auto rounded-md border border-slate-200 bg-white shadow-lg dark:border-border dark:bg-popover",
           style: { top: y.top, left: y.left, width: y.width },
           onMouseDown: (n) => n.preventDefault(),
@@ -270,26 +271,26 @@ function be(t) {
       return "system";
   }
 }
-const Ye = {
+const et = {
   people: "People",
   system: "System",
   integration: "Integration"
-}, et = "integrations:";
-function tt({
+}, tt = "integrations:";
+function nt({
   note: t,
   collection: i,
   item: d
 }) {
   var C;
-  const c = Me(), [b, m] = v(!1), h = t.source === "external" && !!t.provider && !t.provider.startsWith(et), E = oe(), f = fe(), [k, M] = v(!1), I = O({
-    mutationFn: (o) => E.request(z(`/comments/${t.comment_id}/reactions`, { emoji: o })),
+  const c = Me(), [b, m] = v(!1), h = t.source === "external" && !!t.provider && !t.provider.startsWith(tt), E = oe(), f = fe(), [k, M] = v(!1), I = O({
+    mutationFn: (o) => E.request(Q(`/comments/${t.comment_id}/reactions`, { emoji: o })),
     onSuccess: () => {
       M(!1), f.invalidateQueries({ queryKey: ["comments-related"] }), f.invalidateQueries({ queryKey: ["row-comment-counts"] });
     },
     onError: () => R.error("Failed to react")
   }), [p, g] = v(!1), N = O({
     mutationFn: () => E.request(
-      z(`/integration-events/${encodeURIComponent(t.provider ?? "")}/replay`, {
+      Q(`/integration-events/${encodeURIComponent(t.provider ?? "")}/replay`, {
         entry_id: t.id.replace(/^external:/, "")
       })
     ),
@@ -344,7 +345,7 @@ function tt({
         ) : /* @__PURE__ */ e("span", { className: "truncate text-[11px] text-slate-400", children: t.context })),
         /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: le(t.created_at) }),
         t.source === "inbound" && t.inbound && /* @__PURE__ */ e(
-          Be,
+          Ue,
           {
             activityId: t.inbound.activity_id,
             callerName: t.label,
@@ -429,7 +430,7 @@ function tt({
       ] })
     ] }),
     h && t.provider && /* @__PURE__ */ e(
-      Ge,
+      Je,
       {
         target: b ? {
           source: t.provider,
@@ -442,7 +443,7 @@ function tt({
     )
   ] });
 }
-function wt({
+function Ct({
   collection: t,
   item: i,
   title: d,
@@ -460,7 +461,7 @@ function wt({
       j(!0);
       try {
         const a = await h.request(
-          z("/ai/cleanup", { text: p })
+          Q("/ai/cleanup", { text: p })
         );
         (r = a.data) != null && r.text && g(a.data.text);
       } catch {
@@ -477,7 +478,7 @@ function wt({
     const r = Date.now();
     r - o.current < 2500 || (o.current = r, C("start"));
   }, [p, C]), V(() => () => C("stop"), [C]);
-  const [y, D] = v(null), [B, L] = v(null), [q, A] = v(""), n = !i || i === "new", l = ["comments", t, String(i)], { data: x, isLoading: _, isError: S } = U({
+  const [y, D] = v(null), [z, L] = v(null), [q, A] = v(""), n = !i || i === "new", l = ["comments", t, String(i)], { data: x, isLoading: _, isError: S } = U({
     queryKey: l,
     queryFn: () => h.request(W("/comments", { collection: t, item: i })).then((r) => r.data),
     enabled: !n
@@ -488,7 +489,7 @@ function wt({
     staleTime: 3e4
   }), ie = K ?? [], $ = G(() => {
     const r = F.map((u) => ({ kind: "comment", at: u.created_at, comment: u })), a = ie.map((u) => ({ kind: "related", at: u.created_at, note: u }));
-    return [...r, ...a].sort((u, Q) => new Date(Q.at).getTime() - new Date(u.at).getTime());
+    return [...r, ...a].sort((u, B) => new Date(B.at).getTime() - new Date(u.at).getTime());
   }, [F, ie]), [H, ve] = v(() => /* @__PURE__ */ new Set()), [X, ke] = v(""), Ne = G(() => {
     const r = { people: 0, system: 0, integration: 0 };
     for (const a of $) r[be(a)]++;
@@ -500,7 +501,7 @@ function wt({
     const u = new Set(a);
     return u.has(r) ? u.delete(r) : u.add(r), u;
   }), _e = H.size > 0 || X.trim() !== "", ee = O({
-    mutationFn: (r) => h.request(z("/comments", { collection: t, item: i, text: r })),
+    mutationFn: (r) => h.request(Q("/comments", { collection: t, item: i, text: r })),
     onSuccess: () => {
       f.invalidateQueries({ queryKey: l }), g("");
     },
@@ -516,12 +517,12 @@ function wt({
     onSuccess: () => f.invalidateQueries({ queryKey: l }),
     onError: () => R.error("Failed to delete comment")
   }), ce = O({
-    mutationFn: ({ id: r, emoji: a }) => h.request(z(`/comments/${r}/reactions`, { emoji: a })),
+    mutationFn: ({ id: r, emoji: a }) => h.request(Q(`/comments/${r}/reactions`, { emoji: a })),
     onSuccess: () => f.invalidateQueries({ queryKey: l }),
     onError: () => R.error("Failed to react")
   }), [me, ue] = v(null), Ce = O({
     mutationFn: (r) => h.request(
-      z("/tasks", {
+      Q("/tasks", {
         collection: t,
         item: i,
         title: r.text.replace(/<[^>]*>/g, "").replace(/@\[([^\]]+)\]/g, "@$1").slice(0, 200),
@@ -529,7 +530,7 @@ function wt({
       })
     ),
     onSuccess: () => {
-      ze(f, t, i), R.success("Task created from comment — assigned to you");
+      Qe(f, t, i), R.success("Task created from comment — assigned to you");
     },
     onError: () => R.error("Could not create a task")
   });
@@ -647,7 +648,7 @@ function wt({
                 "data-note-typing": !0,
                 children: [
                   /* @__PURE__ */ e("span", { className: "h-1.5 w-1.5 animate-pulse rounded-full bg-nvr-cyan" }),
-                  Qe(w, "writing a note"),
+                  Be(w, "writing a note"),
                   "…"
                 ]
               }
@@ -667,7 +668,7 @@ function wt({
                     className: `inline-flex items-center gap-1 rounded-full border px-2 py-px text-[11px] font-medium transition-colors ${a ? "border-nvr-cyan/40 bg-nvr-cyan/10 text-nvr-navy dark:text-nvr-cyan" : "border-slate-200 text-slate-400 line-through decoration-slate-300 dark:border-border"} disabled:opacity-50`,
                     title: r === "people" ? "Comments and notes people wrote" : r === "system" ? "State changes, change reasons, addendums and imports" : "Events an integration recorded",
                     children: [
-                      Ye[r],
+                      et[r],
                       /* @__PURE__ */ e("span", { className: "tabular-nums text-[10px] opacity-70", children: u })
                     ]
                   },
@@ -700,32 +701,33 @@ function wt({
             ] }, r)) }) : S ? /* @__PURE__ */ e("p", { className: "py-6 text-center text-[12px] text-red-500", children: "Failed to load comments." }) : $.length === 0 ? /* @__PURE__ */ e("p", { className: "py-6 text-center text-[12px] text-slate-400", children: "No notes yet." }) : Y.length === 0 ? /* @__PURE__ */ e("p", { className: "py-6 text-center text-[12px] text-slate-400", children: "No notes match — clear the search or turn a filter back on." }) : /* @__PURE__ */ e("div", { className: "nvr-stagger-direct space-y-4", children: Y.map((r) => {
               if (r.kind === "related")
                 return /* @__PURE__ */ e("div", { className: "nvr-section-enter", children: /* @__PURE__ */ e(
-                  tt,
+                  nt,
                   {
                     note: r.note,
                     collection: t,
                     item: String(i)
                   }
                 ) }, r.note.id);
-              const a = r.comment, u = E === a.user.id, Q = y === a.id;
+              const a = r.comment, u = E === a.user.id, B = y === a.id;
               return /* @__PURE__ */ s("div", { className: "nvr-section-enter group flex gap-3", children: [
                 /* @__PURE__ */ e(
-                  Ue,
+                  We,
                   {
                     userId: a.user.id,
                     className: "h-8 w-8",
-                    fallback: /* @__PURE__ */ e(We, { className: "h-8 w-8 shrink-0", children: /* @__PURE__ */ e(He, { className: "bg-nvr-cyan/15 text-[11px] font-bold text-nvr-navy", children: Je(a.user) }) })
+                    fallback: /* @__PURE__ */ e(He, { className: "h-8 w-8 shrink-0", children: /* @__PURE__ */ e(Xe, { className: "bg-nvr-cyan/15 text-[11px] font-bold text-nvr-navy", children: Ve(a.user) }) })
                   }
                 ),
                 /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
                   /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-[13px] font-medium text-slate-800", children: re(a.user) }),
+                    /* @__PURE__ */ e(ze, { label: a.via_agent }),
                     /* @__PURE__ */ e("span", { className: "text-[11px] text-slate-400", children: le(a.created_at) }),
                     a.updated_at && a.updated_at !== a.created_at && /* @__PURE__ */ e("span", { className: "text-[10px] text-slate-300", children: "(edited)" }),
-                    !Q && /* @__PURE__ */ s(
+                    !B && /* @__PURE__ */ s(
                       "div",
                       {
-                        className: `ml-auto flex items-center gap-1 transition-opacity group-hover:opacity-100 focus-within:opacity-100 ${B === a.id ? "opacity-100" : "opacity-0"}`,
+                        className: `ml-auto flex items-center gap-1 transition-opacity group-hover:opacity-100 focus-within:opacity-100 ${z === a.id ? "opacity-100" : "opacity-0"}`,
                         children: [
                           /* @__PURE__ */ e(
                             "button",
@@ -738,7 +740,7 @@ function wt({
                               children: /* @__PURE__ */ e(Ee, { className: "h-3 w-3" })
                             }
                           ),
-                          u && (B === a.id ? /* @__PURE__ */ s(ne, { children: [
+                          u && (z === a.id ? /* @__PURE__ */ s(ne, { children: [
                             /* @__PURE__ */ e(
                               "button",
                               {
@@ -792,7 +794,7 @@ function wt({
                       }
                     )
                   ] }),
-                  Q ? /* @__PURE__ */ s("div", { className: "mt-1.5 space-y-2", children: [
+                  B ? /* @__PURE__ */ s("div", { className: "mt-1.5 space-y-2", children: [
                     /* @__PURE__ */ e(
                       ae,
                       {
@@ -833,8 +835,8 @@ function wt({
                       )
                     ] })
                   ] }) : /* @__PURE__ */ e("p", { className: "mt-0.5 whitespace-pre-wrap text-[13px] leading-relaxed text-slate-600", children: /* @__PURE__ */ e(se, { text: a.text }) }),
-                  !Q && /* @__PURE__ */ e(Ve, { comment: a }),
-                  !Q && /* @__PURE__ */ s("div", { className: "mt-1 flex flex-wrap items-center gap-1", children: [
+                  !B && /* @__PURE__ */ e(Ze, { comment: a }),
+                  !B && /* @__PURE__ */ s("div", { className: "mt-1 flex flex-wrap items-center gap-1", children: [
                     (a.reactions ?? []).map((P) => /* @__PURE__ */ s(
                       "button",
                       {
@@ -883,5 +885,5 @@ function wt({
   );
 }
 export {
-  wt as CommentPanel
+  Ct as CommentPanel
 };