aov-agent 1.0.9 → 1.0.11

package/dist/agent-ui/components/Assistant/AssistantWidget/AssistantWidget.js

@@ -13,6 +13,7 @@ import PropTypes from "prop-types";
 import { Badge, BlockStack, Box, Button, InlineStack, Popover, Spinner, Text } from "@shopify/polaris";
 import { ComposeIcon, XIcon } from "@shopify/polaris-icons";
 import { ThreadContext } from "../../../contexts/ThreadContext.js";
+import { useThread, useMessage } from "@assistant-ui/react";
 import { Composer, Thread, ThreadWelcome } from "@assistant-ui/react-ui";
 import { MarkdownText } from "../Markdown/MarkdownText.js";
 import MathRenderer from "../Markdown/MathRenderer.js";
@@ -25,6 +26,7 @@ import "./AssistantWidget.scss";
 import Avatar from "../../../resources/assistant-avatar.svg";
 import { welcomeSuggestions, welComeMessage } from "../../../const/option";
 import { AgentContext } from "../../../contexts/AgentContext.js";
+import { ContactSupportCard } from "../ToolResult/CardTool.js";
 var AssistantText = /*#__PURE__*/React.memo(function AssistantText(props) {
   try {
     return /*#__PURE__*/React.createElement("div", {
@@ -49,6 +51,31 @@ var AssistantTool = /*#__PURE__*/React.memo(function AssistantTool(_ref) {
     return null;
   }
 });
+var AssistantMessageFooter = function AssistantMessageFooter() {
+  var messages = useThread(function (state) {
+    return state.messages;
+  });
+  var currentMessage = useMessage();
+  var isRunning = useThread(function (state) {
+    return state.isRunning;
+  });
+  if (isRunning) return null;
+  var currentIndex = messages.findIndex(function (m) {
+    return m.id === currentMessage.id;
+  });
+  var userMessage = messages.slice(0, currentIndex).reverse().find(function (m) {
+    return m.role === "user";
+  });
+  if (!userMessage) return null;
+  var userContent = Array.isArray(userMessage.content) ? userMessage.content.filter(function (part) {
+    return part.type === "text";
+  }).map(function (part) {
+    return part.text;
+  }).join(" ") : userMessage.content;
+  return /*#__PURE__*/React.createElement(ContactSupportCard, {
+    userContent: userContent
+  });
+};
 var AssistantWidget = function AssistantWidget(_ref2) {
   var onClose = _ref2.onClose;
   var _useContext = useContext(AgentContext),
@@ -95,7 +122,8 @@ var AssistantWidget = function AssistantWidget(_ref2) {
         return /*#__PURE__*/React.createElement(AssistantTool, _extends({
           shop: shop
         }, props));
-      }
+      },
+      Footer: AssistantMessageFooter
     };
   }, [shop]);
   return /*#__PURE__*/React.createElement("div", {
@@ -114,8 +142,8 @@ var AssistantWidget = function AssistantWidget(_ref2) {
     wrap: false
   }, loadingThreads && !(thread !== null && thread !== void 0 && thread.title) ? /*#__PURE__*/React.createElement(Spinner, {
     size: "small"
-  }) : /*#__PURE__*/React.createElement(Box, {
-    width: "calc(100% - 160px)"
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "AOV-Sidekick__ChatSelector"
   }, /*#__PURE__*/React.createElement(Popover, {
     active: popoverActive,
     activator: activator,
@@ -134,7 +162,7 @@ var AssistantWidget = function AssistantWidget(_ref2) {
     updateThread: updateThread,
     deleteThread: deleteThread
   }))), /*#__PURE__*/React.createElement(Box, {
-    minWidth: "60px"
+    width: "90px"
   }, /*#__PURE__*/React.createElement(InlineStack, {
     wrap: false,
     blockAlign: "center",

package/dist/agent-ui/components/Assistant/AssistantWidget/AssistantWidget.scss

@@ -16,6 +16,20 @@
   height: 100%;
 }
 
+.AOV-Sidekick__ChatSelector{
+  width: calc(100% - 100px);
+  .Polaris-Box, button {
+    width: 100% !important;
+    justify-content: left;
+    > span {
+      max-width: 100%;
+    }
+    .Polaris-Icon{
+      margin: unset;
+    }
+  }
+}
+
 .aui-thread-root {
   height: 100%;
   font-family: Arial, Helvetica, sans-serif;
@@ -116,6 +130,21 @@
         display: flex;
         align-items: center;
       }
+      .assistant-message-footer {
+        width: 100%;
+        margin-top: 8px;
+        margin-left: 38px;
+        button {
+          font-size: 12px;
+          padding: 4px 10px;
+          border-radius: 6px;
+          border: 1px solid #e0e0e0;
+          background-color: #fafafa;
+          &:hover {
+            background-color: #f0f0f0;
+          }
+        }
+      }
     }
     img {
       display: block;

package/dist/agent-ui/components/Assistant/ThreadProvider.js

@@ -178,7 +178,6 @@ var createStreamingModelAdapter = function createStreamingModelAdapter(_ref) {
                 _context.n = 8;
                 return _awaitAsyncGenerator(streamPromise);
               case 8:
-                // Call onComplete with final messages after stream ends
                 if (onComplete) {
                   userMessage = messages.findLast(function (m) {
                     return m.role === "user";
@@ -265,8 +264,6 @@ var ThreadProvider = function ThreadProvider(_ref3) {
   var clearSession = useCallback(function () {
     clearThreadSession(appName);
   }, [appName]);
-
-  // Validate cached thread still exists after threads are fetched
   useEffect(function () {
     var _cachedSession$thread;
     if (!threadsFetched || sessionValidatedRef.current) return;
@@ -279,7 +276,6 @@ var ThreadProvider = function ThreadProvider(_ref3) {
         });
       });
       if (!threadExists) {
-        // Thread no longer exists, clear everything
         setThread({});
         clearSession();
       }
@@ -328,8 +324,6 @@ var ThreadProvider = function ThreadProvider(_ref3) {
     });
   }, [onSuggestions, stream, thread, onStart, onComplete, clearSuggestions, shop]);
   var runtime = useLocalRuntime(modelAdapter);
-
-  // Initialize runtime with cached messages on mount
   var initializedRef = useRef(false);
   useEffect(function () {
     if (initializedRef.current || !runtime) return;
@@ -369,7 +363,6 @@ var ThreadProvider = function ThreadProvider(_ref3) {
             runtime.reset({
               initialMessages: messages
             });
-            // Save thread and messages to session
             if (threadData) {
               setThread(threadData);
               saveSession(threadData, messages);

package/dist/agent-ui/components/Assistant/ToolResult/CardTool.js

@@ -5,6 +5,7 @@ import { oneLight } from "react-syntax-highlighter/dist/esm/styles/prism";
 import CopyToClipboard from "../../CopyToClipboard/CopyToClipboard";
 import { formatQuery } from "../../../helpers/formatQuery";
 import "./CardTool.scss";
+import { ChatIcon } from "@shopify/polaris-icons";
 export var TalkToHumanCard = function TalkToHumanCard(_ref) {
   var result = _ref.result;
   if (!result) return null;
@@ -95,4 +96,21 @@ export var GetShopifyDataCard = function GetShopifyDataCard(_ref3) {
       alignment: "center"
     }, item.name);
   }) : "There was no data found for this date range."))))));
+};
+export var ContactSupportCard = function ContactSupportCard(_ref5) {
+  var userContent = _ref5.userContent;
+  var handleContactSupport = function handleContactSupport() {
+    if (window.$crisp) {
+      var message = "\uD83D\uDCAC This message has been forwarded to Human Support from the AI Assistant.\n\n      ----------------------------------------\n ".concat(userContent);
+      window.$crisp.push(["do", "chat:open"]);
+      window.$crisp.push(["do", "message:send", ["text", message]]);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Button, {
+    onClick: handleContactSupport,
+    variant: "secondary",
+    size: "slim",
+    fullWidth: true,
+    icon: ChatIcon
+  }, "Contact Human Support");
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aov-agent",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "AOV AI Agent - Monorepo for AI Assistant Components",
   "type": "module",
   "exports": {
@@ -73,6 +73,7 @@
     "katex": "^0.16.22",
     "prop-types": "^15.8.1",
     "query-string": "^7.1.3",
-    "react-syntax-highlighter": "^15.6.6"
+    "react-syntax-highlighter": "^15.6.6",
+    "remark-gfm": "^4.0.1"
   }
 }