@liveblocks/react 3.13.0-vincent3 → 3.13.1-hackathon

package/dist/{chunk-CCOIV25T.js → chunk-VSUKKNOK.js}

@@ -330,7 +330,7 @@ import {
   isStartsWithOperator
 } from "@liveblocks/core";
 function makeThreadsFilter(query, subscriptions) {
-  return (thread) => matchesThreadsQuery(thread, query, subscriptions) && matchesMetadata(thread, query);
+  return (thread) => matchesThreadsQuery(thread, query, subscriptions) && matchesThreadMetadata(thread, query);
 }
 function matchesThreadsQuery(thread, q, subscriptions) {
   let subscription = void 0;
@@ -339,7 +339,7 @@ function matchesThreadsQuery(thread, q, subscriptions) {
   }
   return (q.resolved === void 0 || thread.resolved === q.resolved) && (q.subscribed === void 0 || q.subscribed === true && subscription !== void 0 || q.subscribed === false && subscription === void 0);
 }
-function matchesMetadata(thread, q) {
+function matchesThreadMetadata(thread, q) {
   const metadata = thread.metadata;
   return q.metadata === void 0 || Object.entries(q.metadata).every(
     ([key, op]) => (
@@ -512,6 +512,12 @@ function makeAiChatsQueryKey(query) {
 function makeInboxNotificationsQueryKey(query) {
   return stableStringify(query ?? {});
 }
+function makeAgentSessionsQueryKey(roomId, options) {
+  return stableStringify([roomId, options ?? {}]);
+}
+function makeAgentMessagesQueryKey(roomId, sessionId, options) {
+  return stableStringify([roomId, sessionId, options ?? {}]);
+}
 function usify(promise) {
   if ("status" in promise) {
     return promise;
@@ -978,6 +984,19 @@ var UmbrellaStore = class {
   #roomVersionsLastRequestedAtByRoom = /* @__PURE__ */ new Map();
   // Notification Settings
   #notificationSettings;
+  // Agent Sessions
+  #roomsByRoomId = /* @__PURE__ */ new Map();
+  // TODO: the need for this seems wrong, i need to explore if maybe this stuff belongs in in RoomContext and not here
+  #agentSessionsByRoomId = /* @__PURE__ */ new Map();
+  #agentMessagesBySessionId = /* @__PURE__ */ new Map();
+  // Signals for agent sessions and messages to trigger reactivity
+  // We use a version counter to track changes
+  #agentSessionsSignal = new MutableSignal3({
+    version: 0
+  });
+  #agentMessagesSignal = new MutableSignal3({
+    version: 0
+  });
   constructor(client) {
     this.#client = client[kInternal2].as();
     this.optimisticUpdates = createStore_forOptimistic(this.#client);
@@ -1349,6 +1368,94 @@ var UmbrellaStore = class {
         return { signal, waitUntilLoaded: resource.waitUntilLoaded };
       }
     );
+    const loadingAgentSessions = new DefaultMap(
+      (queryKey) => {
+        const [roomId, options] = JSON.parse(queryKey);
+        const resource = new PaginatedResource(async (cursor) => {
+          const room = this.#roomsByRoomId.get(roomId);
+          if (!room) {
+            throw new Error(
+              `Room ${roomId} not found. Make sure you're calling useAgentSessions inside a RoomProvider.`
+            );
+          }
+          const typedRoom = room;
+          const result = await typedRoom.fetchAgentSessions({
+            cursor,
+            since: options?.since,
+            metadata: options?.metadata
+          });
+          this.updateAgentSessions(roomId, result.sessions, "list");
+          return result.nextCursor ?? null;
+        });
+        const signal = DerivedSignal.from(
+          resource.signal,
+          this.#agentSessionsSignal,
+          (resourceResult, _signalState) => {
+            if (resourceResult.isLoading || resourceResult.error) {
+              return resourceResult;
+            }
+            const sessionsMap = this.#agentSessionsByRoomId.get(roomId);
+            const sessions = sessionsMap ? Array.from(sessionsMap.values()) : [];
+            const page = resourceResult.data;
+            return {
+              isLoading: false,
+              sessions,
+              hasFetchedAll: page.hasFetchedAll,
+              isFetchingMore: page.isFetchingMore,
+              fetchMoreError: page.fetchMoreError,
+              fetchMore: page.fetchMore
+            };
+          },
+          shallow2
+        );
+        return { signal, waitUntilLoaded: resource.waitUntilLoaded };
+      }
+    );
+    const loadingAgentMessages = new DefaultMap(
+      (queryKey) => {
+        const [roomId, sessionId, options] = JSON.parse(queryKey);
+        const resource = new PaginatedResource(async (cursor) => {
+          const room = this.#roomsByRoomId.get(roomId);
+          if (!room) {
+            throw new Error(
+              `Room ${roomId} not found. Make sure you're calling useAgentSession inside a RoomProvider.`
+            );
+          }
+          const typedRoom = room;
+          const result = await typedRoom.fetchAgentMessages(sessionId, {
+            cursor,
+            limit: options?.limit
+          });
+          this.updateAgentMessages(roomId, sessionId, result.messages, "list");
+          return result.nextCursor ?? null;
+        });
+        const signal = DerivedSignal.from(
+          resource.signal,
+          this.#agentMessagesSignal,
+          (resourceResult, _signalState) => {
+            if (resourceResult.isLoading || resourceResult.error) {
+              return resourceResult;
+            }
+            const messagesMap = this.#agentMessagesBySessionId.get(sessionId);
+            const messages = messagesMap ? Array.from(messagesMap.values()).sort(
+              // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+              (a, b) => a.timestamp - b.timestamp
+            ) : [];
+            const page = resourceResult.data;
+            return {
+              isLoading: false,
+              messages,
+              hasFetchedAll: page.hasFetchedAll,
+              isFetchingMore: page.isFetchingMore,
+              fetchMoreError: page.fetchMoreError,
+              fetchMore: page.fetchMore
+            };
+          },
+          shallow2
+        );
+        return { signal, waitUntilLoaded: resource.waitUntilLoaded };
+      }
+    );
     this.outputs = {
       threadifications,
       threads,
@@ -1364,7 +1471,9 @@ var UmbrellaStore = class {
       aiChats,
       messagesByChatId,
       aiChatById,
-      urlMetadataByUrl
+      urlMetadataByUrl,
+      loadingAgentSessions,
+      loadingAgentMessages
     };
     autobind(this);
   }
@@ -1519,6 +1628,26 @@ var UmbrellaStore = class {
       (thread) => applyUpsertComment(thread, editedComment)
     );
   }
+  editCommentMetadata(threadId, commentId, optimisticId, updatedMetadata, updatedAt) {
+    return this.#updateThread(
+      threadId,
+      optimisticId,
+      (thread) => {
+        const comment = thread.comments.find((c) => c.id === commentId);
+        if (comment === void 0) {
+          return thread;
+        }
+        return {
+          ...thread,
+          updatedAt,
+          comments: thread.comments.map(
+            (c) => c.id === commentId ? { ...c, metadata: updatedMetadata } : c
+          )
+        };
+      },
+      updatedAt
+    );
+  }
   deleteComment(threadId, optimisticId, commentId, deletedAt) {
     return this.#updateThread(
       threadId,
@@ -1565,6 +1694,61 @@ var UmbrellaStore = class {
       result.subscriptions.deleted
     );
   }
+  /**
+   * Registers a room instance for agent session fetching.
+   * Called by RoomProvider when it mounts.
+   */
+  registerRoom(roomId, room) {
+    this.#roomsByRoomId.set(roomId, room);
+  }
+  /**
+   * Unregisters a room instance.
+   * Called by RoomProvider when it unmounts.
+   */
+  unregisterRoom(roomId) {
+    this.#roomsByRoomId.delete(roomId);
+    this.#agentSessionsByRoomId.delete(roomId);
+  }
+  /**
+   * Updates the agent sessions cache based on WebSocket events.
+   */
+  updateAgentSessions(roomId, sessions, operation) {
+    let sessionsMap = this.#agentSessionsByRoomId.get(roomId);
+    if (!sessionsMap) {
+      sessionsMap = /* @__PURE__ */ new Map();
+      this.#agentSessionsByRoomId.set(roomId, sessionsMap);
+    }
+    for (const session of sessions) {
+      if (operation === "deleted") {
+        sessionsMap.delete(session.sessionId);
+      } else {
+        sessionsMap.set(session.sessionId, session);
+      }
+    }
+    this.#agentSessionsSignal.mutate((state) => {
+      state.version++;
+    });
+  }
+  /**
+   * Updates the agent messages cache based on WebSocket events.
+   */
+  updateAgentMessages(_roomId, sessionId, messages, operation) {
+    let messagesMap = this.#agentMessagesBySessionId.get(sessionId);
+    if (!messagesMap) {
+      messagesMap = /* @__PURE__ */ new Map();
+      this.#agentMessagesBySessionId.set(sessionId, messagesMap);
+    }
+    for (const message of messages) {
+      if (operation === "deleted") {
+        messagesMap.delete(message.id);
+      } else {
+        messagesMap.set(message.id, message);
+      }
+    }
+    this.#agentMessagesSignal.mutate((state) => {
+      state.version++;
+    });
+  }
   async fetchUnreadNotificationsCount(queryKey, signal) {
     const query = JSON.parse(queryKey);
     const result = await this.#client.getUnreadInboxNotificationsCount({
@@ -1724,6 +1908,27 @@ function applyOptimisticUpdates_forThreadifications(baseThreadsDB, notifications
         threadsDB.upsert(applyUpsertComment(thread, optimisticUpdate.comment));
         break;
       }
+      case "edit-comment-metadata": {
+        const thread = threadsDB.get(optimisticUpdate.threadId);
+        if (thread === void 0) break;
+        if (thread.updatedAt > optimisticUpdate.updatedAt) {
+          break;
+        }
+        const existingComment = thread.comments.find(
+          (c) => c.id === optimisticUpdate.commentId
+        );
+        if (existingComment === void 0) break;
+        threadsDB.upsert(
+          applyUpsertComment(thread, {
+            ...existingComment,
+            metadata: {
+              ...existingComment.metadata,
+              ...optimisticUpdate.metadata
+            }
+          })
+        );
+        break;
+      }
       case "delete-comment": {
         const thread = threadsDB.get(optimisticUpdate.threadId);
         if (thread === void 0) break;
@@ -1930,7 +2135,20 @@ function applyUpsertComment(thread, comment) {
     return updatedThread;
   }
   if (existingComment.deletedAt !== void 0) {
-    return thread;
+    const updatedComment = {
+      ...existingComment,
+      metadata: {
+        ...existingComment.metadata,
+        ...comment.metadata
+      }
+    };
+    const updatedComments = thread.comments.map(
+      (c) => c.id === comment.id ? updatedComment : c
+    );
+    return {
+      ...thread,
+      comments: updatedComments
+    };
   }
   if (existingComment.editedAt === void 0 || comment.editedAt === void 0 || existingComment.editedAt <= comment.editedAt) {
     const updatedComments = thread.comments.map(
@@ -3521,9 +3739,13 @@ function makeRoomContextBundle(client) {
     useOthersMapped,
     useOthersConnectionIds,
     useOther,
+    // prettier-ignore
     useMutation,
     useThreads,
+    useAgentSessions,
+    useAgentSession,
     useSearchComments,
+    // prettier-ignore
     useCreateThread,
     useDeleteThread,
     useEditThreadMetadata,
@@ -3533,6 +3755,7 @@ function makeRoomContextBundle(client) {
     useUnsubscribeFromThread,
     useCreateComment,
     useEditComment,
+    useEditCommentMetadata,
     useDeleteComment,
     useAddReaction,
     useRemoveReaction,
@@ -3567,8 +3790,12 @@ function makeRoomContextBundle(client) {
       useOthersMapped: useOthersMappedSuspense,
       useOthersConnectionIds: useOthersConnectionIdsSuspense,
       useOther: useOtherSuspense,
+      // prettier-ignore
       useMutation,
       useThreads: useThreadsSuspense,
+      useAgentSessions: useAgentSessionsSuspense,
+      useAgentSession: useAgentSessionSuspense,
+      // prettier-ignore
       useCreateThread,
       useDeleteThread,
       useEditThreadMetadata,
@@ -3578,6 +3805,7 @@ function makeRoomContextBundle(client) {
       useUnsubscribeFromThread,
       useCreateComment,
       useEditComment,
+      useEditCommentMetadata,
       useDeleteComment,
       useAddReaction,
       useRemoveReaction,
@@ -3683,6 +3911,7 @@ function RoomProviderInner(props) {
         case ServerMsgCode.COMMENT_REACTION_ADDED:
         case ServerMsgCode.COMMENT_REACTION_REMOVED:
         case ServerMsgCode.COMMENT_DELETED:
+        case ServerMsgCode.COMMENT_METADATA_UPDATED:
           if (!existingThread) break;
           store.updateThreadifications(
             [thread],
@@ -3705,6 +3934,41 @@ function RoomProviderInner(props) {
       (message) => void handleCommentEvent(message)
     );
   }, [client, room]);
+  useEffect6(() => {
+    const { store } = getRoomExtrasForClient(client);
+    function handleAgentSessionEvent(message) {
+      if (message.type === ServerMsgCode.AGENT_SESSIONS) {
+        const agentSessionsMsg = message;
+        if (agentSessionsMsg.operation !== "list") {
+          store.updateAgentSessions(
+            room.id,
+            agentSessionsMsg.sessions,
+            agentSessionsMsg.operation
+          );
+        }
+      } else if (message.type === ServerMsgCode.AGENT_MESSAGES) {
+        const agentMessagesMsg = message;
+        if (agentMessagesMsg.operation !== "list") {
+          store.updateAgentMessages(
+            room.id,
+            agentMessagesMsg.sessionId,
+            agentMessagesMsg.messages,
+            agentMessagesMsg.operation
+          );
+        }
+      }
+    }
+    return room.events.agentSessions.subscribe(
+      (message) => void handleAgentSessionEvent(message)
+    );
+  }, [client, room]);
+  useEffect6(() => {
+    const { store } = getRoomExtrasForClient(client);
+    store.registerRoom(room.id, room);
+    return () => {
+      store.unregisterRoom(room.id);
+    };
+  }, [client, room]);
   useEffect6(() => {
     const pair = stableEnterRoom(roomId, frozenProps);
     setRoomLeavePair(pair);
@@ -4030,6 +4294,53 @@ function useThreads(options = {}) {
   useScrollToCommentOnLoadEffect(scrollOnLoad, result);
   return result;
 }
+function useAgentSessions(options) {
+  const room = useRoom();
+  const client = useClient();
+  const { store } = getRoomExtrasForClient(client);
+  const queryKey = makeAgentSessionsQueryKey(room.id, options);
+  const loadableResource = store.outputs.loadingAgentSessions.getOrCreate(queryKey);
+  useEffect6(() => {
+    void loadableResource.waitUntilLoaded();
+  });
+  return useSignal(loadableResource.signal);
+}
+function useAgentSession(sessionId, options) {
+  const room = useRoom();
+  const client = useClient();
+  const { store } = getRoomExtrasForClient(client);
+  const queryKey = makeAgentMessagesQueryKey(room.id, sessionId, options);
+  useEffect6(() => {
+    void store.outputs.loadingAgentMessages.getOrCreate(queryKey).waitUntilLoaded();
+  });
+  return useSignal(
+    store.outputs.loadingAgentMessages.getOrCreate(queryKey).signal
+  );
+}
+function useAgentSessionsSuspense(options) {
+  ensureNotServerSide();
+  const client = useClient();
+  const room = useRoom();
+  const { store } = getRoomExtrasForClient(client);
+  const queryKey = makeAgentSessionsQueryKey(room.id, options);
+  use(store.outputs.loadingAgentSessions.getOrCreate(queryKey).waitUntilLoaded());
+  const result = useAgentSessions(options);
+  assert2(!result.error, "Did not expect error");
+  assert2(!result.isLoading, "Did not expect loading");
+  return result;
+}
+function useAgentSessionSuspense(sessionId, options) {
+  ensureNotServerSide();
+  const client = useClient();
+  const room = useRoom();
+  const { store } = getRoomExtrasForClient(client);
+  const queryKey = makeAgentMessagesQueryKey(room.id, sessionId, options);
+  use(store.outputs.loadingAgentMessages.getOrCreate(queryKey).waitUntilLoaded());
+  const result = useAgentSession(sessionId, options);
+  assert2(!result.error, "Did not expect error");
+  assert2(!result.isLoading, "Did not expect loading");
+  return result;
+}
 function useSearchComments(options) {
   const [result, setResult] = useState3({
     isLoading: true
@@ -4090,6 +4401,7 @@ function useCreateRoomThread(roomId) {
     (options) => {
       const body = options.body;
       const metadata = options.metadata ?? {};
+      const commentMetadata = options.commentMetadata ?? {};
       const attachments = options.attachments;
       const threadId = createThreadId();
       const commentId = createCommentId();
@@ -4103,7 +4415,8 @@ function useCreateRoomThread(roomId) {
         userId: getCurrentUserId(client),
         body,
         reactions: [],
-        attachments: attachments ?? []
+        attachments: attachments ?? [],
+        metadata: commentMetadata
       };
       const newThread = {
         id: threadId,
@@ -4128,6 +4441,7 @@ function useCreateRoomThread(roomId) {
         commentId,
         body,
         metadata,
+        commentMetadata,
         attachmentIds
       }).then(
         (thread) => {
@@ -4141,7 +4455,8 @@ function useCreateRoomThread(roomId) {
             threadId,
             commentId,
             body,
-            metadata
+            metadata,
+            commentMetadata
           },
           err
         )
@@ -4224,13 +4539,65 @@ function useEditRoomThreadMetadata(roomId) {
     [client, roomId]
   );
 }
+function useEditCommentMetadata() {
+  return useEditRoomCommentMetadata(useRoom().id);
+}
+function useEditRoomCommentMetadata(roomId) {
+  const client = useClient();
+  return useCallback3(
+    (options) => {
+      if (!options.metadata) {
+        return;
+      }
+      const threadId = options.threadId;
+      const commentId = options.commentId;
+      const metadata = options.metadata;
+      const updatedAt = /* @__PURE__ */ new Date();
+      const { store, onMutationFailure } = getRoomExtrasForClient(client);
+      const optimisticId = store.optimisticUpdates.add({
+        type: "edit-comment-metadata",
+        threadId,
+        commentId,
+        metadata,
+        updatedAt
+      });
+      client[kInternal4].httpClient.editCommentMetadata({ roomId, threadId, commentId, metadata }).then(
+        (updatedMetadata) => (
+          // Replace the optimistic update by the real thing
+          store.editCommentMetadata(
+            threadId,
+            commentId,
+            optimisticId,
+            updatedMetadata,
+            updatedAt
+          )
+        ),
+        (err) => onMutationFailure(
+          optimisticId,
+          {
+            type: "EDIT_COMMENT_METADATA_ERROR",
+            roomId,
+            threadId,
+            commentId,
+            metadata
+          },
+          err
+        )
+      );
+    },
+    [client, roomId]
+  );
+}
 function useCreateComment() {
   return useCreateRoomComment(useRoom().id);
 }
 function useCreateRoomComment(roomId) {
   const client = useClient();
   return useCallback3(
-    ({ threadId, body, attachments }) => {
+    (options) => {
+      const { threadId, body } = options;
+      const metadata = options.metadata ?? {};
+      const attachments = options.attachments ?? [];
       const commentId = createCommentId();
       const createdAt = /* @__PURE__ */ new Date();
       const comment = {
@@ -4242,7 +4609,8 @@ function useCreateRoomComment(roomId) {
         userId: getCurrentUserId(client),
         body,
         reactions: [],
-        attachments: attachments ?? []
+        attachments: attachments ?? [],
+        metadata
       };
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const optimisticId = store.optimisticUpdates.add({
@@ -4250,7 +4618,14 @@ function useCreateRoomComment(roomId) {
         comment
       });
       const attachmentIds = attachments?.map((attachment) => attachment.id);
-      client[kInternal4].httpClient.createComment({ roomId, threadId, commentId, body, attachmentIds }).then(
+      client[kInternal4].httpClient.createComment({
+        roomId,
+        threadId,
+        commentId,
+        body,
+        metadata,
+        attachmentIds
+      }).then(
         (newComment) => {
           store.createComment(newComment, optimisticId);
         },
@@ -4261,7 +4636,8 @@ function useCreateRoomComment(roomId) {
             roomId,
             threadId,
             commentId,
-            body
+            body,
+            metadata
           },
           err
         )
@@ -4277,7 +4653,13 @@ function useEditComment() {
 function useEditRoomComment(roomId) {
   const client = useClient();
   return useCallback3(
-    ({ threadId, commentId, body, attachments }) => {
+    ({
+      threadId,
+      commentId,
+      body,
+      attachments,
+      metadata
+    }) => {
       const editedAt = /* @__PURE__ */ new Date();
       const { store, onMutationFailure } = getRoomExtrasForClient(client);
       const existing = store.outputs.threads.get().getEvenIfDeleted(threadId);
@@ -4296,23 +4678,42 @@ function useEditRoomComment(roomId) {
         );
         return;
       }
+      const updatedMetadata = metadata !== void 0 ? {
+        ...comment.metadata,
+        ...metadata
+      } : comment.metadata;
       const optimisticId = store.optimisticUpdates.add({
         type: "edit-comment",
         comment: {
           ...comment,
           editedAt,
           body,
-          attachments: attachments ?? []
+          attachments: attachments ?? [],
+          metadata: updatedMetadata
         }
       });
       const attachmentIds = attachments?.map((attachment) => attachment.id);
-      client[kInternal4].httpClient.editComment({ roomId, threadId, commentId, body, attachmentIds }).then(
+      client[kInternal4].httpClient.editComment({
+        roomId,
+        threadId,
+        commentId,
+        body,
+        attachmentIds,
+        metadata
+      }).then(
         (editedComment) => {
           store.editComment(threadId, optimisticId, editedComment);
         },
         (err) => onMutationFailure(
           optimisticId,
-          { type: "EDIT_COMMENT_ERROR", roomId, threadId, commentId, body },
+          {
+            type: "EDIT_COMMENT_ERROR",
+            roomId,
+            threadId,
+            commentId,
+            body,
+            metadata: updatedMetadata
+          },
           err
         )
       );
@@ -4937,11 +5338,16 @@ var _useMutation = useMutation;
 var _useCreateThread = useCreateThread;
 var _useDeleteThread = useDeleteThread;
 var _useEditThreadMetadata = useEditThreadMetadata;
+var _useCreateComment = useCreateComment;
+var _useEditComment = useEditComment;
+var _useEditCommentMetadata = useEditCommentMetadata;
 var _useEventListener = useEventListener;
 var _useMyPresence = useMyPresence;
 var _useOthersMapped = useOthersMapped;
 var _useOthersMappedSuspense = useOthersMappedSuspense;
 var _useThreads = useThreads;
+var _useAgentSessions = useAgentSessions;
+var _useAgentSession = useAgentSession;
 var _useSearchComments = useSearchComments;
 var _useThreadsSuspense = useThreadsSuspense;
 var _useRoomSubscriptionSettings = useRoomSubscriptionSettings;
@@ -5031,9 +5437,7 @@ export {
   useCreateRoomThread,
   useDeleteRoomThread,
   useEditRoomThreadMetadata,
-  useCreateComment,
   useCreateRoomComment,
-  useEditComment,
   useEditRoomComment,
   useDeleteComment,
   useDeleteRoomComment,
@@ -5068,11 +5472,16 @@ export {
   _useCreateThread,
   _useDeleteThread,
   _useEditThreadMetadata,
+  _useCreateComment,
+  _useEditComment,
+  _useEditCommentMetadata,
   _useEventListener,
   _useMyPresence,
   _useOthersMapped,
   _useOthersMappedSuspense,
   _useThreads,
+  _useAgentSessions,
+  _useAgentSession,
   _useSearchComments,
   _useThreadsSuspense,
   _useRoomSubscriptionSettings,
@@ -5090,4 +5499,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-CCOIV25T.js.map
+//# sourceMappingURL=chunk-VSUKKNOK.js.map