@uipath/apollo-react 3.27.0 → 3.28.0

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-editor.cjs

@@ -49,6 +49,7 @@ var extension_text_default = /*#__PURE__*/ __webpack_require__.n(extension_text_
 const extensions_namespaceObject = require("@tiptap/extensions");
 const model_namespaceObject = require("@tiptap/pm/model");
 const react_namespaceObject = require("@tiptap/react");
+const suggestion_namespaceObject = require("@tiptap/suggestion");
 const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
 const external_resource_chip_node_view_cjs_namespaceObject = require("./resource-chip-node-view.cjs");
@@ -87,6 +88,7 @@ function TipTapEditorInner(props, ref) {
         onMentionQueryChange
     });
     const mentionRangeRef = external_react_default().useRef(null);
+    const suppressSuggestionRef = external_react_default().useRef(false);
     external_react_default().useLayoutEffect(()=>{
         callbacksRef.current = {
             onChange,
@@ -115,7 +117,7 @@ function TipTapEditorInner(props, ref) {
                 mentionRangeRef.current = range;
                 callbacksRef.current.onMentionQueryChange?.(query, range);
             }
-        }), []);
+        }, suppressSuggestionRef), []);
     const extensions = external_react_default().useMemo(()=>[
             extension_document_default(),
             extension_paragraph_default(),
@@ -153,6 +155,16 @@ function TipTapEditorInner(props, ref) {
         },
         editorProps: {
             handleKeyDown: (_view, event)=>callbacksRef.current.onKeyDown?.(event) ?? false,
+            handleDOMEvents: {
+                mousedown: ()=>{
+                    suppressSuggestionRef.current = false;
+                    return false;
+                },
+                keydown: ()=>{
+                    suppressSuggestionRef.current = false;
+                    return false;
+                }
+            },
             attributes: {
                 'data-testid': 'tiptap-editor'
             },
@@ -249,24 +261,34 @@ function TipTapEditorInner(props, ref) {
     ]);
     const triggerMention = (0, external_react_namespaceObject.useCallback)(()=>{
         if (!editor) return;
+        suppressSuggestionRef.current = false;
         editor.chain().focus().insertContent('@').run();
     }, [
         editor
     ]);
+    const exitMention = (0, external_react_namespaceObject.useCallback)(()=>{
+        if (!editor) return;
+        suppressSuggestionRef.current = true;
+        (0, suggestion_namespaceObject.exitSuggestion)(editor.view, external_tiptap_resource_suggestion_cjs_namespaceObject.ResourceMentionPluginKey);
+    }, [
+        editor
+    ]);
     external_react_default().useImperativeHandle(ref, ()=>({
             focus,
             insertResource,
             getSerializedContent,
             clear,
             clearMentionQuery,
-            triggerMention
+            triggerMention,
+            exitMention
         }), [
         focus,
         insertResource,
         getSerializedContent,
         clear,
         clearMentionQuery,
-        triggerMention
+        triggerMention,
+        exitMention
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_tiptap_editor_styles_cjs_namespaceObject.EditorContainer, {
         minRows: minRows,

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-editor.d.ts

@@ -9,6 +9,7 @@ export interface TipTapEditorHandle {
     clear: () => void;
     clearMentionQuery: () => void;
     triggerMention: () => void;
+    exitMention: () => void;
 }
 interface TipTapEditorCallbacks {
     onChange?: (value: string) => void;

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tiptap-editor.d.ts","sourceRoot":"","sources":["../../../../../../../src/material/components/ap-chat/components/input/tiptap/tiptap-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAS1C,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAIpE,OAAO,EAAE,KAAK,iBAAiB,EAA4B,MAAM,8BAA8B,CAAC;AA2BhG,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,QAAQ,EAAE,yBAAyB,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7E,oBAAoB,EAAE,MAAM,MAAM,CAAC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC9D;AAED,UAAU,iBAAkB,SAAQ,qBAAqB;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAmOD,eAAO,MAAM,YAAY,yFAA4C,CAAC"}
+{"version":3,"file":"tiptap-editor.d.ts","sourceRoot":"","sources":["../../../../../../../src/material/components/ap-chat/components/input/tiptap/tiptap-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAU1C,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAIpE,OAAO,EACL,KAAK,iBAAiB,EAGvB,MAAM,8BAA8B,CAAC;AA2BtC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,CAAC,QAAQ,EAAE,yBAAyB,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7E,oBAAoB,EAAE,MAAM,MAAM,CAAC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC9D;AAED,UAAU,iBAAkB,SAAQ,qBAAqB;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAiQD,eAAO,MAAM,YAAY,yFAA4C,CAAC"}

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-editor.js

@@ -7,11 +7,12 @@ import extension_text from "@tiptap/extension-text";
 import { Placeholder, UndoRedo } from "@tiptap/extensions";
 import { Fragment, Node, Slice } from "@tiptap/pm/model";
 import { EditorContent, ReactNodeViewRenderer, useEditor } from "@tiptap/react";
+import { exitSuggestion } from "@tiptap/suggestion";
 import react, { forwardRef, useCallback } from "react";
 import { ResourceChipNodeView } from "./resource-chip-node-view.js";
 import { textToDocument } from "./tiptap.utils.js";
 import { EditorContainer } from "./tiptap-editor.styles.js";
-import { createResourceSuggestion } from "./tiptap-resource-suggestion.js";
+import { ResourceMentionPluginKey, createResourceSuggestion } from "./tiptap-resource-suggestion.js";
 const ResourceMention = extension_mention.extend({
     addAttributes () {
         return {
@@ -44,6 +45,7 @@ function TipTapEditorInner(props, ref) {
         onMentionQueryChange
     });
     const mentionRangeRef = react.useRef(null);
+    const suppressSuggestionRef = react.useRef(false);
     react.useLayoutEffect(()=>{
         callbacksRef.current = {
             onChange,
@@ -72,7 +74,7 @@ function TipTapEditorInner(props, ref) {
                 mentionRangeRef.current = range;
                 callbacksRef.current.onMentionQueryChange?.(query, range);
             }
-        }), []);
+        }, suppressSuggestionRef), []);
     const extensions = react.useMemo(()=>[
             extension_document,
             extension_paragraph,
@@ -110,6 +112,16 @@ function TipTapEditorInner(props, ref) {
         },
         editorProps: {
             handleKeyDown: (_view, event)=>callbacksRef.current.onKeyDown?.(event) ?? false,
+            handleDOMEvents: {
+                mousedown: ()=>{
+                    suppressSuggestionRef.current = false;
+                    return false;
+                },
+                keydown: ()=>{
+                    suppressSuggestionRef.current = false;
+                    return false;
+                }
+            },
             attributes: {
                 'data-testid': 'tiptap-editor'
             },
@@ -206,24 +218,34 @@ function TipTapEditorInner(props, ref) {
     ]);
     const triggerMention = useCallback(()=>{
         if (!editor) return;
+        suppressSuggestionRef.current = false;
         editor.chain().focus().insertContent('@').run();
     }, [
         editor
     ]);
+    const exitMention = useCallback(()=>{
+        if (!editor) return;
+        suppressSuggestionRef.current = true;
+        exitSuggestion(editor.view, ResourceMentionPluginKey);
+    }, [
+        editor
+    ]);
     react.useImperativeHandle(ref, ()=>({
             focus,
             insertResource,
             getSerializedContent,
             clear,
             clearMentionQuery,
-            triggerMention
+            triggerMention,
+            exitMention
         }), [
         focus,
         insertResource,
         getSerializedContent,
         clear,
         clearMentionQuery,
-        triggerMention
+        triggerMention,
+        exitMention
     ]);
     return /*#__PURE__*/ jsx(EditorContainer, {
         minRows: minRows,

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-editor.styles.cjs

@@ -51,7 +51,8 @@ const EditorContainer = (0, styles_namespaceObject.styled)('div')(({ theme, minR
             paddingBottom: EDITOR_PADDING,
             '& p': {
                 margin: 0,
-                minHeight: lineHeight
+                minHeight: lineHeight,
+                lineHeight: lineHeight
             },
             '& p.is-editor-empty:first-of-type::before': {
                 content: 'attr(data-placeholder)',

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-editor.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tiptap-editor.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/material/components/ap-chat/components/input/tiptap/tiptap-editor.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;aACjB,MAAM;aACN,MAAM;gBACH,MAAM;yGA0BjB,CAAC"}
+{"version":3,"file":"tiptap-editor.styles.d.ts","sourceRoot":"","sources":["../../../../../../../src/material/components/ap-chat/components/input/tiptap/tiptap-editor.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;aACjB,MAAM;aACN,MAAM;gBACH,MAAM;yGA2BjB,CAAC"}

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-editor.styles.js

@@ -13,7 +13,8 @@ const EditorContainer = styled('div')(({ theme, minRows, maxRows, lineHeight })=
             paddingBottom: EDITOR_PADDING,
             '& p': {
                 margin: 0,
-                minHeight: lineHeight
+                minHeight: lineHeight,
+                lineHeight: lineHeight
             },
             '& p.is-editor-empty:first-of-type::before': {
                 content: 'attr(data-placeholder)',

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-resource-suggestion.cjs

@@ -24,8 +24,14 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    createResourceSuggestion: ()=>createResourceSuggestion
+    createResourceSuggestion: ()=>createResourceSuggestion,
+    ResourceMentionPluginKey: ()=>ResourceMentionPluginKey
 });
+const state_namespaceObject = require("@tiptap/pm/state");
+const index_cjs_namespaceObject = require("../../../service/index.cjs");
+const external_tiptap_utils_cjs_namespaceObject = require("./tiptap.utils.cjs");
+const ResourceMentionPluginKey = new state_namespaceObject.PluginKey('resourceMention');
+const RESOURCE_QUERY_START_PATTERN = /^[a-zA-Z0-9_./\\&]/;
 function getCursorCoordinates(editor, pos) {
     const coords = editor.view.coordsAtPos(pos);
     return {
@@ -33,41 +39,45 @@ function getCursorCoordinates(editor, pos) {
         left: coords.left
     };
 }
-function createResourceSuggestion(callbacks) {
-    let isActive = false;
+function createResourceSuggestion(callbacks, suppressRef) {
     return {
+        pluginKey: ResourceMentionPluginKey,
         allowSpaces: true,
         allow: ({ state, range })=>{
+            if (suppressRef.current) return false;
             const textFrom = range.from + 1;
             const textTo = range.to;
             const query = textFrom < textTo ? state.doc.textBetween(textFrom, textTo) : '';
-            if (query.startsWith(' ') || query.includes('  ')) return false;
+            if (query.length > 0 && !RESOURCE_QUERY_START_PATTERN.test(query.charAt(0))) return false;
+            if (query.includes(index_cjs_namespaceObject.CHAT_RESOURCE_MENTION_TERMINATOR)) return false;
+            if (0 === query.length && textFrom < state.doc.resolve(textFrom).end()) {
+                const nextChar = state.doc.textBetween(textFrom, textFrom + 1, '', '');
+                const isSpecialChar = nextChar.length > 0 && ' ' !== nextChar && !RESOURCE_QUERY_START_PATTERN.test(nextChar);
+                if (isSpecialChar) return false;
+            }
             return true;
         },
-        items: ()=>[],
         render: ()=>({
                 onStart: (props)=>{
-                    isActive = true;
                     const coords = getCursorCoordinates(props.editor, props.range.from);
-                    callbacks.onStart?.(props.range, coords);
-                    callbacks.onQueryChange?.(props.query, props.range);
+                    const { query, fullRange } = (0, external_tiptap_utils_cjs_namespaceObject.getFullMentionQuery)(props.editor, props.range);
+                    callbacks.onStart?.(fullRange, coords);
+                    callbacks.onQueryChange?.(query, fullRange);
                 },
                 onUpdate: (props)=>{
-                    callbacks.onQueryChange?.(props.query, props.range);
-                },
-                onKeyDown: (props)=>{
-                    if (!isActive) return false;
-                    return callbacks.onKeyDown?.(props.event) ?? false;
+                    const { query, fullRange } = (0, external_tiptap_utils_cjs_namespaceObject.getFullMentionQuery)(props.editor, props.range);
+                    callbacks.onQueryChange?.(query, fullRange);
                 },
                 onExit: ()=>{
-                    isActive = false;
                     callbacks.onExit?.();
                 }
             })
     };
 }
+exports.ResourceMentionPluginKey = __webpack_exports__.ResourceMentionPluginKey;
 exports.createResourceSuggestion = __webpack_exports__.createResourceSuggestion;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ResourceMentionPluginKey",
     "createResourceSuggestion"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-resource-suggestion.d.ts

@@ -1,5 +1,7 @@
 import type { Range } from '@tiptap/core';
 import type { MentionOptions } from '@tiptap/extension-mention';
+import { PluginKey } from '@tiptap/pm/state';
+export declare const ResourceMentionPluginKey: PluginKey<any>;
 export interface CursorCoordinates {
     top: number;
     left: number;
@@ -8,8 +10,9 @@ interface ResourceSuggestionCallbacks {
     onStart?: (range: Range, coords: CursorCoordinates) => void;
     onExit?: () => void;
     onQueryChange?: (query: string, range: Range) => void;
-    onKeyDown?: (event: KeyboardEvent) => boolean;
 }
-export declare function createResourceSuggestion(callbacks: ResourceSuggestionCallbacks): MentionOptions['suggestion'];
+export declare function createResourceSuggestion(callbacks: ResourceSuggestionCallbacks, suppressRef: {
+    current: boolean;
+}): MentionOptions['suggestion'];
 export {};
 //# sourceMappingURL=tiptap-resource-suggestion.d.ts.map

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-resource-suggestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tiptap-resource-suggestion.d.ts","sourceRoot":"","sources":["../../../../../../../src/material/components/ap-chat/components/input/tiptap/tiptap-resource-suggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,2BAA2B;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;CAC/C;AAUD,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,2BAA2B,GACrC,cAAc,CAAC,YAAY,CAAC,CAyC9B"}
+{"version":3,"file":"tiptap-resource-suggestion.d.ts","sourceRoot":"","sources":["../../../../../../../src/material/components/ap-chat/components/input/tiptap/tiptap-resource-suggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C,eAAO,MAAM,wBAAwB,gBAAmC,CAAC;AAKzE,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,2BAA2B;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACvD;AAUD,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,2BAA2B,EACtC,WAAW,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAChC,cAAc,CAAC,YAAY,CAAC,CAmD9B"}

package/dist/material/components/ap-chat/components/input/tiptap/tiptap-resource-suggestion.js

@@ -1,3 +1,8 @@
+import { PluginKey } from "@tiptap/pm/state";
+import { CHAT_RESOURCE_MENTION_TERMINATOR } from "../../../service/index.js";
+import { getFullMentionQuery } from "./tiptap.utils.js";
+const ResourceMentionPluginKey = new PluginKey('resourceMention');
+const RESOURCE_QUERY_START_PATTERN = /^[a-zA-Z0-9_./\\&]/;
 function getCursorCoordinates(editor, pos) {
     const coords = editor.view.coordsAtPos(pos);
     return {
@@ -5,37 +10,39 @@ function getCursorCoordinates(editor, pos) {
         left: coords.left
     };
 }
-function createResourceSuggestion(callbacks) {
-    let isActive = false;
+function createResourceSuggestion(callbacks, suppressRef) {
     return {
+        pluginKey: ResourceMentionPluginKey,
         allowSpaces: true,
         allow: ({ state, range })=>{
+            if (suppressRef.current) return false;
             const textFrom = range.from + 1;
             const textTo = range.to;
             const query = textFrom < textTo ? state.doc.textBetween(textFrom, textTo) : '';
-            if (query.startsWith(' ') || query.includes('  ')) return false;
+            if (query.length > 0 && !RESOURCE_QUERY_START_PATTERN.test(query.charAt(0))) return false;
+            if (query.includes(CHAT_RESOURCE_MENTION_TERMINATOR)) return false;
+            if (0 === query.length && textFrom < state.doc.resolve(textFrom).end()) {
+                const nextChar = state.doc.textBetween(textFrom, textFrom + 1, '', '');
+                const isSpecialChar = nextChar.length > 0 && ' ' !== nextChar && !RESOURCE_QUERY_START_PATTERN.test(nextChar);
+                if (isSpecialChar) return false;
+            }
             return true;
         },
-        items: ()=>[],
         render: ()=>({
                 onStart: (props)=>{
-                    isActive = true;
                     const coords = getCursorCoordinates(props.editor, props.range.from);
-                    callbacks.onStart?.(props.range, coords);
-                    callbacks.onQueryChange?.(props.query, props.range);
+                    const { query, fullRange } = getFullMentionQuery(props.editor, props.range);
+                    callbacks.onStart?.(fullRange, coords);
+                    callbacks.onQueryChange?.(query, fullRange);
                 },
                 onUpdate: (props)=>{
-                    callbacks.onQueryChange?.(props.query, props.range);
-                },
-                onKeyDown: (props)=>{
-                    if (!isActive) return false;
-                    return callbacks.onKeyDown?.(props.event) ?? false;
+                    const { query, fullRange } = getFullMentionQuery(props.editor, props.range);
+                    callbacks.onQueryChange?.(query, fullRange);
                 },
                 onExit: ()=>{
-                    isActive = false;
                     callbacks.onExit?.();
                 }
             })
     };
 }
-export { createResourceSuggestion };
+export { ResourceMentionPluginKey, createResourceSuggestion };

package/dist/material/components/ap-chat/components/input/tiptap/tiptap.utils.cjs

@@ -24,8 +24,31 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    getFullMentionQuery: ()=>getFullMentionQuery,
     textToDocument: ()=>textToDocument
 });
+const index_cjs_namespaceObject = require("../../../service/index.cjs");
+function getFullMentionQuery(editor, range) {
+    const textFrom = range.from + 1;
+    const parentEnd = editor.state.doc.resolve(textFrom).end();
+    if (textFrom >= parentEnd) return {
+        query: '',
+        fullRange: range
+    };
+    const fullText = editor.state.doc.textBetween(textFrom, parentEnd, '', '');
+    if (fullText.length > 0 && ' ' === fullText.charAt(0)) return {
+        query: '',
+        fullRange: range
+    };
+    const query = fullText.split(index_cjs_namespaceObject.CHAT_RESOURCE_MENTION_TERMINATOR)[0] ?? '';
+    return {
+        query,
+        fullRange: {
+            from: range.from,
+            to: textFrom + query.length
+        }
+    };
+}
 function textToDocument(text) {
     if (!text) return {
         type: 'doc',
@@ -48,8 +71,10 @@ function textToDocument(text) {
         content: paragraphs
     };
 }
+exports.getFullMentionQuery = __webpack_exports__.getFullMentionQuery;
 exports.textToDocument = __webpack_exports__.textToDocument;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "getFullMentionQuery",
     "textToDocument"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/dist/material/components/ap-chat/components/input/tiptap/tiptap.utils.d.ts

@@ -1,3 +1,8 @@
+import type { Editor, Range } from '@tiptap/core';
+export declare function getFullMentionQuery(editor: Editor, range: Range): {
+    query: string;
+    fullRange: Range;
+};
 export declare function textToDocument(text: string): {
     type: 'doc';
     content: Array<{

package/dist/material/components/ap-chat/components/input/tiptap/tiptap.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tiptap.utils.d.ts","sourceRoot":"","sources":["../../../../../../../src/material/components/ap-chat/components/input/tiptap/tiptap.utils.ts"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG;IAC5C,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;KAAE,CAAC,CAAC;CACxF,CAaA"}
+{"version":3,"file":"tiptap.utils.d.ts","sourceRoot":"","sources":["../../../../../../../src/material/components/ap-chat/components/input/tiptap/tiptap.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AASlD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,GACX;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,KAAK,CAAA;CAAE,CAiBrC;AAOD,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG;IAC5C,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;KAAE,CAAC,CAAC;CACxF,CAaA"}

package/dist/material/components/ap-chat/components/input/tiptap/tiptap.utils.js

@@ -1,3 +1,25 @@
+import { CHAT_RESOURCE_MENTION_TERMINATOR } from "../../../service/index.js";
+function getFullMentionQuery(editor, range) {
+    const textFrom = range.from + 1;
+    const parentEnd = editor.state.doc.resolve(textFrom).end();
+    if (textFrom >= parentEnd) return {
+        query: '',
+        fullRange: range
+    };
+    const fullText = editor.state.doc.textBetween(textFrom, parentEnd, '', '');
+    if (fullText.length > 0 && ' ' === fullText.charAt(0)) return {
+        query: '',
+        fullRange: range
+    };
+    const query = fullText.split(CHAT_RESOURCE_MENTION_TERMINATOR)[0] ?? '';
+    return {
+        query,
+        fullRange: {
+            from: range.from,
+            to: textFrom + query.length
+        }
+    };
+}
 function textToDocument(text) {
     if (!text) return {
         type: 'doc',
@@ -20,4 +42,4 @@ function textToDocument(text) {
         content: paragraphs
     };
 }
-export { textToDocument };
+export { getFullMentionQuery, textToDocument };

package/dist/material/components/ap-chat/components/message/chat-message.cjs

@@ -50,6 +50,7 @@ const external_chat_message_content_cjs_namespaceObject = require("./chat-messag
 const chat_fre_cjs_namespaceObject = require("./first-run-experience/chat-fre.cjs");
 const chat_loading_cjs_namespaceObject = require("./loader/chat-loading.cjs");
 const chat_loading_messages_cjs_namespaceObject = require("./loader/chat-loading-messages.cjs");
+const resource_token_parser_cjs_namespaceObject = require("./markdown/parsers/resource-token-parser.cjs");
 const chat_suggestions_cjs_namespaceObject = require("./suggestions/chat-suggestions.cjs");
 const MessageContainer = (0, material_namespaceObject.styled)('div')(({ isOverflow, isContainerWide, gap })=>({
         display: 'flex',
@@ -128,6 +129,7 @@ function AutopilotChatMessagesComponent({ isOverflow, isContainerWide }) {
     const onCopy = external_react_default().useCallback(({ group, message })=>{
         let finalString = '';
         finalString = 0 === group.length ? message.toCopy ?? message.content : group.map((msg)=>msg.toCopy ?? msg.content).join('\n');
+        finalString = (0, resource_token_parser_cjs_namespaceObject.stripResourceTokens)(finalString);
         if (navigator.clipboard && finalString) navigator.clipboard.writeText(finalString).catch(()=>{});
     }, []);
     external_react_default().useEffect(()=>{

package/dist/material/components/ap-chat/components/message/chat-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/message/chat-message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AA+FvC,iBAAS,8BAA8B,CAAC,EACtC,UAAU,EACV,eAAe,GAChB,EAAE;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;CAC1B,2CAyJA;AAED,eAAO,MAAM,qBAAqB,kEAA6C,CAAC"}
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../../../../src/material/components/ap-chat/components/message/chat-message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAgGvC,iBAAS,8BAA8B,CAAC,EACtC,UAAU,EACV,eAAe,GAChB,EAAE;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;CAC1B,2CA2JA;AAED,eAAO,MAAM,qBAAqB,kEAA6C,CAAC"}

package/dist/material/components/ap-chat/components/message/chat-message.js

@@ -11,6 +11,7 @@ import { AutopilotChatMessageContent } from "./chat-message-content.js";
 import { AutopilotChatFRE } from "./first-run-experience/chat-fre.js";
 import { AutopilotChatLoading } from "./loader/chat-loading.js";
 import { AutopilotChatLoadingMessages } from "./loader/chat-loading-messages.js";
+import { stripResourceTokens } from "./markdown/parsers/resource-token-parser.js";
 import { AutopilotChatSuggestions } from "./suggestions/chat-suggestions.js";
 const MessageContainer = styled('div')(({ isOverflow, isContainerWide, gap })=>({
         display: 'flex',
@@ -89,6 +90,7 @@ function AutopilotChatMessagesComponent({ isOverflow, isContainerWide }) {
     const onCopy = react.useCallback(({ group, message })=>{
         let finalString = '';
         finalString = 0 === group.length ? message.toCopy ?? message.content : group.map((msg)=>msg.toCopy ?? msg.content).join('\n');
+        finalString = stripResourceTokens(finalString);
         if (navigator.clipboard && finalString) navigator.clipboard.writeText(finalString).catch(()=>{});
     }, []);
     react.useEffect(()=>{

package/dist/material/components/ap-chat/components/message/markdown/parsers/resource-token-parser.cjs

@@ -24,7 +24,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    resourceTokenPlugin: ()=>resourceTokenPlugin
+    resourceTokenPlugin: ()=>resourceTokenPlugin,
+    stripResourceTokens: ()=>stripResourceTokens
 });
 const external_unist_util_visit_namespaceObject = require("unist-util-visit");
 const RESOURCE_TOKEN_PATTERN = /\[\[resource-token:(.*?)\]\]/g;
@@ -54,6 +55,12 @@ const parseResourceData = (json)=>{
         return null;
     }
 };
+function stripResourceTokens(text) {
+    return text.replace(RESOURCE_TOKEN_PATTERN, (match, json)=>{
+        const resource = parseResourceData(json);
+        return resource?.displayName ?? match;
+    });
+}
 function resourceTokenPlugin() {
     return (tree)=>{
         (0, external_unist_util_visit_namespaceObject.visit)(tree, 'text', (node, _index, parent)=>{
@@ -81,8 +88,10 @@ function resourceTokenPlugin() {
     };
 }
 exports.resourceTokenPlugin = __webpack_exports__.resourceTokenPlugin;
+exports.stripResourceTokens = __webpack_exports__.stripResourceTokens;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "resourceTokenPlugin"
+    "resourceTokenPlugin",
+    "stripResourceTokens"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/material/components/ap-chat/components/message/markdown/parsers/resource-token-parser.d.ts

@@ -1,3 +1,4 @@
 import type { Root } from 'mdast';
+export declare function stripResourceTokens(text: string): string;
 export declare function resourceTokenPlugin(): (tree: Root) => void;
 //# sourceMappingURL=resource-token-parser.d.ts.map

package/dist/material/components/ap-chat/components/message/markdown/parsers/resource-token-parser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resource-token-parser.d.ts","sourceRoot":"","sources":["../../../../../../../../src/material/components/ap-chat/components/message/markdown/parsers/resource-token-parser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAQ,MAAM,OAAO,CAAC;AA+DxC,wBAAgB,mBAAmB,KACzB,MAAM,IAAI,UA2CnB"}
+{"version":3,"file":"resource-token-parser.d.ts","sourceRoot":"","sources":["../../../../../../../../src/material/components/ap-chat/components/message/markdown/parsers/resource-token-parser.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAQ,MAAM,OAAO,CAAC;AA+DxC,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAKxD;AAKD,wBAAgB,mBAAmB,KACzB,MAAM,IAAI,UA2CnB"}

package/dist/material/components/ap-chat/components/message/markdown/parsers/resource-token-parser.js

@@ -26,6 +26,12 @@ const parseResourceData = (json)=>{
         return null;
     }
 };
+function stripResourceTokens(text) {
+    return text.replace(RESOURCE_TOKEN_PATTERN, (match, json)=>{
+        const resource = parseResourceData(json);
+        return resource?.displayName ?? match;
+    });
+}
 function resourceTokenPlugin() {
     return (tree)=>{
         visit(tree, 'text', (node, _index, parent)=>{
@@ -52,4 +58,4 @@ function resourceTokenPlugin() {
         });
     };
 }
-export { resourceTokenPlugin };
+export { resourceTokenPlugin, stripResourceTokens };

package/dist/material/components/ap-chat/hooks/use-resource-picker-state.cjs

@@ -50,12 +50,20 @@ function pickerReducer(state, action) {
                 anchorPosition: action.coords
             };
         case 'CLOSE':
-            return initialPickerState;
-        case 'SET_QUERY':
             return {
                 ...state,
-                query: action.query
+                anchorPosition: null
             };
+        case 'SET_QUERY':
+            {
+                const newTrimmed = action.query.trim();
+                if (action.query === state.query || newTrimmed === state.query.trim()) return state;
+                return {
+                    ...state,
+                    query: action.query,
+                    searchInProgress: !!newTrimmed
+                };
+            }
         case 'LOAD_START':
             return {
                 ...state,
@@ -135,7 +143,8 @@ function pickerReducer(state, action) {
             return {
                 ...state,
                 searchResults: [],
-                searchDone: true
+                searchDone: true,
+                searchInProgress: false
             };
         default:
             return state;

package/dist/material/components/ap-chat/hooks/use-resource-picker-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-resource-picker-state.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-chat/hooks/use-resource-picker-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,iCAAiC,EAEvC,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,iCAAiC,CAAC;IAC5C,SAAS,EAAE,yBAAyB,EAAE,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,yBAAyB,EAAE,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,iBAAiB,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,GAC3B;IACE,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,iCAAiC,CAAC;IAC5C,SAAS,EAAE,yBAAyB,EAAE,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;CACf,GACD;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,OAAO,EAAE,yBAAyB,EAAE,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,GAC/E;IACE,IAAI,EAAE,mBAAmB,CAAC;IAC1B,MAAM,EAAE,WAAW,GAAG,QAAQ,CAAC;IAC/B,KAAK,EAAE,yBAAyB,EAAE,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;CACf,GACD;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,CAAC;AAE7B,eAAO,MAAM,kBAAkB,EAAE,WAWhC,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,WAAW,CA4GnF;AAED,wBAAgB,sBAAsB,0EAErC"}
+{"version":3,"file":"use-resource-picker-state.d.ts","sourceRoot":"","sources":["../../../../../src/material/components/ap-chat/hooks/use-resource-picker-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,iCAAiC,EAEvC,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,iCAAiC,CAAC;IAC5C,SAAS,EAAE,yBAAyB,EAAE,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,yBAAyB,EAAE,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,MAAM,YAAY,GACpB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,iBAAiB,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,GACtB;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,GAC3B;IACE,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,iCAAiC,CAAC;IAC5C,SAAS,EAAE,yBAAyB,EAAE,CAAC;IACvC,IAAI,EAAE,OAAO,CAAC;CACf,GACD;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,OAAO,EAAE,yBAAyB,EAAE,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,GAC/E;IACE,IAAI,EAAE,mBAAmB,CAAC;IAC1B,MAAM,EAAE,WAAW,GAAG,QAAQ,CAAC;IAC/B,KAAK,EAAE,yBAAyB,EAAE,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;CACf,GACD;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,CAAC;AAE7B,eAAO,MAAM,kBAAkB,EAAE,WAWhC,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,WAAW,CAiHnF;AAED,wBAAgB,sBAAsB,0EAErC"}