@ai-matrx/messaging 0.2.0 → 0.4.0

package/dist/react.cjs

@@ -316,21 +316,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;
@@ -1831,7 +1842,8 @@ function MessagingRuntime(props) {
       identity,
       ...props.resolveSession !== void 0 ? { resolveSession: props.resolveSession } : {}
     });
-    return createMessagingEngine({
+    let built = null;
+    built = createMessagingEngine({
       repository,
       manager,
       identity,
@@ -1840,8 +1852,18 @@ function MessagingRuntime(props) {
         onFallback: (message) => report({ level: "warn", message })
       }),
       onDiagnostic: report,
-      onIncoming: (message) => incomingRef.current?.(message)
+      onIncoming: (message) => {
+        const snapshot = built?.store.snapshot();
+        if (snapshot === void 0) return;
+        incomingRef.current?.(message, {
+          isActiveConversation: snapshot.activeConversationId === message.conversationId,
+          conversation: snapshot.conversations.find(
+            (item) => item.conversation.id === message.conversationId
+          ) ?? null
+        });
+      }
     });
+    return built;
   }, [ready, manager, userId, organizationId]);
   (0, import_react.useEffect)(() => {
     if (engine === null) return void 0;
@@ -1874,6 +1896,10 @@ 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)(() => {
     if (engine === null) return null;
     return {
@@ -1882,9 +1908,22 @@ function MessagingRuntime(props) {
       ai,
       identity: engine.identity,
       openReference: referenceRef.current ?? null,
-      actionRenderers: rendererMap
+      actionRenderers: rendererMap,
+      renderReference,
+      renderFence,
+      wrapMessage,
+      wrapConversationRow
     };
-  }, [engine, actionRegistry, ai, rendererMap]);
+  }, [
+    engine,
+    actionRegistry,
+    ai,
+    rendererMap,
+    renderReference,
+    renderFence,
+    wrapMessage,
+    wrapConversationRow
+  ]);
   const MessagingContext = messagingContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessagingContext.Provider, { value: host, children });
 }
@@ -2475,6 +2514,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;
@@ -2555,6 +2608,7 @@ var AI_LABELS = {
 };
 function ConversationList(props) {
   const { conversations, hasMore, isInitialLoading, loadMore, select, activeConversationId } = useConversations();
+  const RowChrome = useMessagingHost()?.wrapConversationRow ?? null;
   const [query, setQuery] = (0, import_react5.useState)("");
   const visible = (0, import_react5.useMemo)(() => {
     const needle = query.trim().toLowerCase();
@@ -2595,17 +2649,20 @@ function ConversationList(props) {
           title: query.length > 0 ? "No matches" : "No conversations yet",
           body: query.length > 0 ? "Try a different name or word." : "Start one and it will appear here."
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "mx-msg__rows", children: visible.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        ConversationRow,
-        {
-          summary: item,
-          isActive: item.conversation.id === activeConversationId,
-          onSelect: () => {
-            select(item.conversation.id);
-            props.onSelect?.(item.conversation.id);
+      ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "mx-msg__rows", children: visible.map((item) => {
+        const row = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          ConversationRow,
+          {
+            summary: item,
+            isActive: item.conversation.id === activeConversationId,
+            onSelect: () => {
+              select(item.conversation.id);
+              props.onSelect?.(item.conversation.id);
+            }
           }
-        }
-      ) }, item.conversation.id)) }),
+        );
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: RowChrome !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RowChrome, { conversation: item, children: row }) : row }, item.conversation.id);
+      }) }),
       hasMore && !isInitialLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "button",
         {
@@ -2834,6 +2891,9 @@ function MessageGroupView(props) {
 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" });
   }
@@ -2844,10 +2904,16 @@ function MessageBubble(props) {
     message.deliveryState === "sending" ? "mx-msg__bubble--pending" : "",
     message.deliveryState === "failed" ? "mx-msg__bubble--failed" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+  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) : /* @__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
+          },
+          `${segment.reference.entityType}:${segment.reference.entityId}`
+        ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           ReferenceCard,
           {
             reference: segment.reference,
@@ -2856,14 +2922,22 @@ function MessageBubble(props) {
           `${segment.reference.entityType}:${segment.reference.entityId}`
         )
       ),
-      message.references.map((reference) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        ReferenceCard,
-        {
-          reference,
-          onOpen: host?.openReference ?? null
-        },
-        `structured:${reference.entityType}:${reference.entityId}`
-      )),
+      message.references.map(
+        (reference) => HostReference !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          HostReference,
+          {
+            reference
+          },
+          `structured:${reference.entityType}:${reference.entityId}`
+        ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          ReferenceCard,
+          {
+            reference,
+            onOpen: host?.openReference ?? null
+          },
+          `structured:${reference.entityType}:${reference.entityId}`
+        )
+      ),
       message.action !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MessageActionChips, { message }) : null
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
@@ -2899,6 +2973,7 @@ function MessageBubble(props) {
       }
     )
   ] });
+  return MessageChrome !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MessageChrome, { message, isMine, children: bubble }) : bubble;
 }
 function MessageActionChips(props) {
   const host = useRequiredMessagingHost();