@arbidocs/blocks 0.4.32 → 0.4.37

package/dist/{chunk-ZHLMDJCO.cjs → chunk-DLVX6R6B.cjs}

@@ -71,7 +71,18 @@ function MessageContent({
     }
   );
 }
-var MessageBubble = react.forwardRef(function MessageBubble2({ role, messageId, isEditing, isQueued, testId, className, children, ...rest }, ref) {
+var MessageBubble = react.forwardRef(function MessageBubble2({
+  role,
+  messageId,
+  participantTint,
+  isEditing,
+  isQueued,
+  testId,
+  className,
+  style,
+  children,
+  ...rest
+}, ref) {
   const isUser = role === "user";
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -82,9 +93,16 @@ var MessageBubble = react.forwardRef(function MessageBubble2({ role, messageId,
       className: ui.cn(
         "overflow-hidden transition-colors",
         isUser && "max-w-[80%] rounded-lg bg-muted",
+        participantTint && "rounded-lg",
         isEditing && "ring-2 ring-inset ring-primary/30",
         className
       ),
+      style: {
+        ...participantTint ? {
+          backgroundColor: `color-mix(in srgb, ${participantTint} 4%, var(--color-background))`
+        } : {},
+        ...style
+      },
       ...rest,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -216,7 +234,7 @@ function SourceChip({
       "data-slot": "source-chip",
       onClick: onOpen,
       className: ui.cn(
-        "inline-flex min-h-8 max-w-full items-center gap-2 rounded-md bg-muted px-2 py-1 text-sm text-foreground transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+        "inline-flex min-h-8 max-w-full items-center gap-2 rounded-md px-2 py-1 text-sm text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
         className
       ),
       title: l.openSource(num, title),
@@ -275,6 +293,7 @@ function MessageFooter({
   role,
   leading,
   actions,
+  revealActionsOnHover = false,
   steps,
   className,
   labels,
@@ -308,7 +327,16 @@ function MessageFooter({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: actions })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: ui.cn(
+              "flex items-center gap-1",
+              revealActionsOnHover && "opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-[[data-state=open]]:opacity-100 pointer-coarse:opacity-100"
+            ),
+            children: actions
+          }
+        )
       ]
     }
   );
@@ -357,6 +385,7 @@ var MessageActionButton = react.forwardRef(
 );
 function MessageActionMenu({
   items,
+  heading,
   testId,
   label,
   labels,
@@ -375,22 +404,28 @@ function MessageActionMenu({
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { size: 16 })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuContent, { align: "end", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-      ui.DropdownMenuItem,
-      {
-        onClick: (e) => {
-          e.stopPropagation();
-          item.onSelect();
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { align: "end", children: [
+      heading && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuLabel, { className: "font-normal", children: heading }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {})
+      ] }),
+      items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.DropdownMenuItem,
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            item.onSelect();
+          },
+          className: item.tone === "danger" ? "text-red-text focus:text-red-text" : void 0,
+          "data-testid": item.testId,
+          children: [
+            item.icon,
+            item.label
+          ]
         },
-        className: item.tone === "danger" ? "text-red-text focus:text-red-text" : void 0,
-        "data-testid": item.testId,
-        children: [
-          item.icon,
-          item.label
-        ]
-      },
-      item.id
-    )) })
+        item.id
+      ))
+    ] })
   ] });
 }
 var Message = {
@@ -1064,10 +1099,11 @@ function useMentionAutocomplete({
   react.useEffect(() => {
     if (dismissedAt !== null && value[dismissedAt] !== "@") setDismissedAt(null);
   }, [value, dismissedAt]);
-  const match = react.useMemo(
-    () => caret === null ? null : chunk7UTB4PHM_cjs.findMentionQuery(value, Math.min(caret, value.length)),
-    [value, caret]
-  );
+  const match = react.useMemo(() => {
+    if (caret === null) return null;
+    const query = chunk7UTB4PHM_cjs.findMentionQuery(value, Math.min(caret, value.length));
+    return query && candidates.some((candidate) => query.query === `${candidate.label} `) ? null : query;
+  }, [value, caret, candidates]);
   const items = react.useMemo(
     () => match ? chunk7UTB4PHM_cjs.filterMentionCandidates(candidates, match.query) : [],
     [match, candidates]
@@ -1194,7 +1230,7 @@ function AddDocumentsArea({
         }
       },
       "data-testid": testId,
-      className: "mx-auto flex w-full max-w-sm items-center justify-center gap-2 rounded-lg bg-muted px-3 py-2.5 text-sm text-muted-foreground transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+      className: "mx-auto flex w-full max-w-sm items-center justify-center gap-2 rounded-lg border border-border bg-card px-3 py-2.5 text-sm text-muted-foreground transition-colors hover:border-ring/50 hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileUp, { className: "h-4 w-4 shrink-0" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
@@ -1203,7 +1239,7 @@ function AddDocumentsArea({
   );
 }
 var BELOW = "mx-auto w-full max-w-4xl text-left";
-var CHIP = "group inline-flex items-center rounded-full bg-muted px-3.5 py-2 text-left text-sm text-foreground transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11";
+var CHIP = "group inline-flex items-center rounded-md border border-border bg-card px-3.5 py-2 text-left text-sm text-foreground transition-colors hover:border-ring/50 hover:bg-accent/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11";
 function ConversationEmpty({
   hasDocuments,
   prompts,
@@ -2447,5 +2483,5 @@ exports.useChatSurface = useChatSurface;
 exports.useMentionAutocomplete = useMentionAutocomplete;
 exports.useRegisterEmbeddedChat = useRegisterEmbeddedChat;
 exports.useStreamAnnouncement = useStreamAnnouncement;
-//# sourceMappingURL=chunk-ZHLMDJCO.cjs.map
-//# sourceMappingURL=chunk-ZHLMDJCO.cjs.map
+//# sourceMappingURL=chunk-DLVX6R6B.cjs.map
+//# sourceMappingURL=chunk-DLVX6R6B.cjs.map