@nethru/kit 1.1.14 → 1.1.17

package/dist/components/chat/AiChat.js

@@ -5,19 +5,21 @@ import ChatMessages from './ChatMessages';
 import ChatInput from './input/ChatInput';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function AiChat({
-  mainPageRef,
+  pageRef,
+  pagePath,
   sx
 }) {
   const {
     messages,
     isLoading,
     chatContainerRef,
-    mainPageRef: _mainPageRef
+    pageRef: _pageRef,
+    setPagePath
   } = useChatContext();
   useEffect(() => {
-    if (!mainPageRef) return;
-    _mainPageRef.current = mainPageRef.current;
-  }, [mainPageRef?.current]);
+    if (pageRef) _pageRef.current = pageRef.current;
+    setPagePath(pagePath);
+  }, [pageRef?.current, pagePath]);
   return /*#__PURE__*/_jsxs(Stack, {
     sx: {
       ...styles.container,

package/dist/components/chat/contexts/ChatContext.js

@@ -20,8 +20,9 @@ export function ChatProvider({
   const [option, setOption] = useState();
   const options = useMemo(() => defaultOptions);
   const [tools, setTools] = useState([]);
+  const [pagePath, setPagePath] = useState();
   const chatContainerRef = useRef(null);
-  const mainPageRef = useRef(null);
+  const pageRef = useRef(null);
   useEffect(() => {
     loadModels();
     // loadTools();
@@ -78,11 +79,11 @@ export function ChatProvider({
     return await response.json();
   }
   async function analyzePage(message) {
-    if (!mainPageRef.current) throw new Error('No main page');
+    if (!pageRef.current) throw new Error('No main page');
     const {
       apiUrl
     } = getConfig();
-    const html = mainPageRef.current?.innerHTML;
+    const html = pageRef.current?.innerHTML;
     const response = await fetch(`${apiUrl}/api/pages/analyze`, {
       method: 'POST',
       headers: {
@@ -92,7 +93,7 @@ export function ChatProvider({
         conversationId: conversationId,
         message: message,
         htmlContent: html,
-        pageUrl: window.location.href,
+        pagePath: pagePath,
         provider: provider,
         model: model,
         forceRefresh: true
@@ -114,7 +115,7 @@ export function ChatProvider({
     setInputValue('');
     setIsLoading(true);
     try {
-      let data = option === 'analyze' ? await analyzePage(message) : await answer(message);
+      let data = option === 'ANALYZE' ? await analyzePage(message) : await answer(message);
       setConversationId(data.conversationId);
       setMessages(prev => [...prev, {
         role: data.role,
@@ -153,8 +154,10 @@ export function ChatProvider({
     option,
     setOption,
     tools,
+    pagePath,
+    setPagePath,
     chatContainerRef,
-    mainPageRef,
+    pageRef,
     sendMessage,
     clearChat,
     conversationId

package/dist/components/chat/input/ModelSelect.js

@@ -1,6 +1,7 @@
 import React from "react";
 import { Box, Divider, MenuItem, Select } from "@mui/material";
 import { useChatContext } from "../contexts/ChatContext";
+import typography from "@nethru/ui/base/styles/typography";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export default function ModelSelect({
   ...props
@@ -26,7 +27,10 @@ export default function ModelSelect({
       onChange: onChange,
       disableUnderline: true,
       sx: styles.select,
-      renderValue: value => findModel(providers, value)?.name,
+      renderValue: value => /*#__PURE__*/_jsx(Box, {
+        sx: styles.value,
+        children: findModel(providers, value)?.name
+      }),
       ...props,
       children: makeOptions(providers)
     })
@@ -41,10 +45,10 @@ function makeOptions(providers) {
         value: model.id,
         children: /*#__PURE__*/_jsxs(Box, {
           children: [/*#__PURE__*/_jsx(Box, {
-            sx: styles.name,
+            sx: styles.option.name,
             children: model.name
           }), /*#__PURE__*/_jsx(Box, {
-            sx: styles.desc,
+            sx: styles.option.desc,
             children: model.description
           })]
         })
@@ -72,12 +76,17 @@ const styles = {
     color: '#666',
     fontSize: '11px'
   },
-  name: {
-    fontWeight: 400,
-    fontSize: '12px'
+  value: {
+    fontFamily: typography.fontFamily
   },
-  desc: {
-    fontSize: '11px',
-    fontWeight: 200
+  option: {
+    name: {
+      fontWeight: 400,
+      fontSize: '12px'
+    },
+    desc: {
+      fontSize: '11px',
+      fontWeight: 200
+    }
   }
 };

package/dist/components/chat/input/Options.js

@@ -27,7 +27,7 @@ export default function Options({
     value: option,
     onChange: (_, value) => setOption(value),
     children: options.map(o => /*#__PURE__*/_jsx(Tooltip, {
-      title: o.label,
+      title: option === o.value ? "" : o.label,
       slotProps: {
         tooltip: {
           sx: styles.tooltip

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/kit",
-  "version": "1.1.14",
+  "version": "1.1.17",
   "description": "A React component library by Nethru",
   "main": "dist/index.js",
   "homepage": ".",