@athenaintel/react 0.57.2 → 0.59.0

package/dist/chat-ui/composer/tiptap-composer.cjs

@@ -19,11 +19,17 @@ const mentionSuggestionList = require("../mentions/suggestions/components/mentio
 const useMentionSuggestions = require("../mentions/suggestions/data/use-mention-suggestions.cjs");
 const state = require("@tiptap/pm/state");
 const offlineStatus = require("../../agent-runtime/src/offline-status.cjs");
+const namedAgents = require("../../agent-runtime/src/named-agents.cjs");
 const composerMessage = require("./composer-message.cjs");
+const composerNamedAgents = require("./composer-named-agents.cjs");
 const pendingAttachmentUploads = require("./pending-attachment-uploads.cjs");
 const runInputRulesOnEnter = require("./run-input-rules-on-enter.cjs");
+const slashCommands = require("./slash-commands.cjs");
+const slashCommandMenu = require("./slash-command-menu.cjs");
+const slashCommandsExtension = require("./slash-commands-extension.cjs");
 const useDeepAgentChatOutbox = require("../../agent-runtime/src/use-deep-agent-chat-outbox.cjs");
 const composerMarkdown = require("../../agent-runtime/src/composer-markdown.cjs");
+const runSend = require("../../agent-runtime/src/run-send.cjs");
 const athenaAssetDrag = require("../../agent-runtime/src/athena-asset-drag.cjs");
 const assetAttachment = require("../../agent-runtime/src/asset-attachment.cjs");
 const cnfast = require("cnfast");
@@ -121,6 +127,7 @@ function chatOutboxRead(outbox) {
 }
 const CHAT_OUTBOX_READ_WAIT_MS = 2e3;
 const NO_WEBPAGES = [];
+const NO_SLASH_COMMANDS = [];
 function revokeImagePreview(src) {
   if (typeof URL.revokeObjectURL === "function") URL.revokeObjectURL(src);
 }
@@ -215,6 +222,8 @@ const TiptapComposer = require$$0.forwardRef(
     webpages = NO_WEBPAGES,
     tools,
     rootCategories,
+    chatAgents,
+    viewerIsAdmin = false,
     onDraftStateChange,
     showImagePreviews = false,
     attachAnyFile = false,
@@ -222,9 +231,13 @@ const TiptapComposer = require$$0.forwardRef(
     fileIntake,
     waitForHostUploads,
     interceptSubmit,
+    beforeSubmit,
     hasPendingExtras,
     holdPendingExtras,
-    onSubmitted
+    prepareSend,
+    onSendReturned,
+    onSubmitted,
+    slashCommands: slashCommands$1 = NO_SLASH_COMMANDS
   }, outerRef) => {
     const aui = react.useAui();
     const outbox = useDeepAgentChatOutbox.useDeepAgentChatOutboxContext();
@@ -288,12 +301,24 @@ const TiptapComposer = require$$0.forwardRef(
       webpages,
       tools,
       rootCategories,
-      athenaUnavailable: mentionSearchUnavailable
+      athenaUnavailable: mentionSearchUnavailable,
+      chatAgents,
+      viewerIsAdmin
     });
+    const storeRef = require$$0.useRef(store);
+    storeRef.current = store;
+    const namesAgentsRef = require$$0.useRef(chatAgents !== void 0);
+    namesAgentsRef.current = chatAgents !== void 0;
+    const onSendReturnedRef = require$$0.useRef(onSendReturned);
+    onSendReturnedRef.current = onSendReturned;
     const [popupOpen, setPopupOpen] = require$$0.useState(false);
     const popupOpenRef = require$$0.useRef(false);
     const [popupProps, setPopupProps] = require$$0.useState(null);
     const callbacksRef = require$$0.useRef({
+      nameAgents: (items) => {
+        var _a, _b;
+        return ((_b = (_a = storeRef.current).nameAgents) == null ? void 0 : _b.call(_a, items)) ?? false;
+      },
       onStart: (props) => {
         setPopupOpen(true);
         popupOpenRef.current = true;
@@ -312,6 +337,60 @@ const TiptapComposer = require$$0.forwardRef(
         setPopupProps(null);
       }
     });
+    const slashCommandsRef = require$$0.useRef(slashCommands$1);
+    slashCommandsRef.current = slashCommands$1;
+    const slashMenuRef = require$$0.useRef(null);
+    const [slashMenu, setSlashMenu] = require$$0.useState(null);
+    const slashQueryRef = require$$0.useRef(null);
+    const slashCallbacksRef = require$$0.useRef({
+      onStart: (props) => {
+        slashQueryRef.current = props.query;
+        setSlashMenu(props);
+      },
+      onUpdate: (props) => {
+        slashQueryRef.current = props.query;
+        setSlashMenu(props);
+      },
+      onKeyDown: (event) => {
+        var _a;
+        return ((_a = slashMenuRef.current) == null ? void 0 : _a.onKeyDown(event)) ?? false;
+      },
+      onExit: () => {
+        slashQueryRef.current = null;
+        setSlashMenu(null);
+      }
+    });
+    const slashMenuListsCommands = require$$0.useCallback(() => {
+      const query = slashQueryRef.current;
+      return query !== null && slashCommands.matchSlashCommands({ commands: slashCommandsRef.current, query }).length > 0;
+    }, []);
+    const runSlashCommand = require$$0.useCallback(
+      ({ editor: commandEditor, range, match }) => {
+        if (!slashCommandMenu.slashCommandRuns(match.command) || commandEditor.isDestroyed) return;
+        commandEditor.chain().focus().deleteRange(range).run();
+        const report = (error) => {
+          athenaDiagnostics.athenaDiagnostics.error(
+            "composer.slash_command",
+            error,
+            { code: "slash_command_failed", message: "A composer command failed" },
+            { command: match.command.name }
+          );
+        };
+        try {
+          const ran = match.command.run({
+            args: match.args,
+            insertText: (text) => {
+              if (!text || commandEditor.isDestroyed) return;
+              commandEditor.chain().focus().insertContent({ type: "text", text }).run();
+            }
+          });
+          if (ran) void Promise.resolve(ran).catch(report);
+        } catch (error) {
+          report(error);
+        }
+      },
+      []
+    );
     const editorRef = require$$0.useRef(null);
     const handleSubmit = require$$0.useCallback(async () => {
       var _a, _b;
@@ -327,6 +406,8 @@ const TiptapComposer = require$$0.forwardRef(
         const ed = editorRef.current;
         if (!ed) return;
         const { text, draftMarkdown } = composerMessage.captureComposerSend(ed);
+        const namesAgents = namesAgentsRef.current;
+        const namedAgents$1 = namesAgents ? namedAgents.readDeepAgentNamedAgents(threadId) : [];
         const submittedDocument = ed.state.doc;
         const consumeSubmittedDraft = () => {
           if (ed.state.doc.eq(submittedDocument)) {
@@ -359,11 +440,13 @@ const TiptapComposer = require$$0.forwardRef(
             threadId,
             assetIdsInDraft: assetMentionIds(ed)
           });
+          const addressedAgents = namedAgents.deepAgentOutboxAddressedAgents(namedAgents$1);
           if (hostExtras && holdPendingExtras) {
             if (!holdPendingExtras({
               outbox: waitingOutbox,
               send: { text, draftMarkdown },
-              attachments
+              attachments,
+              ...addressedAgents && { addressedAgents }
             })) {
               return;
             }
@@ -376,12 +459,31 @@ const TiptapComposer = require$$0.forwardRef(
                 text,
                 markdown: draftMarkdown
               }),
-              ...attachments.length > 0 && { attachments }
+              ...attachments.length > 0 && { attachments },
+              ...addressedAgents && { addressedAgents }
             });
           }
           consumeSubmittedDraft();
           return;
         }
+        const goesNow = Boolean(text) || hostExtras && !runtimeAttachments && !!interceptSubmit;
+        if (beforeSubmit && goesNow) {
+          interceptionPendingRef.current = true;
+          setEditorEditable(ed);
+          try {
+            await beforeSubmit({ text });
+          } catch (error) {
+            athenaDiagnostics.athenaDiagnostics.emit("composer.before_send.rejected", {
+              level: "warn",
+              data: { error: error instanceof Error ? error.message : String(error) }
+            });
+            return;
+          } finally {
+            interceptionPendingRef.current = false;
+            if (!ed.isDestroyed) setEditorEditable(ed);
+          }
+          if (ed.isDestroyed) return;
+        }
         if (interceptSubmit) {
           const hasAttachments = (((_b = aui.composer.getState().attachments) == null ? void 0 : _b.length) ?? 0) > 0;
           if (!hasAttachments) {
@@ -404,13 +506,18 @@ const TiptapComposer = require$$0.forwardRef(
         if (!text) return;
         if (!composerInput.canSend) return;
         composerMessage.prepareComposerSend({ threadId, text, draftMarkdown });
+        if (namesAgents) composerNamedAgents.stageComposerNamedAgents({ threadId, text, agents: namedAgents$1 });
+        const prepared = prepareSend == null ? void 0 : prepareSend({ text });
         composerInput.setText(text);
-        composerInput.send({ steer: false });
+        composerInput.send(
+          runSend.autoComposerSendOptions(aui.thread().getState().isRunning && !(prepared == null ? void 0 : prepared.queue))
+        );
         consumeSubmittedDraft();
       } finally {
         submitInFlightRef.current = false;
       }
     }, [
+      beforeSubmit,
       clearImagePreviews,
       composerInput,
       disabled,
@@ -421,6 +528,7 @@ const TiptapComposer = require$$0.forwardRef(
       onAttachmentError,
       onDraftStateChange,
       onSubmitted,
+      prepareSend,
       setEditorEditable,
       threadId,
       waitForHostUploads
@@ -576,9 +684,14 @@ const TiptapComposer = require$$0.forwardRef(
           store,
           callbacks: callbacksRef.current
         }),
+        slashCommandsExtension.SlashCommandsExtension.configure({
+          hasCommands: () => slashCommandsRef.current.length > 0,
+          callbacks: slashCallbacksRef.current,
+          onPick: runSlashCommand
+        }),
         SubmitKeybind.configure({
           onSubmit: () => void handleSubmitRef.current(),
-          isMentionOpen: () => popupOpenRef.current
+          isMentionOpen: () => popupOpenRef.current || slashMenuListsCommands()
         })
       ],
       editorProps: {
@@ -631,12 +744,17 @@ const TiptapComposer = require$$0.forwardRef(
       if (restored === currentMarkdown) return;
       let cancelled = false;
       queueMicrotask(() => {
+        var _a;
         if (cancelled || editor.isDestroyed) return;
         applyingRuntimeTextRef.current = true;
         try {
           editor.commands.setContent(restored, { emitUpdate: false });
           lastEmittedMarkdownRef.current = serializeDraft(editor);
-          if (returnedDraft !== null) restoredSendRef.current = value;
+          if (returnedDraft !== null) {
+            restoredSendRef.current = value;
+            if (namesAgentsRef.current) namedAgents.restoreDeepAgentSentNamedAgents({ threadId, text: value });
+            (_a = onSendReturnedRef.current) == null ? void 0 : _a.call(onSendReturnedRef, { text: value });
+          }
         } finally {
           applyingRuntimeTextRef.current = false;
         }
@@ -750,6 +868,10 @@ const TiptapComposer = require$$0.forwardRef(
       const currentEditor = editorRef.current;
       return currentEditor && !currentEditor.isDestroyed ? composerMessage.captureComposerSend(currentEditor) : null;
     }, []);
+    const focusEditor = require$$0.useCallback(() => {
+      const currentEditor = editorRef.current;
+      if (currentEditor && !currentEditor.isDestroyed) currentEditor.commands.focus("end");
+    }, []);
     require$$0.useImperativeHandle(
       outerRef,
       () => ({
@@ -758,17 +880,20 @@ const TiptapComposer = require$$0.forwardRef(
         insertAssetMention,
         openMentionMenu,
         appendText,
-        captureSend
+        captureSend,
+        focus: focusEditor
       }),
       [
         addAttachment,
         appendText,
         captureSend,
+        focusEditor,
         handleSubmit,
         insertAssetMention,
         openMentionMenu
       ]
     );
+    const slashSections = slashMenu ? slashCommands.matchSlashCommands({ commands: slashCommands$1, query: slashMenu.query }) : [];
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("style", { children: MENTION_STYLES }),
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -814,7 +939,8 @@ const TiptapComposer = require$$0.forwardRef(
             editor.commands.focus();
           }
         }
-      ) })
+      ) }),
+      slashMenu && editor && slashSections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(mentionSuggestionPopup.MentionSuggestionPopup, { clientRect: slashMenu.clientRect, children: /* @__PURE__ */ jsxRuntime.jsx(slashCommandMenu.SlashCommandMenu, { ref: slashMenuRef, sections: slashSections, onPick: slashMenu.pick }) })
     ] });
   }
 );