Function ToolDisplay

ui/src/components/ToolDisplay.tsx:30–289

({ call, result, status = "requested", isError = false, isDecided = false, subagentName, onApprove, onReject, tokenStats }: ToolDisplayProps)

}

const ToolDisplay = ({ call, result, status = "requested", isError = false, isDecided = false, subagentName, onApprove, onReject, tokenStats }: ToolDisplayProps) => {
  const [areArgumentsExpanded, setAreArgumentsExpanded] = useState(status === "pending_approval");
  const [areResultsExpanded, setAreResultsExpanded] = useState(false);
  const [isCopied, setIsCopied] = useState(false);
  const [isSubmitting, setIsSubmitting] = useState(false);
  const [showRejectForm, setShowRejectForm] = useState(false);
  const [rejectionReason, setRejectionReason] = useState("");

  const hasResult = result !== undefined;

  const handleCopy = async () => {
    try {
      await navigator.clipboard.writeText(result?.content || "");
      setIsCopied(true);
      setTimeout(() => setIsCopied(false), 2000);
    } catch (err) {
      console.error("Failed to copy text:", err);
    }
  };

  const handleApprove = async () => {
    if (!onApprove) {
      return;
    }
    setIsSubmitting(true);
    onApprove();
  };

  /** Show the rejection reason form instead of immediately rejecting. */
  const handleRejectClick = () => {
    setShowRejectForm(true);
  };

  /** Confirm rejection — submits with optional reason. */
  const handleRejectConfirm = async () => {
    if (!onReject) {
      return;
    }
    setShowRejectForm(false);
    setIsSubmitting(true);
    onReject(rejectionReason.trim() || undefined);
  };

  /** Cancel the rejection form — go back to Approve/Reject buttons. */
  const handleRejectCancel = () => {
    setShowRejectForm(false);
    setRejectionReason("");
  };

  // Define UI elements based on status
  const getStatusDisplay = () => {
    if (isError && status === "executing") {
      return (
        <>
          <AlertCircle className="w-3 h-3 inline-block mr-2 text-red-500" />
          Error
        </>
      );