@ai-matrx/messaging 0.2.0 → 0.4.0

package/dist/react.d.cts

@@ -1,4 +1,4 @@
-import { ComponentType, ReactNode, SVGProps } from 'react';
+import { ReactNode, ComponentType, SVGProps } from 'react';
 import { MatrxTransport } from '@ai-matrx/agents/matrx';
 import { RealtimeClientLike, RealtimeManager } from '@ai-matrx/realtime';
 
@@ -781,6 +781,15 @@ declare function messagingClientId(): string;
  * resubscribe loop that looks exactly like "realtime is broken".
  */
 
+/**
+ * What the host needs to decide whether to interrupt someone, and what to say.
+ */
+interface IncomingMessageContext {
+    /** The message landed in the conversation currently on screen. */
+    readonly isActiveConversation: boolean;
+    /** The conversation it landed in, when the inbox already holds it. */
+    readonly conversation: ConversationSummary | null;
+}
 /**
  * A host-supplied surface for ONE action kind.
  *
@@ -806,6 +815,51 @@ interface MessageActionRenderer<TPayload = unknown> {
     readonly versions: readonly number[];
     readonly render: ComponentType<MessageActionRenderProps<TPayload>>;
 }
+/**
+ * A host's own renderer for a Matrx reference.
+ *
+ * References are the ONE piece of a bubble an app is likely to already render
+ * everywhere else — this platform resolves a ```matrx fence through a kind
+ * registry and draws a live, openable chip. Two different treatments of the
+ * same fence in one app is the second-renderer defect, so a host may hand us
+ * theirs. Omit it and the package's own card is used, which is what a
+ * greenfield consumer wants.
+ */
+type ReferenceRenderer = ComponentType<{
+    reference: MatrxReference;
+}>;
+/**
+ * A host's renderer for a raw ```matrx fence — the body between the backticks.
+ *
+ * This package understands one fence dialect: its own. A platform's fences are
+ * its platform's business (Matrx's are `__kind` directive shells resolved
+ * through a kind registry), and only the app can draw them. Give us this and
+ * EVERY fence in a message goes to you, parsed or not.
+ */
+type FenceRenderer = ComponentType<{
+    body: string;
+}>;
+/**
+ * App chrome wrapped around ONE message bubble or ONE conversation row.
+ *
+ * The reason this exists is the right-click menu. A platform whose every
+ * surface answers a right-click with copy / export / attach / hand-to-an-agent
+ * cannot have messaging be the one surface that does not — and a menu is
+ * per-row app chrome that no package can own (it needs the app's surface name,
+ * its entity tokens, its clipboard primitive). Without the seam a host keeps
+ * its own message list beside this one, which is the whole failure mode.
+ *
+ * It wraps; it does not replace. The bubble it receives is the package's.
+ */
+interface MessageWrapperProps {
+    readonly message: Message;
+    readonly isMine: boolean;
+    readonly children: ReactNode;
+}
+interface ConversationRowWrapperProps {
+    readonly conversation: ConversationSummary;
+    readonly children: ReactNode;
+}
 interface MessagingHost {
     readonly engine: MessagingEngine;
     readonly actions: ActionRegistry;
@@ -814,6 +868,10 @@ interface MessagingHost {
     readonly openReference: ((reference: MatrxReference) => void) | null;
     /** Host surfaces for action kinds whose answer is a card, not a chip. */
     readonly actionRenderers: ReadonlyMap<string, MessageActionRenderer>;
+    readonly renderReference: ReferenceRenderer | null;
+    readonly renderFence: FenceRenderer | null;
+    readonly wrapMessage: ComponentType<MessageWrapperProps> | null;
+    readonly wrapConversationRow: ComponentType<ConversationRowWrapperProps> | null;
 }
 interface MessagingProviderProps {
     /** Any Supabase client. `null` while the host is still resolving one. */
@@ -841,8 +899,23 @@ interface MessagingProviderProps {
     actionRenderers?: readonly MessageActionRenderer<never>[] | undefined;
     /** Called when a reference card is clicked. Omit and cards render inert-but-labeled. */
     onOpenReference?: ((reference: MatrxReference) => void) | undefined;
-    /** A message arrived from someone else — for a toast, sound, or badge. */
-    onIncomingMessage?: ((message: Message) => void) | undefined;
+    /** Draw references with the app's own renderer instead of the package card. */
+    renderReference?: ReferenceRenderer | undefined;
+    /** Draw ```matrx fences with the app's own renderer — every fence, parsed or not. */
+    renderFence?: FenceRenderer | undefined;
+    /** App chrome (a right-click menu, a drop target) around each message bubble. */
+    wrapMessage?: ComponentType<MessageWrapperProps> | undefined;
+    /** App chrome around each conversation row. */
+    wrapConversationRow?: ComponentType<ConversationRowWrapperProps> | undefined;
+    /**
+     * A message arrived from someone else — for a toast, sound, or badge.
+     *
+     * The CONTEXT is not a courtesy. "Do not interrupt someone for the
+     * conversation they are looking at" is the rule every chat app needs and only
+     * this package can answer, and a notification names the SENDER, whose display
+     * name lives on the conversation the host cannot see from above the provider.
+     */
+    onIncomingMessage?: ((message: Message, context: IncomingMessageContext) => void) | undefined;
     /** Background failures, with a remedy. Defaults to a console sink. */
     onDiagnostic?: ((event: EngineDiagnostic) => void) | undefined;
     /** Re-resolve a session after one goes missing. Enables the single retry. */
@@ -1018,11 +1091,6 @@ declare function Avatar(props: {
 declare function DeliveryTick(props: {
     state: DeliveryState;
 }): React.ReactElement | null;
-/**
- * A reference card. NO DEAD ENDS: when the host wired `onOpenReference` it is a
- * button that opens; when it did not, it renders as a labeled, non-interactive
- * card with a title explaining why — never a button that does nothing.
- */
 declare function ReferenceCard(props: {
     reference: MatrxReference;
     onOpen?: ((reference: MatrxReference) => void) | null;
@@ -1304,6 +1372,20 @@ type TextSegment = {
 } | {
     readonly type: "reference";
     readonly reference: MatrxReference;
+}
+/**
+ * A ```matrx fence this package could not resolve into references.
+ *
+ * It is NOT dropped. Platforms carry richer fence dialects than this
+ * package's own array shape — Matrx's is a `__kind` directive shell whose
+ * items are typed per noun, resolvable only by the app's kind registry — and
+ * a fence silently deleted on render is a message that lost a paragraph
+ * between the sender and the reader. The host draws it (`renderFence`), or
+ * the package draws an honest inert card. Never a code block of JSON.
+ */
+ | {
+    readonly type: "fence";
+    readonly body: string;
 };
 /** Every reference a message carries, from both transports, de-duplicated. */
 declare function extractReferences(content: string, structured?: readonly MatrxReference[]): readonly MatrxReference[];
@@ -1321,4 +1403,4 @@ declare function summarizeText(content: string, maxLength?: number): string;
 /** Serialize picked references into a fence the platform's other readers accept. */
 declare function composeFence(references: readonly MatrxReference[]): string;
 
-export { type ActionChoice, type ActionContext, type ActionHandler, type ActionOutcome, type ActionReceipt, type ActionRegistry, type ActorPresentation, AgentTag, type AiCapability, type AiResult, AlertIcon, type Attachment, Avatar, BotIcon, CheckIcon, ChevronLeftIcon, type ClientMessageId, ClockIcon, CloseIcon, Composer, type Conversation, type ConversationCursor, type ConversationId, ConversationList, type ConversationListProps, ConversationSkeleton, type ConversationSummary, type ConversationThread, type ConversationType, ConversationView, type ConversationViewProps, type DeliveryState, DeliveryTick, DoubleCheckIcon, type DraftMessage, EmptyState, type EngineDiagnostic, type JsonObject, type JsonValue, LinkIcon, MESSAGING_EVENTS, MESSAGING_SCHEMA, type MatrxReference, type Message, type MessageAction, MessageActionChips, type MessageActionRenderProps, type MessageActionRenderer, MessageBubble, type MessageCursor, type MessageGroup, type MessageId, type MessageKind, type MessagingAgents, type MessagingAi, type MessagingAiOptions, type MessagingEngine, type MessagingEngineOptions, MessagingError, type MessagingErrorCode, type MessagingHost, type MessagingIdentity, MessagingInbox, type MessagingInboxProps, MessagingProvider, type MessagingProviderProps, type MessagingRepository, type MessagingSnapshot, type MessagingStore, type OrganizationId, type Outbox, type OutboxEntry, type OutboxOptions, type OutboxStorage, type Page, PaperclipIcon, type Participant, type ParticipantRole, PlusIcon, type PostgrestFilterLike, type PostgrestLikeResponse, type PostgrestTableLike, RPCS, type ReadCache, type ReadCacheOptions, ReferenceCard, ReplyIcon, type RepositoryOptions, type SchemaLike, SearchIcon, SendIcon, type SessionResolver, SparklesIcon, type SupabaseLike, TABLES, type TextSegment, TypingDots, type UseComposerResult, type UseConversationResult, type UseConversationsResult, type UseMessageActionResult, type UseMessagingAiResult, type UseTypistsResult, type UserId, type UserSummary, UsersIcon, asClientMessageId, asConversationId, asMessageId, asOrganizationId, asUserId, avatarPaletteIndex, composeFence, conversationTopic, createActionRegistry, createMemoryOutboxStorage, createMessagingAi, createMessagingEngine, createMessagingRepository, createMessagingStore, createOutbox, createReadCache, createWebOutboxStorage, extractReferences, formatConversationTime, formatDateSeparator, formatLastSeen, formatMessageTime, formatTypists, getInitials, groupMessages, inboxTopic, invalidResponse, isSameDay, messagingClientId, normalizeMessagingError, optimisticMessage, participantNames, projectConversationSummary, projectMessage, projectMessageAction, projectParticipantRole, projectUserSummary, resolveActor, splitText, summarizeText, useComposer, useConversation, useConversations, useMessageAction, useMessagingAi, useMessagingHost, useMessagingSnapshot, useOnlineUserIds, useRequiredMessagingHost, useTypists };
+export { type ActionChoice, type ActionContext, type ActionHandler, type ActionOutcome, type ActionReceipt, type ActionRegistry, type ActorPresentation, AgentTag, type AiCapability, type AiResult, AlertIcon, type Attachment, Avatar, BotIcon, CheckIcon, ChevronLeftIcon, type ClientMessageId, ClockIcon, CloseIcon, Composer, type Conversation, type ConversationCursor, type ConversationId, ConversationList, type ConversationListProps, type ConversationRowWrapperProps, ConversationSkeleton, type ConversationSummary, type ConversationThread, type ConversationType, ConversationView, type ConversationViewProps, type DeliveryState, DeliveryTick, DoubleCheckIcon, type DraftMessage, EmptyState, type EngineDiagnostic, type IncomingMessageContext, type JsonObject, type JsonValue, LinkIcon, MESSAGING_EVENTS, MESSAGING_SCHEMA, type MatrxReference, type Message, type MessageAction, MessageActionChips, type MessageActionRenderProps, type MessageActionRenderer, MessageBubble, type MessageCursor, type MessageGroup, type MessageId, type MessageKind, type MessageWrapperProps, type MessagingAgents, type MessagingAi, type MessagingAiOptions, type MessagingEngine, type MessagingEngineOptions, MessagingError, type MessagingErrorCode, type MessagingHost, type MessagingIdentity, MessagingInbox, type MessagingInboxProps, MessagingProvider, type MessagingProviderProps, type MessagingRepository, type MessagingSnapshot, type MessagingStore, type OrganizationId, type Outbox, type OutboxEntry, type OutboxOptions, type OutboxStorage, type Page, PaperclipIcon, type Participant, type ParticipantRole, PlusIcon, type PostgrestFilterLike, type PostgrestLikeResponse, type PostgrestTableLike, RPCS, type ReadCache, type ReadCacheOptions, ReferenceCard, type ReferenceRenderer, ReplyIcon, type RepositoryOptions, type SchemaLike, SearchIcon, SendIcon, type SessionResolver, SparklesIcon, type SupabaseLike, TABLES, type TextSegment, TypingDots, type UseComposerResult, type UseConversationResult, type UseConversationsResult, type UseMessageActionResult, type UseMessagingAiResult, type UseTypistsResult, type UserId, type UserSummary, UsersIcon, asClientMessageId, asConversationId, asMessageId, asOrganizationId, asUserId, avatarPaletteIndex, composeFence, conversationTopic, createActionRegistry, createMemoryOutboxStorage, createMessagingAi, createMessagingEngine, createMessagingRepository, createMessagingStore, createOutbox, createReadCache, createWebOutboxStorage, extractReferences, formatConversationTime, formatDateSeparator, formatLastSeen, formatMessageTime, formatTypists, getInitials, groupMessages, inboxTopic, invalidResponse, isSameDay, messagingClientId, normalizeMessagingError, optimisticMessage, participantNames, projectConversationSummary, projectMessage, projectMessageAction, projectParticipantRole, projectUserSummary, resolveActor, splitText, summarizeText, useComposer, useConversation, useConversations, useMessageAction, useMessagingAi, useMessagingHost, useMessagingSnapshot, useOnlineUserIds, useRequiredMessagingHost, useTypists };

package/dist/react.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, ReactNode, SVGProps } from 'react';
+import { ReactNode, ComponentType, SVGProps } from 'react';
 import { MatrxTransport } from '@ai-matrx/agents/matrx';
 import { RealtimeClientLike, RealtimeManager } from '@ai-matrx/realtime';
 
@@ -781,6 +781,15 @@ declare function messagingClientId(): string;
  * resubscribe loop that looks exactly like "realtime is broken".
  */
 
+/**
+ * What the host needs to decide whether to interrupt someone, and what to say.
+ */
+interface IncomingMessageContext {
+    /** The message landed in the conversation currently on screen. */
+    readonly isActiveConversation: boolean;
+    /** The conversation it landed in, when the inbox already holds it. */
+    readonly conversation: ConversationSummary | null;
+}
 /**
  * A host-supplied surface for ONE action kind.
  *
@@ -806,6 +815,51 @@ interface MessageActionRenderer<TPayload = unknown> {
     readonly versions: readonly number[];
     readonly render: ComponentType<MessageActionRenderProps<TPayload>>;
 }
+/**
+ * A host's own renderer for a Matrx reference.
+ *
+ * References are the ONE piece of a bubble an app is likely to already render
+ * everywhere else — this platform resolves a ```matrx fence through a kind
+ * registry and draws a live, openable chip. Two different treatments of the
+ * same fence in one app is the second-renderer defect, so a host may hand us
+ * theirs. Omit it and the package's own card is used, which is what a
+ * greenfield consumer wants.
+ */
+type ReferenceRenderer = ComponentType<{
+    reference: MatrxReference;
+}>;
+/**
+ * A host's renderer for a raw ```matrx fence — the body between the backticks.
+ *
+ * This package understands one fence dialect: its own. A platform's fences are
+ * its platform's business (Matrx's are `__kind` directive shells resolved
+ * through a kind registry), and only the app can draw them. Give us this and
+ * EVERY fence in a message goes to you, parsed or not.
+ */
+type FenceRenderer = ComponentType<{
+    body: string;
+}>;
+/**
+ * App chrome wrapped around ONE message bubble or ONE conversation row.
+ *
+ * The reason this exists is the right-click menu. A platform whose every
+ * surface answers a right-click with copy / export / attach / hand-to-an-agent
+ * cannot have messaging be the one surface that does not — and a menu is
+ * per-row app chrome that no package can own (it needs the app's surface name,
+ * its entity tokens, its clipboard primitive). Without the seam a host keeps
+ * its own message list beside this one, which is the whole failure mode.
+ *
+ * It wraps; it does not replace. The bubble it receives is the package's.
+ */
+interface MessageWrapperProps {
+    readonly message: Message;
+    readonly isMine: boolean;
+    readonly children: ReactNode;
+}
+interface ConversationRowWrapperProps {
+    readonly conversation: ConversationSummary;
+    readonly children: ReactNode;
+}
 interface MessagingHost {
     readonly engine: MessagingEngine;
     readonly actions: ActionRegistry;
@@ -814,6 +868,10 @@ interface MessagingHost {
     readonly openReference: ((reference: MatrxReference) => void) | null;
     /** Host surfaces for action kinds whose answer is a card, not a chip. */
     readonly actionRenderers: ReadonlyMap<string, MessageActionRenderer>;
+    readonly renderReference: ReferenceRenderer | null;
+    readonly renderFence: FenceRenderer | null;
+    readonly wrapMessage: ComponentType<MessageWrapperProps> | null;
+    readonly wrapConversationRow: ComponentType<ConversationRowWrapperProps> | null;
 }
 interface MessagingProviderProps {
     /** Any Supabase client. `null` while the host is still resolving one. */
@@ -841,8 +899,23 @@ interface MessagingProviderProps {
     actionRenderers?: readonly MessageActionRenderer<never>[] | undefined;
     /** Called when a reference card is clicked. Omit and cards render inert-but-labeled. */
     onOpenReference?: ((reference: MatrxReference) => void) | undefined;
-    /** A message arrived from someone else — for a toast, sound, or badge. */
-    onIncomingMessage?: ((message: Message) => void) | undefined;
+    /** Draw references with the app's own renderer instead of the package card. */
+    renderReference?: ReferenceRenderer | undefined;
+    /** Draw ```matrx fences with the app's own renderer — every fence, parsed or not. */
+    renderFence?: FenceRenderer | undefined;
+    /** App chrome (a right-click menu, a drop target) around each message bubble. */
+    wrapMessage?: ComponentType<MessageWrapperProps> | undefined;
+    /** App chrome around each conversation row. */
+    wrapConversationRow?: ComponentType<ConversationRowWrapperProps> | undefined;
+    /**
+     * A message arrived from someone else — for a toast, sound, or badge.
+     *
+     * The CONTEXT is not a courtesy. "Do not interrupt someone for the
+     * conversation they are looking at" is the rule every chat app needs and only
+     * this package can answer, and a notification names the SENDER, whose display
+     * name lives on the conversation the host cannot see from above the provider.
+     */
+    onIncomingMessage?: ((message: Message, context: IncomingMessageContext) => void) | undefined;
     /** Background failures, with a remedy. Defaults to a console sink. */
     onDiagnostic?: ((event: EngineDiagnostic) => void) | undefined;
     /** Re-resolve a session after one goes missing. Enables the single retry. */
@@ -1018,11 +1091,6 @@ declare function Avatar(props: {
 declare function DeliveryTick(props: {
     state: DeliveryState;
 }): React.ReactElement | null;
-/**
- * A reference card. NO DEAD ENDS: when the host wired `onOpenReference` it is a
- * button that opens; when it did not, it renders as a labeled, non-interactive
- * card with a title explaining why — never a button that does nothing.
- */
 declare function ReferenceCard(props: {
     reference: MatrxReference;
     onOpen?: ((reference: MatrxReference) => void) | null;
@@ -1304,6 +1372,20 @@ type TextSegment = {
 } | {
     readonly type: "reference";
     readonly reference: MatrxReference;
+}
+/**
+ * A ```matrx fence this package could not resolve into references.
+ *
+ * It is NOT dropped. Platforms carry richer fence dialects than this
+ * package's own array shape — Matrx's is a `__kind` directive shell whose
+ * items are typed per noun, resolvable only by the app's kind registry — and
+ * a fence silently deleted on render is a message that lost a paragraph
+ * between the sender and the reader. The host draws it (`renderFence`), or
+ * the package draws an honest inert card. Never a code block of JSON.
+ */
+ | {
+    readonly type: "fence";
+    readonly body: string;
 };
 /** Every reference a message carries, from both transports, de-duplicated. */
 declare function extractReferences(content: string, structured?: readonly MatrxReference[]): readonly MatrxReference[];
@@ -1321,4 +1403,4 @@ declare function summarizeText(content: string, maxLength?: number): string;
 /** Serialize picked references into a fence the platform's other readers accept. */
 declare function composeFence(references: readonly MatrxReference[]): string;
 
-export { type ActionChoice, type ActionContext, type ActionHandler, type ActionOutcome, type ActionReceipt, type ActionRegistry, type ActorPresentation, AgentTag, type AiCapability, type AiResult, AlertIcon, type Attachment, Avatar, BotIcon, CheckIcon, ChevronLeftIcon, type ClientMessageId, ClockIcon, CloseIcon, Composer, type Conversation, type ConversationCursor, type ConversationId, ConversationList, type ConversationListProps, ConversationSkeleton, type ConversationSummary, type ConversationThread, type ConversationType, ConversationView, type ConversationViewProps, type DeliveryState, DeliveryTick, DoubleCheckIcon, type DraftMessage, EmptyState, type EngineDiagnostic, type JsonObject, type JsonValue, LinkIcon, MESSAGING_EVENTS, MESSAGING_SCHEMA, type MatrxReference, type Message, type MessageAction, MessageActionChips, type MessageActionRenderProps, type MessageActionRenderer, MessageBubble, type MessageCursor, type MessageGroup, type MessageId, type MessageKind, type MessagingAgents, type MessagingAi, type MessagingAiOptions, type MessagingEngine, type MessagingEngineOptions, MessagingError, type MessagingErrorCode, type MessagingHost, type MessagingIdentity, MessagingInbox, type MessagingInboxProps, MessagingProvider, type MessagingProviderProps, type MessagingRepository, type MessagingSnapshot, type MessagingStore, type OrganizationId, type Outbox, type OutboxEntry, type OutboxOptions, type OutboxStorage, type Page, PaperclipIcon, type Participant, type ParticipantRole, PlusIcon, type PostgrestFilterLike, type PostgrestLikeResponse, type PostgrestTableLike, RPCS, type ReadCache, type ReadCacheOptions, ReferenceCard, ReplyIcon, type RepositoryOptions, type SchemaLike, SearchIcon, SendIcon, type SessionResolver, SparklesIcon, type SupabaseLike, TABLES, type TextSegment, TypingDots, type UseComposerResult, type UseConversationResult, type UseConversationsResult, type UseMessageActionResult, type UseMessagingAiResult, type UseTypistsResult, type UserId, type UserSummary, UsersIcon, asClientMessageId, asConversationId, asMessageId, asOrganizationId, asUserId, avatarPaletteIndex, composeFence, conversationTopic, createActionRegistry, createMemoryOutboxStorage, createMessagingAi, createMessagingEngine, createMessagingRepository, createMessagingStore, createOutbox, createReadCache, createWebOutboxStorage, extractReferences, formatConversationTime, formatDateSeparator, formatLastSeen, formatMessageTime, formatTypists, getInitials, groupMessages, inboxTopic, invalidResponse, isSameDay, messagingClientId, normalizeMessagingError, optimisticMessage, participantNames, projectConversationSummary, projectMessage, projectMessageAction, projectParticipantRole, projectUserSummary, resolveActor, splitText, summarizeText, useComposer, useConversation, useConversations, useMessageAction, useMessagingAi, useMessagingHost, useMessagingSnapshot, useOnlineUserIds, useRequiredMessagingHost, useTypists };
+export { type ActionChoice, type ActionContext, type ActionHandler, type ActionOutcome, type ActionReceipt, type ActionRegistry, type ActorPresentation, AgentTag, type AiCapability, type AiResult, AlertIcon, type Attachment, Avatar, BotIcon, CheckIcon, ChevronLeftIcon, type ClientMessageId, ClockIcon, CloseIcon, Composer, type Conversation, type ConversationCursor, type ConversationId, ConversationList, type ConversationListProps, type ConversationRowWrapperProps, ConversationSkeleton, type ConversationSummary, type ConversationThread, type ConversationType, ConversationView, type ConversationViewProps, type DeliveryState, DeliveryTick, DoubleCheckIcon, type DraftMessage, EmptyState, type EngineDiagnostic, type IncomingMessageContext, type JsonObject, type JsonValue, LinkIcon, MESSAGING_EVENTS, MESSAGING_SCHEMA, type MatrxReference, type Message, type MessageAction, MessageActionChips, type MessageActionRenderProps, type MessageActionRenderer, MessageBubble, type MessageCursor, type MessageGroup, type MessageId, type MessageKind, type MessageWrapperProps, type MessagingAgents, type MessagingAi, type MessagingAiOptions, type MessagingEngine, type MessagingEngineOptions, MessagingError, type MessagingErrorCode, type MessagingHost, type MessagingIdentity, MessagingInbox, type MessagingInboxProps, MessagingProvider, type MessagingProviderProps, type MessagingRepository, type MessagingSnapshot, type MessagingStore, type OrganizationId, type Outbox, type OutboxEntry, type OutboxOptions, type OutboxStorage, type Page, PaperclipIcon, type Participant, type ParticipantRole, PlusIcon, type PostgrestFilterLike, type PostgrestLikeResponse, type PostgrestTableLike, RPCS, type ReadCache, type ReadCacheOptions, ReferenceCard, type ReferenceRenderer, ReplyIcon, type RepositoryOptions, type SchemaLike, SearchIcon, SendIcon, type SessionResolver, SparklesIcon, type SupabaseLike, TABLES, type TextSegment, TypingDots, type UseComposerResult, type UseConversationResult, type UseConversationsResult, type UseMessageActionResult, type UseMessagingAiResult, type UseTypistsResult, type UserId, type UserSummary, UsersIcon, asClientMessageId, asConversationId, asMessageId, asOrganizationId, asUserId, avatarPaletteIndex, composeFence, conversationTopic, createActionRegistry, createMemoryOutboxStorage, createMessagingAi, createMessagingEngine, createMessagingRepository, createMessagingStore, createOutbox, createReadCache, createWebOutboxStorage, extractReferences, formatConversationTime, formatDateSeparator, formatLastSeen, formatMessageTime, formatTypists, getInitials, groupMessages, inboxTopic, invalidResponse, isSameDay, messagingClientId, normalizeMessagingError, optimisticMessage, participantNames, projectConversationSummary, projectMessage, projectMessageAction, projectParticipantRole, projectUserSummary, resolveActor, splitText, summarizeText, useComposer, useConversation, useConversations, useMessageAction, useMessagingAi, useMessagingHost, useMessagingSnapshot, useOnlineUserIds, useRequiredMessagingHost, useTypists };

package/dist/react.js

@@ -222,21 +222,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;
@@ -1739,7 +1750,8 @@ function MessagingRuntime(props) {
       identity,
       ...props.resolveSession !== void 0 ? { resolveSession: props.resolveSession } : {}
     });
-    return createMessagingEngine({
+    let built = null;
+    built = createMessagingEngine({
       repository,
       manager,
       identity,
@@ -1748,8 +1760,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]);
   useEffect(() => {
     if (engine === null) return void 0;
@@ -1782,6 +1804,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 = useMemo(() => {
     if (engine === null) return null;
     return {
@@ -1790,9 +1816,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__ */ jsx(MessagingContext.Provider, { value: host, children });
 }
@@ -2383,6 +2422,20 @@ function DeliveryTick(props) {
       return null;
   }
 }
+function UnreadableReference() {
+  return /* @__PURE__ */ 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__ */ jsx3(LinkIcon, {}),
+        /* @__PURE__ */ jsx3("span", { className: "mx-msg__reference-type", children: "reference" }),
+        "Reference"
+      ]
+    }
+  );
+}
 function ReferenceCard(props) {
   const { reference, onOpen } = props;
   const href = reference.href;
@@ -2463,6 +2516,7 @@ var AI_LABELS = {
 };
 function ConversationList(props) {
   const { conversations, hasMore, isInitialLoading, loadMore, select, activeConversationId } = useConversations();
+  const RowChrome = useMessagingHost()?.wrapConversationRow ?? null;
   const [query, setQuery] = useState2("");
   const visible = useMemo3(() => {
     const needle = query.trim().toLowerCase();
@@ -2503,17 +2557,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__ */ jsx4("ul", { className: "mx-msg__rows", children: visible.map((item) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
-        ConversationRow,
-        {
-          summary: item,
-          isActive: item.conversation.id === activeConversationId,
-          onSelect: () => {
-            select(item.conversation.id);
-            props.onSelect?.(item.conversation.id);
+      ) : /* @__PURE__ */ jsx4("ul", { className: "mx-msg__rows", children: visible.map((item) => {
+        const row = /* @__PURE__ */ jsx4(
+          ConversationRow,
+          {
+            summary: item,
+            isActive: item.conversation.id === activeConversationId,
+            onSelect: () => {
+              select(item.conversation.id);
+              props.onSelect?.(item.conversation.id);
+            }
           }
-        }
-      ) }, item.conversation.id)) }),
+        );
+        return /* @__PURE__ */ jsx4("li", { children: RowChrome !== null ? /* @__PURE__ */ jsx4(RowChrome, { conversation: item, children: row }) : row }, item.conversation.id);
+      }) }),
       hasMore && !isInitialLoading ? /* @__PURE__ */ jsx4(
         "button",
         {
@@ -2742,6 +2799,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__ */ jsx4("div", { className: "mx-msg__bubble mx-msg__bubble--deleted", children: "Message deleted" });
   }
@@ -2752,10 +2812,16 @@ function MessageBubble(props) {
     message.deliveryState === "sending" ? "mx-msg__bubble--pending" : "",
     message.deliveryState === "failed" ? "mx-msg__bubble--failed" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+  const bubble = /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsxs2("div", { className: classes, children: [
       splitText(message.content).map(
-        (segment, index) => segment.type === "text" ? /* @__PURE__ */ jsx4("span", { children: segment.value }, index) : /* @__PURE__ */ jsx4(
+        (segment, index) => segment.type === "text" ? /* @__PURE__ */ jsx4("span", { children: segment.value }, index) : segment.type === "fence" ? HostFence !== null ? /* @__PURE__ */ jsx4(HostFence, { body: segment.body }, `fence:${index}`) : /* @__PURE__ */ jsx4(UnreadableReference, {}, `fence:${index}`) : HostReference !== null ? /* @__PURE__ */ jsx4(
+          HostReference,
+          {
+            reference: segment.reference
+          },
+          `${segment.reference.entityType}:${segment.reference.entityId}`
+        ) : /* @__PURE__ */ jsx4(
           ReferenceCard,
           {
             reference: segment.reference,
@@ -2764,14 +2830,22 @@ function MessageBubble(props) {
           `${segment.reference.entityType}:${segment.reference.entityId}`
         )
       ),
-      message.references.map((reference) => /* @__PURE__ */ jsx4(
-        ReferenceCard,
-        {
-          reference,
-          onOpen: host?.openReference ?? null
-        },
-        `structured:${reference.entityType}:${reference.entityId}`
-      )),
+      message.references.map(
+        (reference) => HostReference !== null ? /* @__PURE__ */ jsx4(
+          HostReference,
+          {
+            reference
+          },
+          `structured:${reference.entityType}:${reference.entityId}`
+        ) : /* @__PURE__ */ jsx4(
+          ReferenceCard,
+          {
+            reference,
+            onOpen: host?.openReference ?? null
+          },
+          `structured:${reference.entityType}:${reference.entityId}`
+        )
+      ),
       message.action !== null ? /* @__PURE__ */ jsx4(MessageActionChips, { message }) : null
     ] }),
     /* @__PURE__ */ jsxs2(
@@ -2807,6 +2881,7 @@ function MessageBubble(props) {
       }
     )
   ] });
+  return MessageChrome !== null ? /* @__PURE__ */ jsx4(MessageChrome, { message, isMine, children: bubble }) : bubble;
 }
 function MessageActionChips(props) {
   const host = useRequiredMessagingHost();