@arbidocs/blocks 0.4.21 → 0.4.22

package/dist/{chunk-54WQYICJ.cjs → chunk-TL2DHSC5.cjs}

@@ -1,9 +1,10 @@
 "use client";
 'use strict';
 
-var chunkTO4FAMQP_cjs = require('./chunk-TO4FAMQP.cjs');
 var chunkJ22DXUJY_cjs = require('./chunk-J22DXUJY.cjs');
+var chunkXKSFJYOD_cjs = require('./chunk-XKSFJYOD.cjs');
 var chunkVGOFFCMT_cjs = require('./chunk-VGOFFCMT.cjs');
+var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
@@ -15,61 +16,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
 
-function listOptionId(listboxId, index) {
-  return `${listboxId}-option-${index}`;
-}
-function useListKeyNav({
-  open,
-  items,
-  onPick,
-  onDismiss,
-  resetKey
-}) {
-  const [selectedIndex, setSelectedIndex] = react.useState(0);
-  const listboxId = react.useId();
-  const isExpanded = open && items.length > 0;
-  react.useEffect(() => {
-    setSelectedIndex(0);
-  }, [resetKey, items.length]);
-  const handleKeyDown = react.useCallback(
-    (event) => {
-      if (!open || items.length === 0) return false;
-      switch (event.key) {
-        case "ArrowDown":
-          event.preventDefault();
-          setSelectedIndex((i) => (i + 1) % items.length);
-          return true;
-        case "ArrowUp":
-          event.preventDefault();
-          setSelectedIndex((i) => (i - 1 + items.length) % items.length);
-          return true;
-        case "Enter":
-        case "Tab": {
-          event.preventDefault();
-          const pick = items[selectedIndex] ?? items[0];
-          if (pick !== void 0) onPick(pick);
-          return true;
-        }
-        case "Escape":
-          event.preventDefault();
-          onDismiss?.();
-          return true;
-        default:
-          return false;
-      }
-    },
-    [open, items, selectedIndex, onPick, onDismiss]
-  );
-  const comboboxProps = isExpanded ? {
-    role: "combobox",
-    "aria-autocomplete": "list",
-    "aria-haspopup": "listbox",
-    "aria-expanded": true,
-    "aria-controls": listboxId,
-    "aria-activedescendant": listOptionId(listboxId, selectedIndex)
-  } : {};
-  return { listboxId, comboboxProps, selectedIndex, setSelectedIndex, handleKeyDown };
-}
 var DEFAULT_SLASH_MENU_LABELS = {
   hint: "Enter or Tab to insert, Esc to dismiss",
   commands: "Commands",
@@ -168,7 +114,7 @@ var SlashMenu = react.memo(function SlashMenu2({
                     return /* @__PURE__ */ jsxRuntime.jsxs(
                       "div",
                       {
-                        id: listOptionId(listboxId, flatIndex),
+                        id: chunk7UTB4PHM_cjs.listOptionId(listboxId, flatIndex),
                         role: "option",
                         "aria-selected": isActive,
                         "data-slash-index": flatIndex,
@@ -227,226 +173,6 @@ var SlashMenu = react.memo(function SlashMenu2({
     }
   );
 });
-var DEFAULT_MENTION_LABELS = {
-  hint: "Enter or Tab to mention, Esc to dismiss",
-  list: "People and assistant to mention",
-  resultCount: (count) => `${count} ${count === 1 ? "match" : "matches"}`,
-  assistantBadge: "AI",
-  chipTitle: (label, kind) => kind === "assistant" ? `${label} (AI assistant)` : label
-};
-var MentionMenu = react.memo(function MentionMenu2({
-  open,
-  placement = "above",
-  items,
-  selectedIndex,
-  setSelectedIndex,
-  listboxId: listboxIdProp,
-  onSelect,
-  className,
-  labels,
-  testId,
-  itemTestIdPrefix
-}) {
-  const l = { ...DEFAULT_MENTION_LABELS, ...labels };
-  const ownId = react.useId();
-  const listboxId = listboxIdProp ?? ownId;
-  const scrollRef = react.useRef(null);
-  react.useEffect(() => {
-    if (!open) return;
-    const el = scrollRef.current?.querySelector(
-      `[data-mention-index="${selectedIndex}"]`
-    );
-    el?.scrollIntoView?.({ block: "nearest" });
-  }, [open, selectedIndex]);
-  if (!open || items.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "mention-menu",
-      className: ui.cn(
-        "absolute left-0 right-0 z-30 max-h-64 overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-lg",
-        placement === "above" ? "bottom-full mb-2" : "top-full mt-2",
-        className
-      ),
-      onMouseDown: (e) => e.preventDefault(),
-      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "mention-menu" }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border/50 px-3 py-1.5 text-xs text-muted-foreground", children: l.hint }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: l.resultCount(items.length) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            ref: scrollRef,
-            id: listboxId,
-            role: "listbox",
-            "aria-label": l.list,
-            className: "scrollbar-subtle max-h-56 overflow-y-auto py-1",
-            children: items.map((item, index) => {
-              const isActive = index === selectedIndex;
-              const Icon = item.kind === "assistant" ? lucideReact.Bot : lucideReact.AtSign;
-              return /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  id: listOptionId(listboxId, index),
-                  role: "option",
-                  "aria-selected": isActive,
-                  "data-mention-index": index,
-                  className: ui.cn(
-                    "flex cursor-pointer items-center gap-2 px-3 py-1.5 text-sm pointer-coarse:min-h-11",
-                    isActive ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
-                  ),
-                  onMouseEnter: () => setSelectedIndex(index),
-                  onClick: () => onSelect(item),
-                  "data-testid": chunkMHVNT4J3_cjs.prefixedTestId(itemTestIdPrefix, item.id, {
-                    testId: `mention-item-${item.id}`
-                  }),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium text-foreground", children: item.label }),
-                    item.kind === "assistant" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded bg-muted px-1 text-[10px] font-medium uppercase text-muted-foreground", children: l.assistantBadge }),
-                    item.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.description })
-                  ]
-                },
-                item.id
-              );
-            })
-          }
-        )
-      ]
-    }
-  );
-});
-function MentionChip({
-  label,
-  kind,
-  id,
-  isSelf,
-  labels,
-  className,
-  testId
-}) {
-  const l = { ...DEFAULT_MENTION_LABELS, ...labels };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
-    {
-      "data-slot": "mention-chip",
-      "data-mention-kind": kind,
-      "data-mention-id": id,
-      title: l.chipTitle(label, kind),
-      className: ui.cn(
-        "inline-flex items-baseline rounded px-1 font-medium",
-        isSelf ? "bg-primary/15 text-primary" : "bg-accent text-accent-foreground",
-        className
-      ),
-      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: `mention-chip-${id ?? kind}` }),
-      children: [
-        "@",
-        label
-      ]
-    }
-  );
-}
-
-// src/chat/mentions.ts
-var MAX_QUERY_LENGTH = 40;
-function findMentionQuery(text, caret) {
-  const before = text.slice(0, caret);
-  const at = before.lastIndexOf("@");
-  if (at < 0) return null;
-  if (at > 0 && !/\s/.test(before[at - 1])) return null;
-  const query = before.slice(at + 1);
-  if (query.length > MAX_QUERY_LENGTH || query.includes("\n") || query.startsWith(" ")) return null;
-  return { start: at, query };
-}
-function filterMentionCandidates(candidates, query) {
-  const q = query.trim().toLowerCase();
-  if (!q) return candidates.slice();
-  const scored = [];
-  for (const c of candidates) {
-    const label = c.label.toLowerCase();
-    if (label.startsWith(q)) scored.push({ c, score: 0 });
-    else if (label.split(/\s+/).some((word) => word.startsWith(q))) scored.push({ c, score: 1 });
-    else if (c.description?.toLowerCase().startsWith(q)) scored.push({ c, score: 2 });
-  }
-  return scored.sort((a, b) => a.score - b.score).map((s) => s.c);
-}
-function insertMention(text, start, caret, label) {
-  const inserted = `@${label} `;
-  return {
-    text: text.slice(0, start) + inserted + text.slice(caret),
-    caret: start + inserted.length
-  };
-}
-function tokenRanges(text, label) {
-  const needle = `@${label}`;
-  const ranges = [];
-  let from = 0;
-  for (; ; ) {
-    const i = text.indexOf(needle, from);
-    if (i < 0) break;
-    const end = i + needle.length;
-    const startsToken = i === 0 || /\s|\(|\[/.test(text[i - 1]);
-    const endsToken = end === text.length || !/[\p{L}\p{N}_]/u.test(text[end]);
-    if (startsToken && endsToken) ranges.push([i, end]);
-    from = end;
-  }
-  return ranges;
-}
-function extractMentions(text, candidates) {
-  const taken = [];
-  const found = [];
-  const byLength = [...candidates].sort((a, b) => b.label.length - a.label.length);
-  for (const c of byLength) {
-    if (!c.label) continue;
-    for (const [from, to] of tokenRanges(text, c.label)) {
-      if (taken.some(([a, b]) => from < b && to > a)) continue;
-      taken.push([from, to]);
-      if (!found.some((f) => f.c.id === c.id)) found.push({ c, at: from });
-    }
-  }
-  return found.sort((a, b) => a.at - b.at).map((f) => f.c);
-}
-function toMessageMentions(mentioned) {
-  return mentioned.map(
-    (c) => c.kind === "assistant" ? { type: "assistant" } : { type: "user", user_ext_id: c.id }
-  );
-}
-var MENTION_HREF_PREFIX = "#mention-";
-function escapeLinkText(label) {
-  return label.replace(/[[\]\\]/g, (ch) => `\\${ch}`);
-}
-function linkMentions(content, mentions, assistantLabels = []) {
-  if (!mentions || mentions.length === 0 || !content) return content;
-  const targets = [];
-  for (const m of mentions) {
-    const id = m.type === "assistant" ? "assistant" : m.user_ext_id;
-    if (!id) continue;
-    const labels = m.type === "assistant" ? [m.label ?? "", ...assistantLabels] : [m.label ?? ""];
-    for (const label of labels) if (label) targets.push({ label, id });
-  }
-  targets.sort((a, b) => b.label.length - a.label.length);
-  const replacements = [];
-  for (const { label, id } of targets) {
-    for (const [from, to] of tokenRanges(content, label)) {
-      if (replacements.some((r) => from < r.to && to > r.from)) continue;
-      replacements.push({
-        from,
-        to,
-        text: `[@${escapeLinkText(label)}](${MENTION_HREF_PREFIX}${id})`
-      });
-    }
-  }
-  replacements.sort((a, b) => b.from - a.from);
-  let out = content;
-  for (const r of replacements) out = out.slice(0, r.from) + r.text + out.slice(r.to);
-  return out;
-}
-function mentionFromHref(href) {
-  if (!href?.startsWith(MENTION_HREF_PREFIX)) return null;
-  const id = href.slice(MENTION_HREF_PREFIX.length);
-  if (!id) return null;
-  return { kind: id === "assistant" ? "assistant" : "user", id };
-}
 function useMentionAutocomplete({
   value,
   onValueChange,
@@ -459,11 +185,11 @@ function useMentionAutocomplete({
     if (dismissedAt !== null && value[dismissedAt] !== "@") setDismissedAt(null);
   }, [value, dismissedAt]);
   const match = react.useMemo(
-    () => caret === null ? null : findMentionQuery(value, Math.min(caret, value.length)),
+    () => caret === null ? null : chunk7UTB4PHM_cjs.findMentionQuery(value, Math.min(caret, value.length)),
     [value, caret]
   );
   const items = react.useMemo(
-    () => match ? filterMentionCandidates(candidates, match.query) : [],
+    () => match ? chunk7UTB4PHM_cjs.filterMentionCandidates(candidates, match.query) : [],
     [match, candidates]
   );
   const isOpen = !!match && items.length > 0 && dismissedAt !== match.start;
@@ -474,7 +200,7 @@ function useMentionAutocomplete({
   const pick = react.useCallback(
     (candidate) => {
       if (!match || caret === null) return;
-      const next = insertMention(value, match.start, Math.min(caret, value.length), candidate.label);
+      const next = chunk7UTB4PHM_cjs.insertMention(value, match.start, Math.min(caret, value.length), candidate.label);
       onValueChange(next.text);
       setCaret(next.caret);
       setDismissedAt(match.start);
@@ -487,7 +213,7 @@ function useMentionAutocomplete({
     },
     [match, caret, value, onValueChange, textareaRef]
   );
-  const nav = useListKeyNav({
+  const nav = chunk7UTB4PHM_cjs.useListKeyNav({
     open: isOpen,
     items,
     onPick: pick,
@@ -1962,7 +1688,7 @@ function LabelPinRow({
 function AssistantToaster(props) {
   const dock = chunkJ22DXUJY_cjs.useAssistantDock();
   const { isDockAvailable } = chunkJ22DXUJY_cjs.useChatSurface();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkTO4FAMQP_cjs.Toaster, { ...props, dockOpen: dock.isOpen && isDockAvailable });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkXKSFJYOD_cjs.Toaster, { ...props, dockOpen: dock.isOpen && isDockAvailable });
 }
 
 exports.AssistantModeToggle = AssistantModeToggle;
@@ -1996,16 +1722,12 @@ exports.DEFAULT_CONVERSATION_LAYOUT_LABELS = DEFAULT_CONVERSATION_LAYOUT_LABELS;
 exports.DEFAULT_CONVERSATION_PARTS_LABELS = DEFAULT_CONVERSATION_PARTS_LABELS;
 exports.DEFAULT_CONVERSATION_SEARCH_LABELS = DEFAULT_CONVERSATION_SEARCH_LABELS;
 exports.DEFAULT_LABEL_PIN_ROW_LABELS = DEFAULT_LABEL_PIN_ROW_LABELS;
-exports.DEFAULT_MENTION_LABELS = DEFAULT_MENTION_LABELS;
 exports.DEFAULT_MODEL_PRICING_TIP_LABELS = DEFAULT_MODEL_PRICING_TIP_LABELS;
 exports.DEFAULT_PENDING_ANSWER_BAR_LABELS = DEFAULT_PENDING_ANSWER_BAR_LABELS;
 exports.DEFAULT_PINNED_DOC_CHIP_LABELS = DEFAULT_PINNED_DOC_CHIP_LABELS;
 exports.DEFAULT_SLASH_MENU_LABELS = DEFAULT_SLASH_MENU_LABELS;
 exports.DEFAULT_THREAD_MAP_LABELS = DEFAULT_THREAD_MAP_LABELS;
 exports.LabelPinRow = LabelPinRow;
-exports.MENTION_HREF_PREFIX = MENTION_HREF_PREFIX;
-exports.MentionChip = MentionChip;
-exports.MentionMenu = MentionMenu;
 exports.ModelAutoIcon = ModelAutoIcon;
 exports.ModelConfigureButton = ModelConfigureButton;
 exports.ModelDot = ModelDot;
@@ -2029,17 +1751,9 @@ exports.ThreadMap = ThreadMap;
 exports.ThreadMapDiagram = ThreadMapDiagram;
 exports.ThreadMapError = ThreadMapError;
 exports.ThreadMapLoading = ThreadMapLoading;
-exports.extractMentions = extractMentions;
-exports.filterMentionCandidates = filterMentionCandidates;
-exports.findMentionQuery = findMentionQuery;
-exports.insertMention = insertMention;
 exports.isLongPastedText = isLongPastedText;
-exports.linkMentions = linkMentions;
-exports.mentionFromHref = mentionFromHref;
-exports.toMessageMentions = toMessageMentions;
 exports.useDismissibleCard = useDismissibleCard;
-exports.useListKeyNav = useListKeyNav;
 exports.useLongPaste = useLongPaste;
 exports.useMentionAutocomplete = useMentionAutocomplete;
-//# sourceMappingURL=chunk-54WQYICJ.cjs.map
-//# sourceMappingURL=chunk-54WQYICJ.cjs.map
+//# sourceMappingURL=chunk-TL2DHSC5.cjs.map
+//# sourceMappingURL=chunk-TL2DHSC5.cjs.map