Function ToolRunCard

ai-code-studio/src/components/ToolWorkbenchPanel.tsx:135–169

({
  call,
  active,
  onClick,
}: {
  call: ToolCall;
  active: boolean;
  onClick: () => void;
})

}

function ToolRunCard({
  call,
  active,
  onClick,
}: {
  call: ToolCall;
  active: boolean;
  onClick: () => void;
}) {
  const title = call.title || call.name || '工具';
  const preview = trimText(call.resultPreview || call.inputPreview, '暂无摘要');

  return (
    <button
      type="button"
      onClick={onClick}
      className={[
        'w-full rounded-2xl border px-3 py-3 text-left transition-colors',
        active
          ? 'border-[#DCCFBE] bg-[#F5EFE4]'
          : 'border-[#ECE2D6] bg-white/80 hover:bg-[#FCFAF6]',
      ].join(' ')}
    >
      <div className="flex items-start justify-between gap-3">
        <div className="min-w-0">
          <div className="truncate text-[13px] font-medium text-[#2C241C]">{title}</div>
          <div className="mt-1 line-clamp-2 text-[11px] leading-5 text-[#8A7F70]">{preview}</div>
        </div>
        <span className={['rounded-full border px-2 py-0.5 text-[10px]', toolStatusTone(call.status)].join(' ')}>
          {toolStatusLabel(call.status)}
        </span>
      </div>
    </button>
  );
}

function FileDiffDetail({ file }: { file: FileArtifact | null }) {
  if (!file) {