organify-ui 0.3.4 → 0.3.6

package/dist/index.d.ts

@@ -26,8 +26,10 @@ export { IconProps, OrgAI, OrgActivity, OrgArrowLeft, OrgArrowRight, OrgAttachme
 export { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 export { Theme, ThemeProvider, ThemeProviderProps, useTheme } from './providers/theme-provider.js';
 export { I18nProvider, I18nProviderProps, Locale, TranslationKey, createTranslator, useI18n } from './i18n/index.js';
-export { A as AiAction, b as AiChatMessage, c as AiChatSidebar, d as AiChatSidebarProps, e as ChatConfig, f as ChatEvents, g as ChatMention, C as ChatMessage, h as ChatMessages, i as ChatPermissions, j as ChatReaction, k as ChatRoom, l as ChatRoomMember, m as ChatSidebar, n as ChatUser, o as CreateRoomDialog, p as MOCK_PROJECTS, q as MOCK_USERS, r as MemberRole, O as OrganifyChat, u as OrganifyChatProps, R as RoomManagementPanel, v as RoomType, w as RoomVisibility, T as TypingIndicatorMock, x as generateAutoReplies, y as getMockMentionOptions, z as getRoomPermissions, B as typingIndicator, D as useChat } from './ai-chat-sidebar-BYphYj2N.js';
+export { b as ChatConfig, c as ChatEvents, d as ChatMention, C as ChatMessage, e as ChatMessages, f as ChatPermissions, g as ChatReaction, h as ChatRoom, i as ChatRoomMember, j as ChatSidebar, k as ChatUser, l as CommandBar, m as CommandBarItem, n as CommandBarProps, o as CreateRoomDialog, I as InlineAiButton, p as InlineAiButtonProps, q as MOCK_PROJECTS, r as MOCK_USERS, s as MemberRole, O as OrganifyChat, v as OrganifyChatProps, R as RoomManagementPanel, w as RoomType, x as RoomVisibility, T as TypingIndicatorMock, U as UseAiInlineOptions, y as generateAutoReplies, z as getMockMentionOptions, A as getRoomPermissions, B as typingIndicator, D as useAiInline, E as useChat } from './inline-ai-CcYfjXIS.js';
+export { A as AiAction, a as AiChatMessage, b as AiChatSidebar, c as AiChatSidebarProps } from './ai-chat-sidebar-DnEOUzSL.js';
 export { Notification, NotificationBell, NotificationBellProps, NotificationItem, NotificationItemProps, NotificationList, NotificationListProps, NotificationMetadata, NotificationPreferenceChannel, NotificationPreferences, NotificationPriority, NotificationType, OrganifyNotifications, OrganifyNotificationsProps, PresenceAvatarStack, PresenceAvatarStackProps, PresenceIndicator, PresenceIndicatorProps, PresenceStatus, PresenceUser, UserPresence, useNotifications, usePresence } from './components/notifications/index.js';
+export { AiAdminLog, AiAdminLogsResponse, AiAdminStatsResponse, AiAdminUserStat, AiAdminUsersResponse, AiChatResponse, AiClient, AiClientConfig, AiCommandResponse, AiResetResponse, AiSuggestResponse, AiUsageResponse, UseAiChatOptions, UseAiChatResult, UseAiCommandOptions, UseAiCommandResult, UseAiSuggestOptions, UseAiSuggestResult, UseAiUsageResult, createAiClient, useAiChat, useAiCommand, useAiSuggest, useAiUsage } from './ai/index.js';
 
 /**
  * Merge Tailwind CSS classes with clsx — the standard shadcn pattern.
@@ -98,7 +100,7 @@ declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAtt
  * Theme-aware: uses CSS variables for theme switching.
  */
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "error" | "primary" | "success" | "warning" | "info" | "in-flow" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
+    variant?: "default" | "error" | "in-flow" | "primary" | "success" | "warning" | "info" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     /** Animated pulse dot */
@@ -513,7 +515,7 @@ declare function Logo({ size, variant, animated, className, ...props }: LogoProp
  * From Brand Assets & Icons HTML.
  */
 declare const geometricIconVariants: (props?: ({
-    variant?: "default" | "outline" | "error" | "cream" | "success" | "warning" | "filled" | null | undefined;
+    variant?: "default" | "outline" | "error" | "cream" | "filled" | "success" | "warning" | null | undefined;
     size?: "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface GeometricIconProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof geometricIconVariants> {
@@ -604,7 +606,7 @@ declare function StepConnector({ status, variant, }: {
  * From Brand Assets & Icons HTML.
  */
 declare const statusPillVariants: (props?: ({
-    variant?: "default" | "error" | "cream" | "primary" | "success" | "warning" | "info" | "in-flow" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
+    variant?: "default" | "error" | "cream" | "in-flow" | "primary" | "success" | "warning" | "info" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
     size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface StatusPillProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusPillVariants> {
@@ -843,14 +845,39 @@ interface TaskCardProps$1 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'on
     onUpdate?: (taskId: string, updates: Partial<TaskDetailData>) => Promise<void>;
     onAddLabel?: (taskId: string) => void;
     onRemoveLabel?: (taskId: string, labelId: string) => void;
+    onToggleLabel?: (taskId: string, label: {
+        id: string;
+        name: string;
+        color: string;
+    }) => void;
+    onCreateLabel?: (name: string, color: string) => Promise<{
+        id: string;
+        name: string;
+        color: string;
+    }>;
+    availableLabels?: Array<{
+        id: string;
+        name: string;
+        color: string;
+    }>;
     onAddAssignee?: (taskId: string) => void;
     onRemoveAssignee?: (taskId: string, assigneeId: string) => void;
+    onToggleAssignee?: (taskId: string, assignee: {
+        id: string;
+        name: string;
+        avatarUrl?: string;
+    }) => void;
+    availableUsers?: Array<{
+        id: string;
+        name: string;
+        avatarUrl?: string;
+    }>;
     onAddSubtask?: (taskId: string, title: string) => Promise<void>;
     onToggleSubtask?: (taskId: string, subtaskId: string, completed: boolean) => Promise<void>;
     onDeleteSubtask?: (taskId: string, subtaskId: string) => Promise<void>;
     onUpdateSubtask?: (taskId: string, subtaskId: string, title: string) => Promise<void>;
 }
-declare function TaskCard$1({ task, onTaskClick, isDragging, isSelected, compact, enableDetailSheet, showDragHandle, onUpdate, onAddLabel, onRemoveLabel, onAddAssignee, onRemoveAssignee, onAddSubtask, onToggleSubtask, onDeleteSubtask, onUpdateSubtask, className, ...props }: TaskCardProps$1): react_jsx_runtime.JSX.Element;
+declare function TaskCard$1({ task, onTaskClick, isDragging, isSelected, compact, enableDetailSheet, showDragHandle, onUpdate, onAddLabel, onRemoveLabel, onToggleLabel, onCreateLabel, availableLabels, onAddAssignee, onRemoveAssignee, onToggleAssignee, availableUsers, onAddSubtask, onToggleSubtask, onDeleteSubtask, onUpdateSubtask, className, ...props }: TaskCardProps$1): react_jsx_runtime.JSX.Element;
 declare namespace TaskCard$1 {
     var displayName: string;
 }

package/dist/index.js

@@ -1,9 +1,10 @@
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-SAYB3NN2.js';
+export { NotificationBell, NotificationItem, NotificationList, OrganifyNotifications, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceAvatarStack, PresenceIndicator, useNotifications, usePresence } from './chunk-SAYB3NN2.js';
+export { createAiClient, useAiChat, useAiCommand, useAiSuggest, useAiUsage } from './chunk-P2ORBJBL.js';
 export { I18nProvider, createTranslator, useI18n } from './chunk-FQA33MF4.js';
 export { ThemeProvider, useTheme } from './chunk-RFOKENE3.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Separator, ResponsiveDialog, Label, Input, Textarea, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-NUA6OPJV.js';
-export { AiChatSidebar, 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, 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 } from './chunk-NUA6OPJV.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-A2H2TBSV.js';
-export { NotificationBell, NotificationItem, NotificationList, OrganifyNotifications, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceAvatarStack, PresenceIndicator, useNotifications, usePresence } from './chunk-A2H2TBSV.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Separator, ResponsiveDialog, Label, Input, Textarea, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-F7LW2OMM.js';
+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, 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 } from './chunk-F7LW2OMM.js';
 import { cn, Avatar, AvatarImage, AvatarFallback, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Skeleton, useOrganify, useOrganifyGql, ScrollArea, useOrganifyUser, useOrganifyApi, Badge, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject } from './chunk-VHQZS77G.js';
 export { Avatar, AvatarFallback, AvatarImage, Badge, OrganifyContext, OrganifyProvider, ScrollArea, ScrollBar, Skeleton, SkeletonCard, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, badgeVariants, cn, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace } from './chunk-VHQZS77G.js';
 import { OrgDiamond, OrgPlus, OrgComment, OrgEdit, OrgTrash, OrgCheckCircle, OrgAttachment, OrgCalendar, OrgMail, OrgBoard, OrgSprint, OrgRocket, OrgWarning, OrgFlag, OrgShield, OrgZap, OrgStar } from './chunk-MZKEDV5W.js';
@@ -4139,7 +4140,7 @@ function SheetOverlay({
     {
       "data-slot": "sheet-overlay",
       className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-theme-subtle-20 backdrop-blur-sm",
         className
       ),
       ...props
@@ -4158,9 +4159,13 @@ function SheetContent({
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
+        style: {
+          background: "var(--org-bg-elevated, #110E22)",
+          color: "var(--org-text, #F0ECF9)",
+          borderColor: "var(--org-glass-border, rgba(167,139,250,0.15))"
+        },
         className: cn(
-          "data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-xl dark:shadow-[0_24px_80px_-15px_rgba(0,0,0,0.8)] transition ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          "[background:var(--org-bg-elevated,#110E22)] [color:var(--org-text,#F0ECF9)] [border-color:var(--org-glass-border,rgba(167,139,250,0.15))]",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-xl transition ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=closed]:duration-300 data-[state=open]:duration-500",
           side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l-2 sm:max-w-sm",
           side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r-2 sm:max-w-sm",
           side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b-2",
@@ -5675,7 +5680,7 @@ function TaskDetailContent({
       await onUpdate(task.id, { [field]: value });
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-6 py-4 space-y-6", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-6 py-4 space-y-6 text-theme", children: [
     task.number && /* @__PURE__ */ jsx("div", { className: "flex justify-end -mt-2", children: /* @__PURE__ */ jsxs(Badge, { className: "bg-theme-subtle border border-theme-subtle text-theme-muted font-mono", children: [
       "#",
       task.number
@@ -5857,7 +5862,7 @@ function TaskDetailContent({
   ] });
 }
 function TaskDetailSkeleton2() {
-  return /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-6 py-4 space-y-6 animate-pulse", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-6 py-4 space-y-6 animate-pulse text-theme", children: [
     /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-3/4" }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
@@ -5937,9 +5942,13 @@ function TaskDetailSheet({
         side: "right",
         className: cn(
           "w-full sm:max-w-lg lg:max-w-xl",
-          "border-l border-theme-subtle bg-theme-surface",
+          "border-l border-theme-subtle",
           "flex flex-col p-0"
         ),
+        style: {
+          background: "var(--org-bg-elevated, #110E22)",
+          color: "var(--org-text, #F0ECF9)"
+        },
         children: [
           /* @__PURE__ */ jsx(SheetHeader, { className: "px-6 py-4 border-b border-theme-subtle", children: /* @__PURE__ */ jsx(SheetTitle, { className: "text-theme", children: task?.number ? `Task #${task.number}` : "Detalhes da Tarefa" }) }),
           content
@@ -5952,9 +5961,13 @@ function TaskDetailSheet({
     {
       className: cn(
         "h-[100dvh] max-h-[100dvh]",
-        "border-none bg-theme-surface rounded-none",
+        "border-none rounded-none",
         "flex flex-col"
       ),
+      style: {
+        background: "var(--org-bg-elevated, #110E22)",
+        color: "var(--org-text, #F0ECF9)"
+      },
       children: [
         /* @__PURE__ */ jsx(DrawerHeader, { className: "px-4 py-3 border-b border-theme-subtle flex-shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsx(DrawerTitle, { className: "text-theme", children: task?.number ? `Task #${task.number}` : "Detalhes" }),
@@ -6024,8 +6037,13 @@ function TaskCard({
   onUpdate,
   onAddLabel,
   onRemoveLabel,
+  onToggleLabel,
+  onCreateLabel,
+  availableLabels,
   onAddAssignee,
   onRemoveAssignee,
+  onToggleAssignee,
+  availableUsers,
   onAddSubtask,
   onToggleSubtask,
   onDeleteSubtask,
@@ -6076,9 +6094,9 @@ function TaskCard({
         className: cn(
           // Glass geometric style
           "group relative flex flex-col gap-2 p-3 cursor-pointer",
-          "bg-white/[0.05] backdrop-blur-md border border-primary dark:border-white/10",
+          "bg-theme-subtle-10 backdrop-blur-md border border-theme-subtle",
           "transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] rounded-xl",
-          "hover:border-primary-light/30",
+          "hover:border-theme-medium",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
           // State modifiers
           isDragging && "opacity-50 scale-95",
@@ -6215,8 +6233,13 @@ function TaskCard({
         onUpdate,
         onAddLabel,
         onRemoveLabel,
+        onToggleLabel,
+        onCreateLabel,
+        availableLabels,
         onAddAssignee,
         onRemoveAssignee,
+        onToggleAssignee,
+        availableUsers,
         onAddSubtask,
         onToggleSubtask,
         onDeleteSubtask,