@athenaintel/react 0.18.0 → 0.20.0

package/dist/chat-ui/mentions/suggestions/components/mention-icon.cjs

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const ICON_MAP = {
+  // General
+  file: lucideReact.FileIcon,
+  "file-text": lucideReact.FileTextIcon,
+  "file-code": lucideReact.FileCodeIcon,
+  folder: lucideReact.FolderIcon,
+  "folder-kanban": lucideReact.FolderKanbanIcon,
+  globe: lucideReact.GlobeIcon,
+  search: lucideReact.SearchIcon,
+  star: lucideReact.StarIcon,
+  users: lucideReact.UsersIcon,
+  user: lucideReact.UserIcon,
+  wrench: lucideReact.WrenchIcon,
+  package: lucideReact.PackageIcon,
+  building2: lucideReact.Building2Icon,
+  "hard-drive": lucideReact.HardDriveIcon,
+  "layout-grid": lucideReact.LayoutGridIcon,
+  zap: lucideReact.ZapIcon,
+  eye: lucideReact.EyeIcon,
+  // Chrome tools
+  camera: lucideReact.CameraIcon,
+  keyboard: lucideReact.KeyboardIcon,
+  code: lucideReact.CodeIcon,
+  monitor: lucideReact.MonitorIcon,
+  // Asset types
+  image: lucideReact.ImageIcon,
+  video: lucideReact.VideoIcon,
+  headphones: lucideReact.HeadphonesIcon,
+  mic: lucideReact.MicIcon,
+  mail: lucideReact.MailIcon,
+  calendar: lucideReact.CalendarIcon,
+  phone: lucideReact.PhoneIcon,
+  database: lucideReact.DatabaseIcon,
+  table: lucideReact.TableIcon,
+  sheet: lucideReact.SheetIcon,
+  palette: lucideReact.PaletteIcon,
+  "pen-tool": lucideReact.PenToolIcon,
+  layout: lucideReact.LayoutIcon,
+  "layout-dashboard": lucideReact.LayoutDashboardIcon,
+  library: lucideReact.LibraryIcon,
+  "book-open": lucideReact.BookOpenIcon,
+  sparkles: lucideReact.SparklesIcon,
+  "check-square": lucideReact.CheckSquareIcon,
+  key: lucideReact.KeyIcon,
+  smartphone: lucideReact.SmartphoneIcon,
+  cloud: lucideReact.CloudIcon,
+  workflow: lucideReact.WorkflowIcon,
+  // The presentation asset type and the presentation toolkits share this key.
+  presentation: lucideReact.PresentationIcon,
+  // Toolkit icons (the SDK's toolkit display info names these in PascalCase;
+  // the digit-suffixed ones kebab-case to `code2` / `table2`)
+  boxes: lucideReact.BoxesIcon,
+  "briefcase-business": lucideReact.BriefcaseBusinessIcon,
+  cable: lucideReact.CableIcon,
+  "chart-bar": lucideReact.ChartBarIcon,
+  code2: lucideReact.Code2Icon,
+  "file-spreadsheet": lucideReact.FileSpreadsheetIcon,
+  megaphone: lucideReact.MegaphoneIcon,
+  "message-square": lucideReact.MessageSquareIcon,
+  "panel-top": lucideReact.PanelTopIcon,
+  server: lucideReact.ServerIcon,
+  settings: lucideReact.SettingsIcon,
+  table2: lucideReact.Table2Icon,
+  terminal: lucideReact.TerminalIcon
+};
+function toKebabIconName(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
+}
+function resolveMentionIcon(name) {
+  return ICON_MAP[name] ?? ICON_MAP[toKebabIconName(name)];
+}
+const ICON_NAME_PATTERN = /^[A-Za-z][A-Za-z0-9-]*$/;
+function MentionIcon({
+  fallbackIcon,
+  thumbnailUrl,
+  alt,
+  className = "w-4 h-4 flex-shrink-0"
+}) {
+  if (thumbnailUrl) {
+    return /* @__PURE__ */ jsxRuntime.jsx("img", { src: thumbnailUrl, alt: alt ?? "", className });
+  }
+  const Icon = fallbackIcon ? resolveMentionIcon(fallbackIcon) : void 0;
+  if (Icon) return /* @__PURE__ */ jsxRuntime.jsx(Icon, { className });
+  if (fallbackIcon && !ICON_NAME_PATTERN.test(fallbackIcon)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm flex-shrink-0", children: fallbackIcon });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileIcon, { className });
+}
+exports.MentionIcon = MentionIcon;
+exports.resolveMentionIcon = resolveMentionIcon;
+//# sourceMappingURL=mention-icon.cjs.map

package/dist/chat-ui/mentions/suggestions/components/mention-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-icon.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/mention-icon.tsx"],"sourcesContent":["/**\n * Mention icon component.\n * Maps string icon names to Lucide icon components.\n */\n\nimport type { FC } from \"react\";\nimport {\n  BookOpenIcon,\n  BoxesIcon,\n  BriefcaseBusinessIcon,\n  Building2Icon,\n  CableIcon,\n  CalendarIcon,\n  CameraIcon,\n  ChartBarIcon,\n  CheckSquareIcon,\n  Code2Icon,\n  FileSpreadsheetIcon,\n  MegaphoneIcon,\n  MessageSquareIcon,\n  PanelTopIcon,\n  PresentationIcon,\n  ServerIcon,\n  SettingsIcon,\n  Table2Icon,\n  TerminalIcon,\n  CloudIcon,\n  CodeIcon,\n  DatabaseIcon,\n  EyeIcon,\n  FileCodeIcon,\n  FileIcon,\n  FileTextIcon,\n  FolderIcon,\n  FolderKanbanIcon,\n  GlobeIcon,\n  HardDriveIcon,\n  HeadphonesIcon,\n  ImageIcon,\n  KeyIcon,\n  KeyboardIcon,\n  LayoutDashboardIcon,\n  LayoutGridIcon,\n  LayoutIcon,\n  LibraryIcon,\n  MailIcon,\n  MicIcon,\n  MonitorIcon,\n  PackageIcon,\n  PaletteIcon,\n  PenToolIcon,\n  PhoneIcon,\n  SearchIcon,\n  SheetIcon,\n  SmartphoneIcon,\n  SparklesIcon,\n  StarIcon,\n  TableIcon,\n  UserIcon,\n  UsersIcon,\n  VideoIcon,\n  WrenchIcon,\n  ZapIcon,\n  WorkflowIcon,\n} from \"lucide-react\";\n\nconst ICON_MAP: Record<string, FC<{ className?: string }>> = {\n  // General\n  file: FileIcon,\n  \"file-text\": FileTextIcon,\n  \"file-code\": FileCodeIcon,\n  folder: FolderIcon,\n  \"folder-kanban\": FolderKanbanIcon,\n  globe: GlobeIcon,\n  search: SearchIcon,\n  star: StarIcon,\n  users: UsersIcon,\n  user: UserIcon,\n  wrench: WrenchIcon,\n  package: PackageIcon,\n  building2: Building2Icon,\n  \"hard-drive\": HardDriveIcon,\n  \"layout-grid\": LayoutGridIcon,\n  zap: ZapIcon,\n  eye: EyeIcon,\n\n  // Chrome tools\n  camera: CameraIcon,\n  keyboard: KeyboardIcon,\n  code: CodeIcon,\n  monitor: MonitorIcon,\n\n  // Asset types\n  image: ImageIcon,\n  video: VideoIcon,\n  headphones: HeadphonesIcon,\n  mic: MicIcon,\n  mail: MailIcon,\n  calendar: CalendarIcon,\n  phone: PhoneIcon,\n  database: DatabaseIcon,\n  table: TableIcon,\n  sheet: SheetIcon,\n  palette: PaletteIcon,\n  \"pen-tool\": PenToolIcon,\n  layout: LayoutIcon,\n  \"layout-dashboard\": LayoutDashboardIcon,\n  library: LibraryIcon,\n  \"book-open\": BookOpenIcon,\n  sparkles: SparklesIcon,\n  \"check-square\": CheckSquareIcon,\n  key: KeyIcon,\n  smartphone: SmartphoneIcon,\n  cloud: CloudIcon,\n  workflow: WorkflowIcon,\n  // The presentation asset type and the presentation toolkits share this key.\n  presentation: PresentationIcon,\n\n  // Toolkit icons (the SDK's toolkit display info names these in PascalCase;\n  // the digit-suffixed ones kebab-case to `code2` / `table2`)\n  boxes: BoxesIcon,\n  \"briefcase-business\": BriefcaseBusinessIcon,\n  cable: CableIcon,\n  \"chart-bar\": ChartBarIcon,\n  code2: Code2Icon,\n  \"file-spreadsheet\": FileSpreadsheetIcon,\n  megaphone: MegaphoneIcon,\n  \"message-square\": MessageSquareIcon,\n  \"panel-top\": PanelTopIcon,\n  server: ServerIcon,\n  settings: SettingsIcon,\n  table2: Table2Icon,\n  terminal: TerminalIcon,\n};\n\n/** Backend icon names arrive as Lucide PascalCase (`FolderKanban`). */\nfunction toKebabIconName(name: string): string {\n  return name\n    .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\n    .replace(/([A-Z]+)([A-Z][a-z])/g, \"$1-$2\")\n    .toLowerCase();\n}\n\n/** The Lucide component for an icon name (kebab or PascalCase), or undefined for an unknown name. */\nexport function resolveMentionIcon(name: string): FC<{ className?: string }> | undefined {\n  return ICON_MAP[name] ?? ICON_MAP[toKebabIconName(name)];\n}\n\nconst ICON_NAME_PATTERN = /^[A-Za-z][A-Za-z0-9-]*$/;\n\nexport function MentionIcon({\n  fallbackIcon,\n  thumbnailUrl,\n  alt,\n  className = \"w-4 h-4 flex-shrink-0\",\n}: {\n  fallbackIcon?: string;\n  thumbnailUrl?: string;\n  alt?: string;\n  className?: string;\n}) {\n  if (thumbnailUrl) {\n    return <img src={thumbnailUrl} alt={alt ?? \"\"} className={className} />;\n  }\n  const Icon = fallbackIcon ? resolveMentionIcon(fallbackIcon) : undefined;\n  if (Icon) return <Icon className={className} />;\n  // Emoji fallback; unmapped icon names render as the generic file icon\n  if (fallbackIcon && !ICON_NAME_PATTERN.test(fallbackIcon)) {\n    return <span className=\"text-sm flex-shrink-0\">{fallbackIcon}</span>;\n  }\n  return <FileIcon className={className} />;\n}\n"],"names":["FileIcon","FileTextIcon","FileCodeIcon","FolderIcon","FolderKanbanIcon","GlobeIcon","SearchIcon","StarIcon","UsersIcon","UserIcon","WrenchIcon","PackageIcon","Building2Icon","HardDriveIcon","LayoutGridIcon","ZapIcon","EyeIcon","CameraIcon","KeyboardIcon","CodeIcon","MonitorIcon","ImageIcon","VideoIcon","HeadphonesIcon","MicIcon","MailIcon","CalendarIcon","PhoneIcon","DatabaseIcon","TableIcon","SheetIcon","PaletteIcon","PenToolIcon","LayoutIcon","LayoutDashboardIcon","LibraryIcon","BookOpenIcon","SparklesIcon","CheckSquareIcon","KeyIcon","SmartphoneIcon","CloudIcon","WorkflowIcon","PresentationIcon","BoxesIcon","BriefcaseBusinessIcon","CableIcon","ChartBarIcon","Code2Icon","FileSpreadsheetIcon","MegaphoneIcon","MessageSquareIcon","PanelTopIcon","ServerIcon","SettingsIcon","Table2Icon","TerminalIcon","jsx"],"mappings":";;;;AAkEA,MAAM,WAAuD;AAAA;AAAA,EAE3D,MAAMA,YAAAA;AAAAA,EACN,aAAaC,YAAAA;AAAAA,EACb,aAAaC,YAAAA;AAAAA,EACb,QAAQC,YAAAA;AAAAA,EACR,iBAAiBC,YAAAA;AAAAA,EACjB,OAAOC,YAAAA;AAAAA,EACP,QAAQC,YAAAA;AAAAA,EACR,MAAMC,YAAAA;AAAAA,EACN,OAAOC,YAAAA;AAAAA,EACP,MAAMC,YAAAA;AAAAA,EACN,QAAQC,YAAAA;AAAAA,EACR,SAASC,YAAAA;AAAAA,EACT,WAAWC,YAAAA;AAAAA,EACX,cAAcC,YAAAA;AAAAA,EACd,eAAeC,YAAAA;AAAAA,EACf,KAAKC,YAAAA;AAAAA,EACL,KAAKC,YAAAA;AAAAA;AAAAA,EAGL,QAAQC,YAAAA;AAAAA,EACR,UAAUC,YAAAA;AAAAA,EACV,MAAMC,YAAAA;AAAAA,EACN,SAASC,YAAAA;AAAAA;AAAAA,EAGT,OAAOC,YAAAA;AAAAA,EACP,OAAOC,YAAAA;AAAAA,EACP,YAAYC,YAAAA;AAAAA,EACZ,KAAKC,YAAAA;AAAAA,EACL,MAAMC,YAAAA;AAAAA,EACN,UAAUC,YAAAA;AAAAA,EACV,OAAOC,YAAAA;AAAAA,EACP,UAAUC,YAAAA;AAAAA,EACV,OAAOC,YAAAA;AAAAA,EACP,OAAOC,YAAAA;AAAAA,EACP,SAASC,YAAAA;AAAAA,EACT,YAAYC,YAAAA;AAAAA,EACZ,QAAQC,YAAAA;AAAAA,EACR,oBAAoBC,YAAAA;AAAAA,EACpB,SAASC,YAAAA;AAAAA,EACT,aAAaC,YAAAA;AAAAA,EACb,UAAUC,YAAAA;AAAAA,EACV,gBAAgBC,YAAAA;AAAAA,EAChB,KAAKC,YAAAA;AAAAA,EACL,YAAYC,YAAAA;AAAAA,EACZ,OAAOC,YAAAA;AAAAA,EACP,UAAUC,YAAAA;AAAAA;AAAAA,EAEV,cAAcC,YAAAA;AAAAA;AAAAA;AAAAA,EAId,OAAOC,YAAAA;AAAAA,EACP,sBAAsBC,YAAAA;AAAAA,EACtB,OAAOC,YAAAA;AAAAA,EACP,aAAaC,YAAAA;AAAAA,EACb,OAAOC,YAAAA;AAAAA,EACP,oBAAoBC,YAAAA;AAAAA,EACpB,WAAWC,YAAAA;AAAAA,EACX,kBAAkBC,YAAAA;AAAAA,EAClB,aAAaC,YAAAA;AAAAA,EACb,QAAQC,YAAAA;AAAAA,EACR,UAAUC,YAAAA;AAAAA,EACV,QAAQC,YAAAA;AAAAA,EACR,UAAUC,YAAAA;AACZ;AAGA,SAAS,gBAAgB,MAAsB;AAC7C,SAAO,KACJ,QAAQ,sBAAsB,OAAO,EACrC,QAAQ,yBAAyB,OAAO,EACxC,YAAA;AACL;AAGO,SAAS,mBAAmB,MAAsD;AACvF,SAAO,SAAS,IAAI,KAAK,SAAS,gBAAgB,IAAI,CAAC;AACzD;AAEA,MAAM,oBAAoB;AAEnB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAKG;AACD,MAAI,cAAc;AAChB,0CAAQ,OAAA,EAAI,KAAK,cAAc,KAAK,OAAO,IAAI,WAAsB;AAAA,EACvE;AACA,QAAM,OAAO,eAAe,mBAAmB,YAAY,IAAI;AAC/D,MAAI,KAAM,QAAOC,2BAAAA,IAAC,MAAA,EAAK,UAAA,CAAsB;AAE7C,MAAI,gBAAgB,CAAC,kBAAkB,KAAK,YAAY,GAAG;AACzD,WAAOA,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,cAAa;AAAA,EAC/D;AACA,SAAOA,+BAACzD,YAAAA,YAAS,WAAsB;AACzC;;;"}

package/dist/chat-ui/mentions/suggestions/components/mention-icon.d.ts

@@ -2,6 +2,11 @@
  * Mention icon component.
  * Maps string icon names to Lucide icon components.
  */
+import type { FC } from "react";
+/** The Lucide component for an icon name (kebab or PascalCase), or undefined for an unknown name. */
+export declare function resolveMentionIcon(name: string): FC<{
+    className?: string;
+}> | undefined;
 export declare function MentionIcon({ fallbackIcon, thumbnailUrl, alt, className, }: {
     fallbackIcon?: string;
     thumbnailUrl?: string;

package/dist/chat-ui/mentions/suggestions/components/mention-icon.js

@@ -0,0 +1,95 @@
+import { jsx } from "react/jsx-runtime";
+import { FileIcon, TerminalIcon, Table2Icon, SettingsIcon, ServerIcon, PanelTopIcon, MessageSquareIcon, MegaphoneIcon, FileSpreadsheetIcon, Code2Icon, ChartBarIcon, CableIcon, BriefcaseBusinessIcon, BoxesIcon, PresentationIcon, WorkflowIcon, CloudIcon, SmartphoneIcon, KeyIcon, CheckSquareIcon, SparklesIcon, BookOpenIcon, LibraryIcon, LayoutDashboardIcon, LayoutIcon, PenToolIcon, PaletteIcon, SheetIcon, TableIcon, DatabaseIcon, PhoneIcon, CalendarIcon, MailIcon, MicIcon, HeadphonesIcon, VideoIcon, ImageIcon, MonitorIcon, CodeIcon, KeyboardIcon, CameraIcon, EyeIcon, ZapIcon, LayoutGridIcon, HardDriveIcon, Building2Icon, PackageIcon, WrenchIcon, UserIcon, UsersIcon, StarIcon, SearchIcon, GlobeIcon, FolderKanbanIcon, FolderIcon, FileCodeIcon, FileTextIcon } from "lucide-react";
+const ICON_MAP = {
+  // General
+  file: FileIcon,
+  "file-text": FileTextIcon,
+  "file-code": FileCodeIcon,
+  folder: FolderIcon,
+  "folder-kanban": FolderKanbanIcon,
+  globe: GlobeIcon,
+  search: SearchIcon,
+  star: StarIcon,
+  users: UsersIcon,
+  user: UserIcon,
+  wrench: WrenchIcon,
+  package: PackageIcon,
+  building2: Building2Icon,
+  "hard-drive": HardDriveIcon,
+  "layout-grid": LayoutGridIcon,
+  zap: ZapIcon,
+  eye: EyeIcon,
+  // Chrome tools
+  camera: CameraIcon,
+  keyboard: KeyboardIcon,
+  code: CodeIcon,
+  monitor: MonitorIcon,
+  // Asset types
+  image: ImageIcon,
+  video: VideoIcon,
+  headphones: HeadphonesIcon,
+  mic: MicIcon,
+  mail: MailIcon,
+  calendar: CalendarIcon,
+  phone: PhoneIcon,
+  database: DatabaseIcon,
+  table: TableIcon,
+  sheet: SheetIcon,
+  palette: PaletteIcon,
+  "pen-tool": PenToolIcon,
+  layout: LayoutIcon,
+  "layout-dashboard": LayoutDashboardIcon,
+  library: LibraryIcon,
+  "book-open": BookOpenIcon,
+  sparkles: SparklesIcon,
+  "check-square": CheckSquareIcon,
+  key: KeyIcon,
+  smartphone: SmartphoneIcon,
+  cloud: CloudIcon,
+  workflow: WorkflowIcon,
+  // The presentation asset type and the presentation toolkits share this key.
+  presentation: PresentationIcon,
+  // Toolkit icons (the SDK's toolkit display info names these in PascalCase;
+  // the digit-suffixed ones kebab-case to `code2` / `table2`)
+  boxes: BoxesIcon,
+  "briefcase-business": BriefcaseBusinessIcon,
+  cable: CableIcon,
+  "chart-bar": ChartBarIcon,
+  code2: Code2Icon,
+  "file-spreadsheet": FileSpreadsheetIcon,
+  megaphone: MegaphoneIcon,
+  "message-square": MessageSquareIcon,
+  "panel-top": PanelTopIcon,
+  server: ServerIcon,
+  settings: SettingsIcon,
+  table2: Table2Icon,
+  terminal: TerminalIcon
+};
+function toKebabIconName(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
+}
+function resolveMentionIcon(name) {
+  return ICON_MAP[name] ?? ICON_MAP[toKebabIconName(name)];
+}
+const ICON_NAME_PATTERN = /^[A-Za-z][A-Za-z0-9-]*$/;
+function MentionIcon({
+  fallbackIcon,
+  thumbnailUrl,
+  alt,
+  className = "w-4 h-4 flex-shrink-0"
+}) {
+  if (thumbnailUrl) {
+    return /* @__PURE__ */ jsx("img", { src: thumbnailUrl, alt: alt ?? "", className });
+  }
+  const Icon = fallbackIcon ? resolveMentionIcon(fallbackIcon) : void 0;
+  if (Icon) return /* @__PURE__ */ jsx(Icon, { className });
+  if (fallbackIcon && !ICON_NAME_PATTERN.test(fallbackIcon)) {
+    return /* @__PURE__ */ jsx("span", { className: "text-sm flex-shrink-0", children: fallbackIcon });
+  }
+  return /* @__PURE__ */ jsx(FileIcon, { className });
+}
+export {
+  MentionIcon,
+  resolveMentionIcon
+};
+//# sourceMappingURL=mention-icon.js.map

package/dist/chat-ui/mentions/suggestions/components/mention-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-icon.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/mention-icon.tsx"],"sourcesContent":["/**\n * Mention icon component.\n * Maps string icon names to Lucide icon components.\n */\n\nimport type { FC } from \"react\";\nimport {\n  BookOpenIcon,\n  BoxesIcon,\n  BriefcaseBusinessIcon,\n  Building2Icon,\n  CableIcon,\n  CalendarIcon,\n  CameraIcon,\n  ChartBarIcon,\n  CheckSquareIcon,\n  Code2Icon,\n  FileSpreadsheetIcon,\n  MegaphoneIcon,\n  MessageSquareIcon,\n  PanelTopIcon,\n  PresentationIcon,\n  ServerIcon,\n  SettingsIcon,\n  Table2Icon,\n  TerminalIcon,\n  CloudIcon,\n  CodeIcon,\n  DatabaseIcon,\n  EyeIcon,\n  FileCodeIcon,\n  FileIcon,\n  FileTextIcon,\n  FolderIcon,\n  FolderKanbanIcon,\n  GlobeIcon,\n  HardDriveIcon,\n  HeadphonesIcon,\n  ImageIcon,\n  KeyIcon,\n  KeyboardIcon,\n  LayoutDashboardIcon,\n  LayoutGridIcon,\n  LayoutIcon,\n  LibraryIcon,\n  MailIcon,\n  MicIcon,\n  MonitorIcon,\n  PackageIcon,\n  PaletteIcon,\n  PenToolIcon,\n  PhoneIcon,\n  SearchIcon,\n  SheetIcon,\n  SmartphoneIcon,\n  SparklesIcon,\n  StarIcon,\n  TableIcon,\n  UserIcon,\n  UsersIcon,\n  VideoIcon,\n  WrenchIcon,\n  ZapIcon,\n  WorkflowIcon,\n} from \"lucide-react\";\n\nconst ICON_MAP: Record<string, FC<{ className?: string }>> = {\n  // General\n  file: FileIcon,\n  \"file-text\": FileTextIcon,\n  \"file-code\": FileCodeIcon,\n  folder: FolderIcon,\n  \"folder-kanban\": FolderKanbanIcon,\n  globe: GlobeIcon,\n  search: SearchIcon,\n  star: StarIcon,\n  users: UsersIcon,\n  user: UserIcon,\n  wrench: WrenchIcon,\n  package: PackageIcon,\n  building2: Building2Icon,\n  \"hard-drive\": HardDriveIcon,\n  \"layout-grid\": LayoutGridIcon,\n  zap: ZapIcon,\n  eye: EyeIcon,\n\n  // Chrome tools\n  camera: CameraIcon,\n  keyboard: KeyboardIcon,\n  code: CodeIcon,\n  monitor: MonitorIcon,\n\n  // Asset types\n  image: ImageIcon,\n  video: VideoIcon,\n  headphones: HeadphonesIcon,\n  mic: MicIcon,\n  mail: MailIcon,\n  calendar: CalendarIcon,\n  phone: PhoneIcon,\n  database: DatabaseIcon,\n  table: TableIcon,\n  sheet: SheetIcon,\n  palette: PaletteIcon,\n  \"pen-tool\": PenToolIcon,\n  layout: LayoutIcon,\n  \"layout-dashboard\": LayoutDashboardIcon,\n  library: LibraryIcon,\n  \"book-open\": BookOpenIcon,\n  sparkles: SparklesIcon,\n  \"check-square\": CheckSquareIcon,\n  key: KeyIcon,\n  smartphone: SmartphoneIcon,\n  cloud: CloudIcon,\n  workflow: WorkflowIcon,\n  // The presentation asset type and the presentation toolkits share this key.\n  presentation: PresentationIcon,\n\n  // Toolkit icons (the SDK's toolkit display info names these in PascalCase;\n  // the digit-suffixed ones kebab-case to `code2` / `table2`)\n  boxes: BoxesIcon,\n  \"briefcase-business\": BriefcaseBusinessIcon,\n  cable: CableIcon,\n  \"chart-bar\": ChartBarIcon,\n  code2: Code2Icon,\n  \"file-spreadsheet\": FileSpreadsheetIcon,\n  megaphone: MegaphoneIcon,\n  \"message-square\": MessageSquareIcon,\n  \"panel-top\": PanelTopIcon,\n  server: ServerIcon,\n  settings: SettingsIcon,\n  table2: Table2Icon,\n  terminal: TerminalIcon,\n};\n\n/** Backend icon names arrive as Lucide PascalCase (`FolderKanban`). */\nfunction toKebabIconName(name: string): string {\n  return name\n    .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\n    .replace(/([A-Z]+)([A-Z][a-z])/g, \"$1-$2\")\n    .toLowerCase();\n}\n\n/** The Lucide component for an icon name (kebab or PascalCase), or undefined for an unknown name. */\nexport function resolveMentionIcon(name: string): FC<{ className?: string }> | undefined {\n  return ICON_MAP[name] ?? ICON_MAP[toKebabIconName(name)];\n}\n\nconst ICON_NAME_PATTERN = /^[A-Za-z][A-Za-z0-9-]*$/;\n\nexport function MentionIcon({\n  fallbackIcon,\n  thumbnailUrl,\n  alt,\n  className = \"w-4 h-4 flex-shrink-0\",\n}: {\n  fallbackIcon?: string;\n  thumbnailUrl?: string;\n  alt?: string;\n  className?: string;\n}) {\n  if (thumbnailUrl) {\n    return <img src={thumbnailUrl} alt={alt ?? \"\"} className={className} />;\n  }\n  const Icon = fallbackIcon ? resolveMentionIcon(fallbackIcon) : undefined;\n  if (Icon) return <Icon className={className} />;\n  // Emoji fallback; unmapped icon names render as the generic file icon\n  if (fallbackIcon && !ICON_NAME_PATTERN.test(fallbackIcon)) {\n    return <span className=\"text-sm flex-shrink-0\">{fallbackIcon}</span>;\n  }\n  return <FileIcon className={className} />;\n}\n"],"names":[],"mappings":";;AAkEA,MAAM,WAAuD;AAAA;AAAA,EAE3D,MAAM;AAAA,EACN,aAAa;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,eAAe;AAAA,EACf,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAGL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA;AAAA,EAGT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AAAA;AAAA,EAEV,cAAc;AAAA;AAAA;AAAA,EAId,OAAO;AAAA,EACP,sBAAsB;AAAA,EACtB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AACZ;AAGA,SAAS,gBAAgB,MAAsB;AAC7C,SAAO,KACJ,QAAQ,sBAAsB,OAAO,EACrC,QAAQ,yBAAyB,OAAO,EACxC,YAAA;AACL;AAGO,SAAS,mBAAmB,MAAsD;AACvF,SAAO,SAAS,IAAI,KAAK,SAAS,gBAAgB,IAAI,CAAC;AACzD;AAEA,MAAM,oBAAoB;AAEnB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAKG;AACD,MAAI,cAAc;AAChB,+BAAQ,OAAA,EAAI,KAAK,cAAc,KAAK,OAAO,IAAI,WAAsB;AAAA,EACvE;AACA,QAAM,OAAO,eAAe,mBAAmB,YAAY,IAAI;AAC/D,MAAI,KAAM,QAAO,oBAAC,MAAA,EAAK,UAAA,CAAsB;AAE7C,MAAI,gBAAgB,CAAC,kBAAkB,KAAK,YAAY,GAAG;AACzD,WAAO,oBAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,cAAa;AAAA,EAC/D;AACA,SAAO,oBAAC,YAAS,WAAsB;AACzC;"}

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-list.cjs

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactStore = require("@tanstack/react-store");
+const react = require("react");
+const useMenuItems = require("../data/use-menu-items.cjs");
+const scopeRegistry = require("../data/scope-registry.cjs");
+const getScopeName = require("./get-scope-name.cjs");
+const menuList = require("./menu-list.cjs");
+const menuSummary = require("./menu-summary.cjs");
+const useKeyboardNavigation = require("./use-keyboard-navigation.cjs");
+const useMenuNavigation = require("./use-menu-navigation.cjs");
+const utils = require("./utils.cjs");
+const MentionSuggestionList = react.forwardRef(({ store, editor, query, command, closeMenu }, ref) => {
+  const [selectedIndexOverride, setSelectedIndexOverride] = react.useState(null);
+  const navStore = useMenuNavigation.useMenuNavigation();
+  const currentScopeId = reactStore.useStore(navStore, (s) => useMenuNavigation.getCurrentScope(s));
+  const navSelectedIndex = reactStore.useStore(navStore, (s) => useMenuNavigation.getSelectedIndex(s));
+  const selectedIndex = selectedIndexOverride ?? navSelectedIndex;
+  const scopeStack = reactStore.useStore(navStore, (s) => s.scopeStack);
+  let effectiveScopeId = currentScopeId;
+  if (query) {
+    try {
+      const searchScope = scopeRegistry.getSearchScope(store.state.registry, currentScopeId);
+      if (searchScope) {
+        effectiveScopeId = searchScope;
+      }
+    } catch {
+    }
+  }
+  const { items, isFetching, hasMore, loadMore } = useMenuItems.useMenuItems(store, {
+    scope: effectiveScopeId,
+    query,
+    minItems: 50,
+    parentScope: currentScopeId !== effectiveScopeId ? currentScopeId : void 0
+  });
+  react.useEffect(() => {
+    setSelectedIndexOverride(null);
+  }, [query, effectiveScopeId]);
+  const scopePath = scopeStack.map((entry) => ({
+    id: entry.scope,
+    name: entry.breadcrumbLabel ?? getScopeName.getScopeName(entry.scope, store)
+  }));
+  const handleSelect = react.useCallback(
+    (item) => {
+      if (item.navigatesToScope) {
+        navStore.navigateTo(item.navigatesToScope, selectedIndex, {
+          breadcrumbLabel: item.name,
+          parentScope: currentScopeId
+        });
+        utils.clearTextAfterTrigger(editor);
+        setSelectedIndexOverride(null);
+        return;
+      }
+      command(item);
+    },
+    [command, editor, navStore, selectedIndex, currentScopeId]
+  );
+  const handleBack = react.useCallback(() => {
+    navStore.navigateBack();
+    utils.clearTextAfterTrigger(editor);
+    setSelectedIndexOverride(null);
+  }, [editor, navStore]);
+  const handleBreadcrumbNavigate = react.useCallback(
+    (targetScopeId) => {
+      const targetIdx = scopeStack.findIndex((entry) => entry.scope === targetScopeId);
+      if (targetIdx >= 0) {
+        const popsNeeded = scopeStack.length - 1 - targetIdx;
+        for (let i = 0; i < popsNeeded; i++) {
+          navStore.navigateBack();
+        }
+        utils.clearTextAfterTrigger(editor);
+        setSelectedIndexOverride(null);
+      }
+    },
+    [editor, navStore, scopeStack]
+  );
+  useKeyboardNavigation.useKeyboardNavigation(ref, {
+    items,
+    selectedIndex,
+    onSelect: handleSelect,
+    onBack: currentScopeId !== "root" ? handleBack : void 0,
+    onClose: () => closeMenu(true),
+    setSelectedIndex: (idx) => {
+      setSelectedIndexOverride(idx);
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white border border-gray-300 rounded shadow-lg min-w-[280px] max-w-[380px] max-h-[320px] flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+      menuList.MenuList,
+      {
+        items,
+        selectedIndex,
+        isLoading: isFetching,
+        hasMore,
+        onSelect: handleSelect,
+        onMouseEnter: (idx) => {
+          setSelectedIndexOverride(idx);
+        },
+        onLoadMore: loadMore
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      menuSummary.MenuSummary,
+      {
+        scopePath,
+        onNavigate: handleBreadcrumbNavigate,
+        onBackClick: currentScopeId !== "root" ? handleBack : void 0,
+        isFetching
+      }
+    )
+  ] });
+});
+MentionSuggestionList.displayName = "MentionSuggestionList";
+exports.MentionSuggestionList = MentionSuggestionList;
+//# sourceMappingURL=mention-suggestion-list.cjs.map

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-suggestion-list.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/mention-suggestion-list.tsx"],"sourcesContent":["/**\n * MentionSuggestionList — Main mention menu component.\n *\n * Composed of:\n * - Registry + cache backed data (async fetching)\n * - useMenuNavigation for scope stack management\n * - useKeyboardNavigation for keyboard handling\n * - MenuList for item rendering with loading states\n * - MenuSummary for breadcrumbs + back\n */\n\nimport { useStore } from \"@tanstack/react-store\";\nimport type { Editor } from \"@tiptap/core\";\nimport { forwardRef, useCallback, useEffect, useState } from \"react\";\nimport type { MenuItem } from \"../data/types\";\nimport type { MentionSuggestionsStore } from \"../data/use-mention-suggestions\";\nimport { useMenuItems } from \"../data/use-menu-items\";\nimport { getSearchScope } from \"../data/scope-registry\";\nimport { getScopeName } from \"./get-scope-name\";\nimport { MenuList } from \"./menu-list\";\nimport { MenuSummary } from \"./menu-summary\";\nimport { useKeyboardNavigation, type KeyboardNavigationHandle } from \"./use-keyboard-navigation\";\nimport {\n  getCurrentScope,\n  getSelectedIndex,\n  useMenuNavigation,\n} from \"./use-menu-navigation\";\nimport { clearTextAfterTrigger } from \"./utils\";\n\nexport interface MentionSuggestionListProps {\n  store: MentionSuggestionsStore;\n  editor: Editor;\n  query: string;\n  command: (item: MenuItem) => void;\n  closeMenu: (dismissedByUser?: boolean) => void;\n}\n\nexport const MentionSuggestionList = forwardRef<\n  KeyboardNavigationHandle,\n  MentionSuggestionListProps\n>(({ store, editor, query, command, closeMenu }, ref) => {\n  const [selectedIndexOverride, setSelectedIndexOverride] = useState<number | null>(null);\n  const navStore = useMenuNavigation();\n\n  // Get current scope from navigation\n  const currentScopeId = useStore(navStore, (s) => getCurrentScope(s));\n  const navSelectedIndex = useStore(navStore, (s) => getSelectedIndex(s));\n  const selectedIndex = selectedIndexOverride ?? navSelectedIndex;\n  const scopeStack = useStore(navStore, (s) => s.scopeStack);\n\n  let effectiveScopeId = currentScopeId;\n\n  if (query) {\n    try {\n      const searchScope = getSearchScope(store.state.registry, currentScopeId);\n      if (searchScope) {\n        effectiveScopeId = searchScope;\n      }\n    } catch {\n      // No search scope binding — use current\n    }\n  }\n\n  // Get items from the data store (reactive, with async fetching)\n  const { items, isFetching, hasMore, loadMore } = useMenuItems(store, {\n    scope: effectiveScopeId,\n    query,\n    minItems: 50,\n    parentScope: currentScopeId !== effectiveScopeId ? currentScopeId : undefined,\n  });\n\n  // Reset selection on query or scope change\n  useEffect(() => {\n    setSelectedIndexOverride(null);\n  }, [query, effectiveScopeId]);\n\n  // Build scope path for breadcrumbs from the navigation stack\n  const scopePath = scopeStack.map((entry) => ({\n    id: entry.scope,\n    name: entry.breadcrumbLabel ?? getScopeName(entry.scope, store),\n  }));\n\n  // Handle item selection\n  const handleSelect = useCallback(\n    (item: MenuItem) => {\n      if (item.navigatesToScope) {\n        navStore.navigateTo(item.navigatesToScope, selectedIndex, {\n          breadcrumbLabel: item.name,\n          parentScope: currentScopeId,\n        });\n        clearTextAfterTrigger(editor);\n        setSelectedIndexOverride(null);\n        return;\n      }\n      // Insert mention\n      command(item);\n    },\n    [command, editor, navStore, selectedIndex, currentScopeId],\n  );\n\n  // Handle back navigation\n  const handleBack = useCallback(() => {\n    navStore.navigateBack();\n    clearTextAfterTrigger(editor);\n    setSelectedIndexOverride(null);\n  }, [editor, navStore]);\n\n  // Handle breadcrumb navigation\n  const handleBreadcrumbNavigate = useCallback(\n    (targetScopeId: string) => {\n      // Navigate to specific scope in the stack\n      const targetIdx = scopeStack.findIndex((entry) => entry.scope === targetScopeId);\n\n      if (targetIdx >= 0) {\n        // Pop stack down to the target\n        const popsNeeded = scopeStack.length - 1 - targetIdx;\n        for (let i = 0; i < popsNeeded; i++) {\n          navStore.navigateBack();\n        }\n        clearTextAfterTrigger(editor);\n        setSelectedIndexOverride(null);\n      }\n    },\n    [editor, navStore, scopeStack],\n  );\n\n  // Keyboard navigation\n  useKeyboardNavigation(ref, {\n    items,\n    selectedIndex,\n    onSelect: handleSelect,\n    onBack: currentScopeId !== \"root\" ? handleBack : undefined,\n    onClose: () => closeMenu(true),\n    setSelectedIndex: (idx: number) => {\n      setSelectedIndexOverride(idx);\n    },\n  });\n\n  return (\n    <div className=\"bg-white border border-gray-300 rounded shadow-lg min-w-[280px] max-w-[380px] max-h-[320px] flex flex-col\">\n      {/* Scrollable items */}\n      <div className=\"flex-1 overflow-y-auto\">\n        <MenuList\n          items={items}\n          selectedIndex={selectedIndex}\n          isLoading={isFetching}\n          hasMore={hasMore}\n          onSelect={handleSelect}\n          onMouseEnter={(idx) => {\n            setSelectedIndexOverride(idx);\n          }}\n          onLoadMore={loadMore}\n        />\n      </div>\n\n      {/* Bottom summary with breadcrumbs + back */}\n      <MenuSummary\n        scopePath={scopePath}\n        onNavigate={handleBreadcrumbNavigate}\n        onBackClick={currentScopeId !== \"root\" ? handleBack : undefined}\n        isFetching={isFetching}\n      />\n    </div>\n  );\n});\n\nMentionSuggestionList.displayName = \"MentionSuggestionList\";\n"],"names":["forwardRef","useState","useMenuNavigation","useStore","getCurrentScope","getSelectedIndex","getSearchScope","useMenuItems","useEffect","getScopeName","useCallback","clearTextAfterTrigger","useKeyboardNavigation","jsxs","jsx","MenuList","MenuSummary"],"mappings":"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"}

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-list.js

@@ -0,0 +1,116 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useStore } from "@tanstack/react-store";
+import { forwardRef, useState, useEffect, useCallback } from "react";
+import { useMenuItems } from "../data/use-menu-items.js";
+import { getSearchScope } from "../data/scope-registry.js";
+import { getScopeName } from "./get-scope-name.js";
+import { MenuList } from "./menu-list.js";
+import { MenuSummary } from "./menu-summary.js";
+import { useKeyboardNavigation } from "./use-keyboard-navigation.js";
+import { useMenuNavigation, getCurrentScope, getSelectedIndex } from "./use-menu-navigation.js";
+import { clearTextAfterTrigger } from "./utils.js";
+const MentionSuggestionList = forwardRef(({ store, editor, query, command, closeMenu }, ref) => {
+  const [selectedIndexOverride, setSelectedIndexOverride] = useState(null);
+  const navStore = useMenuNavigation();
+  const currentScopeId = useStore(navStore, (s) => getCurrentScope(s));
+  const navSelectedIndex = useStore(navStore, (s) => getSelectedIndex(s));
+  const selectedIndex = selectedIndexOverride ?? navSelectedIndex;
+  const scopeStack = useStore(navStore, (s) => s.scopeStack);
+  let effectiveScopeId = currentScopeId;
+  if (query) {
+    try {
+      const searchScope = getSearchScope(store.state.registry, currentScopeId);
+      if (searchScope) {
+        effectiveScopeId = searchScope;
+      }
+    } catch {
+    }
+  }
+  const { items, isFetching, hasMore, loadMore } = useMenuItems(store, {
+    scope: effectiveScopeId,
+    query,
+    minItems: 50,
+    parentScope: currentScopeId !== effectiveScopeId ? currentScopeId : void 0
+  });
+  useEffect(() => {
+    setSelectedIndexOverride(null);
+  }, [query, effectiveScopeId]);
+  const scopePath = scopeStack.map((entry) => ({
+    id: entry.scope,
+    name: entry.breadcrumbLabel ?? getScopeName(entry.scope, store)
+  }));
+  const handleSelect = useCallback(
+    (item) => {
+      if (item.navigatesToScope) {
+        navStore.navigateTo(item.navigatesToScope, selectedIndex, {
+          breadcrumbLabel: item.name,
+          parentScope: currentScopeId
+        });
+        clearTextAfterTrigger(editor);
+        setSelectedIndexOverride(null);
+        return;
+      }
+      command(item);
+    },
+    [command, editor, navStore, selectedIndex, currentScopeId]
+  );
+  const handleBack = useCallback(() => {
+    navStore.navigateBack();
+    clearTextAfterTrigger(editor);
+    setSelectedIndexOverride(null);
+  }, [editor, navStore]);
+  const handleBreadcrumbNavigate = useCallback(
+    (targetScopeId) => {
+      const targetIdx = scopeStack.findIndex((entry) => entry.scope === targetScopeId);
+      if (targetIdx >= 0) {
+        const popsNeeded = scopeStack.length - 1 - targetIdx;
+        for (let i = 0; i < popsNeeded; i++) {
+          navStore.navigateBack();
+        }
+        clearTextAfterTrigger(editor);
+        setSelectedIndexOverride(null);
+      }
+    },
+    [editor, navStore, scopeStack]
+  );
+  useKeyboardNavigation(ref, {
+    items,
+    selectedIndex,
+    onSelect: handleSelect,
+    onBack: currentScopeId !== "root" ? handleBack : void 0,
+    onClose: () => closeMenu(true),
+    setSelectedIndex: (idx) => {
+      setSelectedIndexOverride(idx);
+    }
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white border border-gray-300 rounded shadow-lg min-w-[280px] max-w-[380px] max-h-[320px] flex flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+      MenuList,
+      {
+        items,
+        selectedIndex,
+        isLoading: isFetching,
+        hasMore,
+        onSelect: handleSelect,
+        onMouseEnter: (idx) => {
+          setSelectedIndexOverride(idx);
+        },
+        onLoadMore: loadMore
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      MenuSummary,
+      {
+        scopePath,
+        onNavigate: handleBreadcrumbNavigate,
+        onBackClick: currentScopeId !== "root" ? handleBack : void 0,
+        isFetching
+      }
+    )
+  ] });
+});
+MentionSuggestionList.displayName = "MentionSuggestionList";
+export {
+  MentionSuggestionList
+};
+//# sourceMappingURL=mention-suggestion-list.js.map

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-suggestion-list.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/mention-suggestion-list.tsx"],"sourcesContent":["/**\n * MentionSuggestionList — Main mention menu component.\n *\n * Composed of:\n * - Registry + cache backed data (async fetching)\n * - useMenuNavigation for scope stack management\n * - useKeyboardNavigation for keyboard handling\n * - MenuList for item rendering with loading states\n * - MenuSummary for breadcrumbs + back\n */\n\nimport { useStore } from \"@tanstack/react-store\";\nimport type { Editor } from \"@tiptap/core\";\nimport { forwardRef, useCallback, useEffect, useState } from \"react\";\nimport type { MenuItem } from \"../data/types\";\nimport type { MentionSuggestionsStore } from \"../data/use-mention-suggestions\";\nimport { useMenuItems } from \"../data/use-menu-items\";\nimport { getSearchScope } from \"../data/scope-registry\";\nimport { getScopeName } from \"./get-scope-name\";\nimport { MenuList } from \"./menu-list\";\nimport { MenuSummary } from \"./menu-summary\";\nimport { useKeyboardNavigation, type KeyboardNavigationHandle } from \"./use-keyboard-navigation\";\nimport {\n  getCurrentScope,\n  getSelectedIndex,\n  useMenuNavigation,\n} from \"./use-menu-navigation\";\nimport { clearTextAfterTrigger } from \"./utils\";\n\nexport interface MentionSuggestionListProps {\n  store: MentionSuggestionsStore;\n  editor: Editor;\n  query: string;\n  command: (item: MenuItem) => void;\n  closeMenu: (dismissedByUser?: boolean) => void;\n}\n\nexport const MentionSuggestionList = forwardRef<\n  KeyboardNavigationHandle,\n  MentionSuggestionListProps\n>(({ store, editor, query, command, closeMenu }, ref) => {\n  const [selectedIndexOverride, setSelectedIndexOverride] = useState<number | null>(null);\n  const navStore = useMenuNavigation();\n\n  // Get current scope from navigation\n  const currentScopeId = useStore(navStore, (s) => getCurrentScope(s));\n  const navSelectedIndex = useStore(navStore, (s) => getSelectedIndex(s));\n  const selectedIndex = selectedIndexOverride ?? navSelectedIndex;\n  const scopeStack = useStore(navStore, (s) => s.scopeStack);\n\n  let effectiveScopeId = currentScopeId;\n\n  if (query) {\n    try {\n      const searchScope = getSearchScope(store.state.registry, currentScopeId);\n      if (searchScope) {\n        effectiveScopeId = searchScope;\n      }\n    } catch {\n      // No search scope binding — use current\n    }\n  }\n\n  // Get items from the data store (reactive, with async fetching)\n  const { items, isFetching, hasMore, loadMore } = useMenuItems(store, {\n    scope: effectiveScopeId,\n    query,\n    minItems: 50,\n    parentScope: currentScopeId !== effectiveScopeId ? currentScopeId : undefined,\n  });\n\n  // Reset selection on query or scope change\n  useEffect(() => {\n    setSelectedIndexOverride(null);\n  }, [query, effectiveScopeId]);\n\n  // Build scope path for breadcrumbs from the navigation stack\n  const scopePath = scopeStack.map((entry) => ({\n    id: entry.scope,\n    name: entry.breadcrumbLabel ?? getScopeName(entry.scope, store),\n  }));\n\n  // Handle item selection\n  const handleSelect = useCallback(\n    (item: MenuItem) => {\n      if (item.navigatesToScope) {\n        navStore.navigateTo(item.navigatesToScope, selectedIndex, {\n          breadcrumbLabel: item.name,\n          parentScope: currentScopeId,\n        });\n        clearTextAfterTrigger(editor);\n        setSelectedIndexOverride(null);\n        return;\n      }\n      // Insert mention\n      command(item);\n    },\n    [command, editor, navStore, selectedIndex, currentScopeId],\n  );\n\n  // Handle back navigation\n  const handleBack = useCallback(() => {\n    navStore.navigateBack();\n    clearTextAfterTrigger(editor);\n    setSelectedIndexOverride(null);\n  }, [editor, navStore]);\n\n  // Handle breadcrumb navigation\n  const handleBreadcrumbNavigate = useCallback(\n    (targetScopeId: string) => {\n      // Navigate to specific scope in the stack\n      const targetIdx = scopeStack.findIndex((entry) => entry.scope === targetScopeId);\n\n      if (targetIdx >= 0) {\n        // Pop stack down to the target\n        const popsNeeded = scopeStack.length - 1 - targetIdx;\n        for (let i = 0; i < popsNeeded; i++) {\n          navStore.navigateBack();\n        }\n        clearTextAfterTrigger(editor);\n        setSelectedIndexOverride(null);\n      }\n    },\n    [editor, navStore, scopeStack],\n  );\n\n  // Keyboard navigation\n  useKeyboardNavigation(ref, {\n    items,\n    selectedIndex,\n    onSelect: handleSelect,\n    onBack: currentScopeId !== \"root\" ? handleBack : undefined,\n    onClose: () => closeMenu(true),\n    setSelectedIndex: (idx: number) => {\n      setSelectedIndexOverride(idx);\n    },\n  });\n\n  return (\n    <div className=\"bg-white border border-gray-300 rounded shadow-lg min-w-[280px] max-w-[380px] max-h-[320px] flex flex-col\">\n      {/* Scrollable items */}\n      <div className=\"flex-1 overflow-y-auto\">\n        <MenuList\n          items={items}\n          selectedIndex={selectedIndex}\n          isLoading={isFetching}\n          hasMore={hasMore}\n          onSelect={handleSelect}\n          onMouseEnter={(idx) => {\n            setSelectedIndexOverride(idx);\n          }}\n          onLoadMore={loadMore}\n        />\n      </div>\n\n      {/* Bottom summary with breadcrumbs + back */}\n      <MenuSummary\n        scopePath={scopePath}\n        onNavigate={handleBreadcrumbNavigate}\n        onBackClick={currentScopeId !== \"root\" ? handleBack : undefined}\n        isFetching={isFetching}\n      />\n    </div>\n  );\n});\n\nMentionSuggestionList.displayName = \"MentionSuggestionList\";\n"],"names":[],"mappings":"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"}

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-popup.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react$1 = require("react");
+const react = require("@floating-ui/react");
+const MentionSuggestionPopup = ({ clientRect, children }) => {
+  const { refs, floatingStyles } = react.useFloating({
+    placement: "bottom-start",
+    middleware: [react.offset(10), react.flip(), react.shift({ padding: 8 })],
+    whileElementsMounted: react.autoUpdate
+  });
+  react$1.useEffect(() => {
+    if (clientRect) {
+      refs.setPositionReference({
+        getBoundingClientRect: () => clientRect() ?? new DOMRect()
+      });
+    }
+  }, [clientRect, refs]);
+  return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: refs.setFloating,
+      style: floatingStyles,
+      className: "z-[9999]",
+      onMouseDown: (e) => e.preventDefault(),
+      children
+    }
+  ) });
+};
+exports.MentionSuggestionPopup = MentionSuggestionPopup;
+//# sourceMappingURL=mention-suggestion-popup.cjs.map

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-popup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-suggestion-popup.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/mention-suggestion-popup.tsx"],"sourcesContent":["/**\n * Floating popup wrapper for the mention suggestion menu.\n * Uses Floating UI for positioning near the cursor.\n */\n\nimport { type FC, type ReactNode, useEffect } from \"react\";\nimport {\n  useFloating,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n  FloatingPortal,\n} from \"@floating-ui/react\";\n\nexport const MentionSuggestionPopup: FC<{\n  clientRect: (() => DOMRect | null) | null;\n  children: ReactNode;\n}> = ({ clientRect, children }) => {\n  const { refs, floatingStyles } = useFloating({\n    placement: \"bottom-start\",\n    middleware: [offset(10), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // Use setPositionReference for virtual elements (cursor position)\n  // instead of elements.reference which requires a real DOM element\n  useEffect(() => {\n    if (clientRect) {\n      refs.setPositionReference({\n        getBoundingClientRect: () => clientRect() ?? new DOMRect(),\n      });\n    }\n  }, [clientRect, refs]);\n\n  return (\n    <FloatingPortal>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className=\"z-[9999]\"\n        onMouseDown={(e) => e.preventDefault()} // Prevent focus loss on click\n      >\n        {children}\n      </div>\n    </FloatingPortal>\n  );\n};\n"],"names":["useFloating","offset","flip","shift","autoUpdate","useEffect","FloatingPortal","jsx"],"mappings":";;;;;AAeO,MAAM,yBAGR,CAAC,EAAE,YAAY,eAAe;AACjC,QAAM,EAAE,MAAM,eAAA,IAAmBA,kBAAY;AAAA,IAC3C,WAAW;AAAA,IACX,YAAY,CAACC,aAAO,EAAE,GAAGC,MAAAA,QAAQC,MAAAA,MAAM,EAAE,SAAS,EAAA,CAAG,CAAC;AAAA,IACtD,sBAAsBC,MAAAA;AAAAA,EAAA,CACvB;AAIDC,UAAAA,UAAU,MAAM;AACd,QAAI,YAAY;AACd,WAAK,qBAAqB;AAAA,QACxB,uBAAuB,MAAM,WAAA,KAAgB,IAAI,QAAA;AAAA,MAAQ,CAC1D;AAAA,IACH;AAAA,EACF,GAAG,CAAC,YAAY,IAAI,CAAC;AAErB,wCACGC,MAAAA,gBAAA,EACC,UAAAC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,OAAO;AAAA,MACP,WAAU;AAAA,MACV,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,MAErB;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;;"}

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-popup.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useFloating, autoUpdate, offset, flip, shift, FloatingPortal } from "@floating-ui/react";
+const MentionSuggestionPopup = ({ clientRect, children }) => {
+  const { refs, floatingStyles } = useFloating({
+    placement: "bottom-start",
+    middleware: [offset(10), flip(), shift({ padding: 8 })],
+    whileElementsMounted: autoUpdate
+  });
+  useEffect(() => {
+    if (clientRect) {
+      refs.setPositionReference({
+        getBoundingClientRect: () => clientRect() ?? new DOMRect()
+      });
+    }
+  }, [clientRect, refs]);
+  return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: refs.setFloating,
+      style: floatingStyles,
+      className: "z-[9999]",
+      onMouseDown: (e) => e.preventDefault(),
+      children
+    }
+  ) });
+};
+export {
+  MentionSuggestionPopup
+};
+//# sourceMappingURL=mention-suggestion-popup.js.map

package/dist/chat-ui/mentions/suggestions/components/mention-suggestion-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-suggestion-popup.js","sources":["../../../../../src/chat-ui/mentions/suggestions/components/mention-suggestion-popup.tsx"],"sourcesContent":["/**\n * Floating popup wrapper for the mention suggestion menu.\n * Uses Floating UI for positioning near the cursor.\n */\n\nimport { type FC, type ReactNode, useEffect } from \"react\";\nimport {\n  useFloating,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n  FloatingPortal,\n} from \"@floating-ui/react\";\n\nexport const MentionSuggestionPopup: FC<{\n  clientRect: (() => DOMRect | null) | null;\n  children: ReactNode;\n}> = ({ clientRect, children }) => {\n  const { refs, floatingStyles } = useFloating({\n    placement: \"bottom-start\",\n    middleware: [offset(10), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // Use setPositionReference for virtual elements (cursor position)\n  // instead of elements.reference which requires a real DOM element\n  useEffect(() => {\n    if (clientRect) {\n      refs.setPositionReference({\n        getBoundingClientRect: () => clientRect() ?? new DOMRect(),\n      });\n    }\n  }, [clientRect, refs]);\n\n  return (\n    <FloatingPortal>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className=\"z-[9999]\"\n        onMouseDown={(e) => e.preventDefault()} // Prevent focus loss on click\n      >\n        {children}\n      </div>\n    </FloatingPortal>\n  );\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,yBAGR,CAAC,EAAE,YAAY,eAAe;AACjC,QAAM,EAAE,MAAM,eAAA,IAAmB,YAAY;AAAA,IAC3C,WAAW;AAAA,IACX,YAAY,CAAC,OAAO,EAAE,GAAG,QAAQ,MAAM,EAAE,SAAS,EAAA,CAAG,CAAC;AAAA,IACtD,sBAAsB;AAAA,EAAA,CACvB;AAID,YAAU,MAAM;AACd,QAAI,YAAY;AACd,WAAK,qBAAqB;AAAA,QACxB,uBAAuB,MAAM,WAAA,KAAgB,IAAI,QAAA;AAAA,MAAQ,CAC1D;AAAA,IACH;AAAA,EACF,GAAG,CAAC,YAAY,IAAI,CAAC;AAErB,6BACG,gBAAA,EACC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,OAAO;AAAA,MACP,WAAU;AAAA,MACV,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,MAErB;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/chat-ui/mentions/suggestions/components/menu-breadcrumbs.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+function MenuBreadcrumbs({
+  scopePath,
+  onNavigate
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 text-xs text-gray-600 min-w-0", children: scopePath.map((item, index) => {
+    const isLast = index === scopePath.length - 1;
+    const isClickable = !isLast;
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 min-w-0", children: [
+      isClickable ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onNavigate(item.id),
+          className: "truncate hover:underline cursor-pointer transition-all hover:text-gray-800",
+          title: `Go to ${item.name}`,
+          children: item.name
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium text-gray-800", children: item.name }),
+      !isLast && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 flex-shrink-0", children: "→" })
+    ] }, item.id);
+  }) });
+}
+exports.MenuBreadcrumbs = MenuBreadcrumbs;
+//# sourceMappingURL=menu-breadcrumbs.cjs.map

package/dist/chat-ui/mentions/suggestions/components/menu-breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-breadcrumbs.cjs","sources":["../../../../../src/chat-ui/mentions/suggestions/components/menu-breadcrumbs.tsx"],"sourcesContent":["/**\n * Breadcrumb navigation for the mention menu.\n */\n\nexport function MenuBreadcrumbs({\n  scopePath,\n  onNavigate,\n}: {\n  scopePath: { id: string; name: string }[];\n  onNavigate: (scopeId: string) => void;\n}) {\n  return (\n    <div className=\"flex items-center gap-1 text-xs text-gray-600 min-w-0\">\n      {scopePath.map((item, index) => {\n        const isLast = index === scopePath.length - 1;\n        const isClickable = !isLast;\n\n        return (\n          <span key={item.id} className=\"flex items-center gap-1 min-w-0\">\n            {isClickable ? (\n              <button\n                type=\"button\"\n                onClick={() => onNavigate(item.id)}\n                className=\"truncate hover:underline cursor-pointer transition-all hover:text-gray-800\"\n                title={`Go to ${item.name}`}\n              >\n                {item.name}\n              </button>\n            ) : (\n              <span className=\"truncate font-medium text-gray-800\">\n                {item.name}\n              </span>\n            )}\n            {!isLast && <span className=\"text-gray-400 flex-shrink-0\">→</span>}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;AAIO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,SACEA,+BAAC,SAAI,WAAU,yDACZ,oBAAU,IAAI,CAAC,MAAM,UAAU;AAC9B,UAAM,SAAS,UAAU,UAAU,SAAS;AAC5C,UAAM,cAAc,CAAC;AAErB,WACEC,2BAAAA,KAAC,QAAA,EAAmB,WAAU,mCAC3B,UAAA;AAAA,MAAA,cACCD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,WAAW,KAAK,EAAE;AAAA,UACjC,WAAU;AAAA,UACV,OAAO,SAAS,KAAK,IAAI;AAAA,UAExB,UAAA,KAAK;AAAA,QAAA;AAAA,MAAA,IAGRA,2BAAAA,IAAC,QAAA,EAAK,WAAU,sCACb,eAAK,MACR;AAAA,MAED,CAAC,UAAUA,2BAAAA,IAAC,QAAA,EAAK,WAAU,+BAA8B,UAAA,IAAA,CAAC;AAAA,IAAA,EAAA,GAflD,KAAK,EAgBhB;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;;"}