import { ToolResultBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'
import { Box, Text } from 'ink'
import * as React from 'react'
import { getTheme } from '../../../utils/theme.js'

const MAX_RENDERED_LINES = 10

type Props = {
  param: ToolResultBlockParam
  verbose: boolean
}

export function UserToolErrorMessage({
  param,
  verbose,
}: Props): React.ReactNode {
  const error =
    typeof param.content === 'string' ? param.content.trim() : 'Error'
  return (
    <Box flexDirection="row" width="100%">
      <Text>&nbsp;&nbsp;⎿ &nbsp;</Text>
      <Box flexDirection="column">
        <Text color={getTheme().error}>
          {verbose
            ? error
            : error.split('\n').slice(0, MAX_RENDERED_LINES).join('\n') || ''}
        </Text>
        {!verbose && error.split('\n').length > MAX_RENDERED_LINES && (
          <Text color={getTheme().secondaryText}>
            ... (+{error.split('\n').length - MAX_RENDERED_LINES} lines)
          </Text>
        )}
      </Box>
    </Box>
  )
}
