Function FileBreadcrumb

web/components/tools/ToolFileEdit.tsx:23–39

({ filePath }: { filePath: string })

}

function FileBreadcrumb({ filePath }: { filePath: string }) {
  const parts = filePath.replace(/^\//, "").split("/");
  return (
    <div className="flex items-center gap-1 font-mono text-xs text-surface-400 flex-wrap">
      {parts.map((part, i) => (
        <span key={i} className="flex items-center gap-1">
          {i > 0 && <ChevronRight className="w-3 h-3 text-surface-600" />}
          <span
            className={i === parts.length - 1 ? "text-surface-200 font-medium" : ""}
          >
            {part}
          </span>
        </span>
      ))}
    </div>
  );
}

export function ToolFileEdit({
  input,