aov-agent 1.0.21 → 1.0.23

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

@@ -118,6 +118,7 @@
     padding: 10px;
     border-radius: 50%;
     background: linear-gradient(135deg, #d4f0f2 0%, #e8f4f5 100%);
+    z-index: 1000;
 
     .aov-agent-button__icon {
       width: 32px;

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

@@ -10,14 +10,15 @@ import "./Assistant.scss";
 var AssistantCore = function AssistantCore() {
   var _useContext = useContext(AgentContext),
     openAgent = _useContext.openAgent,
-    setOpenAgent = _useContext.setOpenAgent;
+    setOpenAgent = _useContext.setOpenAgent,
+    isCompact = _useContext.isCompact;
   return /*#__PURE__*/React.createElement("div", {
     className: "aov-assistant-core"
   }, /*#__PURE__*/React.createElement(AgentButton, {
     onClick: function onClick() {
       return setOpenAgent(!openAgent);
     },
-    isOpen: openAgent
+    isOpen: openAgent || isCompact
   }), /*#__PURE__*/React.createElement(ResizableModal, {
     open: openAgent,
     onClose: function onClose() {
@@ -40,19 +41,22 @@ var AssistantCore = function AssistantCore() {
  * @param {string} apiUrl - API endpoint URL for chat
  * @param {string} appName - Application name
  * @param {Object} customToolRenderers - Custom renderers for tools
+ * @param {boolean} isCompact - Whether to show the agent chat in compact mode
  * @returns {React.ReactElement} Assistant component
  */
 export var Assistant = function Assistant(_ref) {
   var shop = _ref.shop,
     apiUrl = _ref.apiUrl,
     appName = _ref.appName,
-    customToolRenderers = _ref.customToolRenderers;
+    customToolRenderers = _ref.customToolRenderers,
+    isCompact = _ref.isCompact;
   return /*#__PURE__*/React.createElement(AgentProvider, {
     contextValue: {
       appName: appName,
       shop: shop,
       apiUrl: apiUrl,
-      customToolRenderers: customToolRenderers
+      customToolRenderers: customToolRenderers,
+      isCompact: isCompact
     }
   }, /*#__PURE__*/React.createElement(AssistantCore, null));
 };
@@ -63,6 +67,7 @@ Assistant.propTypes = {
   }),
   apiUrl: PropTypes.string,
   appName: PropTypes.string,
-  customToolRenderers: PropTypes.object
+  customToolRenderers: PropTypes.object,
+  isCompact: PropTypes.bool
 };
 export default Assistant;

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

@@ -11,7 +11,7 @@ import { Popover, Spinner } from "@shopify/polaris";
 import { Composer, Thread, ThreadWelcome } from "@assistant-ui/react-ui";
 import "@assistant-ui/react-markdown/styles/dot.css";
 import { ThreadContext } from "../../../contexts/ThreadContext.js";
-import { useThreadViewport } from "../../../hooks/useThreadViewport.js";
+import { useThreadViewport } from "../../../hooks/useThread.js";
 import Suggestions from "../Suggestions/Suggestions.js";
 
 // import Avatar from "@resources/assistant-avatar.svg";

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

@@ -143,10 +143,10 @@
   top: 0;
   left: 0;
   right: 0;
-  height: 100%;
-  background: linear-gradient(90deg, rgba(0, 205, 174, 0.18) 0%, rgba(238, 157, 7, 0.12) 100%);
-  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
-  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
+  bottom: 0;
+  background:
+    radial-gradient(ellipse 80% 55% at 30% 0%, rgba(0, 205, 174, 0.28) 0%, transparent 60%),
+    radial-gradient(ellipse 60% 45% at 80% 0%, rgba(238, 157, 7, 0.2) 0%, transparent 60%);
   pointer-events: none;
 }
 
@@ -495,8 +495,7 @@
   display: flex;
   align-items: center;
   width: 100%;
-  padding: 10px 16px;
-  font-size: 14px;
+  padding: 10px 12px;
   cursor: pointer;
   box-sizing: border-box;
   position: relative;

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

@@ -51,15 +51,14 @@ var AllSessions = function AllSessions(_ref) {
     className: "AOV-Sidekick__AllSessions"
   }, /*#__PURE__*/React.createElement(Box, {
     paddingInline: "300",
-    paddingBlock: "200",
-    borderBlockEndWidth: "025",
+    paddingBlockStart: "200",
     borderColor: "border"
   }, /*#__PURE__*/React.createElement(Button, {
     icon: ArrowLeftIcon,
     onClick: onBack,
     variant: "monochromePlain"
   }, "All sessions")), /*#__PURE__*/React.createElement(Box, {
-    padding: "300"
+    paddingInline: "300"
   }, /*#__PURE__*/React.createElement(TextField, {
     value: search,
     onChange: setSearch,
@@ -79,15 +78,15 @@ var AllSessions = function AllSessions(_ref) {
     tone: "subdued",
     alignment: "center"
   }, "No sessions found")) : filteredSections.map(function (group) {
-    return /*#__PURE__*/React.createElement(BlockStack, {
-      key: group.title
-    }, /*#__PURE__*/React.createElement(Box, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
       paddingInline: "300",
       paddingBlockStart: "200",
       paddingBlockEnd: "100"
     }, /*#__PURE__*/React.createElement(Text, {
       variant: "headingSm"
-    }, group.title)), group.items.map(function (item) {
+    }, group.title)), /*#__PURE__*/React.createElement(BlockStack, {
+      key: group.title
+    }, group.items.map(function (item) {
       return /*#__PURE__*/React.createElement("button", {
         key: item.id,
         className: "AOV-Sidekick__SessionItem",
@@ -101,7 +100,7 @@ var AllSessions = function AllSessions(_ref) {
         updateThread: updateThread,
         deleteThread: deleteThread
       }));
-    }));
+    })));
   })));
 };
 AllSessions.propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aov-agent",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "AOV AI Agent - Monorepo for AI Assistant Components",
   "type": "module",
   "exports": {

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

@@ -1,30 +0,0 @@
-import React from "react";
-import { useDispatch } from "react-redux";
-import { useNavigate } from "react-router-dom";
-import { Card, BlockStack, Text, Button } from "@shopify/polaris";
-var CampaignRendered = function CampaignRendered(_ref) {
-  var campaignType = _ref.campaignType,
-    campaign = _ref.campaign;
-  var dispatch = useDispatch();
-  var navigate = useNavigate();
-  var handleCampaign = function handleCampaign() {
-    // TODO: Implement campaign handling logic
-    // This is a placeholder - implement based on your business logic
-    console.log("Handle campaign", campaignType, campaign);
-  };
-  return /*#__PURE__*/React.createElement(Card, {
-    padding: "400"
-  }, /*#__PURE__*/React.createElement(BlockStack, {
-    gap: "200"
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "span",
-    variant: "bodySm",
-    fontWeight: "medium",
-    alignment: "center"
-  }, "Campaign type: ", campaignType), /*#__PURE__*/React.createElement(Button, {
-    tone: "success",
-    variant: "primary",
-    onClick: handleCampaign
-  }, "Preview")));
-};
-export default CampaignRendered;