@brainfish-ai/components 0.35.20 → 0.36.1

package/dist/esm/components/convos/message.css

@@ -0,0 +1,258 @@
+.before-line::before {
+
+    position: absolute;
+
+    top: -1rem;
+
+    left: 11px;
+
+    display: block;
+
+    height: 0.75rem;
+
+    width: 1px;
+
+    background-color: var(--bfc-v2-color-mono-300, #E5E5E5);
+
+    --tw-content: '';
+
+    content: var(--tw-content)
+}
+
+.before-line--user::before {
+
+    position: absolute;
+
+    top: -1rem;
+
+    left: 11px;
+
+    bottom: calc(50% + 18px);
+
+    display: block;
+
+    width: 1px;
+
+    background-color: var(--bfc-v2-color-mono-300, #E5E5E5);
+
+    --tw-content: '';
+
+    content: var(--tw-content)
+}
+
+.after-line::after {
+
+    position: absolute;
+
+    left: 11px;
+
+    bottom: -1rem;
+
+    top: 2.5rem;
+
+    display: block;
+
+    width: 1px;
+
+    background-color: var(--bfc-v2-color-mono-300, #E5E5E5);
+
+    --tw-content: '';
+
+    content: var(--tw-content)
+}
+
+.after-line:last-of-type::after {
+
+    content: var(--tw-content);
+
+    bottom: 0px
+}
+
+.after-line--user:not(:last-of-type)::after {
+
+    position: absolute;
+
+    left: 11px;
+
+    bottom: -0px;
+
+    top: calc(50% + 18px);
+
+    display: block;
+
+    width: 1px;
+
+    background-color: var(--bfc-v2-color-mono-300, #E5E5E5);
+
+    --tw-content: '';
+
+    content: var(--tw-content)
+}
+
+.after-line--user:not(:last-of-type):last-of-type::after {
+
+    content: var(--tw-content);
+
+    bottom: 0px
+}
+
+.message-item {
+
+    position: relative;
+
+    display: flex;
+
+    flex-direction: row;
+
+    gap: 0.5rem;
+
+    padding: 0px
+}
+
+.message-header {
+
+    display: flex;
+
+    justify-content: space-between
+}
+
+.message-meta {
+
+    display: flex;
+
+    align-items: center;
+
+    gap: 0.5rem
+}
+
+.message-timestamp {
+
+    font-size: 0.75rem;
+
+    line-height: 1.5rem;
+
+    color: var(--bfc-text-subtlest);
+
+    font-weight: 400
+}
+
+.message-timestamp-simple {
+
+    font-size: 0.75rem;
+
+    line-height: 1rem;
+
+    color: var(--bfc-text-subtlest);
+
+    font-weight: 400
+}
+
+.message-content-wrapper {
+
+    padding-left: 1.5rem;
+
+    padding-right: 1.5rem;
+
+    font-size: 1rem;
+
+    line-height: 1.5rem
+}
+
+.message-ai-content {
+
+    position: relative;
+
+    margin-left: 1.75rem;
+
+    gap: 1.5rem;
+
+    border-radius: 0.5rem;
+
+    border-width: 1px;
+
+    border-color: var(--bfc-v2-color-mono-300, #E5E5E5);
+
+    background-color: var(--bfc-white);
+
+    padding-left: 0px;
+
+    padding-right: 0px
+}
+
+.message-user-content {
+
+    border-radius: 0.5rem;
+
+    border-width: 1px;
+
+    border-color: var(--bfc-v2-color-mono-300, #E5E5E5);
+
+    background-color: var(--bfc-v2-color-mono-100, #FAFAFA);
+
+    padding: 1.5rem;
+
+    font-size: 1rem;
+
+    line-height: 1.5rem
+}
+
+.message-article-link {
+
+    display: flex;
+
+    align-items: center;
+
+    gap: 0.5rem
+}
+
+.message-article-link:focus-visible {
+
+    outline: 2px solid transparent;
+
+    outline-offset: 2px
+}
+
+.message-article-title {
+
+    flex-grow: 1;
+
+    overflow: hidden;
+
+    text-overflow: ellipsis;
+
+    white-space: nowrap;
+
+    font-size: 0.75rem;
+
+    line-height: 1rem
+}
+
+.message-article-list {
+
+    list-style-type: none
+}
+
+.message-article-list > :not([hidden]) ~ :not([hidden]) {
+
+    --tw-space-y-reverse: 0;
+
+    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+
+    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
+}
+
+.message-article-list {
+
+    padding-left: 1.5rem;
+
+    padding-right: 1.5rem
+}
+
+.message-feedback-text {
+
+    font-size: 0.875rem;
+
+    line-height: 1.25rem;
+
+    font-style: italic
+}

package/dist/esm/components/convos/message.js

@@ -0,0 +1,113 @@
+import React__default, { useMemo } from 'react';
+import { ArrowSquareOut, UserCircle, Eye } from '@phosphor-icons/react';
+import { StatusBadge } from './status-badge.js';
+import { FormattedMessage } from '../markdown/FormattedMessage.js';
+import { useConvosContext } from './convos.js';
+import { FeedbackDialog } from './feedback-dialog.js';
+import { DivButton } from '../ui/div-button.js';
+import { Button } from '../ui/button.js';
+import { ConfidenceBadge } from './confidence-badge.js';
+import { AILogo } from '../logo/ai-logo.js';
+import { Item, ItemHeader, ItemTitle, ItemContent } from '../ui/item.js';
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '../ui/accordion.js';
+import { cn } from '../../lib/utils.js';
+import { formatDate } from '../../lib/formatDate.js';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../ui/tooltip.js';
+import './message.css';/* empty css            */
+
+const PROTECTED_MARKDOWN_SEGMENT = /(```[\s\S]*?```|`[^`\n]+`|<(?:[a-zA-Z][a-zA-Z0-9+.-]*:|www\.)[^\s>]+>)/g;
+const GFM_ANGLE_BRACKET_AUTOLINK = /^<(?:[a-zA-Z][a-zA-Z0-9+.-]*:|www\.)[^\s>]+>$/;
+function isProtectedMarkdownSegment(segment) {
+  return segment.startsWith("```") || segment.startsWith("`") && segment.endsWith("`") || GFM_ANGLE_BRACKET_AUTOLINK.test(segment);
+}
+function escapeHtmlEntities(text) {
+  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function escapeHtmlOutsideProtectedMarkdownSegments(content) {
+  return content.split(PROTECTED_MARKDOWN_SEGMENT).map((segment) => isProtectedMarkdownSegment(segment) ? segment : escapeHtmlEntities(segment)).join("");
+}
+var MessageType = /* @__PURE__ */ ((MessageType2) => {
+  MessageType2["ACTION"] = "action";
+  MessageType2["FEEDBACK"] = "feedback";
+  MessageType2["QUESTION"] = "question";
+  MessageType2["ANSWER"] = "answer";
+  MessageType2["HUMAN"] = "human";
+  return MessageType2;
+})(MessageType || {});
+var Feedback = /* @__PURE__ */ ((Feedback2) => {
+  Feedback2["Positive"] = "positive";
+  Feedback2["Negative"] = "negative";
+  return Feedback2;
+})(Feedback || {});
+const isAIAnswer = (msg) => msg.type === "answer" /* ANSWER */;
+const isUserQuestion = (msg) => msg.type === "question" /* QUESTION */;
+const isFeedback = (msg) => msg.type === "feedback" /* FEEDBACK */;
+const isAction = (msg) => msg.type === "action" /* ACTION */;
+const isHumanAgent = (msg) => msg.type === "human" /* HUMAN */;
+function formatHumanAgentTitle(authorName, source) {
+  const name = authorName?.trim() || "Support";
+  if (!source?.trim()) {
+    return name;
+  }
+  const sourceLabel = source.charAt(0).toUpperCase() + source.slice(1);
+  return `${name} (via ${sourceLabel})`;
+}
+function MessageAttachmentImageThumbnails({ attachments }) {
+  return /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-2 flex-wrap" }, attachments.filter((a) => a.type === "image").map((att, i) => /* @__PURE__ */ React__default.createElement("div", { key: i, className: "relative bg-dark-300 p-1 rounded shrink-0" }, /* @__PURE__ */ React__default.createElement("a", { href: att.url, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React__default.createElement("img", { src: att.url, alt: "", className: "size-14 object-cover rounded" })), /* @__PURE__ */ React__default.createElement("div", { className: "absolute top-1.5 right-1.5 bg-dark-300 rounded-full p-0.5" }, /* @__PURE__ */ React__default.createElement(Eye, { size: 8 })))));
+}
+function Message(props) {
+  const { id, content, timestamp, locale: localeOverride, isFeedbackDialogOpen, onFeedbackDialogChange } = props;
+  const purifiedContent = useMemo(() => escapeHtmlOutsideProtectedMarkdownSegments(content), [content]);
+  const { locale: contextLocale } = useConvosContext();
+  const locale = localeOverride || contextLocale;
+  const formattedDate = formatDate(timestamp, locale);
+  if (isAIAnswer(props)) {
+    const { relatedArticles, discarded, discardedMeta, confidenceScore } = props;
+    return /* @__PURE__ */ React__default.createElement("li", { className: "relative before-line after-line list-none [&_a]:break-all" }, /* @__PURE__ */ React__default.createElement(Item, { className: "message-item" }, /* @__PURE__ */ React__default.createElement(ItemHeader, { className: "justify-start gap-1.5" }, /* @__PURE__ */ React__default.createElement(AILogo, { variant: "dark", width: 16, height: 16, className: "shrink-0" }), /* @__PURE__ */ React__default.createElement(ItemTitle, { className: "text-xs font-bold" }, `AI generated ${discarded ? "(Discarded)" : ""}`)), /* @__PURE__ */ React__default.createElement(
+      ItemContent,
+      {
+        className: cn("message-ai-content", {
+          "py-6": !relatedArticles?.length,
+          "pt-6 pb-0": relatedArticles?.length
+        })
+      },
+      /* @__PURE__ */ React__default.createElement("div", { className: "message-content-wrapper" }, /* @__PURE__ */ React__default.createElement(FormattedMessage, { message: { content: purifiedContent } }), /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-2 justify-between mt-2 items-center" }, /* @__PURE__ */ React__default.createElement("span", { className: "message-timestamp" }, formattedDate), /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-2" }, confidenceScore && /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(DivButton, { variant: "outline", size: "sm", className: "text-xs p-1 h-auto" }, confidenceScore)), /* @__PURE__ */ React__default.createElement(TooltipContent, null, /* @__PURE__ */ React__default.createElement("p", null, "Answer score: ", confidenceScore))), /* @__PURE__ */ React__default.createElement(
+        FeedbackDialog,
+        {
+          id,
+          discarded,
+          discardedMeta,
+          open: isFeedbackDialogOpen,
+          onOpenChange: onFeedbackDialogChange
+        }
+      )))),
+      !!relatedArticles?.length && /* @__PURE__ */ React__default.createElement(Accordion, { type: "single", collapsible: true, className: "p-0 custom-dashed-border-t-dark-300 w-full" }, /* @__PURE__ */ React__default.createElement(AccordionItem, { value: "related-articles" }, /* @__PURE__ */ React__default.createElement(AccordionTrigger, { className: "px-6" }, "Related articles"), /* @__PURE__ */ React__default.createElement(AccordionContent, null, /* @__PURE__ */ React__default.createElement("ul", { className: "message-article-list" }, relatedArticles.map((article) => /* @__PURE__ */ React__default.createElement(
+        "li",
+        {
+          key: article.id,
+          className: "grid gap-2 grid-cols-[auto_1fr] items-center justify-items-start"
+        },
+        /* @__PURE__ */ React__default.createElement(ConfidenceBadge, { score: Math.round(article.score * 100) }),
+        /* @__PURE__ */ React__default.createElement(
+          Button,
+          {
+            variant: "link",
+            size: "xs",
+            asChild: true,
+            className: "flex items-center gap-2 min-w-0 !justify-start w-full"
+          },
+          /* @__PURE__ */ React__default.createElement("a", { href: article.url, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React__default.createElement("span", { className: "truncate" }, article.title), /* @__PURE__ */ React__default.createElement(ArrowSquareOut, { className: "size-4 flex-shrink-0", weight: "regular" }))
+        )
+      ))))))
+    )));
+  }
+  if (isHumanAgent(props)) {
+    const { authorName, authorAvatarUrl, source } = props;
+    const title = formatHumanAgentTitle(authorName, source);
+    return /* @__PURE__ */ React__default.createElement("li", { className: "relative before-line after-line list-none [&_a]:break-all" }, /* @__PURE__ */ React__default.createElement(Item, { className: "message-item" }, /* @__PURE__ */ React__default.createElement(ItemHeader, { className: "justify-start gap-2" }, authorAvatarUrl ? /* @__PURE__ */ React__default.createElement("img", { src: authorAvatarUrl, alt: "", className: "size-6 shrink-0 rounded-full object-cover" }) : /* @__PURE__ */ React__default.createElement(UserCircle, { weight: "fill", size: 24, className: "shrink-0" }), /* @__PURE__ */ React__default.createElement(ItemTitle, { className: "text-xs font-bold" }, title)), /* @__PURE__ */ React__default.createElement(ItemContent, { className: "message-ai-content py-6" }, /* @__PURE__ */ React__default.createElement("div", { className: "message-content-wrapper" }, /* @__PURE__ */ React__default.createElement(FormattedMessage, { message: { content: purifiedContent } }), /* @__PURE__ */ React__default.createElement("span", { className: "message-timestamp" }, formattedDate)))));
+  }
+  const feedback = isFeedback(props) ? props.feedback : null;
+  return /* @__PURE__ */ React__default.createElement("li", { className: "relative list-none before-line--user after-line--user" }, /* @__PURE__ */ React__default.createElement(Item, { className: "message-item" }, /* @__PURE__ */ React__default.createElement(ItemHeader, { className: "basis-0" }, /* @__PURE__ */ React__default.createElement(UserCircle, { weight: "fill", size: 24 })), /* @__PURE__ */ React__default.createElement(ItemContent, { className: "message-user-content" }, isUserQuestion(props) && /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2" }, props.attachments && props.attachments.some((a) => a.type === "image") && /* @__PURE__ */ React__default.createElement(MessageAttachmentImageThumbnails, { attachments: props.attachments }), !props.onlyShowAttachments && /* @__PURE__ */ React__default.createElement(FormattedMessage, { message: { content: purifiedContent } }), /* @__PURE__ */ React__default.createElement("span", { className: "message-timestamp" }, formattedDate)), isFeedback(props) && feedback && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "message-header" }, /* @__PURE__ */ React__default.createElement("div", { className: "message-feedback-text" }, feedback === "positive" /* Positive */ ? "Upvoted as helpful" : "Downvoted as not helpful"), /* @__PURE__ */ React__default.createElement("div", { className: "message-meta" }, /* @__PURE__ */ React__default.createElement(StatusBadge, { variant: feedback === "positive" /* Positive */ ? "success" : "destructive" }, feedback === "positive" /* Positive */ ? "Answered" : "Unable to help"))), content && /* @__PURE__ */ React__default.createElement("div", { className: "text-base mb-1" }, content), /* @__PURE__ */ React__default.createElement("span", { className: "message-timestamp-simple" }, formattedDate)), isAction(props) && /* @__PURE__ */ React__default.createElement("div", { className: "message-header" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React__default.createElement("span", { className: "text-subtle text-sm italic" }, content), /* @__PURE__ */ React__default.createElement("span", { className: "message-timestamp-simple" }, formattedDate)), /* @__PURE__ */ React__default.createElement("div", { className: "message-meta" }, /* @__PURE__ */ React__default.createElement(StatusBadge, { variant: "warning" }, "Action"))))));
+}
+
+export { Feedback, Message, MessageAttachmentImageThumbnails, MessageType, isAIAnswer, isAction, isFeedback, isHumanAgent, isUserQuestion };

package/dist/esm/components/convos/status-badge.js

@@ -0,0 +1,45 @@
+import React__default from 'react';
+import { Check, Circle } from '@phosphor-icons/react';
+import { cva } from 'class-variance-authority';
+import { Badge } from '../ui/badge.js';
+import { cn } from '../../lib/utils.js';
+
+const statusBadgeSurface = cva("", {
+  variants: {
+    surface: {
+      solid: "",
+      /** Appended after `badgeVariants` in `Badge`'s `cn()` so these win for bg/hover. */
+      transparent: "bg-transparent text-subtle px-0 border-none"
+    }
+  },
+  defaultVariants: {
+    surface: "solid"
+  }
+});
+const statusBadgeIconTone = cva("", {
+  variants: {
+    tone: {
+      default: "text-subtle",
+      destructive: "text-red-600",
+      success: "text-green-600",
+      warning: "text-yellow-600",
+      disabled: "text-subtlest"
+    }
+  },
+  defaultVariants: {
+    tone: "default"
+  }
+});
+const StatusBadge = React__default.forwardRef(
+  ({ className, suffix, variant, surface = "solid", children, ...props }, ref) => {
+    const Icon = variant === "accepted" ? Check : Circle;
+    const badgeVariant = variant === "accepted" ? "success" : variant;
+    const iconTone = badgeVariant ?? "default";
+    const weight = variant === "accepted" ? "bold" : "fill";
+    const size = variant === "accepted" ? `!size-3` : `!size-2`;
+    return /* @__PURE__ */ React__default.createElement("span", { ref, className: cn("flex items-center gap-1 rounded-md p-1", suffix && "bg-dark-300", className) }, /* @__PURE__ */ React__default.createElement(Badge, { ...props, variant: badgeVariant, className: statusBadgeSurface({ surface }) }, /* @__PURE__ */ React__default.createElement("span", { className: "flex items-center gap-1" }, /* @__PURE__ */ React__default.createElement(Icon, { weight, size: 8, className: cn(size, statusBadgeIconTone({ tone: iconTone })) }), children)), suffix && /* @__PURE__ */ React__default.createElement("span", { className: "text-xs text-default" }, suffix));
+  }
+);
+StatusBadge.displayName = "StatusBadge";
+
+export { StatusBadge };

package/dist/esm/components/convos/stream-badge.js

@@ -0,0 +1,33 @@
+import React__default from 'react';
+import { Circle } from '@phosphor-icons/react';
+import { Tooltip, TooltipTrigger, TooltipContent } from '../ui/tooltip.js';
+import { dark } from '../../colors/dark.js';
+import { Badge } from '../ui/badge.js';
+import { cn } from '../../lib/utils.js';
+
+const StreamBadge = React__default.forwardRef(
+  ({ className, streamName, dotColor = "transparent", ...props }, ref) => {
+    return /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        ref,
+        role: "button",
+        className: cn("flex items-center gap-1 rounded-full p-0", className),
+        tabIndex: 0
+      },
+      /* @__PURE__ */ React__default.createElement(Badge, { ...props, className: "bg-surface rounded-full border border-dark-300 text-subtle" }, /* @__PURE__ */ React__default.createElement("span", { className: "flex items-center gap-1" }, /* @__PURE__ */ React__default.createElement(
+        Circle,
+        {
+          size: 8,
+          weight: "bold",
+          className: "!size-2 rounded-full",
+          style: { backgroundColor: dotColor },
+          color: dotColor === "transparent" ? dark[300] : "transparent"
+        }
+      ), /* @__PURE__ */ React__default.createElement("span", { className: "max-w-32 truncate inline-block" }, streamName)))
+    )), /* @__PURE__ */ React__default.createElement(TooltipContent, null, streamName));
+  }
+);
+StreamBadge.displayName = "StreamBadge";
+
+export { StreamBadge };

package/dist/esm/components/convos.js

@@ -1,29 +1,5 @@
-import e,{useState as t,useEffect as a,useRef as s,useMemo as r}from"react";import{S as n}from"../chunks/status-badge.BVWcC9Dt.js";import{ArrowSquareOut as l,CheckCircle as c,XCircle as i,ListMagnifyingGlass as m,UserCircle as o,Eye as d,UserFocus as u,Circle as p}from"@phosphor-icons/react";import{F as f}from"../chunks/FormattedMessage.DXVhkV-z.js";import{Spinner as g}from"./ui/spinner.js";import{B as E}from"../chunks/button.DXe2tRBO.js";import{useForm as h,Controller as N}from"react-hook-form";import{Select as v,SelectTrigger as x,SelectValue as b,SelectContent as w,SelectItem as k}from"./ui/select.js";import{Label as y}from"./ui/label.js";import{Textarea as j}from"./ui/textarea.js";import{Tooltip as A,TooltipTrigger as C,TooltipContent as _}from"./ui/tooltip.js";import{c as z}from"../chunks/utils.DtKoarLP.js";import{DivButton as O}from"./ui/div-button.js";import{ScrollArea as S}from"./ui/scroll-area.js";import{Sheet as D,SheetTrigger as F,SheetContent as R,SheetHeader as M,SheetTitle as I,SheetDescription as q}from"./ui/sheet.js";import{Badge as P}from"./ui/badge.js";import{A as U}from"../chunks/ai-logo.Bh2bhNcG.js";import{Item as T,ItemHeader as B,ItemTitle as W,ItemContent as L,ItemDescription as H}from"./ui/item.js";import{Accordion as K,AccordionItem as G,AccordionTrigger as Z,AccordionContent as $}from"./ui/accordion.js";import{c as V,b as J}from"../chunks/formatDate.D2xEZm8f.js";import{createId as Q}from"@paralleldrive/cuid2";import{Table as X,TableHeader as Y,TableRow as ee,TableHead as te,TableBody as ae,TableCell as se}from"./ui/table.js";import '../global.css';import '../convos.css';/* empty css                       */import"@radix-ui/react-accordion";import"clsx";import"tailwind-merge";import"./ui/alert-dialog.js";import"./ui/alert.js";import"@radix-ui/react-avatar";import"./ui/button-group.js";import"./ui/calendar.js";import"./ui/card.js";import"@radix-ui/react-collapsible";import"./ui/command.js";import"./ui/dialog.js";import"./ui/dropdown-menu.js";import"./ui/icon.js";import"./ui/input.js";import"./ui/popover.js";import"./ui/progress.js";import"./ui/radio-group.js";import"react-resizable-panels";import"./ui/separator.js";import"./ui/switch.js";import"./ui/tabs.js";import"../logos/microsoft-teams-logo.js";import"../logos/slack-logo.js";import"../logos/microsoft-logo.js";import{d as re}from"../chunks/dark.DuW7JuAk.js";import{G as ne}from"../chunks/generating-star.DN8DVygp.js";function le({messageId:s}){const{fetchAnswerDiagnostics:r}=ze(),[n,c]=t(null),[i,m]=t(!0);return a(()=>{r(s).then(e=>c(e)).finally(()=>m(!1))},[r,s]),/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-4 px-4 flex-shrink-0 bg-surface","data-name":"discard-dialog-answer-diagnostic"},i?/* @__PURE__ */e.createElement("div",{className:"flex items-center justify-center h-full"},/* @__PURE__ */e.createElement(g,null)):/* @__PURE__ */e.createElement(e.Fragment,null,n&&/* @__PURE__ */e.createElement(e.Fragment,null,/* @__PURE__ */e.createElement("dl",{className:"grid grid-cols-[1fr_2fr] grid-rows-2 gap-5"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Confidence"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.confidence_score)),n.answer_generation_type&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Answer Type"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.answer_generation_type)),n.query_context_relevance&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Relevance"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.query_context_relevance)),n.context_sufficiency&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-1"},/* @__PURE__ */e.createElement("dt",{className:"heading-xs"},"Context"),/* @__PURE__ */e.createElement("dd",{className:"text-sm"},n.context_sufficiency))),n.confidence_justification&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-2","data-name":"diagnostic-justification"},/* @__PURE__ */e.createElement("span",{className:"heading-xs"},"Justification"),/* @__PURE__ */e.createElement("p",{className:"text-sm my-0"},n.confidence_justification)),n.evidence_from_context&&n.evidence_from_context.length>0&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-2","data-name":"diagnostic-evidence"},/* @__PURE__ */e.createElement("span",{className:"heading-xs"},"Evidence (from Knowledge Base)"),n.evidence_from_context.map((t,a)=>/* @__PURE__ */e.createElement("div",{key:a,className:"flex flex-col gap-1"},t.supporting_quote&&/* @__PURE__ */e.createElement("p",{className:"text-sm my-0"},t.supporting_quote),t.url&&/* @__PURE__ */e.createElement(E,{variant:"link",size:"sm",className:"flex gap-1 text-sm self-end items-center",asChild:!0},/* @__PURE__ */e.createElement("a",{href:t.url,target:"_blank",rel:"noopener noreferrer"},/* @__PURE__ */e.createElement("span",null,"Source"),/* @__PURE__ */e.createElement(l,{size:16})))))))))}var ce=/* @__PURE__ */(e=>(e.INCORRECT_ANSWER="incorrect_answer",e.HALLUCINATED_ANSWER="hallucinated_answer",e.OVERSHARING="oversharing",e.WRONG_ARTICLE_SURFACED="wrong_article_surfaced",e.OTHER="other",e))(ce||{});const ie={incorrect_answer:"Incorrect answer",hallucinated_answer:"Hallucinated answer",oversharing:"Oversharing",wrong_article_surfaced:"Wrong article surfaced",other:"Other"};function me({discarded:r,discardedMeta:n,onSubmit:l,onApprove:m,selectOpenRef:o,className:d}){const[u,p]=t(r??!1),[f,g]=t(!1),[O,S]=t(r),D=s(null);a(()=>{S(r),r&&p(!0)},[r]);const F=e=>{g(e),o&&(o.current.isOpen=e)};a(()=>{o&&(o.current.close=()=>F(!1))},[o]);const{control:R,register:M,handleSubmit:I,reset:q,formState:{isSubmitting:P}}=h({defaultValues:{reason:n?.reason,preferredAnswer:n?.suggestedAnswer||""}});a(()=>{q({reason:n?.reason,preferredAnswer:n?.suggestedAnswer||""})},[n,q]),a(()=>{D.current&&(D.current.inert=!u)},[u]);const U=null!=O,T=!U||!1===O,B=!U||!0===O;/* @__PURE__ */
-return e.createElement("div",{className:z("space-y-4",d)},/* @__PURE__ */e.createElement("div",{className:"flex gap-2 px-4"},T&&/* @__PURE__ */e.createElement(A,null,/* @__PURE__ */e.createElement(C,{asChild:!0},/* @__PURE__ */e.createElement(E,{variant:"surface",elevation:"shadow",size:"sm",className:z("text-default !opacity-100",{"bg-green-600 text-dark-100":!1===O}),disabled:U,onClick:async()=>{try{await m(),S(!1),p(!1),F(!1)}catch(e){console.error("Failed to approve:",e)}}},
-/* @__PURE__ */e.createElement(c,null)," ",!1===O?"Approved":"Approve")),/* @__PURE__ */e.createElement(_,null,/* @__PURE__ */e.createElement("span",null,"Approve the answer"))),B&&/* @__PURE__ */e.createElement(A,null,/* @__PURE__ */e.createElement(C,{asChild:!0},/* @__PURE__ */e.createElement(E,{variant:"surface",elevation:"shadow",size:"sm",className:z("text-default !opacity-100",{"bg-red-600 text-dark-100":!0===O}),disabled:U,onClick:()=>p(!u)},
-/* @__PURE__ */e.createElement(i,null),!0===O?"Discarded":"Discard")),/* @__PURE__ */e.createElement(_,null,/* @__PURE__ */e.createElement("span",null,"Discard the answer")))),/* @__PURE__ */e.createElement("div",{className:z("grid transition-[grid-template-rows] duration-300 ease-in-out",u?"grid-rows-[1fr]":"grid-rows-[0fr]")},O?/* @__PURE__ */e.createElement("div",{className:z("overflow-hidden min-h-0 px-4 bg-dark-200 space-y-4",u?"py-4 mb-4":"py-0"),"data-name":"discard-dialog-reason"},
-/* @__PURE__ */e.createElement("div",{className:"space-y-1"},/* @__PURE__ */e.createElement(y,{htmlFor:"reason",className:"text-sm"},"Reason"),/* @__PURE__ */e.createElement("span",{className:"text-sm block"},n?.reason&&ie[n.reason])),
-/* @__PURE__ */e.createElement("div",{className:"space-y-1"},/* @__PURE__ */e.createElement(y,{htmlFor:"preferredAnswer",className:"text-sm"},"Preferred answer"),/* @__PURE__ */e.createElement("span",{className:"text-sm block"},n?.suggestedAnswer))):/* @__PURE__ */e.createElement("form",{ref:D,onSubmit:I(async e=>{try{await l(e),S(!0),F(!1)}catch(t){console.error("Failed to discard:",t)}}),className:z("overflow-hidden min-h-0 px-4 bg-dark-200 transition-all duration-300 ease-in-out",u?"py-4 mb-4":"py-0")},
-/* @__PURE__ */e.createElement("fieldset",{className:"space-y-4","data-name":"discard-dialog-reason"},/* @__PURE__ */e.createElement("div",{className:"space-y-1"},/* @__PURE__ */e.createElement(y,{htmlFor:"reason",className:"heading-xs"},"Reason"),/* @__PURE__ */e.createElement(N,{control:R,name:"reason",rules:{required:!0},render:({field:t})=>/* @__PURE__ */e.createElement(v,{value:t.value,onValueChange:t.onChange,open:f,onOpenChange:F,required:!0},
-/* @__PURE__ */e.createElement(x,{className:"border-dark-300 bg-surface"},/* @__PURE__ */e.createElement(b,{placeholder:"Select a reason"})),
-/* @__PURE__ */e.createElement(w,null,Object.values(ce).map(t=>/* @__PURE__ */e.createElement(k,{key:t,value:t},ie[t]))))}),/* @__PURE__ */e.createElement("span",{className:"text-xs text-subtle ml-1 hidden"},"Give your ambient agent a descriptive name that reflects its purpose. This agent will learn from your content to provide personalized assistance.")),/* @__PURE__ */e.createElement("div",{className:"space-y-1"},/* @__PURE__ */e.createElement(y,{htmlFor:"preferredAnswer",className:"heading-xs"},"Preferred answer"),/* @__PURE__ */e.createElement(j,{id:"preferredAnswer",required:!0,minLength:10,placeholder:"Explain what you'd like Brainfish to do next time in this case....",rows:4,className:"h-52 resize-none bg-surface",...M("preferredAnswer")}),/* @__PURE__ */e.createElement("span",{className:"text-xs text-subtle ml-1 hidden"},"Tell Brainfish why this is the incorrect answer.")),/* @__PURE__ */e.createElement("div",{className:"flex gap-2 !mb-1 justify-end mr-1"},/* @__PURE__ */e.createElement(E,{variant:"link",size:"sm",type:"button",onClick:()=>{p(!1),F(!1),q()}},"Cancel"),/* @__PURE__ */e.createElement(E,{type:"submit",variant:"default",elevation:"shadow",size:"sm",disabled:P},P?"Submitting...":"Submit"))))))}function oe({id:a,discarded:r,discardedMeta:n,open:l,onOpenChange:c,...i}){const{onDiscard:o,onApprove:d}=ze(),[u,p]=t(!1),f=s({isOpen:!1,close:()=>{}}),g=l??u,E=c??p;/* @__PURE__ */
-return e.createElement(D,{modal:!1,open:g,onOpenChange:E,...i},/* @__PURE__ */e.createElement(F,{asChild:!0,onClick:e=>e.stopPropagation(),onKeyUp:e=>e.stopPropagation()},/* @__PURE__ */e.createElement(O,{variant:"shadowSurface",size:"sm","aria-label":"Inspect answer information"},/* @__PURE__ */e.createElement(m,{className:"text-dark-600"})," Inspect")),/* @__PURE__ */e.createElement(R,{className:"space-y-4 px-0",onEscapeKeyDown:e=>{f.current.isOpen&&(e.preventDefault(),f.current.close())},onInteractOutside:e=>{f.current.isOpen&&e.preventDefault()}},
-/* @__PURE__ */e.createElement(M,{className:"px-4"},/* @__PURE__ */e.createElement(I,{className:"heading-sm m-0"},"Answer information"),/* @__PURE__ */e.createElement(q,{className:"sr-only"},"Shows answer diagnostics and allows you to provide feedback.")),
-/* @__PURE__ */e.createElement(S,{className:"h-[calc(100vh-4rem)] pb-4"},/* @__PURE__ */e.createElement(me,{discarded:r,discardedMeta:n,onSubmit:async e=>{await o(a,e.reason,e.preferredAnswer).then(()=>E(!1))},onApprove:async()=>{await d(a)},selectOpenRef:f}),/* @__PURE__ */e.createElement(le,{messageId:a}))))}const de=({score:t})=>{const a=`${t}%`;return!t||t>100?/* @__PURE__ */e.createElement(P,{variant:"disabled"},"N/A"):t>=80?/* @__PURE__ */e.createElement(P,{variant:"success"},a):t>=40&&t<80?/* @__PURE__ */e.createElement(P,{variant:"warning"},a):/* @__PURE__ */e.createElement(P,{variant:"disabled"},"N/A")},ue=/(```[\s\S]*?```|`[^`\n]+`|<(?:[a-zA-Z][a-zA-Z0-9+.-]*:|www\.)[^\s>]+>)/g,pe=/^<(?:[a-zA-Z][a-zA-Z0-9+.-]*:|www\.)[^\s>]+>$/;function fe(e){return e.split(ue).map(e=>function(e){return e.startsWith("```")||e.startsWith("`")&&e.endsWith("`")||pe.test(e)}(e)?e:e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")).join("")}var ge=/* @__PURE__ */(e=>(e.ACTION="action",e.FEEDBACK="feedback",e.QUESTION="question",e.ANSWER="answer",e.HUMAN="human",e))(ge||{}),Ee=/* @__PURE__ */(e=>(e.Positive="positive",e.Negative="negative",e))(Ee||{});const he=e=>"answer"===e.type,Ne=e=>"question"===e.type,ve=e=>"feedback"===e.type,xe=e=>"action"===e.type,be=e=>"human"===e.type;function we({attachments:t}){/* @__PURE__ */
-return e.createElement("div",{className:"flex gap-2 flex-wrap"},t.filter(e=>"image"===e.type).map((t,a)=>/* @__PURE__ */e.createElement("div",{key:a,className:"relative bg-dark-300 p-1 rounded shrink-0"},/* @__PURE__ */e.createElement("a",{href:t.url,target:"_blank",rel:"noopener noreferrer"},/* @__PURE__ */e.createElement("img",{src:t.url,alt:"",className:"size-14 object-cover rounded"})),/* @__PURE__ */e.createElement("div",{className:"absolute top-1.5 right-1.5 bg-dark-300 rounded-full p-0.5"},/* @__PURE__ */e.createElement(d,{size:8})))))}function ke(t){const{id:a,content:s,timestamp:c,locale:i,isFeedbackDialogOpen:m,onFeedbackDialogChange:d}=t,u=r(()=>fe(s),[s]),{locale:p}=ze(),g=V(c,i||p);if(he(t)){const{relatedArticles:s,discarded:r,discardedMeta:n,confidenceScore:c}=t;/* @__PURE__ */
-return e.createElement("li",{className:"relative before-line after-line list-none [&_a]:break-all"},/* @__PURE__ */e.createElement(T,{className:"message-item"},/* @__PURE__ */e.createElement(B,{className:"justify-start gap-1.5"},/* @__PURE__ */e.createElement(U,{variant:"dark",width:16,height:16,className:"shrink-0"}),/* @__PURE__ */e.createElement(W,{className:"text-xs font-bold"},"AI generated "+(r?"(Discarded)":""))),/* @__PURE__ */e.createElement(L,{className:z("message-ai-content",{"py-6":!s?.length,"pt-6 pb-0":s?.length})},
-/* @__PURE__ */e.createElement("div",{className:"message-content-wrapper"},/* @__PURE__ */e.createElement(f,{message:{content:u}}),/* @__PURE__ */e.createElement("div",{className:"flex gap-2 justify-between mt-2 items-center"},/* @__PURE__ */e.createElement("span",{className:"message-timestamp"},g),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-2"},c&&/* @__PURE__ */e.createElement(A,null,/* @__PURE__ */e.createElement(C,{asChild:!0},/* @__PURE__ */e.createElement(O,{variant:"outline",size:"sm",className:"text-xs p-1 h-auto"},c)),/* @__PURE__ */e.createElement(_,null,/* @__PURE__ */e.createElement("p",null,"Answer score: ",c))),/* @__PURE__ */e.createElement(oe,{id:a,discarded:r,discardedMeta:n,open:m,onOpenChange:d})))),!!s?.length&&/* @__PURE__ */e.createElement(K,{type:"single",collapsible:!0,className:"p-0 custom-dashed-border-t-dark-300 w-full"},/* @__PURE__ */e.createElement(G,{value:"related-articles"},/* @__PURE__ */e.createElement(Z,{className:"px-6"},"Related articles"),/* @__PURE__ */e.createElement($,null,/* @__PURE__ */e.createElement("ul",{className:"message-article-list"},s.map(t=>/* @__PURE__ */e.createElement("li",{key:t.id,className:"grid gap-2 grid-cols-[auto_1fr] items-center justify-items-start"},
-/* @__PURE__ */e.createElement(de,{score:Math.round(100*t.score)}),
-/* @__PURE__ */e.createElement(E,{variant:"link",size:"xs",asChild:!0,className:"flex items-center gap-2 min-w-0 !justify-start w-full"},
-/* @__PURE__ */e.createElement("a",{href:t.url,target:"_blank",rel:"noopener noreferrer"},/* @__PURE__ */e.createElement("span",{className:"truncate"},t.title),/* @__PURE__ */e.createElement(l,{className:"size-4 flex-shrink-0",weight:"regular"}))))))))))))}if(be(t)){const{authorName:a,authorAvatarUrl:s,source:r}=t,n=function(e,t){const a=e?.trim()||"Support";return t?.trim()?`${a} (via ${t.charAt(0).toUpperCase()+t.slice(1)})`:a}(a,r);/* @__PURE__ */
-return e.createElement("li",{className:"relative before-line after-line list-none [&_a]:break-all"},/* @__PURE__ */e.createElement(T,{className:"message-item"},/* @__PURE__ */e.createElement(B,{className:"justify-start gap-2"},s?/* @__PURE__ */e.createElement("img",{src:s,alt:"",className:"size-6 shrink-0 rounded-full object-cover"}):/* @__PURE__ */e.createElement(o,{weight:"fill",size:24,className:"shrink-0"}),/* @__PURE__ */e.createElement(W,{className:"text-xs font-bold"},n)),/* @__PURE__ */e.createElement(L,{className:"message-ai-content py-6"},/* @__PURE__ */e.createElement("div",{className:"message-content-wrapper"},/* @__PURE__ */e.createElement(f,{message:{content:u}}),/* @__PURE__ */e.createElement("span",{className:"message-timestamp"},g)))))}const h=ve(t)?t.feedback:null;/* @__PURE__ */
-return e.createElement("li",{className:"relative list-none before-line--user after-line--user"},/* @__PURE__ */e.createElement(T,{className:"message-item"},/* @__PURE__ */e.createElement(B,{className:"basis-0"},/* @__PURE__ */e.createElement(o,{weight:"fill",size:24})),/* @__PURE__ */e.createElement(L,{className:"message-user-content"},Ne(t)&&/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-2"},t.attachments&&t.attachments.some(e=>"image"===e.type)&&/* @__PURE__ */e.createElement(we,{attachments:t.attachments}),!t.onlyShowAttachments&&/* @__PURE__ */e.createElement(f,{message:{content:u}}),/* @__PURE__ */e.createElement("span",{className:"message-timestamp"},g)),ve(t)&&h&&/* @__PURE__ */e.createElement(e.Fragment,null,/* @__PURE__ */e.createElement("div",{className:"message-header"},/* @__PURE__ */e.createElement("div",{className:"message-feedback-text"},"positive"===h?"Upvoted as helpful":"Downvoted as not helpful"),/* @__PURE__ */e.createElement("div",{className:"message-meta"},/* @__PURE__ */e.createElement(n,{variant:"positive"===h?"success":"destructive"},"positive"===h?"Answered":"Unable to help"))),s&&/* @__PURE__ */e.createElement("div",{className:"text-base mb-1"},s),/* @__PURE__ */e.createElement("span",{className:"message-timestamp-simple"},g)),xe(t)&&/* @__PURE__ */e.createElement("div",{className:"message-header"},/* @__PURE__ */e.createElement("div",{className:"flex flex-col gap-2"},/* @__PURE__ */e.createElement("span",{className:"text-subtle text-sm italic"},s),/* @__PURE__ */e.createElement("span",{className:"message-timestamp-simple"},g)),/* @__PURE__ */e.createElement("div",{className:"message-meta"},/* @__PURE__ */e.createElement(n,{variant:"warning"},"Action"))))))}function ye({conversationId:s,open:r,onOpenChange:n,...l}){const[c,i]=t(),[m,o]=t(),{fetchAttributes:d}=ze();return a(()=>{d(s).then(e=>{i(e),o(function(e){const t=["id","name","email","phone"];if(0===e.length)return[];const a=e=>{const a=t.indexOf(e);return-1===a?1/0:a};return Object.keys(e[0]).sort((e,t)=>a(e)-a(t))}(e))}).catch(()=>{})},[d,s]),c?.length?/* @__PURE__ */e.createElement(D,{modal:!1,open:r,onOpenChange:n,...l},/* @__PURE__ */e.createElement(A,null,/* @__PURE__ */e.createElement(C,{asChild:!0},/* @__PURE__ */e.createElement(F,{asChild:!0,onClick:e=>e.stopPropagation(),onKeyUp:e=>e.stopPropagation()},/* @__PURE__ */e.createElement(O,{variant:"ghost",size:"icon",className:"size-7 [&_svg]:size-6 text-dark-900","aria-label":"Open Custom attributes dialog"},
-/* @__PURE__ */e.createElement(u,{size:24})))),/* @__PURE__ */e.createElement(_,null,"Customer attributes")),/* @__PURE__ */e.createElement(R,{className:"space-y-4"},/* @__PURE__ */e.createElement(M,null,/* @__PURE__ */e.createElement(I,{className:"heading-sm m-0"},"Custom attributes"),/* @__PURE__ */e.createElement(q,{className:"sr-only"},"Custom attributes are used to store additional information about the conversation.")),m&&/* @__PURE__ */e.createElement(S,{className:"h-[calc(100vh-8rem)]"}," ",/* @__PURE__ */e.createElement(X,{className:"bg-surface","data-test-id":"attributes-table"},/* @__PURE__ */e.createElement(Y,null,/* @__PURE__ */e.createElement(ee,null,m.map(t=>/* @__PURE__ */e.createElement(te,{key:t,className:"capitalize font-bold"},t)))),/* @__PURE__ */e.createElement(ae,null,c.map(t=>/* @__PURE__ */e.createElement(ee,{key:t?.id??Q(),className:"border-none"},m.map(a=>/* @__PURE__ */e.createElement(se,{key:a,"data-title":a},"boolean"==typeof t[a]?String(t[a]):t[a]))))))))):null}const je=e.forwardRef(({className:t,streamName:a,dotColor:s="transparent",...r},n)=>/* @__PURE__ */e.createElement(A,null,/* @__PURE__ */e.createElement(C,{asChild:!0},/* @__PURE__ */e.createElement("div",{ref:n,role:"button",className:z("flex items-center gap-1 rounded-full p-0",t),tabIndex:0},
-/* @__PURE__ */e.createElement(P,{...r,className:"bg-surface rounded-full border border-dark-300 text-subtle"},/* @__PURE__ */e.createElement("span",{className:"flex items-center gap-1"},/* @__PURE__ */e.createElement(p,{size:8,weight:"bold",className:"!size-2 rounded-full",style:{backgroundColor:s},color:"transparent"===s?re[300]:"transparent"}),/* @__PURE__ */e.createElement("span",{className:"max-w-32 truncate inline-block"},a))))),/* @__PURE__ */e.createElement(_,null,a)));je.displayName="StreamBadge";const Ae=({score:t,status:a,statusMessage:s})=>t?/* @__PURE__ */e.createElement(A,null,/* @__PURE__ */e.createElement(C,{asChild:!0},/* @__PURE__ */e.createElement(O,{variant:"ghost",size:"sm",className:"p-0 h-[26px]"},/* @__PURE__ */e.createElement(n,{variant:a,suffix:t},s))),/* @__PURE__ */e.createElement(_,null,/* @__PURE__ */e.createElement("p",null,"Conversation score: ",t))):/* @__PURE__ */e.createElement(n,{variant:a,suffix:t},s);function Ce({locale:a,value:s,question:r,timestamp:n,location:l,source:c,status:i,statusMessage:m,hasAttributes:o,onClick:d,className:u,score:p,...f}){const{getMessages:g,isLoading:E,locale:h}=ze(),[N,v]=t(null),[x,b]=t(null),w=(e,t)=>a=>{a?(v(e),t&&b(t)):(v(null),b(null))},k=null!==N,y=a||h,j=g(s),A=E(s),C=[J(n,y),l].filter(Boolean).join(" • ");/* @__PURE__ */
-return e.createElement(G,{value:s,className:z('border border-dark-200 hover:border-dark-300 rounded-lg bg-dark-100 [&[data-state="open"]]:bg-surface [&[data-state="open"]]:border-dark-100',{"shadow-md shadow-dark-300":k},u),...f},
-/* @__PURE__ */e.createElement(Z,{className:"flex-row-reverse px-4 gap-1 items-center [&[data-state=open]]:px-6",onClick:e=>{if(e.target.closest('[role="dialog"]'))return e.preventDefault(),void e.stopPropagation();d?.()}},
-/* @__PURE__ */e.createElement(T,{size:"sm",className:"flex-1 p-0 justify-between"},/* @__PURE__ */e.createElement(L,{className:"max-w-[400px]"},/* @__PURE__ */e.createElement(W,{className:"text-base text-default"},r),/* @__PURE__ */e.createElement(H,{className:"text-xs text-default flex items-center gap-1"},C,c&&/* @__PURE__ */e.createElement(je,{streamName:c.name,dotColor:c.color}))),/* @__PURE__ */e.createElement("div",{className:"flex items-center gap-0"},o&&/* @__PURE__ */e.createElement(ye,{conversationId:s,open:"attributes"===N,onOpenChange:w("attributes")}),i&&/* @__PURE__ */e.createElement(Ae,{score:p,status:i,statusMessage:m})))),
-/* @__PURE__ */e.createElement($,{className:"flex flex-col gap-4 text-balance px-5"},A?/* @__PURE__ */e.createElement("div",{className:"text-center text-subtle py-4"},"Loading messages..."):/* @__PURE__ */e.createElement("ul",{className:"list-none space-y-4"},j.map((t,a)=>{const s=Ne(t)?t:null,r=s?.attachments?.length?s.attachments:null;return 0===a?r?/* @__PURE__ */e.createElement(ke,{key:t.id,...{...t,onlyShowAttachments:!0},isFeedbackDialogOpen:"feedback"===N&&x===t.id,onFeedbackDialogChange:w("feedback",t.id)}):null:/* @__PURE__ */e.createElement(ke,{key:t.id,...t,isFeedbackDialogOpen:"feedback"===N&&x===t.id,onFeedbackDialogChange:w("feedback",t.id)})}))))}const _e=e.createContext(void 0);function ze(){const t=e.useContext(_e);if(void 0===t)throw new Error("useConvosContext must be used within a ConvosProvider");return t}function Oe({children:t,value:a}){/* @__PURE__ */
-return e.createElement(_e.Provider,{value:a},t)}function Se({convos:t,fetchMessages:a,fetchAttributes:s,fetchAnswerDiagnostics:r,onDiscard:n,onApprove:l}){const[c,i]=e.useState({}),[m,o]=e.useState({}),d=e.useRef(/* @__PURE__ */new Set),u=e.useRef({}),p=e.useCallback(e=>{d.current.has(e)||u.current[e]||(u.current[e]=!0,o(t=>({...t,[e]:!0})),a(e).then(t=>{i(a=>({...a,[e]:t})),d.current.add(e)}).catch(()=>{}).finally(()=>{delete u.current[e],o(t=>{const a={...t};return delete a[e],a})}))},[a]),f=t[0]?.locale,g=e.useMemo(()=>({fetchMessages:a,fetchAttributes:s,getMessages:e=>c[e]||[],isLoading:e=>m[e]||!1,handleFetchMessages:p,locale:f,fetchAnswerDiagnostics:e=>r(e),onDiscard:n,onApprove:l}),[a,s,c,m,p,f,r,n,l]);/* @__PURE__ */
-return e.createElement(Oe,{value:g},/* @__PURE__ */e.createElement(K,{type:"single",collapsible:!0,className:"w-full space-y-2"},t.map(t=>/* @__PURE__ */e.createElement(Ce,{...t,key:t.value,onClick:()=>p(t.value)}))))}const De=({children:t})=>/* @__PURE__ */e.createElement("div",{className:"flex flex-col items-center justify-center h-full w-full mt-40 gap-2"},/* @__PURE__ */e.createElement(ne,{className:"size-8",variant:"disabled"}),/* @__PURE__ */e.createElement("div",{className:"text-subtlest text-sm w-96 text-center leading-5"},t));export{Ce as Convo,Se as Convos,Oe as ConvosProvider,De as EmptyConvos,Ee as Feedback,ke as Message,we as MessageAttachmentImageThumbnails,ge as MessageType,n as StatusBadge,he as isAIAnswer,xe as isAction,ve as isFeedback,be as isHumanAgent,Ne as isUserQuestion,ze as useConvosContext};
-//# sourceMappingURL=convos.js.map
+export { Convos, ConvosProvider, useConvosContext } from './convos/convos.js';
+export { Feedback, Message, MessageAttachmentImageThumbnails, MessageType, isAIAnswer, isAction, isFeedback, isHumanAgent, isUserQuestion } from './convos/message.js';
+export { StatusBadge } from './convos/status-badge.js';
+export { Convo } from './convos/convo.js';
+export { EmptyConvos } from './convos/empty-convos.js';

package/dist/esm/components/data-table/data-table.js

@@ -0,0 +1,101 @@
+import React__default, { useCallback } from 'react';
+import { useReactTable, getSortedRowModel, getExpandedRowModel, getFilteredRowModel, getPaginationRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
+import { AnimatePresence, motion } from 'framer-motion';
+import { TableRow, TableCell, Table, TableHeader, TableHead, TableBody } from '../ui/table.js';
+import { cn } from '../../lib/utils.js';
+
+const Skeleton = ({ className, ...props }) => /* @__PURE__ */ React__default.createElement("div", { className: cn("animate-original-pulse rounded-md bg-muted", className), ...props });
+const accordionVariants = {
+  initial: {
+    height: 0
+  },
+  animate: {
+    height: "auto",
+    transition: {
+      height: {
+        type: "spring",
+        stiffness: 450,
+        // increase to make it more stiff (less bouncy), therefore increasing the speed of the animation
+        damping: 20
+        // increase to make it more dampened and slow
+      }
+    }
+  },
+  exit: {
+    height: 0,
+    transition: {
+      height: {
+        duration: 0.1,
+        ease: "linear"
+      }
+    }
+  }
+};
+function DataTable({
+  columns,
+  data,
+  getRowCanExpand = () => true,
+  className,
+  expandeRowClassName,
+  isLoading = false,
+  skeletonRowCount = 10,
+  ...props
+}) {
+  const [expanded, setExpanded] = React__default.useState({});
+  const [sorting, setSorting] = React__default.useState([]);
+  React__default.useEffect(() => {
+    setExpanded({});
+  }, [data]);
+  const table = useReactTable({
+    data,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    state: {
+      expanded,
+      sorting
+    },
+    onExpandedChange: setExpanded,
+    onSortingChange: setSorting,
+    getRowCanExpand: columns.some((col) => col.expandedContent) ? getRowCanExpand : void 0,
+    getPaginationRowModel: getPaginationRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getExpandedRowModel: getExpandedRowModel(),
+    getSortedRowModel: getSortedRowModel()
+  });
+  const renderSkeletonRows = useCallback(() => {
+    return Array.from({ length: skeletonRowCount }).map((_, index) => /* @__PURE__ */ React__default.createElement(TableRow, { key: `skeleton-${index}` }, columns.map((column, colIndex) => /* @__PURE__ */ React__default.createElement(
+      TableCell,
+      {
+        key: `skeleton-cell-${index}-${colIndex}`,
+        className: "first:pl-4 last:pr-4 py-4",
+        style: { width: column.size }
+      },
+      /* @__PURE__ */ React__default.createElement(Skeleton, { className: "h-4 w-full" })
+    ))));
+  }, [skeletonRowCount, columns]);
+  const renderTableRows = useCallback(() => {
+    return table.getRowModel().rows.map((row) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: row.original.id || row.id }, /* @__PURE__ */ React__default.createElement(TableRow, { "data-state": row.getIsSelected() && "selected", className: cn(row.getIsExpanded() && "border-b-0") }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React__default.createElement(TableCell, { key: cell.id, className: "first:pl-4 last:pr-4 py-4", style: { width: cell.column.getSize() } }, flexRender(cell.column.columnDef.cell, cell.getContext())))), /* @__PURE__ */ React__default.createElement(AnimatePresence, { initial: false }, row.getIsExpanded() && (() => {
+      const expandedColumn = columns.find((col) => col.expandedContent);
+      return expandedColumn?.expandedContent ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TableRow, { "aria-hidden": true, role: "presentation", className: "border-none" }, /* @__PURE__ */ React__default.createElement(TableCell, { colSpan: row.getVisibleCells().length, className: "p-0 inset-0 h-[1px] w-full" }, /* @__PURE__ */ React__default.createElement("div", { className: "custom-dashed-border-b absolute inset-0 h-[1px]" }))), /* @__PURE__ */ React__default.createElement(TableRow, { key: `${row.id}-expanded` }, /* @__PURE__ */ React__default.createElement(
+        TableCell,
+        {
+          colSpan: row.getVisibleCells().length,
+          className: cn("first:pl-4 last:pr-4 py-4 overflow-hidden", expandeRowClassName)
+        },
+        /* @__PURE__ */ React__default.createElement(motion.div, { variants: accordionVariants, initial: "initial", animate: "animate", exit: "exit" }, expandedColumn.expandedContent(row))
+      ))) : null;
+    })())));
+  }, [table, columns, expandeRowClassName]);
+  const hasResults = table.getRowModel().rows?.length;
+  return /* @__PURE__ */ React__default.createElement("div", { className: cn("overflow-hidden rounded-md border border-border bg-card", className), ...props }, /* @__PURE__ */ React__default.createElement(Table, { className: "overflow-hidden" }, /* @__PURE__ */ React__default.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React__default.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => /* @__PURE__ */ React__default.createElement(
+    TableHead,
+    {
+      key: header.id,
+      className: "space-x-4 first:pl-4 last:pr-4 py-4 text-current",
+      style: { width: header.getSize() }
+    },
+    header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
+  ))))), /* @__PURE__ */ React__default.createElement(TableBody, null, isLoading ? renderSkeletonRows() : hasResults ? renderTableRows() : /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(TableCell, { colSpan: columns.length, className: "h-24 text-center" }, "No results.")))));
+}
+
+export { DataTable };