@tutti-os/ui-rich-text 0.0.53 → 0.0.54

package/dist/chunk-SH3QPYB2.js

@@ -0,0 +1,2083 @@
+import {
+  findMentionPaletteEntry,
+  flattenMentionPaletteEntries,
+  mentionStatusBadgeClassName,
+  moveMentionPaletteHighlight,
+  nextMentionPaletteCategory,
+  resolveMentionFileThumbnailUrl,
+  resolveMentionFileVisualKind,
+  selectedMentionPaletteItem
+} from "./chunk-HMAUQU6Q.js";
+
+// src/at-panel/MentionPalette.tsx
+import {
+  useEffect as useEffect2,
+  useRef as useRef2,
+  useState as useState2
+} from "react";
+import {
+  FolderFailedFilledIcon,
+  KeyboardFilledIcon
+} from "@tutti-os/ui-system/icons";
+import { UnderlineTabs } from "@tutti-os/ui-system/components";
+import { cn as cn2 } from "@tutti-os/ui-system/utils";
+
+// src/at-panel/mentionPaletteScrollbar.tsx
+import {
+  useCallback,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { cn } from "@tutti-os/ui-system/utils";
+import { jsx } from "react/jsx-runtime";
+var MENTION_PALETTE_SCROLLBAR_MIN_THUMB_HEIGHT = 24;
+var MENTION_PALETTE_SCROLLBAR_HIDDEN_STATE = {
+  scrollable: false,
+  thumbHeight: 0,
+  thumbTop: 0
+};
+function MentionPaletteScrollbar({
+  scrollBodyRef,
+  className,
+  thumbClassName,
+  testId
+}) {
+  "use memo";
+  const trackRef = useRef(null);
+  const dragStateRef = useRef(null);
+  const [scrollbarState, setScrollbarState] = useState({
+    scrollable: false,
+    thumbHeight: 0,
+    thumbTop: 0
+  });
+  const [dragging, setDragging] = useState(false);
+  const hideScrollbar = useCallback(() => {
+    setScrollbarState(
+      (previous) => previous.scrollable || previous.thumbHeight !== 0 || previous.thumbTop !== 0 ? MENTION_PALETTE_SCROLLBAR_HIDDEN_STATE : previous
+    );
+  }, []);
+  const syncScrollbarState = useCallback(() => {
+    const contentElement = scrollBodyRef.current;
+    if (!contentElement) {
+      hideScrollbar();
+      return;
+    }
+    const { scrollHeight, scrollTop, clientHeight } = contentElement;
+    const measuredTrackHeight = trackRef.current?.clientHeight ?? 0;
+    const trackHeight = measuredTrackHeight > 0 ? measuredTrackHeight : clientHeight;
+    const maxScrollTop = Math.max(0, scrollHeight - clientHeight);
+    if (clientHeight <= 0 || trackHeight <= 0 || maxScrollTop <= 0) {
+      hideScrollbar();
+      return;
+    }
+    const thumbHeight = Math.max(
+      MENTION_PALETTE_SCROLLBAR_MIN_THUMB_HEIGHT,
+      Math.round(clientHeight / scrollHeight * trackHeight)
+    );
+    const maxThumbTop = Math.max(0, trackHeight - thumbHeight);
+    const thumbTop = Math.round(scrollTop / maxScrollTop * maxThumbTop);
+    setScrollbarState(
+      (previous) => previous.scrollable && previous.thumbHeight === thumbHeight && previous.thumbTop === thumbTop ? previous : { scrollable: true, thumbHeight, thumbTop }
+    );
+  }, [hideScrollbar, scrollBodyRef]);
+  useEffect(() => {
+    const contentElement = scrollBodyRef.current;
+    if (!contentElement) {
+      hideScrollbar();
+      return;
+    }
+    syncScrollbarState();
+    contentElement.addEventListener("scroll", syncScrollbarState, {
+      passive: true
+    });
+    const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(syncScrollbarState) : null;
+    resizeObserver?.observe(contentElement);
+    if (trackRef.current) {
+      resizeObserver?.observe(trackRef.current);
+    }
+    const animationFrameId = window.requestAnimationFrame(syncScrollbarState);
+    return () => {
+      contentElement.removeEventListener("scroll", syncScrollbarState);
+      resizeObserver?.disconnect();
+      window.cancelAnimationFrame(animationFrameId);
+    };
+  }, [hideScrollbar, scrollBodyRef, syncScrollbarState]);
+  useEffect(() => {
+    if (!dragging) {
+      return;
+    }
+    const handleMouseMove = (event) => {
+      const contentElement = scrollBodyRef.current;
+      const dragState = dragStateRef.current;
+      if (!contentElement || !dragState || dragState.maxThumbTop <= 0) {
+        return;
+      }
+      const delta = event.clientY - dragState.startClientY;
+      const nextThumbTop = dragState.startScrollTop / dragState.maxScrollTop * dragState.maxThumbTop + delta;
+      contentElement.scrollTop = Math.min(Math.max(0, nextThumbTop), dragState.maxThumbTop) / dragState.maxThumbTop * dragState.maxScrollTop;
+      syncScrollbarState();
+    };
+    const handleMouseUp = () => {
+      dragStateRef.current = null;
+      setDragging(false);
+    };
+    window.addEventListener("mousemove", handleMouseMove);
+    window.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [dragging, scrollBodyRef, syncScrollbarState]);
+  const scrollContentToThumbTop = (thumbTop) => {
+    const contentElement = scrollBodyRef.current;
+    const trackElement = trackRef.current;
+    if (!contentElement || !trackElement) {
+      return;
+    }
+    const maxScrollTop = Math.max(
+      0,
+      contentElement.scrollHeight - contentElement.clientHeight
+    );
+    const maxThumbTop = Math.max(
+      0,
+      trackElement.clientHeight - scrollbarState.thumbHeight
+    );
+    if (maxScrollTop <= 0 || maxThumbTop <= 0) {
+      return;
+    }
+    contentElement.scrollTop = Math.min(Math.max(0, thumbTop), maxThumbTop) / maxThumbTop * maxScrollTop;
+    syncScrollbarState();
+  };
+  const handleTrackMouseDown = (event) => {
+    if (event.button !== 0 || !scrollbarState.scrollable || event.target !== event.currentTarget) {
+      return;
+    }
+    event.preventDefault();
+    const trackRect = event.currentTarget.getBoundingClientRect();
+    scrollContentToThumbTop(
+      event.clientY - trackRect.top - scrollbarState.thumbHeight / 2
+    );
+  };
+  const handleThumbMouseDown = (event) => {
+    if (event.button !== 0 || !scrollbarState.scrollable) {
+      return;
+    }
+    const contentElement = scrollBodyRef.current;
+    const trackElement = trackRef.current;
+    if (!contentElement || !trackElement) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    dragStateRef.current = {
+      maxScrollTop: Math.max(
+        0,
+        contentElement.scrollHeight - contentElement.clientHeight
+      ),
+      maxThumbTop: Math.max(
+        0,
+        trackElement.clientHeight - scrollbarState.thumbHeight
+      ),
+      startClientY: event.clientY,
+      startScrollTop: contentElement.scrollTop
+    };
+    setDragging(true);
+  };
+  if (!scrollbarState.scrollable && !dragging) {
+    return /* @__PURE__ */ jsx("div", { ref: trackRef, className: "hidden", "aria-hidden": "true" });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: trackRef,
+      className: cn("group/status-scrollbar", className),
+      "data-scrollable": scrollbarState.scrollable ? "true" : "false",
+      "data-dragging": dragging ? "true" : "false",
+      "data-testid": testId,
+      "aria-hidden": "true",
+      onMouseDown: handleTrackMouseDown,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: thumbClassName,
+          onMouseDown: handleThumbMouseDown,
+          style: {
+            height: `${scrollbarState.thumbHeight}px`,
+            transform: `translateY(${scrollbarState.thumbTop}px)`
+          }
+        }
+      )
+    }
+  );
+}
+
+// src/at-panel/MentionPalette.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var DEFAULT_THEME = {
+  classNames: {
+    palette: "rich-text-at-mention-palette",
+    header: "rich-text-at-mention-palette-header",
+    footer: "rich-text-at-mention-palette-footer",
+    tabs: "rich-text-at-mention-palette-tabs",
+    scrollRegion: "rich-text-at-mention-palette-scroll-region",
+    scrollbar: "rich-text-at-mention-palette-scrollbar",
+    scrollbarThumb: "rich-text-at-mention-palette-scrollbar-thumb",
+    hint: "rich-text-at-mention-palette-hint",
+    hintItem: "rich-text-at-mention-palette-hint-item",
+    hintButton: "rich-text-at-mention-palette-hint-button",
+    hintSeparator: "rich-text-at-mention-palette-hint-separator",
+    shortcut: "rich-text-at-mention-palette-shortcut",
+    shortcutArrow: "rich-text-at-mention-palette-shortcut--arrow",
+    shortcutButton: "rich-text-at-mention-palette-shortcut-button",
+    shortcutGroup: "rich-text-at-mention-palette-shortcut-group"
+  },
+  testIds: {
+    emptyState: "rich-text-at-mention-palette-empty-state",
+    hint: "rich-text-at-mention-palette-hint",
+    scrollbar: "rich-text-at-mention-palette-scrollbar",
+    loadingSpinner: "rich-text-at-mention-loading-spinner"
+  },
+  groupDividerAttribute: "data-rich-text-at-mention-group-divider"
+};
+function resolveMentionPaletteTheme(theme) {
+  return {
+    classNames: { ...DEFAULT_THEME.classNames, ...theme?.classNames },
+    testIds: { ...DEFAULT_THEME.testIds, ...theme?.testIds },
+    groupDividerAttribute: theme?.groupDividerAttribute ?? DEFAULT_THEME.groupDividerAttribute
+  };
+}
+function mentionPaletteRootClassName(theme) {
+  return cn2(
+    DEFAULT_THEME.classNames.palette,
+    theme.classNames.palette,
+    paletteStyles.palette
+  );
+}
+var paletteStyles = {
+  palette: "rich-text-at-mention-palette__shell",
+  header: "rich-text-at-mention-palette__header",
+  footer: "rich-text-at-mention-palette__footer",
+  scrollShell: "rich-text-at-mention-palette__scroll-shell",
+  scrollBody: "rich-text-at-mention-palette__scroll-body",
+  groups: "rich-text-at-mention-palette__groups",
+  group: "rich-text-at-mention-palette__group",
+  groupDivider: "rich-text-at-mention-palette__group-divider",
+  groupLabel: "rich-text-at-mention-palette__group-label",
+  groupItems: "rich-text-at-mention-palette__group-items",
+  groupEmpty: "rich-text-at-mention-palette__group-empty",
+  rowButton: "rich-text-at-mention-palette__row-button",
+  expandButton: "rich-text-at-mention-palette__expand-button",
+  emptyState: "rich-text-at-mention-palette__empty-state",
+  emptyStateInner: "rich-text-at-mention-palette__empty-state-inner",
+  emptyStateIcon: "rich-text-at-mention-palette__empty-state-icon",
+  emptyStateText: "rich-text-at-mention-palette__empty-state-text",
+  loading: "rich-text-at-mention-palette__loading",
+  loadingSpinner: "rich-text-at-mention-palette__loading-spinner"
+};
+var MENTION_PALETTE_LOADING_MIN_VISIBLE_MS = 320;
+function MentionPalette(props) {
+  "use memo";
+  const {
+    state,
+    highlightedKey,
+    getItemKey,
+    renderItem,
+    labels,
+    hintLabels,
+    maxHeightPx,
+    onHighlightChange,
+    onSelectItem,
+    onSelectCategory,
+    onSelectFilter,
+    onExpandGroup,
+    onCycleFilter,
+    onMoveSelection,
+    onNavigateHierarchy,
+    renderListFooter,
+    loadingBanner,
+    scrollHighlightedIntoViewCentered = false,
+    theme: themeProp
+  } = props;
+  const theme = resolveMentionPaletteTheme(themeProp);
+  const highlightedOptionRef = useRef2(null);
+  const scrollBodyRef = useRef2(null);
+  const loadingVisibleUntilRef = useRef2(0);
+  const loadingHideTimerRef = useRef2(
+    null
+  );
+  const [loadingIndicatorVisible, setLoadingIndicatorVisible] = useState2(
+    state.status === "loading"
+  );
+  const interactiveEntries = flattenMentionPaletteEntries(
+    state,
+    (item, groupId) => getItemKey(item, findGroup(state.groups, groupId))
+  );
+  const hasInteractiveEntries = interactiveEntries.some(
+    (entry) => entry.type === "item" || entry.type === "expand"
+  );
+  const showLoadingState = loadingIndicatorVisible && (!hasInteractiveEntries || state.mode === "browse");
+  const showLoadingBanner = Boolean(loadingBanner) && loadingIndicatorVisible && hasInteractiveEntries && state.mode === "results";
+  useEffect2(() => {
+    const highlightedElement = highlightedOptionRef.current;
+    if (!highlightedElement) {
+      return;
+    }
+    const scrollContainer = scrollBodyRef.current;
+    if (!scrollContainer || !scrollContainer.contains(highlightedElement)) {
+      highlightedElement.scrollIntoView({ block: "nearest" });
+      return;
+    }
+    if (scrollHighlightedIntoViewCentered) {
+      centerElementInScrollContainer(scrollContainer, highlightedElement);
+      return;
+    }
+    scrollElementIntoScrollContainerNearest(
+      scrollContainer,
+      highlightedElement
+    );
+  }, [highlightedKey, scrollHighlightedIntoViewCentered]);
+  useEffect2(() => {
+    if (loadingHideTimerRef.current !== null) {
+      clearTimeout(loadingHideTimerRef.current);
+      loadingHideTimerRef.current = null;
+    }
+    if (state.status === "loading") {
+      loadingVisibleUntilRef.current = Date.now() + MENTION_PALETTE_LOADING_MIN_VISIBLE_MS;
+      setLoadingIndicatorVisible(true);
+      return;
+    }
+    const remainingMs = loadingVisibleUntilRef.current - Date.now();
+    if (remainingMs <= 0) {
+      setLoadingIndicatorVisible(false);
+      return;
+    }
+    loadingHideTimerRef.current = setTimeout(() => {
+      loadingHideTimerRef.current = null;
+      setLoadingIndicatorVisible(false);
+    }, remainingMs);
+    return () => {
+      if (loadingHideTimerRef.current !== null) {
+        clearTimeout(loadingHideTimerRef.current);
+        loadingHideTimerRef.current = null;
+      }
+    };
+  }, [state.status]);
+  const paletteMaxHeightStyle = maxHeightPx > 0 ? { maxHeight: `${maxHeightPx}px` } : void 0;
+  if (state.status === "error") {
+    return /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: mentionPaletteRootClassName(theme),
+        style: paletteMaxHeightStyle,
+        role: "listbox",
+        "aria-label": labels.listbox ?? labels.tabHint,
+        children: /* @__PURE__ */ jsx2(
+          MentionPaletteEmptyState,
+          {
+            icon: "folder-failed",
+            label: labels.error,
+            testId: theme.testIds.emptyState
+          }
+        )
+      }
+    );
+  }
+  const isBrowse = state.mode === "browse";
+  let body;
+  if (showLoadingState) {
+    body = /* @__PURE__ */ jsx2(
+      MentionPaletteLoading,
+      {
+        label: labels.loading,
+        spinnerTestId: theme.testIds.loadingSpinner
+      }
+    );
+  } else if (state.groups.length === 0) {
+    body = /* @__PURE__ */ jsx2(
+      MentionPaletteEmptyState,
+      {
+        icon: isBrowse ? "keyboard" : "folder-failed",
+        label: labels.empty,
+        testId: theme.testIds.emptyState
+      }
+    );
+  } else {
+    body = /* @__PURE__ */ jsx2(
+      MentionPaletteGroups,
+      {
+        state,
+        highlightedKey,
+        highlightedOptionRef,
+        getItemKey,
+        renderItem,
+        onHighlightChange,
+        onSelectItem,
+        onExpandGroup,
+        renderListFooter,
+        groupDividerAttribute: theme.groupDividerAttribute
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: mentionPaletteRootClassName(theme),
+      style: paletteMaxHeightStyle,
+      role: "listbox",
+      "aria-label": labels.listbox ?? labels.tabHint,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cn2(theme.classNames.header, paletteStyles.header), children: [
+          /* @__PURE__ */ jsx2(
+            UnderlineTabs,
+            {
+              tabs: state.categories.map((category) => ({
+                value: category.id,
+                label: category.label
+              })),
+              value: state.filter,
+              onValueChange: isBrowse ? onSelectCategory : onSelectFilter,
+              className: theme.classNames.tabs,
+              preventMouseDownDefault: true
+            }
+          ),
+          showLoadingBanner ? loadingBanner : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: paletteStyles.scrollShell, children: [
+          /* @__PURE__ */ jsx2(
+            "div",
+            {
+              ref: scrollBodyRef,
+              className: cn2(
+                theme.classNames.scrollRegion,
+                paletteStyles.scrollBody
+              ),
+              children: body
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            MentionPaletteScrollbar,
+            {
+              scrollBodyRef,
+              className: theme.classNames.scrollbar,
+              thumbClassName: theme.classNames.scrollbarThumb,
+              testId: theme.testIds.scrollbar
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: cn2(theme.classNames.footer, paletteStyles.footer), children: /* @__PURE__ */ jsx2(
+          MentionPaletteHint,
+          {
+            ariaLabel: labels.tabHint,
+            cycleFilterLabel: hintLabels.cycleFilter,
+            moveSelectionLabel: hintLabels.moveSelection,
+            navigateHierarchyLabel: hintLabels.navigateHierarchy,
+            onCycleFilter,
+            onMoveSelection,
+            onNavigateHierarchy,
+            classNames: theme.classNames,
+            testId: theme.testIds.hint
+          }
+        ) })
+      ]
+    }
+  );
+}
+function centerElementInScrollContainer(container, element) {
+  const containerRect = container.getBoundingClientRect();
+  const elementRect = element.getBoundingClientRect();
+  const currentScrollTop = container.scrollTop;
+  const elementTop = elementRect.top - containerRect.top + currentScrollTop;
+  const centeredScrollTop = elementTop - (container.clientHeight - elementRect.height) / 2;
+  const maxScrollTop = Math.max(
+    0,
+    container.scrollHeight - container.clientHeight
+  );
+  const nextScrollTop = Math.min(Math.max(0, centeredScrollTop), maxScrollTop);
+  container.scrollTo({ top: nextScrollTop, behavior: "auto" });
+}
+function scrollElementIntoScrollContainerNearest(container, element) {
+  const containerRect = container.getBoundingClientRect();
+  const elementRect = element.getBoundingClientRect();
+  let nextScrollTop = container.scrollTop;
+  if (elementRect.top < containerRect.top) {
+    nextScrollTop -= containerRect.top - elementRect.top;
+  } else if (elementRect.bottom > containerRect.bottom) {
+    nextScrollTop += elementRect.bottom - containerRect.bottom;
+  } else {
+    return;
+  }
+  const maxScrollTop = Math.max(
+    0,
+    container.scrollHeight - container.clientHeight
+  );
+  container.scrollTo({
+    top: Math.min(Math.max(0, nextScrollTop), maxScrollTop),
+    behavior: "auto"
+  });
+}
+function findGroup(groups, groupId) {
+  const group = groups.find((candidate) => candidate.id === groupId);
+  if (!group) {
+    throw new Error(`MentionPalette: unknown group id "${groupId}"`);
+  }
+  return group;
+}
+function MentionPaletteGroups({
+  state,
+  highlightedKey,
+  highlightedOptionRef,
+  getItemKey,
+  renderItem,
+  onHighlightChange,
+  onSelectItem,
+  onExpandGroup,
+  renderListFooter,
+  groupDividerAttribute
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: paletteStyles.groups, children: [
+    state.groups.map((group, index) => {
+      const showGroupDivider = index > 0 && !group.hideTopDivider;
+      return /* @__PURE__ */ jsxs(
+        "section",
+        {
+          className: cn2(paletteStyles.group, group.sectionClassName),
+          children: [
+            showGroupDivider ? /* @__PURE__ */ jsx2(
+              "div",
+              {
+                className: paletteStyles.groupDivider,
+                ...{ [groupDividerAttribute]: "true" },
+                "aria-hidden": "true"
+              }
+            ) : null,
+            group.label ? /* @__PURE__ */ jsx2("div", { className: paletteStyles.groupLabel, children: group.label }) : null,
+            /* @__PURE__ */ jsxs("div", { className: paletteStyles.groupItems, children: [
+              group.items.length === 0 && group.emptyLabel ? /* @__PURE__ */ jsx2("div", { className: paletteStyles.groupEmpty, children: group.emptyLabel }) : null,
+              group.items.map((item) => {
+                const entryKey = `${group.id}:${getItemKey(item, group)}`;
+                const isHighlighted = entryKey === highlightedKey;
+                return /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    ref: isHighlighted ? highlightedOptionRef : null,
+                    type: "button",
+                    className: paletteStyles.rowButton,
+                    role: "option",
+                    "aria-selected": isHighlighted,
+                    "data-highlighted": isHighlighted ? "" : void 0,
+                    onPointerMove: () => {
+                      if (!isHighlighted) {
+                        onHighlightChange(entryKey);
+                      }
+                    },
+                    onMouseDown: (event) => event.preventDefault(),
+                    onClick: () => onSelectItem(item, group),
+                    children: renderItem(item, { active: isHighlighted, group })
+                  },
+                  entryKey
+                );
+              }),
+              group.hasMore ? /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  ref: `expand:${group.id}` === highlightedKey ? highlightedOptionRef : null,
+                  type: "button",
+                  className: paletteStyles.expandButton,
+                  "data-highlighted": `expand:${group.id}` === highlightedKey ? "" : void 0,
+                  onPointerMove: () => {
+                    if (`expand:${group.id}` !== highlightedKey) {
+                      onHighlightChange(`expand:${group.id}`);
+                    }
+                  },
+                  onMouseDown: (event) => event.preventDefault(),
+                  onClick: () => onExpandGroup(group.id),
+                  children: group.expandLabel ?? `+${Math.max(0, group.totalCount - group.visibleCount)}`
+                },
+                `expand:${group.id}`
+              ) : null
+            ] })
+          ]
+        },
+        group.id
+      );
+    }),
+    renderListFooter?.()
+  ] });
+}
+function MentionPaletteEmptyState({
+  icon = "folder-failed",
+  label,
+  testId
+}) {
+  "use memo";
+  const EmptyStateIcon = icon === "keyboard" ? KeyboardFilledIcon : FolderFailedFilledIcon;
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: paletteStyles.emptyState,
+      "data-empty-state-icon": icon,
+      "data-testid": testId,
+      children: /* @__PURE__ */ jsxs("div", { className: paletteStyles.emptyStateInner, children: [
+        /* @__PURE__ */ jsx2(
+          EmptyStateIcon,
+          {
+            className: paletteStyles.emptyStateIcon,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx2("span", { className: paletteStyles.emptyStateText, children: label })
+      ] })
+    }
+  );
+}
+function MentionPaletteLoading({
+  label,
+  spinnerTestId
+}) {
+  "use memo";
+  return /* @__PURE__ */ jsxs("div", { className: paletteStyles.loading, children: [
+    /* @__PURE__ */ jsx2(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: paletteStyles.loadingSpinner,
+        "data-testid": spinnerTestId
+      }
+    ),
+    /* @__PURE__ */ jsx2("span", { children: label })
+  ] });
+}
+function MentionPaletteHint({
+  ariaLabel,
+  cycleFilterLabel,
+  moveSelectionLabel,
+  navigateHierarchyLabel,
+  onCycleFilter,
+  onMoveSelection,
+  onNavigateHierarchy,
+  classNames,
+  testId
+}) {
+  "use memo";
+  const showHierarchyHints = Boolean(
+    navigateHierarchyLabel && onNavigateHierarchy
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames.hint,
+      "aria-label": ariaLabel,
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: classNames.hintItem, children: [
+          /* @__PURE__ */ jsxs("span", { className: classNames.shortcutGroup, children: [
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                className: cn2(classNames.shortcut, classNames.shortcutButton),
+                type: "button",
+                "aria-label": `Tab ${cycleFilterLabel}`,
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: () => onCycleFilter(1),
+                children: "Tab"
+              }
+            ),
+            !showHierarchyHints ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  className: cn2(
+                    classNames.shortcut,
+                    classNames.shortcutArrow,
+                    classNames.shortcutButton
+                  ),
+                  type: "button",
+                  "aria-label": `\u2190 ${cycleFilterLabel}`,
+                  onMouseDown: (event) => event.preventDefault(),
+                  onClick: () => onCycleFilter(-1),
+                  children: "\u2190"
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  className: cn2(
+                    classNames.shortcut,
+                    classNames.shortcutArrow,
+                    classNames.shortcutButton
+                  ),
+                  type: "button",
+                  "aria-label": `\u2192 ${cycleFilterLabel}`,
+                  onMouseDown: (event) => event.preventDefault(),
+                  onClick: () => onCycleFilter(1),
+                  children: "\u2192"
+                }
+              )
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx2("span", { children: cycleFilterLabel })
+        ] }),
+        showHierarchyHints ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx2("span", { className: classNames.hintSeparator, "aria-hidden": "true", children: "\uFF5C" }),
+          /* @__PURE__ */ jsxs("span", { className: classNames.hintItem, children: [
+            /* @__PURE__ */ jsxs("span", { className: classNames.shortcutGroup, children: [
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  className: cn2(
+                    classNames.shortcut,
+                    classNames.shortcutArrow,
+                    classNames.shortcutButton
+                  ),
+                  type: "button",
+                  "aria-label": `\u2190 ${navigateHierarchyLabel}`,
+                  onMouseDown: (event) => event.preventDefault(),
+                  onClick: () => onNavigateHierarchy?.(-1),
+                  children: "\u2190"
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  className: cn2(
+                    classNames.shortcut,
+                    classNames.shortcutArrow,
+                    classNames.shortcutButton
+                  ),
+                  type: "button",
+                  "aria-label": `\u2192 ${navigateHierarchyLabel}`,
+                  onMouseDown: (event) => event.preventDefault(),
+                  onClick: () => onNavigateHierarchy?.(1),
+                  children: "\u2192"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx2("span", { children: navigateHierarchyLabel })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx2("span", { className: classNames.hintSeparator, "aria-hidden": "true", children: "\uFF5C" }),
+        /* @__PURE__ */ jsxs("span", { className: classNames.hintItem, children: [
+          /* @__PURE__ */ jsxs("span", { className: classNames.shortcutGroup, children: [
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                className: cn2(
+                  classNames.shortcut,
+                  classNames.shortcutArrow,
+                  classNames.shortcutButton
+                ),
+                type: "button",
+                "aria-label": `\u2191 ${moveSelectionLabel}`,
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: () => onMoveSelection(-1),
+                children: "\u2191"
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                className: cn2(
+                  classNames.shortcut,
+                  classNames.shortcutArrow,
+                  classNames.shortcutButton
+                ),
+                type: "button",
+                "aria-label": `\u2193 ${moveSelectionLabel}`,
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: () => onMoveSelection(1),
+                children: "\u2193"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx2("span", { children: moveSelectionLabel })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/at-panel/mentionPaletteStateAdapter.ts
+function createMentionPaletteStateAdapter(input) {
+  const getPaletteItemKey = (item, group) => input.getItemKey(item, group.id);
+  const selectCategory = (categoryId) => {
+    input.callbacks?.onActiveCategoryIdChange?.(categoryId);
+  };
+  const expandGroup = (groupId) => {
+    input.callbacks?.onExpandGroup?.(groupId);
+  };
+  const moveSelection = (delta) => {
+    const nextKey = moveMentionPaletteHighlight({
+      state: input.state,
+      currentKey: input.highlightedKey,
+      delta,
+      getItemKey: input.getItemKey
+    });
+    if (nextKey !== null) {
+      input.callbacks?.onHighlightChange?.(nextKey);
+    }
+    return nextKey;
+  };
+  const cycleCategory = (delta) => {
+    const cycleCategories = resolveCycleCategories(input.categoryCycleOrder);
+    const categories = cycleCategories.length ? cycleCategories : input.state.categories;
+    if (categories.length === 0) {
+      return null;
+    }
+    const nextCategoryId = nextMentionPaletteCategory(
+      categories,
+      input.state.filter,
+      delta
+    );
+    selectCategory(nextCategoryId);
+    return nextCategoryId;
+  };
+  const selectedItem = selectedMentionPaletteItem({
+    state: input.state,
+    key: input.highlightedKey,
+    getItemKey: input.getItemKey
+  });
+  const commitHighlighted = () => {
+    const activeEntry = findMentionPaletteEntry({
+      state: input.state,
+      key: input.highlightedKey,
+      getItemKey: input.getItemKey
+    });
+    const fallbackCategoryId = categoryIdFromKey(input.highlightedKey);
+    if (!activeEntry) {
+      if (fallbackCategoryId !== null && input.state.categories.some(
+        (category) => category.id === fallbackCategoryId
+      )) {
+        selectCategory(fallbackCategoryId);
+        return { type: "category", categoryId: fallbackCategoryId };
+      }
+      return { type: "none" };
+    }
+    if (activeEntry.type === "category" && activeEntry.categoryId) {
+      selectCategory(activeEntry.categoryId);
+      return { type: "category", categoryId: activeEntry.categoryId };
+    }
+    if (activeEntry.type === "expand" && activeEntry.groupId) {
+      expandGroup(activeEntry.groupId);
+      return { type: "expand", groupId: activeEntry.groupId };
+    }
+    if (activeEntry.type === "item") {
+      const item = selectedMentionPaletteItem({
+        state: input.state,
+        key: activeEntry.key,
+        getItemKey: input.getItemKey
+      });
+      if (item !== null) {
+        input.callbacks?.onSelectItem?.(item);
+        return { type: "item", item };
+      }
+    }
+    return { type: "none" };
+  };
+  return {
+    selectedItem,
+    paletteProps: {
+      state: input.state,
+      highlightedKey: input.highlightedKey,
+      getItemKey: getPaletteItemKey,
+      onHighlightChange: (key) => {
+        input.callbacks?.onHighlightChange?.(key);
+      },
+      onSelectItem: (item) => {
+        input.callbacks?.onSelectItem?.(item);
+      },
+      onSelectCategory: selectCategory,
+      onSelectFilter: selectCategory,
+      onExpandGroup: expandGroup,
+      onCycleFilter: cycleCategory,
+      onMoveSelection: moveSelection
+    },
+    moveSelection,
+    selectCategory,
+    expandGroup,
+    cycleCategory,
+    commitHighlighted
+  };
+}
+function resolveCycleCategories(categories) {
+  return categories?.map(
+    (category) => typeof category === "string" ? { id: category } : category
+  ) ?? [];
+}
+function categoryIdFromKey(key) {
+  const prefix = "category:";
+  return key?.startsWith(prefix) ? key.slice(prefix.length) : null;
+}
+
+// src/at-panel/MentionPaletteFromState.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function MentionPaletteFromState(props) {
+  "use memo";
+  const {
+    labels,
+    hintLabels,
+    maxHeightPx,
+    renderItem,
+    renderListFooter,
+    loadingBanner,
+    scrollHighlightedIntoViewCentered,
+    theme,
+    onNavigateHierarchy,
+    ...adapterInput
+  } = props;
+  const adapter = createMentionPaletteStateAdapter(adapterInput);
+  return /* @__PURE__ */ jsx3(
+    MentionPalette,
+    {
+      ...adapter.paletteProps,
+      labels,
+      hintLabels,
+      maxHeightPx,
+      renderItem,
+      renderListFooter,
+      loadingBanner,
+      scrollHighlightedIntoViewCentered,
+      theme,
+      onNavigateHierarchy
+    }
+  );
+}
+
+// src/at-panel/MentionPaletteControls.tsx
+import { CheckIcon } from "@tutti-os/ui-system/icons";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function MentionPaletteSelectIndicator(props) {
+  return /* @__PURE__ */ jsx4(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: "rich-text-at-mention-select-indicator",
+      "data-selected": props.selected ? "true" : "false",
+      children: /* @__PURE__ */ jsx4(CheckIcon, { size: 13 })
+    }
+  );
+}
+function MentionPaletteMultiSelectFooter(props) {
+  return /* @__PURE__ */ jsxs2("div", { className: "rich-text-at-mention-multiselect-footer", children: [
+    /* @__PURE__ */ jsx4("span", { className: "rich-text-at-mention-multiselect-footer__count", children: props.countLabel }),
+    /* @__PURE__ */ jsxs2("div", { className: "rich-text-at-mention-multiselect-footer__actions", children: [
+      /* @__PURE__ */ jsx4(
+        "button",
+        {
+          type: "button",
+          className: "rich-text-at-mention-multiselect-footer__button rich-text-at-mention-multiselect-footer__button--secondary",
+          onMouseDown: (event) => event.preventDefault(),
+          onClick: props.onCancel,
+          children: props.cancelLabel
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        "button",
+        {
+          type: "button",
+          disabled: props.count === 0,
+          className: "rich-text-at-mention-multiselect-footer__button rich-text-at-mention-multiselect-footer__button--primary",
+          onMouseDown: (event) => event.preventDefault(),
+          onClick: props.onConfirm,
+          children: props.confirmLabel
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/at-panel/MentionRow.tsx
+import {
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  Badge,
+  FileCodeIcon,
+  FileTextIcon,
+  FolderIcon,
+  ImageFileIcon,
+  ProductIcon,
+  StatusDot,
+  VideoFileIcon,
+  cn as cn3
+} from "@tutti-os/ui-system";
+
+// src/at-panel/mentionRowDataAttributes.ts
+var MENTION_ROW_DATA_ATTRIBUTES = {
+  shared: {
+    agentAvatar: "data-rich-text-at-mention-agent-avatar",
+    appIcon: "data-rich-text-at-mention-app-icon",
+    fileEntryKind: "data-rich-text-at-mention-file-entry-kind",
+    fileThumb: "data-rich-text-at-mention-file-thumb",
+    fileVisualKind: "data-rich-text-at-mention-file-visual-kind",
+    navigation: "data-rich-text-at-mention-navigation",
+    navigateInto: "data-rich-text-at-mention-navigate-into",
+    openReferences: "data-rich-text-at-mention-open-references",
+    statusTag: "data-rich-text-at-mention-status-tag",
+    userAvatar: "data-rich-text-at-mention-user-avatar"
+  },
+  agent: {
+    agentAvatar: "data-agent-mention-agent-avatar",
+    appIcon: "data-agent-mention-app-icon",
+    fileEntryKind: "data-agent-file-entry-kind",
+    fileThumb: "data-agent-mention-file-thumb",
+    fileVisualKind: "data-agent-file-visual-kind",
+    navigation: "data-agent-mention-navigation",
+    navigateInto: "data-agent-mention-navigate-into",
+    openReferences: "data-agent-mention-open-references",
+    statusTag: "data-agent-mention-status-tag",
+    userAvatar: "data-agent-mention-user-avatar"
+  }
+};
+function mentionRowRootDataAttributes(mode, kind) {
+  return mode === "agent" ? {
+    "data-agent-file-mention": "true",
+    "data-agent-mention-kind": kind
+  } : {
+    "data-rich-text-at-mention-row": "true",
+    "data-rich-text-at-mention-kind": kind
+  };
+}
+function mentionRowDataAttribute(mode, key, value) {
+  return {
+    [MENTION_ROW_DATA_ATTRIBUTES[mode][key]]: value
+  };
+}
+
+// src/at-panel/MentionRow.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var MENTION_FILE_VISUAL_KIND_ICON = {
+  back: ArrowLeftIcon,
+  folder: FolderIcon,
+  document: FileTextIcon,
+  // The agent maps markdown to `product-filled.svg`; ProductIcon is the
+  // matching boundary-safe ui-system glyph.
+  markdown: ProductIcon,
+  code: FileCodeIcon,
+  image: ImageFileIcon,
+  video: VideoFileIcon
+};
+var DEFAULT_MENTION_ROW_CLASS_NAMES = {
+  fileIcon: "rich-text-at-mention-file-icon",
+  fileThumb: "rich-text-at-mention-file-thumb",
+  kindIcon: "rich-text-at-mention-kind-icon",
+  avatarImgUserPlaceholder: "rich-text-at-mention-avatar-img--user-placeholder"
+};
+function resolveMentionRowClassNames(classNames) {
+  return {
+    fileIcon: classNames?.fileIcon ?? DEFAULT_MENTION_ROW_CLASS_NAMES.fileIcon,
+    fileThumb: classNames?.fileThumb ?? DEFAULT_MENTION_ROW_CLASS_NAMES.fileThumb,
+    kindIcon: classNames?.kindIcon ?? DEFAULT_MENTION_ROW_CLASS_NAMES.kindIcon,
+    avatarImgUserPlaceholder: classNames?.avatarImgUserPlaceholder ?? DEFAULT_MENTION_ROW_CLASS_NAMES.avatarImgUserPlaceholder
+  };
+}
+function resolveMentionRowRenderOptions(options) {
+  if (isMentionRowRenderOptions(options)) {
+    return {
+      classNames: options.classNames,
+      dataAttributeMode: options.dataAttributeMode ?? "shared",
+      onOpenReferences: options.onOpenReferences,
+      openReferencesLabel: options.openReferencesLabel,
+      onNavigateInto: options.onNavigateInto,
+      navigateIntoLabel: options.navigateIntoLabel
+    };
+  }
+  return {
+    classNames: options,
+    dataAttributeMode: "shared"
+  };
+}
+function isMentionRowRenderOptions(options) {
+  return options !== void 0 && ("classNames" in options || "dataAttributeMode" in options || "onOpenReferences" in options || "onNavigateInto" in options);
+}
+function renderMentionRow(item, options) {
+  const {
+    classNames,
+    dataAttributeMode,
+    onOpenReferences,
+    openReferencesLabel,
+    onNavigateInto,
+    navigateIntoLabel
+  } = resolveMentionRowRenderOptions(options);
+  const resolved = resolveMentionRowClassNames(classNames);
+  const referencesButton = onOpenReferences ? /* @__PURE__ */ jsx5(
+    MentionOpenReferencesButton,
+    {
+      label: openReferencesLabel,
+      onOpenReferences,
+      dataAttributeMode
+    }
+  ) : null;
+  if (item.kind === "file") {
+    return /* @__PURE__ */ jsx5(
+      MentionFileRow,
+      {
+        item,
+        classNames: resolved,
+        dataAttributeMode,
+        navigateIntoLabel,
+        onNavigateInto
+      }
+    );
+  }
+  if (item.kind === "plain") {
+    return /* @__PURE__ */ jsxs3("span", { className: "rich-text-at-mention-row rich-text-at-mention-row--plain", children: [
+      item.leading,
+      /* @__PURE__ */ jsxs3("span", { className: "rich-text-at-mention-row__text-stack", children: [
+        /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__title", children: item.label }),
+        item.description ? /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__description", children: item.description }) : null
+      ] })
+    ] });
+  }
+  if (item.kind === "session") {
+    return /* @__PURE__ */ jsxs3("span", { className: "rich-text-at-mention-row rich-text-at-mention-row--session", children: [
+      /* @__PURE__ */ jsxs3("span", { className: "rich-text-at-mention-row__leading", children: [
+        /* @__PURE__ */ jsx5(
+          MentionSessionAvatarStack,
+          {
+            item,
+            classNames: resolved,
+            dataAttributeMode
+          }
+        ),
+        /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__session-title", children: /* @__PURE__ */ jsx5(MentionSessionTitle, { item }) })
+      ] }),
+      item.statusTag ? /* @__PURE__ */ jsx5(
+        MentionStatusBadge,
+        {
+          statusTag: item.statusTag,
+          dataAttributeMode
+        }
+      ) : null
+    ] });
+  }
+  if (item.kind === "app") {
+    return /* @__PURE__ */ jsxs3("span", { className: "rich-text-at-mention-row rich-text-at-mention-row--app", children: [
+      /* @__PURE__ */ jsx5(
+        MentionWorkspaceAppIcon,
+        {
+          iconUrl: item.iconUrl,
+          kindIconClassName: resolved.kindIcon,
+          dataAttributeMode
+        }
+      ),
+      /* @__PURE__ */ jsxs3("span", { className: "rich-text-at-mention-row__app-text", children: [
+        /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__app-name", children: item.name }),
+        item.description ? /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__app-description", children: item.description }) : null
+      ] }),
+      referencesButton
+    ] });
+  }
+  if (item.kind === "app-factory") {
+    return /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__text-stack", children: /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__title", children: item.name }) });
+  }
+  return /* @__PURE__ */ jsxs3("span", { className: "rich-text-at-mention-row rich-text-at-mention-row--issue", children: [
+    /* @__PURE__ */ jsxs3("span", { className: "rich-text-at-mention-row__text-stack rich-text-at-mention-row__text-stack--fill", children: [
+      /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__inline", children: /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__title", children: item.title }) }),
+      item.creatorName ? /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__description", children: item.creatorName }) : null
+    ] }),
+    item.statusTag ? /* @__PURE__ */ jsx5(
+      MentionStatusBadge,
+      {
+        statusTag: item.statusTag,
+        dataAttributeMode
+      }
+    ) : null,
+    referencesButton
+  ] });
+}
+function MentionOpenReferencesButton({
+  label,
+  onOpenReferences,
+  dataAttributeMode
+}) {
+  const resolvedLabel = label?.trim() || "\u67E5\u770B\u4EA7\u7269";
+  return /* @__PURE__ */ jsx5(
+    "span",
+    {
+      role: "button",
+      tabIndex: -1,
+      "aria-label": resolvedLabel,
+      title: resolvedLabel,
+      className: "rich-text-at-mention-row__open-references",
+      ...mentionRowDataAttribute(dataAttributeMode, "openReferences", "true"),
+      onMouseDown: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      },
+      onClick: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onOpenReferences();
+      },
+      children: resolvedLabel
+    }
+  );
+}
+function MentionNavigateIntoButton({
+  label,
+  onNavigateInto,
+  dataAttributeMode
+}) {
+  return /* @__PURE__ */ jsx5(
+    "span",
+    {
+      role: "button",
+      tabIndex: -1,
+      "aria-label": label,
+      title: label,
+      className: "rich-text-at-mention-row__navigate-into",
+      ...mentionRowDataAttribute(dataAttributeMode, "navigateInto", "true"),
+      onMouseDown: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      },
+      onClick: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        onNavigateInto();
+      },
+      children: /* @__PURE__ */ jsx5(ArrowRightIcon, { size: 16 })
+    }
+  );
+}
+function MentionFileRow({
+  item,
+  classNames,
+  dataAttributeMode,
+  navigateIntoLabel,
+  onNavigateInto
+}) {
+  return /* @__PURE__ */ jsxs3(
+    "span",
+    {
+      className: "rich-text-at-mention-row rich-text-at-mention-row--file",
+      ...mentionRowRootDataAttributes(dataAttributeMode, "file"),
+      ...item.entryKind ? mentionRowDataAttribute(
+        dataAttributeMode,
+        "fileEntryKind",
+        item.entryKind
+      ) : {},
+      ...mentionRowDataAttribute(
+        dataAttributeMode,
+        "fileVisualKind",
+        item.visualKind
+      ),
+      ...item.mentionNavigation ? mentionRowDataAttribute(
+        dataAttributeMode,
+        "navigation",
+        item.mentionNavigation
+      ) : {},
+      children: [
+        /* @__PURE__ */ jsx5(
+          MentionFileIcon,
+          {
+            item,
+            classNames,
+            dataAttributeMode
+          }
+        ),
+        /* @__PURE__ */ jsxs3("span", { className: "rich-text-at-mention-row__file-text", children: [
+          /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__title", children: item.name }),
+          item.childCountLabel ? /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__file-count", children: item.childCountLabel }) : null
+        ] }),
+        onNavigateInto ? /* @__PURE__ */ jsx5(
+          MentionNavigateIntoButton,
+          {
+            label: navigateIntoLabel,
+            onNavigateInto,
+            dataAttributeMode
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function MentionFileIcon({
+  item,
+  classNames,
+  dataAttributeMode
+}) {
+  const thumbnailUrl = item.visualKind === "image" ? item.thumbnailUrl?.trim() || "" : "";
+  if (thumbnailUrl) {
+    return /* @__PURE__ */ jsx5(
+      "span",
+      {
+        className: classNames.fileThumb,
+        ...mentionRowDataAttribute(dataAttributeMode, "fileThumb", "true"),
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx5(
+          "img",
+          {
+            src: thumbnailUrl,
+            alt: "",
+            className: "rich-text-at-mention-row__media",
+            decoding: "async",
+            loading: "lazy",
+            draggable: false
+          }
+        )
+      }
+    );
+  }
+  if (item.visualKind === "back") {
+    return /* @__PURE__ */ jsx5(
+      "span",
+      {
+        className: cn3(
+          classNames.fileIcon,
+          "rich-text-at-mention-file-icon--glyph"
+        ),
+        ...mentionRowDataAttribute(
+          dataAttributeMode,
+          "fileVisualKind",
+          item.visualKind
+        ),
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx5(ArrowLeftIcon, { size: 16 })
+      }
+    );
+  }
+  const usesDefaultFileIcon = classNames.fileIcon === DEFAULT_MENTION_ROW_CLASS_NAMES.fileIcon;
+  if (usesDefaultFileIcon) {
+    const Icon = MENTION_FILE_VISUAL_KIND_ICON[item.visualKind];
+    return /* @__PURE__ */ jsx5(
+      "span",
+      {
+        className: cn3(
+          classNames.fileIcon,
+          "rich-text-at-mention-file-icon--glyph"
+        ),
+        ...mentionRowDataAttribute(
+          dataAttributeMode,
+          "fileVisualKind",
+          item.visualKind
+        ),
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx5(Icon, { size: 16 })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx5(
+    "span",
+    {
+      className: classNames.fileIcon,
+      ...mentionRowDataAttribute(
+        dataAttributeMode,
+        "fileVisualKind",
+        item.visualKind
+      ),
+      "aria-hidden": "true"
+    }
+  );
+}
+function MentionWorkspaceAppIcon({
+  iconUrl,
+  kindIconClassName,
+  dataAttributeMode
+}) {
+  const normalizedIconUrl = iconUrl?.trim() ?? "";
+  return /* @__PURE__ */ jsx5(
+    "span",
+    {
+      className: "rich-text-at-mention-app-icon",
+      ...mentionRowDataAttribute(dataAttributeMode, "appIcon", "true"),
+      "data-workspace-app-icon": "true",
+      "aria-hidden": "true",
+      children: normalizedIconUrl ? /* @__PURE__ */ jsx5(
+        "img",
+        {
+          src: normalizedIconUrl,
+          alt: "",
+          className: "rich-text-at-mention-row__media",
+          decoding: "async",
+          loading: "lazy",
+          draggable: false
+        }
+      ) : /* @__PURE__ */ jsx5(
+        "span",
+        {
+          className: cn3(
+            kindIconClassName,
+            "rich-text-at-mention-kind-icon--app"
+          )
+        }
+      )
+    }
+  );
+}
+function MentionSessionAvatarStack({
+  item,
+  classNames,
+  dataAttributeMode
+}) {
+  const showUserAvatar = item.showUserAvatar !== false;
+  if (!showUserAvatar) {
+    return /* @__PURE__ */ jsx5(
+      "span",
+      {
+        className: cn3(
+          "rich-text-at-mention-avatar-stack",
+          "rich-text-at-mention-avatar-stack--agent-only"
+        ),
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx5(
+          "span",
+          {
+            className: "rich-text-at-mention-avatar rich-text-at-mention-avatar--agent",
+            ...mentionRowDataAttribute(dataAttributeMode, "agentAvatar", "true"),
+            children: /* @__PURE__ */ jsx5(
+              "img",
+              {
+                src: item.agentIconUrl,
+                alt: "",
+                className: "rich-text-at-mention-row__media",
+                decoding: "async",
+                loading: "lazy",
+                draggable: false
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+  const userAvatarUrl = item.userAvatarUrl?.trim() ?? "";
+  const placeholderUrl = item.userAvatarPlaceholderUrl;
+  const userImageUrl = userAvatarUrl || placeholderUrl;
+  return /* @__PURE__ */ jsxs3("span", { className: "rich-text-at-mention-avatar-stack", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx5(
+      "span",
+      {
+        className: "rich-text-at-mention-avatar rich-text-at-mention-avatar--user",
+        ...mentionRowDataAttribute(dataAttributeMode, "userAvatar", "true"),
+        children: /* @__PURE__ */ jsx5(
+          "img",
+          {
+            src: userImageUrl,
+            alt: "",
+            className: cn3(
+              "rich-text-at-mention-row__media",
+              !userAvatarUrl && classNames.avatarImgUserPlaceholder
+            ),
+            decoding: "async",
+            loading: "lazy",
+            referrerPolicy: "no-referrer",
+            draggable: false,
+            onError: (event) => {
+              if (event.currentTarget.dataset.fallbackAvatarApplied === "true") {
+                return;
+              }
+              event.currentTarget.dataset.fallbackAvatarApplied = "true";
+              event.currentTarget.src = placeholderUrl;
+              event.currentTarget.classList.add(
+                classNames.avatarImgUserPlaceholder
+              );
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      "span",
+      {
+        className: "rich-text-at-mention-avatar rich-text-at-mention-avatar--agent",
+        ...mentionRowDataAttribute(dataAttributeMode, "agentAvatar", "true"),
+        children: /* @__PURE__ */ jsx5(
+          "img",
+          {
+            src: item.agentIconUrl,
+            alt: "",
+            className: "rich-text-at-mention-row__media",
+            decoding: "async",
+            loading: "lazy",
+            draggable: false
+          }
+        )
+      }
+    )
+  ] });
+}
+function MentionSessionTitle({
+  item
+}) {
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__session-participant", children: item.participant }),
+    /* @__PURE__ */ jsx5("span", { className: "rich-text-at-mention-row__session-summary", children: item.summary ?? "" })
+  ] });
+}
+function MentionStatusBadge({
+  statusTag,
+  dataAttributeMode
+}) {
+  if (statusTag.variant === "issue") {
+    return /* @__PURE__ */ jsx5(
+      Badge,
+      {
+        variant: "secondary",
+        size: "sm",
+        className: cn3(
+          "rich-text-at-mention-status rich-text-at-mention-status--issue",
+          mentionStatusBadgeClassName({
+            tone: statusTag.tone,
+            variant: "issue"
+          })
+        ),
+        ...mentionRowDataAttribute(dataAttributeMode, "statusTag", "true"),
+        ...statusTag.dataStatus ? { "data-status": statusTag.dataStatus } : {},
+        "data-tone": statusTag.tone,
+        children: statusTag.label
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs3(
+    Badge,
+    {
+      variant: "secondary",
+      size: "sm",
+      className: cn3(
+        "rich-text-at-mention-status rich-text-at-mention-status--activity",
+        mentionStatusBadgeClassName({
+          tone: statusTag.tone,
+          variant: "activity"
+        })
+      ),
+      ...mentionRowDataAttribute(dataAttributeMode, "statusTag", "true"),
+      ...statusTag.dataStatus ? { "data-status": statusTag.dataStatus } : {},
+      "data-tone": statusTag.tone,
+      title: statusTag.label,
+      children: [
+        /* @__PURE__ */ jsx5(
+          StatusDot,
+          {
+            tone: statusTag.tone === "purple" ? "neutral" : statusTag.tone,
+            pulse: statusTag.pulse ?? false,
+            size: "xs",
+            title: statusTag.label
+          }
+        ),
+        /* @__PURE__ */ jsx5("span", { children: statusTag.label })
+      ]
+    }
+  );
+}
+
+// src/at-panel/mentionReferenceIcon.ts
+import React from "react";
+var REFERENCE_LEADING_STYLE = {
+  alignItems: "center",
+  background: "var(--bg-block, var(--block, #0000000a))",
+  borderRadius: "8px",
+  color: "var(--rich-text-at-mention-text-secondary, currentColor)",
+  display: "inline-grid",
+  flex: "0 0 32px",
+  height: "32px",
+  justifyItems: "center",
+  overflow: "hidden",
+  width: "32px"
+};
+var REFERENCE_IMAGE_STYLE = {
+  display: "block",
+  height: "100%",
+  objectFit: "cover",
+  width: "100%"
+};
+var REFERENCE_ICON_STYLE = {
+  display: "block",
+  height: "18px",
+  width: "18px"
+};
+function resolveMentionReferenceImageUrl(input) {
+  return input.thumbnailUrl?.trim() || input.iconUrl?.trim() || void 0;
+}
+function renderMentionReferenceLeading(input) {
+  const imageUrl = resolveMentionReferenceImageUrl(input);
+  return React.createElement(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: input.className,
+      "data-rich-text-at-mention-reference-kind": input.kind,
+      "data-rich-text-at-mention-reference-leading": "true",
+      style: REFERENCE_LEADING_STYLE
+    },
+    imageUrl ? React.createElement("img", {
+      alt: "",
+      className: input.imageClassName,
+      decoding: "async",
+      draggable: false,
+      loading: "lazy",
+      src: imageUrl,
+      style: REFERENCE_IMAGE_STYLE
+    }) : renderMentionReferenceFallbackIcon(input)
+  );
+}
+function renderMentionReferenceFallbackIcon(input) {
+  return React.createElement(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.8,
+      style: REFERENCE_ICON_STYLE,
+      viewBox: "0 0 24 24"
+    },
+    ...referenceIconPaths(input)
+  );
+}
+function referenceIconPaths(input) {
+  if (input.kind === "workspace-app") {
+    return [
+      React.createElement("rect", {
+        height: 7,
+        key: "a",
+        rx: 1.5,
+        width: 7,
+        x: 4,
+        y: 4
+      }),
+      React.createElement("rect", {
+        height: 7,
+        key: "b",
+        rx: 1.5,
+        width: 7,
+        x: 13,
+        y: 4
+      }),
+      React.createElement("rect", {
+        height: 7,
+        key: "c",
+        rx: 1.5,
+        width: 7,
+        x: 4,
+        y: 13
+      }),
+      React.createElement("rect", {
+        height: 7,
+        key: "d",
+        rx: 1.5,
+        width: 7,
+        x: 13,
+        y: 13
+      })
+    ];
+  }
+  if (input.kind === "workspace-issue") {
+    return [
+      React.createElement("circle", { cx: 12, cy: 12, key: "a", r: 8 }),
+      React.createElement("path", { d: "M8.5 12.5 11 15l4.5-5", key: "b" })
+    ];
+  }
+  if (input.kind === "agent-session") {
+    return [
+      React.createElement("path", {
+        d: "M6 9.5a5 5 0 0 1 5-5h2a5 5 0 0 1 5 5v2.5a5 5 0 0 1-5 5h-1.5L8 19v-2.4A5 5 0 0 1 6 12z",
+        key: "a"
+      })
+    ];
+  }
+  if (input.kind === "file" || input.kind === "agent-generated-file" || input.fileVisualKind != null) {
+    if (input.fileVisualKind === "folder" || input.fileVisualKind === "back") {
+      return [
+        React.createElement("path", {
+          d: "M3.5 7.5h6l2 2h9v8a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z",
+          key: "a"
+        })
+      ];
+    }
+    if (input.fileVisualKind === "image") {
+      return [
+        React.createElement("rect", {
+          height: 14,
+          key: "a",
+          rx: 2,
+          width: 16,
+          x: 4,
+          y: 5
+        }),
+        React.createElement("path", {
+          d: "m7 16 3.5-3.5 2.5 2.5 2-2 2 3",
+          key: "b"
+        }),
+        React.createElement("circle", { cx: 9, cy: 9, key: "c", r: 1 })
+      ];
+    }
+    if (input.fileVisualKind === "video") {
+      return [
+        React.createElement("rect", {
+          height: 14,
+          key: "a",
+          rx: 2,
+          width: 16,
+          x: 4,
+          y: 5
+        }),
+        React.createElement("path", {
+          d: "m10 9 5 3-5 3z",
+          key: "b"
+        })
+      ];
+    }
+    return [
+      React.createElement("path", {
+        d: "M7 3.5h7l4 4V20a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1z",
+        key: "a"
+      }),
+      React.createElement("path", { d: "M14 3.5v4h4", key: "b" })
+    ];
+  }
+  return [
+    React.createElement("path", {
+      d: "M9.5 14.5 14.5 9.5",
+      key: "a"
+    }),
+    React.createElement("path", {
+      d: "M8.5 10.5 7 12a3.5 3.5 0 0 0 5 5l1.5-1.5",
+      key: "b"
+    }),
+    React.createElement("path", {
+      d: "M15.5 13.5 17 12a3.5 3.5 0 0 0-5-5l-1.5 1.5",
+      key: "c"
+    })
+  ];
+}
+
+// src/at-panel/mentionTriggerRowItem.ts
+var SUPPORTED_MENTION_TRIGGER_ROW_PROVIDER_IDS = /* @__PURE__ */ new Set([
+  "agent-generated-file",
+  "agent-session",
+  "file",
+  "workspace-app",
+  "workspace-issue"
+]);
+function richTextTriggerQueryMatchToMentionRowItem(match, options = {}) {
+  const presentation = mentionPresentation(match);
+  const label = resolveMentionRowLabel(match);
+  const description = resolveMentionRowDescription(match, options);
+  const providerKind = mentionReferenceProviderKind(match.providerId);
+  const iconUrl = resolveMentionRowIconUrl(match, presentation, options);
+  const thumbnailUrl = resolveMentionRowThumbnailUrl(
+    match,
+    presentation,
+    options
+  );
+  const fileVisualKind = isFileMentionProvider(match.providerId) ? resolveMentionRowFileVisualKind(match, options) : void 0;
+  const customLeading = options.renderLeading?.({
+    description,
+    fileVisualKind,
+    iconUrl,
+    label,
+    match,
+    providerKind,
+    thumbnailUrl
+  });
+  if (customLeading !== void 0) {
+    return mentionRowPlainItem({
+      description,
+      label,
+      leading: customLeading
+    });
+  }
+  if (match.providerId === "workspace-app") {
+    return {
+      kind: "app",
+      description,
+      iconUrl,
+      name: label
+    };
+  }
+  if (match.providerId === "workspace-issue") {
+    return {
+      kind: "issue",
+      creatorName: description,
+      statusTag: resolveMentionRowStatusTag(match, "issue", options),
+      title: label
+    };
+  }
+  if (isFileMentionProvider(match.providerId)) {
+    const entryKind = resolveFileEntryKind(match, options);
+    const mentionNavigation = resolveFileMentionNavigation(match, options);
+    const visualKind = fileVisualKind ?? "document";
+    return {
+      kind: "file",
+      childCountLabel: normalizedText(options.getChildCountLabel?.(match)),
+      entryKind,
+      mentionNavigation,
+      name: label,
+      thumbnailUrl: resolveMentionFileThumbnailUrl({
+        thumbnailUrl,
+        visualKind
+      }) ?? null,
+      visualKind
+    };
+  }
+  if (match.providerId === "agent-session") {
+    const session = agentSessionMentionRowItem(match, {
+      description,
+      iconUrl,
+      options,
+      presentation
+    });
+    if (session) {
+      return session;
+    }
+  }
+  return mentionRowPlainItem({
+    description,
+    label,
+    leading: renderMentionReferenceLeading({
+      fileVisualKind,
+      iconUrl,
+      kind: providerKind,
+      label,
+      thumbnailUrl
+    })
+  });
+}
+function isMentionTriggerRowProviderId(providerId) {
+  return SUPPORTED_MENTION_TRIGGER_ROW_PROVIDER_IDS.has(providerId);
+}
+function workspaceAppIconFallbackUrlFromTriggerMatch(match) {
+  const appId = mentionEntityId(match) || match.key.trim();
+  if (!appId) {
+    return null;
+  }
+  return `tutti://workspace-apps/${encodeURIComponent(appId)}/icon.png`;
+}
+function mentionRowStatusTagFromPresentation(match, input) {
+  const presentation = mentionPresentation(match);
+  const label = normalizedText(presentation?.statusLabel);
+  if (!label) {
+    return null;
+  }
+  const dataStatus = normalizedText(presentation?.statusDataStatus) ?? normalizedText(presentation?.status);
+  return {
+    dataStatus: dataStatus ?? void 0,
+    label,
+    pulse: presentation?.statusPulse === "true",
+    tone: input.tone ?? "neutral",
+    variant: input.variant
+  };
+}
+function agentSessionMentionRowItem(match, input) {
+  const agentIconUrl = normalizedText(input.options.getAgentIconUrl?.(match)) ?? normalizedText(input.presentation?.agentIconUrl) ?? input.iconUrl;
+  const userAvatarPlaceholderUrl = normalizedText(input.options.getUserAvatarPlaceholderUrl?.(match)) ?? normalizedText(input.presentation?.userAvatarPlaceholderUrl);
+  if (!agentIconUrl || !userAvatarPlaceholderUrl) {
+    return null;
+  }
+  return {
+    kind: "session",
+    agentIconUrl,
+    participant: normalizedText(input.presentation?.participant) ?? resolveMentionRowLabel(match),
+    statusTag: resolveMentionRowStatusTag(match, "activity", input.options),
+    summary: input.description,
+    userAvatarPlaceholderUrl,
+    userAvatarUrl: normalizedText(input.options.getUserAvatarUrl?.(match)) ?? null
+  };
+}
+function mentionRowPlainItem(input) {
+  return {
+    kind: "plain",
+    description: input.description,
+    label: input.label,
+    leading: input.leading
+  };
+}
+function resolveMentionRowLabel(match) {
+  return normalizedText(
+    match.insertResult.kind === "mention" ? match.insertResult.mention.label : match.insertResult.kind === "markdown-link" ? match.insertResult.label : void 0
+  ) ?? normalizedText(match.label) ?? match.key;
+}
+function resolveMentionRowDescription(match, options) {
+  const presentation = mentionPresentation(match);
+  return normalizedText(options.getDescription?.(match)) ?? normalizedText(presentation?.description) ?? normalizedText(presentation?.subtitle) ?? normalizedText(match.subtitle) ?? null;
+}
+function resolveMentionRowIconUrl(match, presentation, options) {
+  return normalizedText(presentation?.iconUrl) ?? normalizedText(match.iconUrl) ?? (match.providerId === "workspace-app" ? normalizedText(options.getWorkspaceAppIconFallbackUrl?.(match)) ?? workspaceAppIconFallbackUrlFromTriggerMatch(match) : null) ?? null;
+}
+function resolveMentionRowThumbnailUrl(match, presentation, options) {
+  return normalizedText(options.getFileThumbnailUrl?.(match)) ?? normalizedText(presentation?.thumbnailUrl) ?? normalizedText(readStringProperty(match.item, "thumbnailUrl")) ?? (isFileMentionProvider(match.providerId) ? normalizedText(match.iconUrl) : null) ?? null;
+}
+function resolveMentionRowFileVisualKind(match, options) {
+  const override = options.getFileVisualKind?.(match);
+  if (override) {
+    return override;
+  }
+  return resolveMentionFileVisualKind({
+    baseVisualKind: inferMentionFileVisualKind(
+      markdownLinkHref(match) ?? normalizedText(match.subtitle) ?? normalizedText(match.label) ?? match.key
+    ),
+    entryKind: resolveFileEntryKind(match, options),
+    mentionNavigation: resolveFileMentionNavigation(match, options)
+  });
+}
+function resolveMentionRowStatusTag(match, variant, options) {
+  return options.getStatusTag?.(match, variant) ?? mentionRowStatusTagFromPresentation(match, { variant });
+}
+function resolveFileEntryKind(match, options) {
+  return normalizedText(options.getFileEntryKind?.(match)) ?? normalizedText(readStringProperty(match.item, "entryKind")) ?? normalizedText(readStringProperty(match.item, "kind")) ?? null;
+}
+function resolveFileMentionNavigation(match, options) {
+  return normalizedText(options.getFileMentionNavigation?.(match)) ?? normalizedText(readStringProperty(match.item, "mentionNavigation")) ?? null;
+}
+function mentionReferenceProviderKind(providerId) {
+  if (providerId === "workspace-app") {
+    return "workspace-app";
+  }
+  if (providerId === "workspace-issue") {
+    return "workspace-issue";
+  }
+  if (providerId === "agent-session") {
+    return "agent-session";
+  }
+  if (providerId === "agent-generated-file") {
+    return "agent-generated-file";
+  }
+  if (providerId === "file") {
+    return "file";
+  }
+  return "generic";
+}
+function isFileMentionProvider(providerId) {
+  return providerId === "file" || providerId === "agent-generated-file";
+}
+function mentionPresentation(match) {
+  return match.insertResult.kind === "mention" ? match.insertResult.mention.presentation ?? null : null;
+}
+function mentionEntityId(match) {
+  return match.insertResult.kind === "mention" ? normalizedText(match.insertResult.mention.entityId) ?? null : null;
+}
+function markdownLinkHref(match) {
+  return match.insertResult.kind === "markdown-link" ? normalizedText(match.insertResult.href) ?? null : null;
+}
+function inferMentionFileVisualKind(pathOrName) {
+  const normalized = pathOrName.trim().toLowerCase();
+  if (!normalized) {
+    return "document";
+  }
+  if (normalized.endsWith("/")) {
+    return "folder";
+  }
+  const extension = normalized.match(/\.([a-z0-9]+)(?:[?#].*)?$/)?.[1] ?? "";
+  if (["apng", "avif", "gif", "jpeg", "jpg", "png", "svg", "webp"].includes(
+    extension
+  )) {
+    return "image";
+  }
+  if (["avi", "m4v", "mkv", "mov", "mp4", "webm"].includes(extension)) {
+    return "video";
+  }
+  if (["markdown", "md", "mdx"].includes(extension)) {
+    return "markdown";
+  }
+  if ([
+    "c",
+    "cpp",
+    "css",
+    "go",
+    "h",
+    "hpp",
+    "html",
+    "java",
+    "js",
+    "jsx",
+    "json",
+    "kt",
+    "php",
+    "py",
+    "rb",
+    "rs",
+    "sh",
+    "sql",
+    "swift",
+    "toml",
+    "ts",
+    "tsx",
+    "xml",
+    "yaml",
+    "yml"
+  ].includes(extension)) {
+    return "code";
+  }
+  return "document";
+}
+function readStringProperty(value, key) {
+  if (value === null || typeof value !== "object") {
+    return void 0;
+  }
+  const record = value;
+  return typeof record[key] === "string" ? record[key] : void 0;
+}
+function normalizedText(value) {
+  const normalized = value?.trim() ?? "";
+  return normalized || null;
+}
+
+// src/at-panel/useAtPanelKeyboard.ts
+function makeAtPanelKeyDown(actions) {
+  return (event) => {
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      actions.moveSelection(1);
+      return true;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      actions.moveSelection(-1);
+      return true;
+    }
+    if (event.key === "Escape") {
+      event.preventDefault();
+      actions.close();
+      return true;
+    }
+    if (event.key === "Tab" && actions.cycleFilter) {
+      event.preventDefault();
+      actions.cycleFilter(event.shiftKey ? -1 : 1);
+      return true;
+    }
+    if (event.key === "ArrowRight" && actions.navigateHierarchy) {
+      if (actions.navigateHierarchy(1)) {
+        event.preventDefault();
+        return true;
+      }
+      return false;
+    }
+    if (event.key === "ArrowLeft" && actions.navigateHierarchy) {
+      if (actions.navigateHierarchy(-1)) {
+        event.preventDefault();
+        return true;
+      }
+      return false;
+    }
+    if (event.key === "Enter") {
+      event.preventDefault();
+      actions.commitSelection();
+      return true;
+    }
+    return false;
+  };
+}
+function useAtPanelKeyboard(actions) {
+  return makeAtPanelKeyDown(actions);
+}
+
+export {
+  MentionPalette,
+  createMentionPaletteStateAdapter,
+  MentionPaletteFromState,
+  MentionPaletteSelectIndicator,
+  MentionPaletteMultiSelectFooter,
+  renderMentionRow,
+  resolveMentionReferenceImageUrl,
+  renderMentionReferenceLeading,
+  richTextTriggerQueryMatchToMentionRowItem,
+  isMentionTriggerRowProviderId,
+  workspaceAppIconFallbackUrlFromTriggerMatch,
+  mentionRowStatusTagFromPresentation,
+  makeAtPanelKeyDown,
+  useAtPanelKeyboard
+};
+//# sourceMappingURL=chunk-SH3QPYB2.js.map