@fluencypassdevs/cycle 1.9.3 → 1.10.0

package/dist/chunk-U4QKU5RB.js

@@ -0,0 +1,428 @@
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-3EFI7PYC.js';
+import { ChatMessage } from './chunk-YMWRR7ET.js';
+import { DEFAULT_MESSAGE_RATING_LABELS, MessageRating } from './chunk-6OYSTCGP.js';
+import { MessageBar } from './chunk-27PO7X4G.js';
+import { cn } from './chunk-TYCPXAXF.js';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-YINJ5YZ5.js';
+import * as React from 'react';
+import { ChevronDown, Square } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SCROLL_BOTTOM_THRESHOLD = 100;
+var LOAD_MORE_THRESHOLD = 200;
+function ChatThreadBanner({
+  variant,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: cn(
+        "shrink-0 flex items-center gap-2 px-4 py-2 text-sm border-b",
+        variant === "offline" && "bg-destructive/10 text-destructive border-destructive/20",
+        variant === "rate-limit" && "bg-muted text-muted-foreground border-border"
+      ),
+      children
+    }
+  );
+}
+function useCountdown(until) {
+  const [now, setNow] = React.useState(() => Date.now());
+  React.useEffect(() => {
+    if (!until || until <= Date.now()) return;
+    const id = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(id);
+  }, [until]);
+  if (!until) return 0;
+  const remainingMs = until - now;
+  return Math.max(0, Math.ceil(remainingMs / 1e3));
+}
+function StopResponseButton({
+  onClick,
+  label = "Parar resposta"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "w-full flex items-center justify-center gap-2 h-12 rounded-2xl bg-muted text-neutral-foreground hover:bg-muted/80 transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+      "aria-label": label,
+      children: [
+        /* @__PURE__ */ jsx(Square, { className: "size-4", fill: "currentColor", strokeWidth: 0 }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label })
+      ]
+    }
+  );
+}
+function ScrollToBottomButton({
+  onClick,
+  hasNewMessage
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "absolute bottom-2 left-1/2 -translate-x-1/2 z-10 inline-flex items-center justify-center size-10 rounded-full bg-background border border-border shadow-md hover:bg-muted/50 transition-all focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+      "aria-label": hasNewMessage ? "Nova mensagem \u2014 ir para o fim" : "Ir para o fim",
+      children: [
+        /* @__PURE__ */ jsx(ChevronDown, { className: "size-5 text-neutral-foreground" }),
+        hasNewMessage && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "absolute top-1 right-1 size-2 rounded-full bg-primary theme-brand",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function MessageBubbleAnimated({
+  children,
+  enableAnimation
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "transition-[opacity,transform] duration-200 ease-out",
+        enableAnimation ? "animate-thread-msg-enter" : ""
+      ),
+      children
+    }
+  );
+}
+function ChatThread(_a) {
+  var _b = _a, {
+    messages,
+    state = "idle",
+    initialThinking = false,
+    onSendText,
+    onSendAudio,
+    onRetryMessage,
+    onRegenerateResponse,
+    onStopResponse,
+    onLoadMore,
+    onStartRecording,
+    onPauseRecording,
+    onResumeRecording,
+    onCancelRecording,
+    onTogglePlay,
+    onSeekPlayback,
+    recordingStream,
+    recordingDuration,
+    isPlaying,
+    playbackProgress,
+    offline = false,
+    rateLimitedUntil = null,
+    rateLimitBannerText,
+    quotaExhausted = false,
+    quotaExhaustedConfig,
+    onRate,
+    ratingLabels,
+    placeholder,
+    maxLength,
+    audioOnlyMode = false,
+    offlineBannerText = "Sem conexao. Tentando reconectar...",
+    retryButtonText = "Tentar novamente",
+    regenerateButtonText = "Regenerar resposta",
+    stopResponseText = "Parar resposta",
+    defaultAiErrorText = "Desculpe, nao consegui responder.",
+    className
+  } = _b, props = __objRest(_b, [
+    "messages",
+    "state",
+    "initialThinking",
+    "onSendText",
+    "onSendAudio",
+    "onRetryMessage",
+    "onRegenerateResponse",
+    "onStopResponse",
+    "onLoadMore",
+    "onStartRecording",
+    "onPauseRecording",
+    "onResumeRecording",
+    "onCancelRecording",
+    "onTogglePlay",
+    "onSeekPlayback",
+    "recordingStream",
+    "recordingDuration",
+    "isPlaying",
+    "playbackProgress",
+    "offline",
+    "rateLimitedUntil",
+    "rateLimitBannerText",
+    "quotaExhausted",
+    "quotaExhaustedConfig",
+    "onRate",
+    "ratingLabels",
+    "placeholder",
+    "maxLength",
+    "audioOnlyMode",
+    "offlineBannerText",
+    "retryButtonText",
+    "regenerateButtonText",
+    "stopResponseText",
+    "defaultAiErrorText",
+    "className"
+  ]);
+  const rateLimitSecondsLeft = useCountdown(rateLimitedUntil);
+  const isRateLimited = rateLimitSecondsLeft > 0;
+  const isThinking = state === "thinking" || initialThinking && messages.length === 0;
+  const isDisabled = offline || isRateLimited || quotaExhausted;
+  const scrollRef = React.useRef(null);
+  const [isAtBottom, setIsAtBottom] = React.useState(true);
+  const [hasNewBelow, setHasNewBelow] = React.useState(false);
+  const prevMessageCountRef = React.useRef(messages.length);
+  const loadMoreInFlightRef = React.useRef(false);
+  const [isLoadingMore, setIsLoadingMore] = React.useState(false);
+  const mountedRef = React.useRef(false);
+  React.useEffect(() => {
+    mountedRef.current = true;
+  }, []);
+  const checkScrollPosition = React.useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+    const atBottom = distanceFromBottom <= SCROLL_BOTTOM_THRESHOLD;
+    setIsAtBottom(atBottom);
+    if (atBottom) setHasNewBelow(false);
+  }, []);
+  const scrollToBottom = React.useCallback((smooth = true) => {
+    const el = scrollRef.current;
+    if (!el) return;
+    el.scrollTo({
+      top: el.scrollHeight,
+      behavior: smooth ? "smooth" : "auto"
+    });
+    setHasNewBelow(false);
+  }, []);
+  React.useEffect(() => {
+    const prev = prevMessageCountRef.current;
+    const curr = messages.length;
+    prevMessageCountRef.current = curr;
+    if (curr <= prev) return;
+    if (isAtBottom) {
+      requestAnimationFrame(() => scrollToBottom(true));
+    } else {
+      setHasNewBelow(true);
+    }
+  }, [messages.length]);
+  React.useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const handler = () => {
+      checkScrollPosition();
+      if (onLoadMore && !loadMoreInFlightRef.current && el.scrollTop <= LOAD_MORE_THRESHOLD) {
+        loadMoreInFlightRef.current = true;
+        setIsLoadingMore(true);
+        const prevScrollHeight = el.scrollHeight;
+        Promise.resolve(onLoadMore()).then(() => {
+          requestAnimationFrame(() => {
+            const newScrollHeight = el.scrollHeight;
+            el.scrollTop = newScrollHeight - prevScrollHeight;
+          });
+        }).finally(() => {
+          loadMoreInFlightRef.current = false;
+          setIsLoadingMore(false);
+        });
+      }
+    };
+    el.addEventListener("scroll", handler, { passive: true });
+    requestAnimationFrame(() => scrollToBottom(false));
+    return () => el.removeEventListener("scroll", handler);
+  }, [onLoadMore]);
+  const lastAiMessage = React.useMemo(() => {
+    for (let i = messages.length - 1; i >= 0; i--) {
+      if (messages[i].persona === "ai") return messages[i];
+    }
+    return null;
+  }, [messages]);
+  const [ratedMessageIds, setRatedMessageIds] = React.useState(() => /* @__PURE__ */ new Set());
+  const mergedRatingLabels = React.useMemo(
+    () => __spreadValues(__spreadValues({}, DEFAULT_MESSAGE_RATING_LABELS), ratingLabels),
+    [ratingLabels]
+  );
+  const handleRateMessage = React.useCallback(
+    (messageId, value) => {
+      setRatedMessageIds((prev) => {
+        const next = new Set(prev);
+        next.add(messageId);
+        return next;
+      });
+      onRate == null ? void 0 : onRate(messageId, value, mergedRatingLabels[value]);
+    },
+    [onRate, mergedRatingLabels]
+  );
+  const baseMessageBarState = audioOnlyMode ? "audio-only" : "default";
+  const [internalRecordingState, setInternalRecordingState] = React.useState("idle");
+  React.useEffect(() => {
+    if (internalRecordingState === "idle") return;
+  }, [audioOnlyMode, internalRecordingState]);
+  const messageBarState = isDisabled ? "disabled" : internalRecordingState === "recording" ? "recording" : internalRecordingState === "paused" ? "paused" : baseMessageBarState;
+  const handleStartRecordingInternal = React.useCallback(() => {
+    setInternalRecordingState("recording");
+    onStartRecording == null ? void 0 : onStartRecording();
+  }, [onStartRecording]);
+  const handlePauseRecordingInternal = React.useCallback(() => {
+    setInternalRecordingState("paused");
+    onPauseRecording == null ? void 0 : onPauseRecording();
+  }, [onPauseRecording]);
+  const handleResumeRecordingInternal = React.useCallback(() => {
+    setInternalRecordingState("recording");
+    onResumeRecording == null ? void 0 : onResumeRecording();
+  }, [onResumeRecording]);
+  const handleCancelRecordingInternal = React.useCallback(() => {
+    setInternalRecordingState("idle");
+    onCancelRecording == null ? void 0 : onCancelRecording();
+  }, [onCancelRecording]);
+  const handleSendAudioInternal = React.useCallback(() => {
+    setInternalRecordingState("idle");
+    onSendAudio == null ? void 0 : onSendAudio();
+  }, [onSendAudio]);
+  const [inputValue, setInputValue] = React.useState("");
+  const handleSendTextInternal = React.useCallback(
+    (text) => {
+      setInputValue("");
+      onSendText == null ? void 0 : onSendText(text);
+    },
+    [onSendText]
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "chat-thread",
+      className: cn("relative flex flex-col h-full bg-background", className)
+    }, props), {
+      children: [
+        offline && /* @__PURE__ */ jsxs(ChatThreadBanner, { variant: "offline", children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u26A0" }),
+          /* @__PURE__ */ jsx("span", { children: offlineBannerText })
+        ] }),
+        isRateLimited && /* @__PURE__ */ jsxs(ChatThreadBanner, { variant: "rate-limit", children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u23F1" }),
+          /* @__PURE__ */ jsx("span", { children: rateLimitBannerText ? rateLimitBannerText(rateLimitSecondsLeft) : `Aguarde ${rateLimitSecondsLeft}s antes de enviar nova mensagem` })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: scrollRef,
+            className: "flex-1 overflow-y-auto px-4 py-4 space-y-4",
+            role: "log",
+            "aria-live": "polite",
+            "aria-atomic": "false",
+            children: [
+              isLoadingMore && /* @__PURE__ */ jsx("div", { className: "flex justify-center py-2", "aria-label": "Carregando mensagens anteriores", children: /* @__PURE__ */ jsx("span", { className: "inline-block size-5 border-2 border-muted-foreground/30 border-t-muted-foreground rounded-full animate-spin" }) }),
+              messages.map((msg, idx) => {
+                const enableAnim = mountedRef.current && idx >= prevMessageCountRef.current - 1;
+                const isFailedUser = msg.persona === "user" && msg.status === "failed";
+                const isFailedAi = msg.persona === "ai" && msg.status === "failed";
+                const isPendingUser = msg.persona === "user" && msg.status === "pending";
+                return /* @__PURE__ */ jsxs(MessageBubbleAnimated, { enableAnimation: enableAnim, children: [
+                  /* @__PURE__ */ jsx(
+                    ChatMessage,
+                    {
+                      persona: msg.persona,
+                      text: msg.text,
+                      audioSrc: msg.audioSrc,
+                      loading: isPendingUser && !msg.text && !msg.audioSrc,
+                      className: cn(
+                        isPendingUser && "opacity-80",
+                        isFailedUser && "[&_[data-slot=chat-message-bubble]]:border-2 [&_[data-slot=chat-message-bubble]]:border-destructive"
+                      )
+                    }
+                  ),
+                  isFailedUser && /* @__PURE__ */ jsx("div", { className: "mt-2 flex justify-end", children: /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => onRetryMessage == null ? void 0 : onRetryMessage(msg.id),
+                      className: "inline-flex items-center gap-1 text-xs text-destructive hover:underline focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 rounded",
+                      children: [
+                        "\u21BB ",
+                        retryButtonText
+                      ]
+                    }
+                  ) }),
+                  isFailedAi && /* Alinhado com a bubble da IA: offset = badge 32px + gap 12px = 44px (desktop).
+                     Mobile sem offset porque o badge fica oculto no ChatMessage AI. */
+                  /* @__PURE__ */ jsxs("div", { className: "mt-2 sm:pl-11 flex flex-col items-start gap-2", children: [
+                    /* @__PURE__ */ jsx("div", { className: "text-sm text-destructive", children: msg.errorText || defaultAiErrorText }),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: onRegenerateResponse,
+                        className: "inline-flex items-center gap-1 text-xs text-primary hover:underline focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 rounded",
+                        children: [
+                          "\u21BB ",
+                          regenerateButtonText
+                        ]
+                      }
+                    )
+                  ] }),
+                  msg.persona === "ai" && msg.requestRating && !ratedMessageIds.has(msg.id) && /* @__PURE__ */ jsx("div", { className: "mt-3 sm:pl-11 animate-thread-msg-enter", children: /* @__PURE__ */ jsx(
+                    MessageRating,
+                    {
+                      value: null,
+                      labels: ratingLabels,
+                      onChange: (value) => handleRateMessage(msg.id, value)
+                    }
+                  ) })
+                ] }, msg.id);
+              }),
+              isThinking && /* @__PURE__ */ jsx(MessageBubbleAnimated, { enableAnimation: true, children: /* @__PURE__ */ jsx(ChatMessage, { persona: "ai", loading: true }) }),
+              /* @__PURE__ */ jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: (lastAiMessage == null ? void 0 : lastAiMessage.text) || "" })
+            ]
+          }
+        ),
+        !isAtBottom && /* @__PURE__ */ jsx(
+          ScrollToBottomButton,
+          {
+            onClick: () => scrollToBottom(true),
+            hasNewMessage: hasNewBelow
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "shrink-0 px-4 pb-4 pt-2", children: isThinking ? /* @__PURE__ */ jsx("div", { className: "animate-thread-msg-enter", children: /* @__PURE__ */ jsx(StopResponseButton, { onClick: onStopResponse, label: stopResponseText }) }) : /* @__PURE__ */ jsx("div", { className: "animate-thread-msg-enter", children: /* @__PURE__ */ jsx(
+          MessageBar,
+          {
+            state: messageBarState,
+            value: inputValue,
+            onChange: setInputValue,
+            onSendText: handleSendTextInternal,
+            onSendAudio: handleSendAudioInternal,
+            onStartRecording: handleStartRecordingInternal,
+            onPauseRecording: handlePauseRecordingInternal,
+            onResumeRecording: handleResumeRecordingInternal,
+            onCancelRecording: handleCancelRecordingInternal,
+            onTogglePlay,
+            onSeekPlayback,
+            recordingStream,
+            recordingDuration,
+            isPlaying,
+            playbackProgress,
+            placeholder
+          }
+        ) }) }),
+        quotaExhausted && /* @__PURE__ */ jsx(AlertDialog, { open: true, children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: (quotaExhaustedConfig == null ? void 0 : quotaExhaustedConfig.title) || "Limite atingido" }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: (quotaExhaustedConfig == null ? void 0 : quotaExhaustedConfig.description) || "Voce atingiu o limite de mensagens do seu plano. Faca upgrade para continuar." })
+          ] }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            (quotaExhaustedConfig == null ? void 0 : quotaExhaustedConfig.onCancel) && /* @__PURE__ */ jsx(AlertDialogCancel, { onClick: quotaExhaustedConfig.onCancel, children: quotaExhaustedConfig.cancelLabel || "Cancelar" }),
+            /* @__PURE__ */ jsx(AlertDialogAction, { onClick: quotaExhaustedConfig == null ? void 0 : quotaExhaustedConfig.onCta, children: (quotaExhaustedConfig == null ? void 0 : quotaExhaustedConfig.ctaLabel) || "Fazer upgrade" })
+          ] })
+        ] }) })
+      ]
+    })
+  );
+}
+
+export { ChatThread };
+//# sourceMappingURL=chunk-U4QKU5RB.js.map
+//# sourceMappingURL=chunk-U4QKU5RB.js.map

package/dist/chunk-U4QKU5RB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/chat-thread.tsx"],"names":[],"mappings":"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","file":"chunk-U4QKU5RB.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronDown, Square } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { ChatMessage } from \"@/components/ui/chat-message\"\nimport {\n  MessageBar,\n  type MessageBarState,\n} from \"@/components/ui/message-bar\"\nimport {\n  MessageRating,\n  DEFAULT_MESSAGE_RATING_LABELS,\n  type MessageRatingValue,\n  type MessageRatingLabels,\n  type RatingLabel,\n} from \"@/components/ui/message-rating\"\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from \"@/components/ui/alert-dialog\"\n\n/* ─── Types ───────────────────────────────────────────────────── */\n\nexport type ChatThreadMessageStatus = \"sent\" | \"pending\" | \"failed\"\nexport type ChatThreadPersona = \"ai\" | \"user\" | \"system\"\n\nexport interface ChatThreadMessage {\n  id: string\n  persona: ChatThreadPersona\n  status?: ChatThreadMessageStatus\n  text?: string\n  audioSrc?: string\n  audioPeaks?: number[]\n  /** Mensagem de erro pra exibir quando `persona=\"ai\"` e `status=\"failed\"` */\n  errorText?: string\n  /**\n   * Quando true em uma mensagem da IA, renderiza o `MessageRating` (5 emojis) logo\n   * abaixo da bubble — alinhado com a IA, parte da mesma \"linha visual\" da mensagem.\n   * Apos o usuario responder, o rating some automaticamente (fade-out + slide-down).\n   *\n   * Usado quando a IA pede avaliacao da atividade: o consumer adiciona a msg da IA\n   * com este campo `true` no array `messages` e ouve `onRate` para receber a resposta.\n   */\n  requestRating?: boolean\n}\n\nexport type ChatThreadState = \"idle\" | \"sending\" | \"thinking\" | \"error\"\n\nexport interface QuotaExhaustedConfig {\n  title?: string\n  description?: string\n  ctaLabel?: string\n  cancelLabel?: string\n  onCta?: () => void\n  onCancel?: () => void\n}\n\nexport interface ChatThreadProps extends Omit<React.ComponentProps<\"div\">, \"onChange\"> {\n  /** Lista de mensagens da conversa */\n  messages: ChatThreadMessage[]\n  /** Estado global da conversa (controlled) */\n  state?: ChatThreadState\n  /** Quando true e thread vazio, monta direto em thinking (cenario Class — IA fala primeiro) */\n  initialThinking?: boolean\n\n  /* ─── Callbacks essenciais ─── */\n  onSendText?: (text: string) => void\n  /** Disparado quando user confirma envio do audio gravado (MessageBar dispara apos release/lock).\n   *  Consumer gerencia MediaRecorder e tem acesso ao Blob no momento que isso for chamado. */\n  onSendAudio?: () => void\n  /** Retry de mensagem do usuario que falhou enviar (B2) */\n  onRetryMessage?: (messageId: string) => void\n  /** Regenerar resposta da IA com erro (B3) */\n  onRegenerateResponse?: () => void\n  /** Cancelar resposta da IA mid-thinking (F1) */\n  onStopResponse?: () => void\n  /** Carregar mensagens antigas (G1 — scroll infinito) */\n  onLoadMore?: () => Promise<void> | void\n\n  /* ─── Callbacks do MessageBar (pass-through) ─── */\n  /** Dispara quando o user pressiona o mic. Consumer chama getUserMedia + MediaRecorder. */\n  onStartRecording?: () => void\n  /** Dispara quando o user pausa a gravacao. Consumer faz recorder.stop() + cria Blob. */\n  onPauseRecording?: () => void\n  /** Dispara quando o user retoma gravacao apos pause. */\n  onResumeRecording?: () => void\n  /** Dispara quando o user cancela a gravacao. Consumer cleanup do MediaRecorder. */\n  onCancelRecording?: () => void\n  /** Toggle play/pause do audio gravado durante o estado `paused` do MessageBar. */\n  onTogglePlay?: () => void\n  /** Callback de seek no waveform do audio gravado (durante paused). */\n  onSeekPlayback?: (progress: number) => void\n\n  /* ─── State do MessageBar (pass-through) ─── */\n  /** Stream do microfone durante recording — usado pelo MessageBar pra renderizar o live waveform. */\n  recordingStream?: MediaStream | null\n  /** Duracao da gravacao em segundos (controlado pelo consumer via setInterval). */\n  recordingDuration?: number\n  /** Indica se o audio gravado esta tocando (durante paused). */\n  isPlaying?: boolean\n  /** Progresso de playback (0-1) — usado pra sincronizar dot verde no waveform. */\n  playbackProgress?: number\n\n  /* ─── Erro states (configuravel) ─── */\n  /** Mostra banner de offline + disabled MessageBar (C1) */\n  offline?: boolean\n  /** Timestamp epoch ate quando bloquear envio (C2). null/undefined = sem rate limit */\n  rateLimitedUntil?: number | null\n  /** Texto do banner de rate limit. Default: \"Aguarde {s}s antes de enviar nova mensagem\" */\n  rateLimitBannerText?: (secondsRemaining: number) => string\n  /** Modal de cota esgotada (C3) */\n  quotaExhausted?: boolean\n  quotaExhaustedConfig?: QuotaExhaustedConfig\n\n  /* ─── Rating (J) ─── */\n  /**\n   * Callback disparado quando o usuario responde um rating de uma mensagem com `requestRating=true`.\n   * Recebe:\n   * - `messageId`: id da mensagem da IA que pediu avaliacao\n   * - `value`: numero 1-5\n   * - `label`: objeto com emoji/title/subtitle correspondente ao value\n   *\n   * O consumer tipicamente usa esses dados para adicionar uma nova mensagem do usuario no array\n   * `messages` com o texto da escolha (ex: `label.subtitle` em PT-BR). O `MessageRating` some\n   * imediatamente apos o clique (sem estado \"selecionado\" visual).\n   */\n  onRate?: (messageId: string, value: MessageRatingValue, label: RatingLabel) => void\n  /**\n   * Labels customizadas do `MessageRating` (sobrescreve PT-BR defaults).\n   * Passado pro componente E usado no callback `onRate` ao montar o `label`.\n   */\n  ratingLabels?: Partial<MessageRatingLabels>\n\n  /* ─── Configuracoes do MessageBar ─── */\n  placeholder?: string\n  maxLength?: number\n  /** Modo so audio — passa pro MessageBar como state base */\n  audioOnlyMode?: boolean\n\n  /* ─── i18n / texto customizavel ─── */\n  /** Default: \"Sem conexao. Tentando reconectar...\" */\n  offlineBannerText?: string\n  /** Default: \"Tentar novamente\" */\n  retryButtonText?: string\n  /** Default: \"Regenerar resposta\" */\n  regenerateButtonText?: string\n  /** Default: \"Parar resposta\" */\n  stopResponseText?: string\n  /** Default: \"Desculpe, nao consegui responder.\" */\n  defaultAiErrorText?: string\n}\n\n/* ─── Constantes ──────────────────────────────────────────────── */\n\nconst SCROLL_BOTTOM_THRESHOLD = 100 // px do bottom pra considerar \"no fundo\"\nconst LOAD_MORE_THRESHOLD = 200 // px do topo pra disparar onLoadMore\n\n/* ─── Sub-componentes internos ────────────────────────────────── */\n\n/** Banner persistente no topo (offline, rate limit, etc.) */\nfunction ChatThreadBanner({\n  variant,\n  children,\n}: {\n  variant: \"offline\" | \"rate-limit\"\n  children: React.ReactNode\n}) {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={cn(\n        \"shrink-0 flex items-center gap-2 px-4 py-2 text-sm border-b\",\n        variant === \"offline\" &&\n          \"bg-destructive/10 text-destructive border-destructive/20\",\n        variant === \"rate-limit\" &&\n          \"bg-muted text-muted-foreground border-border\"\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\n/** Conta segundos restantes ate `until` (timestamp epoch). */\nfunction useCountdown(until: number | null | undefined): number {\n  const [now, setNow] = React.useState(() => Date.now())\n\n  React.useEffect(() => {\n    if (!until || until <= Date.now()) return\n    const id = setInterval(() => setNow(Date.now()), 1000)\n    return () => clearInterval(id)\n  }, [until])\n\n  if (!until) return 0\n  const remainingMs = until - now\n  return Math.max(0, Math.ceil(remainingMs / 1000))\n}\n\n/** Botao \"Parar resposta\" — substitui MessageBar durante thinking (F1) */\nfunction StopResponseButton({\n  onClick,\n  label = \"Parar resposta\",\n}: {\n  onClick?: () => void\n  label?: string\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      className=\"w-full flex items-center justify-center gap-2 h-12 rounded-2xl bg-muted text-neutral-foreground hover:bg-muted/80 transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50\"\n      aria-label={label}\n    >\n      <Square className=\"size-4\" fill=\"currentColor\" strokeWidth={0} />\n      <span className=\"text-sm font-medium\">{label}</span>\n    </button>\n  )\n}\n\n/** Botao flutuante \"↓ Nova mensagem\" — aparece quando ha msg fora do viewport */\nfunction ScrollToBottomButton({\n  onClick,\n  hasNewMessage,\n}: {\n  onClick?: () => void\n  hasNewMessage: boolean\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      className=\"absolute bottom-2 left-1/2 -translate-x-1/2 z-10 inline-flex items-center justify-center size-10 rounded-full bg-background border border-border shadow-md hover:bg-muted/50 transition-all focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50\"\n      aria-label={hasNewMessage ? \"Nova mensagem — ir para o fim\" : \"Ir para o fim\"}\n    >\n      <ChevronDown className=\"size-5 text-neutral-foreground\" />\n      {hasNewMessage && (\n        <span\n          className=\"absolute top-1 right-1 size-2 rounded-full bg-primary theme-brand\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </button>\n  )\n}\n\n/** Bubble wrapper com animacao de entrada (E1: fade-in + slide-up 8px, 200ms) */\nfunction MessageBubbleAnimated({\n  children,\n  enableAnimation,\n}: {\n  children: React.ReactNode\n  enableAnimation: boolean\n}) {\n  return (\n    <div\n      className={cn(\n        \"transition-[opacity,transform] duration-200 ease-out\",\n        enableAnimation ? \"animate-thread-msg-enter\" : \"\"\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\n/* ─── Component principal ─────────────────────────────────────── */\n\nfunction ChatThread({\n  messages,\n  state = \"idle\",\n  initialThinking = false,\n  onSendText,\n  onSendAudio,\n  onRetryMessage,\n  onRegenerateResponse,\n  onStopResponse,\n  onLoadMore,\n  onStartRecording,\n  onPauseRecording,\n  onResumeRecording,\n  onCancelRecording,\n  onTogglePlay,\n  onSeekPlayback,\n  recordingStream,\n  recordingDuration,\n  isPlaying,\n  playbackProgress,\n  offline = false,\n  rateLimitedUntil = null,\n  rateLimitBannerText,\n  quotaExhausted = false,\n  quotaExhaustedConfig,\n  onRate,\n  ratingLabels,\n  placeholder,\n  maxLength,\n  audioOnlyMode = false,\n  offlineBannerText = \"Sem conexao. Tentando reconectar...\",\n  retryButtonText = \"Tentar novamente\",\n  regenerateButtonText = \"Regenerar resposta\",\n  stopResponseText = \"Parar resposta\",\n  defaultAiErrorText = \"Desculpe, nao consegui responder.\",\n  className,\n  ...props\n}: ChatThreadProps) {\n  /* ─── State derivado ─── */\n  const rateLimitSecondsLeft = useCountdown(rateLimitedUntil)\n  const isRateLimited = rateLimitSecondsLeft > 0\n  const isThinking =\n    state === \"thinking\" || (initialThinking && messages.length === 0)\n  const isDisabled = offline || isRateLimited || quotaExhausted\n\n  /* ─── Refs e scroll inteligente (D1) ─── */\n  const scrollRef = React.useRef<HTMLDivElement>(null)\n  const [isAtBottom, setIsAtBottom] = React.useState(true)\n  const [hasNewBelow, setHasNewBelow] = React.useState(false)\n  const prevMessageCountRef = React.useRef(messages.length)\n  const loadMoreInFlightRef = React.useRef(false)\n  const [isLoadingMore, setIsLoadingMore] = React.useState(false)\n  // Marca de quando o componente montou — usada para suprimir animacao das mensagens iniciais\n  const mountedRef = React.useRef(false)\n  React.useEffect(() => {\n    mountedRef.current = true\n  }, [])\n\n  const checkScrollPosition = React.useCallback(() => {\n    const el = scrollRef.current\n    if (!el) return\n    const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight\n    const atBottom = distanceFromBottom <= SCROLL_BOTTOM_THRESHOLD\n    setIsAtBottom(atBottom)\n    if (atBottom) setHasNewBelow(false)\n  }, [])\n\n  const scrollToBottom = React.useCallback((smooth = true) => {\n    const el = scrollRef.current\n    if (!el) return\n    el.scrollTo({\n      top: el.scrollHeight,\n      behavior: smooth ? \"smooth\" : \"auto\",\n    })\n    setHasNewBelow(false)\n  }, [])\n\n  /* ─── Auto-scroll quando chega nova mensagem ─── */\n  React.useEffect(() => {\n    const prev = prevMessageCountRef.current\n    const curr = messages.length\n    prevMessageCountRef.current = curr\n\n    if (curr <= prev) return\n\n    if (isAtBottom) {\n      // Esta no fundo → scroll suave pra nova msg\n      requestAnimationFrame(() => scrollToBottom(true))\n    } else {\n      // Usuario subiu → mostra botao\n      setHasNewBelow(true)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [messages.length])\n\n  /* ─── Scroll handler (detecta posicao + paginacao) ─── */\n  React.useEffect(() => {\n    const el = scrollRef.current\n    if (!el) return\n    const handler = () => {\n      checkScrollPosition()\n      // Paginacao: se chegou perto do topo e ha onLoadMore, dispara\n      if (\n        onLoadMore &&\n        !loadMoreInFlightRef.current &&\n        el.scrollTop <= LOAD_MORE_THRESHOLD\n      ) {\n        loadMoreInFlightRef.current = true\n        setIsLoadingMore(true)\n        const prevScrollHeight = el.scrollHeight\n        Promise.resolve(onLoadMore())\n          .then(() => {\n            // Preserva posicao visual apos prepend de mensagens antigas\n            requestAnimationFrame(() => {\n              const newScrollHeight = el.scrollHeight\n              el.scrollTop = newScrollHeight - prevScrollHeight\n            })\n          })\n          .finally(() => {\n            loadMoreInFlightRef.current = false\n            setIsLoadingMore(false)\n          })\n      }\n    }\n    el.addEventListener(\"scroll\", handler, { passive: true })\n    // Inicial: garante scroll no fundo\n    requestAnimationFrame(() => scrollToBottom(false))\n    return () => el.removeEventListener(\"scroll\", handler)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onLoadMore])\n\n  /* ─── Aria-live announce de nova msg da IA (H1) ─── */\n  const lastAiMessage = React.useMemo(() => {\n    for (let i = messages.length - 1; i >= 0; i--) {\n      if (messages[i].persona === \"ai\") return messages[i]\n    }\n    return null\n  }, [messages])\n\n  /* ─── Rating per-message: rastreia IDs cujo rating foi respondido (auto-dismiss imediato) ─── */\n  const [ratedMessageIds, setRatedMessageIds] = React.useState<Set<string>>(() => new Set())\n\n  // Merge dos labels customizados com defaults PT-BR. Usado pra renderizar E pra montar o callback.\n  const mergedRatingLabels: MessageRatingLabels = React.useMemo(\n    () => ({ ...DEFAULT_MESSAGE_RATING_LABELS, ...ratingLabels }),\n    [ratingLabels]\n  )\n\n  const handleRateMessage = React.useCallback(\n    (messageId: string, value: MessageRatingValue) => {\n      // Marca como respondido IMEDIATAMENTE — re-render remove o rating do DOM antes\n      // do paint visual de \"selected\", entao o usuario nao ve o estado intermediario.\n      setRatedMessageIds((prev) => {\n        const next = new Set(prev)\n        next.add(messageId)\n        return next\n      })\n      // Dispara callback com label completo (emoji/title/subtitle).\n      onRate?.(messageId, value, mergedRatingLabels[value])\n    },\n    [onRate, mergedRatingLabels]\n  )\n\n  /* ─── MessageBar state interno (state machine de gravacao) ─── */\n  const baseMessageBarState: MessageBarState = audioOnlyMode ? \"audio-only\" : \"default\"\n  const [internalRecordingState, setInternalRecordingState] = React.useState<\n    \"idle\" | \"recording\" | \"paused\"\n  >(\"idle\")\n\n  // Reset pra idle quando muda audioOnlyMode e nao esta gravando\n  React.useEffect(() => {\n    if (internalRecordingState === \"idle\") return\n    // mantem o state se gravacao em andamento\n  }, [audioOnlyMode, internalRecordingState])\n\n  // State final do MessageBar — combina base, recording state e disabled\n  const messageBarState: MessageBarState = isDisabled\n    ? \"disabled\"\n    : internalRecordingState === \"recording\"\n      ? \"recording\"\n      : internalRecordingState === \"paused\"\n        ? \"paused\"\n        : baseMessageBarState\n\n  /* Wrappers dos callbacks: atualizam state interno + chamam consumer */\n  const handleStartRecordingInternal = React.useCallback(() => {\n    setInternalRecordingState(\"recording\")\n    onStartRecording?.()\n  }, [onStartRecording])\n\n  const handlePauseRecordingInternal = React.useCallback(() => {\n    setInternalRecordingState(\"paused\")\n    onPauseRecording?.()\n  }, [onPauseRecording])\n\n  const handleResumeRecordingInternal = React.useCallback(() => {\n    setInternalRecordingState(\"recording\")\n    onResumeRecording?.()\n  }, [onResumeRecording])\n\n  const handleCancelRecordingInternal = React.useCallback(() => {\n    setInternalRecordingState(\"idle\")\n    onCancelRecording?.()\n  }, [onCancelRecording])\n\n  const handleSendAudioInternal = React.useCallback(() => {\n    setInternalRecordingState(\"idle\")\n    onSendAudio?.()\n  }, [onSendAudio])\n\n  /* Input controlled — sem isso o MessageBar fica \"engessado\" em value=\"\"\n     (o consumer recebe o texto via onSendText, mas nao precisa controlar o input). */\n  const [inputValue, setInputValue] = React.useState(\"\")\n  const handleSendTextInternal = React.useCallback(\n    (text: string) => {\n      setInputValue(\"\")\n      onSendText?.(text)\n    },\n    [onSendText]\n  )\n\n  /* ─── Render ──────────────────────────────────────── */\n  return (\n    <div\n      data-slot=\"chat-thread\"\n      className={cn(\"relative flex flex-col h-full bg-background\", className)}\n      {...props}\n    >\n      {/* Banners de erro (topo) */}\n      {offline && (\n        <ChatThreadBanner variant=\"offline\">\n          <span aria-hidden=\"true\">⚠</span>\n          <span>{offlineBannerText}</span>\n        </ChatThreadBanner>\n      )}\n      {isRateLimited && (\n        <ChatThreadBanner variant=\"rate-limit\">\n          <span aria-hidden=\"true\">⏱</span>\n          <span>\n            {rateLimitBannerText\n              ? rateLimitBannerText(rateLimitSecondsLeft)\n              : `Aguarde ${rateLimitSecondsLeft}s antes de enviar nova mensagem`}\n          </span>\n        </ChatThreadBanner>\n      )}\n\n      {/* Thread scrollavel */}\n      <div\n        ref={scrollRef}\n        className=\"flex-1 overflow-y-auto px-4 py-4 space-y-4\"\n        role=\"log\"\n        aria-live=\"polite\"\n        aria-atomic=\"false\"\n      >\n        {/* Spinner de paginacao no topo (G2) */}\n        {isLoadingMore && (\n          <div className=\"flex justify-center py-2\" aria-label=\"Carregando mensagens anteriores\">\n            <span className=\"inline-block size-5 border-2 border-muted-foreground/30 border-t-muted-foreground rounded-full animate-spin\" />\n          </div>\n        )}\n\n        {messages.map((msg, idx) => {\n          // Suprime animacao das mensagens que ja existiam no mount inicial\n          const enableAnim =\n            mountedRef.current && idx >= prevMessageCountRef.current - 1\n\n          const isFailedUser = msg.persona === \"user\" && msg.status === \"failed\"\n          const isFailedAi = msg.persona === \"ai\" && msg.status === \"failed\"\n          const isPendingUser = msg.persona === \"user\" && msg.status === \"pending\"\n\n          return (\n            <MessageBubbleAnimated key={msg.id} enableAnimation={enableAnim}>\n              <ChatMessage\n                persona={msg.persona}\n                text={msg.text}\n                audioSrc={msg.audioSrc}\n                // Indicador de pending: typing dots no lugar do conteudo normal e visual sutil\n                loading={isPendingUser && !msg.text && !msg.audioSrc}\n                className={cn(\n                  isPendingUser && \"opacity-80\",\n                  isFailedUser && \"[&_[data-slot=chat-message-bubble]]:border-2 [&_[data-slot=chat-message-bubble]]:border-destructive\"\n                )}\n              />\n              {/* Retry inline pra msg do user que falhou (B2) */}\n              {isFailedUser && (\n                <div className=\"mt-2 flex justify-end\">\n                  <button\n                    type=\"button\"\n                    onClick={() => onRetryMessage?.(msg.id)}\n                    className=\"inline-flex items-center gap-1 text-xs text-destructive hover:underline focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 rounded\"\n                  >\n                    ↻ {retryButtonText}\n                  </button>\n                </div>\n              )}\n              {/* Bubble de erro pra resposta da IA (B3) */}\n              {isFailedAi && (\n                /* Alinhado com a bubble da IA: offset = badge 32px + gap 12px = 44px (desktop).\n                   Mobile sem offset porque o badge fica oculto no ChatMessage AI. */\n                <div className=\"mt-2 sm:pl-11 flex flex-col items-start gap-2\">\n                  <div className=\"text-sm text-destructive\">\n                    {msg.errorText || defaultAiErrorText}\n                  </div>\n                  <button\n                    type=\"button\"\n                    onClick={onRegenerateResponse}\n                    className=\"inline-flex items-center gap-1 text-xs text-primary hover:underline focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 rounded\"\n                  >\n                    ↻ {regenerateButtonText}\n                  </button>\n                </div>\n              )}\n              {/* MessageRating inline na mensagem da IA que pede avaliacao (J).\n                  Alinhado com a bubble da IA (offset 44px desktop, 0 mobile).\n                  value={null} mantem o componente sem estado \"selecionado\" visual —\n                  ao clicar, o ChatThread marca como rated imediatamente (re-render remove\n                  do DOM antes do paint), e o consumer recebe (messageId, value, label). */}\n              {msg.persona === \"ai\" && msg.requestRating && !ratedMessageIds.has(msg.id) && (\n                <div className=\"mt-3 sm:pl-11 animate-thread-msg-enter\">\n                  <MessageRating\n                    value={null}\n                    labels={ratingLabels}\n                    onChange={(value) => handleRateMessage(msg.id, value)}\n                  />\n                </div>\n              )}\n            </MessageBubbleAnimated>\n          )\n        })}\n\n        {/* Typing indicator da IA durante thinking */}\n        {isThinking && (\n          <MessageBubbleAnimated enableAnimation>\n            <ChatMessage persona=\"ai\" loading />\n          </MessageBubbleAnimated>\n        )}\n\n        {/* Aria-live oculto pra anunciar ultima msg da IA */}\n        <div className=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n          {lastAiMessage?.text || \"\"}\n        </div>\n      </div>\n\n      {/* Scroll-to-bottom button (D1) */}\n      {!isAtBottom && (\n        <ScrollToBottomButton\n          onClick={() => scrollToBottom(true)}\n          hasNewMessage={hasNewBelow}\n        />\n      )}\n\n      {/* Bottom area: MessageBar ou StopResponse */}\n      <div className=\"shrink-0 px-4 pb-4 pt-2\">\n        {isThinking ? (\n          <div className=\"animate-thread-msg-enter\">\n            <StopResponseButton onClick={onStopResponse} label={stopResponseText} />\n          </div>\n        ) : (\n          <div className=\"animate-thread-msg-enter\">\n            <MessageBar\n              state={messageBarState}\n              value={inputValue}\n              onChange={setInputValue}\n              onSendText={handleSendTextInternal}\n              onSendAudio={handleSendAudioInternal}\n              onStartRecording={handleStartRecordingInternal}\n              onPauseRecording={handlePauseRecordingInternal}\n              onResumeRecording={handleResumeRecordingInternal}\n              onCancelRecording={handleCancelRecordingInternal}\n              onTogglePlay={onTogglePlay}\n              onSeekPlayback={onSeekPlayback}\n              recordingStream={recordingStream}\n              recordingDuration={recordingDuration}\n              isPlaying={isPlaying}\n              playbackProgress={playbackProgress}\n              placeholder={placeholder}\n            />\n          </div>\n        )}\n      </div>\n\n      {/* Quota exhausted modal (C3) */}\n      {quotaExhausted && (\n        <AlertDialog open>\n          <AlertDialogContent>\n            <AlertDialogHeader>\n              <AlertDialogTitle>\n                {quotaExhaustedConfig?.title || \"Limite atingido\"}\n              </AlertDialogTitle>\n              <AlertDialogDescription>\n                {quotaExhaustedConfig?.description ||\n                  \"Voce atingiu o limite de mensagens do seu plano. Faca upgrade para continuar.\"}\n              </AlertDialogDescription>\n            </AlertDialogHeader>\n            <AlertDialogFooter>\n              {quotaExhaustedConfig?.onCancel && (\n                <AlertDialogCancel onClick={quotaExhaustedConfig.onCancel}>\n                  {quotaExhaustedConfig.cancelLabel || \"Cancelar\"}\n                </AlertDialogCancel>\n              )}\n              <AlertDialogAction onClick={quotaExhaustedConfig?.onCta}>\n                {quotaExhaustedConfig?.ctaLabel || \"Fazer upgrade\"}\n              </AlertDialogAction>\n            </AlertDialogFooter>\n          </AlertDialogContent>\n        </AlertDialog>\n      )}\n    </div>\n  )\n}\n\nexport { ChatThread }\n"]}

package/dist/composites/chat-thread.d.ts

@@ -0,0 +1,117 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { MessageRatingValue, RatingLabel, MessageRatingLabels } from '../ui/message-rating.js';
+
+type ChatThreadMessageStatus = "sent" | "pending" | "failed";
+type ChatThreadPersona = "ai" | "user" | "system";
+interface ChatThreadMessage {
+    id: string;
+    persona: ChatThreadPersona;
+    status?: ChatThreadMessageStatus;
+    text?: string;
+    audioSrc?: string;
+    audioPeaks?: number[];
+    /** Mensagem de erro pra exibir quando `persona="ai"` e `status="failed"` */
+    errorText?: string;
+    /**
+     * Quando true em uma mensagem da IA, renderiza o `MessageRating` (5 emojis) logo
+     * abaixo da bubble — alinhado com a IA, parte da mesma "linha visual" da mensagem.
+     * Apos o usuario responder, o rating some automaticamente (fade-out + slide-down).
+     *
+     * Usado quando a IA pede avaliacao da atividade: o consumer adiciona a msg da IA
+     * com este campo `true` no array `messages` e ouve `onRate` para receber a resposta.
+     */
+    requestRating?: boolean;
+}
+type ChatThreadState = "idle" | "sending" | "thinking" | "error";
+interface QuotaExhaustedConfig {
+    title?: string;
+    description?: string;
+    ctaLabel?: string;
+    cancelLabel?: string;
+    onCta?: () => void;
+    onCancel?: () => void;
+}
+interface ChatThreadProps extends Omit<React.ComponentProps<"div">, "onChange"> {
+    /** Lista de mensagens da conversa */
+    messages: ChatThreadMessage[];
+    /** Estado global da conversa (controlled) */
+    state?: ChatThreadState;
+    /** Quando true e thread vazio, monta direto em thinking (cenario Class — IA fala primeiro) */
+    initialThinking?: boolean;
+    onSendText?: (text: string) => void;
+    /** Disparado quando user confirma envio do audio gravado (MessageBar dispara apos release/lock).
+     *  Consumer gerencia MediaRecorder e tem acesso ao Blob no momento que isso for chamado. */
+    onSendAudio?: () => void;
+    /** Retry de mensagem do usuario que falhou enviar (B2) */
+    onRetryMessage?: (messageId: string) => void;
+    /** Regenerar resposta da IA com erro (B3) */
+    onRegenerateResponse?: () => void;
+    /** Cancelar resposta da IA mid-thinking (F1) */
+    onStopResponse?: () => void;
+    /** Carregar mensagens antigas (G1 — scroll infinito) */
+    onLoadMore?: () => Promise<void> | void;
+    /** Dispara quando o user pressiona o mic. Consumer chama getUserMedia + MediaRecorder. */
+    onStartRecording?: () => void;
+    /** Dispara quando o user pausa a gravacao. Consumer faz recorder.stop() + cria Blob. */
+    onPauseRecording?: () => void;
+    /** Dispara quando o user retoma gravacao apos pause. */
+    onResumeRecording?: () => void;
+    /** Dispara quando o user cancela a gravacao. Consumer cleanup do MediaRecorder. */
+    onCancelRecording?: () => void;
+    /** Toggle play/pause do audio gravado durante o estado `paused` do MessageBar. */
+    onTogglePlay?: () => void;
+    /** Callback de seek no waveform do audio gravado (durante paused). */
+    onSeekPlayback?: (progress: number) => void;
+    /** Stream do microfone durante recording — usado pelo MessageBar pra renderizar o live waveform. */
+    recordingStream?: MediaStream | null;
+    /** Duracao da gravacao em segundos (controlado pelo consumer via setInterval). */
+    recordingDuration?: number;
+    /** Indica se o audio gravado esta tocando (durante paused). */
+    isPlaying?: boolean;
+    /** Progresso de playback (0-1) — usado pra sincronizar dot verde no waveform. */
+    playbackProgress?: number;
+    /** Mostra banner de offline + disabled MessageBar (C1) */
+    offline?: boolean;
+    /** Timestamp epoch ate quando bloquear envio (C2). null/undefined = sem rate limit */
+    rateLimitedUntil?: number | null;
+    /** Texto do banner de rate limit. Default: "Aguarde {s}s antes de enviar nova mensagem" */
+    rateLimitBannerText?: (secondsRemaining: number) => string;
+    /** Modal de cota esgotada (C3) */
+    quotaExhausted?: boolean;
+    quotaExhaustedConfig?: QuotaExhaustedConfig;
+    /**
+     * Callback disparado quando o usuario responde um rating de uma mensagem com `requestRating=true`.
+     * Recebe:
+     * - `messageId`: id da mensagem da IA que pediu avaliacao
+     * - `value`: numero 1-5
+     * - `label`: objeto com emoji/title/subtitle correspondente ao value
+     *
+     * O consumer tipicamente usa esses dados para adicionar uma nova mensagem do usuario no array
+     * `messages` com o texto da escolha (ex: `label.subtitle` em PT-BR). O `MessageRating` some
+     * imediatamente apos o clique (sem estado "selecionado" visual).
+     */
+    onRate?: (messageId: string, value: MessageRatingValue, label: RatingLabel) => void;
+    /**
+     * Labels customizadas do `MessageRating` (sobrescreve PT-BR defaults).
+     * Passado pro componente E usado no callback `onRate` ao montar o `label`.
+     */
+    ratingLabels?: Partial<MessageRatingLabels>;
+    placeholder?: string;
+    maxLength?: number;
+    /** Modo so audio — passa pro MessageBar como state base */
+    audioOnlyMode?: boolean;
+    /** Default: "Sem conexao. Tentando reconectar..." */
+    offlineBannerText?: string;
+    /** Default: "Tentar novamente" */
+    retryButtonText?: string;
+    /** Default: "Regenerar resposta" */
+    regenerateButtonText?: string;
+    /** Default: "Parar resposta" */
+    stopResponseText?: string;
+    /** Default: "Desculpe, nao consegui responder." */
+    defaultAiErrorText?: string;
+}
+declare function ChatThread({ messages, state, initialThinking, onSendText, onSendAudio, onRetryMessage, onRegenerateResponse, onStopResponse, onLoadMore, onStartRecording, onPauseRecording, onResumeRecording, onCancelRecording, onTogglePlay, onSeekPlayback, recordingStream, recordingDuration, isPlaying, playbackProgress, offline, rateLimitedUntil, rateLimitBannerText, quotaExhausted, quotaExhaustedConfig, onRate, ratingLabels, placeholder, maxLength, audioOnlyMode, offlineBannerText, retryButtonText, regenerateButtonText, stopResponseText, defaultAiErrorText, className, ...props }: ChatThreadProps): react_jsx_runtime.JSX.Element;
+
+export { ChatThread, type ChatThreadMessage, type ChatThreadMessageStatus, type ChatThreadPersona, type ChatThreadProps, type ChatThreadState, type QuotaExhaustedConfig };

package/dist/composites/chat-thread.js

@@ -0,0 +1,15 @@
+export { ChatThread } from '../chunk-U4QKU5RB.js';
+import '../chunk-3EFI7PYC.js';
+import '../chunk-YMWRR7ET.js';
+import '../chunk-6OYSTCGP.js';
+import '../chunk-27PO7X4G.js';
+import '../chunk-F2XA2Z75.js';
+import '../chunk-JPEDYOV7.js';
+import '../chunk-V7M2NHUO.js';
+import '../chunk-MSLQRGSP.js';
+import '../chunk-5I4PGGLN.js';
+import '../chunk-JJETOZMI.js';
+import '../chunk-TYCPXAXF.js';
+import '../chunk-YINJ5YZ5.js';
+//# sourceMappingURL=chat-thread.js.map
+//# sourceMappingURL=chat-thread.js.map

package/dist/composites/chat-thread.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chat-thread.js"}