fix

frontend/src/components/agents/mcp/custom-mcp-dialog.tsx

@@ -143,7 +143,7 @@ export const CustomMCPDialog: React.FC<CustomMCPDialogProps> = ({
     setValidationError(null);
 
     try {
-      let configToSave: any = { url: configText.trim() };
+      const configToSave: any = { url: configText.trim() };
       
       onSave({
         name: serverName,

frontend/src/components/dashboard/layout-content.tsx

@@ -77,7 +77,7 @@ export default function DashboardLayoutContent({
     }
   }, [user, isLoading, router]);
 
-  let mantenanceBanner: React.ReactNode | null = null;
+  const mantenanceBanner: React.ReactNode | null = null;
 
   // Show loading state while checking auth, health, or maintenance status
   if (isLoading || isCheckingHealth || maintenanceLoading) {

frontend/src/components/thread/chat-input/unified-config-menu.tsx

@@ -50,7 +50,7 @@ type UnifiedConfigMenuProps = {
     onUpgradeRequest?: () => void;
 };
 
-const LoggedInMenu: React.FC<UnifiedConfigMenuProps> = memo(({
+const LoggedInMenu: React.FC<UnifiedConfigMenuProps> = memo(function LoggedInMenu({
     isLoggedIn = true,
     selectedAgentId,
     onAgentSelect,
@@ -60,7 +60,7 @@ const LoggedInMenu: React.FC<UnifiedConfigMenuProps> = memo(({
     canAccessModel,
     subscriptionStatus,
     onUpgradeRequest,
-}) => {
+}) {
     const [isOpen, setIsOpen] = useState(false);
     const [searchQuery, setSearchQuery] = useState('');
     const [debouncedSearchQuery, setDebouncedSearchQuery] = useState('');
@@ -418,7 +418,7 @@ const LoggedInMenu: React.FC<UnifiedConfigMenuProps> = memo(({
     );
 });
 
-const GuestMenu: React.FC<UnifiedConfigMenuProps> = memo(() => {
+const GuestMenu: React.FC<UnifiedConfigMenuProps> = memo(function GuestMenu() {
     return (
         <TooltipProvider>
             <Tooltip>

frontend/src/components/thread/content/ShowToolStream.tsx

@@ -103,7 +103,7 @@ export const ShowToolStream: React.FC<ShowToolStreamProps> = ({
         if (!rawContent) return { html: '', plainText: '' };
         
         // Remove only function call related XML tags: function_calls, invoke, parameter
-        let cleaned = rawContent
+        const cleaned = rawContent
             .replace(/<function_calls[^>]*>/gi, '')
             .replace(/<\/function_calls>/gi, '')
             .replace(/<invoke[^>]*>/gi, '')

frontend/src/components/thread/tool-call-side-panel.tsx

@@ -6,7 +6,7 @@ import React, { memo, useMemo, useCallback } from 'react';
 import { Slider } from '@/components/ui/slider';
 import { Skeleton } from '@/components/ui/skeleton';
 import { ApiMessageType } from '@/components/thread/types';
-import { CircleDashed, X, ChevronLeft, ChevronRight, Computer, Radio, Maximize2, Minimize2, Copy, Check, Globe, Wrench } from 'lucide-react';
+import { CircleDashed, X, ChevronLeft, ChevronRight, Computer, Minimize2, Globe, Wrench } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { useIsMobile } from '@/hooks/use-mobile';
 import { Button } from '@/components/ui/button';
@@ -79,7 +79,7 @@ interface ViewToggleProps {
   onViewChange: (view: 'tools' | 'browser') => void;
 }
 
-const ViewToggle: React.FC<ViewToggleProps> = memo(({ currentView, onViewChange }) => {
+const ViewToggle: React.FC<ViewToggleProps> = memo(function ViewToggle({ currentView, onViewChange }) {
   return (
     <div className="relative flex items-center gap-1 bg-muted rounded-3xl px-1 py-1">
       {/* Sliding background */}
@@ -138,19 +138,17 @@ interface PanelHeaderProps {
   isStreaming?: boolean;
   variant?: 'drawer' | 'desktop' | 'motion';
   showMinimize?: boolean;
-  hasToolResult?: boolean;
   layoutId?: string;
 }
 
-const PanelHeader: React.FC<PanelHeaderProps> = memo(({
+const PanelHeader: React.FC<PanelHeaderProps> = memo(function PanelHeader({
   agentName,
   onClose,
   isStreaming = false,
   variant = 'desktop',
   showMinimize = false,
-  hasToolResult = false,
   layoutId,
-}) => {
+}) {
   const title = getComputerTitle(agentName);
   
   if (variant === 'drawer') {
@@ -264,10 +262,8 @@ export function ToolCallSidePanel({
   const [navigationMode, setNavigationMode] = React.useState<'live' | 'manual'>('live');
   const [toolCallSnapshots, setToolCallSnapshots] = React.useState<ToolCallSnapshot[]>([]);
   const [isInitialized, setIsInitialized] = React.useState(false);
-  const [showViewToggle, setShowViewToggle] = React.useState(false);
 
   // Add copy functionality state
-  const [isCopyingContent, setIsCopyingContent] = React.useState(false);
   // Add view toggle state  
   const [currentView, setCurrentView] = React.useState<'tools' | 'browser'>('tools');
   const currentViewRef = React.useRef(currentView);
@@ -323,7 +319,6 @@ export function ToolCallSidePanel({
     const safeIndex = Math.min(internalIndex, Math.max(0, toolCallSnapshots.length - 1));
     const currentSnapshot = toolCallSnapshots[safeIndex];
     const isCurrentSnapshotBrowserTool = isBrowserTool(currentSnapshot?.toolCall.assistantCall?.name);
-    setShowViewToggle(isCurrentSnapshotBrowserTool);
     
     // Handle view switching based on agent status
     if (agentStatus === 'idle') {
@@ -454,8 +449,7 @@ export function ToolCallSidePanel({
   //   the last completed step while streaming so the user can still scrub.
   let displayToolCall = currentToolCall;
   let displayIndex = safeInternalIndex;
-  let displayTotalCalls = totalCalls;
-  const isAtTrueLatest = safeInternalIndex === latestIndex;
+  const displayTotalCalls = totalCalls;
 
   const isCurrentToolStreaming = currentToolCall?.toolResult?.content === 'STREAMING';
   if (isCurrentToolStreaming && totalCompletedCalls > 0) {
@@ -464,10 +458,6 @@ export function ToolCallSidePanel({
     displayIndex = completedToolCalls.length - 1;
   }
 
-  const currentToolName = displayToolCall?.assistantCall?.name || 'Tool Call';
-  const CurrentToolIcon = getToolIcon(
-    currentToolCall?.assistantCall?.name || 'unknown',
-  );
   const isStreaming = displayToolCall?.toolResult?.content === 'STREAMING';
 
   // Extract actual success value from tool content with fallbacks
@@ -536,14 +526,12 @@ export function ToolCallSidePanel({
       fileContent = typeof toolContent === 'string' ? toolContent : JSON.stringify(toolContent, null, 2);
     }
 
-    setIsCopyingContent(true);
     const success = await copyToClipboard(fileContent);
     if (success) {
       toast.success('File content copied to clipboard');
     } else {
       toast.error('Failed to copy file content');
     }
-    setTimeout(() => setIsCopyingContent(false), 500);
   }, [displayToolCall?.toolResult?.content, copyToClipboard]);
 
   const internalNavigate = useCallback((newIndex: number, source: string = 'internal') => {
@@ -882,7 +870,6 @@ export function ToolCallSidePanel({
             onClose={handleClose}
             isStreaming={isStreaming}
             variant="motion"
-            hasToolResult={!!displayToolCall.toolResult?.content}
             layoutId={CONTENT_LAYOUT_ID}
           />
         )}

frontend/src/components/thread/tool-views/UploadFileToolView.tsx

@@ -51,7 +51,7 @@ function extractUploadData(assistantContent: any, toolContent: any): {
   uploadResult: UploadResult | null;
   rawContent: string | null;
 } {
-  let uploadData: UploadData = {
+  const uploadData: UploadData = {
     file_path: null,
     bucket_name: null,
     custom_filename: null,

frontend/src/components/thread/tool-views/designer-tool/_utils.ts

@@ -43,8 +43,8 @@ export function extractDesignerData(
   let status: string | undefined;
   let error: string | undefined;
   let actualIsSuccess = isSuccess;
-  let actualToolTimestamp = toolTimestamp;
-  let actualAssistantTimestamp = assistantTimestamp;
+  const actualToolTimestamp = toolTimestamp;
+  const actualAssistantTimestamp = assistantTimestamp;
   let sandbox_id: string | undefined;
 
   if (toolContent && typeof toolContent === 'object') {

frontend/src/lib/cache-init.ts

@@ -18,7 +18,7 @@ export function initializeCacheSystem() {
   // Clean up function to remove expired entries and release blob URLs
   const cleanupCache = () => {
     const now = Date.now();
-    let blobUrlsToRevoke: string[] = [];
+    const blobUrlsToRevoke: string[] = [];
     
     // This is the implementation detail of how we access the Map inside the FileCache
     // We can't modify it directly, but we need to iterate through it for cleanup

frontend/src/lib/utils/dirty-string-parser.ts

@@ -133,7 +133,7 @@ class Parser {
         continue;
       }
       // key
-      let keyTok = this.tz.peek();
+      const keyTok = this.tz.peek();
       let key: string;
       if (keyTok.type === TokenType.String) {
         key = this.unquote(this.tz.next().value);