@superatomai/application-react 0.0.4 → 0.0.6

package/dist/index.js

@@ -1,5 +1,6 @@
-import React6, { Component, useState, useEffect, forwardRef, memo, useMemo, useRef, useCallback, createElement, lazy as lazy$1, Suspense, useSyncExternalStore } from 'react';
+import React6, { Component, useState, useEffect, forwardRef, memo, useMemo, useRef, useCallback, createElement, lazy as lazy$1, Suspense } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
 import { createPortal } from 'react-dom';
 
 var __create = Object.create;
@@ -70392,8 +70393,9 @@ function useSuperAtom({
       removed.add(msg.id);
     }
     setMessages((prev) => prev.filter((m) => !removed.has(m.id)));
+    refreshThreads();
     return { success: true };
-  }, [resolvedUserId]);
+  }, [resolvedUserId, refreshThreads]);
   useEffect(() => {
     setMessageActions({ deleteMessage });
     return () => setMessageActions({});
@@ -70556,15 +70558,38 @@ function ChatInput({
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [showStop, onStop]);
-  useEffect(() => {
+  const resize = useCallback(() => {
     const textarea = textareaRef.current;
     if (!textarea) return;
     textarea.style.height = "auto";
     const newHeight = Math.min(textarea.scrollHeight, 200);
     textarea.style.height = `${newHeight}px`;
-    const shouldBeMultiline = newHeight > 60;
-    if (shouldBeMultiline !== isMultiline) setIsMultiline(shouldBeMultiline);
-  }, [input, isMultiline]);
+    setIsMultiline(newHeight > 60);
+  }, []);
+  useEffect(resize, [input, resize]);
+  useEffect(() => {
+    const frame = requestAnimationFrame(resize);
+    document.fonts?.ready.then(resize).catch(() => {
+    });
+    const textarea = textareaRef.current;
+    if (!textarea || typeof ResizeObserver === "undefined") {
+      return () => cancelAnimationFrame(frame);
+    }
+    let width = textarea.clientWidth;
+    let pending = 0;
+    const observer = new ResizeObserver(() => {
+      if (textarea.clientWidth === width) return;
+      width = textarea.clientWidth;
+      cancelAnimationFrame(pending);
+      pending = requestAnimationFrame(resize);
+    });
+    observer.observe(textarea);
+    return () => {
+      cancelAnimationFrame(frame);
+      cancelAnimationFrame(pending);
+      observer.disconnect();
+    };
+  }, [resize]);
   const setCursorToEnd = (textarea) => {
     setTimeout(() => {
       textarea.setSelectionRange(textarea.value.length, textarea.value.length);
@@ -70808,7 +70833,7 @@ function MessageBubble({ message, onStop }) {
     setConfirmOpen(false);
     if (!res.success) console.error("[SuperAtom] Could not delete the message:", res.error);
   };
-  const deleteButton = deleteMessage && responseComplete && !isAborted ? /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-2", children: /* @__PURE__ */ jsx(
+  const deleteButton = deleteMessage && responseComplete && !isAborted ? /* @__PURE__ */ jsx("div", { className: "absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity duration-200", children: /* @__PURE__ */ jsx(
     "button",
     {
       onClick: () => setConfirmOpen(true),
@@ -70904,12 +70929,12 @@ function MessageBubble({ message, onStop }) {
         /* @__PURE__ */ jsx("span", { className: "text-sm text-base-content/70", children: "Generating component..." })
       ] })
     ] }) }),
-    hasComponent && /* @__PURE__ */ jsxs("div", { id: `box-${message.id}`, className: "w-full px-4 lg:px-16 xl:px-24 2xl:px-32", children: [
+    hasComponent && /* @__PURE__ */ jsx("div", { id: `box-${message.id}`, className: "w-full px-4 lg:px-16 xl:px-24 2xl:px-32", children: /* @__PURE__ */ jsxs("div", { className: "group relative", children: [
       /* @__PURE__ */ jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 min-h-[85vh] overflow-auto flex items-center justify-center p-5", children: /* @__PURE__ */ jsx(DSLRenderer, { dsl: message.schema.ui, data: message.schema.data ?? {} }) }),
       deleteButton
-    ] }),
-    !isStreaming && !hasComponent && hasText && isTextOnly && !isAborted && /* @__PURE__ */ jsx("div", { className: "flex justify-center w-full px-4", children: /* @__PURE__ */ jsxs("div", { className: "w-full md:w-[60vw]", children: [
-      /* @__PURE__ */ jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 p-4 text-base-content", children: /* @__PURE__ */ jsx(Markdown_default, { content: fullText, isStreaming: false }) }),
+    ] }) }),
+    !isStreaming && !hasComponent && hasText && isTextOnly && !isAborted && /* @__PURE__ */ jsx("div", { className: "flex justify-center w-full px-4", children: /* @__PURE__ */ jsxs("div", { className: "w-full md:w-[60vw] group relative", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 p-4 pb-10 text-base-content", children: /* @__PURE__ */ jsx(Markdown_default, { content: fullText, isStreaming: false }) }),
       deleteButton
     ] }) }),
     /* @__PURE__ */ jsx(