organify-ui 0.2.16 → 0.3.2

package/dist/{chunk-INKNHHKT.js → chunk-GQZMW7XN.js}

@@ -1,10 +1,10 @@
-import { cn, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ScrollArea, Skeleton, Avatar, AvatarFallback, Badge, useOrganifyApi, useOrganifyUser, useOrganifyWorkspace, useOrganifyGql } from './chunk-ERFN2H75.js';
-import { OrgPlus, OrgSearch, OrgComment, OrgClose, OrgEdit, OrgTeam, OrgGlobe, OrgLock, OrgCheckCircle, OrgError, OrgWarning, OrgInfo, OrgChevronDown, OrgChevronRight, OrgDoor, OrgTrash, OrgCheck, OrgFolder, OrgChevronLeft } from './chunk-HY7M3VZM.js';
-import * as React7 from 'react';
-import React7__default, { useState, useCallback, useEffect } from 'react';
+import { cn, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ScrollArea, Skeleton, Avatar, AvatarFallback, Badge, useOrganifyApi, useOrganifyUser, useOrganifyWorkspace, useOrganifyGql } from './chunk-VHQZS77G.js';
+import { OrgPlus, OrgSearch, OrgComment, OrgClose, OrgEdit, OrgTeam, OrgGlobe, OrgLock, OrgCheckCircle, OrgError, OrgWarning, OrgInfo, OrgChevronDown, OrgChevronRight, OrgDoor, OrgTrash, OrgCheck, OrgFolder, OrgChevronLeft } from './chunk-MZKEDV5W.js';
+import * as React6 from 'react';
+import React6__default, { useState, useCallback, useEffect } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { motion, AnimatePresence } from 'framer-motion';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { ChevronDown, ChevronUp, Check, XIcon } from 'lucide-react';
@@ -101,7 +101,7 @@ function OrgLoader({
               rx: d * 0.15,
               transform: `rotate(45 24 6)`,
               fill: "url(#org-loader-diamond)",
-              className: "drop-shadow-[0_0_6px_rgba(79,57,246,0.5)]"
+              className: "drop-shadow-[0_0_6px_rgba(99,102,241,0.5)]"
             }
           ) }),
           /* @__PURE__ */ jsx(
@@ -116,13 +116,13 @@ function OrgLoader({
           ),
           /* @__PURE__ */ jsxs("defs", { children: [
             /* @__PURE__ */ jsxs("linearGradient", { id: "org-loader-gradient", x1: "6", y1: "6", x2: "42", y2: "42", gradientUnits: "userSpaceOnUse", children: [
-              /* @__PURE__ */ jsx("stop", { stopColor: "#4F39F6" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#5b42f2" }),
-              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#241979" })
+              /* @__PURE__ */ jsx("stop", { stopColor: "#7C3AED" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#8B5CF6" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#6D28D9" })
             ] }),
             /* @__PURE__ */ jsxs("linearGradient", { id: "org-loader-diamond", x1: "0", y1: "0", x2: "1", y2: "1", children: [
-              /* @__PURE__ */ jsx("stop", { stopColor: "#4F39F6" }),
-              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#241979" })
+              /* @__PURE__ */ jsx("stop", { stopColor: "#7C3AED" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#6D28D9" })
             ] })
           ] })
         ] }) }),
@@ -171,27 +171,24 @@ function OrgLoaderInline({ className, ...props }) {
   );
 }
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium tracking-wide uppercase rounded-sm transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-light disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {
-        default: "bg-gradient-to-br from-primary-light to-primary !text-white hover:shadow-glow shadow-glow-primary",
-        secondary: "bg-transparent border border-glass-border-strong text-org-text hover:border-primary-light hover:bg-glass-highlight",
-        ghost: "bg-transparent text-org-text-secondary hover:bg-glass-highlight hover:text-org-text rounded-sm",
-        destructive: "bg-error !text-white hover:bg-error/90 shadow-glow-error",
-        outline: "bg-transparent border border-glass-border-strong text-org-text hover:bg-glass-highlight hover:border-primary-light",
-        link: "text-primary-light underline-offset-4 hover:underline rounded-none",
-        // ─── Cream Light theme buttons ─────────────
-        cream: "bg-primary text-white hover:shadow-cream-btn-primary hover:translate-y-[-1px] shadow-cream-btn",
-        "cream-secondary": "bg-transparent border border-primary text-primary hover:bg-primary/[0.03]"
+        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-gray-900 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-gray-900 hover:bg-secondary/80 dark:text-white",
+        ghost: "text-gray-900 hover:bg-accent hover:text-accent-foreground dark:text-white dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "px-8 py-3",
-        sm: "px-4 py-2 text-xs",
-        lg: "px-10 py-4 text-base",
-        icon: "h-10 w-10",
-        "icon-sm": "h-8 w-8",
-        "icon-lg": "h-12 w-12"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-full gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-full px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
@@ -200,36 +197,41 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React7.forwardRef(
-  ({ className, variant, size, asChild = false, loading = false, children, disabled, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        disabled: disabled || loading,
-        ...props,
-        children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(OrgLoaderInline, { className: "shrink-0" }),
-          children
-        ] }) : children
-      }
-    );
-  }
-);
-Button.displayName = "Button";
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  loading = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      disabled: props.disabled || loading,
+      ...props,
+      children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(OrgLoaderInline, { className: "shrink-0" }),
+        children
+      ] }) : children
+    }
+  );
+}
 var inputVariants = cva(
-  "flex w-full bg-glass-highlight backdrop-blur-md border border-glass-border rounded-sm px-4 py-3 text-sm font-light text-org-text 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-org-text-muted focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+  "flex w-full bg-white/[0.03] backdrop-blur-md border border-white/10 rounded-xl px-4 py-3 text-sm font-light text-org-text 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-org-text-muted focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
       variant: {
-        default: "focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(79,57,246,0.10),0_0_20px_rgba(79,57,246,0.08)]",
-        flat: "rounded-sm focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(79,57,246,0.10)]",
-        rounded: "rounded-sm focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(79,57,246,0.10)]",
+        default: "focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(99,102,241,0.10),0_0_20px_rgba(99,102,241,0.08)]",
+        flat: "rounded-xl focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(99,102,241,0.10)]",
+        rounded: "rounded-xl focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(99,102,241,0.10)]",
         error: "border-error/30 bg-error/5 text-red-100 placeholder:text-red-500/30 focus:border-error focus:shadow-[0_0_0_3px_rgba(224,17,95,0.10)]",
         // ─── Cream Light theme (explicit light styling) ─────────────────────
-        cream: "bg-white/60 border-[rgba(36,25,121,0.06)] text-neutral-900 placeholder:text-neutral-400 focus:border-primary/40 focus:bg-white/80 focus:shadow-[0_0_0_3px_rgba(79,57,246,0.08)] backdrop-blur-sm"
+        cream: "bg-white/60 border-[rgba(36,25,121,0.06)] text-neutral-900 placeholder:text-neutral-400 focus:border-primary/40 focus:bg-white/80 focus:shadow-[0_0_0_3px_rgba(99,102,241,0.08)] backdrop-blur-sm"
       }
     },
     defaultVariants: {
@@ -237,9 +239,9 @@ var inputVariants = cva(
     }
   }
 );
-var Input = React7.forwardRef(
+var Input = React6.forwardRef(
   ({ className, variant, type, label, error, labelPosition = "left", ...props }, ref) => {
-    const id = React7.useId();
+    const id = React6.useId();
     const effectiveVariant = error ? "error" : variant;
     return /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
       label && /* @__PURE__ */ jsx(
@@ -285,10 +287,10 @@ function ChatSidebar({
   onCreateRoom,
   onMobileClose
 }) {
-  const [search, setSearch] = React7.useState("");
-  const [channelsOpen, setChannelsOpen] = React7.useState(true);
-  const [dmsOpen, setDmsOpen] = React7.useState(true);
-  const filtered = React7.useMemo(
+  const [search, setSearch] = React6.useState("");
+  const [channelsOpen, setChannelsOpen] = React6.useState(true);
+  const [dmsOpen, setDmsOpen] = React6.useState(true);
+  const filtered = React6.useMemo(
     () => search ? rooms.filter(
       (r) => r.name?.toLowerCase().includes(search.toLowerCase()) || r.slug?.toLowerCase().includes(search.toLowerCase())
     ) : rooms,
@@ -305,7 +307,7 @@ function ChatSidebar({
     {
       onClick: () => handleSelect(room.id),
       className: cn(
-        "flex items-center gap-2.5 w-full px-2.5 py-2 rounded-sm text-left text-sm transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
+        "flex items-center gap-2.5 w-full px-2.5 py-2 rounded-xl text-left text-sm transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
         "active:scale-[0.98]",
         room.id === activeRoomId ? "bg-primary/12 text-primary-light" : "text-theme-secondary hover:bg-theme-subtle hover:text-theme"
       ),
@@ -314,7 +316,7 @@ function ChatSidebar({
           "span",
           {
             className: cn(
-              "flex items-center justify-center h-7 w-7 rounded-sm text-sm shrink-0",
+              "flex items-center justify-center h-7 w-7 rounded-xl text-sm shrink-0",
               room.id === activeRoomId ? "bg-primary/20 text-primary-light" : "bg-theme-subtle-10 text-theme-muted"
             ),
             children: getRoomIcon(room)
@@ -374,7 +376,7 @@ function ChatSidebar({
           placeholder: "Pesquisar...",
           value: search,
           onChange: (e) => setSearch(e.target.value),
-          className: "h-8 text-xs bg-theme-subtle border-theme-subtle rounded-sm pl-8"
+          className: "h-8 text-xs bg-theme-subtle border-theme-subtle rounded-xl pl-8"
         }
       )
     ] }) }),
@@ -513,7 +515,7 @@ function ActionBar({
       animate: "visible",
       exit: "exit",
       className: cn(
-        "absolute z-10 -top-12 flex items-center gap-1 p-1.5 rounded-sm",
+        "absolute z-10 -top-12 flex items-center gap-1 p-1.5 rounded-xl",
         "bg-theme-surface/95 backdrop-blur-md border border-theme-subtle shadow-lg",
         position === "right" ? "right-0" : "left-0"
       ),
@@ -529,7 +531,7 @@ function ActionBar({
                 onReact(emoji);
                 onClose();
               },
-              className: "w-8 h-8 flex items-center justify-center rounded-sm hover:bg-theme-highlight text-base transition-colors",
+              className: "w-8 h-8 flex items-center justify-center rounded-xl hover:bg-theme-highlight text-base transition-colors",
               children: emoji
             },
             emoji
@@ -547,7 +549,7 @@ function ActionBar({
                 onReply();
                 onClose();
               },
-              className: "p-2 rounded-sm text-theme-muted hover:text-theme hover:bg-theme-highlight transition-colors",
+              className: "p-2 rounded-xl text-theme-muted hover:text-theme hover:bg-theme-highlight transition-colors",
               children: /* @__PURE__ */ jsx(OrgComment, { className: "w-4 h-4" })
             }
           ) }),
@@ -564,7 +566,7 @@ function ActionBar({
                 onEdit();
                 onClose();
               },
-              className: "p-2 rounded-sm text-theme-muted hover:text-theme hover:bg-theme-highlight transition-colors",
+              className: "p-2 rounded-xl text-theme-muted hover:text-theme hover:bg-theme-highlight transition-colors",
               children: /* @__PURE__ */ jsx(OrgEdit, { className: "w-4 h-4" })
             }
           ) }),
@@ -581,7 +583,7 @@ function ActionBar({
                 onDelete();
                 onClose();
               },
-              className: "p-2 rounded-sm text-rose-400 hover:text-rose-300 hover:bg-rose-500/10 transition-colors",
+              className: "p-2 rounded-xl text-rose-400 hover:text-rose-300 hover:bg-rose-500/10 transition-colors",
               children: /* @__PURE__ */ jsx(OrgTrash, { className: "w-4 h-4" })
             }
           ) }),
@@ -594,7 +596,7 @@ function ActionBar({
             whileHover: { scale: 1.1 },
             whileTap: { scale: 0.9 },
             onClick: onClose,
-            className: "p-2 rounded-sm text-theme-muted hover:text-theme hover:bg-theme-highlight transition-colors md:hidden",
+            className: "p-2 rounded-xl text-theme-muted hover:text-theme hover:bg-theme-highlight transition-colors md:hidden",
             children: /* @__PURE__ */ jsx(OrgClose, { className: "w-4 h-4" })
           }
         )
@@ -639,11 +641,11 @@ function MessageBubble({
   canEdit = false,
   canDelete = false
 }) {
-  const [showActions, setShowActions] = React7.useState(false);
-  const bubbleRef = React7.useRef(null);
+  const [showActions, setShowActions] = React6.useState(false);
+  const bubbleRef = React6.useRef(null);
   const isPending = message._status === "pending";
   const isError = message._status === "error";
-  React7.useEffect(() => {
+  React6.useEffect(() => {
     const handleClickOutside = (e) => {
       if (bubbleRef.current && !bubbleRef.current.contains(e.target)) {
         setShowActions(false);
@@ -747,7 +749,7 @@ function MessageBubble({
                 onClick: handleMessageClick,
                 whileTap: { scale: 0.98 },
                 className: cn(
-                  "rounded-sm rounded-br-none px-4 py-2.5 cursor-pointer select-none",
+                  "rounded-xl rounded-br-none px-4 py-2.5 cursor-pointer select-none",
                   "bg-primary !text-white",
                   isError && "bg-rose-500/80",
                   showActions && "ring-2 ring-primary-light/30"
@@ -788,7 +790,7 @@ function MessageBubble({
       transition: { duration: 0.2, ease: "easeOut" },
       onClick: handleMessageClick,
       className: cn(
-        "group flex gap-3 px-2 py-1.5 rounded-sm cursor-pointer select-none relative",
+        "group flex gap-3 px-2 py-1.5 rounded-xl cursor-pointer select-none relative",
         "transition-colors",
         isPending && "opacity-60",
         isError && "border-l-2 border-rose-500/50",
@@ -929,8 +931,8 @@ function MentionPopover({
   position,
   selectedIndex = 0
 }) {
-  const listRef = React7.useRef(null);
-  const groupedOptions = React7.useMemo(() => {
+  const listRef = React6.useRef(null);
+  const groupedOptions = React6.useMemo(() => {
     const groups = {
       user: [],
       project: [],
@@ -943,7 +945,7 @@ function MentionPopover({
     });
     return groups;
   }, [options]);
-  React7.useEffect(() => {
+  React6.useEffect(() => {
     if (listRef.current && selectedIndex >= 0) {
       const items = listRef.current.querySelectorAll("[data-mention-item]");
       const item = items[selectedIndex];
@@ -960,7 +962,7 @@ function MentionPopover({
     {
       className: cn(
         "absolute z-50 w-72 max-h-64 overflow-y-auto",
-        "bg-theme-surface border border-theme-subtle rounded-sm shadow-lg",
+        "bg-theme-surface border border-theme-subtle rounded-xl shadow-lg",
         "animate-in fade-in-0 zoom-in-95 duration-[400ms]"
       ),
       style: position ? { top: position.top, left: position.left } : void 0,
@@ -1051,11 +1053,11 @@ function MessageInput({
   onMentionSearch,
   mentionLoading = false
 }) {
-  const inputRef = React7.useRef(null);
-  const [showMentions, setShowMentions] = React7.useState(false);
-  const [mentionQuery, setMentionQuery] = React7.useState("");
-  const [mentionIndex, setMentionIndex] = React7.useState(0);
-  const [caretPosition, setCaretPosition] = React7.useState(null);
+  const inputRef = React6.useRef(null);
+  const [showMentions, setShowMentions] = React6.useState(false);
+  const [mentionQuery, setMentionQuery] = React6.useState("");
+  const [mentionIndex, setMentionIndex] = React6.useState(0);
+  const [caretPosition, setCaretPosition] = React6.useState(null);
   const detectMention = (text, cursorPos) => {
     const beforeCursor = text.slice(0, cursorPos);
     const match = beforeCursor.match(/@(\w*)$/);
@@ -1133,13 +1135,13 @@ function MessageInput({
       onStopTyping?.();
     }, 200);
   };
-  React7.useEffect(() => {
+  React6.useEffect(() => {
     if (inputRef.current) {
       inputRef.current.style.height = "auto";
       inputRef.current.style.height = `${Math.min(inputRef.current.scrollHeight, 120)}px`;
     }
   }, [value]);
-  React7.useEffect(() => {
+  React6.useEffect(() => {
     if (editingMessage && inputRef.current) {
       inputRef.current.focus();
     }
@@ -1169,7 +1171,7 @@ function MessageInput({
         exit: "exit",
         transition: bannerTransition,
         className: "overflow-hidden",
-        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 mb-2 bg-theme-subtle border border-theme-subtle rounded-sm", children: [
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 mb-2 bg-theme-subtle border border-theme-subtle rounded-xl", children: [
           /* @__PURE__ */ jsx(OrgComment, { className: "w-4 h-4 text-primary-light shrink-0" }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs("p", { className: "text-[11px] font-medium text-primary-light", children: [
@@ -1199,7 +1201,7 @@ function MessageInput({
         exit: "exit",
         transition: bannerTransition,
         className: "overflow-hidden",
-        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 mb-2 bg-amber-500/10 border border-amber-500/30 rounded-sm", children: [
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 mb-2 bg-amber-500/10 border border-amber-500/30 rounded-xl", children: [
           /* @__PURE__ */ jsx(OrgEdit, { className: "w-4 h-4 text-amber-400 shrink-0" }),
           /* @__PURE__ */ jsx("p", { className: "text-[12px] text-amber-300 flex-1", children: "Editando mensagem" }),
           /* @__PURE__ */ jsx(
@@ -1218,7 +1220,7 @@ function MessageInput({
       "div",
       {
         className: cn(
-          "flex items-end gap-2 bg-theme-subtle border border-theme-subtle rounded-sm px-3 py-2 transition-colors",
+          "flex items-end gap-2 bg-theme-subtle border border-theme-subtle rounded-xl px-3 py-2 transition-colors",
           "focus-within:border-primary/50",
           isEditing && "border-amber-500/30 focus-within:border-amber-500/50"
         ),
@@ -1339,19 +1341,19 @@ function ChatMessages({
   onLoadMore,
   loadingMore = false
 }) {
-  const [inputValue, setInputValue] = React7.useState("");
-  const [editingMessage, setEditingMessage] = React7.useState(null);
-  const [replyTo, setReplyTo] = React7.useState(null);
-  const [mentionOptions, setMentionOptions] = React7.useState([]);
-  const scrollRef = React7.useRef(null);
-  const messagesById = React7.useMemo(() => {
+  const [inputValue, setInputValue] = React6.useState("");
+  const [editingMessage, setEditingMessage] = React6.useState(null);
+  const [replyTo, setReplyTo] = React6.useState(null);
+  const [mentionOptions, setMentionOptions] = React6.useState([]);
+  const scrollRef = React6.useRef(null);
+  const messagesById = React6.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     messages.forEach((m) => map.set(m.id, m));
     return map;
   }, [messages]);
-  const isInitialLoad = React7.useRef(true);
-  const prevMessageCount = React7.useRef(messages.length);
-  React7.useEffect(() => {
+  const isInitialLoad = React6.useRef(true);
+  const prevMessageCount = React6.useRef(messages.length);
+  React6.useEffect(() => {
     const el = scrollRef.current;
     if (!el) return;
     if (isInitialLoad.current || messages.length > prevMessageCount.current) {
@@ -1365,17 +1367,17 @@ function ChatMessages({
     }
     prevMessageCount.current = messages.length;
   }, [messages]);
-  React7.useEffect(() => {
+  React6.useEffect(() => {
     isInitialLoad.current = true;
   }, [room?.id]);
-  const handleScroll = React7.useCallback(() => {
+  const handleScroll = React6.useCallback(() => {
     const el = scrollRef.current;
     if (!el || !hasMore || loadingMore || !onLoadMore) return;
     if (el.scrollTop < 60) {
       onLoadMore();
     }
   }, [hasMore, loadingMore, onLoadMore]);
-  React7.useEffect(() => {
+  React6.useEffect(() => {
     if (editingMessage) {
       setInputValue(editingMessage.content);
     }
@@ -1410,7 +1412,7 @@ function ChatMessages({
     });
     setEditingMessage(null);
   };
-  const handleScrollToMessage = React7.useCallback((messageId) => {
+  const handleScrollToMessage = React6.useCallback((messageId) => {
     const el = scrollRef.current?.querySelector(`[data-message-id="${messageId}"]`);
     if (el) {
       el.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -1442,7 +1444,7 @@ function ChatMessages({
   };
   if (!room) {
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center text-center px-6", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-sm bg-primary/10 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(OrgComment, { className: "w-8 h-8 text-primary-light/60" }) }),
+      /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-xl bg-primary/10 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(OrgComment, { className: "w-8 h-8 text-primary-light/60" }) }),
       /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-theme mb-2", children: "Selecione uma conversa" }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-theme-muted max-w-[240px]", children: "Escolha um canal ou mensagem direta para come\xE7ar a conversar." })
     ] });
@@ -1461,7 +1463,7 @@ function ChatMessages({
             "button",
             {
               onClick: onBack,
-              className: "p-1.5 rounded-sm text-theme-muted hover:text-theme hover:bg-theme-subtle transition-colors",
+              className: "p-1.5 rounded-xl text-theme-muted hover:text-theme hover:bg-theme-subtle transition-colors",
               children: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
             }
           ),
@@ -1469,7 +1471,7 @@ function ChatMessages({
             "span",
             {
               className: cn(
-                "flex items-center justify-center h-8 w-8 rounded-sm text-sm",
+                "flex items-center justify-center h-8 w-8 rounded-xl text-sm",
                 "bg-primary/15 text-primary-light"
               ),
               children: room.type === "DIRECT" ? /* @__PURE__ */ jsx(OrgComment, { className: "w-4 h-4" }) : "#"
@@ -1524,13 +1526,13 @@ function ChatMessages({
                   /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3/4" })
                 ] })
               ] }, i)) }) : messages.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full", children: [
-                /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-sm bg-primary/10 flex items-center justify-center mb-3", children: /* @__PURE__ */ jsx(OrgComment, { className: "w-6 h-6 text-primary-light/50" }) }),
+                /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center mb-3", children: /* @__PURE__ */ jsx(OrgComment, { className: "w-6 h-6 text-primary-light/50" }) }),
                 /* @__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 replyToMessage = msg.replyToId || msg.parentId ? messagesById.get(msg.replyToId || msg.parentId || "") : null;
-                return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
+                return /* @__PURE__ */ jsxs(React6.Fragment, { children: [
                   shouldShowDateSeparator(messages, idx) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-3", children: [
                     /* @__PURE__ */ jsx("div", { className: "flex-1 h-px bg-theme-subtle-10" }),
                     /* @__PURE__ */ jsx("span", { className: "text-[11px] text-theme-muted font-medium", children: formatDateSeparator(msg.createdAt) }),
@@ -1594,15 +1596,15 @@ function Label({ className, ...props }) {
   );
 }
 var textareaVariants = cva(
-  "flex w-full min-h-[100px] bg-glass-highlight backdrop-blur-md border border-glass-border rounded-sm px-4 py-3 text-sm font-light text-org-text transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] placeholder:text-org-text-muted focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 resize-none",
+  "flex w-full min-h-[100px] bg-white/[0.03] backdrop-blur-md border border-white/10 rounded-xl px-4 py-3 text-sm font-light text-org-text transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] placeholder:text-org-text-muted focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 resize-none",
   {
     variants: {
       variant: {
-        default: "focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(79,57,246,0.10),0_0_20px_rgba(79,57,246,0.08)]",
-        flat: "rounded-sm focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(79,57,246,0.10)]",
-        rounded: "rounded-sm focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(79,57,246,0.10)]",
+        default: "focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(99,102,241,0.10),0_0_20px_rgba(99,102,241,0.08)]",
+        flat: "rounded-xl focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(99,102,241,0.10)]",
+        rounded: "rounded-xl focus:border-primary-light/50 focus:shadow-[0_0_0_3px_rgba(99,102,241,0.10)]",
         error: "border-error/30 bg-error/5 text-red-100 placeholder:text-red-500/30 focus:border-error focus:shadow-[0_0_0_3px_rgba(224,17,95,0.10)]",
-        cream: "bg-white/60 border-[rgba(36,25,121,0.06)] text-neutral-900 placeholder:text-neutral-400 focus:border-primary/40 focus:bg-white/80 focus:shadow-[0_0_0_3px_rgba(79,57,246,0.08)] backdrop-blur-sm"
+        cream: "bg-white/60 border-[rgba(36,25,121,0.06)] text-neutral-900 placeholder:text-neutral-400 focus:border-primary/40 focus:bg-white/80 focus:shadow-[0_0_0_3px_rgba(99,102,241,0.08)] backdrop-blur-sm"
       }
     },
     defaultVariants: {
@@ -1610,9 +1612,9 @@ var textareaVariants = cva(
     }
   }
 );
-var Textarea = React7.forwardRef(
+var Textarea = React6.forwardRef(
   ({ className, variant, label, error, labelPosition = "left", ...props }, ref) => {
-    const id = React7.useId();
+    const id = React6.useId();
     const effectiveVariant = error ? "error" : variant;
     return /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
       label && /* @__PURE__ */ jsx(
@@ -1685,7 +1687,9 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: cn(
-          "bg-theme-surface data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-sm border border-theme-subtle p-6 shadow-glass backdrop-blur-[40px] saturate-[180%] duration-[400ms] sm:max-w-lg text-theme",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-2xl border-2 p-6 shadow-xl duration-[400ms] sm:max-w-lg",
+          "bg-white text-gray-900 border-gray-300 dark:bg-gray-900 dark:text-white dark:border-gray-700",
+          "dark:shadow-[0_24px_80px_-15px_rgba(0,0,0,0.8)]",
           className
         ),
         ...props,
@@ -1800,11 +1804,12 @@ function DrawerContent({
               damping: 40
             },
             className: cn(
-              "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border border-theme-subtle bg-theme-surface text-theme",
+              "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border-2",
+              "border-gray-300 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-white",
               className
             ),
             children: [
-              /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-theme-subtle-20" }),
+              /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-gray-300 dark:bg-gray-700" }),
               children
             ]
           }
@@ -1860,8 +1865,8 @@ function DrawerDescription({
   );
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React7.useState(false);
-  React7.useEffect(() => {
+  const [matches, setMatches] = React6.useState(false);
+  React6.useEffect(() => {
     const mql = window.matchMedia(query);
     setMatches(mql.matches);
     const handler = (e) => setMatches(e.matches);
@@ -1888,8 +1893,9 @@ function ResponsiveDialog({
       {
         className: cn(
           "max-w-2xl max-h-[85vh] overflow-y-auto",
-          "border border-theme-subtle bg-theme-glass-heavy backdrop-blur-2xl",
-          "shadow-glass-xl rounded-sm",
+          "border-2 bg-white text-gray-900 border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-white",
+          "dark:shadow-[0_24px_80px_-15px_rgba(0,0,0,0.8)]",
+          "shadow-xl",
           contentClassName
         ),
         children: [
@@ -1908,7 +1914,7 @@ function ResponsiveDialog({
     {
       className: cn(
         "max-h-[90vh]",
-        "border-t border-theme-subtle bg-theme-glass-heavy backdrop-blur-2xl",
+        "border-t-2 border-gray-300 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-white",
         contentClassName
       ),
       children: [
@@ -1933,7 +1939,7 @@ function TabsList({
     {
       "data-slot": "tabs-list",
       className: cn(
-        "inline-flex h-10 items-center justify-center rounded-sm bg-theme-glass-heavy backdrop-blur-md border border-glass-border p-1 text-theme-muted",
+        "inline-flex h-10 items-center justify-center rounded-xl bg-white/[0.03] backdrop-blur-md border border-white/10 p-1 text-theme-muted",
         className
       ),
       ...props
@@ -1949,7 +1955,7 @@ function TabsTrigger({
     {
       "data-slot": "tabs-trigger",
       className: cn(
-        "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-glass-highlight data-[state=active]:text-theme data-[state=active]:shadow-inner-light",
+        "inline-flex items-center justify-center whitespace-nowrap rounded-lg px-3 py-1.5 text-sm font-medium ring-offset-background transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white/[0.05] data-[state=active]:text-theme data-[state=active]:shadow-inner-light",
         className
       ),
       ...props
@@ -1983,15 +1989,15 @@ function CreateRoomDialog({
   workspaceMembers,
   loadingMembers
 }) {
-  const [tab, setTab] = React7.useState("channel");
-  const [creating, setCreating] = React7.useState(false);
-  const [channelName, setChannelName] = React7.useState("");
-  const [channelDesc, setChannelDesc] = React7.useState("");
-  const [visibility, setVisibility] = React7.useState("WORKSPACE");
-  const [selectedMembers, setSelectedMembers] = React7.useState([]);
-  const [showAdvanced, setShowAdvanced] = React7.useState(false);
-  const [dmSearch, setDmSearch] = React7.useState("");
-  const [nameError, setNameError] = React7.useState("");
+  const [tab, setTab] = React6.useState("channel");
+  const [creating, setCreating] = React6.useState(false);
+  const [channelName, setChannelName] = React6.useState("");
+  const [channelDesc, setChannelDesc] = React6.useState("");
+  const [visibility, setVisibility] = React6.useState("WORKSPACE");
+  const [selectedMembers, setSelectedMembers] = React6.useState([]);
+  const [showAdvanced, setShowAdvanced] = React6.useState(false);
+  const [dmSearch, setDmSearch] = React6.useState("");
+  const [nameError, setNameError] = React6.useState("");
   const validateName = (value) => {
     if (!value.trim()) {
       setNameError("Nome do canal \xE9 obrigat\xF3rio");
@@ -2008,7 +2014,7 @@ function CreateRoomDialog({
     setNameError("");
     return true;
   };
-  const filteredMembers = React7.useMemo(() => {
+  const filteredMembers = React6.useMemo(() => {
     if (!dmSearch) return workspaceMembers;
     const q = dmSearch.toLowerCase();
     return workspaceMembers.filter(
@@ -2123,7 +2129,7 @@ function CreateRoomDialog({
                 type: "button",
                 onClick: () => setVisibility("WORKSPACE"),
                 className: cn(
-                  "flex-1 flex items-center gap-2 px-3 py-2 rounded-sm text-xs transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] border",
+                  "flex-1 flex items-center gap-2 px-3 py-2 rounded-xl text-xs transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] border",
                   visibility === "WORKSPACE" ? "bg-primary/15 border-primary/30 text-primary-light" : "bg-theme-subtle border-theme-subtle text-theme-muted hover:bg-theme-subtle"
                 ),
                 children: [
@@ -2138,7 +2144,7 @@ function CreateRoomDialog({
                 type: "button",
                 onClick: () => setVisibility("PRIVATE"),
                 className: cn(
-                  "flex-1 flex items-center gap-2 px-3 py-2 rounded-sm text-xs transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] border",
+                  "flex-1 flex items-center gap-2 px-3 py-2 rounded-xl text-xs transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] border",
                   visibility === "PRIVATE" ? "bg-primary/15 border-primary/30 text-primary-light" : "bg-theme-subtle border-theme-subtle text-theme-muted hover:bg-theme-subtle"
                 ),
                 children: [
@@ -2175,7 +2181,7 @@ function CreateRoomDialog({
                 selectedMembers.length,
                 " selecionados)"
               ] }),
-              /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-[150px] rounded-sm border border-theme-subtle bg-theme-subtle", children: /* @__PURE__ */ jsx("div", { className: "p-2 space-y-0.5", children: loadingMembers ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-2", children: [
+              /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-[150px] rounded-xl border border-theme-subtle bg-theme-subtle", children: /* @__PURE__ */ jsx("div", { className: "p-2 space-y-0.5", children: loadingMembers ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-2", children: [
                 /* @__PURE__ */ jsx(Skeleton, { variant: "circular", className: "h-7 w-7" }),
                 /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
               ] }, i)) : workspaceMembers.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted p-2 text-center", children: "Sem membros dispon\xEDveis" }) : workspaceMembers.map((member) => /* @__PURE__ */ jsxs(
@@ -2184,7 +2190,7 @@ function CreateRoomDialog({
                   type: "button",
                   onClick: () => toggleMember(member.id),
                   className: cn(
-                    "flex items-center gap-2 w-full p-2 rounded-sm text-left text-xs transition-colors",
+                    "flex items-center gap-2 w-full p-2 rounded-xl text-left text-xs transition-colors",
                     selectedMembers.includes(member.id) ? "bg-primary/15 text-primary-light" : "text-theme-secondary hover:bg-theme-subtle"
                   ),
                   children: [
@@ -2250,7 +2256,7 @@ function CreateRoomDialog({
             {
               onClick: () => handleCreateDM(member.id),
               disabled: creating,
-              className: "flex items-center gap-3 w-full p-2.5 rounded-sm text-left transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] hover:bg-theme-subtle active:scale-[0.98] disabled:opacity-50",
+              className: "flex items-center gap-3 w-full p-2.5 rounded-xl text-left transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] hover:bg-theme-subtle active:scale-[0.98] disabled:opacity-50",
               children: [
                 /* @__PURE__ */ jsx(Avatar, { shape: "circle", size: "sm", className: "h-8 w-8", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-primary/20 text-primary-light text-xs", children: getInitials3(member.displayName) }) }),
                 /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -2301,14 +2307,14 @@ function Separator({
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React7.forwardRef(({ className, children, label, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+var SelectTrigger = React6.forwardRef(({ className, children, label, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
   label && /* @__PURE__ */ jsx("span", { className: "absolute -top-3 right-0 z-10 mr-2 bg-theme-surface px-2 text-label uppercase tracking-widest text-theme-muted", children: label }),
   /* @__PURE__ */ jsxs(
     SelectPrimitive.Trigger,
     {
       ref,
       className: cn(
-        "flex w-full items-center justify-between bg-theme-subtle backdrop-blur-md border border-theme-subtle px-4 py-3 text-sm font-light text-theme-secondary rounded-sm transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:outline-none focus:shadow-[0_0_0_3px_rgba(79,57,246,0.10),0_0_20px_rgba(79,57,246,0.08)] focus:border-primary-light/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        "flex w-full items-center justify-between bg-white/[0.03] backdrop-blur-md border border-white/10 px-4 py-3 text-sm font-light text-theme-secondary rounded-xl transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:outline-none focus:shadow-[0_0_0_3px_rgba(99,102,241,0.10),0_0_20px_rgba(99,102,241,0.08)] focus:border-primary-light/50 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
         className
       ),
       ...props,
@@ -2320,7 +2326,7 @@ var SelectTrigger = React7.forwardRef(({ className, children, label, ...props },
   )
 ] }));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2330,7 +2336,7 @@ var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2340,12 +2346,12 @@ var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
     className: cn(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm border border-glass-border bg-theme-glass-heavy backdrop-blur-[40px] saturate-[180%] text-theme shadow-glass data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border border-white/20 bg-white/[0.03] backdrop-blur-[40px] text-theme shadow-[0_24px_80px_-15px_rgba(0,0,0,0.5)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       className
     ),
@@ -2368,12 +2374,12 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
     className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-2 pl-8 pr-2 text-sm font-light text-theme-secondary outline-none transition-colors duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:bg-theme-subtle-10 focus:text-theme data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex w-full cursor-default select-none items-center rounded-lg py-2 pl-8 pr-2 text-sm font-light text-theme-secondary outline-none transition-colors duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:bg-white/[0.05] focus:text-theme data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className
     ),
     ...props,
@@ -2384,7 +2390,7 @@ var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2393,7 +2399,7 @@ var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -2429,13 +2435,13 @@ function RoomManagementPanel({
   onUpdateMemberRole,
   className
 }) {
-  const [view, setView] = React7.useState("info");
-  const [editName, setEditName] = React7.useState(room.name || "");
-  const [editDesc, setEditDesc] = React7.useState(room.description || "");
-  const [editVisibility, setEditVisibility] = React7.useState(room.visibility);
-  const [saving, setSaving] = React7.useState(false);
-  const [confirmArchive, setConfirmArchive] = React7.useState(false);
-  React7.useEffect(() => {
+  const [view, setView] = React6.useState("info");
+  const [editName, setEditName] = React6.useState(room.name || "");
+  const [editDesc, setEditDesc] = React6.useState(room.description || "");
+  const [editVisibility, setEditVisibility] = React6.useState(room.visibility);
+  const [saving, setSaving] = React6.useState(false);
+  const [confirmArchive, setConfirmArchive] = React6.useState(false);
+  React6.useEffect(() => {
     setEditName(room.name || "");
     setEditDesc(room.description || "");
     setEditVisibility(room.visibility);
@@ -2458,7 +2464,7 @@ function RoomManagementPanel({
       "button",
       {
         onClick: () => setView("info"),
-        className: "p-1 rounded-sm hover:bg-theme-subtle text-theme-muted hover:text-theme transition-colors",
+        className: "p-1 rounded-xl hover:bg-theme-subtle text-theme-muted hover:text-theme transition-colors",
         children: /* @__PURE__ */ jsx(OrgChevronLeft, { className: "w-4 h-4" })
       }
     ),
@@ -2467,7 +2473,7 @@ function RoomManagementPanel({
       "button",
       {
         onClick: onClose,
-        className: "p-1 rounded-sm hover:bg-theme-subtle text-theme-muted hover:text-theme transition-colors",
+        className: "p-1 rounded-xl hover:bg-theme-subtle text-theme-muted hover:text-theme transition-colors",
         children: /* @__PURE__ */ jsx(OrgClose, { className: "w-4 h-4" })
       }
     )
@@ -2480,7 +2486,7 @@ function RoomManagementPanel({
           "div",
           {
             className: cn(
-              "flex items-center justify-center h-12 w-12 rounded-sm text-lg",
+              "flex items-center justify-center h-12 w-12 rounded-xl text-lg",
               "bg-primary/15 text-primary-light"
             ),
             children: room.type === "DIRECT" ? "\u{1F4AC}" : "#"
@@ -2511,7 +2517,7 @@ function RoomManagementPanel({
           "button",
           {
             onClick: () => setView("members"),
-            className: "flex items-center gap-3 w-full px-3 py-2.5 rounded-sm text-sm text-theme-secondary hover:bg-theme-subtle hover:text-theme transition-colors",
+            className: "flex items-center gap-3 w-full px-3 py-2.5 rounded-xl text-sm text-theme-secondary hover:bg-theme-subtle hover:text-theme transition-colors",
             children: [
               /* @__PURE__ */ jsx(OrgTeam, { className: "w-4 h-4 text-theme-muted" }),
               /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: "Membros" }),
@@ -2523,7 +2529,7 @@ function RoomManagementPanel({
           "button",
           {
             onClick: () => setView("edit"),
-            className: "flex items-center gap-3 w-full px-3 py-2.5 rounded-sm text-sm text-theme-secondary hover:bg-theme-subtle hover:text-theme transition-colors",
+            className: "flex items-center gap-3 w-full px-3 py-2.5 rounded-xl text-sm text-theme-secondary hover:bg-theme-subtle hover:text-theme transition-colors",
             children: [
               /* @__PURE__ */ jsx(OrgEdit, { className: "w-4 h-4 text-theme-muted" }),
               /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: "Editar canal" })
@@ -2535,7 +2541,7 @@ function RoomManagementPanel({
           "button",
           {
             onClick: () => onLeaveRoom(room.id),
-            className: "flex items-center gap-3 w-full px-3 py-2.5 rounded-sm text-sm text-theme-muted hover:bg-rose-500/10 hover:text-rose-400 transition-colors",
+            className: "flex items-center gap-3 w-full px-3 py-2.5 rounded-xl text-sm text-theme-muted hover:bg-rose-500/10 hover:text-rose-400 transition-colors",
             children: [
               /* @__PURE__ */ jsx(OrgDoor, { className: "w-4 h-4" }),
               /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: "Sair do canal" })
@@ -2546,13 +2552,13 @@ function RoomManagementPanel({
           "button",
           {
             onClick: () => setConfirmArchive(true),
-            className: "flex items-center gap-3 w-full px-3 py-2.5 rounded-sm text-sm text-theme-muted hover:bg-rose-500/10 hover:text-rose-400 transition-colors",
+            className: "flex items-center gap-3 w-full px-3 py-2.5 rounded-xl text-sm text-theme-muted hover:bg-rose-500/10 hover:text-rose-400 transition-colors",
             children: [
               /* @__PURE__ */ jsx(OrgTrash, { className: "w-4 h-4" }),
               /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: "Arquivar canal" })
             ]
           }
-        ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 rounded-sm bg-rose-500/10 border border-rose-500/20 animate-in fade-in-0 duration-[400ms]", children: [
+        ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 rounded-xl bg-rose-500/10 border border-rose-500/20 animate-in fade-in-0 duration-[400ms]", children: [
           /* @__PURE__ */ jsx("p", { className: "flex-1 text-xs text-rose-300", children: "Tem certeza?" }),
           /* @__PURE__ */ jsx(
             Button,
@@ -2589,7 +2595,7 @@ function RoomManagementPanel({
     ] }, i)) : members.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted text-center py-8", children: "Sem membros" }) : members.map((member) => /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "flex items-center gap-3 p-2 rounded-sm hover:bg-theme-subtle group transition-colors",
+        className: "flex items-center gap-3 p-2 rounded-xl hover:bg-theme-subtle group transition-colors",
         children: [
           /* @__PURE__ */ jsx(Avatar, { shape: "circle", size: "sm", className: "h-8 w-8", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-primary/20 text-primary-light text-xs", children: getInitials4(member.displayName || member.userId.substring(0, 8)) }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -2676,7 +2682,7 @@ function RoomManagementPanel({
               type: "button",
               onClick: () => setEditVisibility("WORKSPACE"),
               className: cn(
-                "flex-1 flex items-center gap-2 px-3 py-2 rounded-sm text-xs transition-all duration-[400ms] border",
+                "flex-1 flex items-center gap-2 px-3 py-2 rounded-xl text-xs transition-all duration-[400ms] border",
                 editVisibility === "WORKSPACE" ? "bg-primary/15 border-primary/30 text-primary-light" : "bg-theme-subtle border-theme-subtle text-theme-muted hover:bg-theme-subtle"
               ),
               children: [
@@ -2691,7 +2697,7 @@ function RoomManagementPanel({
               type: "button",
               onClick: () => setEditVisibility("PRIVATE"),
               className: cn(
-                "flex-1 flex items-center gap-2 px-3 py-2 rounded-sm text-xs transition-all duration-[400ms] border",
+                "flex-1 flex items-center gap-2 px-3 py-2 rounded-xl text-xs transition-all duration-[400ms] border",
                 editVisibility === "PRIVATE" ? "bg-primary/15 border-primary/30 text-primary-light" : "bg-theme-subtle border-theme-subtle text-theme-muted hover:bg-theme-subtle"
               ),
               children: [
@@ -2793,7 +2799,7 @@ function useChat(options = {}) {
     [centralGql]
   );
   const [userCache, setUserCache] = useState(/* @__PURE__ */ new Map());
-  const enrichedMessages = React7__default.useMemo(() => {
+  const enrichedMessages = React6__default.useMemo(() => {
     return messages.map((msg) => {
       const cached = userCache.get(msg.authorId);
       if (cached && !msg.authorName) {
@@ -3614,14 +3620,14 @@ function useChat(options = {}) {
   };
 }
 var alertVariants = cva(
-  "group relative overflow-visible border-l-4 border border-glass-border bg-glass-highlight/90 backdrop-blur-xl py-5 pl-14 pr-6 shadow-glass rounded-sm",
+  "relative flex w-full items-start gap-4 backdrop-blur-xl border px-5 py-4 transition-all duration-300 rounded-2xl shadow-2xl bg-white dark:bg-gray-900",
   {
     variants: {
       variant: {
-        success: "border-l-emerald-500 bg-emerald-500/[0.06]",
-        error: "border-l-rose-500 bg-rose-500/[0.06]",
-        warning: "border-l-amber-400 bg-amber-400/[0.06]",
-        info: "border-l-blue-500 bg-blue-500/[0.06]"
+        success: "border-emerald-200 dark:border-emerald-800/50",
+        error: "border-rose-200 dark:border-rose-800/50",
+        warning: "border-amber-200 dark:border-amber-800/50",
+        info: "border-blue-200 dark:border-blue-800/50"
       }
     },
     defaultVariants: {
@@ -3630,14 +3636,14 @@ var alertVariants = cva(
   }
 );
 var alertIconVariants = cva(
-  "absolute -left-4 top-1/2 z-10 flex h-10 w-10 -translate-y-1/2 items-center justify-center border border-glass-border-strong shadow-lg transition-transform duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] group-hover:rotate-0 rounded-sm",
+  "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full",
   {
     variants: {
       variant: {
-        success: "bg-emerald-500 text-black rotate-[-6deg]",
-        error: "bg-rose-500 text-white rotate-[6deg]",
-        warning: "bg-amber-400 text-black rotate-[-3deg]",
-        info: "bg-blue-500 text-white rotate-[3deg]"
+        success: "bg-emerald-100 text-emerald-600 dark:bg-emerald-600/20 dark:text-emerald-400",
+        error: "bg-rose-100 text-rose-600 dark:bg-rose-600/20 dark:text-rose-400",
+        warning: "bg-amber-100 text-amber-600 dark:bg-amber-600/20 dark:text-amber-400",
+        info: "bg-blue-100 text-blue-600 dark:bg-blue-600/20 dark:text-blue-400"
       }
     },
     defaultVariants: {
@@ -3662,38 +3668,27 @@ function Alert({
       variant === "warning" && /* @__PURE__ */ jsx(OrgWarning, { className: "w-5 h-5" }),
       variant === "info" && /* @__PURE__ */ jsx(OrgInfo, { className: "w-5 h-5" })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 rounded-sm shadow-inner-light" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx("h4", { className: "text-base font-semibold text-org-text", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm font-light text-org-text-secondary", children: description })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        action && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: action.onClick,
-            className: cn(
-              "whitespace-nowrap px-3 py-1.5 text-xs font-semibold tracking-wide transition-all border rounded-sm",
-              variant === "error" && "border-rose-500/30 bg-rose-500/20 text-rose-300 hover:bg-rose-500/30",
-              variant === "success" && "border-emerald-500/30 bg-emerald-500/20 text-emerald-300 hover:bg-emerald-500/30",
-              variant === "warning" && "border-amber-400/30 bg-amber-400/20 text-amber-300 hover:bg-amber-400/30",
-              variant === "info" && "border-blue-500/30 bg-blue-500/20 text-blue-300 hover:bg-blue-500/30"
-            ),
-            children: action.label
-          }
-        ),
-        onClose && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: onClose,
-            className: "p-1 text-org-text-muted transition-colors hover:text-org-text",
-            "aria-label": "Close alert",
-            children: /* @__PURE__ */ jsx(OrgClose, { className: "h-4 w-4" })
-          }
-        )
-      ] })
-    ] })
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-gray-900 dark:text-white mb-1 leading-tight", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 leading-relaxed", children: description }),
+      action && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: action.onClick,
+          className: "mt-3 px-4 py-2 text-sm font-medium text-white bg-primary hover:bg-primary/90 rounded-lg transition-colors",
+          children: action.label
+        }
+      )
+    ] }),
+    onClose && /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: onClose,
+        className: "absolute top-4 right-4 flex-shrink-0 p-1 text-gray-400 dark:text-gray-500 transition-colors hover:text-gray-600 dark:hover:text-gray-300",
+        "aria-label": "Close alert",
+        children: /* @__PURE__ */ jsx(OrgClose, { className: "h-4 w-4" })
+      }
+    )
   ] });
 }
 
@@ -3923,8 +3918,8 @@ if (typeof window !== "undefined") {
   typingIndicator.simulateRandomTyping();
 }
 function useMediaQuery2(query) {
-  const [matches, setMatches] = React7.useState(false);
-  React7.useEffect(() => {
+  const [matches, setMatches] = React6.useState(false);
+  React6.useEffect(() => {
     const mql = window.matchMedia(query);
     setMatches(mql.matches);
     const handler = (e) => setMatches(e.matches);
@@ -3942,7 +3937,7 @@ function OrganifyChat({
 }) {
   const user = useOrganifyUser();
   const userId = user?.id ?? "";
-  const stableWorkspaceMembers = React7.useMemo(
+  const stableWorkspaceMembers = React6.useMemo(
     () => workspaceMembers ?? [],
     [workspaceMembers]
   );
@@ -3953,10 +3948,10 @@ function OrganifyChat({
     workspaceMembers: stableWorkspaceMembers
   });
   const isMobile = !useMediaQuery2("(min-width: 768px)");
-  const [createDialogOpen, setCreateDialogOpen] = React7.useState(false);
-  const [managementOpen, setManagementOpen] = React7.useState(false);
-  const [mobileView, setMobileView] = React7.useState("sidebar");
-  const activeRoom = React7.useMemo(
+  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]
   );
@@ -3988,7 +3983,7 @@ function OrganifyChat({
     {
       className: cn(
         "relative flex h-full min-h-[500px]",
-        "bg-theme-surface border border-theme-subtle rounded-sm overflow-hidden",
+        "bg-theme-surface border border-theme-subtle rounded-xl overflow-hidden",
         className
       ),
       children: [
@@ -4096,7 +4091,7 @@ function OrganifyChat({
                 onClick: handleCloseManagement
               }
             ),
-            /* @__PURE__ */ jsx("div", { className: "w-[85%] max-w-sm h-full bg-theme-glass-heavy backdrop-blur-2xl border-l border-theme-subtle animate-in slide-in-from-right-5 duration-[400ms]", children: /* @__PURE__ */ jsx(
+            /* @__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,
@@ -4143,5 +4138,5 @@ function OrganifyChat({
 }
 
 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-INKNHHKT.js.map
-//# sourceMappingURL=chunk-INKNHHKT.js.map
+//# sourceMappingURL=chunk-GQZMW7XN.js.map
+//# sourceMappingURL=chunk-GQZMW7XN.js.map