@melony/react 0.1.29 → 0.1.38

package/dist/index.cjs

@@ -12,7 +12,6 @@ var classVarianceAuthority = require('class-variance-authority');
 var ICONS = require('@tabler/icons-react');
 var menu = require('@base-ui/react/menu');
 var separator = require('@base-ui/react/separator');
-var client = require('melony/client');
 var nuqs = require('nuqs');
 var mergeProps = require('@base-ui/react/merge-props');
 var useRender = require('@base-ui/react/use-render');
@@ -86,6 +85,7 @@ var MelonyContextProviderInner = ({
   setContextValue
 }) => {
   const [state, setState] = React11.useState(client.getState());
+  const queryClient = reactQuery.useQueryClient();
   const { data: config } = reactQuery.useQuery({
     queryKey: ["melony-config", client.url],
     queryFn: () => client.getConfig(),
@@ -137,17 +137,24 @@ var MelonyContextProviderInner = ({
           reset([]);
           return true;
         }
+        case "client:invalidate-query": {
+          const { queryKey } = event.data || {};
+          if (queryKey) {
+            await queryClient.invalidateQueries({ queryKey });
+          }
+          return true;
+        }
         default:
           return false;
       }
     },
-    [client, reset]
+    [client, reset, queryClient]
   );
   const sendEvent = React11.useCallback(
-    async (event, options) => {
+    async (event) => {
       const handled = await dispatchClientAction(event);
       if (handled) return;
-      const generator = client.sendEvent(event, options);
+      const generator = client.sendEvent(event);
       for await (const incomingEvent of generator) {
         await dispatchClientAction(incomingEvent);
       }
@@ -794,12 +801,15 @@ var ThreadProvider = ({
   initialThreadId: providedInitialThreadId
 }) => {
   const queryClient = reactQuery.useQueryClient();
-  const defaultInitialThreadId = React11.useMemo(() => client.generateId(), []);
-  const initialThreadId = providedInitialThreadId || defaultInitialThreadId;
   const [activeThreadId, setActiveThreadId] = nuqs.useQueryState(
     "threadId",
-    nuqs.parseAsString.withDefault(initialThreadId)
+    nuqs.parseAsString
   );
+  React11.useEffect(() => {
+    if (!activeThreadId && providedInitialThreadId) {
+      setActiveThreadId(providedInitialThreadId);
+    }
+  }, [activeThreadId, providedInitialThreadId, setActiveThreadId]);
   const {
     data: threads = [],
     isLoading,
@@ -816,12 +826,11 @@ var ThreadProvider = ({
   });
   const createMutation = reactQuery.useMutation({
     mutationFn: async () => {
-      const newId = service.createThread ? await service.createThread() : client.generateId();
-      return newId;
+      return null;
     },
-    onSuccess: async (newId) => {
+    onSuccess: async () => {
       await queryClient.invalidateQueries({ queryKey: ["threads"] });
-      await setActiveThreadId(newId);
+      await setActiveThreadId(null);
     }
   });
   const deleteMutation = reactQuery.useMutation({
@@ -2791,24 +2800,33 @@ function UIRenderer({ node }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...componentProps, children: renderedChildren });
 }
 function MessageContent({ events }) {
+  const firstSlotIndexes = /* @__PURE__ */ new Map();
   const latestSlotIndexes = /* @__PURE__ */ new Map();
   events.forEach((event, index) => {
     if (event.slot) {
+      if (!firstSlotIndexes.has(event.slot)) {
+        firstSlotIndexes.set(event.slot, index);
+      }
       latestSlotIndexes.set(event.slot, index);
     }
   });
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: events.map((event, index) => {
-    if (event.slot && latestSlotIndexes.get(event.slot) !== index) {
-      return null;
+    let displayEvent = event;
+    if (event.slot) {
+      if (firstSlotIndexes.get(event.slot) !== index) {
+        return null;
+      }
+      const latestIndex = latestSlotIndexes.get(event.slot);
+      displayEvent = events[latestIndex];
     }
-    if (event.type === "text-delta") {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { children: event.data?.delta }, index);
+    if (displayEvent.type === "text-delta") {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayEvent.data?.delta }, index);
     }
-    if (event.type === "text") {
-      return /* @__PURE__ */ jsxRuntime.jsx("p", { children: event.data?.content || event.data?.text }, index);
+    if (displayEvent.type === "text") {
+      return /* @__PURE__ */ jsxRuntime.jsx("p", { children: displayEvent.data?.content || displayEvent.data?.text }, index);
     }
-    if (event.ui) {
-      return /* @__PURE__ */ jsxRuntime.jsx(UIRenderer, { node: event.ui }, index);
+    if (displayEvent.ui) {
+      return /* @__PURE__ */ jsxRuntime.jsx(UIRenderer, { node: displayEvent.ui }, index);
     }
     return null;
   }) });
@@ -2920,9 +2938,7 @@ function Thread({
       {
         type: "text",
         role: "user",
-        data: { content: text || "" }
-      },
-      {
+        data: { content: text || "" },
         state: {
           ...state,
           threadId: activeThreadId ?? void 0
@@ -3056,7 +3072,7 @@ var Dropdown = ({
   ] });
 };
 var ThreadList = ({ className }) => {
-  const { threads, activeThreadId, selectThread, deleteThread, isLoading } = useThreads();
+  const { threads, activeThreadId, deleteThread } = useThreads();
   const sortedThreads = React11__namespace.useMemo(() => {
     return [...threads].sort((a, b) => {
       const dateA = a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
@@ -3532,7 +3548,6 @@ var CreateThreadButton = ({
   className,
   variant = "ghost",
   size = "default",
-  children,
   onThreadCreated
 }) => {
   const { createThread } = useThreads();
@@ -3542,7 +3557,9 @@ var CreateThreadButton = ({
     try {
       setIsCreating(true);
       const threadId = await createThread();
-      onThreadCreated?.(threadId);
+      if (threadId) {
+        onThreadCreated?.(threadId);
+      }
     } catch (error) {
       console.error("Failed to create thread:", error);
     } finally {
@@ -3647,7 +3664,7 @@ var CreateThreadNavItem = ({
       onClickAction: {
         type: "client:navigate",
         data: {
-          url: `?threadId=${client.generateId()}`
+          url: "?"
         }
       },
       className: cn(className),