Function ToolBash

web/components/tools/ToolBash.tsx:57–157

({
  input,
  result,
  isError = false,
  isRunning = false,
  startedAt,
  completedAt,
}: ToolBashProps)

const MAX_OUTPUT_LINES = 200;

export function ToolBash({
  input,
  result,
  isError = false,
  isRunning = false,
  startedAt,
  completedAt,
}: ToolBashProps) {
  const [showAll, setShowAll] = useState(false);

  const exitCode = result ? parseExitCode(result) : null;
  const outputText = result ? stripExitCode(result) : "";
  const outputLines = outputText.split("\n");
  const isTruncated = !showAll && outputLines.length > MAX_OUTPUT_LINES;
  const displayOutput = isTruncated
    ? outputLines.slice(0, MAX_OUTPUT_LINES).join("\n")
    : outputText;

  // Determine if it's an error (non-zero exit code or isError prop)
  const hasError = isError || (exitCode !== null && exitCode !== 0);

  return (
    <ToolUseBlock
      toolName="bash"
      toolInput={input}
      toolResult={result}
      isError={hasError}
      isRunning={isRunning}
      startedAt={startedAt}
      completedAt={completedAt}
    >
      {/* Command display */}
      <div className="flex items-center gap-2 px-3 py-2 bg-surface-850 border-b border-surface-700/50">
        <span className="text-brand-400 font-mono text-xs select-none">$</span>
        <code className="font-mono text-xs text-surface-100 flex-1 break-all">
          {input.command}
        </code>
        <div className="flex items-center gap-1 flex-shrink-0">
          {input.timeout && (
            <span
              className="flex items-center gap-1 text-xs text-surface-500"
              title={`Timeout: ${input.timeout}ms`}
            >
              <Clock className="w-3 h-3" />
              {(input.timeout / 1000).toFixed(0)}s
            </span>
          )}
          <CopyButton text={input.command} />
        </div>
      </div>

      {/* Output */}
      {isRunning ? (
        <div className="px-3 py-3 font-mono text-xs text-brand-400 animate-pulse-soft">
          Running…
        </div>
      ) : outputText ? (
        <div>