@melony/react 0.1.16 → 0.1.21

package/dist/index.js

@@ -1,5 +1,5 @@
-import * as React11 from 'react';
-import React11__default, { createContext, useState, useEffect, useCallback, useMemo, useContext, useRef } from 'react';
+import * as React10 from 'react';
+import React10__default, { createContext, useState, useEffect, useCallback, useMemo, useContext, useRef } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { generateId } from 'melony/client';
 import { clsx } from 'clsx';
@@ -552,7 +552,7 @@ function Composer({
   autoFocus = false,
   defaultSelectedIds = []
 }) {
-  const [selectedOptions, setSelectedOptions] = React11__default.useState(
+  const [selectedOptions, setSelectedOptions] = React10__default.useState(
     () => new Set(defaultSelectedIds)
   );
   const toggleOption = (id, groupOptions, type = "multiple") => {
@@ -2292,7 +2292,12 @@ function LoadingIndicator({ status }) {
 function ErrorDisplay({ error }) {
   return /* @__PURE__ */ jsx("div", { className: "text-destructive p-2 border border-destructive rounded-md bg-destructive/10", children: error.message });
 }
-function MessageList({ messages, isLoading, error, loadingStatus }) {
+function MessageList({
+  messages,
+  isLoading,
+  error,
+  loadingStatus
+}) {
   if (messages.length === 0) {
     return null;
   }
@@ -2301,6 +2306,7 @@ function MessageList({ messages, isLoading, error, loadingStatus }) {
     const lastMessage = messages[messages.length - 1];
     return lastMessage.content.some((event) => event.type === "text-delta");
   }, [messages, isLoading]);
+  console.log("MESSAGES", messages);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     messages.map((message, index) => /* @__PURE__ */ jsx(MessageBubble, { message }, index)),
     isLoading && !isTextStreaming && /* @__PURE__ */ jsx(LoadingIndicator, { status: loadingStatus }),
@@ -2767,11 +2773,11 @@ function ChatFull({
     ] })
   ] });
 }
-var PopoverContext = React11.createContext(
+var PopoverContext = React10.createContext(
   void 0
 );
 function usePopoverContext() {
-  const context = React11.useContext(PopoverContext);
+  const context = React10.useContext(PopoverContext);
   if (!context) {
     throw new Error("Popover components must be used within a Popover");
   }
@@ -2783,10 +2789,10 @@ function Popover({
   open: controlledOpen,
   onOpenChange
 }) {
-  const [internalOpen, setInternalOpen] = React11.useState(defaultOpen);
-  const triggerRef = React11.useRef(null);
+  const [internalOpen, setInternalOpen] = React10.useState(defaultOpen);
+  const triggerRef = React10.useRef(null);
   const open = controlledOpen ?? internalOpen;
-  const setOpen = React11.useCallback(
+  const setOpen = React10.useCallback(
     (newOpen) => {
       if (controlledOpen === void 0) {
         setInternalOpen(newOpen);
@@ -2795,7 +2801,7 @@ function Popover({
     },
     [controlledOpen, onOpenChange]
   );
-  const value = React11.useMemo(
+  const value = React10.useMemo(
     () => ({
       open,
       setOpen,
@@ -2805,15 +2811,15 @@ function Popover({
   );
   return /* @__PURE__ */ jsx(PopoverContext.Provider, { value, children });
 }
-var PopoverTrigger = React11.forwardRef(
+var PopoverTrigger = React10.forwardRef(
   ({ asChild, className, children, ...props }, ref) => {
     const { setOpen, triggerRef } = usePopoverContext();
     const handleClick = (e) => {
       setOpen(true);
       props.onClick?.(e);
     };
-    if (asChild && React11.isValidElement(children)) {
-      return React11.cloneElement(children, {
+    if (asChild && React10.isValidElement(children)) {
+      return React10.cloneElement(children, {
         ref: (node) => {
           triggerRef.current = node;
           if (typeof children.ref === "function") {
@@ -2845,7 +2851,7 @@ var PopoverTrigger = React11.forwardRef(
   }
 );
 PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React11.forwardRef(
+var PopoverContent = React10.forwardRef(
   ({
     className,
     side = "bottom",
@@ -2856,9 +2862,9 @@ var PopoverContent = React11.forwardRef(
     ...props
   }, ref) => {
     const { open, setOpen, triggerRef } = usePopoverContext();
-    const [position, setPosition] = React11.useState({ top: 0, left: 0 });
-    const contentRef = React11.useRef(null);
-    React11.useEffect(() => {
+    const [position, setPosition] = React10.useState({ top: 0, left: 0 });
+    const contentRef = React10.useRef(null);
+    React10.useEffect(() => {
       if (!open || !triggerRef.current) return;
       const updatePosition = () => {
         if (!triggerRef.current || !contentRef.current) return;
@@ -2919,7 +2925,7 @@ var PopoverContent = React11.forwardRef(
         window.removeEventListener("scroll", updatePosition, true);
       };
     }, [open, side, align, sideOffset, alignOffset, triggerRef]);
-    React11.useEffect(() => {
+    React10.useEffect(() => {
       if (!open) return;
       const handleClickOutside = (event) => {
         if (contentRef.current && !contentRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) {
@@ -2975,7 +2981,7 @@ var ThreadPopover = ({
   emptyState,
   onThreadSelect
 }) => {
-  const [isOpen, setIsOpen] = React11.useState(false);
+  const [isOpen, setIsOpen] = React10.useState(false);
   useHotkeys(
     "h",
     (e) => {
@@ -3030,7 +3036,7 @@ var CreateThreadButton = ({
   onThreadCreated
 }) => {
   const { createThread } = useThreads();
-  const [isCreating, setIsCreating] = React11.useState(false);
+  const [isCreating, setIsCreating] = React10.useState(false);
   const handleCreateThread = async () => {
     if (isCreating) return;
     try {
@@ -3156,10 +3162,10 @@ var AccountDialog = ({
   size
 }) => {
   const { isLoading, isAuthenticated, user, login, logout } = useAuth();
-  const [open, setOpen] = React11.useState(false);
-  const [accountInfoOpen, setAccountInfoOpen] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const initials = React11.useMemo(() => {
+  const [open, setOpen] = React10.useState(false);
+  const [accountInfoOpen, setAccountInfoOpen] = React10.useState(false);
+  const [error, setError] = React10.useState(null);
+  const initials = React10.useMemo(() => {
     const name = user?.displayName || user?.name;
     if (!name) return "";
     return name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);