organify-ui 0.3.3 → 0.3.4

package/dist/{chunk-Z7OW3K7Y.js → chunk-NUA6OPJV.js}

@@ -1530,7 +1530,7 @@ function ChatMessages({
                 /* @__PURE__ */ jsx("p", { className: "text-sm text-theme-muted", children: "Ainda sem mensagens." }),
                 /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted mt-1", children: "Comece a conversa!" })
               ] }) : messages.map((msg, idx) => {
-                const isCurrentUser = msg.authorId === currentUserId;
+                const isCurrentUser = !!currentUserId && String(msg.authorId) === String(currentUserId);
                 const replyToMessage = msg.replyToId || msg.parentId ? messagesById.get(msg.replyToId || msg.parentId || "") : null;
                 return /* @__PURE__ */ jsxs(React6.Fragment, { children: [
                   shouldShowDateSeparator(messages, idx) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-3", children: [
@@ -1808,7 +1808,7 @@ function DrawerContent({
               className
             ),
             children: [
-              /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-gray-300 dark:bg-gray-700" }),
+              /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-theme-subtle" }),
               children
             ]
           }
@@ -1894,7 +1894,7 @@ function ResponsiveDialog({
         children: [
           (title || description) && /* @__PURE__ */ jsxs(DialogHeader, { children: [
             title && /* @__PURE__ */ jsx(DialogTitle, { className: "text-lg", children: title }),
-            description && /* @__PURE__ */ jsx(DialogDescription, { className: "text-muted-foreground text-sm", children: description })
+            description && /* @__PURE__ */ jsx(DialogDescription, { className: "text-theme-muted text-sm", children: description })
           ] }),
           /* @__PURE__ */ jsx("div", { className, children }),
           footer && /* @__PURE__ */ jsx(DialogFooter, { children: footer })
@@ -1905,7 +1905,7 @@ function ResponsiveDialog({
   return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DrawerContent, { className: cn("max-h-[90vh]", contentClassName), children: [
     (title || description) && /* @__PURE__ */ jsxs(DrawerHeader, { className: "text-left", children: [
       title && /* @__PURE__ */ jsx(DrawerTitle, { className: "text-lg", children: title }),
-      description && /* @__PURE__ */ jsx(DrawerDescription, { className: "text-muted-foreground text-sm", children: description })
+      description && /* @__PURE__ */ jsx(DrawerDescription, { className: "text-theme-muted text-sm", children: description })
     ] }),
     /* @__PURE__ */ jsx("div", { className: cn("overflow-y-auto px-4 pb-4", className), children }),
     footer && /* @__PURE__ */ jsx(DrawerFooter, { children: footer })
@@ -3674,6 +3674,230 @@ function Alert({
     )
   ] });
 }
+function useMediaQuery2(query) {
+  const [matches, setMatches] = React6.useState(false);
+  React6.useEffect(() => {
+    const mql = window.matchMedia(query);
+    setMatches(mql.matches);
+    const handler = (e) => setMatches(e.matches);
+    mql.addEventListener("change", handler);
+    return () => mql.removeEventListener("change", handler);
+  }, [query]);
+  return matches;
+}
+function OrganifyChat({
+  workspaceRole,
+  workspaceMembers,
+  workspaceProjects,
+  initialRooms,
+  initialMessages,
+  className
+}) {
+  const user = useOrganifyUser();
+  const userId = user?.id ?? "";
+  const stableWorkspaceMembers = React6.useMemo(
+    () => workspaceMembers ?? [],
+    [workspaceMembers]
+  );
+  const stableWorkspaceProjects = React6.useMemo(
+    () => workspaceProjects ?? [],
+    [workspaceProjects]
+  );
+  const chat = useChat({
+    workspaceRole,
+    initialRooms,
+    initialMessages,
+    workspaceMembers: stableWorkspaceMembers
+  });
+  const isMobile = !useMediaQuery2("(min-width: 768px)");
+  const [createDialogOpen, setCreateDialogOpen] = React6.useState(false);
+  const [managementOpen, setManagementOpen] = React6.useState(false);
+  const [mobileView, setMobileView] = React6.useState("sidebar");
+  const activeRoom = React6.useMemo(
+    () => chat.rooms.find((r) => r.id === chat.activeRoomId),
+    [chat.rooms, chat.activeRoomId]
+  );
+  const handleRoomSelect = (roomId) => {
+    chat.selectRoom(roomId);
+    if (isMobile) {
+      setMobileView("room");
+    }
+  };
+  const handleBackToSidebar = () => {
+    setMobileView("sidebar");
+  };
+  const handleOpenManagement = () => {
+    if (isMobile) {
+      setMobileView("management");
+    } else {
+      setManagementOpen(true);
+    }
+  };
+  const handleCloseManagement = () => {
+    if (isMobile) {
+      setMobileView("room");
+    } else {
+      setManagementOpen(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative flex h-full min-h-[500px]",
+        "bg-theme-surface border border-theme-subtle rounded-xl overflow-hidden",
+        className
+      ),
+      children: [
+        chat.error && /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 right-0 z-50 px-4 pt-2 animate-in slide-in-from-top-2 duration-[400ms]", children: /* @__PURE__ */ jsx(
+          Alert,
+          {
+            variant: "error",
+            title: "Erro",
+            description: chat.error,
+            className: "py-3 text-xs"
+          }
+        ) }),
+        !isMobile && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "w-[260px] shrink-0", children: /* @__PURE__ */ jsx(
+            ChatSidebar,
+            {
+              rooms: chat.rooms,
+              activeRoomId: chat.activeRoomId,
+              loading: chat.loadingRooms,
+              onSelectRoom: chat.selectRoom,
+              onCreateRoom: () => setCreateDialogOpen(true)
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+            ChatMessages,
+            {
+              room: activeRoom,
+              messages: chat.messages,
+              loading: chat.loadingMessages,
+              typingUsers: chat.typingUsers,
+              currentUserId: userId,
+              permissions: chat.permissions,
+              onSendMessage: chat.sendMessage,
+              onEditMessage: chat.editMessage,
+              onDeleteMessage: chat.deleteMessage,
+              onReactToMessage: chat.reactToMessage,
+              onTyping: chat.sendTyping,
+              onStopTyping: chat.sendTyping,
+              onOpenManagement: () => setManagementOpen(true),
+              isMobile: false,
+              mentionUsers: stableWorkspaceMembers,
+              mentionProjects: stableWorkspaceProjects,
+              hasMore: chat.hasMoreMessages,
+              onLoadMore: chat.loadMoreMessages,
+              loadingMore: chat.loadingMoreMessages
+            }
+          ) }),
+          managementOpen && activeRoom && /* @__PURE__ */ jsx("div", { className: "w-[300px] shrink-0 border-l border-theme-subtle bg-theme-glass", children: /* @__PURE__ */ jsx(
+            RoomManagementPanel,
+            {
+              room: activeRoom,
+              members: chat.roomMembers,
+              currentUserId: userId,
+              permissions: chat.permissions,
+              onClose: () => setManagementOpen(false),
+              onUpdateRoom: chat.updateRoom,
+              onArchiveRoom: chat.archiveRoom,
+              onLeaveRoom: chat.leaveRoom,
+              onRemoveMember: chat.removeMember,
+              onUpdateMemberRole: chat.updateMemberRole
+            }
+          ) })
+        ] }),
+        isMobile && /* @__PURE__ */ jsxs(Fragment, { children: [
+          mobileView === "sidebar" && /* @__PURE__ */ jsx("div", { className: "w-full animate-in fade-in-0 slide-in-from-left-5 duration-[400ms]", children: /* @__PURE__ */ jsx(
+            ChatSidebar,
+            {
+              rooms: chat.rooms,
+              activeRoomId: chat.activeRoomId,
+              loading: chat.loadingRooms,
+              onSelectRoom: handleRoomSelect,
+              onCreateRoom: () => setCreateDialogOpen(true)
+            }
+          ) }),
+          mobileView === "room" && activeRoom && /* @__PURE__ */ jsx("div", { className: "w-full animate-in fade-in-0 slide-in-from-right-5 duration-[400ms]", children: /* @__PURE__ */ jsx(
+            ChatMessages,
+            {
+              room: activeRoom,
+              messages: chat.messages,
+              loading: chat.loadingMessages,
+              typingUsers: chat.typingUsers,
+              currentUserId: userId,
+              permissions: chat.permissions,
+              onSendMessage: chat.sendMessage,
+              onEditMessage: chat.editMessage,
+              onDeleteMessage: chat.deleteMessage,
+              onReactToMessage: chat.reactToMessage,
+              onTyping: chat.sendTyping,
+              onStopTyping: chat.sendTyping,
+              onOpenManagement: handleOpenManagement,
+              onBack: handleBackToSidebar,
+              isMobile: true,
+              mentionUsers: stableWorkspaceMembers,
+              mentionProjects: stableWorkspaceProjects,
+              hasMore: chat.hasMoreMessages,
+              onLoadMore: chat.loadMoreMessages,
+              loadingMore: chat.loadingMoreMessages
+            }
+          ) }),
+          mobileView === "management" && activeRoom && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-50 flex", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "flex-1 bg-black/50 backdrop-blur-sm",
+                onClick: handleCloseManagement
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "w-[85%] max-w-sm h-full bg-white/[0.03] backdrop-blur-[40px] border-l border-white/10 animate-in slide-in-from-right-5 duration-[400ms]", children: /* @__PURE__ */ jsx(
+              RoomManagementPanel,
+              {
+                room: activeRoom,
+                members: chat.roomMembers,
+                currentUserId: userId,
+                permissions: chat.permissions,
+                onClose: handleCloseManagement,
+                onUpdateRoom: chat.updateRoom,
+                onArchiveRoom: chat.archiveRoom,
+                onLeaveRoom: chat.leaveRoom,
+                onRemoveMember: chat.removeMember,
+                onUpdateMemberRole: chat.updateMemberRole
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          CreateRoomDialog,
+          {
+            open: createDialogOpen,
+            onOpenChange: setCreateDialogOpen,
+            onCreateChannel: async (data) => {
+              const room = await chat.createRoom({
+                name: data.name,
+                type: "CHANNEL",
+                visibility: data.visibility,
+                description: data.description,
+                memberIds: data.memberIds
+              });
+              if (room) chat.selectRoom(room.id);
+              return room;
+            },
+            onCreateDM: async (targetUserId) => {
+              const room = await chat.createDirectMessage(targetUserId);
+              if (room) chat.selectRoom(room.id);
+              return room;
+            },
+            workspaceMembers: stableWorkspaceMembers
+          }
+        )
+      ]
+    }
+  );
+}
 
 // src/components/chat/chat-mock-data.ts
 var MOCK_USERS = [
@@ -3900,226 +4124,452 @@ var typingIndicator = new TypingIndicatorMock();
 if (typeof window !== "undefined") {
   typingIndicator.simulateRandomTyping();
 }
-function useMediaQuery2(query) {
-  const [matches, setMatches] = React6.useState(false);
-  React6.useEffect(() => {
-    const mql = window.matchMedia(query);
-    setMatches(mql.matches);
-    const handler = (e) => setMatches(e.matches);
-    mql.addEventListener("change", handler);
-    return () => mql.removeEventListener("change", handler);
-  }, [query]);
-  return matches;
-}
-function OrganifyChat({
-  workspaceRole,
-  workspaceMembers,
-  initialRooms,
-  initialMessages,
-  className
+function AiChatSidebar({
+  open,
+  onOpenChange,
+  messages,
+  onSend,
+  loading = false,
+  userName,
+  contextLabel,
+  placeholder = "Pergunte ao assistente IA..."
 }) {
-  const user = useOrganifyUser();
-  const userId = user?.id ?? "";
-  const stableWorkspaceMembers = React6.useMemo(
-    () => workspaceMembers ?? [],
-    [workspaceMembers]
-  );
-  const chat = useChat({
-    workspaceRole,
-    initialRooms,
-    initialMessages,
-    workspaceMembers: stableWorkspaceMembers
-  });
-  const isMobile = !useMediaQuery2("(min-width: 768px)");
-  const [createDialogOpen, setCreateDialogOpen] = React6.useState(false);
-  const [managementOpen, setManagementOpen] = React6.useState(false);
-  const [mobileView, setMobileView] = React6.useState("sidebar");
-  const activeRoom = React6.useMemo(
-    () => chat.rooms.find((r) => r.id === chat.activeRoomId),
-    [chat.rooms, chat.activeRoomId]
-  );
-  const handleRoomSelect = (roomId) => {
-    chat.selectRoom(roomId);
-    if (isMobile) {
-      setMobileView("room");
-    }
-  };
-  const handleBackToSidebar = () => {
-    setMobileView("sidebar");
+  const [input, setInput] = React6.useState("");
+  const messagesEndRef = React6.useRef(null);
+  const inputRef = React6.useRef(null);
+  React6.useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages]);
+  React6.useEffect(() => {
+    if (open) inputRef.current?.focus();
+  }, [open]);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    const trimmed = input.trim();
+    if (!trimmed || loading) return;
+    onSend(trimmed);
+    setInput("");
   };
-  const handleOpenManagement = () => {
-    if (isMobile) {
-      setMobileView("management");
-    } else {
-      setManagementOpen(true);
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSubmit(e);
     }
   };
-  const handleCloseManagement = () => {
-    if (isMobile) {
-      setMobileView("room");
-    } else {
-      setManagementOpen(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    open && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-50 bg-black/40 backdrop-blur-sm transition-opacity",
+        onClick: () => onOpenChange(false)
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "fixed right-0 top-0 z-50 flex h-full w-[420px] max-w-[90vw] flex-col border-l border-white/10 bg-[#0a0a0f]/95 backdrop-blur-[60px] shadow-2xl",
+          "transition-transform duration-300 ease-in-out",
+          open ? "translate-x-0" : "translate-x-full"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-white/10 px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-purple-600 text-sm font-bold text-white", children: "AI" }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-white", children: "Assistente IA" }),
+                contextLabel && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-white/50", children: contextLabel })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => onOpenChange(false),
+                className: "rounded-md p-1.5 text-white/50 hover:bg-white/10 hover:text-white transition-colors",
+                children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-3 space-y-4", children: [
+            messages.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center space-y-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-gradient-to-br from-blue-500/20 to-purple-600/20 border border-white/10", children: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", className: "text-blue-400", children: /* @__PURE__ */ jsx("path", { d: "M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z" }) }) }),
+              /* @__PURE__ */ jsxs("p", { className: "text-sm text-white/60", children: [
+                userName ? `Ol\xE1 ${userName}!` : "Ol\xE1!",
+                " Como posso ajudar?"
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-[11px] text-white/40", children: [
+                /* @__PURE__ */ jsx("p", { children: '"Cria uma task para corrigir o bug do login"' }),
+                /* @__PURE__ */ jsx("p", { children: '"Mostra o resumo do sprint atual"' }),
+                /* @__PURE__ */ jsx("p", { children: '"Quem tem mais tarefas atribu\xEDdas?"' })
+              ] })
+            ] }),
+            messages.map((msg) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex flex-col gap-1",
+                  msg.role === "user" ? "items-end" : "items-start"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "max-w-[85%] rounded-xl px-3 py-2 text-sm leading-relaxed",
+                        msg.role === "user" ? "bg-blue-600/80 text-white" : "bg-white/[0.06] text-white/90 border border-white/5",
+                        msg.loading && "animate-pulse"
+                      ),
+                      children: msg.content
+                    }
+                  ),
+                  msg.actions && msg.actions.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-1 space-y-1 max-w-[85%]", children: msg.actions.map((action, i) => /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "flex items-center gap-2 rounded-lg bg-white/[0.04] border border-white/5 px-2.5 py-1.5 text-[11px]",
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: cn(
+                          "h-1.5 w-1.5 rounded-full",
+                          action.applied ? "bg-green-400" : "bg-yellow-400"
+                        ) }),
+                        /* @__PURE__ */ jsx("span", { className: "text-white/70", children: action.label })
+                      ]
+                    },
+                    i
+                  )) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-white/30 px-1", children: msg.timestamp.toLocaleTimeString("pt-PT", { hour: "2-digit", minute: "2-digit" }) })
+                ]
+              },
+              msg.id
+            )),
+            loading && /* @__PURE__ */ jsx("div", { className: "flex items-start gap-2", children: /* @__PURE__ */ jsx("div", { className: "bg-white/[0.06] rounded-xl px-3 py-2 border border-white/5", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-blue-400 animate-bounce", style: { animationDelay: "0ms" } }),
+              /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-blue-400 animate-bounce", style: { animationDelay: "150ms" } }),
+              /* @__PURE__ */ jsx("span", { className: "h-2 w-2 rounded-full bg-blue-400 animate-bounce", style: { animationDelay: "300ms" } })
+            ] }) }) }),
+            /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+          ] }),
+          /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "border-t border-white/10 p-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2 rounded-xl bg-white/[0.04] border border-white/10 px-3 py-2 focus-within:border-blue-500/50 transition-colors", children: [
+              /* @__PURE__ */ jsx(
+                "textarea",
+                {
+                  ref: inputRef,
+                  value: input,
+                  onChange: (e) => setInput(e.target.value),
+                  onKeyDown: handleKeyDown,
+                  placeholder,
+                  rows: 1,
+                  className: "flex-1 resize-none bg-transparent text-sm text-white placeholder-white/30 outline-none max-h-32",
+                  style: { minHeight: "24px" }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "submit",
+                  disabled: !input.trim() || loading,
+                  className: cn(
+                    "flex h-7 w-7 items-center justify-center rounded-lg transition-colors",
+                    input.trim() && !loading ? "bg-blue-600 text-white hover:bg-blue-500" : "bg-white/5 text-white/20"
+                  ),
+                  children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" }) })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-[10px] text-white/30 text-center", children: "IA pode cometer erros. Verifique informa\xE7\xF5es importantes." })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function CommandBar({
+  open,
+  onOpenChange,
+  items,
+  onAiPrompt,
+  aiLoading = false,
+  aiResponse,
+  placeholder = "Escreva um comando ou pergunte \xE0 IA..."
+}) {
+  const [query, setQuery] = React6.useState("");
+  const [selectedIndex, setSelectedIndex] = React6.useState(0);
+  const inputRef = React6.useRef(null);
+  const filtered = React6.useMemo(() => {
+    if (!query.trim()) return items;
+    const q = query.toLowerCase();
+    return items.filter(
+      (item) => item.label.toLowerCase().includes(q) || item.description?.toLowerCase().includes(q) || item.category?.toLowerCase().includes(q)
+    );
+  }, [items, query]);
+  const grouped = React6.useMemo(() => {
+    const groups = /* @__PURE__ */ new Map();
+    for (const item of filtered) {
+      const cat = item.category || "Geral";
+      if (!groups.has(cat)) groups.set(cat, []);
+      groups.get(cat).push(item);
+    }
+    return groups;
+  }, [filtered]);
+  React6.useEffect(() => {
+    const handler = (e) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+        e.preventDefault();
+        onOpenChange(!open);
+      }
+      if (e.key === "Escape" && open) {
+        onOpenChange(false);
+      }
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [open, onOpenChange]);
+  React6.useEffect(() => {
+    if (open) {
+      setQuery("");
+      setSelectedIndex(0);
+      setTimeout(() => inputRef.current?.focus(), 50);
+    }
+  }, [open]);
+  React6.useEffect(() => {
+    setSelectedIndex(0);
+  }, [query]);
+  const flatItems = React6.useMemo(() => {
+    const flat = [];
+    for (const group of grouped.values()) flat.push(...group);
+    return flat;
+  }, [grouped]);
+  const handleKeyDown = (e) => {
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        setSelectedIndex((i) => Math.min(i + 1, flatItems.length - 1));
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        setSelectedIndex((i) => Math.max(i - 1, 0));
+        break;
+      case "Enter":
+        e.preventDefault();
+        if (flatItems[selectedIndex]) {
+          flatItems[selectedIndex].onSelect();
+          onOpenChange(false);
+        } else if (query.trim() && onAiPrompt) {
+          onAiPrompt(query.trim());
+        }
+        break;
     }
   };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "relative flex h-full min-h-[500px]",
-        "bg-theme-surface border border-theme-subtle rounded-xl overflow-hidden",
-        className
-      ),
-      children: [
-        chat.error && /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 right-0 z-50 px-4 pt-2 animate-in slide-in-from-top-2 duration-[400ms]", children: /* @__PURE__ */ jsx(
-          Alert,
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[100] flex items-start justify-center pt-[15vh]", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
+        onClick: () => onOpenChange(false)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-[560px] rounded-2xl border border-white/10 bg-[#0c0c14]/95 backdrop-blur-[60px] shadow-2xl overflow-hidden animate-in fade-in slide-in-from-top-4 duration-200", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-b border-white/10 px-4 py-3", children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
           {
-            variant: "error",
-            title: "Erro",
-            description: chat.error,
-            className: "py-3 text-xs"
+            width: "18",
+            height: "18",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            className: "text-white/40 shrink-0",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+              /* @__PURE__ */ jsx("path", { d: "M21 21l-4.35-4.35" })
+            ]
           }
-        ) }),
-        !isMobile && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "w-[260px] shrink-0", children: /* @__PURE__ */ jsx(
-            ChatSidebar,
-            {
-              rooms: chat.rooms,
-              activeRoomId: chat.activeRoomId,
-              loading: chat.loadingRooms,
-              onSelectRoom: chat.selectRoom,
-              onCreateRoom: () => setCreateDialogOpen(true)
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
-            ChatMessages,
-            {
-              room: activeRoom,
-              messages: chat.messages,
-              loading: chat.loadingMessages,
-              typingUsers: chat.typingUsers,
-              currentUserId: userId,
-              permissions: chat.permissions,
-              onSendMessage: chat.sendMessage,
-              onEditMessage: chat.editMessage,
-              onDeleteMessage: chat.deleteMessage,
-              onReactToMessage: chat.reactToMessage,
-              onTyping: chat.sendTyping,
-              onStopTyping: chat.sendTyping,
-              onOpenManagement: () => setManagementOpen(true),
-              isMobile: false,
-              mentionUsers: stableWorkspaceMembers,
-              mentionProjects: MOCK_PROJECTS,
-              hasMore: chat.hasMoreMessages,
-              onLoadMore: chat.loadMoreMessages,
-              loadingMore: chat.loadingMoreMessages
-            }
-          ) }),
-          managementOpen && activeRoom && /* @__PURE__ */ jsx("div", { className: "w-[300px] shrink-0 border-l border-theme-subtle bg-theme-glass", children: /* @__PURE__ */ jsx(
-            RoomManagementPanel,
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            onKeyDown: handleKeyDown,
+            placeholder,
+            className: "flex-1 bg-transparent text-sm text-white placeholder-white/30 outline-none"
+          }
+        ),
+        query && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setQuery(""),
+            className: "text-white/30 hover:text-white/60 transition-colors",
+            children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
+          }
+        ),
+        /* @__PURE__ */ jsx("kbd", { className: "hidden sm:inline-flex h-5 items-center rounded border border-white/10 bg-white/5 px-1.5 text-[10px] text-white/30", children: "ESC" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-[320px] overflow-y-auto py-2", children: flatItems.length > 0 ? Array.from(grouped.entries()).map(([category, groupItems]) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-white/30", children: category }),
+        groupItems.map((item) => {
+          const globalIdx = flatItems.indexOf(item);
+          return /* @__PURE__ */ jsxs(
+            "button",
             {
-              room: activeRoom,
-              members: chat.roomMembers,
-              currentUserId: userId,
-              permissions: chat.permissions,
-              onClose: () => setManagementOpen(false),
-              onUpdateRoom: chat.updateRoom,
-              onArchiveRoom: chat.archiveRoom,
-              onLeaveRoom: chat.leaveRoom,
-              onRemoveMember: chat.removeMember,
-              onUpdateMemberRole: chat.updateMemberRole
-            }
-          ) })
+              onClick: () => {
+                item.onSelect();
+                onOpenChange(false);
+              },
+              onMouseEnter: () => setSelectedIndex(globalIdx),
+              className: cn(
+                "flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors",
+                globalIdx === selectedIndex ? "bg-white/[0.08] text-white" : "text-white/70 hover:bg-white/[0.04]"
+              ),
+              children: [
+                item.icon && /* @__PURE__ */ jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-white/[0.06] text-white/60", children: item.icon }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: item.label }),
+                  item.description && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-white/40 truncate", children: item.description })
+                ] }),
+                item.shortcut && /* @__PURE__ */ jsx("kbd", { className: "text-[10px] text-white/30 border border-white/10 rounded px-1.5 py-0.5 bg-white/5", children: item.shortcut })
+              ]
+            },
+            item.id
+          );
+        })
+      ] }, category)) : query.trim() ? /* @__PURE__ */ jsx("div", { className: "px-4 py-6 text-center", children: onAiPrompt ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-white/50", children: "Nenhum comando encontrado" }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => {
+              onAiPrompt(query.trim());
+            },
+            className: "inline-flex items-center gap-2 rounded-lg bg-blue-600/20 border border-blue-500/30 px-3 py-1.5 text-sm text-blue-400 hover:bg-blue-600/30 transition-colors",
+            children: [
+              /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { d: "M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z" }) }),
+              'Perguntar \xE0 IA: "',
+              query,
+              '"'
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-white/50", children: "Nenhum resultado encontrado" }) }) : /* @__PURE__ */ jsx("div", { className: "px-4 py-4 text-center text-sm text-white/40", children: "Comece a escrever para pesquisar..." }) }),
+      (aiLoading || aiResponse) && /* @__PURE__ */ jsx("div", { className: "border-t border-white/10 px-4 py-3", children: aiLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-white/50", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-blue-400 animate-bounce", style: { animationDelay: "0ms" } }),
+          /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-blue-400 animate-bounce", style: { animationDelay: "150ms" } }),
+          /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-blue-400 animate-bounce", style: { animationDelay: "300ms" } })
         ] }),
-        isMobile && /* @__PURE__ */ jsxs(Fragment, { children: [
-          mobileView === "sidebar" && /* @__PURE__ */ jsx("div", { className: "w-full animate-in fade-in-0 slide-in-from-left-5 duration-[400ms]", children: /* @__PURE__ */ jsx(
-            ChatSidebar,
+        "A pensar..."
+      ] }) : aiResponse ? /* @__PURE__ */ jsx("p", { className: "text-sm text-white/80 leading-relaxed", children: aiResponse }) : null }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-white/10 px-4 py-2 text-[10px] text-white/25", children: [
+        /* @__PURE__ */ jsx("span", { children: "\u2191\u2193 navegar \xB7 Enter selecionar \xB7 Esc fechar" }),
+        /* @__PURE__ */ jsx("span", { children: "\u2318K para abrir" })
+      ] })
+    ] })
+  ] });
+}
+function InlineAiButton({
+  onTrigger,
+  loading = false,
+  suggestion,
+  onAccept,
+  onDismiss,
+  size = "sm",
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative inline-flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onTrigger(),
+        disabled: loading,
+        className: cn(
+          "inline-flex items-center gap-1 rounded-md border border-white/10 bg-white/[0.04] text-white/50 hover:bg-white/[0.08] hover:text-white/80 hover:border-blue-500/30 transition-all",
+          size === "sm" ? "px-1.5 py-0.5 text-[10px]" : "px-2 py-1 text-xs",
+          loading && "animate-pulse"
+        ),
+        title: "Assistente IA (Alt+I)",
+        children: [
+          /* @__PURE__ */ jsx(
+            "svg",
             {
-              rooms: chat.rooms,
-              activeRoomId: chat.activeRoomId,
-              loading: chat.loadingRooms,
-              onSelectRoom: handleRoomSelect,
-              onCreateRoom: () => setCreateDialogOpen(true)
+              width: size === "sm" ? 10 : 12,
+              height: size === "sm" ? 10 : 12,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: /* @__PURE__ */ jsx("path", { d: "M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09z" })
             }
-          ) }),
-          mobileView === "room" && activeRoom && /* @__PURE__ */ jsx("div", { className: "w-full animate-in fade-in-0 slide-in-from-right-5 duration-[400ms]", children: /* @__PURE__ */ jsx(
-            ChatMessages,
-            {
-              room: activeRoom,
-              messages: chat.messages,
-              loading: chat.loadingMessages,
-              typingUsers: chat.typingUsers,
-              currentUserId: userId,
-              permissions: chat.permissions,
-              onSendMessage: chat.sendMessage,
-              onEditMessage: chat.editMessage,
-              onDeleteMessage: chat.deleteMessage,
-              onReactToMessage: chat.reactToMessage,
-              onTyping: chat.sendTyping,
-              onStopTyping: chat.sendTyping,
-              onOpenManagement: handleOpenManagement,
-              onBack: handleBackToSidebar,
-              isMobile: true,
-              mentionUsers: stableWorkspaceMembers,
-              mentionProjects: MOCK_PROJECTS,
-              hasMore: chat.hasMoreMessages,
-              onLoadMore: chat.loadMoreMessages,
-              loadingMore: chat.loadingMoreMessages
-            }
-          ) }),
-          mobileView === "management" && activeRoom && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-50 flex", children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "flex-1 bg-black/50 backdrop-blur-sm",
-                onClick: handleCloseManagement
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "w-[85%] max-w-sm h-full bg-white/[0.03] backdrop-blur-[40px] border-l border-white/10 animate-in slide-in-from-right-5 duration-[400ms]", children: /* @__PURE__ */ jsx(
-              RoomManagementPanel,
-              {
-                room: activeRoom,
-                members: chat.roomMembers,
-                currentUserId: userId,
-                permissions: chat.permissions,
-                onClose: handleCloseManagement,
-                onUpdateRoom: chat.updateRoom,
-                onArchiveRoom: chat.archiveRoom,
-                onLeaveRoom: chat.leaveRoom,
-                onRemoveMember: chat.removeMember,
-                onUpdateMemberRole: chat.updateMemberRole
-              }
-            ) })
-          ] })
-        ] }),
+          ),
+          loading ? "A pensar..." : "IA"
+        ]
+      }
+    ),
+    suggestion && /* @__PURE__ */ jsxs("div", { className: "absolute top-full left-0 z-50 mt-1.5 w-72 rounded-xl border border-white/10 bg-[#0c0c14]/95 backdrop-blur-[40px] shadow-xl p-3 animate-in fade-in slide-in-from-top-2 duration-200", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-4 w-4 rounded bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center", children: /* @__PURE__ */ jsx("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "none", stroke: "white", strokeWidth: "3", children: /* @__PURE__ */ jsx("path", { d: "M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-white/50 uppercase tracking-wider", children: "Sugest\xE3o IA" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-white/80 leading-relaxed mb-3", children: suggestion }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(
-          CreateRoomDialog,
+          "button",
           {
-            open: createDialogOpen,
-            onOpenChange: setCreateDialogOpen,
-            onCreateChannel: async (data) => {
-              const room = await chat.createRoom({
-                name: data.name,
-                type: "CHANNEL",
-                visibility: data.visibility,
-                description: data.description,
-                memberIds: data.memberIds
-              });
-              if (room) chat.selectRoom(room.id);
-              return room;
-            },
-            onCreateDM: async (targetUserId) => {
-              const room = await chat.createDirectMessage(targetUserId);
-              if (room) chat.selectRoom(room.id);
-              return room;
-            },
-            workspaceMembers: stableWorkspaceMembers
+            onClick: () => onAccept?.(suggestion),
+            className: "flex-1 rounded-lg bg-blue-600/80 px-2 py-1.5 text-xs font-medium text-white hover:bg-blue-500 transition-colors",
+            children: "Aceitar"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onDismiss,
+            className: "flex-1 rounded-lg bg-white/[0.06] px-2 py-1.5 text-xs text-white/50 hover:bg-white/10 hover:text-white/70 transition-colors",
+            children: "Descartar"
           }
         )
-      ]
-    }
+      ] })
+    ] })
+  ] });
+}
+function useAiInline({ gatewayUrl, workspaceId, projectId }) {
+  const [loading, setLoading] = React6.useState(false);
+  const [suggestion, setSuggestion] = React6.useState();
+  const requestSuggestion = React6.useCallback(
+    async (context, fieldType) => {
+      setLoading(true);
+      setSuggestion(void 0);
+      try {
+        const res = await fetch(`${gatewayUrl}/api/ai/suggest`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          credentials: "include",
+          body: JSON.stringify({
+            prompt: context,
+            workspaceId,
+            projectId,
+            context: { fieldType }
+          })
+        });
+        if (!res.ok) throw new Error("AI request failed");
+        const data = await res.json();
+        setSuggestion(data.suggestion || data.response || data.message);
+      } catch (err) {
+        console.error("AI inline error:", err);
+        setSuggestion(void 0);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [gatewayUrl, workspaceId, projectId]
   );
+  const dismiss = React6.useCallback(() => setSuggestion(void 0), []);
+  return { loading, suggestion, requestSuggestion, dismiss };
 }
 
-export { Alert, Button, ChatMessages, ChatSidebar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, 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, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, orgLoaderVariants, typingIndicator, useChat };
-//# sourceMappingURL=chunk-Z7OW3K7Y.js.map
-//# sourceMappingURL=chunk-Z7OW3K7Y.js.map
+export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, 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, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, orgLoaderVariants, typingIndicator, useAiInline, useChat };
+//# sourceMappingURL=chunk-NUA6OPJV.js.map
+//# sourceMappingURL=chunk-NUA6OPJV.js.map