@adatechnology/conversations-ui 0.5.0 → 0.6.1

package/src/styles.css

@@ -1139,7 +1139,8 @@
 
 /* Participant view (.cv-p-*). Public theming API: override --cv-p-surface, --cv-p-surface-raised,
    --cv-p-text, --cv-p-text-muted, --cv-p-border, --cv-p-accent, --cv-p-accent-contrast,
-   --cv-p-highlight, --cv-p-danger, --cv-p-radius on .cv-p or any ancestor. */
+   --cv-p-highlight, --cv-p-danger, --cv-p-radius, --cv-p-channel-app, --cv-p-channel-whatsapp on .cv-p or any
+   ancestor. Channel colors must keep 3:1 against surface, surface-raised and highlight. */
 .cv-p {
   --cv-p-i-surface: var(--cv-p-surface, #ffffff);
   --cv-p-i-surface-raised: var(--cv-p-surface-raised, #f3f4f6);
@@ -1229,6 +1230,14 @@
   width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border: 1px solid var(--cv-p-i-border);
   border-radius: var(--cv-p-i-radius); font: 0.7rem 'SFMono-Regular', Consolas, monospace; text-transform: uppercase; color: var(--cv-p-i-accent);
 }
+.cv-p-inbox__icon { color: var(--cv-p-i-accent); font-size: 1rem; }
+.cv-p-inbox__icon svg { width: 1.25rem; height: 1.25rem; }
+.cv-p-row__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.5rem; }
+.cv-p-channels { display: inline-flex; flex-wrap: wrap; gap: 0.25rem; margin: 0; padding: 0; list-style: none; }
+.cv-p-channel { display: inline-grid; place-items: center; width: 1.375rem; height: 1.375rem; border: 1px solid var(--cv-p-i-border); border-radius: var(--cv-p-i-radius); color: var(--cv-p-i-text-muted); }
+.cv-p-channel svg { display: block; }
+.cv-p-channel--whatsapp { color: var(--cv-p-channel-whatsapp, #20914f); }
+.cv-p-channel--app { color: var(--cv-p-channel-app, var(--cv-p-i-accent)); }
 .cv-p-row__body { display: flex; flex-direction: column; min-width: 0; }
 .cv-p-row__kind { font: 0.64rem 'SFMono-Regular', Consolas, monospace; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cv-p-i-text-muted); }
 .cv-p-row__title { font-weight: 600; font-size: 0.92rem; }
@@ -1237,6 +1246,7 @@
 .cv-p-row__unread { min-width: 1.25rem; padding: 0 0.3rem; text-align: center; font-weight: 700; background: var(--cv-p-i-accent); color: var(--cv-p-i-accent-contrast); }
 
 .cv-p-thread__header { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border-bottom: 1px solid var(--cv-p-i-border); }
+.cv-p-thread__heading { flex: 1; min-width: 0; display: flex; flex-direction: column; }
 .cv-p-thread__title { flex: 1; margin: 0; font-size: 1rem; min-width: 0; }
 .cv-p-thread__title-button { min-height: var(--cv-p-i-touch); padding: 0; background: none; border: 0; color: inherit; font: inherit; font-weight: 600; text-align: left; text-decoration: underline; cursor: pointer; }
 .cv-p-thread__subject-card { margin: 0.75rem 1rem 0; padding: 0.625rem 0.75rem; border: 1px solid var(--cv-p-i-border); background: var(--cv-p-i-surface-raised); border-radius: var(--cv-p-i-radius); font-size: 0.82rem; }
@@ -1273,9 +1283,20 @@
 .cv-p-files__size { color: var(--cv-p-i-text-muted); }
 .cv-p-files__remove { min-width: var(--cv-p-i-touch); min-height: var(--cv-p-i-touch); background: transparent; border: 0; color: inherit; font: inherit; cursor: pointer; }
 
+.cv-p-protocol { min-width: 0; overflow-wrap: anywhere; font: 0.7rem 'SFMono-Regular', Consolas, monospace; letter-spacing: 0.04em; color: var(--cv-p-i-text-muted); }
+.cv-p-protocol--header { display: flex; align-items: center; gap: 0.5rem; }
+.cv-p-protocol__copy { min-height: var(--cv-p-i-touch); min-width: var(--cv-p-i-touch); padding: 0 0.75rem; background: transparent; border: 1px solid var(--cv-p-i-border); border-radius: var(--cv-p-i-radius); color: var(--cv-p-i-text); font: inherit; font-size: 0.75rem; cursor: pointer; }
+.cv-p-search { padding: 0.625rem 1rem; border-bottom: 1px solid var(--cv-p-i-border); }
+.cv-p-search__input { width: 100%; box-sizing: border-box; min-height: var(--cv-p-i-touch); padding: 0 0.75rem; font: inherit; font-size: 0.9rem; color: var(--cv-p-i-text); background: var(--cv-p-i-surface); border: 1px solid var(--cv-p-i-border); border-radius: var(--cv-p-i-radius); }
+.cv-p-search__input:focus-visible, .cv-p-protocol__copy:focus-visible { outline: 2px solid var(--cv-p-i-accent); outline-offset: 2px; }
+
 @media (prefers-reduced-motion: no-preference) {
+  .cv-p-protocol__copy, .cv-p-search__input { transition: border-color 0.12s, background-color 0.12s; }
   .cv-p-row, .cv-p-button, .cv-p-chip { transition: background-color 0.12s, border-color 0.12s; }
 }
 
+/* Item de coluna flex com overflow ≠ visible (no próprio item) perde o min-height:auto e encolhe; os quatro últimos são defensivos. */
+.cv-p-filters, .cv-p-quick, .cv-p-search, .cv-p-composer, .cv-p-thread__header, .cv-p-thread__subject-card { flex: 0 0 auto; }
+
 .cv-p-root { display: flex; flex-direction: column; min-height: 0; height: 100%; }
 .cv-p-root__screen { display: flex; flex-direction: column; flex: 1; min-height: 0; }

package/dist/chunk-WSFGNR5R.js

@@ -1,55 +0,0 @@
-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/MessageTextCopiedBadge.tsx
-import { jsx } from "react/jsx-runtime";
-function MessageTextCopiedBadge({ label = "Copied" }) {
-  return /* @__PURE__ */ jsx("span", { className: "cv-message-text__copied", children: label });
-}
-
-// src/MessageText.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function MessageText({ message, copyOnClick = true, copiedLabel }) {
-  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]);
-  const handleKeyDown = (event) => {
-    if (event.key !== "Enter" && event.key !== " ") return;
-    event.preventDefault();
-    void handleCopy();
-  };
-  if (message.type === "template")
-    return /* @__PURE__ */ jsx2("p", { className: `text-sm italic ${CHAT_TEXT_SECONDARY_CLASS}`, children: message.content ?? "Template message" });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: copyOnClick ? "cv-message-text cv-message-text--copyable" : "cv-message-text",
-      ...copyOnClick ? { role: "button", tabIndex: 0, onClick: handleCopy, onKeyDown: handleKeyDown } : {},
-      children: [
-        /* @__PURE__ */ jsx2("div", { children: parseWhatsAppFormatting(message.content ?? "") }),
-        copied && /* @__PURE__ */ jsx2(MessageTextCopiedBadge, { label: copiedLabel })
-      ]
-    }
-  );
-}
-
-export {
-  CHAT_TEXT_PRIMARY_CLASS,
-  CHAT_TEXT_SECONDARY_CLASS,
-  MessageText
-};