@ai-matrx/messaging 0.1.1 → 0.1.2

package/dist/react.d.cts

@@ -943,6 +943,13 @@ declare function MessageBubble(props: {
 declare function MessageActionChips(props: {
     message: Message;
 }): ReactNode;
+/**
+ * The standalone composer: it owns its own state. Inside `ConversationView` the
+ * VIEW owns it instead (`ComposerView` below) — two `useComposer` instances on
+ * one conversation are two independent drafts, two independent reply targets,
+ * and — since typing rides presence — two publishers fighting over ONE presence
+ * entry, which `@ai-matrx/realtime` warns about by name.
+ */
 declare function Composer(props: {
     conversationId: ConversationId | null;
 }): ReactNode;

package/dist/react.d.ts

@@ -943,6 +943,13 @@ declare function MessageBubble(props: {
 declare function MessageActionChips(props: {
     message: Message;
 }): ReactNode;
+/**
+ * The standalone composer: it owns its own state. Inside `ConversationView` the
+ * VIEW owns it instead (`ComposerView` below) — two `useComposer` instances on
+ * one conversation are two independent drafts, two independent reply targets,
+ * and — since typing rides presence — two publishers fighting over ONE presence
+ * entry, which `@ai-matrx/realtime` warns about by name.
+ */
 declare function Composer(props: {
     conversationId: ConversationId | null;
 }): ReactNode;

package/dist/react.js

@@ -2029,7 +2029,12 @@ function useTypists(conversationId, participants) {
   const typing = useTyping(
     {
       topic: conversationId === null ? "" : conversationTopic(conversationId),
-      identity: { userId: host?.identity.userId ?? "" }
+      identity: { userId: host?.identity.userId ?? "" },
+      // READ-ONLY. This label and `useComposer` sit on the SAME topic, which is
+      // one channel carrying ONE presence entry per key — so exactly one of
+      // them publishes, and it is the composer that actually knows whether this
+      // user is typing. Publishing here would overwrite that on every heartbeat.
+      publish: false
     },
     { enabled: conversationId !== null && host !== null }
   );
@@ -2056,7 +2061,10 @@ function useOnlineUserIds(conversationId) {
   const presence = usePresence(
     {
       topic: conversationId === null ? "" : conversationTopic(conversationId),
-      presence: { state: { userId: host?.identity.userId ?? "" } }
+      // READ-ONLY, for the same reason: `useComposer`'s typing presence already
+      // puts this user in the roster under this key with their `userId`, and a
+      // second publisher on one entry just fights it.
+      presence: { publish: false, state: { userId: host?.identity.userId ?? "" } }
     },
     { enabled: conversationId !== null && host !== null }
   );
@@ -2137,7 +2145,7 @@ function useMessagingAi(conversationId) {
 }
 function useMessageAction(message) {
   const host = useRequiredMessagingHost();
-  const action = message.action;
+  const action = message.action ?? null;
   const [receipt, setReceipt] = useState(
     () => action === null ? null : host.actions.receiptFor(action.kind, message.id, host.identity.userId)
   );
@@ -2669,7 +2677,7 @@ function ConversationView(props) {
       /* @__PURE__ */ jsx4(TypingDots, {}),
       typists.label
     ] }) : null }),
-    /* @__PURE__ */ jsx4(Composer, { conversationId })
+    /* @__PURE__ */ jsx4(ComposerView, { composer, disabled: false })
   ] });
 }
 function MessageGroupView(props) {
@@ -2802,6 +2810,10 @@ function MessageActionChips(props) {
 }
 function Composer(props) {
   const composer = useComposer(props.conversationId);
+  return /* @__PURE__ */ jsx4(ComposerView, { composer, disabled: props.conversationId === null });
+}
+function ComposerView(props) {
+  const composer = props.composer;
   const textareaRef = useRef3(null);
   useEffect3(() => {
     const node = textareaRef.current;
@@ -2835,7 +2847,7 @@ function Composer(props) {
           value: composer.value,
           placeholder: "Message",
           "aria-label": "Message",
-          disabled: props.conversationId === null,
+          disabled: props.disabled,
           onChange: (event) => {
             composer.setValue(event.target.value);
             composer.onKeystroke();