@arbidocs/blocks 0.4.20 → 0.4.22

package/dist/chunk-AA3PT6KR.js

@@ -0,0 +1,286 @@
+"use client";
+import { prefixedTestId, testIdOr } from './chunk-7F6CBP3Z.js';
+import { memo, useId, useRef, useEffect, useState, useCallback } from 'react';
+import { Bot, AtSign } from 'lucide-react';
+import { cn } from '@arbidocs/react/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function listOptionId(listboxId, index) {
+  return `${listboxId}-option-${index}`;
+}
+function useListKeyNav({
+  open,
+  items,
+  onPick,
+  onDismiss,
+  resetKey
+}) {
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const listboxId = useId();
+  const isExpanded = open && items.length > 0;
+  useEffect(() => {
+    setSelectedIndex(0);
+  }, [resetKey, items.length]);
+  const handleKeyDown = 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_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 = memo(function MentionMenu2({
+  open,
+  placement = "above",
+  items,
+  selectedIndex,
+  setSelectedIndex,
+  listboxId: listboxIdProp,
+  onSelect,
+  className,
+  labels,
+  testId,
+  itemTestIdPrefix
+}) {
+  const l = { ...DEFAULT_MENTION_LABELS, ...labels };
+  const ownId = useId();
+  const listboxId = listboxIdProp ?? ownId;
+  const scrollRef = useRef(null);
+  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__ */ jsxs(
+    "div",
+    {
+      "data-slot": "mention-menu",
+      className: 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": testIdOr(testId, { testId: "mention-menu" }),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "border-b border-border/50 px-3 py-1.5 text-xs text-muted-foreground", children: l.hint }),
+        /* @__PURE__ */ jsx("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: l.resultCount(items.length) }),
+        /* @__PURE__ */ 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" ? Bot : AtSign;
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  id: listOptionId(listboxId, index),
+                  role: "option",
+                  "aria-selected": isActive,
+                  "data-mention-index": index,
+                  className: 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": prefixedTestId(itemTestIdPrefix, item.id, {
+                    testId: `mention-item-${item.id}`
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+                    /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium text-foreground", children: item.label }),
+                    item.kind === "assistant" && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-muted px-1 text-[10px] font-medium uppercase text-muted-foreground", children: l.assistantBadge }),
+                    item.description && /* @__PURE__ */ 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__ */ jsxs(
+    "span",
+    {
+      "data-slot": "mention-chip",
+      "data-mention-kind": kind,
+      "data-mention-id": id,
+      title: l.chipTitle(label, kind),
+      className: cn(
+        "inline-flex items-baseline rounded px-1 font-medium",
+        isSelf ? "bg-primary/15 text-primary" : "bg-accent text-accent-foreground",
+        className
+      ),
+      "data-testid": 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 };
+}
+
+export { DEFAULT_MENTION_LABELS, MENTION_HREF_PREFIX, MentionChip, MentionMenu, extractMentions, filterMentionCandidates, findMentionQuery, insertMention, linkMentions, listOptionId, mentionFromHref, toMessageMentions, useListKeyNav };
+//# sourceMappingURL=chunk-AA3PT6KR.js.map
+//# sourceMappingURL=chunk-AA3PT6KR.js.map

package/dist/chunk-AA3PT6KR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/useListKeyNav.ts","../src/chat/MentionMenu.tsx","../src/chat/mentions.ts"],"names":["MentionMenu","useId","useEffect"],"mappings":"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","file":"chunk-AA3PT6KR.js","sourcesContent":["import { useCallback, useEffect, useId, useState, type KeyboardEvent } from 'react'\n\n/** Id of the option at `index` in the listbox `listboxId`. Rows and the combobox agree on it. */\nexport function listOptionId(listboxId: string, index: number): string {\n  return `${listboxId}-option-${index}`\n}\n\nexport interface UseListKeyNavOptions<T> {\n  /** Whether the list is currently shown. Keys fall through when false. */\n  open: boolean\n  items: ReadonlyArray<T>\n  /** Enter / Tab on the highlighted row. */\n  onPick: (item: T) => void\n  /** Escape. */\n  onDismiss?: () => void\n  /** Changing this resets the highlight to the first row (e.g. the filter query). */\n  resetKey?: unknown\n}\n\n/** ARIA attributes that make the text field the combobox that owns the list. */\nexport interface ListComboboxProps {\n  role: 'combobox'\n  'aria-autocomplete': 'list'\n  'aria-haspopup': 'listbox'\n  'aria-expanded': true\n  'aria-controls': string\n  'aria-activedescendant': string\n}\n\nexport interface UseListKeyNav {\n  /** Pass to the list (`listboxId`) so the field's `aria-controls` points at it. */\n  listboxId: string\n  /**\n   * Spread onto the text field (`<input>` or `<textarea>`). Empty while the list is closed, so a\n   * prompt that is usually just a text box is not announced as a collapsed combobox; it becomes\n   * the combobox (expanded, with its active option) the moment the list opens.\n   */\n  comboboxProps: ListComboboxProps | Record<string, never>\n  selectedIndex: number\n  setSelectedIndex: (index: number) => void\n  /** Call first in the textarea `onKeyDown`. Returns true when the key was consumed. */\n  handleKeyDown: (event: KeyboardEvent<HTMLElement>) => boolean\n}\n\n/**\n * Headless keyboard navigation for an autocomplete list that sits over a text field:\n * ArrowUp/ArrowDown wrap, Enter/Tab pick, Escape dismisses. Only consumes keys while open.\n */\nexport function useListKeyNav<T>({\n  open,\n  items,\n  onPick,\n  onDismiss,\n  resetKey,\n}: UseListKeyNavOptions<T>): UseListKeyNav {\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const listboxId = useId()\n  const isExpanded = open && items.length > 0\n\n  useEffect(() => {\n    setSelectedIndex(0)\n  }, [resetKey, items.length])\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>): boolean => {\n      if (!open || items.length === 0) return false\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault()\n          setSelectedIndex((i) => (i + 1) % items.length)\n          return true\n        case 'ArrowUp':\n          event.preventDefault()\n          setSelectedIndex((i) => (i - 1 + items.length) % items.length)\n          return true\n        case 'Enter':\n        case 'Tab': {\n          event.preventDefault()\n          const pick = items[selectedIndex] ?? items[0]\n          if (pick !== undefined) onPick(pick)\n          return true\n        }\n        case 'Escape':\n          event.preventDefault()\n          onDismiss?.()\n          return true\n        default:\n          return false\n      }\n    },\n    [open, items, selectedIndex, onPick, onDismiss]\n  )\n\n  const comboboxProps: UseListKeyNav['comboboxProps'] = isExpanded\n    ? {\n        role: 'combobox',\n        'aria-autocomplete': 'list',\n        'aria-haspopup': 'listbox',\n        'aria-expanded': true,\n        'aria-controls': listboxId,\n        'aria-activedescendant': listOptionId(listboxId, selectedIndex),\n      }\n    : {}\n\n  return { listboxId, comboboxProps, selectedIndex, setSelectedIndex, handleKeyDown }\n}\n","import { memo, useEffect, useId, useRef } from 'react'\nimport { AtSign, Bot } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport { listOptionId } from '../lib/useListKeyNav'\nimport type { MentionCandidate, MentionKind } from './mentions'\nimport { prefixedTestId, testIdOr } from './test-id'\n\n/** Every fixed string of the mention menu and chips. Pass a partial `labels` to reword. */\nexport interface MentionLabels {\n  hint: string\n  /** Accessible name of the list. */\n  list: string\n  /** Polite count announced as the menu opens or narrows. */\n  resultCount: (count: number) => string\n  /** Badge next to the assistant row. */\n  assistantBadge: string\n  /** Chip tooltip: who a mention points at. */\n  chipTitle: (label: string, kind: MentionKind) => string\n}\n\nexport const DEFAULT_MENTION_LABELS: MentionLabels = {\n  hint: 'Enter or Tab to mention, Esc to dismiss',\n  list: 'People and assistant to mention',\n  resultCount: (count) => `${count} ${count === 1 ? 'match' : 'matches'}`,\n  assistantBadge: 'AI',\n  chipTitle: (label, kind) => (kind === 'assistant' ? `${label} (AI assistant)` : label),\n}\n\nexport interface MentionMenuProps {\n  open: boolean\n  /** The chat composer sits at the bottom (menu above); a top-of-page field opens below. */\n  placement?: 'above' | 'below'\n  items: ReadonlyArray<MentionCandidate>\n  /** Highlighted row (see `useListKeyNav`). */\n  selectedIndex: number\n  setSelectedIndex: (i: number) => void\n  /** Listbox id from `useListKeyNav`, so the textarea's `aria-controls` points here. */\n  listboxId?: string\n  onSelect: (item: MentionCandidate) => void\n  className?: string\n  labels?: Partial<MentionLabels>\n  /** Test id of the menu (default `mention-menu`). */\n  testId?: string\n  /** Row prefix (`<prefix>-<id>`); default `mention-item`. */\n  itemTestIdPrefix?: string\n}\n\n/**\n * `@mention` autocomplete that floats over the composer. Presentational: the host (or\n * {@link useMentionAutocomplete}) owns the query, the candidates and what picking does.\n */\nexport const MentionMenu = memo(function MentionMenu({\n  open,\n  placement = 'above',\n  items,\n  selectedIndex,\n  setSelectedIndex,\n  listboxId: listboxIdProp,\n  onSelect,\n  className,\n  labels,\n  testId,\n  itemTestIdPrefix,\n}: MentionMenuProps) {\n  const l = { ...DEFAULT_MENTION_LABELS, ...labels }\n  const ownId = useId()\n  const listboxId = listboxIdProp ?? ownId\n  const scrollRef = useRef<HTMLDivElement>(null)\n  useEffect(() => {\n    if (!open) return\n    const el = scrollRef.current?.querySelector<HTMLElement>(\n      `[data-mention-index=\"${selectedIndex}\"]`\n    )\n    el?.scrollIntoView?.({ block: 'nearest' })\n  }, [open, selectedIndex])\n\n  if (!open || items.length === 0) return null\n\n  return (\n    <div\n      data-slot=\"mention-menu\"\n      className={cn(\n        'absolute left-0 right-0 z-30 max-h-64 overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-lg',\n        placement === 'above' ? 'bottom-full mb-2' : 'top-full mt-2',\n        className\n      )}\n      // mousedown would blur the textarea (closing the menu before the click lands).\n      onMouseDown={(e) => e.preventDefault()}\n      data-testid={testIdOr(testId, { testId: 'mention-menu' })}\n    >\n      <div className=\"border-b border-border/50 px-3 py-1.5 text-xs text-muted-foreground\">\n        {l.hint}\n      </div>\n      <div className=\"sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n        {l.resultCount(items.length)}\n      </div>\n      <div\n        ref={scrollRef}\n        id={listboxId}\n        role=\"listbox\"\n        aria-label={l.list}\n        className=\"scrollbar-subtle max-h-56 overflow-y-auto py-1\"\n      >\n        {items.map((item, index) => {\n          const isActive = index === selectedIndex\n          const Icon = item.kind === 'assistant' ? Bot : AtSign\n          return (\n            <div\n              key={item.id}\n              id={listOptionId(listboxId, index)}\n              role=\"option\"\n              aria-selected={isActive}\n              data-mention-index={index}\n              className={cn(\n                'flex cursor-pointer items-center gap-2 px-3 py-1.5 text-sm pointer-coarse:min-h-11',\n                isActive ? 'bg-accent text-accent-foreground' : 'hover:bg-accent/50'\n              )}\n              onMouseEnter={() => setSelectedIndex(index)}\n              onClick={() => onSelect(item)}\n              data-testid={prefixedTestId(itemTestIdPrefix, item.id, {\n                testId: `mention-item-${item.id}`,\n              })}\n            >\n              <Icon className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n              <span className=\"shrink-0 font-medium text-foreground\">{item.label}</span>\n              {item.kind === 'assistant' && (\n                <span className=\"shrink-0 rounded bg-muted px-1 text-[10px] font-medium uppercase text-muted-foreground\">\n                  {l.assistantBadge}\n                </span>\n              )}\n              {item.description && (\n                <span className=\"truncate text-xs text-muted-foreground\">{item.description}</span>\n              )}\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n})\n\nexport interface MentionChipProps {\n  /** Text shown after the `@`. */\n  label: string\n  kind: MentionKind\n  /** Mentioned user's id (or `assistant`); lands on `data-mention-id`. */\n  id?: string\n  /** Highlights a mention of the person reading. */\n  isSelf?: boolean\n  labels?: Partial<MentionLabels>\n  className?: string\n  /** Test id; default `mention-chip-<id>`. */\n  testId?: string\n}\n\n/** An `@mention` inside message text. Inline, so it sits in a markdown paragraph. */\nexport function MentionChip({\n  label,\n  kind,\n  id,\n  isSelf,\n  labels,\n  className,\n  testId,\n}: MentionChipProps) {\n  const l = { ...DEFAULT_MENTION_LABELS, ...labels }\n  return (\n    <span\n      data-slot=\"mention-chip\"\n      data-mention-kind={kind}\n      data-mention-id={id}\n      title={l.chipTitle(label, kind)}\n      className={cn(\n        'inline-flex items-baseline rounded px-1 font-medium',\n        isSelf ? 'bg-primary/15 text-primary' : 'bg-accent text-accent-foreground',\n        className\n      )}\n      data-testid={testIdOr(testId, { testId: `mention-chip-${id ?? kind}` })}\n    >\n      @{label}\n    </span>\n  )\n}\n","/**\n * @mentions in chat text: pure helpers shared by the composer (autocomplete, extraction) and\n * the message renderer (chips). No React, no SDK.\n *\n * A mention lives in two places: the readable `@Label` text in the message content, and a\n * structured entry on the message (`{ type, user_ext_id, label }`) that the server reads to share\n * the conversation and notify. The composer only ever inserts `@<label>` for a known candidate,\n * so the structured list can be recovered from the text at send time ({@link extractMentions});\n * the renderer turns each stored mention back into a chip ({@link linkMentions}).\n */\n\n/** Who can be mentioned: a workspace member, or the assistant. */\nexport type MentionKind = 'user' | 'assistant'\n\n/** One entry of the mention autocomplete. */\nexport interface MentionCandidate {\n  /** User external id (`usr-…`) for a person; any stable key (e.g. `assistant`) for the assistant. */\n  id: string\n  kind: MentionKind\n  /** Inserted as `@<label>`. For people this must be the server's display name (given + family). */\n  label: string\n  /** Secondary line in the menu (email, role, …). */\n  description?: string\n}\n\n/** The structured mention a message carries (the API's `MessageMention`). */\nexport interface MessageMentionRef {\n  type: MentionKind\n  user_ext_id?: string | null\n  label?: string | null\n}\n\n/** Longest text after `@` that still counts as a query in progress. */\nconst MAX_QUERY_LENGTH = 40\n\n/**\n * The `@query` the caret is in, if any: the `@` must start the text or follow whitespace, and the\n * query may contain spaces (names do) but no newline. Returns the index of the `@` and the query.\n */\nexport function findMentionQuery(\n  text: string,\n  caret: number\n): { start: number; query: string } | null {\n  const before = text.slice(0, caret)\n  const at = before.lastIndexOf('@')\n  if (at < 0) return null\n  if (at > 0 && !/\\s/.test(before[at - 1])) return null\n  const query = before.slice(at + 1)\n  if (query.length > MAX_QUERY_LENGTH || query.includes('\\n') || query.startsWith(' ')) return null\n  return { start: at, query }\n}\n\n/** Candidates matching a query: label prefix (or word-prefix) matches, prefix matches first. */\nexport function filterMentionCandidates(\n  candidates: ReadonlyArray<MentionCandidate>,\n  query: string\n): MentionCandidate[] {\n  const q = query.trim().toLowerCase()\n  if (!q) return candidates.slice()\n  const scored: Array<{ c: MentionCandidate; score: number }> = []\n  for (const c of candidates) {\n    const label = c.label.toLowerCase()\n    if (label.startsWith(q)) scored.push({ c, score: 0 })\n    else if (label.split(/\\s+/).some((word) => word.startsWith(q))) scored.push({ c, score: 1 })\n    else if (c.description?.toLowerCase().startsWith(q)) scored.push({ c, score: 2 })\n  }\n  return scored.sort((a, b) => a.score - b.score).map((s) => s.c)\n}\n\n/** Replace the `@query` at `start…caret` with `@<label> `; returns the new text and caret. */\nexport function insertMention(\n  text: string,\n  start: number,\n  caret: number,\n  label: string\n): { text: string; caret: number } {\n  const inserted = `@${label} `\n  return {\n    text: text.slice(0, start) + inserted + text.slice(caret),\n    caret: start + inserted.length,\n  }\n}\n\n/** Every `[from, to)` range where `@<label>` occurs as a whole token. */\nfunction tokenRanges(text: string, label: string): Array<[number, number]> {\n  const needle = `@${label}`\n  const ranges: Array<[number, number]> = []\n  let from = 0\n  for (;;) {\n    const i = text.indexOf(needle, from)\n    if (i < 0) break\n    const end = i + needle.length\n    const startsToken = i === 0 || /\\s|\\(|\\[/.test(text[i - 1])\n    const endsToken = end === text.length || !/[\\p{L}\\p{N}_]/u.test(text[end])\n    if (startsToken && endsToken) ranges.push([i, end])\n    from = end\n  }\n  return ranges\n}\n\n/**\n * The candidates mentioned in `text`, in order of first appearance. Longer labels win overlaps,\n * so `@Bob Smith` is Bob Smith, not a separate `@Bob`.\n */\nexport function extractMentions(\n  text: string,\n  candidates: ReadonlyArray<MentionCandidate>\n): MentionCandidate[] {\n  const taken: Array<[number, number]> = []\n  const found: Array<{ c: MentionCandidate; at: number }> = []\n  const byLength = [...candidates].sort((a, b) => b.label.length - a.label.length)\n  for (const c of byLength) {\n    if (!c.label) continue\n    for (const [from, to] of tokenRanges(text, c.label)) {\n      if (taken.some(([a, b]) => from < b && to > a)) continue\n      taken.push([from, to])\n      if (!found.some((f) => f.c.id === c.id)) found.push({ c, at: from })\n    }\n  }\n  return found.sort((a, b) => a.at - b.at).map((f) => f.c)\n}\n\n/** The API payload for mentioned candidates. */\nexport function toMessageMentions(mentioned: ReadonlyArray<MentionCandidate>): MessageMentionRef[] {\n  return mentioned.map((c) =>\n    c.kind === 'assistant' ? { type: 'assistant' } : { type: 'user', user_ext_id: c.id }\n  )\n}\n\n/** Fragment prefix of the links {@link linkMentions} writes. */\nexport const MENTION_HREF_PREFIX = '#mention-'\n\n/** Escape the characters that would end a markdown link text early. */\nfunction escapeLinkText(label: string): string {\n  return label.replace(/[[\\]\\\\]/g, (ch) => `\\\\${ch}`)\n}\n\n/**\n * Turn each stored mention's `@<label>` in `content` into a markdown link\n * `[@<label>](#mention-<id>)`, so a markdown renderer can draw it as a chip (see\n * {@link mentionFromHref}). Text that no longer matches (a renamed user) stays plain text.\n * `assistantLabels` lists other names the assistant may have been mentioned by.\n */\nexport function linkMentions(\n  content: string,\n  mentions: ReadonlyArray<MessageMentionRef> | null | undefined,\n  assistantLabels: ReadonlyArray<string> = []\n): string {\n  if (!mentions || mentions.length === 0 || !content) return content\n  const targets: Array<{ label: string; id: string }> = []\n  for (const m of mentions) {\n    const id = m.type === 'assistant' ? 'assistant' : m.user_ext_id\n    if (!id) continue\n    const labels = m.type === 'assistant' ? [m.label ?? '', ...assistantLabels] : [m.label ?? '']\n    for (const label of labels) if (label) targets.push({ label, id })\n  }\n  targets.sort((a, b) => b.label.length - a.label.length)\n  const replacements: Array<{ from: number; to: number; text: string }> = []\n  for (const { label, id } of targets) {\n    for (const [from, to] of tokenRanges(content, label)) {\n      if (replacements.some((r) => from < r.to && to > r.from)) continue\n      replacements.push({\n        from,\n        to,\n        text: `[@${escapeLinkText(label)}](${MENTION_HREF_PREFIX}${id})`,\n      })\n    }\n  }\n  replacements.sort((a, b) => b.from - a.from)\n  let out = content\n  for (const r of replacements) out = out.slice(0, r.from) + r.text + out.slice(r.to)\n  return out\n}\n\n/** The mention a `#mention-…` href points at, or null for any other href. */\nexport function mentionFromHref(\n  href: string | null | undefined\n): { kind: MentionKind; id: string } | null {\n  if (!href?.startsWith(MENTION_HREF_PREFIX)) return null\n  const id = href.slice(MENTION_HREF_PREFIX.length)\n  if (!id) return null\n  return { kind: id === 'assistant' ? 'assistant' : 'user', id }\n}\n"]}

package/dist/{chunk-QJEJBLHI.js → chunk-CQ6CYPV4.js}

@@ -1,69 +1,15 @@
 "use client";
+import { useAssistantDock, useChatSurface } from './chunk-JLPYOPCX.js';
 import { Toaster } from './chunk-BV7FEMSI.js';
-import { useAssistantDock, useChatSurface } from './chunk-UVIOQUJA.js';
 import { BlocksTooltipProvider } from './chunk-KZJAG7T3.js';
+import { listOptionId, findMentionQuery, filterMentionCandidates, insertMention, useListKeyNav } from './chunk-AA3PT6KR.js';
 import { prefixedTestId, testIdOr } from './chunk-7F6CBP3Z.js';
-import { memo, useId, useRef, useEffect, forwardRef, useState, useCallback, useMemo, Fragment as Fragment$1 } from 'react';
-import { Globe, BookOpen, Bot, AtSign, ChevronsUpDown, Search, SquareSlash, MessagesSquare, Pin, X, Network, ArrowLeft, ArrowRight, Crown, Glasses, Zap, Sparkles, Check, Settings, Plus, Download, MessageCircleQuestion, Clock, Play, Pause, Loader2, MessageSquare, CheckCircle, Tag, User } from 'lucide-react';
+import { memo, useId, useRef, useEffect, forwardRef, useState, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
+import { Globe, BookOpen, ChevronsUpDown, Search, SquareSlash, MessagesSquare, Bot, Pin, X, Network, ArrowLeft, ArrowRight, Crown, Glasses, Zap, Sparkles, Check, Settings, Plus, Download, MessageCircleQuestion, Clock, Play, Pause, Loader2, MessageSquare, CheckCircle, Tag, User } from 'lucide-react';
 import { cn, Button, HoverCardContent, Input, Badge, Tooltip, TooltipTrigger, TooltipContent, Popover, PopoverTrigger, PopoverContent, PassageCard, Tabs, TabsList, TabsTrigger, TabsContent } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import DOMPurify from 'dompurify';
 
-function listOptionId(listboxId, index) {
-  return `${listboxId}-option-${index}`;
-}
-function useListKeyNav({
-  open,
-  items,
-  onPick,
-  onDismiss,
-  resetKey
-}) {
-  const [selectedIndex, setSelectedIndex] = useState(0);
-  const listboxId = useId();
-  const isExpanded = open && items.length > 0;
-  useEffect(() => {
-    setSelectedIndex(0);
-  }, [resetKey, items.length]);
-  const handleKeyDown = 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",
@@ -221,226 +167,6 @@ var SlashMenu = 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 = memo(function MentionMenu2({
-  open,
-  placement = "above",
-  items,
-  selectedIndex,
-  setSelectedIndex,
-  listboxId: listboxIdProp,
-  onSelect,
-  className,
-  labels,
-  testId,
-  itemTestIdPrefix
-}) {
-  const l = { ...DEFAULT_MENTION_LABELS, ...labels };
-  const ownId = useId();
-  const listboxId = listboxIdProp ?? ownId;
-  const scrollRef = useRef(null);
-  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__ */ jsxs(
-    "div",
-    {
-      "data-slot": "mention-menu",
-      className: 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": testIdOr(testId, { testId: "mention-menu" }),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "border-b border-border/50 px-3 py-1.5 text-xs text-muted-foreground", children: l.hint }),
-        /* @__PURE__ */ jsx("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: l.resultCount(items.length) }),
-        /* @__PURE__ */ 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" ? Bot : AtSign;
-              return /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  id: listOptionId(listboxId, index),
-                  role: "option",
-                  "aria-selected": isActive,
-                  "data-mention-index": index,
-                  className: 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": prefixedTestId(itemTestIdPrefix, item.id, {
-                    testId: `mention-item-${item.id}`
-                  }),
-                  children: [
-                    /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
-                    /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium text-foreground", children: item.label }),
-                    item.kind === "assistant" && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded bg-muted px-1 text-[10px] font-medium uppercase text-muted-foreground", children: l.assistantBadge }),
-                    item.description && /* @__PURE__ */ 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__ */ jsxs(
-    "span",
-    {
-      "data-slot": "mention-chip",
-      "data-mention-kind": kind,
-      "data-mention-id": id,
-      title: l.chipTitle(label, kind),
-      className: cn(
-        "inline-flex items-baseline rounded px-1 font-medium",
-        isSelf ? "bg-primary/15 text-primary" : "bg-accent text-accent-foreground",
-        className
-      ),
-      "data-testid": 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,
@@ -1959,6 +1685,6 @@ function AssistantToaster(props) {
   return /* @__PURE__ */ jsx(Toaster, { ...props, dockOpen: dock.isOpen && isDockAvailable });
 }
 
-export { AssistantModeToggle, AssistantToaster, BranchControls, ComposerAccessories, ComposerTools, ContextActionButton, ContextCheckRow, ContextPanelContent, ContextPanelFooter, ContextPanelTabs, ContextPickerList, ContextPickerRow, ContextSearchInput, ContextSelectList, ContextSelectRow, Conversation, ConversationBody, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSearchView, ConversationSettingsButton, DEFAULT_ASSISTANT_MODE_TOGGLE_LABELS, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_CONVERSATION_SEARCH_LABELS, DEFAULT_LABEL_PIN_ROW_LABELS, DEFAULT_MENTION_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_PINNED_DOC_CHIP_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, LabelPinRow, MENTION_HREF_PREFIX, MentionChip, MentionMenu, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, PinnedDocChip, SlashMenu, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, extractMentions, filterMentionCandidates, findMentionQuery, insertMention, isLongPastedText, linkMentions, mentionFromHref, toMessageMentions, useDismissibleCard, useListKeyNav, useLongPaste, useMentionAutocomplete };
-//# sourceMappingURL=chunk-QJEJBLHI.js.map
-//# sourceMappingURL=chunk-QJEJBLHI.js.map
+export { AssistantModeToggle, AssistantToaster, BranchControls, ComposerAccessories, ComposerTools, ContextActionButton, ContextCheckRow, ContextPanelContent, ContextPanelFooter, ContextPanelTabs, ContextPickerList, ContextPickerRow, ContextSearchInput, ContextSelectList, ContextSelectRow, Conversation, ConversationBody, ConversationHeader, ConversationHeaderActions, ConversationHistoryPane, ConversationLoading, ConversationMain, ConversationRoot, ConversationSearchView, ConversationSettingsButton, DEFAULT_ASSISTANT_MODE_TOGGLE_LABELS, DEFAULT_BRANCH_CONTROLS_LABELS, DEFAULT_CONVERSATION_LAYOUT_LABELS, DEFAULT_CONVERSATION_PARTS_LABELS, DEFAULT_CONVERSATION_SEARCH_LABELS, DEFAULT_LABEL_PIN_ROW_LABELS, DEFAULT_MODEL_PRICING_TIP_LABELS, DEFAULT_PENDING_ANSWER_BAR_LABELS, DEFAULT_PINNED_DOC_CHIP_LABELS, DEFAULT_SLASH_MENU_LABELS, DEFAULT_THREAD_MAP_LABELS, LabelPinRow, ModelAutoIcon, ModelConfigureButton, ModelDot, ModelMenuDivider, ModelMenuMessage, ModelOption, ModelOptionLabel, ModelPickerPopover, ModelPickerTrigger, ModelPricingTip, ModelTierIcon, ModelTierOption, ModelTriggerContent, NewChatButton, NewPaChatButton, PaModeBadge, PendingAnswerBar, PinnedDocChip, SlashMenu, ThreadMap, ThreadMapDiagram, ThreadMapError, ThreadMapLoading, isLongPastedText, useDismissibleCard, useLongPaste, useMentionAutocomplete };
+//# sourceMappingURL=chunk-CQ6CYPV4.js.map
+//# sourceMappingURL=chunk-CQ6CYPV4.js.map