@uipath/apollo-wind 2.46.0 → 2.47.1

package/dist/components/ui/prompt-editor/components/TokenPillWithTooltip.cjs

@@ -27,16 +27,18 @@ __webpack_require__.d(__webpack_exports__, {
     TokenPillWithTooltip: ()=>TokenPillWithTooltip
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
 const LexicalComposerContext_namespaceObject = require("@lexical/react/LexicalComposerContext");
 const useLexicalNodeSelection_namespaceObject = require("@lexical/react/useLexicalNodeSelection");
 const external_lexical_namespaceObject = require("lexical");
+const external_react_namespaceObject = require("react");
 const external_tooltip_cjs_namespaceObject = require("../../tooltip.cjs");
-const external_TokenPill_cjs_namespaceObject = require("./TokenPill.cjs");
+const external_prompt_editor_config_cjs_namespaceObject = require("../prompt-editor-config.cjs");
 const external_types_cjs_namespaceObject = require("../types.cjs");
+const external_TokenPill_cjs_namespaceObject = require("./TokenPill.cjs");
 const TokenPillWithTooltip = ({ nodeKey, ...props })=>{
     const { value: pillValue, tokenType, readonly, diffType, isInvalid, onRemove } = props;
-    const typeLabel = (0, external_types_cjs_namespaceObject.getPromptEditorTokenTypeLabel)(tokenType);
+    const { strings } = (0, external_prompt_editor_config_cjs_namespaceObject.usePromptEditorConfig)();
+    const typeLabel = (0, external_types_cjs_namespaceObject.getPromptEditorTokenTypeLabel)(tokenType, strings);
     const [editor] = (0, LexicalComposerContext_namespaceObject.useLexicalComposerContext)();
     const [isSelected] = (0, useLexicalNodeSelection_namespaceObject.useLexicalNodeSelection)(nodeKey);
     const handleMouseDown = (0, external_react_namespaceObject.useCallback)((e)=>{
@@ -102,14 +104,11 @@ const TokenPillWithTooltip = ({ nodeKey, ...props })=>{
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                             className: "font-medium",
-                            children: "Variable not found"
+                            children: strings.invalidTokenTitle
                         }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                             className: "break-words opacity-80",
-                            children: [
-                                pillValue,
-                                " isn't available in this scope. Fix or remove this reference before publishing."
-                            ]
+                            children: strings.invalidTokenDescription.replace('{path}', pillValue)
                         })
                     ]
                 }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {

package/dist/components/ui/prompt-editor/components/TokenPillWithTooltip.js

@@ -1,14 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from "react";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
 import { $createNodeSelection, $setSelection } from "lexical";
+import { useCallback, useMemo } from "react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../tooltip.js";
-import { TokenPill } from "./TokenPill.js";
+import { usePromptEditorConfig } from "../prompt-editor-config.js";
 import { getPromptEditorTokenTypeLabel } from "../types.js";
+import { TokenPill } from "./TokenPill.js";
 const TokenPillWithTooltip = ({ nodeKey, ...props })=>{
     const { value: pillValue, tokenType, readonly, diffType, isInvalid, onRemove } = props;
-    const typeLabel = getPromptEditorTokenTypeLabel(tokenType);
+    const { strings } = usePromptEditorConfig();
+    const typeLabel = getPromptEditorTokenTypeLabel(tokenType, strings);
     const [editor] = useLexicalComposerContext();
     const [isSelected] = useLexicalNodeSelection(nodeKey);
     const handleMouseDown = useCallback((e)=>{
@@ -74,14 +76,11 @@ const TokenPillWithTooltip = ({ nodeKey, ...props })=>{
                     children: [
                         /*#__PURE__*/ jsx("div", {
                             className: "font-medium",
-                            children: "Variable not found"
+                            children: strings.invalidTokenTitle
                         }),
-                        /*#__PURE__*/ jsxs("div", {
+                        /*#__PURE__*/ jsx("div", {
                             className: "break-words opacity-80",
-                            children: [
-                                pillValue,
-                                " isn't available in this scope. Fix or remove this reference before publishing."
-                            ]
+                            children: strings.invalidTokenDescription.replace('{path}', pillValue)
                         })
                     ]
                 }) : /*#__PURE__*/ jsxs("div", {

package/dist/components/ui/prompt-editor/index.cjs

@@ -1,5 +1,61 @@
 "use strict";
-var __webpack_require__ = {};
+var __webpack_modules__ = {
+    "./components/TokenPill" (module) {
+        module.exports = require("./components/TokenPill.cjs");
+    },
+    "./components/TokenPillWithTooltip" (module) {
+        module.exports = require("./components/TokenPillWithTooltip.cjs");
+    },
+    "./nodes" (module) {
+        module.exports = require("./nodes/index.cjs");
+    },
+    "./plugins/VariableDropPlugin" (module) {
+        module.exports = require("./plugins/VariableDropPlugin.cjs");
+    },
+    "./plugins/shared/token-nodes" (module) {
+        module.exports = require("./plugins/shared/token-nodes.cjs");
+    },
+    "./prompt-editor-config" (module) {
+        module.exports = require("./prompt-editor-config.cjs");
+    },
+    "./prompt-editor?d9b9" (module) {
+        module.exports = require("./prompt-editor.cjs");
+    },
+    "./types" (module) {
+        module.exports = require("./types.cjs");
+    },
+    "./utils/autocomplete-segments" (module) {
+        module.exports = require("./utils/autocomplete-segments.cjs");
+    },
+    "./utils/insert-token" (module) {
+        module.exports = require("./utils/insert-token.cjs");
+    },
+    "./utils/rich-serialization" (module) {
+        module.exports = require("./utils/rich-serialization.cjs");
+    },
+    "./utils/serialization" (module) {
+        module.exports = require("./utils/serialization.cjs");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -22,18 +78,105 @@ var __webpack_require__ = {};
     };
 })();
 var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    VARIABLE_DRAG_MIME: ()=>VariableDropPlugin_cjs_namespaceObject.VARIABLE_DRAG_MIME,
-    PromptEditor: ()=>external_prompt_editor_cjs_namespaceObject.PromptEditor
-});
-const VariableDropPlugin_cjs_namespaceObject = require("./plugins/VariableDropPlugin.cjs");
-const external_prompt_editor_cjs_namespaceObject = require("./prompt-editor.cjs");
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        $insertTokenAtCursor: ()=>_utils_insert_token__rspack_import_9.$insertTokenAtCursor,
+        DEFAULT_PROMPT_EDITOR_STRINGS: ()=>_prompt_editor_config__rspack_import_6.DEFAULT_PROMPT_EDITOR_STRINGS,
+        PROMPT_EDITOR_RICH_TRANSFORMERS: ()=>_utils_rich_serialization__rspack_import_10.PROMPT_EDITOR_RICH_TRANSFORMERS,
+        PromptEditor: ()=>_prompt_editor__rspack_import_5.PromptEditor,
+        TokenPill: ()=>_components_TokenPill__rspack_import_0.TokenPill,
+        TokenPillWithTooltip: ()=>_components_TokenPillWithTooltip__rspack_import_1.TokenPillWithTooltip,
+        VARIABLE_DRAG_MIME: ()=>_plugins_VariableDropPlugin__rspack_import_4.VARIABLE_DRAG_MIME,
+        VARIABLE_PATH_REGEX: ()=>_utils_autocomplete_segments__rspack_import_8.VARIABLE_PATH_REGEX,
+        WORD_JOINER: ()=>_utils_serialization__rspack_import_11.WORD_JOINER,
+        createTokenNodeForOption: ()=>_utils_insert_token__rspack_import_9.createTokenNodeForOption,
+        getAllPromptTokenNodes: ()=>_plugins_shared_token_nodes__rspack_import_3.getAllPromptTokenNodes,
+        getEditorTokens: ()=>_utils_serialization__rspack_import_11.getEditorTokens,
+        getPromptEditorTokenColors: ()=>_types__rspack_import_7.getPromptEditorTokenColors,
+        getPromptEditorTokenTypeLabel: ()=>_types__rspack_import_7.getPromptEditorTokenTypeLabel,
+        inferTokenTypeFromPath: ()=>_utils_autocomplete_segments__rspack_import_8.inferTokenTypeFromPath,
+        isPromptTokenNode: ()=>_plugins_shared_token_nodes__rspack_import_3.isPromptTokenNode,
+        normalizeRichTextTokens: ()=>_utils_rich_serialization__rspack_import_10.normalizeRichTextTokens,
+        normalizeVariablePath: ()=>_utils_autocomplete_segments__rspack_import_8.normalizeVariablePath,
+        setEditorTokens: ()=>_utils_serialization__rspack_import_11.setEditorTokens
+    });
+    var _components_TokenPill__rspack_import_0 = __webpack_require__("./components/TokenPill");
+    var _components_TokenPillWithTooltip__rspack_import_1 = __webpack_require__("./components/TokenPillWithTooltip");
+    var _nodes__rspack_import_2 = __webpack_require__("./nodes");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _nodes__rspack_import_2)if ([
+        "TokenPill",
+        "DEFAULT_PROMPT_EDITOR_STRINGS",
+        "getEditorTokens",
+        "PromptEditor",
+        "getPromptEditorTokenColors",
+        "VARIABLE_DRAG_MIME",
+        "getPromptEditorTokenTypeLabel",
+        "$insertTokenAtCursor",
+        "VARIABLE_PATH_REGEX",
+        "inferTokenTypeFromPath",
+        "normalizeRichTextTokens",
+        "getAllPromptTokenNodes",
+        "default",
+        "normalizeVariablePath",
+        "PROMPT_EDITOR_RICH_TRANSFORMERS",
+        "setEditorTokens",
+        "TokenPillWithTooltip",
+        "isPromptTokenNode",
+        "createTokenNodeForOption",
+        "WORD_JOINER"
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_nodes__rspack_import_2[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _plugins_shared_token_nodes__rspack_import_3 = __webpack_require__("./plugins/shared/token-nodes");
+    var _plugins_VariableDropPlugin__rspack_import_4 = __webpack_require__("./plugins/VariableDropPlugin");
+    var _prompt_editor__rspack_import_5 = __webpack_require__("./prompt-editor?d9b9");
+    var _prompt_editor_config__rspack_import_6 = __webpack_require__("./prompt-editor-config");
+    var _types__rspack_import_7 = __webpack_require__("./types");
+    var _utils_autocomplete_segments__rspack_import_8 = __webpack_require__("./utils/autocomplete-segments");
+    var _utils_insert_token__rspack_import_9 = __webpack_require__("./utils/insert-token");
+    var _utils_rich_serialization__rspack_import_10 = __webpack_require__("./utils/rich-serialization");
+    var _utils_serialization__rspack_import_11 = __webpack_require__("./utils/serialization");
+})();
+exports.$insertTokenAtCursor = __webpack_exports__.$insertTokenAtCursor;
+exports.DEFAULT_PROMPT_EDITOR_STRINGS = __webpack_exports__.DEFAULT_PROMPT_EDITOR_STRINGS;
+exports.PROMPT_EDITOR_RICH_TRANSFORMERS = __webpack_exports__.PROMPT_EDITOR_RICH_TRANSFORMERS;
 exports.PromptEditor = __webpack_exports__.PromptEditor;
+exports.TokenPill = __webpack_exports__.TokenPill;
+exports.TokenPillWithTooltip = __webpack_exports__.TokenPillWithTooltip;
 exports.VARIABLE_DRAG_MIME = __webpack_exports__.VARIABLE_DRAG_MIME;
+exports.VARIABLE_PATH_REGEX = __webpack_exports__.VARIABLE_PATH_REGEX;
+exports.WORD_JOINER = __webpack_exports__.WORD_JOINER;
+exports.createTokenNodeForOption = __webpack_exports__.createTokenNodeForOption;
+exports.getAllPromptTokenNodes = __webpack_exports__.getAllPromptTokenNodes;
+exports.getEditorTokens = __webpack_exports__.getEditorTokens;
+exports.getPromptEditorTokenColors = __webpack_exports__.getPromptEditorTokenColors;
+exports.getPromptEditorTokenTypeLabel = __webpack_exports__.getPromptEditorTokenTypeLabel;
+exports.inferTokenTypeFromPath = __webpack_exports__.inferTokenTypeFromPath;
+exports.isPromptTokenNode = __webpack_exports__.isPromptTokenNode;
+exports.normalizeRichTextTokens = __webpack_exports__.normalizeRichTextTokens;
+exports.normalizeVariablePath = __webpack_exports__.normalizeVariablePath;
+exports.setEditorTokens = __webpack_exports__.setEditorTokens;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "$insertTokenAtCursor",
+    "DEFAULT_PROMPT_EDITOR_STRINGS",
+    "PROMPT_EDITOR_RICH_TRANSFORMERS",
     "PromptEditor",
-    "VARIABLE_DRAG_MIME"
+    "TokenPill",
+    "TokenPillWithTooltip",
+    "VARIABLE_DRAG_MIME",
+    "VARIABLE_PATH_REGEX",
+    "WORD_JOINER",
+    "createTokenNodeForOption",
+    "getAllPromptTokenNodes",
+    "getEditorTokens",
+    "getPromptEditorTokenColors",
+    "getPromptEditorTokenTypeLabel",
+    "inferTokenTypeFromPath",
+    "isPromptTokenNode",
+    "normalizeRichTextTokens",
+    "normalizeVariablePath",
+    "setEditorTokens"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/components/ui/prompt-editor/index.d.ts

@@ -1,4 +1,16 @@
+export type { MarkdownPreviewTokenOverride } from './components/MarkdownPreview';
+export type { PromptEditorAutocompleteMenuProps } from './components/PromptEditorAutocompleteMenu';
+export { TokenPill, type TokenPillProps } from './components/TokenPill';
+export { TokenPillWithTooltip, type TokenPillWithTooltipProps, } from './components/TokenPillWithTooltip';
+export * from './nodes';
+export { getAllPromptTokenNodes, isPromptTokenNode, type PromptTokenNode, } from './plugins/shared/token-nodes';
 export { VARIABLE_DRAG_MIME } from './plugins/VariableDropPlugin';
 export type { PromptEditorProps, PromptEditorRef } from './prompt-editor';
 export { PromptEditor } from './prompt-editor';
-export type { PromptEditorAutoCompleteOption, PromptEditorMode, PromptEditorToken, PromptEditorTokenType, } from './types';
+export { DEFAULT_PROMPT_EDITOR_STRINGS, type PromptEditorRenderTokenPill, type PromptEditorStrings, type PromptEditorTokenPillSlotProps, } from './prompt-editor-config';
+export type { PromptEditorAutoCompleteOption, PromptEditorDiffType, PromptEditorMode, PromptEditorToken, PromptEditorTokenType, PromptEditorToolbarActiveFormats, } from './types';
+export { getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, } from './types';
+export { inferTokenTypeFromPath, normalizeVariablePath, VARIABLE_PATH_REGEX, } from './utils/autocomplete-segments';
+export { $insertTokenAtCursor, createTokenNodeForOption, } from './utils/insert-token';
+export { normalizeRichTextTokens, PROMPT_EDITOR_RICH_TRANSFORMERS, } from './utils/rich-serialization';
+export { getEditorTokens, setEditorTokens, WORD_JOINER, } from './utils/serialization';

package/dist/components/ui/prompt-editor/index.js

@@ -1,3 +1,13 @@
+import { TokenPill } from "./components/TokenPill.js";
+import { TokenPillWithTooltip } from "./components/TokenPillWithTooltip.js";
+import { getAllPromptTokenNodes, isPromptTokenNode } from "./plugins/shared/token-nodes.js";
 import { VARIABLE_DRAG_MIME } from "./plugins/VariableDropPlugin.js";
 import { PromptEditor } from "./prompt-editor.js";
-export { PromptEditor, VARIABLE_DRAG_MIME };
+import { DEFAULT_PROMPT_EDITOR_STRINGS } from "./prompt-editor-config.js";
+import { getPromptEditorTokenColors, getPromptEditorTokenTypeLabel } from "./types.js";
+import { VARIABLE_PATH_REGEX, inferTokenTypeFromPath, normalizeVariablePath } from "./utils/autocomplete-segments.js";
+import { $insertTokenAtCursor, createTokenNodeForOption } from "./utils/insert-token.js";
+import { PROMPT_EDITOR_RICH_TRANSFORMERS, normalizeRichTextTokens } from "./utils/rich-serialization.js";
+import { WORD_JOINER, getEditorTokens, setEditorTokens } from "./utils/serialization.js";
+export * from "./nodes/index.js";
+export { $insertTokenAtCursor, DEFAULT_PROMPT_EDITOR_STRINGS, PROMPT_EDITOR_RICH_TRANSFORMERS, PromptEditor, TokenPill, TokenPillWithTooltip, VARIABLE_DRAG_MIME, VARIABLE_PATH_REGEX, WORD_JOINER, createTokenNodeForOption, getAllPromptTokenNodes, getEditorTokens, getPromptEditorTokenColors, getPromptEditorTokenTypeLabel, inferTokenTypeFromPath, isPromptTokenNode, normalizeRichTextTokens, normalizeVariablePath, setEditorTokens };

package/dist/components/ui/prompt-editor/nodes/InputTokenNode.cjs

@@ -30,7 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lexical_namespaceObject = require("lexical");
-const TokenPillWithTooltip_cjs_namespaceObject = require("../components/TokenPillWithTooltip.cjs");
+const TokenPillSlot_cjs_namespaceObject = require("../components/TokenPillSlot.cjs");
 class InputTokenNode extends external_lexical_namespaceObject.DecoratorNode {
     __value;
     __diffType;
@@ -115,7 +115,7 @@ class InputTokenNode extends external_lexical_namespaceObject.DecoratorNode {
     }
     decorate(editor) {
         const readonly = !editor.isEditable();
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TokenPillWithTooltip_cjs_namespaceObject.TokenPillWithTooltip, {
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TokenPillSlot_cjs_namespaceObject.TokenPillSlot, {
             value: this.__value,
             tokenType: "input",
             nodeKey: this.getKey(),

package/dist/components/ui/prompt-editor/nodes/InputTokenNode.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type LexicalEditor, type LexicalNode, type NodeKey, type SerializedLexicalNode, type Spread } from 'lexical';
+import type { ReactNode } from 'react';
 import type { PromptEditorDiffType } from '../types';
 export type SerializedInputTokenNode = Spread<{
     value: string;

package/dist/components/ui/prompt-editor/nodes/InputTokenNode.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { $applyNodeReplacement, DecoratorNode } from "lexical";
-import { TokenPillWithTooltip } from "../components/TokenPillWithTooltip.js";
+import { TokenPillSlot } from "../components/TokenPillSlot.js";
 class InputTokenNode extends DecoratorNode {
     __value;
     __diffType;
@@ -85,7 +85,7 @@ class InputTokenNode extends DecoratorNode {
     }
     decorate(editor) {
         const readonly = !editor.isEditable();
-        return /*#__PURE__*/ jsx(TokenPillWithTooltip, {
+        return /*#__PURE__*/ jsx(TokenPillSlot, {
             value: this.__value,
             tokenType: "input",
             nodeKey: this.getKey(),

package/dist/components/ui/prompt-editor/nodes/OutputTokenNode.cjs

@@ -30,7 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lexical_namespaceObject = require("lexical");
-const TokenPillWithTooltip_cjs_namespaceObject = require("../components/TokenPillWithTooltip.cjs");
+const TokenPillSlot_cjs_namespaceObject = require("../components/TokenPillSlot.cjs");
 class OutputTokenNode extends external_lexical_namespaceObject.DecoratorNode {
     __value;
     __diffType;
@@ -115,7 +115,7 @@ class OutputTokenNode extends external_lexical_namespaceObject.DecoratorNode {
     }
     decorate(editor) {
         const readonly = !editor.isEditable();
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TokenPillWithTooltip_cjs_namespaceObject.TokenPillWithTooltip, {
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TokenPillSlot_cjs_namespaceObject.TokenPillSlot, {
             value: this.__value,
             tokenType: "output",
             nodeKey: this.getKey(),

package/dist/components/ui/prompt-editor/nodes/OutputTokenNode.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type LexicalEditor, type LexicalNode, type NodeKey, type SerializedLexicalNode, type Spread } from 'lexical';
+import type { ReactNode } from 'react';
 import type { PromptEditorDiffType } from '../types';
 export type SerializedOutputTokenNode = Spread<{
     value: string;

package/dist/components/ui/prompt-editor/nodes/OutputTokenNode.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { $applyNodeReplacement, DecoratorNode } from "lexical";
-import { TokenPillWithTooltip } from "../components/TokenPillWithTooltip.js";
+import { TokenPillSlot } from "../components/TokenPillSlot.js";
 class OutputTokenNode extends DecoratorNode {
     __value;
     __diffType;
@@ -85,7 +85,7 @@ class OutputTokenNode extends DecoratorNode {
     }
     decorate(editor) {
         const readonly = !editor.isEditable();
-        return /*#__PURE__*/ jsx(TokenPillWithTooltip, {
+        return /*#__PURE__*/ jsx(TokenPillSlot, {
             value: this.__value,
             tokenType: "output",
             nodeKey: this.getKey(),

package/dist/components/ui/prompt-editor/nodes/ResourceTokenNode.cjs

@@ -30,7 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lexical_namespaceObject = require("lexical");
-const TokenPillWithTooltip_cjs_namespaceObject = require("../components/TokenPillWithTooltip.cjs");
+const TokenPillSlot_cjs_namespaceObject = require("../components/TokenPillSlot.cjs");
 class ResourceTokenNode extends external_lexical_namespaceObject.DecoratorNode {
     __value;
     __diffType;
@@ -115,7 +115,7 @@ class ResourceTokenNode extends external_lexical_namespaceObject.DecoratorNode {
     }
     decorate(editor) {
         const readonly = !editor.isEditable();
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TokenPillWithTooltip_cjs_namespaceObject.TokenPillWithTooltip, {
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TokenPillSlot_cjs_namespaceObject.TokenPillSlot, {
             value: this.__value,
             tokenType: "resource",
             nodeKey: this.getKey(),

package/dist/components/ui/prompt-editor/nodes/ResourceTokenNode.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type LexicalEditor, type LexicalNode, type NodeKey, type SerializedLexicalNode, type Spread } from 'lexical';
+import type { ReactNode } from 'react';
 import type { PromptEditorDiffType } from '../types';
 export type SerializedResourceTokenNode = Spread<{
     value: string;

package/dist/components/ui/prompt-editor/nodes/ResourceTokenNode.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { $applyNodeReplacement, DecoratorNode } from "lexical";
-import { TokenPillWithTooltip } from "../components/TokenPillWithTooltip.js";
+import { TokenPillSlot } from "../components/TokenPillSlot.js";
 class ResourceTokenNode extends DecoratorNode {
     __value;
     __diffType;
@@ -85,7 +85,7 @@ class ResourceTokenNode extends DecoratorNode {
     }
     decorate(editor) {
         const readonly = !editor.isEditable();
-        return /*#__PURE__*/ jsx(TokenPillWithTooltip, {
+        return /*#__PURE__*/ jsx(TokenPillSlot, {
             value: this.__value,
             tokenType: "resource",
             nodeKey: this.getKey(),

package/dist/components/ui/prompt-editor/nodes/StateTokenNode.cjs

@@ -30,7 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lexical_namespaceObject = require("lexical");
-const TokenPillWithTooltip_cjs_namespaceObject = require("../components/TokenPillWithTooltip.cjs");
+const TokenPillSlot_cjs_namespaceObject = require("../components/TokenPillSlot.cjs");
 class StateTokenNode extends external_lexical_namespaceObject.DecoratorNode {
     __value;
     __diffType;
@@ -115,7 +115,7 @@ class StateTokenNode extends external_lexical_namespaceObject.DecoratorNode {
     }
     decorate(editor) {
         const readonly = !editor.isEditable();
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TokenPillWithTooltip_cjs_namespaceObject.TokenPillWithTooltip, {
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TokenPillSlot_cjs_namespaceObject.TokenPillSlot, {
             value: this.__value,
             tokenType: "state",
             nodeKey: this.getKey(),

package/dist/components/ui/prompt-editor/nodes/StateTokenNode.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import { DecoratorNode, type DOMConversionMap, type DOMExportOutput, type LexicalEditor, type LexicalNode, type NodeKey, type SerializedLexicalNode, type Spread } from 'lexical';
+import type { ReactNode } from 'react';
 import type { PromptEditorDiffType } from '../types';
 export type SerializedStateTokenNode = Spread<{
     value: string;

package/dist/components/ui/prompt-editor/nodes/StateTokenNode.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { $applyNodeReplacement, DecoratorNode } from "lexical";
-import { TokenPillWithTooltip } from "../components/TokenPillWithTooltip.js";
+import { TokenPillSlot } from "../components/TokenPillSlot.js";
 class StateTokenNode extends DecoratorNode {
     __value;
     __diffType;
@@ -85,7 +85,7 @@ class StateTokenNode extends DecoratorNode {
     }
     decorate(editor) {
         const readonly = !editor.isEditable();
-        return /*#__PURE__*/ jsx(TokenPillWithTooltip, {
+        return /*#__PURE__*/ jsx(TokenPillSlot, {
             value: this.__value,
             tokenType: "state",
             nodeKey: this.getKey(),

package/dist/components/ui/prompt-editor/nodes/index.cjs

@@ -39,8 +39,8 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_InputTokenNode_cjs_namespaceObject = require("./InputTokenNode.cjs");
 const external_OutputTokenNode_cjs_namespaceObject = require("./OutputTokenNode.cjs");
-const external_StateTokenNode_cjs_namespaceObject = require("./StateTokenNode.cjs");
 const external_ResourceTokenNode_cjs_namespaceObject = require("./ResourceTokenNode.cjs");
+const external_StateTokenNode_cjs_namespaceObject = require("./StateTokenNode.cjs");
 exports.InputTokenNode = __webpack_exports__.InputTokenNode;
 exports.OutputTokenNode = __webpack_exports__.OutputTokenNode;
 exports.ResourceTokenNode = __webpack_exports__.ResourceTokenNode;

package/dist/components/ui/prompt-editor/nodes/index.d.ts

@@ -1,8 +1,8 @@
-export { createInputTokenNode, InputTokenNode, isInputTokenNode } from './InputTokenNode';
 export type { SerializedInputTokenNode } from './InputTokenNode';
-export { createOutputTokenNode, isOutputTokenNode, OutputTokenNode } from './OutputTokenNode';
+export { createInputTokenNode, InputTokenNode, isInputTokenNode } from './InputTokenNode';
 export type { SerializedOutputTokenNode } from './OutputTokenNode';
-export { createStateTokenNode, isStateTokenNode, StateTokenNode } from './StateTokenNode';
-export type { SerializedStateTokenNode } from './StateTokenNode';
-export { createResourceTokenNode, isResourceTokenNode, ResourceTokenNode, } from './ResourceTokenNode';
+export { createOutputTokenNode, isOutputTokenNode, OutputTokenNode } from './OutputTokenNode';
 export type { SerializedResourceTokenNode } from './ResourceTokenNode';
+export { createResourceTokenNode, isResourceTokenNode, ResourceTokenNode, } from './ResourceTokenNode';
+export type { SerializedStateTokenNode } from './StateTokenNode';
+export { createStateTokenNode, isStateTokenNode, StateTokenNode } from './StateTokenNode';

package/dist/components/ui/prompt-editor/nodes/index.js

@@ -1,5 +1,5 @@
 import { InputTokenNode, createInputTokenNode, isInputTokenNode } from "./InputTokenNode.js";
 import { OutputTokenNode, createOutputTokenNode, isOutputTokenNode } from "./OutputTokenNode.js";
-import { StateTokenNode, createStateTokenNode, isStateTokenNode } from "./StateTokenNode.js";
 import { ResourceTokenNode, createResourceTokenNode, isResourceTokenNode } from "./ResourceTokenNode.js";
+import { StateTokenNode, createStateTokenNode, isStateTokenNode } from "./StateTokenNode.js";
 export { InputTokenNode, OutputTokenNode, ResourceTokenNode, StateTokenNode, createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, isInputTokenNode, isOutputTokenNode, isResourceTokenNode, isStateTokenNode };

package/dist/components/ui/prompt-editor/plugins/AutocompletePlugin.cjs

@@ -63,7 +63,7 @@ const getCaretRectForEditor = (editor)=>{
     if (0 === rect.width && 0 === rect.height) return fallbackRect;
     return rect;
 };
-const AutocompletePlugin = ({ options })=>{
+const AutocompletePlugin = ({ options, renderMenu })=>{
     const [editor] = (0, LexicalComposerContext_namespaceObject.useLexicalComposerContext)();
     const [open, setOpen] = (0, external_react_namespaceObject.useState)(false);
     const [anchorEl, setAnchorEl] = (0, external_react_namespaceObject.useState)(null);
@@ -223,14 +223,20 @@ const AutocompletePlugin = ({ options })=>{
     }, [
         commitChip
     ]);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PromptEditorAutocompleteMenu_cjs_namespaceObject.PromptEditorAutocompleteMenu, {
-        open: open,
-        anchorEl: anchorEl,
+    const menuProps = {
+        open,
+        anchorEl,
         initialSearch: query,
-        options: options,
+        options,
         onSelect: handleVariablePickerSelect,
         onCommitFreeForm: handleVariablePickerSelect,
         onClose: ()=>closeMenu(true)
+    };
+    if (renderMenu) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
+        children: renderMenu(menuProps)
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PromptEditorAutocompleteMenu_cjs_namespaceObject.PromptEditorAutocompleteMenu, {
+        ...menuProps
     });
 };
 exports.AutocompletePlugin = __webpack_exports__.AutocompletePlugin;

package/dist/components/ui/prompt-editor/plugins/AutocompletePlugin.d.ts

@@ -1,3 +1,4 @@
+import { type PromptEditorAutocompleteMenuProps } from '../components/PromptEditorAutocompleteMenu';
 import type { PromptEditorAutoCompleteOption } from '../types';
 /**
  * Drives the `$`-trigger flow: detects when the user has typed a `$` in a valid trigger context,
@@ -10,6 +11,12 @@ import type { PromptEditorAutoCompleteOption } from '../types';
  * the Lexical editor: trigger detection, dismissal sentinel, free-form Enter fallback after
  * dismissal, and refocusing the editor when the picker closes.
  */
-export declare const AutocompletePlugin: ({ options }: {
+export declare const AutocompletePlugin: ({ options, renderMenu, }: {
     options: PromptEditorAutoCompleteOption[];
+    /**
+     * Replace the built-in cmdk menu with a consumer-supplied one (e.g. a schema-aware variable
+     * picker). Receives the exact props the built-in menu would get; the consumer's menu owns search
+     * and keyboard navigation while open and reports back through `onSelect`/`onClose`.
+     */
+    renderMenu?: (props: PromptEditorAutocompleteMenuProps) => React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/prompt-editor/plugins/AutocompletePlugin.js

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister } from "@lexical/utils";
 import { $createTextNode, $getRoot, $getSelection, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_HIGH, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, getDOMSelectionFromTarget } from "lexical";
@@ -35,7 +35,7 @@ const getCaretRectForEditor = (editor)=>{
     if (0 === rect.width && 0 === rect.height) return fallbackRect;
     return rect;
 };
-const AutocompletePlugin = ({ options })=>{
+const AutocompletePlugin = ({ options, renderMenu })=>{
     const [editor] = useLexicalComposerContext();
     const [open, setOpen] = useState(false);
     const [anchorEl, setAnchorEl] = useState(null);
@@ -195,14 +195,20 @@ const AutocompletePlugin = ({ options })=>{
     }, [
         commitChip
     ]);
-    return /*#__PURE__*/ jsx(PromptEditorAutocompleteMenu, {
-        open: open,
-        anchorEl: anchorEl,
+    const menuProps = {
+        open,
+        anchorEl,
         initialSearch: query,
-        options: options,
+        options,
         onSelect: handleVariablePickerSelect,
         onCommitFreeForm: handleVariablePickerSelect,
         onClose: ()=>closeMenu(true)
+    };
+    if (renderMenu) return /*#__PURE__*/ jsx(Fragment, {
+        children: renderMenu(menuProps)
+    });
+    return /*#__PURE__*/ jsx(PromptEditorAutocompleteMenu, {
+        ...menuProps
     });
 };
 export { AutocompletePlugin };

package/dist/components/ui/prompt-editor/plugins/CopyPastePlugin.cjs

@@ -26,11 +26,11 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     CopyPastePlugin: ()=>CopyPastePlugin
 });
-const external_react_namespaceObject = require("react");
 const clipboard_namespaceObject = require("@lexical/clipboard");
 const LexicalComposerContext_namespaceObject = require("@lexical/react/LexicalComposerContext");
 const utils_namespaceObject = require("@lexical/utils");
 const external_lexical_namespaceObject = require("lexical");
+const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../nodes/index.cjs");
 const external_utils_index_cjs_namespaceObject = require("../utils/index.cjs");
 const LEXICAL_MIME = 'application/x-lexical-editor';

package/dist/components/ui/prompt-editor/plugins/CopyPastePlugin.js

@@ -1,8 +1,8 @@
-import { useEffect } from "react";
 import { $generateNodesFromSerializedNodes, $getLexicalContent, $insertGeneratedNodes } from "@lexical/clipboard";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { mergeRegister } from "@lexical/utils";
 import { $createRangeSelectionFromDom, $getSelection, $isRangeSelection, COMMAND_PRIORITY_CRITICAL, COPY_COMMAND, CUT_COMMAND, PASTE_COMMAND } from "lexical";
+import { useEffect } from "react";
 import { createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode } from "../nodes/index.js";
 import { clipboardStringToTokens, getEditorTokensFromSelection, tokensToClipboardString } from "../utils/index.js";
 const LEXICAL_MIME = 'application/x-lexical-editor';