organify-ui 0.3.24 → 0.3.26

package/dist/{chunk-JGDJNAAW.js → chunk-AV6TZPXE.js}

@@ -176,9 +176,9 @@ var buttonVariants = cva(
       variant: {
         default: "bg-primary !text-white hover:bg-primary/90",
         destructive: "!bg-destructive !text-white hover:bg-destructive/90 focus-visible:ring-destructive/20",
-        outline: "border bg-background border-input !text-white hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:text-white dark:hover:bg-input/50",
-        secondary: "bg-secondary !text-white hover:bg-secondary/80 !dark:text-white",
-        ghost: "!text-white hover:bg-accent hover:text-accent-foreground !dark:text-white dark:hover:bg-accent/50",
+        outline: "border border-theme-strong bg-transparent text-theme hover:bg-theme-subtle",
+        secondary: "bg-theme-elevated text-theme hover:bg-theme-subtle",
+        ghost: "text-theme hover:bg-theme-subtle",
         link: "!text-primary underline-offset-4 hover:underline"
       },
       size: {
@@ -221,7 +221,7 @@ function Button({
   );
 }
 var inputVariants = cva(
-  "flex w-full bg-theme-subtle backdrop-blur-md border border-theme-subtle rounded-xl px-4 py-3 text-sm font-light text-theme transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-theme-muted focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+  "flex w-full bg-theme-void backdrop-blur-md border border-theme-subtle rounded-xl px-4 py-3 text-sm font-light text-theme transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-theme-muted focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
       variant: {
@@ -2949,7 +2949,6 @@ function useChat(options = {}) {
   }, [userId, user, options.workspaceMembers]);
   const fetchRooms = useCallback(async () => {
     if (initialRooms && initialRooms.length > 0) return;
-    if (!workspaceId || workspaceId.startsWith("temp-")) return;
     if (!userId) return;
     setLoadingRooms(true);
     setError(null);
@@ -2975,6 +2974,40 @@ function useChat(options = {}) {
       setLoadingRooms(false);
     }
   }, [workspaceId, userId, gql, initialRooms]);
+  const resolveUnknownUsers = useCallback(async (msgs) => {
+    const unknownIds = [...new Set(msgs.map((m) => m.authorId).filter((id) => !userCache.has(id)))];
+    if (unknownIds.length === 0 || !workspaceId || workspaceId.startsWith("temp-")) return;
+    try {
+      const data = await centralGql(
+        "workspaces",
+        `query($slug: String!) {
+          workspace(slug: $slug) {
+            members {
+              userId
+              user { id name email avatar }
+            }
+          }
+        }`,
+        { slug: workspaceId }
+        // Hack: Assuming workspaceId is the slug for this query, ideally we'd query users directly if there was an endpoint, but this refreshes workspace members
+      );
+      const newMembers = data?.workspace?.members || [];
+      setUserCache((prev) => {
+        const next = new Map(prev);
+        for (const member of newMembers) {
+          if (member.user?.id && !next.has(member.user.id)) {
+            next.set(member.user.id, {
+              displayName: member.user.name || member.user.email || `User`,
+              avatarUrl: member.user.avatar ?? void 0
+            });
+          }
+        }
+        return next;
+      });
+    } catch (e) {
+      console.warn("[organify-chat] resolveUnknownUsers failed:", e);
+    }
+  }, [userCache, workspaceId, centralGql]);
   const MESSAGE_FIELDS = `
     id roomId authorId parentId
     content edited editedAt createdAt
@@ -3003,9 +3036,11 @@ function useChat(options = {}) {
           }`,
           { roomId, filter: { limit: 50 } }
         );
-        setMessages(data.messages?.items ?? []);
+        const fetchedMessages = data.messages?.items ?? [];
+        setMessages(fetchedMessages);
         setHasMoreMessages(data.messages?.hasMore ?? false);
         setMessageCursor(data.messages?.nextCursor ?? null);
+        resolveUnknownUsers(fetchedMessages);
       } catch (err) {
         console.error("[organify-chat] fetchMessages:", err);
         setError("Erro ao carregar mensagens.");
@@ -3033,6 +3068,7 @@ function useChat(options = {}) {
         setMessages((prev) => [...olderMessages, ...prev]);
         setHasMoreMessages(data.messages?.hasMore ?? false);
         setMessageCursor(data.messages?.nextCursor ?? null);
+        resolveUnknownUsers(olderMessages);
       } catch (err) {
         console.error("[organify-chat] loadMore:", err);
       } finally {
@@ -4708,5 +4744,5 @@ function useAiInline({ gatewayUrl, workspaceId, projectId }) {
 }
 
 export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, InlineAiButton, Input, Label, MOCK_PROJECTS, MOCK_USERS, MentionPopover, MessageBubble, MessageInput, OrgLoader, OrgLoaderInline, OrganifyChat, ResponsiveDialog, RoomManagementPanel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TypingIndicatorMock, UserAvatar, UserDisplayName, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, invalidateUserCache, orgLoaderVariants, resolveUser, seedUserCache, typingIndicator, useAiInline, useChat, useResolvedUser };
-//# sourceMappingURL=chunk-JGDJNAAW.js.map
-//# sourceMappingURL=chunk-JGDJNAAW.js.map
+//# sourceMappingURL=chunk-AV6TZPXE.js.map
+//# sourceMappingURL=chunk-AV6TZPXE.js.map