@ai-matrx/messaging 0.3.0 → 0.6.0

package/dist/react.cjs

@@ -61,7 +61,6 @@ __export(react_exports, {
   asMessageId: () => asMessageId,
   asOrganizationId: () => asOrganizationId,
   asUserId: () => asUserId,
-  avatarPaletteIndex: () => avatarPaletteIndex,
   composeFence: () => composeFence,
   conversationTopic: () => conversationTopic,
   createActionRegistry: () => createActionRegistry,
@@ -79,7 +78,6 @@ __export(react_exports, {
   formatLastSeen: () => formatLastSeen,
   formatMessageTime: () => formatMessageTime,
   formatTypists: () => formatTypists,
-  getInitials: () => getInitials,
   groupMessages: () => groupMessages,
   inboxTopic: () => inboxTopic,
   invalidResponse: () => invalidResponse,
@@ -316,21 +314,32 @@ function splitText(content) {
     if (start > cursor) {
       segments.push({ type: "text", value: content.slice(cursor, start) });
     }
-    parseFenceBody(match[1] ?? "").forEach((reference) => {
-      segments.push({ type: "reference", reference });
-    });
+    const body = match[1] ?? "";
+    const references = parseFenceBody(body);
+    if (references.length === 0) {
+      segments.push({ type: "fence", body });
+    } else {
+      references.forEach((reference) => {
+        segments.push({ type: "reference", reference });
+      });
+    }
     cursor = start + match[0].length;
   }
   if (cursor < content.length) {
     segments.push({ type: "text", value: content.slice(cursor) });
   }
   return segments.filter(
-    (segment) => segment.type === "reference" || segment.value.trim().length > 0
+    (segment) => segment.type !== "text" || segment.value.trim().length > 0
   );
 }
 function summarizeText(content, maxLength = 140) {
   const parts = splitText(content).map(
-    (segment) => segment.type === "text" ? segment.value : segment.reference.label
+    (segment) => segment.type === "text" ? segment.value : segment.type === "reference" ? segment.reference.label : (
+      // A fence we cannot read still SAYS something. Collapsing it to
+      // nothing is how a reference-only message becomes an inbox row that
+      // reads "No messages yet" — a screen telling a lie.
+      "Reference"
+    )
   );
   const flattened = parts.join(" ").replace(/\s+/g, " ").trim();
   if (flattened.length <= maxLength) return flattened;
@@ -1886,6 +1895,7 @@ function MessagingRuntime(props) {
     return map;
   }, [renderers]);
   const renderReference = props.renderReference ?? null;
+  const renderFence = props.renderFence ?? null;
   const wrapMessage = props.wrapMessage ?? null;
   const wrapConversationRow = props.wrapConversationRow ?? null;
   const host = (0, import_react.useMemo)(() => {
@@ -1898,10 +1908,20 @@ function MessagingRuntime(props) {
       openReference: referenceRef.current ?? null,
       actionRenderers: rendererMap,
       renderReference,
+      renderFence,
       wrapMessage,
       wrapConversationRow
     };
-  }, [engine, actionRegistry, ai, rendererMap, renderReference, wrapMessage, wrapConversationRow]);
+  }, [
+    engine,
+    actionRegistry,
+    ai,
+    rendererMap,
+    renderReference,
+    renderFence,
+    wrapMessage,
+    wrapConversationRow
+  ]);
   const MessagingContext = messagingContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessagingContext.Provider, { value: host, children });
 }
@@ -1977,20 +1997,6 @@ function formatDateSeparator(isoString, now = Date.now(), locale) {
     day: "numeric"
   });
 }
-function getInitials(name) {
-  const parts = name.trim().split(/\s+/).filter(Boolean);
-  if (parts.length === 0) return "?";
-  const first = parts[0]?.[0] ?? "";
-  const last = parts.length > 1 ? parts.at(-1)?.[0] ?? "" : "";
-  return `${first}${last}`.toUpperCase() || "?";
-}
-function avatarPaletteIndex(seed, buckets = 8) {
-  let hash = 0;
-  for (let index = 0; index < seed.length; index += 1) {
-    hash = hash * 31 + seed.charCodeAt(index) | 0;
-  }
-  return Math.abs(hash) % buckets;
-}
 function groupMessages(messages, args = {}) {
   const windowMs = args.windowMs ?? 5 * MINUTE;
   const now = args.now ?? Date.now();
@@ -2359,6 +2365,9 @@ function resolveActor(message, sender) {
   };
 }
 
+// src/react/parts.tsx
+var import_format2 = require("@ai-matrx/kit/format");
+
 // src/react/icons.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function Icon(props) {
@@ -2454,7 +2463,7 @@ var UsersIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function Avatar(props) {
   const seed = props.seed ?? props.name;
-  const paletteIndex = avatarPaletteIndex(seed);
+  const paletteIndex = (0, import_format2.avatarPaletteIndex)(seed);
   const className = `mx-msg__avatar${props.small === true ? " mx-msg__avatar--sm" : ""}`;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "span",
@@ -2463,7 +2472,7 @@ function Avatar(props) {
       style: { background: `var(--mx-msg-avatar-${paletteIndex})` },
       "aria-hidden": "true",
       children: [
-        props.imageUrl != null && props.imageUrl.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { className: "mx-msg__avatar-img", src: props.imageUrl, alt: "", loading: "lazy" }) : getInitials(props.name),
+        props.imageUrl != null && props.imageUrl.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { className: "mx-msg__avatar-img", src: props.imageUrl, alt: "", loading: "lazy" }) : (0, import_format2.getInitials)(props.name),
         props.online === true ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", { className: "mx-msg__presence" }) : null
       ]
     }
@@ -2492,6 +2501,20 @@ function DeliveryTick(props) {
       return null;
   }
 }
+function UnreadableReference() {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "span",
+    {
+      className: "mx-msg__reference mx-msg__reference--inert",
+      title: "This message names something in a reference format this app has not wired. Pass renderFence to <MessagingProvider> to render it.",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LinkIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "mx-msg__reference-type", children: "reference" }),
+        "Reference"
+      ]
+    }
+  );
+}
 function ReferenceCard(props) {
   const { reference, onOpen } = props;
   const href = reference.href;
@@ -2856,6 +2879,7 @@ function MessageBubble(props) {
   const { message, isMine } = props;
   const host = useMessagingHost();
   const HostReference = host?.renderReference ?? null;
+  const HostFence = host?.renderFence ?? null;
   const MessageChrome = host?.wrapMessage ?? null;
   if (message.deletedAt !== null) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mx-msg__bubble mx-msg__bubble--deleted", children: "Message deleted" });
@@ -2870,7 +2894,7 @@ function MessageBubble(props) {
   const bubble = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: classes, children: [
       splitText(message.content).map(
-        (segment, index) => segment.type === "text" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: segment.value }, index) : HostReference !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        (segment, index) => segment.type === "text" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: segment.value }, index) : segment.type === "fence" ? HostFence !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HostFence, { body: segment.body }, `fence:${index}`) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(UnreadableReference, {}, `fence:${index}`) : HostReference !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           HostReference,
           {
             reference: segment.reference