aov-agent 1.0.0 → 1.0.1

package/dist/agent-ui/components/Assistant/Markdown/MarkdownText.scss

@@ -0,0 +1,222 @@
+/* Custom markdown styles for AssistantWidget */
+.assistant-markdown-text {
+  h1 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin: 1.2em 0 0.6em 0;
+    line-height: 1.3;
+  }
+  h2 {
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin: 1em 0 0.5em 0;
+    line-height: 1.3;
+  }
+  h3 {
+    font-size: 1rem;
+    font-weight: 600;
+    margin: 0.8em 0 0.4em 0;
+    line-height: 1.3;
+  }
+  h4,
+  h5,
+  h6 {
+    font-size: 0.95rem;
+    font-weight: 500;
+    margin: 0.7em 0 0.3em 0;
+    line-height: 1.3;
+  }
+  p {
+    margin: 0.5em 0;
+  }
+  ul,
+  ol {
+    margin: 0.5em 0 0.5em 1.2em;
+    padding-left: 0;
+    list-style-position: outside;
+  }
+  ul {
+    list-style-type: disc;
+  }
+  ol {
+    list-style-type: decimal;
+  }
+  li {
+    margin: 0.2em 0;
+    display: list-item;
+  }
+  li > ul,
+  li > ol {
+    margin: 0.2em 0 0.2em 1.2em;
+  }
+  li li {
+    list-style-type: circle;
+  }
+  li li li {
+    list-style-type: square;
+  }
+}
+
+/* Link styles */
+.aui-md-a {
+  color: #0066cc;
+  text-decoration: underline;
+  text-decoration-color: rgba(0, 102, 204, 0.6);
+}
+
+.aui-md-a:hover {
+  color: #0052a3;
+  text-decoration-color: #0052a3;
+}
+
+/* Code block styles */
+.aui-md-code-block-wrapper {
+  position: relative;
+  margin: 1em 0;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #1e1e1e;
+  border: 1px solid #333;
+}
+
+.aui-md-code-block-header {
+  background: #2d2d2d;
+  padding: 6px 12px;
+  border-bottom: 1px solid #333;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.aui-md-code-block-lang {
+  color: #888;
+  font-size: 12px;
+  text-transform: uppercase;
+  font-weight: 500;
+}
+
+.aui-md-pre {
+  margin: 0;
+  padding: 12px 16px;
+  overflow-x: auto;
+  background: #1e1e1e;
+  color: #d4d4d4;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.aui-md-code {
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace;
+  font-size: 13px;
+  background: transparent;
+  color: #d4d4d4;
+  white-space: pre;
+}
+
+/* Inline code styles */
+.aui-md-code-inline {
+  background: #f3f4f6;
+  color: #d73a49;
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace;
+  font-size: 0.875em;
+  border: 1px solid #e5e7eb;
+}
+
+/* Additional markdown element styles */
+.aui-md-h1,
+.aui-md-h2,
+.aui-md-h3,
+.aui-md-h4 {
+  color: #1a1a1a;
+  font-weight: 600;
+  margin-top: 1em;
+  margin-bottom: 0.5em;
+}
+
+.aui-md-h1 {
+  font-size: 1.5em;
+  border-bottom: 1px solid #e1e4e8;
+  padding-bottom: 0.3em;
+}
+
+.aui-md-h2 {
+  font-size: 1.3em;
+}
+
+.aui-md-h3 {
+  font-size: 1.1em;
+}
+
+.aui-md-ul,
+.aui-md-ol {
+  padding-left: 1.5em;
+  margin: 0.5em 0;
+  list-style-position: outside;
+}
+
+.aui-md-ul {
+  list-style-type: disc;
+}
+
+.aui-md-ol {
+  list-style-type: decimal;
+}
+
+.aui-md-li {
+  margin: 0.25em 0;
+  line-height: 1.6;
+  display: list-item;
+}
+
+.aui-md-li > .aui-md-ul,
+.aui-md-li > .aui-md-ol {
+  margin: 0.25em 0;
+  padding-left: 1.2em;
+}
+
+.aui-md-ul .aui-md-ul .aui-md-li {
+  list-style-type: circle;
+}
+
+.aui-md-ul .aui-md-ul .aui-md-ul .aui-md-li {
+  list-style-type: square;
+}
+
+.aui-md-blockquote {
+  border-left: 4px solid #dfe2e5;
+  padding-left: 1em;
+  margin: 0.5em 0;
+  color: #6a737d;
+}
+
+.aui-md-strong {
+  font-weight: 600;
+}
+
+.aui-md-em {
+  font-style: italic;
+}
+
+/* Scrollbar styling for code blocks */
+.aui-md-pre::-webkit-scrollbar {
+  height: 8px;
+  width: 8px;
+}
+
+.aui-md-pre::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+
+.aui-md-pre::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.3);
+  border-radius: 4px;
+}
+
+.aui-md-pre::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.5);
+}
+

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

@@ -0,0 +1,46 @@
+import React, { useEffect, useRef } from 'react';
+import 'katex/dist/katex.min.css';
+import renderMathInElement from 'katex/contrib/auto-render/auto-render';
+var MathRenderer = function MathRenderer(_ref) {
+  var children = _ref.children;
+  var ref = useRef(null);
+  useEffect(function () {
+    if (!ref.current) return;
+    try {
+      var originalHtml = ref.current.innerHTML;
+      var transformedHtml = originalHtml.replace(/\[\s+([\s\S]*?\\[\s\S]*?)\s+\]/g, function (_m, inner) {
+        return "\\(".concat(inner, "\\)");
+      });
+      if (transformedHtml !== originalHtml) {
+        ref.current.innerHTML = transformedHtml;
+      }
+      renderMathInElement(ref.current, {
+        delimiters: [{
+          left: '$$',
+          right: '$$',
+          display: true
+        }, {
+          left: '\\[',
+          right: '\\]',
+          display: true
+        }, {
+          left: '$',
+          right: '$',
+          display: false
+        }, {
+          left: '\\(',
+          right: '\\)',
+          display: false
+        }],
+        throwOnError: false,
+        ignoredTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
+      });
+    } catch (e) {
+      console.error('katex render error', e);
+    }
+  }, [children]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, children);
+};
+export default MathRenderer;

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

@@ -0,0 +1,62 @@
+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, { useState, useEffect, useRef } from "react";
+import { ThreadPrimitive } from "@assistant-ui/react";
+import { useSuggestions } from "../../../contexts/SuggestionsContext.js";
+import "./Suggestions.scss";
+var Suggestions = function Suggestions() {
+  var _useSuggestions = useSuggestions(),
+    suggestions = _useSuggestions.suggestions,
+    isVisible = _useSuggestions.isVisible;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    displayedSuggestions = _useState2[0],
+    setDisplayedSuggestions = _useState2[1];
+  var containerRef = useRef(null);
+  useEffect(function () {
+    if (suggestions && suggestions.length > 0) {
+      setDisplayedSuggestions(suggestions);
+    } else {
+      setDisplayedSuggestions([]);
+    }
+  }, [suggestions]);
+
+  // scroll horizontal
+  useEffect(function () {
+    var el = containerRef.current;
+    if (!el) return;
+    var onWheel = function onWheel(e) {
+      if (e.shiftKey) return;
+      if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) {
+        e.preventDefault();
+        el.scrollLeft += e.deltaY;
+      }
+    };
+    el.addEventListener("wheel", onWheel, {
+      passive: false
+    });
+    return function () {
+      return el.removeEventListener("wheel", onWheel);
+    };
+  }, [displayedSuggestions.length]);
+  if (!displayedSuggestions || displayedSuggestions.length === 0 || !isVisible) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "aui-suggestions-container",
+    ref: containerRef
+  }, displayedSuggestions.map(function (suggestion, index) {
+    return /*#__PURE__*/React.createElement(ThreadPrimitive.Suggestion, {
+      key: "suggestion-".concat(index),
+      prompt: suggestion.trim().replace("- ", ""),
+      method: "replace",
+      autoSend: true,
+      className: "aui-suggestion"
+    }, suggestion.trim().replace("- ", ""));
+  }));
+};
+export default Suggestions;

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

@@ -0,0 +1,22 @@
+.aui-suggestions-container {
+  display: flex;
+  gap: 8px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  width: 100%;
+  text-wrap: nowrap;
+  scrollbar-width: none;
+  z-index: 99;
+  padding-right: 20px;
+
+  button {
+    width: fit-content;
+    border-radius: 12px;
+    border: none;
+    padding: 3px 8px;
+    font-weight: normal;
+    font-size: 12px;
+  }
+}
+