@fluencypassdevs/cycle 1.9.7 → 1.13.0

package/dist/chunk-JGUDRAWA.js

@@ -0,0 +1,486 @@
+import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-3EFI7PYC.js';
+import { ChatMessage } from './chunk-CG7NXMBC.js';
+import { DEFAULT_MESSAGE_RATING_LABELS, MessageRating } from './chunk-6OYSTCGP.js';
+import { MessageBar } from './chunk-CWMXYPWK.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
+    }
+  );
+}
+var LEAVE_DURATION_MS = 150;
+function BottomSlot({
+  kind,
+  messageBar,
+  stopButton
+}) {
+  const [rendered, setRendered] = React.useState(kind);
+  const [phase, setPhase] = React.useState("enter");
+  React.useEffect(() => {
+    if (rendered === kind) return;
+    setPhase("leave");
+    const t = setTimeout(() => {
+      setRendered(kind);
+      setPhase("enter");
+    }, LEAVE_DURATION_MS);
+    return () => clearTimeout(t);
+  }, [kind, rendered]);
+  return /* @__PURE__ */ jsx("div", { className: "shrink-0 px-4 pb-4 pt-2", children: rendered !== "hidden" && /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: phase === "enter" ? "animate-thread-msg-enter" : "animate-thread-msg-leave",
+      children: rendered === "messagebar" ? messageBar : stopButton
+    },
+    rendered
+  ) });
+}
+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,
+    maxRecordingDuration,
+    warnAtSecondsLeft,
+    secondsLeftLabel,
+    onMaxDurationReached,
+    userAvatar,
+    userName,
+    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",
+    "maxRecordingDuration",
+    "warnAtSecondsLeft",
+    "secondsLeftLabel",
+    "onMaxDurationReached",
+    "userAvatar",
+    "userName",
+    "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 handleMaxDurationInternal = React.useCallback(() => {
+    if (onMaxDurationReached) {
+      onMaxDurationReached();
+    } else {
+      handlePauseRecordingInternal();
+    }
+  }, [onMaxDurationReached, handlePauseRecordingInternal]);
+  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,
+                      avatar: msg.persona === "user" ? userAvatar : void 0,
+                      author: msg.persona === "user" ? userName : void 0,
+                      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(
+          BottomSlot,
+          {
+            kind: isThinking ? onStopResponse ? "stop" : "hidden" : "messagebar",
+            messageBar: /* @__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,
+                maxRecordingDuration,
+                warnAtSecondsLeft,
+                secondsLeftLabel,
+                onMaxDurationReached: handleMaxDurationInternal
+              }
+            ),
+            stopButton: /* @__PURE__ */ jsx(StopResponseButton, { onClick: onStopResponse, label: stopResponseText })
+          }
+        ),
+        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-JGUDRAWA.js.map
+//# sourceMappingURL=chunk-JGUDRAWA.js.map

package/dist/chunk-JGUDRAWA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/chat-thread.tsx"],"names":[],"mappings":"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","file":"chunk-JGUDRAWA.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). Passar este callback **ativa** o botao\n   *  \"Parar resposta\" no rodape durante o estado `thinking`. Se omitido, o MessageBar\n   *  some com animacao de saida quando a IA esta pensando e volta com animacao de entrada\n   *  quando termina — o consumer indica que nao quer expor cancelamento. */\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  /* ─── Limite de duracao da gravacao de audio ─── */\n  /**\n   * Limite de duracao da gravacao em segundos (configurado pelo consumer).\n   * Quando atingido, o ChatThread auto-pausa a gravacao (vai pro paused state com\n   * preview play/cancel/send) — a menos que `onMaxDurationReached` seja passado,\n   * caso em que o consumer assume controle. Sem essa prop, sem limite.\n   */\n  maxRecordingDuration?: number\n  /** Quantos segundos antes do limite ativar o warning visual (timer destructive\n   *  + label \"Xs restantes\"). Default 10. Ignorado sem `maxRecordingDuration`. */\n  warnAtSecondsLeft?: number\n  /** Label do warning. Default pt-BR: `(s) => \\`${s}s restantes\\``. */\n  secondsLeftLabel?: (secondsLeft: number) => string\n  /**\n   * Callback opcional disparado ao atingir o limite. Se omitido, ChatThread\n   * auto-pausa internamente. Se passado, **substitui** o auto-pause — o consumer\n   * decide o que fazer (ex: mostrar toast antes de pausar manualmente).\n   */\n  onMaxDurationReached?: () => void\n\n  /* ─── Identidade do usuario ─── */\n  /** URL da imagem do avatar do usuario (aparece em todas as msgs do user no desktop). */\n  userAvatar?: string\n  /** Nome do usuario (usado para iniciais no fallback do avatar e alt da imagem). */\n  userName?: string\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/* ─── Bottom slot: gerencia animacao sequencial entre MessageBar / StopButton / hidden ─── */\n\ntype BottomSlotKind = \"messagebar\" | \"stop\" | \"hidden\"\nconst LEAVE_DURATION_MS = 150\n\n/**\n * Slot que alterna entre 3 estados com animacao sequencial (sem cross-fade):\n * o conteudo atual anima saida (`thread-msg-leave`, 150ms), troca o conteudo,\n * e o novo anima entrada (`thread-msg-enter`, 200ms). Similar ao\n * AnimatePresence mode=\"wait\" do Framer Motion, mas em CSS puro.\n */\nfunction BottomSlot({\n  kind,\n  messageBar,\n  stopButton,\n}: {\n  kind: BottomSlotKind\n  messageBar: React.ReactNode\n  stopButton: React.ReactNode\n}) {\n  const [rendered, setRendered] = React.useState<BottomSlotKind>(kind)\n  const [phase, setPhase] = React.useState<\"enter\" | \"leave\">(\"enter\")\n\n  React.useEffect(() => {\n    if (rendered === kind) return\n    setPhase(\"leave\")\n    const t = setTimeout(() => {\n      setRendered(kind)\n      setPhase(\"enter\")\n    }, LEAVE_DURATION_MS)\n    return () => clearTimeout(t)\n  }, [kind, rendered])\n\n  return (\n    <div className=\"shrink-0 px-4 pb-4 pt-2\">\n      {rendered !== \"hidden\" && (\n        <div\n          key={rendered}\n          className={\n            phase === \"enter\" ? \"animate-thread-msg-enter\" : \"animate-thread-msg-leave\"\n          }\n        >\n          {rendered === \"messagebar\" ? messageBar : stopButton}\n        </div>\n      )}\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  maxRecordingDuration,\n  warnAtSecondsLeft,\n  secondsLeftLabel,\n  onMaxDurationReached,\n  userAvatar,\n  userName,\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  /* Auto-pause ao atingir limite de duracao. Se consumer passou onMaxDurationReached,\n     delega controle pra ele (sem auto-pause). */\n  const handleMaxDurationInternal = React.useCallback(() => {\n    if (onMaxDurationReached) {\n      onMaxDurationReached()\n    } else {\n      handlePauseRecordingInternal()\n    }\n  }, [onMaxDurationReached, handlePauseRecordingInternal])\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                avatar={msg.persona === \"user\" ? userAvatar : undefined}\n                author={msg.persona === \"user\" ? userName : undefined}\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 / StopResponse / hidden.\n          O botao \"Parar resposta\" so aparece durante thinking E quando o consumer passa\n          `onStopResponse` — quem nao implementa cancelamento ve o MessageBar sumir com\n          animacao de saida e voltar com animacao de entrada quando a IA termina. */}\n      <BottomSlot\n        kind={\n          isThinking\n            ? onStopResponse\n              ? \"stop\"\n              : \"hidden\"\n            : \"messagebar\"\n        }\n        messageBar={\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            maxRecordingDuration={maxRecordingDuration}\n            warnAtSecondsLeft={warnAtSecondsLeft}\n            secondsLeftLabel={secondsLeftLabel}\n            onMaxDurationReached={handleMaxDurationInternal}\n          />\n        }\n        stopButton={\n          <StopResponseButton onClick={onStopResponse} label={stopResponseText} />\n        }\n      />\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"]}