fix lint

Author: fishonamos

apps/client/app/components/sections/Messages.tsx

@@ -13,67 +13,22 @@ interface MessagesProps {
 
 const Messages: React.FC<MessagesProps> = ({ messages }) => {
   const messagesEndRef = useRef<HTMLDivElement | null>(null);
-  
+
   useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
   }, [messages]);
 
-  const formatJSONResponse = (jsonString: string) => {
-    try {
-      const parsed = JSON.parse(jsonString);
-      if (Array.isArray(parsed)) {
-        // Format array of responses
-        return parsed.map(item => (
-          <div className="mb-2">
-            {item.reasoning && (
-              <div className="text-gray-500 text-sm italic mb-1">
-                {item.reasoning}
-              </div>
-            )}
-            <div className="font-medium">
-              {typeof item.response === 'object' 
-                ? <pre className="bg-gray-50 rounded-md p-3 text-sm overflow-x-auto">
-                    {JSON.stringify(item.response, null, 2)}
-                  </pre>
-                : <div className="text-base">{item.response}</div>
-              }
-            </div>
-          </div>
-        ));
-      }
-      // Format single response object
-      return (
-        <div>
-          {parsed.reasoning && (
-            <div className="text-gray-500 text-sm italic mb-1">
-              {parsed.reasoning}
-            </div>
-          )}
-          <div className="font-medium">
-            {typeof parsed.response === 'object'
-              ? <pre className="bg-gray-50 rounded-md p-3 text-sm overflow-x-auto">
-                  {JSON.stringify(parsed.response, null, 2)}
-                </pre>
-              : <div className="text-base">{parsed.response}</div>
-            }
-          </div>
-        </div>
-      );
-    } catch (error) {
-      return jsonString;
-    }
-  };
-
   const processedMessages = messages.map((message) => {
     try {
+      // Only try to parse AI responses
       if (message.sender === 'ai') {
         const parsed = JSON.parse(message.message);
         if (parsed && typeof parsed === 'object') {
-          return { 
-            ...message, 
-            message: message.message, // Keep original JSON for formatting
-            isHTML: true 
-          };
+          // Extract the actual response content from the JSON structure
+          const content = Array.isArray(parsed)
+            ? parsed[0]?.response || message.message
+            : parsed.response || message.message;
+          return { ...message, message: content, isHTML: false };
         }
       }
     } catch (error) {
@@ -83,34 +38,30 @@ const Messages: React.FC<MessagesProps> = ({ messages }) => {
   });
 
   return (
-    <div className="flex flex-col h-full overflow-hidden">
-      <div className="flex-1 overflow-y-auto px-4 py-2 space-y-4">
-        {processedMessages.map((message, index) => (
+    <div className="flex flex-col h-full overflow-y-auto px-4 py-2">
+      {processedMessages.map((message, index) => (
+        <div
+          key={index}
+          className={`flex ${message.sender === 'user' ? 'justify-end' : 'justify-start'} mb-4`}
+        >
           <div
-            key={index}
-            className={`flex ${message.sender === 'user' ? 'justify-end' : 'justify-start'}`}
+            className={`relative p-4 rounded-lg max-w-[80%] md:max-w-[60%] break-words ${
+              message.sender === 'user' ? 'bg-blue-500 text-white' : 'bg-gray-100 text-black'
+            }`}
           >
-            <div
-              className={`relative p-4 rounded-lg max-w-[85%] md:max-w-[70%] ${
-                message.sender === 'user'
-                  ? 'bg-blue-500 text-white'
-                  : 'bg-gray-100 text-black'
-              }`}
-            >
-              {message.isHTML ? (
-                <div className="text-sm">
-                  {formatJSONResponse(message.message)}
-                </div>
-              ) : (
-                <div className="whitespace-pre-wrap break-words text-base">
-                  {message.message}
-                </div>
-              )}
-            </div>
+            {message.isHTML ? (
+              <div
+                dangerouslySetInnerHTML={{
+                  __html: JSONFormatter.format(message.message)
+                }}
+              />
+            ) : (
+              <div className="whitespace-pre-wrap">{message.message}</div>
+            )}
           </div>
-        ))}
-        <div ref={messagesEndRef} />
-      </div>
+        </div>
+      ))}
+      <div ref={messagesEndRef} />
     </div>
   );
 };

apps/client/tailwind.config.js

@@ -12,29 +12,7 @@ module.exports = {
         'gradient-conic':
           'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
       },
-      typography: {
-        DEFAULT: {
-          css: {
-            pre: {
-              backgroundColor: '#f3f4f6',
-              padding: '0.5rem',
-              borderRadius: '0.375rem',
-              fontSize: '0.875rem',
-              overflowX: 'auto',
-              color: '#1f2937'
-            },
-            code: {
-              backgroundColor: '#f3f4f6',
-              padding: '0.25rem',
-              borderRadius: '0.25rem',
-              fontSize: '0.875rem'
-            }
-          }
-        }
-      }
     },
   },
-  plugins: [
-    require('@tailwindcss/typography'),
-  ],
+  plugins: [],
 }

packages/sui-agent/src/protocols/aftermath/tools.ts

@@ -21,7 +21,7 @@ class AftermathTools {
     // Price Tools
     tools.registerTool(
       'get_coin_price on Aftermath',
-      'Get the price of a single coin on Aftermath',
+      'Get the price of a single coin like SUI, AFSUI or any other coin on Aftermath or SUI Blockchain. You can use this tool to get the price of any coin.',
       [
         {
           name: 'coin',
@@ -35,7 +35,7 @@ class AftermathTools {
 
     tools.registerTool(
       'get_coins_to_price on Aftermath',
-      'Get the price of multiple coins on Aftermath',
+      'Get the price of multiple coins on Aftermath and or SUI Blockchain. You can use this tool to get the price of any coin.',
       [
         {
           name: 'coins',