fix(cli): resolve all ESLint warnings and remove unused code

🤖 Generated with Codebuff
Co-Authored-By: Codebuff <noreply@codebuff.com>

Author: brandonkachen

cli/src/branch-item.tsx

@@ -1,9 +1,9 @@
-import React, { type ReactNode } from 'react'
 import { TextAttributes } from '@opentui/core'
+import React, { type ReactNode } from 'react'
+
 import type { ChatTheme } from './theme-system'
 
 interface BranchItemProps {
-  id: string
   name: string
   content: ReactNode
   isCollapsed: boolean
@@ -16,7 +16,6 @@ interface BranchItemProps {
 }
 
 export const BranchItem = ({
-  id,
   name,
   content,
   isCollapsed,

cli/src/chat.tsx

@@ -1,54 +1,38 @@
-import {
-  InputRenderable,
-  LayoutEvents,
-  ScrollBoxRenderable,
-  TextAttributes,
-} from '@opentui/core'
-import { render, useKeyboard, useRenderer } from '@opentui/react'
-import { MultilineInput } from './multiline-input'
-import {
-  renderMarkdown,
-  renderStreamingMarkdown,
-  hasMarkdown,
-  type MarkdownPalette,
-} from './markdown-renderer'
-import {
-  Fragment,
+import { useRenderer } from '@opentui/react'
+import React, {
   useCallback,
   useEffect,
   useMemo,
   useRef,
   useState,
-  type ReactNode,
 } from 'react'
+
+
+import { logger } from './logger'
+import { buildMessageTree } from './message-tree-utils'
+import { MultilineInput } from './multiline-input'
+import { Separator } from './separator'
+import { StatusIndicator, useHasStatus } from './status-indicator'
 import {
-  getCodebuffClient,
-  getToolDisplayInfo,
-  formatToolOutput,
-} from './codebuff-client'
-import type { ToolName } from '@codebuff/sdk'
-import {
-  type ChatTheme,
   type ThemeName,
   chatThemes,
   createMarkdownPalette,
   detectSystemTheme,
 } from './theme-system'
-import { formatTimestamp, formatQueuedPreview } from './utils'
 import { useClipboard } from './use-clipboard'
 import { useInputHistory } from './use-input-history'
+import { useKeyboardHandlers } from './use-keyboard-handlers'
 import { useMessageQueue } from './use-message-queue'
-import { buildMessageTree } from './message-tree-utils'
-import { useSendMessage } from './use-send-message'
 import { useMessageRenderer } from './use-message-renderer'
-import { useKeyboardHandlers } from './use-keyboard-handlers'
 import { useScrollManagement } from './use-scroll-management'
+import { useSendMessage } from './use-send-message'
+import { formatTimestamp, formatQueuedPreview } from './utils'
 
-import { logger } from './logger'
-
-import { StatusIndicator, useHasStatus } from './status-indicator'
-import { Separator } from './separator'
-import React from 'react'
+import type { ToolName } from '@codebuff/sdk'
+import type {
+  InputRenderable,
+  ScrollBoxRenderable,
+} from '@opentui/core'
 
 type ChatVariant = 'ai' | 'user' | 'agent'
 
@@ -95,9 +79,6 @@ export const App = ({ initialPrompt }: { initialPrompt?: string } = {}) => {
   const renderer = useRenderer()
   const scrollRef = useRef<ScrollBoxRenderable | null>(null)
   const inputRef = useRef<InputRenderable | null>(null)
-  const [inputRenderable, setInputRenderable] =
-    useState<InputRenderable | null>(null)
-  const [inputWidth, setInputWidth] = useState<number>(0)
 
   const [themeName, setThemeName] = useState<ThemeName>(() =>
     detectSystemTheme(),
@@ -109,15 +90,13 @@ export const App = ({ initialPrompt }: { initialPrompt?: string } = {}) => {
   const [inputFocused, setInputFocused] = useState<boolean>(true)
 
   const activeAgentStreamsRef = useRef<number>(0)
-  const allAgentsScheduledRef = useRef<boolean>(false)
   const isChainInProgressRef = useRef<boolean>(false)
 
   const { clipboardMessage } = useClipboard()
 
   const [collapsedAgents, setCollapsedAgents] = useState<Set<string>>(new Set())
   const [streamingAgents, setStreamingAgents] = useState<Set<string>>(new Set())
   const [focusedAgentId, setFocusedAgentId] = useState<string | null>(null)
-  const agentIdsRef = useRef<string[]>([])
   const agentRefsMap = useRef<Map<string, any>>(new Map())
 
   const [messages, setMessages] = useState<ChatMessage[]>([
@@ -134,42 +113,13 @@ export const App = ({ initialPrompt }: { initialPrompt?: string } = {}) => {
   const hasAutoSubmittedRef = useRef(false)
   const activeSubagentsRef = useRef<Set<string>>(new Set())
 
-  const handleInputRef = useCallback((instance: InputRenderable | null) => {
-    inputRef.current = instance
-    setInputRenderable(instance)
-    if (instance) {
-      setInputWidth(Math.max(0, instance.width))
-    }
-  }, [])
-
-
-
   useEffect(() => {
     renderer?.setBackgroundColor(theme.background)
   }, [renderer, theme.background])
 
 
 
-  useEffect(() => {
-    const instance = inputRenderable
-    if (!instance) return
-
-    const updateWidth = () => {
-      setInputWidth(Math.max(0, instance.width))
-    }
-
-    updateWidth()
 
-    const handleResize = ({ width }: { width: number }) => {
-      setInputWidth(Math.max(0, width))
-    }
-
-    instance.on(LayoutEvents.RESIZED, handleResize)
-
-    return () => {
-      instance.off(LayoutEvents.RESIZED, handleResize)
-    }
-  }, [inputRenderable])
 
   const abortControllerRef = useRef<AbortController | null>(null)
 
@@ -181,14 +131,13 @@ export const App = ({ initialPrompt }: { initialPrompt?: string } = {}) => {
     }
   }, [])
 
-  const { scrollToLatest, scrollToAgent } = useScrollManagement(
+  const { scrollToAgent } = useScrollManagement(
     scrollRef,
     messages,
     agentRefsMap,
   )
 
   const { saveToHistory, navigateUp, navigateDown } = useInputHistory(
-    inputRenderable,
     inputValue,
     setInputValue,
   )
@@ -198,14 +147,12 @@ export const App = ({ initialPrompt }: { initialPrompt?: string } = {}) => {
   const {
     queuedMessages,
     isStreaming,
-    canProcessQueue,
     isWaitingForResponse,
     streamMessageIdRef,
     addToQueue,
     startStreaming,
     stopStreaming,
     setIsWaitingForResponse,
-    clearStreaming,
     setCanProcessQueue,
     setIsStreaming,
   } = useMessageQueue(
@@ -325,7 +272,6 @@ export const App = ({ initialPrompt }: { initialPrompt?: string } = {}) => {
     isWaitingForResponse,
     abortControllerRef,
     focusedAgentId,
-    inputRenderable,
     setFocusedAgentId,
     setInputFocused,
     inputRef,
@@ -352,17 +298,6 @@ export const App = ({ initialPrompt }: { initialPrompt?: string } = {}) => {
     scrollToAgent,
   })
 
-  const fallbackInputWidth = Math.max(4, renderer.width - 6)
-  const effectiveInputWidth = inputWidth > 0 ? inputWidth : fallbackInputWidth
-  const maxCharsPerLine = Math.max(1, effectiveInputWidth - 1)
-  const textLengthForRows = Math.max(1, inputValue.length)
-  const computedLineCount = Math.max(
-    1,
-    Math.ceil(textLengthForRows / maxCharsPerLine),
-  )
-  const maxInputHeight = 5
-  const inputHeight = Math.max(1, Math.min(computedLineCount, maxInputHeight))
-
   return (
     <box
       style={{

cli/src/codebuff-client.ts

@@ -1,4 +1,5 @@
 import { CodebuffClient } from '@codebuff/sdk'
+
 import { logger } from './logger'
 
 let clientInstance: CodebuffClient | null = null

cli/src/index.tsx

@@ -1,8 +1,9 @@
 #!/usr/bin/env node
 import { render } from '@opentui/react'
-import { App } from './chat'
 import React from 'react'
 
+import { App } from './chat'
+
 function parseArgs(): string | null {
   const args = process.argv.slice(2)
   const pIndex = args.indexOf('-p')

cli/src/markdown-renderer.tsx

@@ -1,5 +1,9 @@
-import { unified } from 'unified'
+import React, { type ReactNode } from 'react'
 import remarkParse from 'remark-parse'
+import { unified } from 'unified'
+
+import { logger } from './logger'
+
 import type {
   Root,
   Content,
@@ -9,13 +13,12 @@ import type {
   InlineCode,
   Code,
   Heading,
-  Paragraph,
   List,
   ListItem,
   Blockquote,
 } from 'mdast'
-import React, { Fragment, type ReactNode } from 'react'
-import { logger } from './logger'
+
+
 
 export interface MarkdownPalette {
   inlineCodeFg: string

cli/src/message-block.tsx

@@ -1,15 +1,17 @@
-import React, { type ReactNode } from 'react'
 import { TextAttributes } from '@opentui/core'
+import React, { type ReactNode } from 'react'
+
+import { BranchItem } from './branch-item'
+import { getToolDisplayInfo } from './codebuff-client'
 import {
   renderMarkdown,
   renderStreamingMarkdown,
   hasMarkdown,
   type MarkdownPalette,
 } from './markdown-renderer'
-import { getToolDisplayInfo } from './codebuff-client'
-import { BranchItem } from './branch-item'
-import type { ChatTheme } from './theme-system'
+
 import type { ContentBlock } from './chat'
+import type { ChatTheme } from './theme-system'
 
 interface MessageBlockProps {
   messageId: string
@@ -152,7 +154,6 @@ export const MessageBlock = ({
               return (
                 <box key={`${messageId}-tool-${block.toolCallId}`}>
                   <BranchItem
-                    id={block.toolCallId}
                     name={displayInfo.name}
                     content={displayContent}
                     isCollapsed={isCollapsed}
@@ -205,7 +206,6 @@ export const MessageBlock = ({
               return (
                 <box key={`${messageId}-agent-${block.agentId}`}>
                   <BranchItem
-                    id={block.agentId}
                     name={block.agentName}
                     content={displayContent}
                     isCollapsed={isCollapsed}

cli/src/multiline-input.tsx

@@ -1,7 +1,8 @@
-import { useCallback, useState, useEffect, useMemo, useRef } from 'react'
 import { useKeyboard, usePaste } from '@opentui/react'
+import { useCallback, useState, useEffect, useMemo, useRef } from 'react'
+
 import type { ScrollBoxRenderable } from '@opentui/core'
-import { logger } from './logger'
+
 
 // Helper functions for text manipulation
 function findLineStart(text: string, cursor: number): number {

cli/src/separator.tsx

@@ -1,4 +1,5 @@
 import React from 'react'
+
 import type { ChatTheme } from './theme-system'
 
 interface SeparatorProps {

cli/src/shimmer-text.tsx

@@ -1,6 +1,5 @@
 import { TextAttributes } from '@opentui/core'
-import { useEffect, useMemo, useState } from 'react'
-import React from 'react'
+import React, { useEffect, useMemo, useState } from 'react'
 
 export const DEFAULT_SHIMMER_COLORS = [
   '#ff8c00',

cli/src/status-indicator.tsx

@@ -1,6 +1,8 @@
 import React, { useEffect, useState } from 'react'
-import { ShimmerText } from './shimmer-text'
+
 import { getCodebuffClient } from './codebuff-client'
+import { ShimmerText } from './shimmer-text'
+
 import type { ChatTheme } from './theme-system'
 
 const THINKING_SHIMMER_COLORS = [