@adatechnology/conversations-ui 0.5.0 → 0.6.1

package/README.md

@@ -9,11 +9,18 @@ Tela de conversa do lado de **quem conversa com a empresa** (app do motorista, p
 `ConversationsProvider`, não puxa `@xyflow/react` nem o `ConversationsWorkspace`, e não depende de Tailwind:
 todas as classes são `.cv-p-*` e vêm de `@adatechnology/conversations-ui/styles.css`.
 
-`@adatechnology/conversations-ui/styles.css` é **requisito**: sem ele a tela fica sem layout e o `MessageText` e o
-`StatusTicks` perdem a formatação (negrito, itálico, tachado, tiques coloridos). Importe-o uma vez na raiz do app.
+`@adatechnology/conversations-ui/styles.css` é **requisito da visão do participante**: sem ele a tela fica sem layout.
+A visão do participante renderiza `MessageText` e `StatusTicks` com `appearance="stylesheet"` (classes `.cv-*`, sem
+Tailwind). Fora dela, os dois componentes mantêm o padrão da 0.4.2 (classes Tailwind do host).
 
-`MessageText` **copia ao tocar** por padrão (como na 0.3.1); `copyOnClick={false}` desliga. O aviso de cópia usa
-`copiedLabel` (padrão `Copied`; passe `copiedLabel="Copiado!"` para manter o português).
+Props opt-in (o padrão é sempre o comportamento da 0.4.2):
+
+- `MessageText`: `appearance?: 'tailwind' | 'stylesheet'` (padrão `'tailwind'`); `accessibleCopy?: boolean` (padrão
+  `false`; liga `role="button"`, `tabIndex=0` e Enter/Espaço para copiar); `copyOnClick` (padrão `true`; `false`
+  desliga a cópia); `copiedLabel` (padrão `Copiado!`).
+- `StatusTicks`: `appearance?: 'tailwind' | 'stylesheet'` (padrão `'tailwind'`). Só em `'stylesheet'` valem o estado
+  `queued` (relógio), `bounced` tratado como `failed` e o `aria-label`; `queuedLabel?: string` (padrão `Queued`) define
+  o rótulo do relógio. No padrão, qualquer status diferente de `sent` e `failed` desenha dois tiques, como na 0.4.2; em `'stylesheet'`, um status desconhecido cai em `sent` (um tique).
 
 ### Uso mínimo
 
@@ -86,11 +93,13 @@ export const participantApi: ParticipantConversationsApi = {
       await request(`/conversations${cursor ? `?cursor=${encodeURIComponent(cursor)}` : ''}`),
     ),
   fetchMessages: async (subject, { before, limit } = {}) =>
-    z.array(participantMessageSchema).parse(
-      await request(
-        `${conversationPath(subject)}/messages?limit=${limit ?? 30}${before ? `&before=${encodeURIComponent(before)}` : ''}`,
+    z
+      .array(participantMessageSchema)
+      .parse(
+        await request(
+          `${conversationPath(subject)}/messages?limit=${limit ?? 30}${before ? `&before=${encodeURIComponent(before)}` : ''}`,
+        ),
       ),
-    ),
   sendMessage: async ({ subject, clientMessageId, text }) => {
     const message = participantMessageSchema.parse(
       await request(`${conversationPath(subject)}/messages`, {
@@ -140,24 +149,77 @@ render refaz a carga da lista e reinscreve os eventos de `subscribe` a cada rend
 empresa, ou seja, foi escrita pelo participante (é a bolha "minha"); `outbound` saiu da empresa. O adapter do
 app **não inverte nada**.
 
+### Protocolo legível da conversa
+
+`ParticipantConversationSummary.protocol?` (1 a 32 caracteres, `[A-Za-z0-9-]`, ex.: `261009-K7M2`) é um código
+curto para citar a conversa por telefone ou mensagem. **Quem gera é o produto, no servidor, uma vez e imutável**: o
+pacote nunca gera nem conhece o formato, só **exibe, copia e busca**. Campo ausente = nada é desenhado.
+
+- **Lista:** a linha mostra o protocolo abaixo do título (fonte mono); o prefixo `labels.protocolPrefix` é um `<span>` só para
+  leitor de tela (sem `aria-label` em elemento genérico, que o ARIA 1.2 proíbe).
+- **Cabeçalho da conversa:** protocolo abaixo do título e botão de copiar (alvo de 44px) que usa
+  `navigator.clipboard.writeText`; falha de cópia é silenciosa. Durante 3 s o texto visível do botão vira
+  `labels.protocolCopied` (o nome acessível segue "`copyProtocol` + código") e o aviso também vai numa região
+  `aria-live="polite"` sempre na árvore; copiar de novo dentro dos 3 s reinicia o prazo e reanuncia.
+- **Busca:** um campo `type="search"` acima da lista filtra por título (sem acento nem caixa) **ou** protocolo
+  (parcial, sem traço, sem caixa: `k7m2` acha `261009-K7M2`). Aparece só quando alguma conversa tem `protocol` ou
+  há mais de 8 conversas na lista; sem nada disso, nada é desenhado. Sem resultado: `labels.noResults`.
+  - Os chips de assunto e suas contagens são sempre calculados sobre **todas** as conversas carregadas; a busca só
+    restringe as linhas. Se o chip ativo não contém o que a busca acha (mas outro assunto contém), os chips continuam
+    visíveis e o estado vazio mostra `labels.noResultsInFilter` ("tente Todas") em vez de esconder a barra.
+  - O campo permanece enquanto houver consulta, mesmo que um refresh reduza a lista abaixo do limiar.
+  - **Limitação:** a busca cobre só as conversas já carregadas. Com `hasMore` e sem resultado, o estado vazio mostra
+    `labels.noResultsLoadedOnly` e o botão "carregar mais" fica à mão. Busca no servidor fica como evolução.
+- **Labels novas** (defaults em inglês): `searchLabel`, `searchPlaceholder`, `noResults`, `noResultsInFilter`,
+  `noResultsLoadedOnly`, `protocolPrefix`, `copyProtocol` (padrão "Copy protocol"), `protocolCopied`.
+- **Classes novas:** `.cv-p-protocol`, `.cv-p-protocol__copy`, `.cv-p-search` (mesmos tokens `--cv-p-*`).
+
+### Canais e ícone do assunto na lista
+
+`ParticipantConversationSummary.channels?` (até 5 canais do vocabulário `email | whatsapp | app | portal | webchat`, sem
+repetição, pode ser vazio) e `iconName?` (1 a 32 caracteres, `[a-z0-9-]`, nome **opaco**: o pacote não conhece o
+catálogo) chegam **calculados pelo servidor**: `channels` são os canais distintos das mensagens da conversa e
+`iconName` o nome escolhido pelo produto para o assunto. **O pacote não deduz nada**; campo ausente = nada é desenhado.
+
+- **Lista:** a linha mostra à esquerda o ícone do assunto e, ao lado do protocolo, os selos de canal. O ícone vem de
+  `renderSubjectIcon?: (conversation) => ReactNode` (em `ParticipantConversations`); se a prop faltar, ou devolver
+  `null`/`undefined`, cai no ícone do grupo (`subjectGroups[].icon`). O host usa `conversation.iconName` para escolher.
+- **Selos de canal:** um por canal, na ordem fixa app, whatsapp, email, portal, webchat (duplicata e canal desconhecido são
+  ignorados). O sinal visual é o ícone (cor é só reforço); o nome do canal está sempre em `<span class="cv-p-sr-only">`.
+  Sem `channels` ou vazio, nada é desenhado. Duas marcações (`ParticipantChannelBadges variant`): no **cabeçalho** da
+  conversa, `<ul class="cv-p-channels" aria-label>` com `<li class="cv-p-channel cv-p-channel--{canal}">`; na **linha** da
+  lista (dentro de um `<button>`, onde lista não é HTML válido), `<span class="cv-p-channels">` com `<span class="cv-p-channel
+cv-p-channel--{canal}">`, um prefixo sr-only `Channels in this conversation: ` e o nome seguido de vírgula e espaço, para
+  o leitor dizer "Channels in this conversation: App, WhatsApp".
+- **`renderSubjectIcon`** deve ser **puro e não lançar** (o pacote não tem error boundary); `null`, `undefined`, `false` e
+  `''` valem como ausente.
+- **Cabeçalho da conversa:** os mesmos selos ao lado do protocolo.
+- **Labels novas** (defaults em inglês): `channelsGroup` ("Channels in this conversation"), `channelApp`,
+  `channelWhatsapp`, `channelEmail`, `channelPortal`, `channelWebchat`.
+- **Classes novas:** `.cv-p-channels`, `.cv-p-channel`, `.cv-p-row__tags`, `.cv-p-inbox__icon`; cores opcionais
+  `--cv-p-channel-app` (padrão: o destaque) e `--cv-p-channel-whatsapp` (padrão `#20914f`, ≥ 3:1 sobre as superfícies claras e
+  escuras; ao trocar, mantenha 3:1).
+
 ### Variáveis `--cv-p-*`
 
 Defina no `.cv-p`, no wrapper (`className`) ou em qualquer ancestral. Há também a prop `theme`
 (`primaryColor` → `--cv-p-accent`, `backgroundColor` → `--cv-p-surface`, `textPrimary` → `--cv-p-text`,
 `textSecondary` → `--cv-p-text-muted`).
 
-| Variável | Para que serve | Padrão (claro) |
-| --- | --- | --- |
-| `--cv-p-surface` | fundo da tela | `#ffffff` |
-| `--cv-p-surface-raised` | fundo de bolhas recebidas e campos | `#f3f4f6` |
-| `--cv-p-text` | texto principal | `#111827` |
-| `--cv-p-text-muted` | texto secundário | `#5b6573` |
-| `--cv-p-border` | bordas | `#d5d9df` |
-| `--cv-p-accent` | destaque, botão primário, bolha própria | `#a85a1c` |
-| `--cv-p-accent-contrast` | texto sobre o destaque | `#ffffff` |
-| `--cv-p-highlight` | fundo de "espera sua resposta" | `#fbefe2` |
-| `--cv-p-danger` | erro e falha de envio | `#c62828` |
-| `--cv-p-radius` | raio dos cantos | `0` |
+| Variável                  | Para que serve                          | Padrão (claro) |
+| ------------------------- | --------------------------------------- | -------------- |
+| `--cv-p-surface`          | fundo da tela                           | `#ffffff`      |
+| `--cv-p-surface-raised`   | fundo de bolhas recebidas e campos      | `#f3f4f6`      |
+| `--cv-p-text`             | texto principal                         | `#111827`      |
+| `--cv-p-text-muted`       | texto secundário                        | `#5b6573`      |
+| `--cv-p-border`           | bordas                                  | `#d5d9df`      |
+| `--cv-p-accent`           | destaque, botão primário, bolha própria | `#a85a1c`      |
+| `--cv-p-accent-contrast`  | texto sobre o destaque                  | `#ffffff`      |
+| `--cv-p-highlight`        | fundo de "espera sua resposta"          | `#fbefe2`      |
+| `--cv-p-danger`           | erro e falha de envio                   | `#c62828`      |
+| `--cv-p-radius`           | raio dos cantos                         | `0`            |
+| `--cv-p-channel-app`      | cor do selo do canal app                | o destaque     |
+| `--cv-p-channel-whatsapp` | cor do selo do canal WhatsApp           | `#20914f`      |
 
 O tema escuro segue a classe `.dark` (mesma do restante do pacote). Os nomes `.cv-p-*` e `--cv-p-*` são API
 pública e não mudam sem nova versão maior.

package/dist/{chunk-JXJCPN34.js → chunk-FAQLC3TX.js}

@@ -12,7 +12,7 @@ import {
   formatPhone,
   formatTimestamp,
   isSameDay
-} from "./chunk-RJMSM3YA.js";
+} from "./chunk-O6457XHK.js";
 import {
   parseWhatsAppFormatting
 } from "./chunk-CBYEHPX6.js";

package/dist/{chunk-RJMSM3YA.js → chunk-O6457XHK.js}

@@ -156,7 +156,13 @@ function channelCapabilityFor(channel) {
 // src/StatusTicks.tsx
 import { AlertTriangle, Clock } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var STATUS_MODIFIER = {
+var TAILWIND_COLOR_CLASS = {
+  sent: "text-black/40 dark:text-white/40",
+  delivered: "text-black/40 dark:text-white/40",
+  read: "text-sky-500",
+  failed: "text-red-500"
+};
+var STYLESHEET_MODIFIER = {
   queued: "queued",
   sent: "sent",
   delivered: "delivered",
@@ -164,7 +170,6 @@ var STATUS_MODIFIER = {
   failed: "failed",
   bounced: "failed"
 };
-var QUEUED_LABEL = "Queued";
 function Ticks({ double }) {
   return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 20 12", width: "15", height: "9", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     double && /* @__PURE__ */ jsx("path", { d: "M1 6.5L4.5 10L11 2", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -180,24 +185,25 @@ function Ticks({ double }) {
     )
   ] });
 }
-function StatusIcon({ modifier }) {
-  if (modifier === "failed") return /* @__PURE__ */ jsx(AlertTriangle, { size: 11 });
-  if (modifier === "queued") return /* @__PURE__ */ jsx(Clock, { size: 11 });
-  return /* @__PURE__ */ jsx(Ticks, { double: modifier !== "sent" });
-}
-function StatusTicks({ status, title }) {
-  const modifier = STATUS_MODIFIER[status] ?? "sent";
-  const ariaLabel = modifier === "queued" ? QUEUED_LABEL : void 0;
+function StylesheetStatusTicks({ status, title, queuedLabel }) {
+  const modifier = STYLESHEET_MODIFIER[status] ?? "sent";
+  const ariaLabel = modifier === "queued" ? queuedLabel : void 0;
+  const icon = modifier === "failed" ? /* @__PURE__ */ jsx(AlertTriangle, { size: 11 }) : modifier === "queued" ? /* @__PURE__ */ jsx(Clock, { size: 11 }) : /* @__PURE__ */ jsx(Ticks, { double: modifier !== "sent" });
   return /* @__PURE__ */ jsx(
     "span",
     {
       className: `cv-status-ticks cv-status-ticks--${modifier}`,
       "data-cv-tooltip": title ?? ariaLabel,
       "aria-label": ariaLabel,
-      children: /* @__PURE__ */ jsx(StatusIcon, { modifier })
+      children: icon
     }
   );
 }
+function StatusTicks({ status, title, appearance = "tailwind", queuedLabel = "Queued" }) {
+  if (appearance === "stylesheet") return /* @__PURE__ */ jsx(StylesheetStatusTicks, { status, title, queuedLabel });
+  const colorClass = TAILWIND_COLOR_CLASS[status] ?? TAILWIND_COLOR_CLASS.sent;
+  return /* @__PURE__ */ jsx("span", { className: `cursor-help leading-none flex items-center ${colorClass}`, "data-cv-tooltip": title, children: status === "failed" ? /* @__PURE__ */ jsx(AlertTriangle, { size: 11 }) : /* @__PURE__ */ jsx(Ticks, { double: status !== "sent" }) });
+}
 
 // src/lib/format.ts
 function formatTimestamp(timestamp) {

package/dist/chunk-OVFCLRQQ.js

@@ -0,0 +1,84 @@
+import {
+  parseWhatsAppFormatting
+} from "./chunk-CBYEHPX6.js";
+
+// src/MessageText.tsx
+import { useCallback, useState } from "react";
+
+// src/theme.ts
+var CHAT_TEXT_PRIMARY_CLASS = "text-[#111b21] dark:text-[#e9edef]";
+var CHAT_TEXT_SECONDARY_CLASS = "text-[#667781] dark:text-[#8696a0]";
+
+// src/messageTextCopyInteraction.ts
+function resolveCopyInteraction({
+  copyOnClick,
+  accessibleCopy,
+  onCopy
+}) {
+  if (!copyOnClick) return {};
+  if (!accessibleCopy) return { onClick: onCopy };
+  return {
+    onClick: onCopy,
+    role: "button",
+    tabIndex: 0,
+    onKeyDown: (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      onCopy();
+    }
+  };
+}
+
+// src/MessageTextCopiedBadge.tsx
+import { jsx } from "react/jsx-runtime";
+var TAILWIND_CLASS = "absolute top-0 right-0 -translate-y-full bg-[#3b4a54] text-white text-[11px] px-1.5 py-0.5 rounded shadow-lg";
+function MessageTextCopiedBadge({ label = "Copiado!", appearance = "tailwind" }) {
+  const className = appearance === "stylesheet" ? "cv-message-text__copied" : TAILWIND_CLASS;
+  return /* @__PURE__ */ jsx("span", { className, children: label });
+}
+
+// src/MessageText.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var TAILWIND_CLASS2 = "text-[14.2px] leading-[19px] whitespace-pre-wrap break-words select-all [&_strong]:font-bold [&_em]:italic [&_del]:line-through";
+function resolveClassName(appearance, copyOnClick) {
+  if (appearance === "tailwind") return TAILWIND_CLASS2;
+  return copyOnClick ? "cv-message-text cv-message-text--copyable" : "cv-message-text";
+}
+function MessageText({
+  message,
+  copyOnClick = true,
+  accessibleCopy = false,
+  copiedLabel,
+  appearance = "tailwind"
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(async () => {
+    if (!copyOnClick || !message.content) return;
+    try {
+      await navigator.clipboard.writeText(message.content);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  }, [copyOnClick, message.content]);
+  if (message.type === "template")
+    return /* @__PURE__ */ jsx2("p", { className: `text-sm italic ${CHAT_TEXT_SECONDARY_CLASS}`, children: message.content ?? "Template message" });
+  const interactionProps = resolveCopyInteraction({ copyOnClick, accessibleCopy, onCopy: handleCopy });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: resolveClassName(appearance, copyOnClick),
+      ...interactionProps,
+      children: [
+        /* @__PURE__ */ jsx2("div", { children: parseWhatsAppFormatting(message.content ?? "") }),
+        copied && /* @__PURE__ */ jsx2(MessageTextCopiedBadge, { label: copiedLabel, appearance })
+      ]
+    }
+  );
+}
+
+export {
+  CHAT_TEXT_PRIMARY_CLASS,
+  CHAT_TEXT_SECONDARY_CLASS,
+  MessageText
+};

package/dist/index.d.ts

@@ -602,8 +602,12 @@ declare function TooltipLayer(): react.ReactPortal | null;
 interface StatusTicksProps {
     status: string;
     title?: string;
+    /** 'tailwind' (default) keeps the 0.4.2 markup; 'stylesheet' uses .cv-status-ticks--* and adds queued/bounced handling. */
+    appearance?: 'tailwind' | 'stylesheet';
+    /** Accessible label of the queued state (stylesheet appearance only). Defaults to 'Queued'. */
+    queuedLabel?: string;
 }
-declare function StatusTicks({ status, title }: StatusTicksProps): react.JSX.Element;
+declare function StatusTicks({ status, title, appearance, queuedLabel }: StatusTicksProps): react.JSX.Element;
 
 interface LightboxLabels {
     /** Texto alternativo quando a imagem não tem legenda — sem ele o leitor de tela anuncia a URL. */
@@ -627,14 +631,20 @@ interface FileIconProps {
 }
 declare function FileIcon({ filename, mimeType, size, className }: FileIconProps): react.JSX.Element;
 
+type MessageTextAppearance = 'tailwind' | 'stylesheet';
+
 interface MessageTextProps {
     message: MessagePayload;
-    /** Defaults to true (tap copies the text, as in 0.3.1); false disables copying and its button semantics. */
+    /** Defaults to true (tap copies the text, as in 0.4.2); false disables copying. */
     copyOnClick?: boolean;
-    /** Text of the badge shown after copying; absent means the package default ("Copied"). */
+    /** Opt-in: exposes the copy target as a keyboard-operable button (role, tabIndex, Enter/Space). Defaults to false. */
+    accessibleCopy?: boolean;
+    /** Text of the badge shown after copying. Defaults to 'Copiado!', as in 0.4.2. */
     copiedLabel?: string;
+    /** 'tailwind' (default) keeps the 0.4.2 utility classes; 'stylesheet' uses the .cv-* rules from styles.css. */
+    appearance?: MessageTextAppearance;
 }
-declare function MessageText({ message, copyOnClick, copiedLabel }: MessageTextProps): react.JSX.Element;
+declare function MessageText({ message, copyOnClick, accessibleCopy, copiedLabel, appearance, }: MessageTextProps): react.JSX.Element;
 
 interface MessageTimestampProps {
     timestamp: string;

package/dist/index.js

@@ -3,11 +3,6 @@ import {
   TooltipLayer,
   WhatsAppMessagePreview
 } from "./chunk-HOKNKXIT.js";
-import {
-  CHAT_TEXT_PRIMARY_CLASS,
-  CHAT_TEXT_SECONDARY_CLASS,
-  MessageText
-} from "./chunk-WSFGNR5R.js";
 import {
   AudioPlayer,
   AudioRecorderButton,
@@ -64,12 +59,17 @@ import {
   useConversationLocales,
   useConversations,
   useQuickRepliesPicker
-} from "./chunk-JXJCPN34.js";
+} from "./chunk-FAQLC3TX.js";
 import {
   cn,
   useDarkMode,
   useIsDarkTheme
 } from "./chunk-MRVFFJEH.js";
+import {
+  CHAT_TEXT_PRIMARY_CLASS,
+  CHAT_TEXT_SECONDARY_CLASS,
+  MessageText
+} from "./chunk-OVFCLRQQ.js";
 import {
   CHANNEL_CAPABILITIES,
   CHANNEL_FILTER_ALL,
@@ -89,7 +89,7 @@ import {
   formatTimestamp,
   isSameDay,
   phoneInitials
-} from "./chunk-RJMSM3YA.js";
+} from "./chunk-O6457XHK.js";
 import {
   ZERO_WIDTH_SPACE,
   htmlToWA,

package/dist/participant/index.d.ts

@@ -9,6 +9,8 @@ type ParticipantSubjectGroup = {
     readonly label: string;
     readonly icon?: ReactNode;
 };
+/** Host-drawn icon for a list row; null/undefined falls back to the subject group icon. */
+type ParticipantSubjectIconRenderer = (conversation: ParticipantConversationSummary) => ReactNode;
 type ParticipantInboxSection = {
     /** 'awaiting' | 'closed' | 'other' or the subjectType of a group. */
     readonly key: string;
@@ -26,12 +28,18 @@ type ParticipantInboxView = {
     readonly sections: readonly ParticipantInboxSection[];
     readonly filters: readonly ParticipantInboxFilter[];
     readonly showFilters: boolean;
+    /** The filter actually applied: 'all' when the requested one has no conversations left. */
+    readonly activeFilter: string;
+    /** The search finds conversations, but none under the active subject filter. */
+    readonly hasMatchesOutsideFilter: boolean;
 };
 type GroupParticipantConversationsParams = {
     readonly conversations: readonly ParticipantConversationSummary[];
     readonly subjectGroups: readonly ParticipantSubjectGroup[];
     /** subjectType, or 'all'/undefined for everything. */
     readonly filter?: string;
+    /** Narrows the rows only: chips and their counts always describe the whole list. */
+    readonly searchQuery?: string;
 };
 type ParticipantConversationsClassNames = {
     readonly root: string;
@@ -133,6 +141,21 @@ type ParticipantConversationsLabels = {
     readonly loading: string;
     readonly loadError: string;
     readonly loadMore: string;
+    readonly searchLabel: string;
+    readonly searchPlaceholder: string;
+    readonly noResults: string;
+    readonly noResultsInFilter: string;
+    readonly noResultsLoadedOnly: string;
+    /** Spoken before the protocol code, e.g. "Protocol 261009-K7M2". */
+    readonly protocolPrefix: string;
+    readonly copyProtocol: string;
+    readonly protocolCopied: string;
+    readonly channelsGroup: string;
+    readonly channelApp: string;
+    readonly channelWhatsapp: string;
+    readonly channelEmail: string;
+    readonly channelPortal: string;
+    readonly channelWebchat: string;
 };
 declare const DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS: ParticipantConversationsLabels;
 
@@ -152,6 +175,7 @@ type ParticipantConversationsProps = {
     pendingMessages?: readonly ParticipantPendingMessage[];
     onRetryPending?: (clientMessageId: string) => void;
     quickReplies?: readonly QuickReply[];
+    renderSubjectIcon?: ParticipantSubjectIconRenderer;
     renderSubjectCard?: (conversation: ParticipantConversationSummary) => ReactNode;
     onOpenSubject?: (subject: ParticipantSubjectRef) => void;
 };
@@ -159,4 +183,4 @@ declare function ParticipantConversations(props: ParticipantConversationsProps):
 
 declare function groupParticipantConversations(params: GroupParticipantConversationsParams): ParticipantInboxView;
 
-export { DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS, type GroupParticipantConversationsParams, type ParticipantConversationEvent, ParticipantConversations, type ParticipantConversationsApi, type ParticipantConversationsClassNames, type ParticipantConversationsLabels, type ParticipantConversationsProps, type ParticipantInboxSection, type ParticipantInboxView, type ParticipantLocalPendingMessage, type ParticipantPendingMessage, type ParticipantSendInput, type ParticipantSendResult, type ParticipantSubjectGroup, groupParticipantConversations };
+export { DEFAULT_PARTICIPANT_CONVERSATIONS_LABELS, type GroupParticipantConversationsParams, type ParticipantConversationEvent, ParticipantConversations, type ParticipantConversationsApi, type ParticipantConversationsClassNames, type ParticipantConversationsLabels, type ParticipantConversationsProps, type ParticipantInboxSection, type ParticipantInboxView, type ParticipantLocalPendingMessage, type ParticipantPendingMessage, type ParticipantSendInput, type ParticipantSendResult, type ParticipantSubjectGroup, type ParticipantSubjectIconRenderer, groupParticipantConversations };