@superatomai/application-react 0.0.4 → 0.0.6

package/dist/index.cjs

@@ -2,6 +2,7 @@
 
 var React6 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var shim = require('use-sync-external-store/shim');
 var reactDom = require('react-dom');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -69475,7 +69476,7 @@ function setSigningIn(value) {
   listeners.forEach((l) => l());
 }
 function useSigningIn() {
-  return React6.useSyncExternalStore(
+  return shim.useSyncExternalStore(
     (l) => {
       listeners.add(l);
       return () => listeners.delete(l);
@@ -69490,7 +69491,7 @@ function setChatReady(value) {
   listeners.forEach((l) => l());
 }
 function useStartingUp() {
-  return React6.useSyncExternalStore(
+  return shim.useSyncExternalStore(
     (l) => {
       listeners.add(l);
       return () => listeners.delete(l);
@@ -69500,7 +69501,7 @@ function useStartingUp() {
   );
 }
 function useRetryingStatus() {
-  return React6.useSyncExternalStore(
+  return shim.useSyncExternalStore(
     (l) => {
       listeners.add(l);
       return () => listeners.delete(l);
@@ -69510,7 +69511,7 @@ function useRetryingStatus() {
   );
 }
 function useAuthStatus() {
-  return React6.useSyncExternalStore(
+  return shim.useSyncExternalStore(
     (l) => {
       listeners.add(l);
       return () => listeners.delete(l);
@@ -69561,7 +69562,7 @@ function setMessageActions(actions) {
   listeners2.forEach((l) => l());
 }
 function useMessageActions() {
-  return React6.useSyncExternalStore(
+  return shim.useSyncExternalStore(
     (l) => {
       listeners2.add(l);
       return () => listeners2.delete(l);
@@ -70398,8 +70399,9 @@ function useSuperAtom({
       removed.add(msg.id);
     }
     setMessages((prev) => prev.filter((m) => !removed.has(m.id)));
+    refreshThreads();
     return { success: true };
-  }, [resolvedUserId]);
+  }, [resolvedUserId, refreshThreads]);
   React6.useEffect(() => {
     setMessageActions({ deleteMessage });
     return () => setMessageActions({});
@@ -70562,15 +70564,38 @@ function ChatInput({
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [showStop, onStop]);
-  React6.useEffect(() => {
+  const resize = React6.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);
+  }, []);
+  React6.useEffect(resize, [input, resize]);
+  React6.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);
@@ -70814,7 +70839,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__ */ jsxRuntime.jsx("div", { className: "flex justify-end mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+  const deleteButton = deleteMessage && responseComplete && !isAborted ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity duration-200", children: /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       onClick: () => setConfirmOpen(true),
@@ -70910,12 +70935,12 @@ function MessageBubble({ message, onStop }) {
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-base-content/70", children: "Generating component..." })
       ] })
     ] }) }),
-    hasComponent && /* @__PURE__ */ jsxRuntime.jsxs("div", { id: `box-${message.id}`, className: "w-full px-4 lg:px-16 xl:px-24 2xl:px-32", children: [
+    hasComponent && /* @__PURE__ */ jsxRuntime.jsx("div", { id: `box-${message.id}`, className: "w-full px-4 lg:px-16 xl:px-24 2xl:px-32", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative", children: [
       /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(DSLRenderer, { dsl: message.schema.ui, data: message.schema.data ?? {} }) }),
       deleteButton
-    ] }),
-    !isStreaming && !hasComponent && hasText && isTextOnly && !isAborted && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center w-full px-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full md:w-[60vw]", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 p-4 text-base-content", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown_default, { content: fullText, isStreaming: false }) }),
+    ] }) }),
+    !isStreaming && !hasComponent && hasText && isTextOnly && !isAborted && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center w-full px-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full md:w-[60vw] group relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl shadow-sm bg-base-100 border-2 border-base-300 p-4 pb-10 text-base-content", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown_default, { content: fullText, isStreaming: false }) }),
       deleteButton
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(