@fluencypassdevs/cycle 1.21.1 → 1.27.0

package/bin/mcp.mjs

@@ -146,6 +146,140 @@ const COMPONENTS = [
 </Card>`,
     keywords: ["card", "cartao", "container", "superficie", "painel", "bloco", "agrupamento"],
   },
+  {
+    name: "Table",
+    import: `import { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption } from "@fluencypassdevs/cycle"`,
+    description: "Tabela de dados para listagens (admin: cursos, alunos, transacoes). Wrapper com overflow-x proprio — tabela larga rola no container, nunca a pagina. Hover de linha, estado selecionado via data-state=selected, celula com checkbox remove padding direito automaticamente. UI-only: sort, filtro, paginacao e logica de selecao ficam no consumidor (GOVERNANCE.md Fronteiras de escopo). Colunas numericas: text-right + tabular-nums.",
+    props: [],
+    example: `<Table>
+  <TableCaption>Cursos ativos.</TableCaption>
+  <TableHeader>
+    <TableRow>
+      <TableHead>Curso</TableHead>
+      <TableHead className="text-right">Alunos</TableHead>
+    </TableRow>
+  </TableHeader>
+  <TableBody>
+    {cursos.map((c) => (
+      <TableRow key={c.id} data-state={c.selecionado ? "selected" : undefined}>
+        <TableCell className="font-medium">{c.nome}</TableCell>
+        <TableCell className="text-right tabular-nums">{c.alunos}</TableCell>
+      </TableRow>
+    ))}
+  </TableBody>
+</Table>`,
+    keywords: ["table", "tabela", "listagem", "lista", "dados", "admin", "grid de dados", "linhas", "colunas"],
+  },
+  {
+    name: "FileDropzone",
+    import: `import { FileDropzone, FileDropzoneItem, formatFileSize } from "@fluencypassdevs/cycle"`,
+    description: "Upload de arquivo UI-ONLY: area de drag-and-drop acessivel com validacao de SELECAO (accept MIME/extensao, tamanho maximo, arquivo de 0 bytes, quantidade) e mensagens PT-BR customizaveis. O upload em si (fetch, presigned URL, storage R2/Cloudinary) fica no CONSUMIDOR: onFilesAccepted entrega os Files validados e o progresso volta pelo FileDropzoneItem (status uploading/success/error + progress 0-100). Cada rejeicao dispara onFileRejected(file, reason). GOVERNANCE Fronteiras de escopo.",
+    props: [
+      { name: "accept", type: "string (sintaxe input nativo)", default: "-" },
+      { name: "maxSize", type: "number (bytes)", default: "-" },
+      { name: "multiple / maxFiles", type: "boolean / number", default: "false / -" },
+      { name: "onFilesAccepted", type: "(files: File[]) => void", default: "-" },
+      { name: "onFileRejected", type: '(file, reason: "type"|"size"|"empty"|"count") => void', default: "-" },
+      { name: "labels", type: "{ instruction?, hint?, errors? }", default: "PT-BR" },
+      { name: "status (Item)", type: '"idle"|"uploading"|"success"|"error"', default: '"idle"' },
+      { name: "progress (Item)", type: "number 0-100", default: "-" },
+    ],
+    example: `<FileDropzone
+  accept="audio/*,.mp3,.wav"
+  maxSize={20 * 1024 * 1024}
+  labels={{ hint: "MP3 ou WAV até 20 MB" }}
+  onFilesAccepted={(files) => iniciarUpload(files)}
+/>
+{arquivos.map((f) => (
+  <FileDropzoneItem key={f.id} name={f.name} size={f.size}
+    status={f.status} progress={f.progress} onRemove={() => remover(f.id)} />
+))}`,
+    keywords: ["upload", "arquivo", "dropzone", "drag and drop", "arrastar", "file", "anexo", "selecionar arquivo", "enviar arquivo"],
+  },
+  {
+    name: "Stepper",
+    import: `import { Stepper } from "@fluencypassdevs/cycle"\nimport type { StepperStep } from "@fluencypassdevs/cycle"`,
+    description: "Indicador de etapas com rotulos para fluxos multi-step (criacao de curso, onboarding, checkout). 4 estados: completed (Check), current (aria-current=step), upcoming, error (X destructive). Orientacao horizontal (desktop) e vertical (mobile/sidebar). Prop theme aplica cor so nos estados ativos, como na familia progress. onStepClick torna apenas etapas CONCLUIDAS clicaveis — pular pra frente e validacao ficam no consumidor. Progresso sem rotulos → ProgressStage/ProgressDot.",
+    props: [
+      { name: "steps", type: "StepperStep[] ({ label, description? })", default: "-" },
+      { name: "currentStep", type: "number (0-based)", default: "-" },
+      { name: "errorSteps", type: "number[]", default: "-" },
+      { name: "orientation", type: '"horizontal" | "vertical"', default: '"horizontal"' },
+      { name: "size", type: '"sm" | "default"', default: '"default"' },
+      { name: "theme", type: "string", default: "-" },
+      { name: "onStepClick", type: "(index: number) => void", default: "-" },
+    ],
+    example: `<Stepper
+  steps={[
+    { label: "Dados do curso", description: "Nome e descrição" },
+    { label: "Unidades" },
+    { label: "Revisão", description: "Publicar" },
+  ]}
+  currentStep={1}
+  theme="theme-class"
+  onStepClick={(i) => setCurrent(i)}
+/>`,
+    keywords: ["stepper", "etapas", "passos", "wizard", "multi-step", "fluxo", "onboarding", "checkout", "progresso com rotulo"],
+  },
+  {
+    name: "Command (Combobox)",
+    import: `import { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut } from "@fluencypassdevs/cycle"`,
+    description: "Lista de comandos com busca (cmdk). Base do padrao Combobox: Popover + Command + Button trigger (role=combobox, aria-expanded). CommandDialog para paleta Cmd+K. Filtro fuzzy embutido; shouldFilter={false} para busca assincrona (filtro no servidor, itens renderizados = resultado). UI-only: debounce, cache e estado de selecao ficam no consumidor. Lista curta sem busca → usar Select.",
+    props: [
+      { name: "shouldFilter (Command)", type: "boolean", default: "true" },
+      { name: "value/keywords (CommandItem)", type: "string / string[]", default: "-" },
+      { name: "onSelect (CommandItem)", type: "(value: string) => void", default: "-" },
+    ],
+    example: `<Popover open={open} onOpenChange={setOpen}>
+  <PopoverTrigger asChild>
+    <Button variant="outline" role="combobox" aria-expanded={open} className="w-64 justify-between font-normal">
+      {value ? cursos.find((c) => c.value === value)?.label : "Selecionar curso..."}
+      <CycleIcon icon={ChevronsUpDown} size="sm" decorative className="opacity-50" />
+    </Button>
+  </PopoverTrigger>
+  <PopoverContent className="w-64 p-0">
+    <Command>
+      <CommandInput placeholder="Buscar curso..." />
+      <CommandList>
+        <CommandEmpty>Nenhum curso encontrado.</CommandEmpty>
+        <CommandGroup>
+          {cursos.map((c) => (
+            <CommandItem key={c.value} value={c.value} keywords={[c.label]}
+                         onSelect={(v) => { setValue(v); setOpen(false) }}>
+              {c.label}
+            </CommandItem>
+          ))}
+        </CommandGroup>
+      </CommandList>
+    </Command>
+  </PopoverContent>
+</Popover>`,
+    keywords: ["combobox", "command", "busca", "autocomplete", "search", "select com busca", "cmdk", "paleta", "cmd+k", "filtrar"],
+  },
+  {
+    name: "Pagination",
+    import: `import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis } from "@fluencypassdevs/cycle"`,
+    description: "Navegacao de paginas para listagens (par natural do Table). PaginationLink com isActive (outline + aria-current=page) e asChild para Next Link. PaginationPrevious/Next com chevrons via CycleIcon e labels PT-BR customizaveis (prop label); texto some no mobile. UI-only: a janela de paginas (quais numeros mostrar, quando usar ellipsis) fica no consumidor.",
+    props: [
+      { name: "isActive (PaginationLink)", type: "boolean", default: "false" },
+      { name: "asChild (PaginationLink)", type: "boolean", default: "false" },
+      { name: "size (PaginationLink)", type: '"icon-sm" | "icon" | "sm" | "default"', default: '"icon-sm"' },
+      { name: "label (Previous/Next/Ellipsis)", type: "string", default: '"Anterior" / "Próxima" / "Mais páginas"' },
+    ],
+    example: `<Pagination>
+  <PaginationContent>
+    <PaginationItem><PaginationPrevious href="?page=1" /></PaginationItem>
+    <PaginationItem>
+      <PaginationLink asChild isActive={page === 2}>
+        <Link href="?page=2">2</Link>
+      </PaginationLink>
+    </PaginationItem>
+    <PaginationItem><PaginationEllipsis /></PaginationItem>
+    <PaginationItem><PaginationNext href="?page=3" /></PaginationItem>
+  </PaginationContent>
+</Pagination>`,
+    keywords: ["pagination", "paginacao", "paginas", "navegar", "listagem", "anterior", "proxima", "ellipsis"],
+  },
   {
     name: "Breadcrumb",
     import: `import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, BreadcrumbDot, BreadcrumbSwitcherTrigger } from "@fluencypassdevs/cycle"`,
@@ -689,9 +823,9 @@ const COMPONENTS = [
   {
     name: "AudioPlayer",
     import: `import { AudioPlayer } from "@fluencypassdevs/cycle"\nimport type { AudioPlayerRef } from "@fluencypassdevs/cycle"`,
-    description: "Player de audio (Vidstack). 2 variantes (default, card). Suporta MP3, OGG, HLS. showSpeed=true por padrao. Expoe ref imperativo (play/pause), callbacks onTimeUpdate/onEnded e labels para i18n.",
+    description: "Player de audio (Vidstack). 2 variantes (default, card). Suporta MP3, WAV, M4A, HLS. Src aceita URL string ou { src, type } (AudioPlayerSrc) para blob: de arquivo local e URL sem extensao — para blob, passar type do File.type (normalizado internamente). showSpeed=true por padrao. Expoe ref imperativo (play/pause), callbacks onTimeUpdate/onEnded e labels para i18n.",
     props: [
-      { name: "src", type: "string", default: "-" },
+      { name: "src", type: "string | { src: string; type: string }", default: "-" },
       { name: "variant", type: '"default" | "card"', default: '"default"' },
       { name: "title", type: "string", default: "-" },
       { name: "description", type: "string", default: "-" },
@@ -721,9 +855,9 @@ const ref = useRef<AudioPlayerRef>(null)
   {
     name: "VideoPlayer",
     import: `import { VideoPlayer } from "@fluencypassdevs/cycle"\nimport type { VideoPlayerRef, CaptionTrack } from "@fluencypassdevs/cycle"`,
-    description: "Player de video (Vidstack). Suporta MP4, WebM, HLS. Chapters, captions/subtitles (multiplos idiomas via CaptionTrack[]), buffering spinner, live indicator, tooltips. Expoe ref imperativo (play/pause), callbacks onTimeUpdate/onEnded e labels para i18n de todos os textos dos controles. Menus mobile curados para contexto de aula: sem audio gain, sem Google Cast (AirPlay mantido), sem toggles de demo — em Acessibilidade sobra Estilos de legenda, com corpo minimo legivel de 14px.",
+    description: "Player de video (Vidstack). Suporta MP4, WebM, HLS. Src aceita URL string ou { src, type } (VideoPlayerSrc) para blob: de arquivo local e URL sem extensao — para blob, passar type do File.type (normalizado internamente). Chapters, captions/subtitles (multiplos idiomas via CaptionTrack[]), buffering spinner, live indicator, tooltips. Expoe ref imperativo (play/pause), callbacks onTimeUpdate/onEnded e labels para i18n de todos os textos dos controles. Menus mobile curados para contexto de aula: sem audio gain, sem Google Cast (AirPlay mantido), sem toggles de demo — em Acessibilidade sobra Estilos de legenda (e o menu some inteiro quando o video nao tem legenda), com corpo minimo legivel de 14px.",
     props: [
-      { name: "src", type: "string", default: "-" },
+      { name: "src", type: "string | { src: string; type: string }", default: "-" },
       { name: "title", type: "string", default: "-" },
       { name: "chapters", type: "string (VTT URL)", default: "-" },
       { name: "captions", type: "CaptionTrack[]", default: "-" },

package/dist/chunk-GI7MEYSN.js

@@ -0,0 +1,163 @@
+import { Dialog, DialogHeader, DialogTitle, DialogDescription, DialogContent } from './chunk-AHHT4FZS.js';
+import { CycleIcon } from './chunk-US5LXJTO.js';
+import { cn } from './chunk-W4KJCBMW.js';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-2NMEKWO5.js';
+import { Command as Command$1 } from 'cmdk';
+import { Search } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Command(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Command$1,
+    __spreadValues({
+      "data-slot": "command",
+      className: cn(
+        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+        className
+      )
+    }, props)
+  );
+}
+function CommandDialog(_a) {
+  var _b = _a, {
+    title = "Paleta de comandos",
+    description = "Busque um comando...",
+    children,
+    className,
+    showCloseButton = true
+  } = _b, props = __objRest(_b, [
+    "title",
+    "description",
+    "children",
+    "className",
+    "showCloseButton"
+  ]);
+  return /* @__PURE__ */ jsxs(Dialog, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DialogContent,
+      {
+        className: cn("overflow-hidden p-0", className),
+        showCloseButton,
+        children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+      }
+    )
+  ] }));
+}
+function CommandInput(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b border-border px-3",
+      children: [
+        /* @__PURE__ */ jsx(CycleIcon, { icon: Search, size: "sm", decorative: true, className: "shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx(
+          Command$1.Input,
+          __spreadValues({
+            "data-slot": "command-input",
+            className: cn(
+              "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            )
+          }, props)
+        )
+      ]
+    }
+  );
+}
+function CommandList(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Command$1.List,
+    __spreadValues({
+      "data-slot": "command-list",
+      className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className)
+    }, props)
+  );
+}
+function CommandEmpty(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(
+    Command$1.Empty,
+    __spreadValues({
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm text-muted-foreground"
+    }, props)
+  );
+}
+function CommandGroup(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Command$1.Group,
+    __spreadValues({
+      "data-slot": "command-group",
+      className: cn(
+        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+        className
+      )
+    }, props)
+  );
+}
+function CommandSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Command$1.Separator,
+    __spreadValues({
+      "data-slot": "command-separator",
+      className: cn("-mx-1 h-px bg-border", className)
+    }, props)
+  );
+}
+function CommandItem(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Command$1.Item,
+    __spreadValues({
+      "data-slot": "command-item",
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      )
+    }, props)
+  );
+}
+function CommandShortcut(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadValues({
+      "data-slot": "command-shortcut",
+      className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className)
+    }, props)
+  );
+}
+
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+//# sourceMappingURL=chunk-GI7MEYSN.js.map
+//# sourceMappingURL=chunk-GI7MEYSN.js.map

package/dist/chunk-GI7MEYSN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/command.tsx"],"names":["CommandPrimitive"],"mappings":"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","file":"chunk-GI7MEYSN.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { Search } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { CycleIcon } from \"@/components/icons\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@/components/ui/dialog\"\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/** Paleta de comandos em modal (Cmd+K). Composta com o Dialog do Cycle. */\nfunction CommandDialog({\n  title = \"Paleta de comandos\",\n  description = \"Busque um comando...\",\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\"overflow-hidden p-0\", className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b border-border px-3\"\n    >\n      <CycleIcon icon={Search} size=\"sm\" decorative className=\"shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm text-muted-foreground\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"-mx-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n/** Atalho de teclado alinhado a direita do item (ex: ⌘K) */\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\"ml-auto text-xs tracking-widest text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"]}

package/dist/{chunk-LM5ZJFLA.js → chunk-GKJ45JXA.js}

@@ -8,6 +8,11 @@ import '@vidstack/react/player/styles/base.css';
 import { RotateCcw, Play, Pause, RotateCw, Gauge, Check, VolumeX, Volume1, Volume2 } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
+function resolveAudioSrc(src) {
+  if (typeof src === "string") return src;
+  if (src.src.startsWith("blob:")) return { src: src.src, type: "audio/object" };
+  return src;
+}
 var AudioLabelsContext = React.createContext({ speedNormal: "Normal" });
 function useAudioLabels() {
   return React.useContext(AudioLabelsContext);
@@ -122,6 +127,7 @@ var AudioPlayer = React.forwardRef(
       [locale, labels]
     );
     const player = React.useRef(null);
+    const resolvedSrc = React.useMemo(() => resolveAudioSrc(src), [src]);
     React.useImperativeHandle(ref, () => ({
       play() {
         var _a;
@@ -166,7 +172,7 @@ var AudioPlayer = React.forwardRef(
         MediaPlayer,
         __spreadProps(__spreadValues({
           ref: player,
-          src,
+          src: resolvedSrc,
           autoPlay,
           muted,
           loop,
@@ -228,7 +234,7 @@ var AudioPlayer = React.forwardRef(
       MediaPlayer,
       __spreadProps(__spreadValues({
         ref: player,
-        src,
+        src: resolvedSrc,
         autoPlay,
         muted,
         loop,
@@ -257,5 +263,5 @@ var AudioPlayer = React.forwardRef(
 );
 
 export { AudioPlayer };
-//# sourceMappingURL=chunk-LM5ZJFLA.js.map
-//# sourceMappingURL=chunk-LM5ZJFLA.js.map
+//# sourceMappingURL=chunk-GKJ45JXA.js.map
+//# sourceMappingURL=chunk-GKJ45JXA.js.map

package/dist/chunk-GKJ45JXA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/audio-player.tsx"],"names":["AudioPlayer"],"mappings":"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","file":"chunk-GKJ45JXA.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  MediaPlayer,\n  MediaProvider,\n  TimeSlider,\n  VolumeSlider,\n  Time,\n  PlayButton,\n  MuteButton,\n  SeekButton,\n  useMediaState,\n  useMediaRemote,\n  type MediaPlayerInstance,\n  type PlayerSrc,\n} from \"@vidstack/react\"\nimport \"@vidstack/react/player/styles/base.css\"\nimport {\n  Play,\n  Pause,\n  Volume2,\n  VolumeX,\n  Volume1,\n  RotateCcw,\n  RotateCw,\n  Gauge,\n  Check,\n} from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { cn } from \"@/lib/utils\"\nimport { type PlayerLocale, resolveAudioSpeedNormal } from \"@/components/ui/player-i18n\"\n\n/* ─── Types ─── */\n\nexport interface AudioPlayerRef {\n  play(): void\n  pause(): void\n  readonly currentTime: number\n  readonly duration: number\n}\n\nexport interface AudioPlayerLabels {\n  /** Label da velocidade normal no menu (default depende do locale) */\n  speedNormal?: string\n}\n\n/** Fonte de audio: URL string ou objeto com MIME type explicito.\n    O Vidstack infere o tipo pela EXTENSAO no path da URL — quando ela nao\n    existe (blob: de arquivo local, endpoints sem extensao) ou engana\n    (.ogg casa com o regex de VIDEO da lib), o provider de audio nunca\n    carrega. Nesses casos, passar { src, type } (ex: type do File.type\n    local ou o ContentType salvo no upload). Para `blob:`, qualquer\n    `type` serve — o componente normaliza internamente para\n    \"audio/object\" (rota garantida do Vidstack: a decodificacao fica com\n    o <audio> nativo, que aceita formatos fora da allowlist da lib,\n    como audio/wav de gravacoes). */\nexport type AudioPlayerSrc = string | { src: string; type: string }\n\n/** blob: → \"audio/object\" (unica rota que o isAudioSrc do Vidstack aceita\n    para blob; a allowlist AUDIO_TYPES nao cobre p.ex. audio/wav). Demais\n    objetos passam direto — cast porque o runtime aceita mais MIME types\n    que a uniao AudioMimeType dos tipos. */\nfunction resolveAudioSrc(src: AudioPlayerSrc): PlayerSrc {\n  if (typeof src === \"string\") return src\n  if (src.src.startsWith(\"blob:\")) return { src: src.src, type: \"audio/object\" }\n  return src as PlayerSrc\n}\n\nexport interface AudioPlayerProps {\n  /** Fonte do audio: URL (mp3, wav, m4a, m3u8...) ou { src, type } para blob:/URL sem extensao/.ogg */\n  src: AudioPlayerSrc\n  /** Nome da track/aula */\n  title: string\n  /** Subtitulo / nome do curso */\n  subtitle?: string\n  /** URL da imagem de capa (variante card) */\n  coverArt?: string\n  /** Alt text da imagem de capa */\n  coverArtAlt?: string\n  /** Variante de layout */\n  variant?: \"default\" | \"card\"\n  /** Icones, textos e sliders em primary-foreground — usar com .theme-* */\n  filled?: boolean\n  /** Iniciar automaticamente */\n  autoPlay?: boolean\n  /** Iniciar mutado */\n  muted?: boolean\n  /** Repetir ao terminar */\n  loop?: boolean\n  /** Exibir controle de velocidade (default: true — EdTech) */\n  showSpeed?: boolean\n  /** Tempo inicial em segundos — usado para retomar de onde o usuario parou (resume position) */\n  startTime?: number\n  /** Idioma dos controles (default: \"pt-BR\"). 13 locales pre-configurados. */\n  locale?: PlayerLocale\n  /** Overrides pontuais de labels — aplicados em cima do locale selecionado */\n  labels?: AudioPlayerLabels\n  /** Callback com progresso do audio (currentTime em segundos, duration em segundos) */\n  onTimeUpdate?: (currentTime: number, duration: number) => void\n  /** Callback disparado quando o audio termina */\n  onEnded?: () => void\n  className?: string\n}\n\n/* ─── Labels context ─── */\n\nconst AudioLabelsContext = React.createContext<{ speedNormal: string }>({ speedNormal: \"Normal\" })\nfunction useAudioLabels() {\n  return React.useContext(AudioLabelsContext)\n}\n\n/* ─── Shared styles ─── */\n\nconst controlBtnClass =\n  \"group/btn inline-flex size-9 cursor-pointer items-center justify-center rounded-md text-foreground outline-none transition-colors hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring group-data-[filled]:text-primary-foreground group-data-[filled]:hover:bg-primary-foreground/10\"\n\n/** Play, Pause e Volume usam icones filled (solid) — igual YouTube */\nconst filledIconClass =\n  \"fill-current !stroke-transparent text-foreground group-data-[filled]:text-primary-foreground\"\n\nconst outlineIconClass =\n  \"text-foreground group-data-[filled]:text-primary-foreground\"\n\n/* ─── Sub-components ─── */\n\nfunction AudioPlayControl() {\n  const isPaused = useMediaState(\"paused\")\n  return (\n    <PlayButton className={controlBtnClass}>\n      {isPaused ? (\n        <CycleIcon icon={Play} size=\"sm\" decorative className={filledIconClass} />\n      ) : (\n        <CycleIcon icon={Pause} size=\"sm\" decorative className={filledIconClass} />\n      )}\n    </PlayButton>\n  )\n}\n\nfunction AudioSeekBackwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={-10}>\n      <CycleIcon icon={RotateCcw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioSeekForwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={10}>\n      <CycleIcon icon={RotateCw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioMuteControl() {\n  const volume = useMediaState(\"volume\")\n  const isMuted = useMediaState(\"muted\")\n\n  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2\n\n  return (\n    <MuteButton className={controlBtnClass}>\n      <CycleIcon icon={Icon} size=\"sm\" decorative className={filledIconClass} />\n    </MuteButton>\n  )\n}\n\nfunction AudioVolumeControl() {\n  return (\n    <VolumeSlider.Root className=\"group relative hidden h-9 w-20 cursor-pointer touch-none select-none items-center outline-none sm:inline-flex\">\n      <VolumeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <VolumeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\n      </VolumeSlider.Track>\n      <VolumeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n    </VolumeSlider.Root>\n  )\n}\n\nfunction AudioSeekBar() {\n  return (\n    <TimeSlider.Root className=\"group relative inline-flex h-9 w-full cursor-pointer touch-none select-none items-center outline-none\">\n      <TimeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <TimeSlider.Progress className=\"absolute h-full w-[var(--slider-progress)] rounded-full bg-accent-foreground/20 group-data-[filled]/root:bg-primary-foreground/20\" />\n        <TimeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\n      </TimeSlider.Track>\n      <TimeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n\n      {/* Time preview on hover */}\n      <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n        <TimeSlider.Value className=\"rounded bg-popover px-1.5 py-0.5 text-[11px] font-mono text-popover-foreground border border-border shadow-sm\" />\n      </TimeSlider.Preview>\n    </TimeSlider.Root>\n  )\n}\n\nfunction AudioTimeDisplay() {\n  return (\n    <div className=\"flex items-center gap-1 text-xs font-mono text-muted-foreground tabular-nums group-data-[filled]:text-primary-foreground/80\">\n      <Time type=\"current\" />\n      <span>/</span>\n      <Time type=\"duration\" />\n    </div>\n  )\n}\n\nfunction AudioSpeedControl() {\n  const playbackRate = useMediaState(\"playbackRate\")\n  const remote = useMediaRemote()\n  const [open, setOpen] = React.useState(false)\n  const l = useAudioLabels()\n\n  const rates = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]\n\n  return (\n    <div className=\"relative\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        className={controlBtnClass}\n      >\n        {playbackRate === 1 ? (\n          <CycleIcon icon={Gauge} size=\"sm\" decorative className={outlineIconClass} />\n        ) : (\n          <span className=\"text-xs font-mono font-semibold text-foreground group-data-[filled]:text-primary-foreground\">{playbackRate}x</span>\n        )}\n      </button>\n\n      {open && (\n        <>\n          {/* Backdrop to close */}\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[120px] rounded-lg border border-border bg-popover p-1 shadow-lg\">\n            {rates.map((rate) => (\n              <button\n                key={rate}\n                type=\"button\"\n                onClick={() => {\n                  remote.changePlaybackRate(rate)\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-popover-foreground/80 transition-colors hover:bg-accent hover:text-popover-foreground\",\n                  playbackRate === rate && \"text-popover-foreground font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {playbackRate === rate && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-popover-foreground\" />}\n                </span>\n                <span className=\"font-mono\">{rate === 1 ? l.speedNormal : `${rate}x`}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\n/* ─── Main component ─── */\n\nexport const AudioPlayer = React.forwardRef<AudioPlayerRef, AudioPlayerProps>(\n  function AudioPlayer(\n    {\n      src,\n      title,\n      subtitle,\n      coverArt,\n      coverArtAlt = \"\",\n      variant = \"default\",\n      filled = false,\n      autoPlay = false,\n      muted = false,\n      loop = false,\n      showSpeed = true,\n      startTime,\n      locale = \"pt-BR\",\n      labels,\n      onTimeUpdate,\n      onEnded,\n      className,\n    },\n    ref\n  ) {\n    const resolvedLabels = React.useMemo(\n      () => ({ speedNormal: resolveAudioSpeedNormal(locale, labels?.speedNormal) }),\n      [locale, labels]\n    )\n    const player = React.useRef<MediaPlayerInstance>(null)\n    const resolvedSrc = React.useMemo(() => resolveAudioSrc(src), [src])\n\n    React.useImperativeHandle(ref, () => ({\n      play() {\n        player.current?.play()\n      },\n      pause() {\n        player.current?.pause()\n      },\n      get currentTime() {\n        return player.current?.currentTime ?? 0\n      },\n      get duration() {\n        return player.current?.duration ?? 0\n      },\n    }))\n\n    const handleTimeUpdate = React.useCallback(\n      (detail: { currentTime: number }) => {\n        if (onTimeUpdate && player.current) {\n          onTimeUpdate(detail.currentTime, player.current.duration)\n        }\n      },\n      [onTimeUpdate]\n    )\n\n    const handleEnded = React.useCallback(() => {\n      onEnded?.()\n    }, [onEnded])\n\n    // Resume position: seek to startTime once the player is ready\n    const hasAppliedStartTime = React.useRef(false)\n    const handleCanPlay = React.useCallback(() => {\n      if (startTime && startTime > 0 && !hasAppliedStartTime.current && player.current) {\n        player.current.currentTime = startTime\n        hasAppliedStartTime.current = true\n      }\n    }, [startTime])\n\n    const playerEvents = {\n      onCanPlay: handleCanPlay,\n      ...(onTimeUpdate ? { onTimeUpdate: handleTimeUpdate } : {}),\n      ...(onEnded ? { onEnded: handleEnded } : {}),\n    }\n\n    if (variant === \"card\") {\n      return (\n        <AudioLabelsContext.Provider value={resolvedLabels}>\n        <MediaPlayer\n          ref={player}\n          src={resolvedSrc}\n          autoPlay={autoPlay}\n          muted={muted}\n          loop={loop}\n          viewType=\"audio\"\n          data-filled={filled ? \"\" : undefined}\n          style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n          className={cn(\n            \"group/root group !block w-full rounded-xl border border-border bg-card p-4 shadow-sm md:p-6\",\n            className\n          )}\n          {...playerEvents}\n        >\n          <MediaProvider className=\"!hidden\" />\n\n          {/* Top: cover art + text */}\n          <div className=\"flex gap-4 mb-4 md:gap-5 md:mb-6\">\n            {coverArt && (\n              <img\n                src={coverArt}\n                alt={coverArtAlt}\n                className=\"size-16 shrink-0 rounded-lg object-cover bg-muted md:size-24 md:rounded-xl\"\n              />\n            )}\n            <div className=\"flex min-w-0 flex-col justify-center\">\n              <p className={cn(\n                \"truncate heading-md md:heading-xl\",\n                filled ? \"text-primary-foreground\" : \"text-card-foreground\"\n              )}>{title}</p>\n              {subtitle && (\n                <p className={cn(\n                  \"truncate body-md md:body-lg\",\n                  filled ? \"text-primary-foreground/70\" : \"text-muted-foreground\"\n                )}>{subtitle}</p>\n              )}\n            </div>\n          </div>\n\n          {/* Seek bar */}\n          <div className=\"flex w-full items-center\">\n            <AudioSeekBar />\n          </div>\n\n          {/* Time */}\n          <div className=\"flex items-center justify-between px-0.5 -mt-1 mb-1 md:mb-2\">\n            <div className={cn(\n              \"text-[11px] font-mono tabular-nums md:text-xs\",\n              filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n            )}>\n              <Time type=\"current\" />\n            </div>\n            <div className={cn(\n              \"text-[11px] font-mono tabular-nums md:text-xs\",\n              filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n            )}>\n              <Time type=\"duration\" />\n            </div>\n          </div>\n\n          {/* Controls */}\n          <div className=\"flex items-center gap-1 md:gap-2\">\n            <AudioSeekBackwardControl />\n            <AudioPlayControl />\n            <AudioSeekForwardControl />\n\n            <div className=\"flex-1\" />\n\n            {showSpeed && <AudioSpeedControl />}\n            <AudioMuteControl />\n            <AudioVolumeControl />\n          </div>\n        </MediaPlayer>\n        </AudioLabelsContext.Provider>\n      )\n    }\n\n    // Default variant (compact bar)\n    return (\n      <AudioLabelsContext.Provider value={resolvedLabels}>\n      <MediaPlayer\n        ref={player}\n        src={resolvedSrc}\n        autoPlay={autoPlay}\n        muted={muted}\n        loop={loop}\n        viewType=\"audio\"\n        data-filled={filled ? \"\" : undefined}\n        style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n        className={cn(\n          \"group/root group !flex w-full items-center gap-1.5 rounded-xl border border-border bg-card px-2 py-1.5 shadow-sm\",\n          className\n        )}\n        {...playerEvents}\n      >\n        <MediaProvider className=\"!hidden\" />\n\n        {/* Left controls */}\n        <AudioSeekBackwardControl />\n        <AudioPlayControl />\n        <AudioSeekForwardControl />\n\n        {/* Seek bar */}\n        <div className=\"flex-1 px-1\">\n          <AudioSeekBar />\n        </div>\n\n        {/* Time */}\n        <AudioTimeDisplay />\n\n        {/* Right controls */}\n        {showSpeed && <AudioSpeedControl />}\n        <AudioMuteControl />\n        <AudioVolumeControl />\n      </MediaPlayer>\n      </AudioLabelsContext.Provider>\n    )\n  }\n)\n"]}

package/dist/{chunk-YHCDOHJL.js → chunk-OLYW5LVG.js}

@@ -1,6 +1,6 @@
 import { ChatBubble } from './chunk-VHNPIT56.js';
-import { CycleIcon } from './chunk-US5LXJTO.js';
 import { ScrollArea } from './chunk-6ZID2UNI.js';
+import { CycleIcon } from './chunk-US5LXJTO.js';
 import { Button } from './chunk-LALM2LHM.js';
 import { cn } from './chunk-W4KJCBMW.js';
 import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
@@ -100,5 +100,5 @@ function ChatPanel(_a) {
 }
 
 export { ChatPanel };
-//# sourceMappingURL=chunk-YHCDOHJL.js.map
-//# sourceMappingURL=chunk-YHCDOHJL.js.map
+//# sourceMappingURL=chunk-OLYW5LVG.js.map
+//# sourceMappingURL=chunk-OLYW5LVG.js.map

package/dist/{chunk-YHCDOHJL.js.map → chunk-OLYW5LVG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/chat-panel.tsx"],"names":[],"mappings":"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","file":"chunk-YHCDOHJL.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { SendIcon } from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons/CycleIcon\"\nimport { Button } from \"@/components/ui/button\"\nimport { ScrollArea } from \"@/components/ui/scroll-area\"\nimport { ChatBubble, type ChatBubbleProps } from \"@/components/ui/chat-bubble\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface ChatMessage {\n  /** Unique message ID */\n  id: string\n  /** Author display name */\n  author: string\n  /** Avatar URL */\n  avatar?: string\n  /** Message text */\n  message: string\n  /** Timestamp label (e.g. \"14:32\") */\n  timestamp?: string\n  /** Message variant */\n  variant?: ChatBubbleProps[\"variant\"]\n}\n\nexport interface ChatPanelProps extends React.ComponentProps<\"div\"> {\n  /** Chat messages array */\n  messages: ChatMessage[]\n  /** Callback when the user sends a message */\n  onSendMessage?: (message: string) => void\n  /** Disable the input (e.g. when chat is read-only or ended) */\n  disabled?: boolean\n  /** Input placeholder text */\n  placeholder?: string\n  /** Title shown at the top of the panel */\n  title?: string\n}\n\n/* ─── Component ─── */\n\nfunction ChatPanel({\n  messages,\n  onSendMessage,\n  disabled = false,\n  placeholder = \"Envie uma mensagem...\",\n  title = \"Chat\",\n  className,\n  ...props\n}: ChatPanelProps) {\n  const [input, setInput] = React.useState(\"\")\n  const scrollRef = React.useRef<HTMLDivElement>(null)\n\n  /* Auto-scroll to bottom on new messages */\n  React.useEffect(() => {\n    const el = scrollRef.current\n    if (el) {\n      el.scrollTop = el.scrollHeight\n    }\n  }, [messages.length])\n\n  function handleSubmit(e: React.FormEvent) {\n    e.preventDefault()\n    const trimmed = input.trim()\n    if (!trimmed || disabled) return\n    onSendMessage?.(trimmed)\n    setInput(\"\")\n  }\n\n  return (\n    <div\n      data-slot=\"chat-panel\"\n      className={cn(\n        \"flex flex-col bg-background border-l border-border\",\n        className\n      )}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"shrink-0 flex items-center h-12 px-4 border-b border-border\">\n        <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n      </div>\n\n      {/* Messages */}\n      <ScrollArea className=\"flex-1 min-h-0\">\n        <div ref={scrollRef} className=\"flex flex-col gap-3 p-4\">\n          {messages.length === 0 && (\n            <p className=\"text-sm text-muted-foreground text-center py-8\">\n              Nenhuma mensagem ainda.\n            </p>\n          )}\n          {messages.map((msg) => (\n            <ChatBubble\n              key={msg.id}\n              author={msg.author}\n              avatar={msg.avatar}\n              message={msg.message}\n              timestamp={msg.timestamp}\n              variant={msg.variant}\n            />\n          ))}\n        </div>\n      </ScrollArea>\n\n      {/* Input */}\n      {onSendMessage && (\n        <form\n          onSubmit={handleSubmit}\n          className=\"shrink-0 flex items-center gap-2 p-3 border-t border-border\"\n        >\n          <input\n            type=\"text\"\n            value={input}\n            onChange={(e) => setInput(e.target.value)}\n            placeholder={placeholder}\n            disabled={disabled}\n            className=\"flex-1 min-w-0 h-9 rounded-lg border border-input bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 ring-offset-background disabled:opacity-50 disabled:cursor-not-allowed\"\n          />\n          <Button\n            type=\"submit\"\n            size=\"icon-sm\"\n            disabled={disabled || !input.trim()}\n            className=\"shrink-0\"\n          >\n            <CycleIcon icon={SendIcon} size=\"xs\" decorative />\n          </Button>\n        </form>\n      )}\n    </div>\n  )\n}\n\nexport { ChatPanel }\n"]}
+{"version":3,"sources":["../src/components/ui/chat-panel.tsx"],"names":[],"mappings":"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","file":"chunk-OLYW5LVG.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { SendIcon } from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons/CycleIcon\"\nimport { Button } from \"@/components/ui/button\"\nimport { ScrollArea } from \"@/components/ui/scroll-area\"\nimport { ChatBubble, type ChatBubbleProps } from \"@/components/ui/chat-bubble\"\nimport { cn } from \"@/lib/utils\"\n\n/* ─── Types ─── */\n\nexport interface ChatMessage {\n  /** Unique message ID */\n  id: string\n  /** Author display name */\n  author: string\n  /** Avatar URL */\n  avatar?: string\n  /** Message text */\n  message: string\n  /** Timestamp label (e.g. \"14:32\") */\n  timestamp?: string\n  /** Message variant */\n  variant?: ChatBubbleProps[\"variant\"]\n}\n\nexport interface ChatPanelProps extends React.ComponentProps<\"div\"> {\n  /** Chat messages array */\n  messages: ChatMessage[]\n  /** Callback when the user sends a message */\n  onSendMessage?: (message: string) => void\n  /** Disable the input (e.g. when chat is read-only or ended) */\n  disabled?: boolean\n  /** Input placeholder text */\n  placeholder?: string\n  /** Title shown at the top of the panel */\n  title?: string\n}\n\n/* ─── Component ─── */\n\nfunction ChatPanel({\n  messages,\n  onSendMessage,\n  disabled = false,\n  placeholder = \"Envie uma mensagem...\",\n  title = \"Chat\",\n  className,\n  ...props\n}: ChatPanelProps) {\n  const [input, setInput] = React.useState(\"\")\n  const scrollRef = React.useRef<HTMLDivElement>(null)\n\n  /* Auto-scroll to bottom on new messages */\n  React.useEffect(() => {\n    const el = scrollRef.current\n    if (el) {\n      el.scrollTop = el.scrollHeight\n    }\n  }, [messages.length])\n\n  function handleSubmit(e: React.FormEvent) {\n    e.preventDefault()\n    const trimmed = input.trim()\n    if (!trimmed || disabled) return\n    onSendMessage?.(trimmed)\n    setInput(\"\")\n  }\n\n  return (\n    <div\n      data-slot=\"chat-panel\"\n      className={cn(\n        \"flex flex-col bg-background border-l border-border\",\n        className\n      )}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"shrink-0 flex items-center h-12 px-4 border-b border-border\">\n        <h3 className=\"text-sm font-semibold text-foreground\">{title}</h3>\n      </div>\n\n      {/* Messages */}\n      <ScrollArea className=\"flex-1 min-h-0\">\n        <div ref={scrollRef} className=\"flex flex-col gap-3 p-4\">\n          {messages.length === 0 && (\n            <p className=\"text-sm text-muted-foreground text-center py-8\">\n              Nenhuma mensagem ainda.\n            </p>\n          )}\n          {messages.map((msg) => (\n            <ChatBubble\n              key={msg.id}\n              author={msg.author}\n              avatar={msg.avatar}\n              message={msg.message}\n              timestamp={msg.timestamp}\n              variant={msg.variant}\n            />\n          ))}\n        </div>\n      </ScrollArea>\n\n      {/* Input */}\n      {onSendMessage && (\n        <form\n          onSubmit={handleSubmit}\n          className=\"shrink-0 flex items-center gap-2 p-3 border-t border-border\"\n        >\n          <input\n            type=\"text\"\n            value={input}\n            onChange={(e) => setInput(e.target.value)}\n            placeholder={placeholder}\n            disabled={disabled}\n            className=\"flex-1 min-w-0 h-9 rounded-lg border border-input bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 ring-offset-background disabled:opacity-50 disabled:cursor-not-allowed\"\n          />\n          <Button\n            type=\"submit\"\n            size=\"icon-sm\"\n            disabled={disabled || !input.trim()}\n            className=\"shrink-0\"\n          >\n            <CycleIcon icon={SendIcon} size=\"xs\" decorative />\n          </Button>\n        </form>\n      )}\n    </div>\n  )\n}\n\nexport { ChatPanel }\n"]}