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

package/dist/at-panel/index.js

@@ -1,3 +1,19 @@
+import {
+  MentionPalette,
+  MentionPaletteFromState,
+  MentionPaletteMultiSelectFooter,
+  MentionPaletteSelectIndicator,
+  createMentionPaletteStateAdapter,
+  isMentionTriggerRowProviderId,
+  makeAtPanelKeyDown,
+  mentionRowStatusTagFromPresentation,
+  renderMentionReferenceLeading,
+  renderMentionRow,
+  resolveMentionReferenceImageUrl,
+  richTextTriggerQueryMatchToMentionRowItem,
+  useAtPanelKeyboard,
+  workspaceAppIconFallbackUrlFromTriggerMatch
+} from "../chunk-SH3QPYB2.js";
 import {
   activityMentionStatusBadgeClassName,
   activityMentionStatusTone,
@@ -16,2061 +32,6 @@ import {
   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,
   MentionPaletteFromState,