Fixes errors from 'yarn build'

Author: dylan-eustice

components/Avatar/SystemAvatar.tsx

@@ -1,4 +1,4 @@
-import { IconPasswordUser, IconUserPentagon } from '@tabler/icons-react';
+import { IconPasswordUser } from '@tabler/icons-react';
 import React from 'react';
 
 export const SystemAgentAvatar = ({ height = 7, width = 7 }) => {

components/Avatar/UserAvatar.tsx

@@ -1,7 +1,5 @@
 import React from 'react';
 
-import { getInitials } from '@/utils/app/helper';
-
 export const UserAvatar = ({ src = '', height = 30, width = 30 }) => {
   const profilePicUrl = src || ``;
 

components/Chat/Chat.tsx

@@ -1,38 +1,32 @@
 
 'use client';
 
-import { ChatInput } from './ChatInput';
-import { ChatLoader } from './ChatLoader';
-import { MemoizedChatMessage } from './MemoizedChatMessage';
+import { v4 as uuidv4 } from 'uuid';
+import toast from 'react-hot-toast';
+import { useCallback, useContext, useEffect, useRef, useState } from 'react';
+
 import { InteractionModal } from '@/components/Chat/ChatInteractionMessage';
 import HomeContext from '@/pages/api/home/home.context';
 import { ChatBody, Conversation, Message } from '@/types/chat';
 import {
   WebSocketInbound,
-  validateWebSocketMessage,
   validateWebSocketMessageWithConversationId,
-  validateConversationId,
   isSystemResponseMessage,
   isSystemIntermediateMessage,
   isSystemInteractionMessage,
   isErrorMessage,
-  isSystemResponseInProgress,
   isSystemResponseComplete,
-  isOAuthConsentMessage,
   extractOAuthUrl,
-  shouldAppendResponseContent,
 } from '@/types/websocket';
 import { getEndpoint } from '@/utils/app/api';
 import { webSocketMessageTypes } from '@/utils/app/const';
 import {
   saveConversation,
   saveConversations,
-  updateConversation,
 } from '@/utils/app/conversation';
 import {
   fetchLastMessage,
   processIntermediateMessage,
-  updateConversationTitle,
 } from '@/utils/app/helper';
 import {
   shouldAppendResponse,
@@ -44,14 +38,11 @@ import {
   shouldRenderAssistantMessage,
 } from '@/utils/chatTransform';
 import { throttle } from '@/utils/data/throttle';
-import { useTranslation } from 'next-i18next';
-import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import toast from 'react-hot-toast';
-import { v4 as uuidv4 } from 'uuid';
-
 import { SESSION_COOKIE_NAME } from '@/constants/constants';
 
-
+import { ChatInput } from './ChatInput';
+import { ChatLoader } from './ChatLoader';
+import { MemoizedChatMessage } from './MemoizedChatMessage';
 
 // Streaming utilities for handling SSE and NDJSON safely
 function normalizeNewlines(s: string): string {
@@ -144,7 +135,6 @@ function parsePossiblyConcatenatedJson(payload: string): any[] {
 // };
 
 export const Chat = () => {
-  const { t } = useTranslation('chat');
   const {
     state: {
       selectedConversation,
@@ -161,13 +151,11 @@ export const Chat = () => {
       intermediateStepOverride,
       enableIntermediateSteps,
     },
-    handleUpdateConversation,
     dispatch: homeDispatch,
   } = useContext(HomeContext);
 
   const [currentMessage, setCurrentMessage] = useState<Message>();
   const [autoScrollEnabled, setAutoScrollEnabled] = useState<boolean>(true);
-  const [showSettings, setShowSettings] = useState<boolean>(false);
   const [showScrollDownButton, setShowScrollDownButton] =
     useState<boolean>(false);
 
@@ -320,7 +308,9 @@ export const Chat = () => {
         'ws://127.0.0.1:8000/websocket';
 
       // Determine if this is a cross-origin connection
+      // eslint-disable-next-line no-unused-vars
       const wsUrlObj = new URL(wsUrl);
+      // eslint-disable-next-line no-unused-vars
       const isCrossOrigin = wsUrlObj.origin !== window.location.origin;
 
       // Always add session cookie as query parameter for reliability
@@ -388,7 +378,7 @@ export const Chat = () => {
         }
       };
 
-      ws.onerror = error => {
+      ws.onerror = _error => {
         homeDispatch({ field: 'webSocketConnected', value: false });
         webSocketConnectedRef.current = false;
         homeDispatch({ field: 'loading', value: false });
@@ -411,7 +401,8 @@ export const Chat = () => {
   /**
    * Handles OAuth consent flow by opening popup window
    */
-  const handleOAuthConsent = (message: WebSocketInbound) => {
+  // eslint-disable-next-line no-unused-vars
+  const _handleOAuthConsent = (message: WebSocketInbound) => {
     if (!isSystemInteractionMessage(message)) return false;
 
     if (message.content?.input_type === 'oauth_consent') {
@@ -422,7 +413,7 @@ export const Chat = () => {
           'oauth-popup',
           'width=600,height=700,scrollbars=yes,resizable=yes'
         );
-        const handleOAuthComplete = (event: MessageEvent) => {
+        const handleOAuthComplete = (_event: MessageEvent) => {
           if (popup && !popup.closed) popup.close();
           window.removeEventListener('message', handleOAuthComplete);
         };
@@ -702,7 +693,7 @@ export const Chat = () => {
   };
 
   const handleSend = useCallback(
-    async (message: Message, deleteCount = 0, retry = false) => {
+    async (message: Message, deleteCount = 0, _retry = false) => {
       message.id = uuidv4();
 
       // Set the active user message ID for WebSocket message tracking
@@ -862,8 +853,7 @@ export const Chat = () => {
         };
 
         const endpoint = getEndpoint({ service: 'chat' });
-        let body;
-        body = JSON.stringify({
+        const body = JSON.stringify({
           ...chatBody,
         });
 
@@ -981,6 +971,7 @@ export const Chat = () => {
                 chunkValue = String(chunkValue ?? '');
               }
 
+              // eslint-disable-next-line no-unused-vars
               counter++;
 
               // First, handle any partial chunk from previous iteration
@@ -1005,8 +996,8 @@ export const Chat = () => {
               }
 
               // Process complete intermediate steps
-              let rawIntermediateSteps: any[] = [];
-              let stepMatches =
+              const rawIntermediateSteps: any[] = [];
+              const stepMatches =
                 chunkValue.match(
                   /<intermediatestep>([\s\S]*?)<\/intermediatestep>/g
                 ) || [];
@@ -1016,7 +1007,7 @@ export const Chat = () => {
                     .replace('<intermediatestep>', '')
                     .replace('</intermediatestep>', '')
                     .trim();
-                  let rawIntermediateMessage = tryParseJson<any>(jsonString);
+                  const rawIntermediateMessage = tryParseJson<any>(jsonString);
                   // handle intermediate data
                   if (rawIntermediateMessage?.type === 'system_intermediate') {
                     rawIntermediateSteps.push(rawIntermediateMessage);

components/Chat/ChatHeader.tsx

@@ -10,12 +10,10 @@ import {
   IconChevronRight,
 } from '@tabler/icons-react';
 import React, { useContext, useState, useRef, useEffect } from 'react';
-
 import { env } from 'next-runtime-env';
 
 import { getWorkflowName } from '@/utils/app/helper';
 import { useTheme } from '@/contexts/ThemeContext';
-
 import HomeContext from '@/pages/api/home/home.context';
 
 import { DataStreamControls } from './DataStreamControls';
@@ -77,7 +75,7 @@ export const ChatHeader = ({ webSocketModeRef = {} }) => {
       ) : (
         <div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 mx-auto flex flex-col space-y-5 md:space-y-10 px-3 pt-5 md:pt-12 sm:max-w-[600px] text-center">
           <div className="text-3xl font-semibold text-gray-800 dark:text-white">
-            Hi, I'm {workflow}
+            Hi, I&apos;m {workflow}
           </div>
           <div className="text-lg text-gray-600 dark:text-gray-400">
             How can I assist you today?

components/Chat/ChatInput.tsx

@@ -1,6 +1,5 @@
 import {
   IconArrowDown,
-  IconBolt,
   IconPaperclip,
   IconPhoto,
   IconPlayerStop,
@@ -9,7 +8,6 @@ import {
   IconTrash,
   IconMicrophone,
   IconPlayerStopFilled,
-  IconMicrophone2,
 } from '@tabler/icons-react';
 import {
   KeyboardEvent,
@@ -22,18 +20,15 @@ import {
   useState,
 } from 'react';
 import toast from 'react-hot-toast';
-
 import { useTranslation } from 'next-i18next';
 
 import { appConfig } from '@/utils/app/const';
 import { compressImage, getWorkflowName } from '@/utils/app/helper';
-
 import { Message } from '@/types/chat';
-
 import HomeContext from '@/pages/api/home/home.context';
 
 interface Props {
-  onSend: (message: Message) => void;
+  onSend: (_message: Message) => void;
   onRegenerate: () => void;
   onScrollDownClick: () => void;
   textareaRef: MutableRefObject<HTMLTextAreaElement | null>;
@@ -48,14 +43,13 @@ export const ChatInput = ({
   onScrollDownClick,
   textareaRef,
   showScrollDownButton,
-  controller,
+  controller: _controller,
   onStopConversation,
 }: Props) => {
   const { t } = useTranslation('chat');
 
   const {
-    state: { selectedConversation, messageIsStreaming, loading, webSocketMode },
-    dispatch: homeDispatch,
+    state: { selectedConversation, messageIsStreaming }
   } = useContext(HomeContext);
 
   const workflow = getWorkflowName();
@@ -67,8 +61,10 @@ export const ChatInput = ({
   const [isTyping, setIsTyping] = useState<boolean>(false);
   const fileInputRef = useRef(null);
   const [inputFile, setInputFile] = useState(null);
+  // eslint-disable-next-line no-unused-vars
   const [inputFileExtension, setInputFileExtension] = useState('');
   const [inputFileContent, setInputFileContent] = useState('');
+  // eslint-disable-next-line no-unused-vars
   const [inputFileContentCompressed, setInputFileContentCompressed] =
     useState('');
   const [isRecording, setIsRecording] = useState(false);
@@ -78,7 +74,7 @@ export const ChatInput = ({
     fileInputRef?.current.click();
   };
 
-  const handleInputFileDelete = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+  const handleInputFileDelete = (_e: React.ChangeEvent<HTMLTextAreaElement>) => {
     setInputFile(null);
     setInputFileExtension('');
     setInputFileContent('');
@@ -220,6 +216,7 @@ export const ChatInput = ({
     }
   };
 
+  // eslint-disable-next-line no-unused-vars
   const handleInitModal = () => {
     const selectedPrompt = filteredPrompts[activePromptIndex];
     if (selectedPrompt) {
@@ -235,6 +232,7 @@ export const ChatInput = ({
     setShowPromptList(false);
   };
 
+  // eslint-disable-next-line no-unused-vars
   const parseVariables = (content: string) => {
     const regex = /{{(.*?)}}/g;
     const foundVariables = [];
@@ -247,6 +245,7 @@ export const ChatInput = ({
     return foundVariables;
   };
 
+  // eslint-disable-next-line no-unused-vars
   const handleSubmit = (updatedVariables: string[]) => {
     const newContent = content?.replace(/{{(.*?)}}/g, (match, variable) => {
       const index = variables.indexOf(variable);
@@ -285,7 +284,7 @@ export const ChatInput = ({
   }) => {
     const clipboardData =
       event.clipboardData || event.originalEvent.clipboardData;
-    let items = clipboardData.items;
+    const items = clipboardData.items;
     let isImagePasted = false;
 
     if (items) {
@@ -307,7 +306,7 @@ export const ChatInput = ({
 
     // Handle text only if no image was pasted
     if (!isImagePasted) {
-      let text = clipboardData.getData('text/plain');
+      const text = clipboardData.getData('text/plain');
       if (text) {
         // setContent(text); // Set text content only if text is pasted
       }

components/Chat/ChatInteractionMessage.tsx

@@ -10,11 +10,12 @@ export const InteractionModal = ({
   onClose,
   onSubmit,
 }) => {
+  const [userInput, setUserInput] = useState('');
+  const [error, setError] = useState('');
+
   if (!isOpen || !interactionMessage) return null;
 
   const { content } = interactionMessage;
-  const [userInput, setUserInput] = useState('');
-  const [error, setError] = useState('');
 
   // Validation for Text Input
   const handleTextSubmit = () => {