organify-ui 0.3.39 → 0.3.41

package/dist/index.js

@@ -1,14 +1,15 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-65SJI47W.js';
-export { NotificationBell, NotificationItem, NotificationList, OrganifyNotifications, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceAvatarStack, PresenceIndicator, useNotifications, usePresence } from './chunk-65SJI47W.js';
-export { createAiClient, useAiChat, useAiCommand, useAiSuggest, useAiUsage } from './chunk-NV4RWAQ2.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-EQ3A7A2C.js';
+export { NotificationBell, NotificationItem, NotificationList, OrganifyNotifications, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceAvatarStack, PresenceIndicator, useNotifications, usePresence } from './chunk-EQ3A7A2C.js';
+import { useAiProjectWizard } from './chunk-XSPNTWET.js';
+export { createAiClient, useAiChat, useAiCommand, useAiProjectWizard, useAiSuggest, useAiUsage } from './chunk-XSPNTWET.js';
 export { I18nProvider, createTranslator, useI18n } from './chunk-FQA33MF4.js';
 export { ThemeProvider, useTheme } from './chunk-RFOKENE3.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, UserAvatar, ResponsiveDialog, Separator, Label, Input, Textarea, Button, UserDisplayName, Tabs, TabsList, TabsTrigger, TabsContent, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DialogFooter, DialogClose } from './chunk-V3UZIPZA.js';
-export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, InlineAiButton, Input, Label, MOCK_PROJECTS, MOCK_USERS, OrgLoader, OrgLoaderInline, OrganifyChat, ResponsiveDialog, RoomManagementPanel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TypingIndicatorMock, UserAvatar, UserDisplayName, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, invalidateUserCache, orgLoaderVariants, resolveUser, seedUserCache, typingIndicator, useAiInline, useChat, useResolvedUser } from './chunk-V3UZIPZA.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, UserAvatar, ResponsiveDialog, Separator, Label, Input, Textarea, Button, UserDisplayName, Tabs, TabsList, TabsTrigger, TabsContent, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DialogFooter, DialogClose } from './chunk-TMWQH4P7.js';
+export { AiChatSidebar, Alert, Button, ChatMessages, ChatSidebar, CommandBar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, InlineAiButton, Input, Label, MOCK_PROJECTS, MOCK_USERS, OrgLoader, OrgLoaderInline, OrganifyChat, ResponsiveDialog, RoomManagementPanel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TypingIndicatorMock, UserAvatar, UserDisplayName, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, invalidateUserCache, orgLoaderVariants, resolveUser, seedUserCache, typingIndicator, useAiInline, useChat, useResolvedUser } from './chunk-TMWQH4P7.js';
 import { cn, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Skeleton, useOrganify, useOrganifyGql, Avatar, AvatarFallback, useOrganifyUser, useOrganifyApi, Badge, ScrollArea, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, AvatarImage } from './chunk-UUBQQVDM.js';
 export { Avatar, AvatarFallback, AvatarImage, Badge, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, OrganifyContext, OrganifyProvider, ScrollArea, ScrollBar, Skeleton, SkeletonCard, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, badgeVariants, cn, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace } from './chunk-UUBQQVDM.js';
-import { OrgDiamond, OrgPlus, OrgComment, OrgEdit, OrgTrash, OrgSprint, OrgCheckCircle, OrgAttachment, OrgCalendar, OrgMail, OrgBoard, OrgRocket, OrgWarning, OrgFlag, OrgShield, OrgZap, OrgStar } from './chunk-MZKEDV5W.js';
-export { OrgAI, OrgActivity, OrgArrowLeft, OrgArrowRight, OrgAttachment, OrgBell, OrgBoard, OrgCalendar, OrgCelebrate, OrgChart, OrgChat, OrgCheck, OrgCheckCircle, OrgChevronDown, OrgChevronLeft, OrgChevronRight, OrgChevronUp, OrgClock, OrgClose, OrgComment, OrgCopy, OrgCreditCard, OrgTrash as OrgDelete, OrgDeveloper, OrgDiamond, OrgDoor, OrgDownload, OrgEdit, OrgError, OrgExecutive, OrgEye, OrgEyeOff, OrgFile, OrgFilter, OrgFlag, OrgFolder, OrgGauge, OrgGlobe, OrgGrid, OrgHeart, OrgHome, OrgInfo, OrgIntegration, OrgLink, OrgList, OrgLock, OrgLogo, OrgLogout, OrgMail, OrgMention, OrgMenu, OrgMoon, OrgPMO, OrgPause, OrgPlay, OrgPlus, OrgProjectManager, OrgReport, OrgRocket, OrgSearch, OrgSettings, OrgShield, OrgSort, OrgSprint, OrgStakeholder, OrgStar, OrgSun, OrgTag, OrgTarget, OrgTeam, OrgTrash, OrgTutorial, OrgUnlock, OrgUpload, OrgUser, OrgWarning, OrgWave, OrgWordmark, OrgWorkflow, OrgWorkspace, OrgZap } from './chunk-MZKEDV5W.js';
+import { OrgDiamond, OrgPlus, OrgComment, OrgEdit, OrgTrash, OrgSprint, OrgCheckCircle, OrgAttachment, OrgCalendar, OrgMail, OrgBoard, OrgRocket, OrgWarning, OrgFlag, OrgShield, OrgZap, OrgStar } from './chunk-J5TEVLDY.js';
+export { OrgAI, OrgActivity, OrgArrowLeft, OrgArrowRight, OrgAttachment, OrgBell, OrgBoard, OrgCalendar, OrgCelebrate, OrgChart, OrgChat, OrgCheck, OrgCheckCircle, OrgChevronDown, OrgChevronLeft, OrgChevronRight, OrgChevronUp, OrgClock, OrgClose, OrgComment, OrgCopy, OrgCreditCard, OrgTrash as OrgDelete, OrgDeveloper, OrgDiamond, OrgDoor, OrgDownload, OrgEdit, OrgError, OrgExecutive, OrgEye, OrgEyeOff, OrgFile, OrgFilter, OrgFlag, OrgFolder, OrgGauge, OrgGlobe, OrgGrid, OrgHeart, OrgHome, OrgInfo, OrgIntegration, OrgLink, OrgList, OrgLock, OrgLogo, OrgLogout, OrgMail, OrgMention, OrgMenu, OrgMoon, OrgNote, OrgPMO, OrgPause, OrgPin, OrgPlay, OrgPlus, OrgProjectManager, OrgReport, OrgRocket, OrgSearch, OrgSettings, OrgShield, OrgSort, OrgSprint, OrgStakeholder, OrgStar, OrgSun, OrgTag, OrgTarget, OrgTeam, OrgTrash, OrgTutorial, OrgUnlock, OrgUpload, OrgUser, OrgWarning, OrgWave, OrgWordmark, OrgWorkflow, OrgWorkspace, OrgZap } from './chunk-J5TEVLDY.js';
 import * as React11 from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -9223,6 +9224,400 @@ function CreateProjectDialog({
     }
   );
 }
+var spinnerVariants = cva("animate-spin", {
+  variants: {
+    variant: {
+      ring: "",
+      orbit: "",
+      dots: ""
+    },
+    size: {
+      sm: "h-4 w-4",
+      default: "h-6 w-6",
+      lg: "h-10 w-10",
+      xl: "h-12 w-12"
+    }
+  },
+  defaultVariants: {
+    variant: "ring",
+    size: "default"
+  }
+});
+function Spinner({ className, variant = "ring", size, caption, ...props }) {
+  if (variant === "orbit") {
+    const sizeMap = { sm: 16, default: 24, lg: 40, xl: 48 };
+    const s = sizeMap[size || "default"];
+    const r = (s - 4) / 2;
+    const circumference = 2 * Math.PI * r;
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center gap-3", className), ...props, children: [
+      /* @__PURE__ */ jsxs("div", { className: cn("relative flex items-center justify-center", spinnerVariants({ size })), children: [
+        /* @__PURE__ */ jsxs("svg", { className: "h-full w-full -rotate-90", children: [
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              className: "text-theme-subtle",
+              cx: s / 2,
+              cy: s / 2,
+              fill: "transparent",
+              r,
+              stroke: "currentColor",
+              strokeWidth: "1"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "circle",
+            {
+              className: "text-primary-light drop-shadow-[0_0_8px_rgba(80,60,246,0.6)]",
+              cx: s / 2,
+              cy: s / 2,
+              fill: "transparent",
+              r,
+              stroke: "currentColor",
+              strokeDasharray: circumference,
+              strokeDashoffset: circumference * 0.24,
+              strokeWidth: "2"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-1 w-1 rounded-full bg-white" }) })
+      ] }),
+      caption && /* @__PURE__ */ jsx("span", { className: "font-mono text-[9px] uppercase tracking-widest text-theme-muted", children: caption })
+    ] });
+  }
+  if (variant === "dots") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center gap-3", className), ...props, children: [
+      /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "rounded-full bg-primary-light",
+            size === "sm" && "h-1 w-1",
+            (size === "default" || !size) && "h-1.5 w-1.5",
+            size === "lg" && "h-2 w-2",
+            size === "xl" && "h-2.5 w-2.5"
+          ),
+          style: {
+            animation: `pulse 1.4s ease-in-out ${i * 0.2}s infinite`
+          }
+        },
+        i
+      )) }),
+      caption && /* @__PURE__ */ jsx("span", { className: "font-mono text-[9px] uppercase tracking-widest text-theme-muted", children: caption })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center gap-3", className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "rounded-full border border-primary/15 border-r-primary-light border-t-primary-light",
+          spinnerVariants({ size })
+        )
+      }
+    ),
+    caption && /* @__PURE__ */ jsx("span", { className: "font-mono text-[9px] uppercase tracking-widest text-org-text-muted", children: caption })
+  ] });
+}
+var PHASE_LABELS = ["Inicia\xE7\xE3o", "An\xE1lise", "Metodologia", "Configura\xE7\xE3o", "Cria\xE7\xE3o"];
+function ProgressStepper({ phase }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-4 py-2 overflow-x-auto flex-shrink-0", children: PHASE_LABELS.map((label, idx) => /* @__PURE__ */ jsxs(React11.Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5 min-w-fit", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "w-6 h-6 rounded-full flex items-center justify-center text-xs font-semibold transition-colors",
+            idx < phase ? "bg-primary text-primary-foreground" : idx === phase ? "bg-primary/80 text-primary-foreground ring-2 ring-primary/30" : "bg-muted text-muted-foreground"
+          ),
+          children: idx < phase ? "\u2713" : idx + 1
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "text-[10px] whitespace-nowrap",
+            idx === phase ? "text-foreground font-medium" : "text-muted-foreground"
+          ),
+          children: label
+        }
+      )
+    ] }),
+    idx < PHASE_LABELS.length - 1 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "h-px flex-1 min-w-[12px] transition-colors mb-3",
+          idx < phase ? "bg-primary" : "bg-border"
+        )
+      }
+    )
+  ] }, label)) });
+}
+function ChatBubble({ msg, learningMode }) {
+  const isUser = msg.role === "user";
+  if (msg.loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-7 h-7 rounded-full bg-primary/20 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx("span", { className: "text-xs", children: "AI" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-muted rounded-2xl rounded-bl-sm px-3 py-2 flex items-center gap-1.5 min-h-[36px]", children: [
+        /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "Pensando..." })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-end gap-2", isUser && "flex-row-reverse"), children: [
+    !isUser && /* @__PURE__ */ jsx("div", { className: "w-7 h-7 rounded-full bg-primary/20 flex items-center justify-center flex-shrink-0 text-xs font-semibold", children: "AI" }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "max-w-[80%] rounded-2xl px-3 py-2 text-sm",
+          isUser ? "bg-primary text-primary-foreground rounded-br-sm" : "bg-muted text-foreground rounded-bl-sm"
+        ),
+        children: [
+          msg.content && /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap", children: msg.content }),
+          msg.richContent && /* @__PURE__ */ jsx(
+            RichContentBlock,
+            {
+              richContent: msg.richContent,
+              learningMode
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function RichContentBlock({
+  richContent,
+  learningMode
+}) {
+  if (richContent.type === "methodology_recommendation" && richContent.methodologyOptions) {
+    return /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-col gap-2", children: richContent.methodologyOptions.map((opt) => /* @__PURE__ */ jsx(MethodologyCard, { option: opt, showLearn: learningMode }, opt.name)) });
+  }
+  if (richContent.type === "project_created") {
+    return /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2 text-sm text-emerald-600 dark:text-emerald-400", children: [
+      /* @__PURE__ */ jsx("span", { children: "\u2705" }),
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Projeto criado com sucesso!" })
+    ] });
+  }
+  return null;
+}
+function MethodologyCard({
+  option,
+  showLearn
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-background/80 p-3 flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm", children: option.name }),
+      /* @__PURE__ */ jsx(Badge, { variant: "default", className: "text-xs", children: option.complexity === "simple" ? "Simples" : option.complexity === "medium" ? "M\xE9dio" : "Avan\xE7ado" })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: option.description }),
+    showLearn && option.learn && /* @__PURE__ */ jsxs("p", { className: "text-xs text-blue-600 dark:text-blue-400 border-l-2 border-blue-400 pl-2 mt-1", children: [
+      "\u{1F4A1} ",
+      option.learn
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: option.bestFor.map((tag) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "text-[10px] bg-primary/10 text-primary rounded px-1.5 py-0.5",
+        children: tag
+      },
+      tag
+    )) })
+  ] });
+}
+function ProjectPreviewPanel({ preview }) {
+  if (!preview) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center text-muted-foreground gap-2 p-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-4xl opacity-30", children: "\u{1F4CB}" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-center", children: "A pr\xE9-visualiza\xE7\xE3o do projeto aparecer\xE1 aqui conforme voc\xEA responde." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto p-4 flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm text-muted-foreground uppercase tracking-wide", children: "Pr\xE9-visualiza\xE7\xE3o" }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card p-4 flex flex-col gap-3", children: [
+      preview.name && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Nome" }),
+        /* @__PURE__ */ jsx("p", { className: "font-semibold", children: preview.name })
+      ] }),
+      preview.description && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Descri\xE7\xE3o" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm", children: preview.description })
+      ] }),
+      preview.methodology && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Metodologia" }),
+        /* @__PURE__ */ jsx(Badge, { variant: "default", children: preview.methodology })
+      ] }),
+      preview.suggestedPhases && preview.suggestedPhases.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-1", children: "Fases sugeridas" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: preview.suggestedPhases.map((ph) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-xs bg-muted rounded px-2 py-0.5",
+            children: ph
+          },
+          ph
+        )) })
+      ] }),
+      preview.estimatedDuration && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Dura\xE7\xE3o estimada" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm", children: preview.estimatedDuration })
+      ] }),
+      preview.teamSize && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Tamanho da equipe" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
+          preview.teamSize,
+          " pessoa",
+          preview.teamSize !== 1 ? "s" : ""
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function QuickReplyBar({
+  replies,
+  onSelect,
+  disabled
+}) {
+  if (!replies.length) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 px-4 pb-1", children: replies.map((r) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      disabled,
+      onClick: () => onSelect(r),
+      className: "text-xs rounded-full border px-3 py-1 hover:bg-muted transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+      children: r
+    },
+    r
+  )) });
+}
+function AiProjectWizard({
+  open,
+  onOpenChange,
+  workspaceId,
+  client,
+  onCreated
+}) {
+  const {
+    messages,
+    loading,
+    error,
+    phase,
+    projectPreview,
+    quickReplies,
+    learningMode,
+    setLearningMode,
+    send,
+    reset
+  } = useAiProjectWizard({ client, workspaceId, onCreated });
+  const [input, setInput] = React11.useState("");
+  const messagesEndRef = React11.useRef(null);
+  const greetedRef = React11.useRef(false);
+  React11.useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages]);
+  React11.useEffect(() => {
+    if (open && !greetedRef.current && messages.length === 0) {
+      greetedRef.current = true;
+      send("Ol\xE1! Quero criar um projeto.");
+    }
+    if (!open) {
+      greetedRef.current = false;
+    }
+  }, [open, messages.length, send]);
+  function handleClose() {
+    reset();
+    setInput("");
+    onOpenChange(false);
+  }
+  async function handleSend() {
+    const text = input.trim();
+    if (!text) return;
+    setInput("");
+    await send(text);
+  }
+  function handleKeyDown(e) {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      void handleSend();
+    }
+  }
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange: (v) => {
+    if (!v) handleClose();
+  }, children: /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      side: "right",
+      className: "w-full sm:max-w-2xl lg:max-w-4xl p-0 flex flex-col gap-0 overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsxs(SheetHeader, { className: "flex-shrink-0 px-4 pt-4 pb-0 border-b", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pb-3", children: [
+            /* @__PURE__ */ jsx(SheetTitle, { className: "text-base font-semibold", children: "\u2728 Criar projeto com IA" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  id: "learning-mode",
+                  checked: learningMode,
+                  onCheckedChange: setLearningMode,
+                  className: "scale-90"
+                }
+              ),
+              /* @__PURE__ */ jsx(Label, { htmlFor: "learning-mode", className: "text-xs text-muted-foreground cursor-pointer select-none", children: "Modo Aprendizado" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(ProgressStepper, { phase })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-w-0 overflow-hidden", children: [
+            /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+              messages.map((msg) => /* @__PURE__ */ jsx(ChatBubble, { msg, learningMode }, msg.id)),
+              error && /* @__PURE__ */ jsx("div", { className: "text-xs text-destructive bg-destructive/10 rounded px-2 py-1 text-center", children: error }),
+              /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+            ] }) }),
+            /* @__PURE__ */ jsx(
+              QuickReplyBar,
+              {
+                replies: quickReplies,
+                onSelect: (r) => {
+                  setInput("");
+                  void send(r);
+                },
+                disabled: loading
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex-shrink-0 border-t px-4 py-3 flex gap-2 items-end", children: [
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  value: input,
+                  onChange: (e) => setInput(e.target.value),
+                  onKeyDown: handleKeyDown,
+                  placeholder: "Escreva uma mensagem\u2026 (Enter para enviar)",
+                  disabled: loading,
+                  className: "resize-none min-h-[40px] max-h-[120px] text-sm",
+                  rows: 1
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "sm",
+                  onClick: () => void handleSend(),
+                  disabled: loading || !input.trim(),
+                  className: "shrink-0 h-10",
+                  children: loading ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : "Enviar"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "hidden lg:flex flex-col w-72 border-l flex-shrink-0 overflow-hidden", children: /* @__PURE__ */ jsx(ProjectPreviewPanel, { preview: projectPreview }) })
+        ] })
+      ]
+    }
+  ) });
+}
 var CREATE_WORKSPACE_MUTATION2 = `
   mutation CreateWorkspace($input: CreateWorkspaceInput!) {
     createWorkspace(input: $input) {
@@ -9956,6 +10351,6 @@ function InviteMemberDialog({
   );
 }
 
-export { ActivityTrail, ActivityTrailSkeleton, BoardSkeleton, BoardsSwitcher, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, CURRENT_USER_KEY, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatSkeleton, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentItem, CommentThread, CreateEpicDialog, CreateProjectDialog, CreateSprintDialog, CreateTaskDialog, CreateWorkspaceDialog, DashboardSkeleton, Dock, DockButton, DockSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DueDateBadge, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, GeometricIcon, GlassPanel, InviteMemberDialog, KanbanBoard, Column as KanbanColumn, TaskCard2 as KanbanTaskCard, Logo, MemberListSkeleton, MetricCard, MetricCardSkeleton, PlanBadge, Progress, ProjectListSkeleton, SettingsSkeleton, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarButton, SidebarEntry, SprintFilter, SprintSkeleton, StatusPill, StepCircle, StepConnector, Stepper, Switch, TaskCard, TaskCardSkeleton, TaskDetailDialog, TaskDetailPanel, TaskDetailSheet, TaskListSkeleton, Toast, ToastProgress, Toaster, Toggle, WorkspaceSwitcher, emptyMediaVariants, geometricIconVariants, glassPanelVariants, metricCardVariants, priorityConfig, statusPillVariants, useCurrentUser, useMediaQuery };
+export { ActivityTrail, ActivityTrailSkeleton, AiProjectWizard, BoardSkeleton, BoardsSwitcher, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, CURRENT_USER_KEY, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatSkeleton, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentItem, CommentThread, CreateEpicDialog, CreateProjectDialog, CreateSprintDialog, CreateTaskDialog, CreateWorkspaceDialog, DashboardSkeleton, Dock, DockButton, DockSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DueDateBadge, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, GeometricIcon, GlassPanel, InviteMemberDialog, KanbanBoard, Column as KanbanColumn, TaskCard2 as KanbanTaskCard, Logo, MemberListSkeleton, MetricCard, MetricCardSkeleton, PlanBadge, Progress, ProjectListSkeleton, SettingsSkeleton, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarButton, SidebarEntry, SprintFilter, SprintSkeleton, StatusPill, StepCircle, StepConnector, Stepper, Switch, TaskCard, TaskCardSkeleton, TaskDetailDialog, TaskDetailPanel, TaskDetailSheet, TaskListSkeleton, Toast, ToastProgress, Toaster, Toggle, WorkspaceSwitcher, emptyMediaVariants, geometricIconVariants, glassPanelVariants, metricCardVariants, priorityConfig, statusPillVariants, useCurrentUser, useMediaQuery };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map