agentic-ui-libs 1.0.0-beta.8 → 1.0.0-beta.9

package/dist/features/md-editor/MDEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MDEditor.d.ts","sourceRoot":"","sources":["../../../src/features/md-editor/MDEditor.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EASZ,MAAM,SAAS,CAAC;AAiBjB,OAAO,wBAAwB,CAAC;AA4BhC,eAAO,MAAM,QAAQ,uGAyrCpB,CAAC;AAIF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MDEditor.d.ts","sourceRoot":"","sources":["../../../src/features/md-editor/MDEditor.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EASZ,MAAM,SAAS,CAAC;AAiBjB,OAAO,wBAAwB,CAAC;AA4BhC,eAAO,MAAM,QAAQ,uGA0rCpB,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/dist/features/md-editor/components/AIRefinePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AIRefinePanel.d.ts","sourceRoot":"","sources":["../../../../src/features/md-editor/components/AIRefinePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAoBjF,OAAO,KAAK,EACV,kBAAkB,EAOnB,MAAM,UAAU,CAAC;AAmClB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAstCtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AIRefinePanel.d.ts","sourceRoot":"","sources":["../../../../src/features/md-editor/components/AIRefinePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAoBjF,OAAO,KAAK,EACV,kBAAkB,EAOnB,MAAM,UAAU,CAAC;AAmClB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8tCtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/features/md-editor/components/SlashMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlashMenu.d.ts","sourceRoot":"","sources":["../../../../src/features/md-editor/components/SlashMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AACzG,OAAO,KAAK,EAKV,cAAc,EACf,MAAM,UAAU,CAAC;AAwJlB,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;CAC9C;AAED,UAAU,sBAAuB,SAAQ,cAAc;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,6FAwlBrB,CAAC"}
+{"version":3,"file":"SlashMenu.d.ts","sourceRoot":"","sources":["../../../../src/features/md-editor/components/SlashMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AACzG,OAAO,KAAK,EAKV,cAAc,EACf,MAAM,UAAU,CAAC;AAwJlB,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;CAC9C;AAED,UAAU,sBAAuB,SAAQ,cAAc;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,6FAkmBrB,CAAC"}

package/dist/features/md-editor/components/VariableMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VariableMenu.d.ts","sourceRoot":"","sources":["../../../../src/features/md-editor/components/VariableMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,UAAU,CAAC;AAcvD,UAAU,iBAAiB;IACzB,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qFAAqF;IACrF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwiBpD,CAAC"}
+{"version":3,"file":"VariableMenu.d.ts","sourceRoot":"","sources":["../../../../src/features/md-editor/components/VariableMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,UAAU,CAAC;AAcvD,UAAU,iBAAiB;IACzB,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qFAAqF;IACrF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgjBpD,CAAC"}

package/dist/features/md-editor/utils/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/features/md-editor/utils/markdown.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,UAAU,CAAC;AAEpE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,CAa9D;AAgJD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,CA2QlE;AAmJD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,cAAc,GAAG,WAAW,CAOrE;AA+FD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,cAAc,CAKtE"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/features/md-editor/utils/markdown.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,UAAU,CAAC;AAEpE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,CAa9D;AAiJD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,CA2QlE;AAmJD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,cAAc,GAAG,WAAW,CAOrE;AA+FD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,cAAc,CAKtE"}

package/dist/index.js

@@ -67742,7 +67742,7 @@ ${code}
 function inlineContentToMarkdown(content) {
   if (!content || !Array.isArray(content)) return "";
   return content.map((node) => {
-    var _a;
+    var _a, _b, _c, _d;
     if (node.type === "text") {
       let text = node.text || "";
       const marks = node.marks || [];
@@ -67772,14 +67772,15 @@ function inlineContentToMarkdown(content) {
       return text;
     }
     if (node.type === "variableChip") {
-      const { variableType, path } = node.attrs || {};
+      const variableType = (_b = node.attrs) == null ? void 0 : _b["variableType"];
+      const path = (_c = node.attrs) == null ? void 0 : _c["path"];
       if (variableType === "system" || variableType === "custom") {
         return `{{${path}}}`;
       }
       return `{{${variableType}.${path}}}`;
     }
     if (node.type === "mentionChip") {
-      const { name } = node.attrs || {};
+      const name = (_d = node.attrs) == null ? void 0 : _d["name"];
       return name || "";
     }
     return "";
@@ -69317,6 +69318,14 @@ const SlashMenu = forwardRef(
           setSelectedIndex((prev) => findNextEnabledIndex(prev, 1));
           return true;
         }
+        if (event.key === "Tab") {
+          if (event.shiftKey) {
+            setSelectedIndex((prev) => findNextEnabledIndex(prev, -1));
+          } else {
+            setSelectedIndex((prev) => findNextEnabledIndex(prev, 1));
+          }
+          return true;
+        }
         if (event.key === "Enter") {
           const item = navigableItems[selectedIndex];
           if (item && !("disabled" in item && item.disabled)) {
@@ -70152,14 +70161,20 @@ const VariableMenu = ({
           }
           break;
         case "Tab":
+          e3.preventDefault();
+          e3.stopPropagation();
           if (items.length > 0 && !("variables" in items[0])) {
-            const firstItem = items[0];
-            if (firstItem.children && firstItem.children.length > 0) {
-              e3.preventDefault();
-              e3.stopPropagation();
-              handleItemClick(firstItem);
+            const selectedItem = items[selectedIndex];
+            if ((selectedItem == null ? void 0 : selectedItem.children) && selectedItem.children.length > 0) {
+              handleItemClick(selectedItem);
+              break;
             }
           }
+          if (e3.shiftKey) {
+            setSelectedIndex((prev) => Math.max(prev - 1, 0));
+          } else {
+            setSelectedIndex((prev) => Math.min(prev + 1, totalItems - 1));
+          }
           break;
       }
     };
@@ -71374,8 +71389,9 @@ const AIRefinePanel = ({
     return lastAssistantIdx !== null && lastAssistantIdx > lastSystemIdx;
   }, [messages, getLastAssistantMessageIndex]);
   const handleRefine = useCallback(async (instruction, quickActionId) => {
+    const safeInstruction = typeof instruction === "string" ? instruction : "";
     const isCustomAction = !quickActionId || quickActionId === "custom";
-    if (isCustomAction && !instruction.trim()) return;
+    if (isCustomAction && !safeInstruction.trim()) return;
     if (isLoading) return;
     const textToRefine = getCurrentTextToRefine();
     const currentRange = (currentContentState == null ? void 0 : currentContentState.selectionRange) || context.selectionRange;
@@ -71389,7 +71405,7 @@ const AIRefinePanel = ({
     } else {
       effectiveActionType = sessionActionType || "custom";
     }
-    const finalInstruction = effectiveActionType === "custom" ? instruction : instruction || "";
+    const finalInstruction = effectiveActionType === "custom" ? safeInstruction : safeInstruction || "";
     const userMessage = {
       role: "user",
       content: finalInstruction || `Apply ${effectiveActionType} action`,
@@ -71511,6 +71527,7 @@ const AIRefinePanel = ({
     setMentionSearchQuery("");
   }, []);
   const handleKeyDown2 = (e3) => {
+    var _a2;
     if (showMentionMenu) {
       const itemCount = selectedCategory ? filteredItems.length : mentionQuery ? searchResults.length : availableCategories.length;
       if (e3.key === "ArrowDown") {
@@ -71552,7 +71569,8 @@ const AIRefinePanel = ({
     }
     if (e3.key === "Enter" && !e3.shiftKey) {
       e3.preventDefault();
-      handleRefine(inputValue);
+      const currentValue = ((_a2 = inputRef.current) == null ? void 0 : _a2.value) ?? inputValue;
+      handleRefine(currentValue);
     }
   };
   const handleReplace = useCallback((content, messageIndex) => {
@@ -71952,7 +71970,11 @@ const AIRefinePanel = ({
           "button",
           {
             className: `flex items-center justify-center w-[34px] h-[34px] rounded-lg bg-gradient-to-br from-violet-500 to-indigo-500 text-white cursor-pointer transition-all shrink-0 ${!inputValue.trim() || isLoading ? isDark ? "bg-gray-600 from-gray-600 to-gray-600 text-gray-500 cursor-not-allowed" : "bg-gray-200 from-gray-200 to-gray-200 text-gray-400 cursor-not-allowed" : "hover:scale-105 hover:shadow-lg hover:shadow-violet-500/40"}`,
-            onClick: () => handleRefine(inputValue),
+            onClick: () => {
+              var _a2;
+              const currentValue = ((_a2 = inputRef.current) == null ? void 0 : _a2.value) ?? inputValue;
+              handleRefine(currentValue);
+            },
             disabled: !inputValue.trim() || isLoading,
             title: "Send",
             "data-id": "md-editor-ai-send-btn",
@@ -72791,7 +72813,7 @@ const MDEditor = forwardRef(
         return;
       }
       if (aiRefineContext === null) {
-        const fullContent = editor.getText() || "";
+        const fullContent = editorJsonToMarkdown(editor.getJSON());
         setAIRefineContext({
           type: "whole",
           originalText: fullContent,

package/dist/ui-libs.umd.js

@@ -67760,7 +67760,7 @@ ${code2}
   function inlineContentToMarkdown(content) {
     if (!content || !Array.isArray(content)) return "";
     return content.map((node) => {
-      var _a;
+      var _a, _b, _c, _d;
       if (node.type === "text") {
         let text = node.text || "";
         const marks = node.marks || [];
@@ -67790,14 +67790,15 @@ ${code2}
         return text;
       }
       if (node.type === "variableChip") {
-        const { variableType, path } = node.attrs || {};
+        const variableType = (_b = node.attrs) == null ? void 0 : _b["variableType"];
+        const path = (_c = node.attrs) == null ? void 0 : _c["path"];
         if (variableType === "system" || variableType === "custom") {
           return `{{${path}}}`;
         }
         return `{{${variableType}.${path}}}`;
       }
       if (node.type === "mentionChip") {
-        const { name } = node.attrs || {};
+        const name = (_d = node.attrs) == null ? void 0 : _d["name"];
         return name || "";
       }
       return "";
@@ -69335,6 +69336,14 @@ ${code2}
             setSelectedIndex((prev) => findNextEnabledIndex(prev, 1));
             return true;
           }
+          if (event.key === "Tab") {
+            if (event.shiftKey) {
+              setSelectedIndex((prev) => findNextEnabledIndex(prev, -1));
+            } else {
+              setSelectedIndex((prev) => findNextEnabledIndex(prev, 1));
+            }
+            return true;
+          }
           if (event.key === "Enter") {
             const item = navigableItems[selectedIndex];
             if (item && !("disabled" in item && item.disabled)) {
@@ -70170,14 +70179,20 @@ ${code2}
             }
             break;
           case "Tab":
+            e.preventDefault();
+            e.stopPropagation();
             if (items.length > 0 && !("variables" in items[0])) {
-              const firstItem = items[0];
-              if (firstItem.children && firstItem.children.length > 0) {
-                e.preventDefault();
-                e.stopPropagation();
-                handleItemClick(firstItem);
+              const selectedItem = items[selectedIndex];
+              if ((selectedItem == null ? void 0 : selectedItem.children) && selectedItem.children.length > 0) {
+                handleItemClick(selectedItem);
+                break;
               }
             }
+            if (e.shiftKey) {
+              setSelectedIndex((prev) => Math.max(prev - 1, 0));
+            } else {
+              setSelectedIndex((prev) => Math.min(prev + 1, totalItems - 1));
+            }
             break;
         }
       };
@@ -71392,8 +71407,9 @@ ${code2}
       return lastAssistantIdx !== null && lastAssistantIdx > lastSystemIdx;
     }, [messages, getLastAssistantMessageIndex]);
     const handleRefine = React.useCallback(async (instruction, quickActionId) => {
+      const safeInstruction = typeof instruction === "string" ? instruction : "";
       const isCustomAction = !quickActionId || quickActionId === "custom";
-      if (isCustomAction && !instruction.trim()) return;
+      if (isCustomAction && !safeInstruction.trim()) return;
       if (isLoading) return;
       const textToRefine = getCurrentTextToRefine();
       const currentRange = (currentContentState == null ? void 0 : currentContentState.selectionRange) || context.selectionRange;
@@ -71407,7 +71423,7 @@ ${code2}
       } else {
         effectiveActionType = sessionActionType || "custom";
       }
-      const finalInstruction = effectiveActionType === "custom" ? instruction : instruction || "";
+      const finalInstruction = effectiveActionType === "custom" ? safeInstruction : safeInstruction || "";
       const userMessage = {
         role: "user",
         content: finalInstruction || `Apply ${effectiveActionType} action`,
@@ -71529,6 +71545,7 @@ ${code2}
       setMentionSearchQuery("");
     }, []);
     const handleKeyDown2 = (e) => {
+      var _a2;
       if (showMentionMenu) {
         const itemCount = selectedCategory ? filteredItems.length : mentionQuery ? searchResults.length : availableCategories.length;
         if (e.key === "ArrowDown") {
@@ -71570,7 +71587,8 @@ ${code2}
       }
       if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
-        handleRefine(inputValue);
+        const currentValue = ((_a2 = inputRef.current) == null ? void 0 : _a2.value) ?? inputValue;
+        handleRefine(currentValue);
       }
     };
     const handleReplace = React.useCallback((content, messageIndex) => {
@@ -71970,7 +71988,11 @@ ${code2}
             "button",
             {
               className: `flex items-center justify-center w-[34px] h-[34px] rounded-lg bg-gradient-to-br from-violet-500 to-indigo-500 text-white cursor-pointer transition-all shrink-0 ${!inputValue.trim() || isLoading ? isDark ? "bg-gray-600 from-gray-600 to-gray-600 text-gray-500 cursor-not-allowed" : "bg-gray-200 from-gray-200 to-gray-200 text-gray-400 cursor-not-allowed" : "hover:scale-105 hover:shadow-lg hover:shadow-violet-500/40"}`,
-              onClick: () => handleRefine(inputValue),
+              onClick: () => {
+                var _a2;
+                const currentValue = ((_a2 = inputRef.current) == null ? void 0 : _a2.value) ?? inputValue;
+                handleRefine(currentValue);
+              },
               disabled: !inputValue.trim() || isLoading,
               title: "Send",
               "data-id": "md-editor-ai-send-btn",
@@ -72809,7 +72831,7 @@ ${code2}
           return;
         }
         if (aiRefineContext === null) {
-          const fullContent = editor.getText() || "";
+          const fullContent = editorJsonToMarkdown(editor.getJSON());
           setAIRefineContext({
             type: "whole",
             originalText: fullContent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentic-ui-libs",
-  "version": "1.0.0-beta.8",
+  "version": "1.0.0-beta.9",
   "type": "module",
   "description": "A modular, config-driven analytics library for React and Angular applications",
   "main": "dist/index.js",