aov-agent 1.0.0 → 1.0.6

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

@@ -0,0 +1,43 @@
+import React from "react";
+import { Tooltip } from "@shopify/polaris";
+import * as PropTypes from "prop-types";
+import copyToClipboard from "../../helpers/copyToClipboard";
+
+/**
+ * @param text
+ * @param icon
+ * @returns {JSX.Element}
+ * @constructor
+ */
+export default function CopyToClipboard(_ref) {
+  var text = _ref.text,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? /*#__PURE__*/React.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none"
+    }, /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8.75 3.5C8.06212 3.49988 7.39916 3.75756 6.89193 4.22221C6.38471 4.68686 6.07003 5.32474 6.01 6.01C5.32474 6.07003 4.68686 6.38471 4.22221 6.89193C3.75756 7.39916 3.49988 8.06212 3.5 8.75V13.75C3.5 14.4793 3.78973 15.1788 4.30546 15.6945C4.82118 16.2103 5.52065 16.5 6.25 16.5H11.25C11.9379 16.5001 12.6008 16.2424 13.1081 15.7778C13.6153 15.3131 13.93 14.6753 13.99 13.99C14.6753 13.93 15.3131 13.6153 15.7778 13.1081C16.2424 12.6008 16.5001 11.9379 16.5 11.25V6.25C16.5 5.52065 16.2103 4.82118 15.6945 4.30546C15.1788 3.78973 14.4793 3.5 13.75 3.5H8.75ZM11.25 6H7.525C7.641 5.43 8.145 5 8.75 5H13.75C14.44 5 15 5.56 15 6.25V11.25C15 11.855 14.57 12.36 14 12.475V8.75C14 8.38886 13.9289 8.03127 13.7907 7.69762C13.6525 7.36398 13.4499 7.06082 13.1945 6.80546C12.9392 6.5501 12.636 6.34753 12.3024 6.20933C11.9687 6.07113 11.6111 6 11.25 6ZM6.25 7.5C5.56 7.5 5 8.06 5 8.75V13.75C5 14.44 5.56 15 6.25 15H11.25C11.94 15 12.5 14.44 12.5 13.75V8.75C12.5 8.06 11.94 7.5 11.25 7.5H6.25Z",
+      fill: "#4A4A4A"
+    })) : _ref$icon;
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: "Click to copy",
+    preferredPosition: "above"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      cursor: "pointer",
+      pointerEvents: "auto"
+    },
+    onClick: function onClick() {
+      copyToClipboard(text);
+    }
+  }, icon));
+}
+CopyToClipboard.propTypes = {
+  text: PropTypes.string,
+  icon: PropTypes.node
+};

package/dist/agent-ui/components/CopyToClipboard/index.js

@@ -0,0 +1,2 @@
+import CopyToClipboard from "./CopyToClipboard";
+export default CopyToClipboard;

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

@@ -0,0 +1,262 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useEffect, useRef, useState, useCallback } from "react";
+import { Portal } from "@shopify/polaris";
+import PropTypes from "prop-types";
+import "./ResizableModal.scss";
+var MIN_WIDTH = 325;
+var MIN_HEIGHT = 200;
+var DEFAULT_WIDTH = 450;
+var DEFAULT_HEIGHT = 400;
+var MAX_WIDTH = 650;
+
+/**
+ * ResizableModal - A draggable and resizable modal component
+ *
+ * @param {boolean} open - Whether the modal is open
+ * @param {Function} onClose - Callback function when modal closes
+ * @param {string} accessibilityLabel - Accessibility label for screen readers
+ * @param {React.ReactNode} children - Modal content
+ * @param {boolean} disableClickOutsideClose - Disable closing when clicking outside
+ * @param {number} initialWidth - Initial width of modal
+ * @param {number} initialHeight - Initial height of modal
+ * @param {number} minWidth - Minimum width of modal
+ * @param {number} minHeight - Minimum height of modal
+ * @param {number} maxWidth - Maximum width of modal
+ * @returns {React.ReactElement|null} Resizable modal component
+ */
+var ResizableModal = function ResizableModal(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    accessibilityLabel = _ref.accessibilityLabel,
+    children = _ref.children,
+    _ref$disableClickOuts = _ref.disableClickOutsideClose,
+    disableClickOutsideClose = _ref$disableClickOuts === void 0 ? false : _ref$disableClickOuts,
+    _ref$initialWidth = _ref.initialWidth,
+    initialWidth = _ref$initialWidth === void 0 ? DEFAULT_WIDTH : _ref$initialWidth,
+    _ref$initialHeight = _ref.initialHeight,
+    initialHeight = _ref$initialHeight === void 0 ? DEFAULT_HEIGHT : _ref$initialHeight,
+    _ref$minWidth = _ref.minWidth,
+    minWidth = _ref$minWidth === void 0 ? MIN_WIDTH : _ref$minWidth,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? MIN_HEIGHT : _ref$minHeight,
+    _ref$maxWidth = _ref.maxWidth,
+    maxWidth = _ref$maxWidth === void 0 ? MAX_WIDTH : _ref$maxWidth;
+  var modalRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isClosing = _useState2[0],
+    setIsClosing = _useState2[1];
+  var _useState3 = useState(open),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isVisible = _useState4[0],
+    setIsVisible = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isDragging = _useState6[0],
+    setIsDragging = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isResizing = _useState8[0],
+    setIsResizing = _useState8[1];
+  var _useState9 = useState(""),
+    _useState0 = _slicedToArray(_useState9, 2),
+    resizeDirection = _useState0[0],
+    setResizeDirection = _useState0[1];
+  var _useState1 = useState({
+      width: initialWidth,
+      height: initialHeight
+    }),
+    _useState10 = _slicedToArray(_useState1, 2),
+    dimensions = _useState10[0],
+    setDimensions = _useState10[1];
+  var _useState11 = useState({
+      x: 0,
+      y: 0
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    position = _useState12[0],
+    setPosition = _useState12[1];
+  var _useState13 = useState({
+      x: 0,
+      y: 0
+    }),
+    _useState14 = _slicedToArray(_useState13, 2),
+    dragStart = _useState14[0],
+    setDragStart = _useState14[1];
+  useEffect(function () {
+    if (open) {
+      setIsVisible(true);
+      setIsClosing(false);
+      setPosition({
+        x: 0,
+        y: 0
+      });
+      setDimensions({
+        width: initialWidth,
+        height: window.innerHeight
+      });
+    } else if (isVisible) {
+      setIsClosing(true);
+      var timer = setTimeout(function () {
+        setIsVisible(false);
+      }, 200);
+      return function () {
+        return clearTimeout(timer);
+      };
+    }
+  }, [open, isVisible, initialWidth]);
+  var handleMouseDown = useCallback(function (e, action) {
+    var direction = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+    e.preventDefault();
+    if (action === "drag") {
+      setIsDragging(true);
+      setDragStart({
+        x: e.clientX - position.x,
+        y: e.clientY - position.y
+      });
+    } else if (action === "resize") {
+      setIsResizing(true);
+      setResizeDirection(direction);
+    }
+  }, [position]);
+  var handleMouseMove = useCallback(function (e) {
+    if (isDragging) {
+      var newX = Math.max(0, Math.min(window.innerWidth - dimensions.width, e.clientX - dragStart.x));
+      var newY = Math.max(0, Math.min(window.innerHeight - dimensions.height, e.clientY - dragStart.y));
+      setPosition({
+        x: newX,
+        y: newY
+      });
+    } else if (isResizing && modalRef.current) {
+      var rect = modalRef.current.getBoundingClientRect();
+      var newWidth = dimensions.width;
+      var newHeight = dimensions.height;
+      var _newX = position.x;
+      var _newY = position.y;
+      if (resizeDirection.includes("right")) {
+        newWidth = Math.max(minWidth, e.clientX - rect.left);
+      }
+      if (resizeDirection.includes("left")) {
+        var deltaX = rect.left - e.clientX;
+        newWidth = Math.max(minWidth, dimensions.width + deltaX);
+        if (newWidth > minWidth) {
+          _newX = e.clientX;
+        }
+      }
+      if (resizeDirection.includes("bottom")) {
+        newHeight = Math.max(minHeight, e.clientY - rect.top);
+      }
+      if (resizeDirection.includes("top")) {
+        var deltaY = rect.top - e.clientY;
+        newHeight = Math.max(minHeight, dimensions.height + deltaY);
+        if (newHeight > minHeight) {
+          _newY = e.clientY;
+        }
+      }
+      if (_newX + newWidth > window.innerWidth) {
+        newWidth = window.innerWidth - _newX;
+      }
+      newWidth = Math.min(newWidth, maxWidth);
+      if (_newY + newHeight > window.innerHeight) {
+        newHeight = window.innerHeight - _newY;
+      }
+      setDimensions({
+        width: newWidth,
+        height: newHeight
+      });
+      setPosition({
+        x: _newX,
+        y: _newY
+      });
+    }
+  }, [isDragging, isResizing, dragStart, dimensions, position, resizeDirection, minWidth, minHeight, maxWidth]);
+  var handleMouseUp = useCallback(function () {
+    setIsDragging(false);
+    setIsResizing(false);
+    setResizeDirection("");
+  }, []);
+  useEffect(function () {
+    if (isDragging || isResizing) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.body.style.userSelect = "none";
+    }
+    return function () {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+      document.body.style.userSelect = "auto";
+    };
+  }, [isDragging, isResizing, handleMouseMove, handleMouseUp]);
+  var handleClose = useCallback(function () {
+    setIsClosing(true);
+    var timer = setTimeout(function () {
+      onClose();
+    }, 200);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [onClose]);
+  useEffect(function () {
+    var handleEscapeKey = function handleEscapeKey(event) {
+      if (event.key === "Escape") {
+        handleClose();
+      }
+    };
+    if (open) {
+      document.addEventListener("keydown", handleEscapeKey);
+      document.body.style.overflow = "hidden";
+    }
+    return function () {
+      document.removeEventListener("keydown", handleEscapeKey);
+      document.body.style.overflow = "unset";
+    };
+  }, [open, handleClose]);
+  if (!isVisible) return null;
+  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", {
+    className: "Avada-ResizableModal__Container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "Avada-ResizableModal__Backdrop ".concat(isClosing ? "Avada-ResizableModal__Backdrop--closing" : "")
+    // onMouseDown={() => {
+    //   if (!disableClickOutsideClose) {
+    //     handleClose();
+    //   }
+    // }}
+  }), /*#__PURE__*/React.createElement("div", {
+    ref: modalRef,
+    className: "Avada-ResizableModal__Content ".concat(isClosing ? "Avada-ResizableModal__Content--closing" : ""),
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-label": accessibilityLabel,
+    style: {
+      width: dimensions.width,
+      height: dimensions.height,
+      left: position.x,
+      bottom: position.y
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "Avada-ResizableModal__Body"
+  }, children), /*#__PURE__*/React.createElement("div", {
+    className: "Avada-ResizableModal__ResizeHandle Avada-ResizableModal__ResizeHandle--right",
+    onMouseDown: function onMouseDown(e) {
+      return handleMouseDown(e, "resize", "right");
+    }
+  }))));
+};
+ResizableModal.propTypes = {
+  open: PropTypes.bool.isRequired,
+  onClose: PropTypes.func.isRequired,
+  accessibilityLabel: PropTypes.string,
+  children: PropTypes.node,
+  disableClickOutsideClose: PropTypes.bool,
+  initialWidth: PropTypes.number,
+  initialHeight: PropTypes.number,
+  minWidth: PropTypes.number,
+  minHeight: PropTypes.number,
+  maxWidth: PropTypes.number
+};
+export default ResizableModal;

package/dist/agent-ui/components/ResizableModal/ResizableModal.scss

@@ -0,0 +1,117 @@
+.Avada-ResizableModal {
+    &__Container {
+        position: fixed;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 399;
+        display: flex;
+        justify-content: flex-start;
+    }
+
+    &__Backdrop {
+        position: fixed;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 10000;
+        background-color: rgba(0, 0, 0, 0.5);
+        pointer-events: auto;
+        animation: fadeIn 0.2s ease-in-out;
+
+        &--closing {
+            animation: fadeOut 0.2s ease-in-out forwards;
+        }
+    }
+
+    &__Content {
+        position: fixed;
+        display: flex;
+        flex-direction: column;
+        background-color: #FFFFFF;
+        z-index: 10001;
+        pointer-events: auto;
+        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        animation: slideInFromLeft 0.2s ease-in-out;
+        overflow: hidden;
+
+        &--closing {
+            animation: slideOutToLeft 0.2s ease-in-out forwards;
+        }
+
+        @media (max-width: 48em) {
+            width: 95vw !important;
+            height: 90vh !important;
+            left: 2.5vw !important;
+            top: 5vh !important;
+        }
+    }
+
+    &__Body {
+        flex: 1;
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        min-height: 0;
+        height: 100%;
+    }
+
+    &__ResizeHandle {
+        position: absolute;
+        background: transparent;
+
+        &--right {
+            top: 0;
+            right: 0;
+            bottom: 0;
+            width: 4px;
+            cursor: e-resize;
+        }
+
+        &:hover {
+            background-color: rgba(0, 123, 255, 0.2);
+        }
+    }
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+
+    to {
+        opacity: 0;
+    }
+}
+
+@keyframes slideInFromLeft {
+    from {
+        transform: translateX(-100%);
+    }
+
+    to {
+        transform: translateX(0);
+    }
+}
+
+@keyframes slideOutToLeft {
+    from {
+        transform: translateX(0);
+    }
+
+    to {
+        transform: translateX(-100%);
+    }
+}

package/dist/agent-ui/const/appName.js

@@ -0,0 +1,6 @@
+export var AOV_APPS = {
+  FG: "FreeGifts",
+  BD: "Bundles",
+  CD: "CartDrawer",
+  PP: "PostPurchase"
+};

package/dist/agent-ui/const/option.js

@@ -0,0 +1,9 @@
+import { AOV_APPS } from "./appName";
+export var welcomeSuggestions = function welcomeSuggestions(appName) {
+  switch (appName) {
+    case AOV_APPS.FG:
+      return ["How do I create my first Buy X Get Y campaign?", "How do I set a spending threshold for free gifts?", "How do I customize the Pop-up for my campaign?", "How do I check campaign performance and reports?"];
+    default:
+      return ["How do I create my first Buy X Get Y campaign?", "How do I set a spending threshold for free gifts?", "How do I customize the Pop-up for my campaign?", "How do I check campaign performance and reports?"];
+  }
+};

package/dist/agent-ui/const/toolName.js

@@ -0,0 +1,6 @@
+export var FG_TOOL_NAMES = {
+  GET_SHOP_INFO: "get_shop_info",
+  GET_PLAN_INFO: "get_plan_info",
+  GET_SHOPIFY_DATA: "get_shopify_data",
+  TALK_TO_HUMAN: "talk_to_human"
+};

package/dist/agent-ui/contexts/AgentContext.js

@@ -0,0 +1,54 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { createContext, useState } from "react";
+import PropTypes from "prop-types";
+
+/**
+ * Context for managing agent UI visibility state
+ *
+ * @property {boolean} openAgent - Whether the agent widget is open
+ * @property {Function} setOpenAgent - Toggle agent visibility
+ * @property {Object} customToolRenderers - Custom renderers for tool results
+ *   Keys should match tool names from FG_TOOL_NAMES (e.g., 'create_campaign', 'update_campaign')
+ *   Values are React components that receive { result, args, toolName } props
+ */
+export var AgentContext = /*#__PURE__*/createContext({
+  openAgent: false,
+  setOpenAgent: function setOpenAgent() {},
+  customToolRenderers: {}
+});
+
+/**
+ * AgentProvider - Provides agent context to children
+ *
+ * @param {React.ReactNode} children - Child components
+ * @returns {React.ReactElement} AgentProvider component
+ */
+export var AgentProvider = function AgentProvider(_ref) {
+  var children = _ref.children,
+    _ref$contextValue = _ref.contextValue,
+    contextValue = _ref$contextValue === void 0 ? {} : _ref$contextValue;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    openAgent = _useState2[0],
+    setOpenAgent = _useState2[1];
+  return /*#__PURE__*/React.createElement(AgentContext.Provider, {
+    value: _objectSpread(_objectSpread({}, contextValue), {}, {
+      openAgent: openAgent,
+      setOpenAgent: setOpenAgent
+    })
+  }, children);
+};
+AgentProvider.propTypes = {
+  children: PropTypes.node.isRequired
+};

package/dist/agent-ui/contexts/SuggestionsContext.js

@@ -0,0 +1,64 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { createContext, useState, useContext } from "react";
+import PropTypes from "prop-types";
+
+/**
+ * Context for managing AI suggestions state
+ */
+var SuggestionsContext = /*#__PURE__*/createContext({
+  suggestions: [],
+  isVisible: false,
+  updateSuggestions: function updateSuggestions() {},
+  clearSuggestions: function clearSuggestions() {}
+});
+
+/**
+ * SuggestionsProvider - Provides suggestions context to children
+ *
+ * @param {React.ReactNode} children - Child components
+ * @returns {React.ReactElement} SuggestionsProvider component
+ */
+export var SuggestionsProvider = function SuggestionsProvider(_ref) {
+  var children = _ref.children;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    suggestions = _useState2[0],
+    setSuggestions = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isVisible = _useState4[0],
+    setIsVisible = _useState4[1];
+  var updateSuggestions = function updateSuggestions(newSuggestions) {
+    setSuggestions(newSuggestions);
+    setIsVisible(true);
+  };
+  var clearSuggestions = function clearSuggestions() {
+    setSuggestions([]);
+    setIsVisible(false);
+  };
+  return /*#__PURE__*/React.createElement(SuggestionsContext.Provider, {
+    value: {
+      suggestions: suggestions,
+      isVisible: isVisible,
+      updateSuggestions: updateSuggestions,
+      clearSuggestions: clearSuggestions
+    }
+  }, children);
+};
+SuggestionsProvider.propTypes = {
+  children: PropTypes.node.isRequired
+};
+
+/**
+ * Custom hook to access suggestions context
+ *
+ * @returns {Object} Suggestions context value
+ */
+export var useSuggestions = function useSuggestions() {
+  return useContext(SuggestionsContext);
+};

package/dist/agent-ui/contexts/ThreadContext.js

@@ -0,0 +1,60 @@
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+import React, { createContext } from "react";
+
+/**
+ * Context for managing chat thread state and operations
+ * Provides thread list, loading states, and CRUD operations
+ */
+export var ThreadContext = /*#__PURE__*/createContext({
+  threads: [],
+  loadingThreads: false,
+  loadingMessages: false,
+  getThread: function () {
+    var _getThread = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    function getThread() {
+      return _getThread.apply(this, arguments);
+    }
+    return getThread;
+  }(),
+  thread: {},
+  setThread: function setThread() {},
+  resetThread: function resetThread() {},
+  deleteThread: function () {
+    var _deleteThread = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            return _context2.a(2);
+        }
+      }, _callee2);
+    }));
+    function deleteThread() {
+      return _deleteThread.apply(this, arguments);
+    }
+    return deleteThread;
+  }(),
+  updateThread: function () {
+    var _updateThread = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
+          case 0:
+            return _context3.a(2);
+        }
+      }, _callee3);
+    }));
+    function updateThread() {
+      return _updateThread.apply(this, arguments);
+    }
+    return updateThread;
+  }()
+});

package/dist/agent-ui/helpers/copyToClipboard.js

@@ -0,0 +1,33 @@
+/**
+ * @param {string} text
+ * @returns {*}
+ */
+export default function copyToClipboard(text) {
+  if (navigator.clipboard) {
+    navigator.clipboard.writeText(text).then(function () {})["catch"](function () {
+      fallbackCopyToClipboard(text);
+    });
+  } else {
+    fallbackCopyToClipboard(text);
+  }
+}
+function fallbackCopyToClipboard(text) {
+  var textArea = document.createElement("textarea");
+  textArea.value = text;
+
+  // Avoid scrolling to bottom
+  textArea.style.top = "0";
+  textArea.style.left = "0";
+  textArea.style.position = "fixed";
+  document.body.appendChild(textArea);
+  textArea.focus();
+  textArea.select();
+  try {
+    var successful = document.execCommand("copy");
+    var msg = successful ? "successful" : "unsuccessful";
+    console.log("Fallback: Copying text command was " + msg);
+  } catch (err) {
+    console.error("Fallback: Oops, unable to copy", err);
+  }
+  document.body.removeChild(textArea);
+}